@3t-transform/threeteeui 0.0.6 → 0.0.7

package/dist/collection/components/patterns/tttx-worksheet/tttx-worksheet.css

@@ -1,134 +0,0 @@
-@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;
-  /* we need to overright bootstrap to get the buttering we want */
-  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;
-}

package/dist/collection/components/patterns/tttx-worksheet/tttx-worksheet.js

@@ -1,70 +0,0 @@
-import { Host, h } from '@stencil/core';
-import dxToolbar from 'devextreme/esm/ui/toolbar';
-import dxButton from 'devextreme/esm/ui/button';
-export class TttxWorksheet {
-  constructor() {
-    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 dxToolbar(this.footerBar, {
-      items: [
-        {
-          location: 'after',
-          widget: dxButton,
-          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) }))));
-  }
-  static get is() { return "tttx-worksheet"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["tttx-worksheet.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["tttx-worksheet.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "pageSize": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "'large' | 'medium' | 'small' | string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "page-size",
-        "reflect": false,
-        "defaultValue": "'large'"
-      }
-    };
-  }
-}

package/dist/collection/components/patterns/tttx-worksheet/tttx-worksheet.stories.js

@@ -1,44 +0,0 @@
-export default {
-  title: 'Patterns/Worksheet',
-  argTypes: {
-    pageSize: {
-      options: [
-        'large',
-        'medium',
-        'small',
-        '800'
-      ],
-      control: {
-        type: 'select'
-      },
-      description: 'A control on the width of the worksheet. Accepts three preset sizes (large, medium and small), as well as a number of pixels. Medium and small worksheets render a footer'
-    }
-  },
-  parameters: {
-    backgrounds: {
-      default: 'dark'
-    },
-    docs: {
-      transformSource: source => {
-        var _a;
-        const [, output] = (_a = source.match(/<span decorator-start \/>([\s\S]*?)<span decorator-end \/>/)) !== null && _a !== void 0 ? _a : [];
-        return output;
-      }
-    }
-  },
-  decorators: [
-    (Story) => `
-      <div style="height: 500px; transform: translateZ(0)">
-        <span decorator-start />
-          ${Story()}
-        <span decorator-end />
-      </div>
-    `
-  ]
-};
-const Template = (args) => `
-  <tttx-worksheet
-    ${args.pageSize ? `page-size=${args.pageSize}` : ''}>
-  </tttx-worksheet>
-`;
-export const Default = Template.bind({});

package/dist/components/tttx-icon.js

@@ -1,37 +0,0 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-
-const tttxIconCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto&display=swap\");@import url(\"https://fonts.googleapis.com/css2?family=Material+Icons+Round\");*{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}.material-icons-round{vertical-align:-6px;color:var(--ui-color-lt)}";
-
-const TttxIcon$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.name = undefined;
-    this.color = undefined;
-  }
-  render() {
-    return (h("span", { class: "material-icons-round", style: { color: this.color } }, this.name));
-  }
-  static get style() { return tttxIconCss; }
-}, [0, "tttx-icon", {
-    "name": [1],
-    "color": [1]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["tttx-icon"];
-  components.forEach(tagName => { switch (tagName) {
-    case "tttx-icon":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, TttxIcon$1);
-      }
-      break;
-  } });
-}
-
-const TttxIcon = TttxIcon$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TttxIcon, defineCustomElement };