@3t-transform/threeteeui 0.0.5 → 0.0.7

package/dist/esm/tttx-worksheet.entry.js

@@ -1,44 +0,0 @@
-import { r as registerInstance, h, H as Host } from './index-854ff56f.js';
-import { T as Toolbar } from './toolbar-b147a3aa.js';
-import { aa as Button } from './ui.popover-0c8f8d79.js';
-
-const tttxWorksheetCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto&display=swap\");*{box-sizing:border-box}.flex-start{justify-content:start}.flex-end{justify-content:end}.flex-centre{justify-content:center}[class^=col-]{display:flex;padding-left:8px !important;padding-right:8px !important}h1,h2,h3,h4,h5,h6,p,label,small{margin:0;padding:0}h1,h2,h3,h4,h5,h6,p,label{display:block}*{font-family:\"Roboto\", sans-serif}html,body{font-weight:normal;font-size:16px}h1{font-weight:700;font-size:24px}h2{font-weight:700;font-size:20px}h3{font-weight:700;font-size:18px}h4{font-weight:normal;font-size:14px;text-transform:uppercase}button{font-weight:500;font-size:14px;text-transform:uppercase}small{font-weight:normal;font-size:14px}label{font-weight:700;font-size:16px}:host{display:block}.worksheet__container,.worksheet__container--large,.worksheet__container--medium,.worksheet__container--small{position:absolute;top:104px;bottom:8px;left:0px;right:0px;overflow:auto;background-color:#ffffff;clear:both}.worksheet__container,.worksheet__container--medium,.worksheet__container--small,.worksheet__footer--medium,.worksheet__footer--small{margin:0px auto}.worksheet__container--large{margin:0px 16px}.worksheet__container--medium{width:900px}.worksheet__container--small{width:600px}.worksheet__footer--medium.dx-toolbar,.worksheet__footer--small.dx-toolbar{position:fixed;bottom:0px;left:0px;right:0px;padding:0 8px}.worksheet__footer--medium.dx-toolbar{width:900px}.worksheet__footer--small.dx-toolbar{width:600px}";
-
-const TttxWorksheet = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.pageSize = 'large';
-  }
-  componentDidLoad() {
-    this.footer();
-  }
-  pageSizeIsNumeric() {
-    return /^\d+$/.test(this.pageSize);
-  }
-  pageSizeClasses(baseClassName) {
-    return this.pageSizeIsNumeric() ? baseClassName : `${baseClassName}--${this.pageSize}`;
-  }
-  footer() {
-    if (!['medium', 'small'].includes(this.pageSize)) {
-      return;
-    }
-    new Toolbar(this.footerBar, {
-      items: [
-        {
-          location: 'after',
-          widget: Button,
-          options: {
-            text: 'save'
-          }
-        }
-      ]
-    });
-  }
-  render() {
-    const customPageWidth = this.pageSizeIsNumeric() ? { width: `${this.pageSize}px` } : {};
-    return (h(Host, null, h("div", { class: this.pageSizeClasses('worksheet__container'), style: Object.assign({}, customPageWidth) }, h("slot", null), h("div", { class: `worksheet__footer--${this.pageSize}`, ref: el => (this.footerBar = el) }))));
-  }
-};
-TttxWorksheet.style = tttxWorksheetCss;
-
-export { TttxWorksheet as tttx_worksheet };