@3t-transform/threeteeui 0.1.59 → 0.1.61

package/dist/types/components.d.ts

@@ -8,12 +8,15 @@ import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { DialogItems } from "./components/molecules/tttx-dialog-box/interfaces";
 import { FilterChangeEvent, FilterSettings } from "./components/molecules/tttx-filter/tttx-filter";
 import { ListItem } from "./components/molecules/tttx-list/interfaces";
+import { SelectItem } from "./components/molecules/tttx-select-box/interfaces";
 import { SorterChangeEvent, SorterData } from "./components/molecules/tttx-sorter/interfaces";
 import { MinMaxDates } from "./components/molecules/tttx-standalone-input/tttx-standalone-input";
+import { TreeViewItem } from "./components/molecules/tttx-tree-view/helper/helper";
 export namespace Components {
     interface TttxButton {
         "design": string;
         "icon": string;
+        "iconcolor": string;
         "iconposition": 'left' | 'right';
         "notext": boolean;
     }
@@ -57,6 +60,13 @@ export namespace Components {
         "link": string;
         "size": number;
     }
+    interface TttxSelectBox {
+        "inline": boolean;
+        "label": string;
+        "optionsData": string | SelectItem[];
+        "placeholder": string;
+        "searchEnabled": boolean;
+    }
     interface TttxSorter {
         "defaultOption": string;
         "defaultSortDirection": 'ascending' | 'descending';
@@ -111,6 +121,9 @@ export namespace Components {
     interface TttxToolbar {
         "border": boolean;
     }
+    interface TttxTreeView {
+        "data": TreeViewItem[];
+    }
 }
 export interface TttxDialogBoxCustomEvent<T> extends CustomEvent<T> {
     detail: T;
@@ -128,6 +141,10 @@ export interface TttxListCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLTttxListElement;
 }
+export interface TttxSelectBoxCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLTttxSelectBoxElement;
+}
 export interface TttxSorterCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLTttxSorterElement;
@@ -136,6 +153,10 @@ export interface TttxStandaloneInputCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLTttxStandaloneInputElement;
 }
+export interface TttxTreeViewCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLTttxTreeViewElement;
+}
 declare global {
     interface HTMLTttxButtonElement extends Components.TttxButton, HTMLStencilElement {
     }
@@ -191,6 +212,12 @@ declare global {
         prototype: HTMLTttxQrcodeElement;
         new (): HTMLTttxQrcodeElement;
     };
+    interface HTMLTttxSelectBoxElement extends Components.TttxSelectBox, HTMLStencilElement {
+    }
+    var HTMLTttxSelectBoxElement: {
+        prototype: HTMLTttxSelectBoxElement;
+        new (): HTMLTttxSelectBoxElement;
+    };
     interface HTMLTttxSorterElement extends Components.TttxSorter, HTMLStencilElement {
     }
     var HTMLTttxSorterElement: {
@@ -209,6 +236,12 @@ declare global {
         prototype: HTMLTttxToolbarElement;
         new (): HTMLTttxToolbarElement;
     };
+    interface HTMLTttxTreeViewElement extends Components.TttxTreeView, HTMLStencilElement {
+    }
+    var HTMLTttxTreeViewElement: {
+        prototype: HTMLTttxTreeViewElement;
+        new (): HTMLTttxTreeViewElement;
+    };
     interface HTMLElementTagNameMap {
         "tttx-button": HTMLTttxButtonElement;
         "tttx-dialog-box": HTMLTttxDialogBoxElement;
@@ -219,15 +252,18 @@ declare global {
         "tttx-list": HTMLTttxListElement;
         "tttx-loading-spinner": HTMLTttxLoadingSpinnerElement;
         "tttx-qrcode": HTMLTttxQrcodeElement;
+        "tttx-select-box": HTMLTttxSelectBoxElement;
         "tttx-sorter": HTMLTttxSorterElement;
         "tttx-standalone-input": HTMLTttxStandaloneInputElement;
         "tttx-toolbar": HTMLTttxToolbarElement;
+        "tttx-tree-view": HTMLTttxTreeViewElement;
     }
 }
 declare namespace LocalJSX {
     interface TttxButton {
         "design"?: string;
         "icon"?: string;
+        "iconcolor"?: string;
         "iconposition"?: 'left' | 'right';
         "notext"?: boolean;
     }
@@ -277,6 +313,15 @@ declare namespace LocalJSX {
         "link"?: string;
         "size"?: number;
     }
+    interface TttxSelectBox {
+        "inline"?: boolean;
+        "label"?: string;
+        "onSelectItemEvent"?: (event: TttxSelectBoxCustomEvent<SelectItem>) => void;
+        "onToggleOpen"?: (event: TttxSelectBoxCustomEvent<boolean>) => void;
+        "optionsData"?: string | SelectItem[];
+        "placeholder"?: string;
+        "searchEnabled"?: boolean;
+    }
     interface TttxSorter {
         "defaultOption"?: string;
         "defaultSortDirection"?: 'ascending' | 'descending';
@@ -340,6 +385,10 @@ declare namespace LocalJSX {
     interface TttxToolbar {
         "border"?: boolean;
     }
+    interface TttxTreeView {
+        "data"?: TreeViewItem[];
+        "onClickEvent"?: (event: TttxTreeViewCustomEvent<any>) => void;
+    }
     interface IntrinsicElements {
         "tttx-button": TttxButton;
         "tttx-dialog-box": TttxDialogBox;
@@ -350,9 +399,11 @@ declare namespace LocalJSX {
         "tttx-list": TttxList;
         "tttx-loading-spinner": TttxLoadingSpinner;
         "tttx-qrcode": TttxQrcode;
+        "tttx-select-box": TttxSelectBox;
         "tttx-sorter": TttxSorter;
         "tttx-standalone-input": TttxStandaloneInput;
         "tttx-toolbar": TttxToolbar;
+        "tttx-tree-view": TttxTreeView;
     }
 }
 export { LocalJSX as JSX };
@@ -368,9 +419,11 @@ declare module "@stencil/core" {
             "tttx-list": LocalJSX.TttxList & JSXBase.HTMLAttributes<HTMLTttxListElement>;
             "tttx-loading-spinner": LocalJSX.TttxLoadingSpinner & JSXBase.HTMLAttributes<HTMLTttxLoadingSpinnerElement>;
             "tttx-qrcode": LocalJSX.TttxQrcode & JSXBase.HTMLAttributes<HTMLTttxQrcodeElement>;
+            "tttx-select-box": LocalJSX.TttxSelectBox & JSXBase.HTMLAttributes<HTMLTttxSelectBoxElement>;
             "tttx-sorter": LocalJSX.TttxSorter & JSXBase.HTMLAttributes<HTMLTttxSorterElement>;
             "tttx-standalone-input": LocalJSX.TttxStandaloneInput & JSXBase.HTMLAttributes<HTMLTttxStandaloneInputElement>;
             "tttx-toolbar": LocalJSX.TttxToolbar & JSXBase.HTMLAttributes<HTMLTttxToolbarElement>;
+            "tttx-tree-view": LocalJSX.TttxTreeView & JSXBase.HTMLAttributes<HTMLTttxTreeViewElement>;
         }
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@3t-transform/threeteeui",
-    "version": "0.1.59",
+    "version": "0.1.61",
     "description": "3t Design System",
     "main": "dist/index.cjs.js",
     "module": "dist/index.js",

package/dist/tttx/p-28d80500.entry.js

@@ -1 +0,0 @@
-import{r as o,h as t,H as r}from"./p-c544551b.js";const i=class{constructor(t){o(this,t),this._iconcolor="black",this.notext=void 0,this.icon=void 0,this.iconposition="left",this.design="default"}componentWillLoad(){this._design=this.design,["primary","default","disabled","danger","borderless"].includes(this.design)||(this._design="default"),"primary"!==this._design&&"danger"!==this._design||(this._iconcolor="white")}render(){return t(r,null,t("button",{class:`button ${this._design} ${this.icon?"withicon":""} ${this.icon&&this.iconposition?"icon"+this.iconposition:""}  ${this.notext?"notext":""}`},this.icon&&"left"===this.iconposition&&t("div",{class:"icon-left"},t("tttx-icon",{icon:this.icon,color:this._iconcolor})),!this.notext&&t("div",{class:"button-content"},t("slot",null)),this.icon&&"right"===this.iconposition&&t("div",{class:"icon-right"},t("tttx-icon",{icon:this.icon,color:this._iconcolor}))))}};i.style='.material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}button{cursor:pointer}.button{font-family:Roboto, serif;box-sizing:border-box;height:36px;min-width:36px;padding:0;margin:0;background:transparent;color:#212121;border:1px solid #c8c8c8;border-radius:4px;text-transform:uppercase;display:flex;justify-content:left;align-items:center;font-size:14px;font-weight:400}.button-content{display:block;padding:0 16px}.icon-left,.icon-right{margin-top:4px}.iconleft{padding-left:8px}.iconleft .button-content{padding-left:4px}.iconright{padding-right:8px}.iconright .button-content{padding-right:4px}.notext{padding:0 6px}.button:active{background:rgba(17, 17, 17, 0.2);border:1px solid #d5d5d5}.primary{background:#1479c6;border:1px solid #1479c6;color:white}.primary:active{background:#1464a2;border:1px solid #1464a2}.borderless{background:transparent;border:none;color:#212121}.borderless:active{background:rgba(17, 17, 17, 0.2);border:none}.danger{background:#dc0000;border:1px solid #dc0000;color:white}.danger:active{background:#b00000;border:1px solid #b00000}.disabled{background:#aeaeae;border:none;color:#4c4c4c;cursor:not-allowed}.disabled:active{background:#aeaeae;border:none;color:#4c4c4c;cursor:not-allowed}@media (hover: hover){.button:hover{background:rgba(17, 17, 17, 0.1);border:1px solid #d5d5d5}.primary:hover{background:#146eb3;border:1px solid #146eb3}.borderless:hover{background:rgba(17, 17, 17, 0.1);border:none}.danger:hover{background:#c60000;border:1px solid #c60000}.disabled:hover{background:#aeaeae;border:none;color:#4c4c4c;cursor:not-allowed}}:host{display:inline-block}tttx-icon{cursor:inherit}.spacingleft{margin-left:8px}';export{i as tttx_button}