@3t-transform/threeteeui 0.1.59 → 0.1.60

package/dist/types/components/molecules/tttx-tree-view/tttx-tree-view.stories.d.ts

@@ -0,0 +1,20 @@
+declare const _default: {
+  title: string;
+  component: string;
+  parameters: {
+    actions: {
+      handles: string[];
+    };
+  };
+  decorators: (<T extends import("@storybook/types").Renderer>(storyFn: import("@storybook/types").PartialStoryFn<T, import("@storybook/types").Args>) => T["storyResult"])[];
+};
+export default _default;
+export declare const Default: any;
+export declare const Simple: any;
+export declare const RightButtons: any;
+export declare const MenuButton: any;
+export declare const Chevron: any;
+export declare const HTML: any;
+export declare const Checkbox: any;
+export declare const Icons: any;
+export declare const CheckBoxAndIcons: any;

package/dist/types/components.d.ts

@@ -10,10 +10,12 @@ import { FilterChangeEvent, FilterSettings } from "./components/molecules/tttx-f
 import { ListItem } from "./components/molecules/tttx-list/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;
     }
@@ -111,6 +113,9 @@ export namespace Components {
     interface TttxToolbar {
         "border": boolean;
     }
+    interface TttxTreeView {
+        "data": TreeViewItem[];
+    }
 }
 export interface TttxDialogBoxCustomEvent<T> extends CustomEvent<T> {
     detail: T;
@@ -136,6 +141,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 {
     }
@@ -209,6 +218,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;
@@ -222,12 +237,14 @@ declare global {
         "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;
     }
@@ -340,6 +357,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;
@@ -353,6 +374,7 @@ declare namespace LocalJSX {
         "tttx-sorter": TttxSorter;
         "tttx-standalone-input": TttxStandaloneInput;
         "tttx-toolbar": TttxToolbar;
+        "tttx-tree-view": TttxTreeView;
     }
 }
 export { LocalJSX as JSX };
@@ -371,6 +393,7 @@ declare module "@stencil/core" {
             "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.60",
     "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}