@blueprintui/grid 1.11.1 → 1.12.0

package/custom-elements.json

@@ -1261,12 +1261,6 @@
       "declarations": [],
       "exports": []
     },
-    {
-      "kind": "javascript-module",
-      "path": "/include/pagination.js",
-      "declarations": [],
-      "exports": []
-    },
     {
       "kind": "javascript-module",
       "path": "/include/placeholder.js",
@@ -1308,14 +1302,6 @@
             "package": "./footer/element.js"
           }
         },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./pagination/element.js"
-          }
-        },
         {
           "kind": "js",
           "name": "*",
@@ -1769,192 +1755,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "/pagination/element.css",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "/pagination/element.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "Grid Pagination\n\n```typescript\nimport '@blueprintui/grid/include/core.js';\n```\n\n```html\n<bp-grid-pagination></bp-grid-pagination>\n```",
-          "name": "BpGridPagination",
-          "members": [
-            {
-              "kind": "field",
-              "name": "i18n",
-              "attribute": "i18n"
-            },
-            {
-              "kind": "field",
-              "name": "page",
-              "type": {
-                "text": "number"
-              },
-              "default": "1",
-              "attribute": "page"
-            },
-            {
-              "kind": "field",
-              "name": "pageSize",
-              "type": {
-                "text": "number"
-              },
-              "default": "10",
-              "attribute": "page-size"
-            },
-            {
-              "kind": "field",
-              "name": "pageCount",
-              "type": {
-                "text": "number"
-              },
-              "default": "1",
-              "attribute": "page-count"
-            },
-            {
-              "kind": "field",
-              "name": "pageSizeOptions",
-              "type": {
-                "text": "number[]"
-              },
-              "default": "[]",
-              "attribute": "page-size-options"
-            },
-            {
-              "kind": "method",
-              "name": "#setPage",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "any"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "#nextPage"
-            },
-            {
-              "kind": "method",
-              "name": "#prevPage"
-            },
-            {
-              "kind": "method",
-              "name": "#firstPage"
-            },
-            {
-              "kind": "method",
-              "name": "#lastPage"
-            },
-            {
-              "kind": "method",
-              "name": "#pageChange",
-              "parameters": [
-                {
-                  "name": "detail",
-                  "type": {
-                    "text": "number"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "#sizeChange",
-              "parameters": [
-                {
-                  "name": "detail",
-                  "type": {
-                    "text": "number"
-                  }
-                }
-              ]
-            }
-          ],
-          "events": [
-            {
-              "name": "page",
-              "type": {
-                "text": "CustomEvent"
-              }
-            },
-            {
-              "name": "size",
-              "type": {
-                "text": "CustomEvent"
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "name": "i18n",
-              "fieldName": "i18n"
-            },
-            {
-              "name": "page",
-              "type": {
-                "text": "number"
-              },
-              "default": "1",
-              "fieldName": "page"
-            },
-            {
-              "name": "page-size",
-              "type": {
-                "text": "number"
-              },
-              "default": "10",
-              "fieldName": "pageSize"
-            },
-            {
-              "name": "page-count",
-              "type": {
-                "text": "number"
-              },
-              "default": "1",
-              "fieldName": "pageCount"
-            },
-            {
-              "name": "page-size-options",
-              "type": {
-                "text": "number[]"
-              },
-              "default": "[]",
-              "fieldName": "pageSizeOptions"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "bp-grid-pagination",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "BpGridPagination",
-          "declaration": {
-            "name": "BpGridPagination",
-            "module": "/pagination/element.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "/pagination/element.visual.js",
-      "declarations": [],
-      "exports": []
-    },
     {
       "kind": "javascript-module",
       "path": "/placeholder/element.css",
@@ -1983,6 +1783,14 @@
               },
               "default": "'0'"
             },
+            {
+              "kind": "field",
+              "name": "bpDraggableItem",
+              "type": {
+                "text": "null"
+              },
+              "privacy": "private"
+            },
             {
               "kind": "field",
               "name": "#internals",

package/footer/element.css.js

@@ -1 +1 @@
-const i=new CSSStyleSheet;i.replaceSync(":host{--min-height:var(--bp-size-9, var(--bp-interaction-touch-target));--padding-block:0;--padding-inline:var(--bp-size-6)}[part=internal]{min-height:var(--min-height);display:flex;align-items:center;padding-inline:var(--padding-inline);padding-block:var(--padding-block);border-top:var(--cell-border-width, var(--bp-object-border-width-100)) solid var(--bp-object-border-color-100);color:var(--bp-text-color-500);background:var(--background);font-size:var(--bp-text-size-200);width:100%}::slotted(bp-grid-pagination),::slotted(bp-pagination){margin-left:auto}");export{i as default};
+const i=new CSSStyleSheet;i.replaceSync(":host{--min-height:var(--bp-size-9, var(--bp-interaction-touch-target));--padding-block:0;--padding-inline:var(--bp-size-6)}[part=internal]{min-height:var(--min-height);display:flex;align-items:center;padding-inline:var(--padding-inline);padding-block:var(--padding-block);border-top:var(--cell-border-width, var(--bp-object-border-width-100)) solid var(--bp-object-border-color-100);color:var(--bp-text-color-500);background:var(--background);font-size:var(--bp-text-size-200);width:100%}::slotted(bp-pagination),::slotted(bp-pagination-input){margin-left:auto}");export{i as default};

package/grid/element.global.css.js

@@ -1 +1 @@
-const e=new CSSStyleSheet;e.replaceSync("bp-grid-row:has(bp-grid-cell:first-child bp-checkbox:--checked),bp-grid-row:has(bp-grid-cell:first-child bp-radio:--checked){--bp-interaction-offset:var(--bp-interaction-selected-offset)}bp-grid-cell[role=rowheader]:first-child{--bp-interaction-offset:var(--bp-interaction-selected-offset);--cell-border-width:var(--bp-size-1)}bp-grid-row bp-grid-cell:last-child{--border-right:0}");export{e as default};
+const e=new CSSStyleSheet;e.replaceSync("bp-grid-row:has(bp-grid-cell:first-child bp-checkbox:--checked),bp-grid-row:has(bp-grid-cell:first-child bp-radio:--checked){--bp-interaction-offset:var(--bp-interaction-selected-offset)}bp-grid-cell[role=rowheader]:first-child{--bp-interaction-offset:var(--bp-interaction-selected-offset);--cell-border-width:var(--bp-size-1)}bp-grid-row bp-grid-cell:last-child{--border-right:0}bp-grid-cell:has(bp-button-handle){--padding-inline:var(--bp-size-4)}");export{e as default};

package/index.d.ts

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

package/index.js

@@ -1 +1 @@
-export{BpGridCell}from"./cell/element.js";export{BpGridColumn}from"./column/element.js";export{BpGridFooter}from"./footer/element.js";export{BpGridPagination}from"./pagination/element.js";export{BpGridPlaceholder}from"./placeholder/element.js";export{BpGridRow}from"./row/element.js";export{BpGrid}from"./grid/element.js";
+export{BpGridCell}from"./cell/element.js";export{BpGridColumn}from"./column/element.js";export{BpGridFooter}from"./footer/element.js";export{BpGridPlaceholder}from"./placeholder/element.js";export{BpGridRow}from"./row/element.js";export{BpGrid}from"./grid/element.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blueprintui/grid",
-  "version": "1.11.1",
+  "version": "1.12.0",
   "main": "./index.js",
   "module": "./index.js",
   "typings": "./index.d.ts",

package/placeholder/element.d.ts

@@ -42,6 +42,7 @@ export declare class BpGridPlaceholder extends LitElement {
         pageSize: string;
     };
     _colSpan: string;
+    private bpDraggableItem;
     static styles: CSSStyleSheet[];
     render(): import("lit-html").TemplateResult<1>;
     connectedCallback(): void;

package/placeholder/element.js

@@ -1 +1 @@
-import{__decorate as t}from"tslib";import{LitElement as e,html as r}from"lit";import{I18nService as s,baseStyles as n,i18n as i}from"@blueprintui/components/internals";import a from"./element.css.js";let o=class extends e{static properties={i18n:{type:Object},_colSpan:{state:!0}};constructor(){super(...arguments);this.i18n=s.keys.actions,this._colSpan="0"}static styles=[n,a];#t=this.attachInternals();render(){return r`<slot role="gridcell" part="internal" .ariaColSpan="${this._colSpan}">${"false"!==this.getAttribute("draggable")?r`<p>${this.i18n.noData}</p>`:r`<p sr-only>${this.i18n.dropTarget}</p>`}</slot>`}connectedCallback(){super.connectedCallback(),this.#t.role="row"}};o=t([i({key:"actions"})],o);export{o as BpGridPlaceholder};
+import{__decorate as t}from"tslib";import{LitElement as e,html as r}from"lit";import{I18nService as s,baseStyles as n,i18n as o}from"@blueprintui/components/internals";import a from"./element.css.js";let i=class extends e{static properties={i18n:{type:Object},_colSpan:{state:!0},bpDraggableItem:{state:!0}};constructor(){super(...arguments);this.i18n=s.keys.actions,this._colSpan="0"}static styles=[n,a];#t=this.attachInternals();render(){return r`<slot role="gridcell" part="internal" .ariaColSpan="${this._colSpan}">${"dropzone"===this.bpDraggableItem?r`<p sr-only>${this.i18n.dropTarget}</p>`:""}</slot>`}connectedCallback(){super.connectedCallback(),this.#t.role="row"}};i=t([o({key:"actions"})],i);export{i as BpGridPlaceholder};

package/row/element.css.js

@@ -1 +1 @@
-const t=new CSSStyleSheet;t.replaceSync(":host{--min-height:var(--row-height);--border-top:0;--border-bottom:0;--box-shadow:none;content-visibility:var(--row-content-visibility, auto);contain-intrinsic-size:auto var(--min-height)}:host([position='fixed']) ::slotted(bp-grid-cell),:host([position='sticky']) ::slotted(bp-grid-cell),:host([selected]) ::slotted(bp-grid-cell){--bp-interaction-offset:var(--bp-interaction-selected-offset)}slot{background:color-mix(in oklab,var(--background),black var(--bp-interaction-offset, 0%));grid-template-columns:var(--ch-grid);box-shadow:var(--box-shadow);min-height:var(--min-height);border-top:var(--border-top);border-bottom:var(--border-bottom);display:grid}:host([position='fixed']),:host([position='sticky']){--border-bottom:0;--box-shadow:0 var(--bp-object-border-width-100) var(--bp-object-border-width-100) -1px var(--bp-object-border-color-100);--row-content-visibility:visible;z-index:99;position:sticky;top:calc(var(--min-height) + var(--bp-size-1))}:host([draggable='true']){-webkit-user-drag:element;user-select:none}:host([bp-draggable*='target']){--box-shadow:inset 0 var(--bp-object-border-width-300) 0 calc(var(--bp-size-1) * -1)\n    var(--bp-interaction-accent-background)}");export{t as default};
+const t=new CSSStyleSheet;t.replaceSync(":host{--min-height:var(--row-height);--border-top:0;--border-bottom:0;--box-shadow:none;content-visibility:var(--row-content-visibility, auto);contain-intrinsic-size:auto var(--min-height)}:host([position='fixed']) ::slotted(bp-grid-cell),:host([position='sticky']) ::slotted(bp-grid-cell),:host([selected]) ::slotted(bp-grid-cell){--bp-interaction-offset:var(--bp-interaction-selected-offset)}slot{background:color-mix(in oklab,var(--background),black var(--bp-interaction-offset, 0%));grid-template-columns:var(--ch-grid);box-shadow:var(--box-shadow);min-height:var(--min-height);border-top:var(--border-top);border-bottom:var(--border-bottom);display:grid}:host([position='fixed']),:host([position='sticky']){--border-bottom:0;--box-shadow:0 var(--bp-object-border-width-100) var(--bp-object-border-width-100) -1px var(--bp-object-border-color-100);--row-content-visibility:visible;z-index:99;position:sticky;top:calc(var(--min-height) + var(--bp-size-1))}:host([draggable='true']){-webkit-user-drag:element;user-select:none}:host([bp-crane*='target']){--box-shadow:inset 0 var(--bp-object-border-width-200) 0 calc(var(--bp-size-1) * -1)\n    var(--bp-interaction-accent-background)}");export{t as default};

package/include/pagination.d.ts

@@ -1,10 +0,0 @@
-import '@blueprintui/components/include/button-icon.js';
-import '@blueprintui/components/include/pagination.js';
-import '@blueprintui/components/include/select.js';
-import '@blueprintui/components/include/input.js';
-import { BpGridPagination } from '../pagination/element.js';
-declare global {
-    interface HTMLElementTagNameMap {
-        'bp-grid-pagination': BpGridPagination;
-    }
-}

package/include/pagination.js

@@ -1 +0,0 @@
-import{defineElement as n}from"@blueprintui/components/internals";import"@blueprintui/components/include/button-icon.js";import"@blueprintui/components/include/pagination.js";import"@blueprintui/components/include/select.js";import"@blueprintui/components/include/input.js";import{BpGridPagination as i}from"../pagination/element.js";n("bp-grid-pagination",i);

package/pagination/element.css.js

@@ -1 +0,0 @@
-const t=new CSSStyleSheet;t.replaceSync("[part=internal]{display:flex;gap:var(--bp-space-sm)}button{background:0 0;border:0;cursor:pointer}button[disabled]{cursor:not-allowed}bp-select{--width:fit-content;--min-width:0}");export{t as default};

package/pagination/element.d.ts

@@ -1,56 +0,0 @@
-import { LitElement } from 'lit';
-/**
- * Grid Pagination
- *
- * ```typescript
- * import '@blueprintui/grid/include/core.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;
-        none: string;
-        ascending: string;
-        descending: 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/pagination/element.js

@@ -1 +0,0 @@
-import{__decorate as e}from"tslib";import{LitElement as t,html as i}from"lit";import{I18nService as a,baseStyles as s,i18n as p}from"@blueprintui/components/internals";import n from"./element.css.js";let g=class extends t{static properties={i18n:{type:Object},page:{type:Number},pageSize:{type:Number,attribute:"page-size"},pageCount:{type:Number,attribute:"page-count"},pageSizeOptions:{type:Array,attribute:"page-size-options"}};constructor(){super(...arguments);this.i18n=a.keys.actions,this.page=1,this.pageSize=10,this.pageCount=1,this.pageSizeOptions=[]}static styles=[s,n];render(){return i`<section part="internal"><bp-pagination aria-label="pagination">${this.pageSizeOptions.length?i`<bp-select slot="page-size" .value="${this.pageSize.toString()}" .ariaLabel="${this.i18n.pageSize}" @input="${e=>this.#e(parseInt(e.target.value))}">${this.pageSizeOptions.map((e=>i`<bp-option value="${e}" ?selected="${e===this.pageSize}">${e}</bp-option>`))}</bp-select>`:""}<bp-button-icon slot="first" .ariaLabel="${this.i18n.firstPage}" .disabled="${1===this.page}" @click="${this.#t}"></bp-button-icon><bp-button-icon slot="prev" .ariaLabel="${this.i18n.previousPage}" .disabled="${1===this.page}" @click="${this.#i}"></bp-button-icon><bp-field novalidate><bp-input type="number" size="${e=this.page,1+(0|Math.log10((e^e>>31)-(e>>31)))}" min="1" value="${this.page}" max="${this.pageCount}" .ariaLabel="${`${this.page} of ${this.pageCount}`}" @input="${this.#a}"></bp-input><bp-field-message>/ ${this.pageCount}</bp-field-message></bp-field><bp-button-icon slot="next" .ariaLabel="${this.i18n.nextPage}" ?disabled="${this.page===this.pageCount}" @click="${this.#s}"></bp-button-icon><bp-button-icon slot="last" .ariaLabel="${this.i18n.lastPage}" ?disabled="${this.page===this.pageCount}" @click="${this.#p}"></bp-button-icon></bp-pagination></section>`;var e}#a(e){this.#n(e.target.valueAsNumber)}#s(){this.#n(this.page+1)}#i(){this.#n(this.page-1)}#t(){this.#n(1)}#p(){this.#n(this.pageCount)}#n(e){this.dispatchEvent(new CustomEvent("page",{detail:e}))}#e(e){this.dispatchEvent(new CustomEvent("size",{detail:e}))}};g=e([p({key:"actions"})],g);export{g as BpGridPagination};