@operato/scene-tab 1.2.76 → 1.2.87

package/CHANGELOG.md

@@ -3,6 +3,23 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.2.87](https://github.com/things-scene/operato-scene/compare/v1.2.86...v1.2.87) (2023-11-10)
+
+**Note:** Version bump only for package @operato/scene-tab
+
+
+
+
+
+## [1.2.82](https://github.com/things-scene/operato-scene/compare/v1.2.81...v1.2.82) (2023-11-06)
+
+
+### :bug: Bug Fix
+
+* rewrite tab ([47dc94a](https://github.com/things-scene/operato-scene/commit/47dc94a5ac261963fe260306c951b351d66c625b))
+
+
+
 ## [1.2.76](https://github.com/things-scene/operato-scene/compare/v1.2.75...v1.2.76) (2023-10-28)
 
 

package/dist/tab-button.d.ts

@@ -1,18 +1,16 @@
 import { Component, State } from '@hatiolab/things-scene';
-import Tab from './tab';
 declare const TabButton_base: typeof Component;
 export default class TabButton extends TabButton_base {
-    get index(): any;
+    get index(): number;
     get activated(): boolean;
-    removed(parent: Tab): void;
     private _fillStyle?;
     private _fontColor?;
     private _strokeStyle?;
     private _lineWidth?;
     prerender(context: CanvasRenderingContext2D): void;
     render(context: CanvasRenderingContext2D): void;
-    postrender(context: CanvasRenderingContext2D): void;
     onclick(e: MouseEvent): void;
+    setStylesFromParent(style: State): void;
     onchange(after: State): void;
 }
 export {};

package/dist/tab-button.js

@@ -4,24 +4,14 @@
 import { Component, RectPath } from '@hatiolab/things-scene';
 export default class TabButton extends RectPath(Component) {
     get index() {
-        return this.model.index;
+        return this.parent.indexOf(this);
     }
     get activated() {
         return this.parent.activeIndex === this.index;
     }
-    removed(parent) {
-        this.dispose();
-    }
     prerender(context) {
         super.prerender(context);
-        let { fillStyle, activeFillStyle, activeLineColor, activeLineWidth, fontColor, activeFontColor } = this.state;
-        // backup style
-        if (!this.hasOwnProperty('_fillStyle')) {
-            this._fillStyle = fillStyle;
-        }
-        if (!this.hasOwnProperty('_fontColor')) {
-            this._fontColor = fontColor;
-        }
+        let { activeFillStyle, activeLineColor, activeLineWidth, activeFontColor } = this.state;
         if (this.activated) {
             this.model.fillStyle = activeFillStyle;
             this.model.fontColor = activeFontColor;
@@ -37,41 +27,32 @@ export default class TabButton extends RectPath(Component) {
     }
     render(context) {
         var { left = 0, top = 0, width, height } = this.bounds;
-        // 컨테이너의 바운드를 표현한다.(컨테이너의 기본 그리기 기능)
         context.beginPath();
         context.rect(left, top, width, height);
         this.drawFill(context);
         this.drawStroke(context);
     }
-    postrender(context) {
-        super.postrender(context);
-        // restore style
-        this.model.fillStyle = this._fillStyle;
-        this.model.fontColor = this._fontColor;
-        this.model.strokeStyle = this._strokeStyle;
-        this.model.lineWidth = this._lineWidth;
-        delete this._fillStyle;
-        delete this._fontColor;
-        delete this._strokeStyle;
-        delete this._lineWidth;
-    }
     onclick(e) {
         ;
         this.parent.activeIndex = this.index;
         this.parent.invalidate();
     }
+    setStylesFromParent(style) {
+        if ('fillStyle' in style)
+            this._fillStyle = style.fillStyle;
+        if ('fontColor' in style)
+            this._fontColor = style.fontColor;
+        if ('strokeStyle' in style)
+            this._strokeStyle = style.strokeStyle;
+        if ('lineWidth' in style)
+            this._lineWidth = style.lineWidth;
+        this.set(style);
+    }
     onchange(after) {
-        if (after.hasOwnProperty('fillStyle'))
-            this._fillStyle = after.fillStyle;
-        if (after.hasOwnProperty('fontColor'))
-            this._fontColor = after.fontColor;
-        if (after.hasOwnProperty('strokeStyle'))
-            this._fontColor = after.fontColor;
-        if (after.hasOwnProperty('lineWidth'))
-            this._fontColor = after.fontColor;
-        if (after.hasOwnProperty('text')) {
+        var _a;
+        if ('text' in after) {
             ;
-            this.parent.reference.getAt(this.index).setState('text', after.text);
+            (_a = this.parent.reference) === null || _a === void 0 ? void 0 : _a.getAt(this.index).setState('text', after.text);
         }
         this.invalidate();
     }

package/dist/tab-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab-button.js","sourceRoot":"","sources":["../src/tab-button.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\nimport { Component, RectPath, State } from '@hatiolab/things-scene'\n\nimport Tab from './tab'\n\nexport default class TabButton extends RectPath(Component) {\n  get index() {\n    return this.model.index\n  }\n\n  get activated() {\n    return (this.parent as Tab).activeIndex === this.index\n  }\n\n  removed(parent: Tab) {\n    this.dispose()\n  }\n\n  private _fillStyle?: string\n  private _fontColor?: string\n  private _strokeStyle?: string\n  private _lineWidth?: string\n\n  prerender(context: CanvasRenderingContext2D) {\n    super.prerender(context)\n    let { fillStyle, activeFillStyle, activeLineColor, activeLineWidth, fontColor, activeFontColor } = this.state\n\n    // backup style\n    if (!this.hasOwnProperty('_fillStyle')) {\n      this._fillStyle = fillStyle\n    }\n    if (!this.hasOwnProperty('_fontColor')) {\n      this._fontColor = fontColor\n    }\n\n    if (this.activated) {\n      this.model.fillStyle = activeFillStyle\n      this.model.fontColor = activeFontColor\n      this.model.strokeStyle = activeLineColor\n      this.model.lineWidth = activeLineWidth\n    } else {\n      this.model.fillStyle = this._fillStyle\n      this.model.fontColor = this._fontColor\n      this.model.strokeStyle = this._strokeStyle\n      this.model.lineWidth = this._lineWidth\n    }\n  }\n\n  render(context: CanvasRenderingContext2D) {\n    var { left = 0, top = 0, width, height } = this.bounds\n\n    // 컨테이너의 바운드를 표현한다.(컨테이너의 기본 그리기 기능)\n    context.beginPath()\n\n    context.rect(left, top, width, height)\n\n    this.drawFill(context)\n    this.drawStroke(context)\n  }\n\n  postrender(context: CanvasRenderingContext2D) {\n    super.postrender(context)\n\n    // restore style\n    this.model.fillStyle = this._fillStyle\n    this.model.fontColor = this._fontColor\n    this.model.strokeStyle = this._strokeStyle\n    this.model.lineWidth = this._lineWidth\n\n    delete this._fillStyle\n    delete this._fontColor\n    delete this._strokeStyle\n    delete this._lineWidth\n  }\n\n  onclick(e: MouseEvent) {\n    ;(this.parent as Tab).activeIndex = this.index\n    this.parent.invalidate()\n  }\n\n  onchange(after: State) {\n    if (after.hasOwnProperty('fillStyle')) this._fillStyle = after.fillStyle\n\n    if (after.hasOwnProperty('fontColor')) this._fontColor = after.fontColor\n\n    if (after.hasOwnProperty('strokeStyle')) this._fontColor = after.fontColor\n\n    if (after.hasOwnProperty('lineWidth')) this._fontColor = after.fontColor\n\n    if (after.hasOwnProperty('text')) {\n      ;(this.parent as Tab).reference.getAt(this.index).setState('text', after.text)\n    }\n\n    this.invalidate()\n  }\n}\n\nComponent.register('tab-button', TabButton)\n"]}
+{"version":3,"file":"tab-button.js","sourceRoot":"","sources":["../src/tab-button.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAS,MAAM,wBAAwB,CAAA;AAInE,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,QAAQ,CAAC,SAAS,CAAC;IACxD,IAAI,KAAK;QACP,OAAQ,IAAI,CAAC,MAAc,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;IAC3C,CAAC;IAED,IAAI,SAAS;QACX,OAAQ,IAAI,CAAC,MAAc,CAAC,WAAW,KAAK,IAAI,CAAC,KAAK,CAAA;IACxD,CAAC;IAOD,SAAS,CAAC,OAAiC;QACzC,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,CAAA;QAExB,IAAI,EAAE,eAAe,EAAE,eAAe,EAAE,eAAe,EAAE,eAAe,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAEvF,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,eAAe,CAAA;YACtC,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,eAAe,CAAA;YACtC,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,eAAe,CAAA;YACxC,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,eAAe,CAAA;SACvC;aAAM;YACL,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC,UAAU,CAAA;YACtC,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC,UAAU,CAAA;YACtC,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,IAAI,CAAC,YAAY,CAAA;YAC1C,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC,UAAU,CAAA;SACvC;IACH,CAAC;IAED,MAAM,CAAC,OAAiC;QACtC,IAAI,EAAE,IAAI,GAAG,CAAC,EAAE,GAAG,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM,CAAA;QAEtD,OAAO,CAAC,SAAS,EAAE,CAAA;QAEnB,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,CAAC,CAAA;QAEtC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;QACtB,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAA;IAC1B,CAAC;IAED,OAAO,CAAC,CAAa;QACnB,CAAC;QAAC,IAAI,CAAC,MAAc,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAA;QAC9C,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,CAAA;IAC1B,CAAC;IAED,mBAAmB,CAAC,KAAY;QAC9B,IAAI,WAAW,IAAI,KAAK;YAAE,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC,SAAS,CAAA;QAC3D,IAAI,WAAW,IAAI,KAAK;YAAE,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC,SAAS,CAAA;QAC3D,IAAI,aAAa,IAAI,KAAK;YAAE,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,WAAW,CAAA;QACjE,IAAI,WAAW,IAAI,KAAK;YAAE,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC,SAAS,CAAA;QAE3D,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;IACjB,CAAC;IAED,QAAQ,CAAC,KAAY;;QACnB,IAAI,MAAM,IAAI,KAAK,EAAE;YACnB,CAAC;YAAA,MAAC,IAAI,CAAC,MAAc,CAAC,SAAS,0CAAE,KAAK,CAAC,IAAI,CAAC,KAAK,EAAE,QAAQ,CAAC,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,CAAA;SAChF;QAED,IAAI,CAAC,UAAU,EAAE,CAAA;IACnB,CAAC;CACF;AAED,SAAS,CAAC,QAAQ,CAAC,YAAY,EAAE,SAAS,CAAC,CAAA","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\nimport { Component, RectPath, State } from '@hatiolab/things-scene'\n\nimport Tab from './tab'\n\nexport default class TabButton extends RectPath(Component) {\n  get index() {\n    return (this.parent as Tab).indexOf(this)\n  }\n\n  get activated() {\n    return (this.parent as Tab).activeIndex === this.index\n  }\n\n  private _fillStyle?: string\n  private _fontColor?: string\n  private _strokeStyle?: string\n  private _lineWidth?: string\n\n  prerender(context: CanvasRenderingContext2D) {\n    super.prerender(context)\n\n    let { activeFillStyle, activeLineColor, activeLineWidth, activeFontColor } = this.state\n\n    if (this.activated) {\n      this.model.fillStyle = activeFillStyle\n      this.model.fontColor = activeFontColor\n      this.model.strokeStyle = activeLineColor\n      this.model.lineWidth = activeLineWidth\n    } else {\n      this.model.fillStyle = this._fillStyle\n      this.model.fontColor = this._fontColor\n      this.model.strokeStyle = this._strokeStyle\n      this.model.lineWidth = this._lineWidth\n    }\n  }\n\n  render(context: CanvasRenderingContext2D) {\n    var { left = 0, top = 0, width, height } = this.bounds\n\n    context.beginPath()\n\n    context.rect(left, top, width, height)\n\n    this.drawFill(context)\n    this.drawStroke(context)\n  }\n\n  onclick(e: MouseEvent) {\n    ;(this.parent as Tab).activeIndex = this.index\n    this.parent.invalidate()\n  }\n\n  setStylesFromParent(style: State) {\n    if ('fillStyle' in style) this._fillStyle = style.fillStyle\n    if ('fontColor' in style) this._fontColor = style.fontColor\n    if ('strokeStyle' in style) this._strokeStyle = style.strokeStyle\n    if ('lineWidth' in style) this._lineWidth = style.lineWidth\n\n    this.set(style)\n  }\n\n  onchange(after: State) {\n    if ('text' in after) {\n      ;(this.parent as Tab).reference?.getAt(this.index).setState('text', after.text)\n    }\n\n    this.invalidate()\n  }\n}\n\nComponent.register('tab-button', TabButton)\n"]}

package/dist/tab.d.ts

@@ -4,7 +4,6 @@ export default class Tab extends Container {
     get nature(): ComponentNature;
     get focusible(): boolean;
     get reference(): any;
-    get labelHeight(): any;
     get activeIndex(): any;
     private _reference;
     set reference(reference: any);
@@ -12,9 +11,7 @@ export default class Tab extends Container {
     ready(): void;
     render(context: CanvasRenderingContext2D): void;
     contains(x: number, y: number): boolean;
-    dispose(): void;
     rebuildTabButtons(): void;
     setTabButtonsStyle(style: Style): void;
-    onRefChanged(after: any, before: any, hint: any): void;
     onchange(after: State, before: State): void;
 }

package/dist/tab.js

@@ -74,7 +74,6 @@ export default class Tab extends Container {
     get nature() {
         return NATURE;
     }
-    // 컴포넌트를 임의로 추가 및 삭제할 수 있는 지를 지정하는 속성임.
     get focusible() {
         return false;
     }
@@ -85,22 +84,15 @@ export default class Tab extends Container {
         }
         if (!this._reference) {
             this._reference = this.root.findById(reference);
-            if (this._reference)
-                this._reference.on('change', this.onRefChanged, this);
+            // this._reference?.on('change', this.onRefChanged, this)
         }
         return this._reference;
     }
-    get labelHeight() {
-        var components = this.reference.components.length;
-        var { height } = this.state;
-        return (components > 0 && height / components) || height;
-    }
     get activeIndex() {
         return this.getState('activeIndex');
     }
     set reference(reference) {
-        if (this.reference)
-            this.reference.off('change', this.onRefChanged, this);
+        // this.reference?.off('change', this.onRefChanged, this)
         this._reference = null;
         this.model.reference = reference;
     }
@@ -114,12 +106,14 @@ export default class Tab extends Container {
         var _a;
         super.ready();
         this.data = ((_a = this.state) === null || _a === void 0 ? void 0 : _a.activeIndex) || 0;
+        this.setTabButtonsStyle(this.state);
     }
     render(context) {
         super.render(context);
         if (this.reference) {
-            if (this.size() !== this.reference.size())
+            if (this.size() !== this.reference.size()) {
                 this.rebuildTabButtons();
+            }
         }
         else {
             // TODO reference 가 잘못되거나 안되어있다는 경고 의미로 뭔가 그려라..
@@ -131,10 +125,12 @@ export default class Tab extends Container {
         }
     }
     contains(x, y) {
-        if (!this.app.isEditMode)
+        if (!this.app.isEditMode) {
             return super.contains(x, y);
-        if (super.contains(x, y))
+        }
+        if (super.contains(x, y)) {
             return true;
+        }
         var { left, top, width } = this.bounds;
         var right = left + width;
         var h = HANDLE_HEIGHT;
@@ -143,17 +139,15 @@ export default class Tab extends Container {
             y < Math.max(top + h, top) &&
             y > Math.min(top + h, top));
     }
-    dispose() {
-        if (this.reference)
-            this.reference.off('change', this.onRefChanged, this);
-        super.dispose();
-    }
+    // dispose() {
+    // this.reference?.off('change', this.onRefChanged, this)
+    // super.dispose()
+    // }
     rebuildTabButtons() {
-        var { tabIndex = 0, left, top, width, height, fillStyle, activeFillStyle, activeLineColor, activeLineWidth, strokeStyle, fontColor, activeFontColor, fontFamily, fontSize, lineHeight, italic, bold, lineWidth = 0 } = this.state;
+        var { width, height, fillStyle, activeFillStyle, activeLineColor, activeLineWidth, strokeStyle, fontColor, activeFontColor, fontFamily, fontSize, lineHeight, italic, bold, lineWidth = 0 } = this.state;
         var reference = this.reference;
         let children = [];
         let components = reference.components;
-        let label_height = this.labelHeight;
         let componentsLength = this.components.length;
         for (var i = componentsLength - 1; i >= 0; i--) {
             this.removeComponent(this.components[i]);
@@ -172,8 +166,8 @@ export default class Tab extends Container {
                 activeFillStyle: activeFillStyle,
                 activeLineColor: activeLineColor,
                 activeLineWidth: activeLineWidth,
-                fontColor: fontColor,
                 activeFontColor: activeFontColor || fontColor,
+                fontColor: fontColor,
                 fontFamily: fontFamily,
                 fontSize: fontSize,
                 lineHeight: lineHeight,
@@ -192,20 +186,36 @@ export default class Tab extends Container {
         this.activeIndex = this.state.activeIndex || 0;
     }
     setTabButtonsStyle(style) {
+        const toCopy = {};
+        if ('fillStyle' in style)
+            toCopy.fillStyle = style.fillStyle;
+        if ('fontColor' in style)
+            toCopy.fontColor = style.fontColor;
+        if ('strokeStyle' in style)
+            toCopy.strokeStyle = style.strokeStyle;
+        if ('lineWidth' in style)
+            toCopy.lineWidth = style.lineWidth;
+        if ('activeFillStyle' in style)
+            toCopy.activeFillStyle = style.activeFillStyle;
+        if ('activeFontColor' in style)
+            toCopy.activeFontColor = style.activeFontColor;
+        if ('activeLineWidth' in style)
+            toCopy.activeLineWidth = style.activeLineWidth;
+        if ('activeLineColor' in style)
+            toCopy.activeLineColor = style.activeLineColor;
         var children = this.components;
         for (var i in children) {
             var tabBtn = children[i];
-            tabBtn.set(style);
+            tabBtn.setStylesFromParent(toCopy);
         }
     }
-    // reference가 변했을 때 (tab에 변화를 주기위해)
-    onRefChanged(after, before, hint) {
-        // let sourceIndex = hint.deliverer.indexOf(hint.origin)
-        // if(this.components[sourceIndex]) {
-        //   this.components[sourceIndex].set(after)
-        //   this.invalidate()
-        // }
-    }
+    // onRefChanged(after: any, before: any, hint: any) {
+    //   let sourceIndex = hint.deliverer.indexOf(hint.origin)
+    //   if (this.components[sourceIndex]) {
+    //     this.components[sourceIndex].set(after)
+    //     this.invalidate()
+    //   }
+    // }
     onchange(after, before) {
         if ('reference' in after) {
             this.reference = after.reference;

package/dist/tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab.js","sourceRoot":"","sources":["../src/tab.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\nimport {\n  Component,\n  ComponentNature,\n  Container,\n  LinearHorizontalLayout,\n  LinearVerticalLayout,\n  Model,\n  State,\n  Style\n} from '@hatiolab/things-scene'\n\nconst HANDLE_WIDTH = 25\nconst HANDLE_HEIGHT = 25\n\nfunction rgba(r: number, g: number, b: number, a: number) {\n  return `rgba(${r}, ${g}, ${b}, ${a})`\n}\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [\n    {\n      type: 'id-input',\n      label: 'tab-reference',\n      name: 'reference',\n      property: {\n        component: (c: Component) => {\n          /* this means compare target component */\n          const ret = ['tab-container', 'indoor-map'].includes(c.model.type as string)\n          return ret\n        }\n      }\n    },\n    {\n      type: 'number',\n      label: 'tab-active-index',\n      name: 'activeIndex',\n      property: {\n        min: 0,\n        step: 1\n      }\n    },\n    {\n      type: 'color',\n      label: 'active-fill-style',\n      name: 'activeFillStyle',\n      property: 'activeFillStyle'\n    },\n    {\n      type: 'color',\n      label: 'active-font-color',\n      name: 'activeFontColor',\n      property: 'activeFontColor'\n    },\n    {\n      type: 'color',\n      label: 'active-line-color',\n      name: 'activeLineColor',\n      property: 'activeLineColor'\n    },\n    {\n      type: 'number',\n      label: 'active-line-width',\n      name: 'activeLineWidth',\n      property: 'activeLineWidth'\n    }\n  ],\n  'value-property': 'activeIndex',\n  help: 'scene/component/tab'\n}\n\nexport default class Tab extends Container {\n  get layout() {\n    let { width, height } = this.state\n\n    if (width >= height) {\n      return LinearHorizontalLayout\n    } else {\n      return LinearVerticalLayout\n    }\n  }\n\n  get nature() {\n    return NATURE\n  }\n\n  // 컴포넌트를 임의로 추가 및 삭제할 수 있는 지를 지정하는 속성임.\n  get focusible() {\n    return false\n  }\n\n  get reference() {\n    var { reference } = this.state\n    if (!reference) {\n      return null\n    }\n\n    if (!this._reference) {\n      this._reference = this.root.findById(reference)\n      if (this._reference) this._reference.on('change', this.onRefChanged, this)\n    }\n\n    return this._reference\n  }\n\n  get labelHeight() {\n    var components = this.reference.components.length\n    var { height } = this.state\n\n    return (components > 0 && height / components) || height\n  }\n\n  get activeIndex() {\n    return this.getState('activeIndex')\n  }\n\n  private _reference: any\n\n  set reference(reference) {\n    if (this.reference) this.reference.off('change', this.onRefChanged, this)\n\n    this._reference = null\n    this.model.reference = reference\n  }\n\n  set activeIndex(index) {\n    this.setState('activeIndex', index)\n    if (this.reference) {\n      this.reference.activeIndex = index\n    }\n  }\n\n  ready() {\n    super.ready()\n\n    this.data = this.state?.activeIndex || 0\n  }\n\n  render(context: CanvasRenderingContext2D) {\n    super.render(context)\n\n    if (this.reference) {\n      if (this.size() !== this.reference.size()) this.rebuildTabButtons()\n    } else {\n      // TODO reference 가 잘못되거나 안되어있다는 경고 의미로 뭔가 그려라..\n      var componentsLength = this.components.length\n      for (var i = componentsLength - 1; i >= 0; i--) {\n        var tabBtn = this.components[i]\n        this.removeComponent(tabBtn)\n      }\n    }\n  }\n\n  contains(x: number, y: number) {\n    if (!this.app.isEditMode) return super.contains(x, y)\n\n    if (super.contains(x, y)) return true\n\n    var { left, top, width } = this.bounds\n\n    var right = left + width\n\n    var h = HANDLE_HEIGHT\n\n    return (\n      x < Math.max(right + HANDLE_WIDTH, right) &&\n      x > Math.min(right + HANDLE_WIDTH, right) &&\n      y < Math.max(top + h, top) &&\n      y > Math.min(top + h, top)\n    )\n  }\n\n  dispose() {\n    if (this.reference) this.reference.off('change', this.onRefChanged, this)\n\n    super.dispose()\n  }\n\n  rebuildTabButtons() {\n    var {\n      tabIndex = 0,\n      left,\n      top,\n      width,\n      height,\n      fillStyle,\n      activeFillStyle,\n      activeLineColor,\n      activeLineWidth,\n      strokeStyle,\n      fontColor,\n      activeFontColor,\n      fontFamily,\n      fontSize,\n      lineHeight,\n      italic,\n      bold,\n      lineWidth = 0\n    } = this.state\n\n    var reference = this.reference\n    let children = []\n\n    let components = reference.components\n    let label_height = this.labelHeight\n\n    let componentsLength = this.components.length\n\n    for (var i = componentsLength - 1; i >= 0; i--) {\n      this.removeComponent(this.components[i])\n    }\n\n    for (let i = 0; i < components.length; i++) {\n      const componentType = components[i].model.type\n      if (componentType != 'tab-card' && componentType != 'floor') {\n        continue\n      }\n\n      let tabCardText = components[i].text || ''\n\n      children.push(\n        Model.compile({\n          type: 'tab-button',\n          index: i,\n          text: tabCardText || String(i + 1),\n          fillStyle: fillStyle || 'transparent',\n          activeFillStyle: activeFillStyle,\n          activeLineColor: activeLineColor,\n          activeLineWidth: activeLineWidth,\n          fontColor: fontColor,\n          activeFontColor: activeFontColor || fontColor,\n          fontFamily: fontFamily,\n          fontSize: fontSize,\n          lineHeight: lineHeight,\n          italic: italic,\n          bold: bold,\n          strokeStyle: strokeStyle,\n          lineWidth: lineWidth,\n          left: 0,\n          top: 0,\n          width: width,\n          height: height\n        })\n      )\n    }\n\n    this.add(children)\n\n    this.reflow()\n\n    this.activeIndex = this.state.activeIndex || 0\n  }\n\n  setTabButtonsStyle(style: Style) {\n    var children = this.components\n\n    for (var i in children) {\n      var tabBtn = children[i]\n      tabBtn.set(style)\n    }\n  }\n\n  // reference가 변했을 때 (tab에 변화를 주기위해)\n  onRefChanged(after: any, before: any, hint: any) {\n    // let sourceIndex = hint.deliverer.indexOf(hint.origin)\n    // if(this.components[sourceIndex]) {\n    //   this.components[sourceIndex].set(after)\n    //   this.invalidate()\n    // }\n  }\n\n  onchange(after: State, before: State) {\n    if ('reference' in after) {\n      this.reference = after.reference\n      this.invalidate()\n    }\n\n    if ('activeIndex' in after) {\n      this.data = after.activeIndex\n    }\n\n    this.setTabButtonsStyle(after)\n  }\n}\n\nComponent.register('tab', Tab)\n"]}
+{"version":3,"file":"tab.js","sourceRoot":"","sources":["../src/tab.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\nimport {\n  Component,\n  ComponentNature,\n  Container,\n  LinearHorizontalLayout,\n  LinearVerticalLayout,\n  Model,\n  State,\n  Style\n} from '@hatiolab/things-scene'\nimport TabButton from './tab-button'\n\nconst HANDLE_WIDTH = 25\nconst HANDLE_HEIGHT = 25\n\nfunction rgba(r: number, g: number, b: number, a: number) {\n  return `rgba(${r}, ${g}, ${b}, ${a})`\n}\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [\n    {\n      type: 'id-input',\n      label: 'tab-reference',\n      name: 'reference',\n      property: {\n        component: (c: Component) => {\n          /* this means compare target component */\n          const ret = ['tab-container', 'indoor-map'].includes(c.model.type as string)\n          return ret\n        }\n      }\n    },\n    {\n      type: 'number',\n      label: 'tab-active-index',\n      name: 'activeIndex',\n      property: {\n        min: 0,\n        step: 1\n      }\n    },\n    {\n      type: 'color',\n      label: 'active-fill-style',\n      name: 'activeFillStyle',\n      property: 'activeFillStyle'\n    },\n    {\n      type: 'color',\n      label: 'active-font-color',\n      name: 'activeFontColor',\n      property: 'activeFontColor'\n    },\n    {\n      type: 'color',\n      label: 'active-line-color',\n      name: 'activeLineColor',\n      property: 'activeLineColor'\n    },\n    {\n      type: 'number',\n      label: 'active-line-width',\n      name: 'activeLineWidth',\n      property: 'activeLineWidth'\n    }\n  ],\n  'value-property': 'activeIndex',\n  help: 'scene/component/tab'\n}\n\nexport default class Tab extends Container {\n  get layout() {\n    let { width, height } = this.state\n\n    if (width >= height) {\n      return LinearHorizontalLayout\n    } else {\n      return LinearVerticalLayout\n    }\n  }\n\n  get nature() {\n    return NATURE\n  }\n\n  get focusible() {\n    return false\n  }\n\n  get reference() {\n    var { reference } = this.state\n    if (!reference) {\n      return null\n    }\n\n    if (!this._reference) {\n      this._reference = this.root.findById(reference)\n      // this._reference?.on('change', this.onRefChanged, this)\n    }\n\n    return this._reference\n  }\n\n  get activeIndex() {\n    return this.getState('activeIndex')\n  }\n\n  private _reference: any\n\n  set reference(reference) {\n    // this.reference?.off('change', this.onRefChanged, this)\n\n    this._reference = null\n    this.model.reference = reference\n  }\n\n  set activeIndex(index) {\n    this.setState('activeIndex', index)\n    if (this.reference) {\n      this.reference.activeIndex = index\n    }\n  }\n\n  ready() {\n    super.ready()\n\n    this.data = this.state?.activeIndex || 0\n\n    this.setTabButtonsStyle(this.state)\n  }\n\n  render(context: CanvasRenderingContext2D) {\n    super.render(context)\n\n    if (this.reference) {\n      if (this.size() !== this.reference.size()) {\n        this.rebuildTabButtons()\n      }\n    } else {\n      // TODO reference 가 잘못되거나 안되어있다는 경고 의미로 뭔가 그려라..\n      var componentsLength = this.components.length\n\n      for (var i = componentsLength - 1; i >= 0; i--) {\n        var tabBtn = this.components[i]\n        this.removeComponent(tabBtn)\n      }\n    }\n  }\n\n  contains(x: number, y: number) {\n    if (!this.app.isEditMode) {\n      return super.contains(x, y)\n    }\n\n    if (super.contains(x, y)) {\n      return true\n    }\n\n    var { left, top, width } = this.bounds\n\n    var right = left + width\n\n    var h = HANDLE_HEIGHT\n\n    return (\n      x < Math.max(right + HANDLE_WIDTH, right) &&\n      x > Math.min(right + HANDLE_WIDTH, right) &&\n      y < Math.max(top + h, top) &&\n      y > Math.min(top + h, top)\n    )\n  }\n\n  // dispose() {\n  // this.reference?.off('change', this.onRefChanged, this)\n\n  // super.dispose()\n  // }\n\n  rebuildTabButtons() {\n    var {\n      width,\n      height,\n      fillStyle,\n      activeFillStyle,\n      activeLineColor,\n      activeLineWidth,\n      strokeStyle,\n      fontColor,\n      activeFontColor,\n      fontFamily,\n      fontSize,\n      lineHeight,\n      italic,\n      bold,\n      lineWidth = 0\n    } = this.state\n\n    var reference = this.reference\n    let children = []\n\n    let components = reference.components\n\n    let componentsLength = this.components.length\n\n    for (var i = componentsLength - 1; i >= 0; i--) {\n      this.removeComponent(this.components[i])\n    }\n\n    for (let i = 0; i < components.length; i++) {\n      const componentType = components[i].model.type\n      if (componentType != 'tab-card' && componentType != 'floor') {\n        continue\n      }\n\n      let tabCardText = components[i].text || ''\n\n      children.push(\n        Model.compile({\n          type: 'tab-button',\n          index: i,\n          text: tabCardText || String(i + 1),\n          fillStyle: fillStyle || 'transparent',\n          activeFillStyle: activeFillStyle,\n          activeLineColor: activeLineColor,\n          activeLineWidth: activeLineWidth,\n          activeFontColor: activeFontColor || fontColor,\n          fontColor: fontColor,\n          fontFamily: fontFamily,\n          fontSize: fontSize,\n          lineHeight: lineHeight,\n          italic: italic,\n          bold: bold,\n          strokeStyle: strokeStyle,\n          lineWidth: lineWidth,\n          left: 0,\n          top: 0,\n          width: width,\n          height: height\n        })\n      )\n    }\n\n    this.add(children)\n\n    this.reflow()\n\n    this.activeIndex = this.state.activeIndex || 0\n  }\n\n  setTabButtonsStyle(style: Style) {\n    const toCopy = {} as any\n\n    if ('fillStyle' in style) toCopy.fillStyle = style.fillStyle\n    if ('fontColor' in style) toCopy.fontColor = style.fontColor\n    if ('strokeStyle' in style) toCopy.strokeStyle = style.strokeStyle\n    if ('lineWidth' in style) toCopy.lineWidth = style.lineWidth\n\n    if ('activeFillStyle' in style) toCopy.activeFillStyle = style.activeFillStyle\n    if ('activeFontColor' in style) toCopy.activeFontColor = style.activeFontColor\n    if ('activeLineWidth' in style) toCopy.activeLineWidth = style.activeLineWidth\n    if ('activeLineColor' in style) toCopy.activeLineColor = style.activeLineColor\n\n    var children = this.components\n\n    for (var i in children) {\n      var tabBtn = children[i]\n      ;(tabBtn as TabButton).setStylesFromParent(toCopy)\n    }\n  }\n\n  // onRefChanged(after: any, before: any, hint: any) {\n  //   let sourceIndex = hint.deliverer.indexOf(hint.origin)\n  //   if (this.components[sourceIndex]) {\n  //     this.components[sourceIndex].set(after)\n  //     this.invalidate()\n  //   }\n  // }\n\n  onchange(after: State, before: State) {\n    if ('reference' in after) {\n      this.reference = after.reference\n      this.invalidate()\n    }\n\n    if ('activeIndex' in after) {\n      this.data = after.activeIndex\n    }\n\n    this.setTabButtonsStyle(after)\n  }\n}\n\nComponent.register('tab', Tab)\n"]}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@operato/scene-tab",
   "description": "Tab style container for Things Scene",
   "author": "heartyoh",
-  "version": "1.2.76",
+  "version": "1.2.87",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "license": "MIT",
@@ -57,5 +57,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "c134e8af29c863a4eaaf5e9d9dd309a41c334c44"
+  "gitHead": "d795a8b7767e8b82729cd2d08d65814d3aca06b4"
 }

package/schema.graphql

@@ -413,13 +413,14 @@ type BoardTemplate {
   description: String
   domain: Domain
   id: ID!
+  mine: Boolean!
   model: String
   name: String
-  state: String
+  tags: Object
   thumbnail: String
   updatedAt: DateTimeISO
   updater: User
-  version: Float
+  visibility: String
 }
 
 type BoardTemplateList {
@@ -431,16 +432,10 @@ input BoardTemplatePatch {
   cuFlag: String
   description: String
   id: ID
-  model: String!
+  model: String
   name: String
-  state: BoardTemplateStatus
   thumbnail: String
-}
-
-"""state enumeration of a boardTemplate"""
-enum BoardTemplateStatus {
-  DRAFT
-  RELEASED
+  visibility: String
 }
 
 input ChatCompletionInput {
@@ -1943,7 +1938,22 @@ type Mutation {
   """To refresh oauth2 access token"""
   refreshOauth2AccessToken(id: String!): Oauth2Client!
 
-  """To release Board information"""
+  """To register a board as a board template with the given ID"""
+  registerBoardAsTemplate(
+    """description of board template to be regiestered"""
+    description: String!
+
+    """board Id to be regiestered"""
+    id: String!
+
+    """name of board template to be regiestered"""
+    name: String!
+
+    """visibility of board template to be regiestered"""
+    visibility: String!
+  ): BoardTemplate!
+
+  """To release a Board"""
   releaseBoard(id: String!): Board!
   renewApplicationAccessToken(id: String!, scope: String!): AccessToken!
 
@@ -2249,11 +2259,11 @@ input NewBoard {
 }
 
 input NewBoardTemplate {
-  description: String
+  description: String!
   model: String!
   name: String!
-  state: BoardTemplateStatus
   thumbnail: String
+  visibility: String!
 }
 
 input NewCommonCode {
@@ -3163,9 +3173,6 @@ type Query {
   """To fetch a BoardTemplate"""
   boardTemplate(id: String!): BoardTemplate
 
-  """To fetch a BoardTemplate by name"""
-  boardTemplateByName(name: String!): BoardTemplate
-
   """To fetch multiple BoardTemplates"""
   boardTemplates(filters: [Filter!], inherited: InheritedValueType, pagination: Pagination, sortings: [Sorting!]): BoardTemplateList!
 
@@ -3427,7 +3434,7 @@ type Query {
   """To fetch Menus by role"""
   roleMenus(roleId: String!): MenuList!
 
-  """To fetch priviliges of a role"""
+  """To fetch privileges of a role"""
   rolePrivileges(roleId: String!): [RolePrivilege!]!
 
   """To fetch multiple users"""

package/src/tab-button.ts

@@ -7,17 +7,13 @@ import Tab from './tab'
 
 export default class TabButton extends RectPath(Component) {
   get index() {
-    return this.model.index
+    return (this.parent as Tab).indexOf(this)
   }
 
   get activated() {
     return (this.parent as Tab).activeIndex === this.index
   }
 
-  removed(parent: Tab) {
-    this.dispose()
-  }
-
   private _fillStyle?: string
   private _fontColor?: string
   private _strokeStyle?: string
@@ -25,15 +21,8 @@ export default class TabButton extends RectPath(Component) {
 
   prerender(context: CanvasRenderingContext2D) {
     super.prerender(context)
-    let { fillStyle, activeFillStyle, activeLineColor, activeLineWidth, fontColor, activeFontColor } = this.state
 
-    // backup style
-    if (!this.hasOwnProperty('_fillStyle')) {
-      this._fillStyle = fillStyle
-    }
-    if (!this.hasOwnProperty('_fontColor')) {
-      this._fontColor = fontColor
-    }
+    let { activeFillStyle, activeLineColor, activeLineWidth, activeFontColor } = this.state
 
     if (this.activated) {
       this.model.fillStyle = activeFillStyle
@@ -51,7 +40,6 @@ export default class TabButton extends RectPath(Component) {
   render(context: CanvasRenderingContext2D) {
     var { left = 0, top = 0, width, height } = this.bounds
 
-    // 컨테이너의 바운드를 표현한다.(컨테이너의 기본 그리기 기능)
     context.beginPath()
 
     context.rect(left, top, width, height)
@@ -60,37 +48,23 @@ export default class TabButton extends RectPath(Component) {
     this.drawStroke(context)
   }
 
-  postrender(context: CanvasRenderingContext2D) {
-    super.postrender(context)
-
-    // restore style
-    this.model.fillStyle = this._fillStyle
-    this.model.fontColor = this._fontColor
-    this.model.strokeStyle = this._strokeStyle
-    this.model.lineWidth = this._lineWidth
-
-    delete this._fillStyle
-    delete this._fontColor
-    delete this._strokeStyle
-    delete this._lineWidth
-  }
-
   onclick(e: MouseEvent) {
     ;(this.parent as Tab).activeIndex = this.index
     this.parent.invalidate()
   }
 
-  onchange(after: State) {
-    if (after.hasOwnProperty('fillStyle')) this._fillStyle = after.fillStyle
-
-    if (after.hasOwnProperty('fontColor')) this._fontColor = after.fontColor
+  setStylesFromParent(style: State) {
+    if ('fillStyle' in style) this._fillStyle = style.fillStyle
+    if ('fontColor' in style) this._fontColor = style.fontColor
+    if ('strokeStyle' in style) this._strokeStyle = style.strokeStyle
+    if ('lineWidth' in style) this._lineWidth = style.lineWidth
 
-    if (after.hasOwnProperty('strokeStyle')) this._fontColor = after.fontColor
-
-    if (after.hasOwnProperty('lineWidth')) this._fontColor = after.fontColor
+    this.set(style)
+  }
 
-    if (after.hasOwnProperty('text')) {
-      ;(this.parent as Tab).reference.getAt(this.index).setState('text', after.text)
+  onchange(after: State) {
+    if ('text' in after) {
+      ;(this.parent as Tab).reference?.getAt(this.index).setState('text', after.text)
     }
 
     this.invalidate()

package/src/tab.ts

@@ -11,6 +11,7 @@ import {
   State,
   Style
 } from '@hatiolab/things-scene'
+import TabButton from './tab-button'
 
 const HANDLE_WIDTH = 25
 const HANDLE_HEIGHT = 25
@@ -89,7 +90,6 @@ export default class Tab extends Container {
     return NATURE
   }
 
-  // 컴포넌트를 임의로 추가 및 삭제할 수 있는 지를 지정하는 속성임.
   get focusible() {
     return false
   }
@@ -102,19 +102,12 @@ export default class Tab extends Container {
 
     if (!this._reference) {
       this._reference = this.root.findById(reference)
-      if (this._reference) this._reference.on('change', this.onRefChanged, this)
+      // this._reference?.on('change', this.onRefChanged, this)
     }
 
     return this._reference
   }
 
-  get labelHeight() {
-    var components = this.reference.components.length
-    var { height } = this.state
-
-    return (components > 0 && height / components) || height
-  }
-
   get activeIndex() {
     return this.getState('activeIndex')
   }
@@ -122,7 +115,7 @@ export default class Tab extends Container {
   private _reference: any
 
   set reference(reference) {
-    if (this.reference) this.reference.off('change', this.onRefChanged, this)
+    // this.reference?.off('change', this.onRefChanged, this)
 
     this._reference = null
     this.model.reference = reference
@@ -139,16 +132,21 @@ export default class Tab extends Container {
     super.ready()
 
     this.data = this.state?.activeIndex || 0
+
+    this.setTabButtonsStyle(this.state)
   }
 
   render(context: CanvasRenderingContext2D) {
     super.render(context)
 
     if (this.reference) {
-      if (this.size() !== this.reference.size()) this.rebuildTabButtons()
+      if (this.size() !== this.reference.size()) {
+        this.rebuildTabButtons()
+      }
     } else {
       // TODO reference 가 잘못되거나 안되어있다는 경고 의미로 뭔가 그려라..
       var componentsLength = this.components.length
+
       for (var i = componentsLength - 1; i >= 0; i--) {
         var tabBtn = this.components[i]
         this.removeComponent(tabBtn)
@@ -157,9 +155,13 @@ export default class Tab extends Container {
   }
 
   contains(x: number, y: number) {
-    if (!this.app.isEditMode) return super.contains(x, y)
+    if (!this.app.isEditMode) {
+      return super.contains(x, y)
+    }
 
-    if (super.contains(x, y)) return true
+    if (super.contains(x, y)) {
+      return true
+    }
 
     var { left, top, width } = this.bounds
 
@@ -175,17 +177,14 @@ export default class Tab extends Container {
     )
   }
 
-  dispose() {
-    if (this.reference) this.reference.off('change', this.onRefChanged, this)
+  // dispose() {
+  // this.reference?.off('change', this.onRefChanged, this)
 
-    super.dispose()
-  }
+  // super.dispose()
+  // }
 
   rebuildTabButtons() {
     var {
-      tabIndex = 0,
-      left,
-      top,
       width,
       height,
       fillStyle,
@@ -207,7 +206,6 @@ export default class Tab extends Container {
     let children = []
 
     let components = reference.components
-    let label_height = this.labelHeight
 
     let componentsLength = this.components.length
 
@@ -232,8 +230,8 @@ export default class Tab extends Container {
           activeFillStyle: activeFillStyle,
           activeLineColor: activeLineColor,
           activeLineWidth: activeLineWidth,
-          fontColor: fontColor,
           activeFontColor: activeFontColor || fontColor,
+          fontColor: fontColor,
           fontFamily: fontFamily,
           fontSize: fontSize,
           lineHeight: lineHeight,
@@ -257,22 +255,33 @@ export default class Tab extends Container {
   }
 
   setTabButtonsStyle(style: Style) {
+    const toCopy = {} as any
+
+    if ('fillStyle' in style) toCopy.fillStyle = style.fillStyle
+    if ('fontColor' in style) toCopy.fontColor = style.fontColor
+    if ('strokeStyle' in style) toCopy.strokeStyle = style.strokeStyle
+    if ('lineWidth' in style) toCopy.lineWidth = style.lineWidth
+
+    if ('activeFillStyle' in style) toCopy.activeFillStyle = style.activeFillStyle
+    if ('activeFontColor' in style) toCopy.activeFontColor = style.activeFontColor
+    if ('activeLineWidth' in style) toCopy.activeLineWidth = style.activeLineWidth
+    if ('activeLineColor' in style) toCopy.activeLineColor = style.activeLineColor
+
     var children = this.components
 
     for (var i in children) {
       var tabBtn = children[i]
-      tabBtn.set(style)
+      ;(tabBtn as TabButton).setStylesFromParent(toCopy)
     }
   }
 
-  // reference가 변했을 때 (tab에 변화를 주기위해)
-  onRefChanged(after: any, before: any, hint: any) {
-    // let sourceIndex = hint.deliverer.indexOf(hint.origin)
-    // if(this.components[sourceIndex]) {
-    //   this.components[sourceIndex].set(after)
-    //   this.invalidate()
-    // }
-  }
+  // onRefChanged(after: any, before: any, hint: any) {
+  //   let sourceIndex = hint.deliverer.indexOf(hint.origin)
+  //   if (this.components[sourceIndex]) {
+  //     this.components[sourceIndex].set(after)
+  //     this.invalidate()
+  //   }
+  // }
 
   onchange(after: State, before: State) {
     if ('reference' in after) {

package/tsconfig.tsbuildinfo

@@ -1 +1 @@
-{"program":{"fileNames":["../../node_modules/typescript/lib/lib.es5.d.ts","../../node_modules/typescript/lib/lib.es2015.d.ts","../../node_modules/typescript/lib/lib.es2016.d.ts","../../node_modules/typescript/lib/lib.es2017.d.ts","../../node_modules/typescript/lib/lib.es2018.d.ts","../../node_modules/typescript/lib/lib.es2019.d.ts","../../node_modules/typescript/lib/lib.dom.d.ts","../../node_modules/typescript/lib/lib.es2015.core.d.ts","../../node_modules/typescript/lib/lib.es2015.collection.d.ts","../../node_modules/typescript/lib/lib.es2015.generator.d.ts","../../node_modules/typescript/lib/lib.es2015.iterable.d.ts","../../node_modules/typescript/lib/lib.es2015.promise.d.ts","../../node_modules/typescript/lib/lib.es2015.proxy.d.ts","../../node_modules/typescript/lib/lib.es2015.reflect.d.ts","../../node_modules/typescript/lib/lib.es2015.symbol.d.ts","../../node_modules/typescript/lib/lib.es2015.symbol.wellknown.d.ts","../../node_modules/typescript/lib/lib.es2016.array.include.d.ts","../../node_modules/typescript/lib/lib.es2017.date.d.ts","../../node_modules/typescript/lib/lib.es2017.object.d.ts","../../node_modules/typescript/lib/lib.es2017.sharedmemory.d.ts","../../node_modules/typescript/lib/lib.es2017.string.d.ts","../../node_modules/typescript/lib/lib.es2017.intl.d.ts","../../node_modules/typescript/lib/lib.es2017.typedarrays.d.ts","../../node_modules/typescript/lib/lib.es2018.asyncgenerator.d.ts","../../node_modules/typescript/lib/lib.es2018.asynciterable.d.ts","../../node_modules/typescript/lib/lib.es2018.intl.d.ts","../../node_modules/typescript/lib/lib.es2018.promise.d.ts","../../node_modules/typescript/lib/lib.es2018.regexp.d.ts","../../node_modules/typescript/lib/lib.es2019.array.d.ts","../../node_modules/typescript/lib/lib.es2019.object.d.ts","../../node_modules/typescript/lib/lib.es2019.string.d.ts","../../node_modules/typescript/lib/lib.es2019.symbol.d.ts","../../node_modules/typescript/lib/lib.es2019.intl.d.ts","../../node_modules/typescript/lib/lib.decorators.d.ts","../../node_modules/typescript/lib/lib.decorators.legacy.d.ts","../../node_modules/tslib/tslib.d.ts","../../node_modules/@hatiolab/things-scene/things-scene.d.ts","./src/tab-container.ts","./src/tab-card.ts","./src/tab.ts","./src/tab-button.ts","./src/index.ts","./src/templates/tab-container.ts","./src/templates/tab.ts","./src/templates/index.ts"],"fileInfos":[{"version":"2ac9cdcfb8f8875c18d14ec5796a8b029c426f73ad6dc3ffb580c228b58d1c44","affectsGlobalScope":true},"45b7ab580deca34ae9729e97c13cfd999df04416a79116c3bfb483804f85ded4","dc48272d7c333ccf58034c0026162576b7d50ea0e69c3b9292f803fc20720fd5","9a68c0c07ae2fa71b44384a839b7b8d81662a236d4b9ac30916718f7510b1b2d","5e1c4c362065a6b95ff952c0eab010f04dcd2c3494e813b493ecfd4fcb9fc0d8","68d73b4a11549f9c0b7d352d10e91e5dca8faa3322bfb77b661839c42b1ddec7",{"version":"0075fa5ceda385bcdf3488e37786b5a33be730e8bc4aa3cf1e78c63891752ce8","affectsGlobalScope":true},{"version":"f296963760430fb65b4e5d91f0ed770a91c6e77455bacf8fa23a1501654ede0e","affectsGlobalScope":true},{"version":"09226e53d1cfda217317074a97724da3e71e2c545e18774484b61562afc53cd2","affectsGlobalScope":true},{"version":"4443e68b35f3332f753eacc66a04ac1d2053b8b035a0e0ac1d455392b5e243b3","affectsGlobalScope":true},{"version":"8b41361862022eb72fcc8a7f34680ac842aca802cf4bc1f915e8c620c9ce4331","affectsGlobalScope":true},{"version":"f7bd636ae3a4623c503359ada74510c4005df5b36de7f23e1db8a5c543fd176b","affectsGlobalScope":true},{"version":"ce691fb9e5c64efb9547083e4a34091bcbe5bdb41027e310ebba8f7d96a98671","affectsGlobalScope":true},{"version":"8d697a2a929a5fcb38b7a65594020fcef05ec1630804a33748829c5ff53640d0","affectsGlobalScope":true},{"version":"0c20f4d2358eb679e4ae8a4432bdd96c857a2960fd6800b21ec4008ec59d60ea","affectsGlobalScope":true},{"version":"93495ff27b8746f55d19fcbcdbaccc99fd95f19d057aed1bd2c0cafe1335fbf0","affectsGlobalScope":true},{"version":"82d0d8e269b9eeac02c3bd1c9e884e85d483fcb2cd168bccd6bc54df663da031","affectsGlobalScope":true},{"version":"38f0219c9e23c915ef9790ab1d680440d95419ad264816fa15009a8851e79119","affectsGlobalScope":true},{"version":"b8deab98702588840be73d67f02412a2d45a417a3c097b2e96f7f3a42ac483d1","affectsGlobalScope":true},{"version":"4738f2420687fd85629c9efb470793bb753709c2379e5f85bc1815d875ceadcd","affectsGlobalScope":true},{"version":"2f11ff796926e0832f9ae148008138ad583bd181899ab7dd768a2666700b1893","affectsGlobalScope":true},{"version":"376d554d042fb409cb55b5cbaf0b2b4b7e669619493c5d18d5fa8bd67273f82a","affectsGlobalScope":true},{"version":"9fc46429fbe091ac5ad2608c657201eb68b6f1b8341bd6d670047d32ed0a88fa","affectsGlobalScope":true},{"version":"61c37c1de663cf4171e1192466e52c7a382afa58da01b1dc75058f032ddf0839","affectsGlobalScope":true},{"version":"c4138a3dd7cd6cf1f363ca0f905554e8d81b45844feea17786cdf1626cb8ea06","affectsGlobalScope":true},{"version":"6ff3e2452b055d8f0ec026511c6582b55d935675af67cdb67dd1dc671e8065df","affectsGlobalScope":true},{"version":"03de17b810f426a2f47396b0b99b53a82c1b60e9cba7a7edda47f9bb077882f4","affectsGlobalScope":true},{"version":"8184c6ddf48f0c98429326b428478ecc6143c27f79b79e85740f17e6feb090f1","affectsGlobalScope":true},{"version":"261c4d2cf86ac5a89ad3fb3fafed74cbb6f2f7c1d139b0540933df567d64a6ca","affectsGlobalScope":true},{"version":"6af1425e9973f4924fca986636ac19a0cf9909a7e0d9d3009c349e6244e957b6","affectsGlobalScope":true},{"version":"576711e016cf4f1804676043e6a0a5414252560eb57de9faceee34d79798c850","affectsGlobalScope":true},{"version":"89c1b1281ba7b8a96efc676b11b264de7a8374c5ea1e6617f11880a13fc56dc6","affectsGlobalScope":true},{"version":"15a630d6817718a2ddd7088c4f83e4673fde19fa992d2eae2cf51132a302a5d3","affectsGlobalScope":true},{"version":"f35a831e4f0fe3b3697f4a0fe0e3caa7624c92b78afbecaf142c0f93abfaf379","affectsGlobalScope":true},{"version":"782dec38049b92d4e85c1585fbea5474a219c6984a35b004963b00beb1aab538","affectsGlobalScope":true},"7a1971efcba559ea9002ada4c4e3c925004fb67a755300d53b5edf9399354900","7a32eb197b39b1829c1e0490e89203a439c1a363991af2475c08b2fc53acf8da",{"version":"43157af160186026ab64fb0b618b19e8fcfe5427e9f72b93b7e86266707e8a14","signature":"4272b1b18af2ee717d5ee74400c801837c5a9ac2509d792c177827fd6d7c563a"},{"version":"61b8b1a87df8810b18d96e5540ce18140708b6ff9bcd6e0a41da5b01834dd77f","signature":"903336d4b0a83371879de11f43ac82d819d200198638bc27d1c5324575863569"},{"version":"238cb2e5631df02a956818b040cd96afce8122420629ef0999fec94d182badb4","signature":"829f6c08106f30bc9ab6df22d69aac9fe59e6d501e76324225e7ea638b9460f9"},{"version":"43764e902042ce56678cfdf9b932aae1e51d50c1c68fa2c536f20882b0f0cd9b","signature":"1e29443446bc89c0d939030c3c55e8476a81f64da3fa633f108370bb9ef56f39"},{"version":"0f300668d702080921c78d3c4edd493925de582dce2a50c0993ac4b8c62bb7d4","signature":"88132cd35f670e57b6d85e802f4453aff313270908886369da0561fbc599c354"},{"version":"b668e19c84a1d923f78e4def083d7eb2cb0cc7b834d38e130be5a60f33d2a41f","signature":"ce7354820bf2fb9fad3221a704dbede20b61e9f30f384128b3be81f685c63a08"},{"version":"9958af937b59735fadadb4cac852bdde6aea78bfcf803deecc2f63a2f3127918","signature":"b21130ee402d2f055d24259958864b717e89897989b3663d6fe8fafbf692dd7f"},{"version":"66603f5a0bd2d7052120523791e8edb77078229aaf5314522886798ce92151bb","signature":"05890472fb38b7b901355c9294924f1da43644a9150fe916eab7b020d77aadb6"}],"root":[[38,45]],"options":{"allowSyntheticDefaultImports":true,"declaration":true,"esModuleInterop":false,"experimentalDecorators":true,"importHelpers":true,"inlineSources":true,"module":99,"noEmitOnError":true,"outDir":"./dist","rootDir":"./src","skipLibCheck":true,"sourceMap":true,"strict":true,"target":5},"fileIdsList":[[36,38,39,40,41],[36,37,40],[36,37,38],[36,37,39],[36,37],[36,43,44],[36],[38,39,40,41],[37,40],[37],[37,39]],"referencedMap":[[42,1],[41,2],[39,3],[38,4],[40,5],[45,6],[43,7],[44,7]],"exportedModulesMap":[[42,8],[41,9],[39,10],[38,11],[40,10]],"semanticDiagnosticsPerFile":[37,36,34,35,7,9,8,2,10,11,12,13,14,15,16,17,3,4,18,22,19,20,21,23,24,25,5,26,27,28,29,6,33,30,31,32,1,42,41,39,38,40,45,43,44]},"version":"5.2.2"}
+{"program":{"fileNames":["../../node_modules/typescript/lib/lib.es5.d.ts","../../node_modules/typescript/lib/lib.es2015.d.ts","../../node_modules/typescript/lib/lib.es2016.d.ts","../../node_modules/typescript/lib/lib.es2017.d.ts","../../node_modules/typescript/lib/lib.es2018.d.ts","../../node_modules/typescript/lib/lib.es2019.d.ts","../../node_modules/typescript/lib/lib.dom.d.ts","../../node_modules/typescript/lib/lib.es2015.core.d.ts","../../node_modules/typescript/lib/lib.es2015.collection.d.ts","../../node_modules/typescript/lib/lib.es2015.generator.d.ts","../../node_modules/typescript/lib/lib.es2015.iterable.d.ts","../../node_modules/typescript/lib/lib.es2015.promise.d.ts","../../node_modules/typescript/lib/lib.es2015.proxy.d.ts","../../node_modules/typescript/lib/lib.es2015.reflect.d.ts","../../node_modules/typescript/lib/lib.es2015.symbol.d.ts","../../node_modules/typescript/lib/lib.es2015.symbol.wellknown.d.ts","../../node_modules/typescript/lib/lib.es2016.array.include.d.ts","../../node_modules/typescript/lib/lib.es2017.date.d.ts","../../node_modules/typescript/lib/lib.es2017.object.d.ts","../../node_modules/typescript/lib/lib.es2017.sharedmemory.d.ts","../../node_modules/typescript/lib/lib.es2017.string.d.ts","../../node_modules/typescript/lib/lib.es2017.intl.d.ts","../../node_modules/typescript/lib/lib.es2017.typedarrays.d.ts","../../node_modules/typescript/lib/lib.es2018.asyncgenerator.d.ts","../../node_modules/typescript/lib/lib.es2018.asynciterable.d.ts","../../node_modules/typescript/lib/lib.es2018.intl.d.ts","../../node_modules/typescript/lib/lib.es2018.promise.d.ts","../../node_modules/typescript/lib/lib.es2018.regexp.d.ts","../../node_modules/typescript/lib/lib.es2019.array.d.ts","../../node_modules/typescript/lib/lib.es2019.object.d.ts","../../node_modules/typescript/lib/lib.es2019.string.d.ts","../../node_modules/typescript/lib/lib.es2019.symbol.d.ts","../../node_modules/typescript/lib/lib.es2019.intl.d.ts","../../node_modules/typescript/lib/lib.decorators.d.ts","../../node_modules/typescript/lib/lib.decorators.legacy.d.ts","../../node_modules/tslib/tslib.d.ts","../../node_modules/@hatiolab/things-scene/things-scene.d.ts","./src/tab-container.ts","./src/tab-card.ts","./src/tab-button.ts","./src/tab.ts","./src/index.ts","./src/templates/tab-container.ts","./src/templates/tab.ts","./src/templates/index.ts"],"fileInfos":[{"version":"2ac9cdcfb8f8875c18d14ec5796a8b029c426f73ad6dc3ffb580c228b58d1c44","affectsGlobalScope":true},"45b7ab580deca34ae9729e97c13cfd999df04416a79116c3bfb483804f85ded4","dc48272d7c333ccf58034c0026162576b7d50ea0e69c3b9292f803fc20720fd5","9a68c0c07ae2fa71b44384a839b7b8d81662a236d4b9ac30916718f7510b1b2d","5e1c4c362065a6b95ff952c0eab010f04dcd2c3494e813b493ecfd4fcb9fc0d8","68d73b4a11549f9c0b7d352d10e91e5dca8faa3322bfb77b661839c42b1ddec7",{"version":"0075fa5ceda385bcdf3488e37786b5a33be730e8bc4aa3cf1e78c63891752ce8","affectsGlobalScope":true},{"version":"f296963760430fb65b4e5d91f0ed770a91c6e77455bacf8fa23a1501654ede0e","affectsGlobalScope":true},{"version":"09226e53d1cfda217317074a97724da3e71e2c545e18774484b61562afc53cd2","affectsGlobalScope":true},{"version":"4443e68b35f3332f753eacc66a04ac1d2053b8b035a0e0ac1d455392b5e243b3","affectsGlobalScope":true},{"version":"8b41361862022eb72fcc8a7f34680ac842aca802cf4bc1f915e8c620c9ce4331","affectsGlobalScope":true},{"version":"f7bd636ae3a4623c503359ada74510c4005df5b36de7f23e1db8a5c543fd176b","affectsGlobalScope":true},{"version":"ce691fb9e5c64efb9547083e4a34091bcbe5bdb41027e310ebba8f7d96a98671","affectsGlobalScope":true},{"version":"8d697a2a929a5fcb38b7a65594020fcef05ec1630804a33748829c5ff53640d0","affectsGlobalScope":true},{"version":"0c20f4d2358eb679e4ae8a4432bdd96c857a2960fd6800b21ec4008ec59d60ea","affectsGlobalScope":true},{"version":"93495ff27b8746f55d19fcbcdbaccc99fd95f19d057aed1bd2c0cafe1335fbf0","affectsGlobalScope":true},{"version":"82d0d8e269b9eeac02c3bd1c9e884e85d483fcb2cd168bccd6bc54df663da031","affectsGlobalScope":true},{"version":"38f0219c9e23c915ef9790ab1d680440d95419ad264816fa15009a8851e79119","affectsGlobalScope":true},{"version":"b8deab98702588840be73d67f02412a2d45a417a3c097b2e96f7f3a42ac483d1","affectsGlobalScope":true},{"version":"4738f2420687fd85629c9efb470793bb753709c2379e5f85bc1815d875ceadcd","affectsGlobalScope":true},{"version":"2f11ff796926e0832f9ae148008138ad583bd181899ab7dd768a2666700b1893","affectsGlobalScope":true},{"version":"376d554d042fb409cb55b5cbaf0b2b4b7e669619493c5d18d5fa8bd67273f82a","affectsGlobalScope":true},{"version":"9fc46429fbe091ac5ad2608c657201eb68b6f1b8341bd6d670047d32ed0a88fa","affectsGlobalScope":true},{"version":"61c37c1de663cf4171e1192466e52c7a382afa58da01b1dc75058f032ddf0839","affectsGlobalScope":true},{"version":"c4138a3dd7cd6cf1f363ca0f905554e8d81b45844feea17786cdf1626cb8ea06","affectsGlobalScope":true},{"version":"6ff3e2452b055d8f0ec026511c6582b55d935675af67cdb67dd1dc671e8065df","affectsGlobalScope":true},{"version":"03de17b810f426a2f47396b0b99b53a82c1b60e9cba7a7edda47f9bb077882f4","affectsGlobalScope":true},{"version":"8184c6ddf48f0c98429326b428478ecc6143c27f79b79e85740f17e6feb090f1","affectsGlobalScope":true},{"version":"261c4d2cf86ac5a89ad3fb3fafed74cbb6f2f7c1d139b0540933df567d64a6ca","affectsGlobalScope":true},{"version":"6af1425e9973f4924fca986636ac19a0cf9909a7e0d9d3009c349e6244e957b6","affectsGlobalScope":true},{"version":"576711e016cf4f1804676043e6a0a5414252560eb57de9faceee34d79798c850","affectsGlobalScope":true},{"version":"89c1b1281ba7b8a96efc676b11b264de7a8374c5ea1e6617f11880a13fc56dc6","affectsGlobalScope":true},{"version":"15a630d6817718a2ddd7088c4f83e4673fde19fa992d2eae2cf51132a302a5d3","affectsGlobalScope":true},{"version":"f35a831e4f0fe3b3697f4a0fe0e3caa7624c92b78afbecaf142c0f93abfaf379","affectsGlobalScope":true},{"version":"782dec38049b92d4e85c1585fbea5474a219c6984a35b004963b00beb1aab538","affectsGlobalScope":true},"7a1971efcba559ea9002ada4c4e3c925004fb67a755300d53b5edf9399354900","7a32eb197b39b1829c1e0490e89203a439c1a363991af2475c08b2fc53acf8da",{"version":"43157af160186026ab64fb0b618b19e8fcfe5427e9f72b93b7e86266707e8a14","signature":"4272b1b18af2ee717d5ee74400c801837c5a9ac2509d792c177827fd6d7c563a"},{"version":"61b8b1a87df8810b18d96e5540ce18140708b6ff9bcd6e0a41da5b01834dd77f","signature":"903336d4b0a83371879de11f43ac82d819d200198638bc27d1c5324575863569"},{"version":"068cb3bf28e623cc10c030b3530b36fe8f62cfe835e537d819a2fce13ea82069","signature":"021a7c1be310ba85bf00556b0caf252ebd327042e3b469ac9c1c58f5a9ce6370"},{"version":"5c0b95b23a0fde245ff0b23bd9b7acfc36113e343cff0aead0364d50cf1698c2","signature":"b53d976bb1f6724b4c0cddbb416f52b79e20adc9c7efb5aac5f9da2861c46439"},{"version":"0f300668d702080921c78d3c4edd493925de582dce2a50c0993ac4b8c62bb7d4","signature":"88132cd35f670e57b6d85e802f4453aff313270908886369da0561fbc599c354"},{"version":"b668e19c84a1d923f78e4def083d7eb2cb0cc7b834d38e130be5a60f33d2a41f","signature":"ce7354820bf2fb9fad3221a704dbede20b61e9f30f384128b3be81f685c63a08"},{"version":"9958af937b59735fadadb4cac852bdde6aea78bfcf803deecc2f63a2f3127918","signature":"b21130ee402d2f055d24259958864b717e89897989b3663d6fe8fafbf692dd7f"},{"version":"66603f5a0bd2d7052120523791e8edb77078229aaf5314522886798ce92151bb","signature":"05890472fb38b7b901355c9294924f1da43644a9150fe916eab7b020d77aadb6"}],"root":[[38,45]],"options":{"allowSyntheticDefaultImports":true,"declaration":true,"esModuleInterop":false,"experimentalDecorators":true,"importHelpers":true,"inlineSources":true,"module":99,"noEmitOnError":true,"outDir":"./dist","rootDir":"./src","skipLibCheck":true,"sourceMap":true,"strict":true,"target":5},"fileIdsList":[[36,38,39,40,41],[36,37,41],[36,37,38],[36,37,39],[36,37,40],[36,43,44],[36],[38,39,40,41],[37],[37,39]],"referencedMap":[[42,1],[40,2],[39,3],[38,4],[41,5],[45,6],[43,7],[44,7]],"exportedModulesMap":[[42,8],[40,9],[39,9],[38,10],[41,9]],"semanticDiagnosticsPerFile":[37,36,34,35,7,9,8,2,10,11,12,13,14,15,16,17,3,4,18,22,19,20,21,23,24,25,5,26,27,28,29,6,33,30,31,32,1,42,40,39,38,41,45,43,44]},"version":"5.2.2"}