@3t-transform/threeteeui 0.2.83 → 0.2.85

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

@@ -0,0 +1,27 @@
+declare const _default: {
+  title: string;
+  component: string;
+  argTypes: {
+    lefticon: {
+      control: {
+        type: string;
+      };
+      options: string[];
+    };
+    lefticoncolor: {
+      control: {
+        type: string;
+      };
+      options: 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 ExpanderBookings: any;
+export declare const ExpanderTags: any;

package/dist/types/components.d.ts

@@ -30,6 +30,12 @@ export namespace Components {
         "open": boolean;
         "size": 'regular' | 'mobile' | 'large' | 'small';
     }
+    interface TttxExpander {
+        "expanded": boolean;
+        "lefticon"?: string;
+        "lefticoncolor"?: string;
+        "name": string;
+    }
     interface TttxFilter {
         "defaultFilterOptions": string[] | string;
         "filterButtonStyle": 'list filter' | 'list icon' | 'table icon';
@@ -193,6 +199,10 @@ export interface TttxDialogBoxCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLTttxDialogBoxElement;
 }
+export interface TttxExpanderCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLTttxExpanderElement;
+}
 export interface TttxFilterCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLTttxFilterElement;
@@ -246,6 +256,12 @@ declare global {
         prototype: HTMLTttxDialogBoxElement;
         new (): HTMLTttxDialogBoxElement;
     };
+    interface HTMLTttxExpanderElement extends Components.TttxExpander, HTMLStencilElement {
+    }
+    var HTMLTttxExpanderElement: {
+        prototype: HTMLTttxExpanderElement;
+        new (): HTMLTttxExpanderElement;
+    };
     interface HTMLTttxFilterElement extends Components.TttxFilter, HTMLStencilElement {
     }
     var HTMLTttxFilterElement: {
@@ -351,6 +367,7 @@ declare global {
     interface HTMLElementTagNameMap {
         "tttx-button": HTMLTttxButtonElement;
         "tttx-dialog-box": HTMLTttxDialogBoxElement;
+        "tttx-expander": HTMLTttxExpanderElement;
         "tttx-filter": HTMLTttxFilterElement;
         "tttx-form": HTMLTttxFormElement;
         "tttx-icon": HTMLTttxIconElement;
@@ -386,6 +403,13 @@ declare namespace LocalJSX {
         "open"?: boolean;
         "size"?: 'regular' | 'mobile' | 'large' | 'small';
     }
+    interface TttxExpander {
+        "expanded"?: boolean;
+        "lefticon"?: string;
+        "lefticoncolor"?: string;
+        "name"?: string;
+        "onContentExpanded"?: (event: TttxExpanderCustomEvent<boolean>) => void;
+    }
     interface TttxFilter {
         "defaultFilterOptions"?: string[] | string;
         "filterButtonStyle"?: 'list filter' | 'list icon' | 'table icon';
@@ -574,6 +598,7 @@ declare namespace LocalJSX {
     interface IntrinsicElements {
         "tttx-button": TttxButton;
         "tttx-dialog-box": TttxDialogBox;
+        "tttx-expander": TttxExpander;
         "tttx-filter": TttxFilter;
         "tttx-form": TttxForm;
         "tttx-icon": TttxIcon;
@@ -599,6 +624,7 @@ declare module "@stencil/core" {
         interface IntrinsicElements {
             "tttx-button": LocalJSX.TttxButton & JSXBase.HTMLAttributes<HTMLTttxButtonElement>;
             "tttx-dialog-box": LocalJSX.TttxDialogBox & JSXBase.HTMLAttributes<HTMLTttxDialogBoxElement>;
+            "tttx-expander": LocalJSX.TttxExpander & JSXBase.HTMLAttributes<HTMLTttxExpanderElement>;
             "tttx-filter": LocalJSX.TttxFilter & JSXBase.HTMLAttributes<HTMLTttxFilterElement>;
             "tttx-form": LocalJSX.TttxForm & JSXBase.HTMLAttributes<HTMLTttxFormElement>;
             "tttx-icon": LocalJSX.TttxIcon & JSXBase.HTMLAttributes<HTMLTttxIconElement>;

package/package.json

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

package/dist/tttx/p-02da8327.entry.js

@@ -1 +0,0 @@
-import{r as o,c as i,h as t,g as d}from"./p-3f1b6013.js";import{p as e,d as l}from"./p-88ee2406.js";import"./p-112455b1.js";const s=class{constructor(t){o(this,t),this.closeButtonClick=i(this,"closeButtonClick",6),this.buttonClick=i(this,"buttonClick",7),this.data=void 0,this.size="regular",this.open=!1,this.allowOverflow=!1,this.elementSize=void 0}handleResize(){this.elementSize=window.innerWidth<698?"mobile":this.size}componentDidRender(){this.dialog()&&(this.open?this.dialog().open||this.dialog().showModal():this.dialog().close())}onCloseClickHandler(){this.open=!1,this.closeButtonClick.emit({close:!0})}onButtonClickHandler(o){this.buttonClick.emit({buttonNumber:o,buttonClicked:!0})}dialog(){return this.el.shadowRoot.querySelector("dialog")}renderHeader(o){const i=o.title,d=!!o.hasClose;return t("div",{class:"dialog-box-header"},!!o.hasIcon&&t("tttx-icon",{class:"dialog-box-icon",icon:o.iconName,color:o.iconColor}),t("h3",{class:"dialog-box-title"},i),d&&t("div",{class:"dialog-box-align-right close-button",onClick:()=>this.onCloseClickHandler()},t("tttx-icon",{class:"dialog-box-icon-close dialog-box-clickable",icon:"close",color:"black"})))}renderContent(o){if(o.isCustomHtml){const i=e.sanitize(o.customHtml,l);return t("div",{class:"dialog-box-body "+(this.allowOverflow?"":"overflow-hidden")},t("div",{innerHTML:i}))}return t("div",{class:"dialog-box-body "+(this.allowOverflow?"":"overflow-hidden")},t("span",{class:"dialog-box-content"},o.contentText))}renderFooter(o){const i=o.buttons,d=i.length>0,e=i.length>1,l="mobile"===this.elementSize;return t("div",{class:"dialog-box-footer"},t("div",{class:"dialog-box-align-right"},3==i.length&&t("tttx-button",{class:"dialog-box-spacing-button",onClick:()=>this.onButtonClickHandler(3),design:i[2].type,notext:l,icon:i[2].icon},!l&&i[2].name),e&&t("tttx-button",{class:"dialog-box-spacing-button",onClick:()=>this.onButtonClickHandler(2),design:i[1].type,icon:i[1].icon},i[1].name),d&&t("tttx-button",{onClick:()=>this.onButtonClickHandler(1),design:i[0].type,icon:i[0].icon},i[0].name)))}componentWillLoad(){this.elementSize=window.innerWidth<698?"mobile":this.size}render(){if(this.data)return this._data="string"==typeof this.data?JSON.parse(this.data):this.data,t("dialog",{class:`dialog-box ${this.allowOverflow?"overflow-visible":""} ${this.elementSize}`},t("div",{class:"contents"},t("div",{class:`dialog-box-padding dialog-box-header-box ${this._data.type||""}`},this.renderHeader(this._data.header)),t("div",{class:"dialog-box-padding dialog-box-body-box"},this.renderContent(this._data.body)),t("div",{class:"dialog-box-padding dialog-box-footer-box"},this.renderFooter(this._data.footer))))}get el(){return d(this)}};s.style='.material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.material-symbols-rounded{font-family:"Material Symbols Rounded", sans-serif;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color:#9e9e9e}h3{margin-block-start:0em;margin-block-end:0em}.dialog-box{background-color:#ffffff;border:1px solid #d5d5d5;border-radius:4px;box-shadow:0px 1px 5px #1111114d;padding:0}.overflow-visible{overflow:visible}.overflow-hidden{overflow:hidden}dialog::backdrop{background-color:#75757580}.dialog-box.small{width:400px;min-height:200px}.dialog-box.regular{width:600px;min-height:200px}.dialog-box.large{width:900px;min-height:200px}.dialog-box.mobile{max-width:424px;width:calc(100vw - 20px)}.dialog-box-clickable{cursor:pointer}.contents{display:flex;flex-direction:column;min-height:inherit}.dialog-box-padding{padding:8px 16px}.dialog-box-align-right{margin-left:auto;display:flex}.dialog-box-header-box{border-bottom:1px solid #d5d5d5;display:flex;flex-direction:row;height:36px}.dialog-box-header{display:flex;align-items:center;width:100%}.dialog-box-title{font-size:18;font-weight:500;font-family:"Roboto", serif}.dialog-box-icon{padding-right:8px;width:24px;height:24px}.dialog-box-icon-close{margin-left:auto;padding-top:3px;width:24px;height:24px}.dialog-box-content{font-size:16;font-weight:400;font-family:"Roboto", serif}.dialog-box-body{text-overflow:ellipsis}.dialog-box-body-box{padding:16px}.dialog-box-footer-box{display:flex;flex-direction:row;margin-top:auto;border-top:1px solid #d5d5d5;height:36px}.dialog-box-footer{display:flex;align-items:center;width:100%}.dialog-box-spacing-button{margin-right:8px}.dialog-box-header-box.info{border-bottom:1px solid #1479c6}.dialog-box-header-box.success{border-bottom:1px solid #a2bb31}.dialog-box-header-box.warning{border-bottom:1px solid #f59500}.dialog-box-header-box.critical{border-bottom:1px solid #dc0000}';export{s as tttx_dialog_box}