@3t-transform/threeteeui 0.0.1 → 0.0.2

package/dist/cjs/loader.cjs.js

@@ -14,7 +14,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return index.bootstrapLazy([["tttx-worksheet.cjs",[[4,"tttx-worksheet",{"pageSize":[1,"page-size"]}]]],["tttx-page.cjs",[[0,"tttx-page",{"appName":[1,"app-name"],"pageTitle":[1,"page-title"],"lastUpdated":[1,"last-updated"],"manageAccountsUrl":[1,"manage-accounts-url"],"logoutUrl":[1,"logout-url"],"pageSize":[1,"page-size"],"helpUrl":[1,"help-url"]}]]]], options);
+  return index.bootstrapLazy([["tttx-worksheet.cjs",[[4,"tttx-worksheet",{"pageSize":[1,"page-size"]}]]],["tttx-page.cjs",[[4,"tttx-page",{"appName":[1,"app-name"],"pageTitle":[1,"page-title"],"lastUpdated":[1,"last-updated"],"manageAccountsUrl":[1,"manage-accounts-url"],"logoutUrl":[1,"logout-url"],"pageSize":[1,"page-size"],"helpUrl":[1,"help-url"]}]]]], options);
   });
 };
 

package/dist/cjs/tttx-page.cjs.entry.js

@@ -919,7 +919,7 @@ const TttxPage = class {
   }
   render() {
     const customPageWidth = this.pageSizeIsNumeric ? { width: `${this.pageSize}px` } : {};
-    return (index.h(index.Host, { style: { margin: '0px', overflow: 'hidden' } }, index.h("div", { class: "page" }, index.h("div", { class: 'page__platform-bar', ref: el => (this.platformBar = el) }), index.h("div", { class: this.pageSizeClasses('page__title-bar__container'), style: Object.assign({}, customPageWidth) }, index.h("div", { ref: el => (this.pageTitleBar = el) })), index.h("tttx-worksheet", { pageSize: this.pageSize }))));
+    return (index.h(index.Host, { style: { margin: '0px', overflow: 'hidden' } }, index.h("div", { class: "page" }, index.h("div", { class: 'page__platform-bar', ref: el => (this.platformBar = el) }), index.h("div", { class: this.pageSizeClasses('page__title-bar__container'), style: Object.assign({}, customPageWidth) }, index.h("div", { ref: el => (this.pageTitleBar = el) })), index.h("tttx-worksheet", { pageSize: this.pageSize }, index.h("slot", null)))));
   }
 };
 TttxPage.style = tttxPageCss;

package/dist/cjs/tttx.cjs.js

@@ -15,5 +15,5 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["tttx-worksheet.cjs",[[4,"tttx-worksheet",{"pageSize":[1,"page-size"]}]]],["tttx-page.cjs",[[0,"tttx-page",{"appName":[1,"app-name"],"pageTitle":[1,"page-title"],"lastUpdated":[1,"last-updated"],"manageAccountsUrl":[1,"manage-accounts-url"],"logoutUrl":[1,"logout-url"],"pageSize":[1,"page-size"],"helpUrl":[1,"help-url"]}]]]], options);
+  return index.bootstrapLazy([["tttx-worksheet.cjs",[[4,"tttx-worksheet",{"pageSize":[1,"page-size"]}]]],["tttx-page.cjs",[[4,"tttx-page",{"appName":[1,"app-name"],"pageTitle":[1,"page-title"],"lastUpdated":[1,"last-updated"],"manageAccountsUrl":[1,"manage-accounts-url"],"logoutUrl":[1,"logout-url"],"pageSize":[1,"page-size"],"helpUrl":[1,"help-url"]}]]]], options);
 });

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

@@ -73,7 +73,7 @@ export class TttxPage {
   }
   render() {
     const customPageWidth = this.pageSizeIsNumeric ? { width: `${this.pageSize}px` } : {};
-    return (h(Host, { style: { margin: '0px', overflow: 'hidden' } }, h("div", { class: "page" }, h("div", { class: 'page__platform-bar', ref: el => (this.platformBar = el) }), h("div", { class: this.pageSizeClasses('page__title-bar__container'), style: Object.assign({}, customPageWidth) }, h("div", { ref: el => (this.pageTitleBar = el) })), h("tttx-worksheet", { pageSize: this.pageSize }))));
+    return (h(Host, { style: { margin: '0px', overflow: 'hidden' } }, h("div", { class: "page" }, h("div", { class: 'page__platform-bar', ref: el => (this.platformBar = el) }), h("div", { class: this.pageSizeClasses('page__title-bar__container'), style: Object.assign({}, customPageWidth) }, h("div", { ref: el => (this.pageTitleBar = el) })), h("tttx-worksheet", { pageSize: this.pageSize }, h("slot", null)))));
   }
   static get is() { return "tttx-page"; }
   static get originalStyleUrls() {

package/dist/components/tttx-page.js

@@ -916,10 +916,10 @@ const TttxPage$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   }
   render() {
     const customPageWidth = this.pageSizeIsNumeric ? { width: `${this.pageSize}px` } : {};
-    return (h(Host, { style: { margin: '0px', overflow: 'hidden' } }, h("div", { class: "page" }, h("div", { class: 'page__platform-bar', ref: el => (this.platformBar = el) }), h("div", { class: this.pageSizeClasses('page__title-bar__container'), style: Object.assign({}, customPageWidth) }, h("div", { ref: el => (this.pageTitleBar = el) })), h("tttx-worksheet", { pageSize: this.pageSize }))));
+    return (h(Host, { style: { margin: '0px', overflow: 'hidden' } }, h("div", { class: "page" }, h("div", { class: 'page__platform-bar', ref: el => (this.platformBar = el) }), h("div", { class: this.pageSizeClasses('page__title-bar__container'), style: Object.assign({}, customPageWidth) }, h("div", { ref: el => (this.pageTitleBar = el) })), h("tttx-worksheet", { pageSize: this.pageSize }, h("slot", null)))));
   }
   static get style() { return tttxPageCss; }
-}, [0, "tttx-page", {
+}, [4, "tttx-page", {
     "appName": [1, "app-name"],
     "pageTitle": [1, "page-title"],
     "lastUpdated": [1, "last-updated"],

package/dist/esm/loader.js

@@ -10,7 +10,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return bootstrapLazy([["tttx-worksheet",[[4,"tttx-worksheet",{"pageSize":[1,"page-size"]}]]],["tttx-page",[[0,"tttx-page",{"appName":[1,"app-name"],"pageTitle":[1,"page-title"],"lastUpdated":[1,"last-updated"],"manageAccountsUrl":[1,"manage-accounts-url"],"logoutUrl":[1,"logout-url"],"pageSize":[1,"page-size"],"helpUrl":[1,"help-url"]}]]]], options);
+  return bootstrapLazy([["tttx-worksheet",[[4,"tttx-worksheet",{"pageSize":[1,"page-size"]}]]],["tttx-page",[[4,"tttx-page",{"appName":[1,"app-name"],"pageTitle":[1,"page-title"],"lastUpdated":[1,"last-updated"],"manageAccountsUrl":[1,"manage-accounts-url"],"logoutUrl":[1,"logout-url"],"pageSize":[1,"page-size"],"helpUrl":[1,"help-url"]}]]]], options);
   });
 };
 

package/dist/esm/tttx-page.entry.js

@@ -915,7 +915,7 @@ const TttxPage = class {
   }
   render() {
     const customPageWidth = this.pageSizeIsNumeric ? { width: `${this.pageSize}px` } : {};
-    return (h(Host, { style: { margin: '0px', overflow: 'hidden' } }, h("div", { class: "page" }, h("div", { class: 'page__platform-bar', ref: el => (this.platformBar = el) }), h("div", { class: this.pageSizeClasses('page__title-bar__container'), style: Object.assign({}, customPageWidth) }, h("div", { ref: el => (this.pageTitleBar = el) })), h("tttx-worksheet", { pageSize: this.pageSize }))));
+    return (h(Host, { style: { margin: '0px', overflow: 'hidden' } }, h("div", { class: "page" }, h("div", { class: 'page__platform-bar', ref: el => (this.platformBar = el) }), h("div", { class: this.pageSizeClasses('page__title-bar__container'), style: Object.assign({}, customPageWidth) }, h("div", { ref: el => (this.pageTitleBar = el) })), h("tttx-worksheet", { pageSize: this.pageSize }, h("slot", null)))));
   }
 };
 TttxPage.style = tttxPageCss;

package/dist/esm/tttx.js

@@ -13,5 +13,5 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return bootstrapLazy([["tttx-worksheet",[[4,"tttx-worksheet",{"pageSize":[1,"page-size"]}]]],["tttx-page",[[0,"tttx-page",{"appName":[1,"app-name"],"pageTitle":[1,"page-title"],"lastUpdated":[1,"last-updated"],"manageAccountsUrl":[1,"manage-accounts-url"],"logoutUrl":[1,"logout-url"],"pageSize":[1,"page-size"],"helpUrl":[1,"help-url"]}]]]], options);
+  return bootstrapLazy([["tttx-worksheet",[[4,"tttx-worksheet",{"pageSize":[1,"page-size"]}]]],["tttx-page",[[4,"tttx-page",{"appName":[1,"app-name"],"pageTitle":[1,"page-title"],"lastUpdated":[1,"last-updated"],"manageAccountsUrl":[1,"manage-accounts-url"],"logoutUrl":[1,"logout-url"],"pageSize":[1,"page-size"],"helpUrl":[1,"help-url"]}]]]], options);
 });

package/dist/tttx/{p-e40966f3.entry.js → p-285977b3.entry.js}

@@ -1 +1 @@
-import{r as t,h as e,H as i}from"./p-2681b874.js";import{C as s,B as o,a as n,e as a,i as h,$ as r,W as l,b as d,r as p,h as c,g as u,m,F as _,L as b,D as g,A as x,c as f,n as v,d as w,G as y,f as I,P as k,j as S,k as C,l as E,o as T,T as D}from"./p-d038fe18.js";var O=s.inherit({_initTemplates(){this.callBase(),this._templateManager.addDefaultTemplates({item:new o(((t,e,i)=>{this._prepareItemStyles(t);var s=this.option("buttonTemplate");this._createComponent(t,n,a({},i,e,this._getBasicButtonOptions(),{_templateData:this._hasCustomTemplate(s)?i:{},template:i.template||s}))}),["text","type","icon","disabled","visible","hint"],this.option("integrationOptions.watchMethod"))})},_getBasicButtonOptions(){return{focusStateEnabled:!1,onClick:null,hoverStateEnabled:this.option("hoverStateEnabled"),activeStateEnabled:this.option("activeStateEnabled"),stylingMode:this.option("stylingMode")}},_getDefaultOptions:function(){return a(this.callBase(),{itemTemplateProperty:null})},_hasCustomTemplate(t){return h(t)||this.option("integrationOptions.templates")[t]},_prepareItemStyles(t){var e=t.data("dxItemIndex");0===e&&t.addClass("dx-buttongroup-first-item");var i=this.option("items");i&&e===i.length-1&&t.addClass("dx-buttongroup-last-item"),t.addClass("dx-shape-standard")},_renderItemContent(t){return t.container=r(t.container).parent(),this.callBase(t)},_renderItemContentByNode:function(t,e){return t.container=r(t.container.children().first()),this.callBase(t,e)},_focusTarget(){return this.$element().parent()},_keyboardEventBindingTarget(){return this._focusTarget()},_refreshContent(){this._prepareContent(),this._renderContent()},_itemClass:()=>"dx-buttongroup-item",_itemSelectHandler:function(t){"single"===this.option("selectionMode")&&this.isItemSelected(t.currentTarget)||this.callBase(t)}}),M=l.inherit({_getDefaultOptions(){return a(this.callBase(),{hoverStateEnabled:!0,focusStateEnabled:!0,selectionMode:"single",selectedItems:[],selectedItemKeys:[],stylingMode:"contained",keyExpr:"text",items:[],buttonTemplate:"content",onSelectionChanged:null,onItemClick:null})},_init(){this.callBase(),this._createItemClickAction()},_createItemClickAction(){this._itemClickAction=this._createActionByOption("onItemClick")},_initMarkup(){this.setAria("role","group"),this.$element().addClass("dx-buttongroup"),this._renderButtons(),this._syncSelectionOptions(),this.callBase()},_fireSelectionChangeEvent:function(t,e){this._createActionByOption("onSelectionChanged",{excludeValidators:["disabled","readOnly"]})({addedItems:t,removedItems:e})},_renderButtons(){var t=r("<div>").addClass("dx-buttongroup-wrapper").appendTo(this.$element()),e=this.option("selectedItems"),i={selectionMode:this.option("selectionMode"),items:this.option("items"),keyExpr:this.option("keyExpr"),buttonTemplate:this.option("buttonTemplate"),scrollingEnabled:!1,selectedItemKeys:this.option("selectedItemKeys"),focusStateEnabled:this.option("focusStateEnabled"),hoverStateEnabled:this.option("hoverStateEnabled"),activeStateEnabled:this.option("activeStateEnabled"),stylingMode:this.option("stylingMode"),accessKey:this.option("accessKey"),tabIndex:this.option("tabIndex"),noDataText:"",selectionRequired:!1,onItemRendered:t=>{var e=this.option("width");d(e)&&r(t.itemElement).addClass("dx-buttongroup-item-has-width")},onSelectionChanged:t=>{this._syncSelectionOptions(),this._fireSelectionChangeEvent(t.addedItems,t.removedItems)},onItemClick:t=>{this._itemClickAction(t)}};d(e)&&e.length&&(i.selectedItems=e),this._buttonsCollection=this._createComponent(t,O,i)},_syncSelectionOptions(){this._setOptionWithoutOptionChange("selectedItems",this._buttonsCollection.option("selectedItems")),this._setOptionWithoutOptionChange("selectedItemKeys",this._buttonsCollection.option("selectedItemKeys"))},_optionChanged(t){switch(t.name){case"stylingMode":case"selectionMode":case"keyExpr":case"buttonTemplate":case"items":case"activeStateEnabled":case"focusStateEnabled":case"hoverStateEnabled":case"tabIndex":this._invalidate();break;case"selectedItemKeys":case"selectedItems":this._buttonsCollection.option(t.name,t.value);break;case"onItemClick":this._createItemClickAction();break;case"onSelectionChanged":break;case"width":this.callBase(t),this._buttonsCollection.itemElements().toggleClass("dx-buttongroup-item-has-width",!!t.value);break;default:this.callBase(t)}}});p("dxButtonGroup",M);var K=function(t){if(c())return u(t)},A=l.inherit({_getDefaultOptions(){return a(this.callBase(),{itemTemplate:"item",keyExpr:"this",displayExpr:void 0,selectedItem:null,selectedItemKey:null,stylingMode:"outlined",deferRendering:!0,noDataText:m.format("dxCollectionWidget-noDataText"),useSelectMode:!1,splitButton:!1,showArrowIcon:!0,text:"",icon:void 0,onButtonClick:null,onSelectionChanged:null,onItemClick:null,opened:!1,items:null,dataSource:null,focusStateEnabled:!0,hoverStateEnabled:!0,dropDownOptions:{},dropDownContentTemplate:"content",wrapItemText:!1,useItemTextAsTitle:!0,grouped:!1,groupTemplate:"group",buttonGroupOptions:{}})},_setOptionsByReference(){this.callBase(),a(this._optionsByReference,{selectedItem:!0})},_init(){this.callBase(),this._createItemClickAction(),this._createActionClickAction(),this._createSelectionChangedAction(),this._initDataSource(),this._compileKeyGetter(),this._compileDisplayGetter(),this._itemsToDataSource(this.option("items")),this._options.cache("buttonGroupOptions",this.option("buttonGroupOptions")),this._options.cache("dropDownOptions",this.option("dropDownOptions"))},_initTemplates(){this._templateManager.addDefaultTemplates({content:new _((t=>{var e=r(t.container),i=r("<div>").appendTo(e);this._list=this._createComponent(i,b,this._listOptions()),this._list.registerKeyHandler("escape",this._escHandler.bind(this)),this._list.registerKeyHandler("tab",this._escHandler.bind(this)),this._list.registerKeyHandler("leftArrow",this._escHandler.bind(this)),this._list.registerKeyHandler("rightArrow",this._escHandler.bind(this))}))}),this.callBase()},_itemsToDataSource:function(t){this._dataSource||(this._dataSource=new g({store:new x({key:this._getKey(),data:t}),pageSize:0}))},_getKey:function(){var t,e=this.option("keyExpr"),i=null===(t=this._dataSource)||void 0===t?void 0:t.key();return!d(i)||d(e)&&"this"!==e?e:i},_compileKeyGetter(){this._keyGetter=f(this._getKey())},_compileDisplayGetter(){this._displayGetter=f(this.option("displayExpr"))},_initMarkup(){this.callBase(),this.$element().addClass("dx-dropdownbutton"),this._renderButtonGroup(),this._updateArrowClass(),d(this.option("selectedItemKey"))&&this._loadSelectedItem().done(this._updateActionButton.bind(this))},_renderFocusTarget:v,_render(){this.option("deferRendering")&&!this.option("opened")||this._renderPopup(),this.callBase()},_renderContentImpl(){return this._popup&&this._renderPopupContent(),this.callBase()},_loadSelectedItem(){var t;null===(t=this._loadSingleDeferred)||void 0===t||t.reject();var e=new w;if(this._list&&void 0!==this._lastSelectedItemData){var i=this.option("useSelectMode")?this._list.option("selectedItem"):this._lastSelectedItemData;return e.resolve(i)}this._lastSelectedItemData=void 0;var s=this.option("selectedItemKey");return this._loadSingle(this._getKey(),s).done(e.resolve).fail((()=>{e.resolve(null)})),this._loadSingleDeferred=e,e.promise()},_createActionClickAction(){this._actionClickAction=this._createActionByOption("onButtonClick")},_createSelectionChangedAction(){this._selectionChangedAction=this._createActionByOption("onSelectionChanged")},_createItemClickAction(){this._itemClickAction=this._createActionByOption("onItemClick")},_fireSelectionChangedAction(t){var{previousValue:e,value:i}=t;this._selectionChangedAction({item:i,previousItem:e})},_fireItemClickAction(t){var{event:e,itemElement:i,itemData:s}=t;return this._itemClickAction({event:e,itemElement:i,itemData:this._actionItem||s})},_actionButtonConfig(){return{text:this.option("text"),icon:this.option("icon"),elementAttr:{class:"dx-dropdownbutton-action"}}},_getButtonGroupItems(){var t=[];return t.push(this._actionButtonConfig()),this.option("splitButton")&&t.push({icon:"spindown",elementAttr:{class:"dx-dropdownbutton-toggle"}}),t},_buttonGroupItemClick(t){var{event:e,itemData:i}=t,s="dx-dropdownbutton-action"===i.elementAttr.class;"dx-dropdownbutton-toggle"===i.elementAttr.class?this.toggle():s&&(this._actionClickAction({event:e,selectedItem:this.option("selectedItem")}),this.option("splitButton")||this.toggle())},_buttonGroupOptions(){var{splitButton:t,showArrowIcon:e,focusStateEnabled:i,hoverStateEnabled:s,stylingMode:o,accessKey:n,tabIndex:h}=this.option(),l=t||!e?"content":(t,e)=>{var{text:i,icon:s}=t,o=T(s),n=i?r("<span>").text(i).addClass("dx-button-text"):void 0,a=T("spindown").addClass("dx-icon-right");r(e).append(o,n,a)};return a({items:this._getButtonGroupItems(),onItemClick:this._buttonGroupItemClick.bind(this),width:"100%",height:"100%",selectionMode:"none",onKeyboardHandled:t=>this._keyboardHandler(t),buttonTemplate:l,focusStateEnabled:i,hoverStateEnabled:s,stylingMode:o,accessKey:n,tabIndex:h},this._options.cache("buttonGroupOptions"))},_renderPopupContent(){var t=this._popup.$content(),e=this._getTemplateByOption("dropDownContentTemplate");return t.empty(),this._popupContentId="dx-"+new y,this.setAria("id",this._popupContentId,t),e.render({container:I(t),model:this.option("items")||this._dataSource})},_popupOptions(){var t=this.option("rtlEnabled")?"right":"left";return a({dragEnabled:!1,focusStateEnabled:!1,deferRendering:this.option("deferRendering"),hideOnOutsideClick:t=>{var e=this.$element();return!r(t.target).closest(".".concat("dx-dropdownbutton")).is(e)},showTitle:!1,animation:{show:{type:"fade",duration:0,from:0,to:1},hide:{type:"fade",duration:400,from:1,to:0}},_ignoreFunctionValueDeprecation:!0,width:()=>K(this.$element()),height:"auto",shading:!1,position:{of:this.$element(),collision:"flipfit",my:t+" top",at:t+" bottom"},wrapperAttr:{class:"dx-dropdowneditor-overlay"}},this._options.cache("dropDownOptions"),{visible:this.option("opened")})},_listOptions(){var t=this.option("selectedItemKey"),e=this.option("useSelectMode");return{selectionMode:e?"single":"none",wrapItemText:this.option("wrapItemText"),focusStateEnabled:this.option("focusStateEnabled"),hoverStateEnabled:this.option("hoverStateEnabled"),useItemTextAsTitle:this.option("useItemTextAsTitle"),onContentReady:()=>this._fireContentReadyAction(),selectedItemKeys:d(t)&&e?[t]:[],grouped:this.option("grouped"),groupTemplate:this.option("groupTemplate"),keyExpr:this._getKey(),noDataText:this.option("noDataText"),displayExpr:this.option("displayExpr"),itemTemplate:this.option("itemTemplate"),items:this.option("items"),dataSource:this._dataSource,onItemClick:t=>{this.option("useSelectMode")||(this._lastSelectedItemData=t.itemData),this.option("selectedItemKey",this._keyGetter(t.itemData)),!1!==this._fireItemClickAction(t)&&(this.toggle(!1),this._buttonGroup.focus())}}},_upDownKeyHandler(){return this._popup&&this._popup.option("visible")&&this._list?this._list.focus():this.open(),!0},_escHandler(){return this.close(),this._buttonGroup.focus(),!0},_tabHandler(){return this.close(),!0},_renderPopup(){var t=r("<div>");this.$element().append(t),this._popup=this._createComponent(t,k,this._popupOptions()),this._popup.$content().addClass("dx-dropdownbutton-content"),this._popup.$wrapper().addClass("dx-dropdownbutton-popup-wrapper"),this._popup.on("hiding",this._popupHidingHandler.bind(this)),this._popup.on("showing",this._popupShowingHandler.bind(this)),this._bindInnerWidgetOptions(this._popup,"dropDownOptions")},_popupHidingHandler(){this.option("opened",!1),this._setAriaExpanded(!1)},_popupOptionChanged:function(t){var e=l.getOptionsFromContainer(t);this._setPopupOption(e);var i=Object.keys(e);-1===i.indexOf("width")&&-1===i.indexOf("height")||this._dimensionChanged()},_dimensionChanged:function(){var t;void 0===(null===(t=this.option("dropDownOptions.width"))&&(t=void 0),"function"==typeof t&&(t=t()),t)&&this._setPopupOption("width",(()=>K(this.$element())))},_setPopupOption:function(t,e){this._setWidgetOption("_popup",arguments)},_popupShowingHandler(){this.option("opened",!0),this._setAriaExpanded(!0)},_setAriaExpanded(t){this._ariaExpandedElements.forEach((e=>{this.setAria({expanded:t,owns:t?this._popupContentId:void 0},r(e))}))},_renderButtonGroup(){var t=this._buttonGroup&&this._buttonGroup.$element()||r("<div>");this._buttonGroup||this.$element().append(t),this._buttonGroup=this._createComponent(t,M,this._buttonGroupOptions());var e=this._buttonGroup.$element().find(".dx-button").toArray();this._ariaExpandedElements=[...e,this.$element()],this._buttonGroup.registerKeyHandler("downArrow",this._upDownKeyHandler.bind(this)),this._buttonGroup.registerKeyHandler("tab",this._tabHandler.bind(this)),this._buttonGroup.registerKeyHandler("upArrow",this._upDownKeyHandler.bind(this)),this._buttonGroup.registerKeyHandler("escape",this._escHandler.bind(this)),this._bindInnerWidgetOptions(this._buttonGroup,"buttonGroupOptions"),this._setAriaExpanded(this.option("opened"))},_updateArrowClass(){var t=this.option("splitButton")||this.option("showArrowIcon");this.$element().toggleClass("dx-dropdownbutton-has-arrow",t)},toggle(t){return this._popup||(this._renderPopup(),this._renderContent()),this._popup.toggle(t)},open(){return this.toggle(!0)},close(){return this.toggle(!1)},_setListOption(t,e){this._list&&this._list.option(t,e)},_getDisplayValue(t){var e=S(t)?this._displayGetter(t):t;return S(e)?"":String(C(e,""))},_updateActionButton(t){this.option("useSelectMode")&&this.option({text:this._getDisplayValue(t),icon:S(t)?t.icon:void 0}),this._setOptionWithoutOptionChange("selectedItem",t),this._setOptionWithoutOptionChange("selectedItemKey",this._keyGetter(t))},_clean(){this._list&&this._list.$element().remove(),this._popup&&this._popup.$element().remove()},_selectedItemKeyChanged(t){this._setListOption("selectedItemKeys",this.option("useSelectMode")&&d(t)?[t]:[]);var e=this.option("selectedItem");this._loadSelectedItem().done((t=>{this._updateActionButton(t),this._displayGetter(e)!==this._displayGetter(t)&&this._fireSelectionChangedAction({previousValue:e,value:t})}))},_actionButtonOptionChanged(t){var{name:e,value:i}=t,s={};s[e]=i,this._buttonGroup.option("items[0]",a({},this._actionButtonConfig(),s)),this._popup&&this._popup.repaint()},_selectModeChanged(t){if(t){this._setListOption("selectionMode","single");var e=this.option("selectedItemKey");this._setListOption("selectedItemKeys",d(e)?[e]:[]),this._selectedItemKeyChanged(this.option("selectedItemKey"))}else this._setListOption("selectionMode","none"),this.option({selectedItemKey:void 0,selectedItem:void 0}),this._actionButtonOptionChanged({text:this.option("text")})},_updateItemCollection(t){var e=this.option("selectedItemKey");this._setListOption("selectedItem",null),this._setWidgetOption("_list",[t]),d(e)&&this._loadSelectedItem().done((t=>{this._setListOption("selectedItemKeys",[e]),this._setListOption("selectedItem",t)})).fail((()=>{this._setListOption("selectedItemKeys",[])})).always(this._updateActionButton.bind(this))},_updateDataSource:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this._dataSource.items();this._dataSource=void 0,this._itemsToDataSource(t),this._updateKeyExpr()},_updateKeyExpr:function(){this._compileKeyGetter(),this._setListOption("keyExpr",this._getKey())},focus:function(){this._buttonGroup.focus()},_optionChanged(t){var e,{name:i,value:s}=t;switch(i){case"useSelectMode":this._selectModeChanged(s);break;case"splitButton":this._updateArrowClass(),this._renderButtonGroup();break;case"displayExpr":this._compileDisplayGetter(),this._setListOption(i,s),this._updateActionButton(this.option("selectedItem"));break;case"keyExpr":this._updateDataSource();break;case"buttonGroupOptions":this._innerWidgetOptionChanged(this._buttonGroup,t);break;case"dropDownOptions":if("dropDownOptions.visible"===t.fullName)break;void 0!==t.value.visible&&delete t.value.visible,this._popupOptionChanged(t),this._innerWidgetOptionChanged(this._popup,t);break;case"opened":this.toggle(s);break;case"focusStateEnabled":case"hoverStateEnabled":this._setListOption(i,s),this._buttonGroup.option(i,s),this.callBase(t);break;case"items":this._updateDataSource(this.option("items")),this._updateItemCollection(i);break;case"dataSource":Array.isArray(s)?this._updateDataSource(this.option("dataSource")):(this._initDataSource(),this._updateKeyExpr()),this._updateItemCollection(i);break;case"icon":case"text":this._actionButtonOptionChanged(t);break;case"showArrowIcon":this._updateArrowClass(),this._renderButtonGroup(),this._popup&&this._popup.repaint();break;case"width":case"height":this.callBase(t),null===(e=this._popup)||void 0===e||e.repaint();break;case"stylingMode":this._buttonGroup.option(i,s);break;case"itemTemplate":case"grouped":case"noDataText":case"groupTemplate":case"wrapItemText":case"useItemTextAsTitle":this._setListOption(i,s);break;case"dropDownContentTemplate":this._renderContent();break;case"selectedItemKey":this._selectedItemKeyChanged(s);break;case"selectedItem":break;case"onItemClick":this._createItemClickAction();break;case"onButtonClick":this._createActionClickAction();break;case"onSelectionChanged":this._createSelectionChangedAction();break;case"deferRendering":this.toggle(this.option("opened"));break;case"tabIndex":this._buttonGroup.option(i,s);break;default:this.callBase(t)}}}).include(E);p("dxDropDownButton",A);const B=class{constructor(e){t(this,e),this.appName=void 0,this.pageTitle=void 0,this.lastUpdated=void 0,this.manageAccountsUrl=void 0,this.logoutUrl=void 0,this.pageSize="large",this.helpUrl=void 0}componentDidLoad(){new D(this.platformBar,{items:[{location:"before",locateInMenu:"never",text:this.appName},{location:"after",widget:A,cssClass:"page__platform-bar__button",options:{icon:"overflow",keyExpr:"id",displayExpr:"text",stylingMode:"text",showArrowIcon:!1,dropDownOptions:{width:"200",wrapperAttr:{class:"page__platform-bar__button__dropdown-options"}},items:this.platformBarButtonItems()}}]}),new D(this.pageTitleBar,{items:[{location:"before",text:this.pageTitle},{location:"after",html:`<span class='page__title-bar__after-container__label'>Last updated</span> <span class='page__title-bar__after-container__value'>${this.lastUpdated}</span>`},{location:"after",widget:n,options:{text:"help",icon:"help",stylingMode:"outlined",onClick:()=>{window.open(this.helpUrl,"_blank")}}}]})}platformBarButtonItems(){return[{id:1,text:"Manage Accounts",icon:"user",onClick:()=>{window.open(this.manageAccountsUrl,"_blank")}},{id:2,text:"Logout",icon:"runner",onClick:()=>{window.location.href=this.logoutUrl}}]}pageSizeIsNumeric(){return/^\d+$/.test(this.pageSize)}pageSizeClasses(t){return this.pageSizeIsNumeric()?t:`${t}--${this.pageSize}`}render(){const t=this.pageSizeIsNumeric?{width:`${this.pageSize}px`}:{};return e(i,{style:{margin:"0px",overflow:"hidden"}},e("div",{class:"page"},e("div",{class:"page__platform-bar",ref:t=>this.platformBar=t}),e("div",{class:this.pageSizeClasses("page__title-bar__container"),style:Object.assign({},t)},e("div",{ref:t=>this.pageTitleBar=t})),e("tttx-worksheet",{pageSize:this.pageSize})))}};B.style='@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;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}.page{background-color:#F0F0F0;width:100%;height:100%}.page__platform-bar.dx-toolbar{position:fixed;top:0px;left:0px;right:0px;background-color:#142748;color:#ffffff;font-size:24px;padding:0 8px}.page__title-bar__container,.page__title-bar__container--large,.page__title-bar__container--medium,.page__title-bar__container--small{position:fixed;top:52px;left:0px;right:0px}.page__title-bar__container .dx-toolbar,.page__title-bar__container--large .dx-toolbar,.page__title-bar__container--medium .dx-toolbar,.page__title-bar__container--small .dx-toolbar{color:#212121;background-color:#F0F0F0;font-size:24px}.page__title-bar__container,.page__title-bar__container--medium,.page__title-bar__container--small{margin:0px auto}.page__title-bar__container--large{margin:0px 16px}.page__title-bar__container--medium{width:900px}.page__title-bar__container--small{width:600px}.page__title-bar__after-container__label{font-size:14px;color:#757575;font-weight:300}.page__title-bar__after-container__value{font-size:14px;color:#111111;font-weight:400;margin:0 10px 0 0}.page__platform-bar__button .dx-button-mode-text .dx-icon{color:white}.page__platform-bar__button__dropdown-options .dx-dropdownbutton-content .dx-list .dx-list-item:last-of-type::before{width:90%;margin:auto 5%;height:1px;content:"";position:absolute;background:grey}';export{B as tttx_page}
+import{r as t,h as e,H as i}from"./p-2681b874.js";import{C as s,B as o,a as n,e as a,i as h,$ as r,W as l,b as d,r as p,h as c,g as u,m,F as _,L as b,D as g,A as x,c as f,n as v,d as w,G as y,f as I,P as k,j as S,k as C,l as E,o as T,T as D}from"./p-d038fe18.js";var O=s.inherit({_initTemplates(){this.callBase(),this._templateManager.addDefaultTemplates({item:new o(((t,e,i)=>{this._prepareItemStyles(t);var s=this.option("buttonTemplate");this._createComponent(t,n,a({},i,e,this._getBasicButtonOptions(),{_templateData:this._hasCustomTemplate(s)?i:{},template:i.template||s}))}),["text","type","icon","disabled","visible","hint"],this.option("integrationOptions.watchMethod"))})},_getBasicButtonOptions(){return{focusStateEnabled:!1,onClick:null,hoverStateEnabled:this.option("hoverStateEnabled"),activeStateEnabled:this.option("activeStateEnabled"),stylingMode:this.option("stylingMode")}},_getDefaultOptions:function(){return a(this.callBase(),{itemTemplateProperty:null})},_hasCustomTemplate(t){return h(t)||this.option("integrationOptions.templates")[t]},_prepareItemStyles(t){var e=t.data("dxItemIndex");0===e&&t.addClass("dx-buttongroup-first-item");var i=this.option("items");i&&e===i.length-1&&t.addClass("dx-buttongroup-last-item"),t.addClass("dx-shape-standard")},_renderItemContent(t){return t.container=r(t.container).parent(),this.callBase(t)},_renderItemContentByNode:function(t,e){return t.container=r(t.container.children().first()),this.callBase(t,e)},_focusTarget(){return this.$element().parent()},_keyboardEventBindingTarget(){return this._focusTarget()},_refreshContent(){this._prepareContent(),this._renderContent()},_itemClass:()=>"dx-buttongroup-item",_itemSelectHandler:function(t){"single"===this.option("selectionMode")&&this.isItemSelected(t.currentTarget)||this.callBase(t)}}),M=l.inherit({_getDefaultOptions(){return a(this.callBase(),{hoverStateEnabled:!0,focusStateEnabled:!0,selectionMode:"single",selectedItems:[],selectedItemKeys:[],stylingMode:"contained",keyExpr:"text",items:[],buttonTemplate:"content",onSelectionChanged:null,onItemClick:null})},_init(){this.callBase(),this._createItemClickAction()},_createItemClickAction(){this._itemClickAction=this._createActionByOption("onItemClick")},_initMarkup(){this.setAria("role","group"),this.$element().addClass("dx-buttongroup"),this._renderButtons(),this._syncSelectionOptions(),this.callBase()},_fireSelectionChangeEvent:function(t,e){this._createActionByOption("onSelectionChanged",{excludeValidators:["disabled","readOnly"]})({addedItems:t,removedItems:e})},_renderButtons(){var t=r("<div>").addClass("dx-buttongroup-wrapper").appendTo(this.$element()),e=this.option("selectedItems"),i={selectionMode:this.option("selectionMode"),items:this.option("items"),keyExpr:this.option("keyExpr"),buttonTemplate:this.option("buttonTemplate"),scrollingEnabled:!1,selectedItemKeys:this.option("selectedItemKeys"),focusStateEnabled:this.option("focusStateEnabled"),hoverStateEnabled:this.option("hoverStateEnabled"),activeStateEnabled:this.option("activeStateEnabled"),stylingMode:this.option("stylingMode"),accessKey:this.option("accessKey"),tabIndex:this.option("tabIndex"),noDataText:"",selectionRequired:!1,onItemRendered:t=>{var e=this.option("width");d(e)&&r(t.itemElement).addClass("dx-buttongroup-item-has-width")},onSelectionChanged:t=>{this._syncSelectionOptions(),this._fireSelectionChangeEvent(t.addedItems,t.removedItems)},onItemClick:t=>{this._itemClickAction(t)}};d(e)&&e.length&&(i.selectedItems=e),this._buttonsCollection=this._createComponent(t,O,i)},_syncSelectionOptions(){this._setOptionWithoutOptionChange("selectedItems",this._buttonsCollection.option("selectedItems")),this._setOptionWithoutOptionChange("selectedItemKeys",this._buttonsCollection.option("selectedItemKeys"))},_optionChanged(t){switch(t.name){case"stylingMode":case"selectionMode":case"keyExpr":case"buttonTemplate":case"items":case"activeStateEnabled":case"focusStateEnabled":case"hoverStateEnabled":case"tabIndex":this._invalidate();break;case"selectedItemKeys":case"selectedItems":this._buttonsCollection.option(t.name,t.value);break;case"onItemClick":this._createItemClickAction();break;case"onSelectionChanged":break;case"width":this.callBase(t),this._buttonsCollection.itemElements().toggleClass("dx-buttongroup-item-has-width",!!t.value);break;default:this.callBase(t)}}});p("dxButtonGroup",M);var K=function(t){if(c())return u(t)},A=l.inherit({_getDefaultOptions(){return a(this.callBase(),{itemTemplate:"item",keyExpr:"this",displayExpr:void 0,selectedItem:null,selectedItemKey:null,stylingMode:"outlined",deferRendering:!0,noDataText:m.format("dxCollectionWidget-noDataText"),useSelectMode:!1,splitButton:!1,showArrowIcon:!0,text:"",icon:void 0,onButtonClick:null,onSelectionChanged:null,onItemClick:null,opened:!1,items:null,dataSource:null,focusStateEnabled:!0,hoverStateEnabled:!0,dropDownOptions:{},dropDownContentTemplate:"content",wrapItemText:!1,useItemTextAsTitle:!0,grouped:!1,groupTemplate:"group",buttonGroupOptions:{}})},_setOptionsByReference(){this.callBase(),a(this._optionsByReference,{selectedItem:!0})},_init(){this.callBase(),this._createItemClickAction(),this._createActionClickAction(),this._createSelectionChangedAction(),this._initDataSource(),this._compileKeyGetter(),this._compileDisplayGetter(),this._itemsToDataSource(this.option("items")),this._options.cache("buttonGroupOptions",this.option("buttonGroupOptions")),this._options.cache("dropDownOptions",this.option("dropDownOptions"))},_initTemplates(){this._templateManager.addDefaultTemplates({content:new _((t=>{var e=r(t.container),i=r("<div>").appendTo(e);this._list=this._createComponent(i,b,this._listOptions()),this._list.registerKeyHandler("escape",this._escHandler.bind(this)),this._list.registerKeyHandler("tab",this._escHandler.bind(this)),this._list.registerKeyHandler("leftArrow",this._escHandler.bind(this)),this._list.registerKeyHandler("rightArrow",this._escHandler.bind(this))}))}),this.callBase()},_itemsToDataSource:function(t){this._dataSource||(this._dataSource=new g({store:new x({key:this._getKey(),data:t}),pageSize:0}))},_getKey:function(){var t,e=this.option("keyExpr"),i=null===(t=this._dataSource)||void 0===t?void 0:t.key();return!d(i)||d(e)&&"this"!==e?e:i},_compileKeyGetter(){this._keyGetter=f(this._getKey())},_compileDisplayGetter(){this._displayGetter=f(this.option("displayExpr"))},_initMarkup(){this.callBase(),this.$element().addClass("dx-dropdownbutton"),this._renderButtonGroup(),this._updateArrowClass(),d(this.option("selectedItemKey"))&&this._loadSelectedItem().done(this._updateActionButton.bind(this))},_renderFocusTarget:v,_render(){this.option("deferRendering")&&!this.option("opened")||this._renderPopup(),this.callBase()},_renderContentImpl(){return this._popup&&this._renderPopupContent(),this.callBase()},_loadSelectedItem(){var t;null===(t=this._loadSingleDeferred)||void 0===t||t.reject();var e=new w;if(this._list&&void 0!==this._lastSelectedItemData){var i=this.option("useSelectMode")?this._list.option("selectedItem"):this._lastSelectedItemData;return e.resolve(i)}this._lastSelectedItemData=void 0;var s=this.option("selectedItemKey");return this._loadSingle(this._getKey(),s).done(e.resolve).fail((()=>{e.resolve(null)})),this._loadSingleDeferred=e,e.promise()},_createActionClickAction(){this._actionClickAction=this._createActionByOption("onButtonClick")},_createSelectionChangedAction(){this._selectionChangedAction=this._createActionByOption("onSelectionChanged")},_createItemClickAction(){this._itemClickAction=this._createActionByOption("onItemClick")},_fireSelectionChangedAction(t){var{previousValue:e,value:i}=t;this._selectionChangedAction({item:i,previousItem:e})},_fireItemClickAction(t){var{event:e,itemElement:i,itemData:s}=t;return this._itemClickAction({event:e,itemElement:i,itemData:this._actionItem||s})},_actionButtonConfig(){return{text:this.option("text"),icon:this.option("icon"),elementAttr:{class:"dx-dropdownbutton-action"}}},_getButtonGroupItems(){var t=[];return t.push(this._actionButtonConfig()),this.option("splitButton")&&t.push({icon:"spindown",elementAttr:{class:"dx-dropdownbutton-toggle"}}),t},_buttonGroupItemClick(t){var{event:e,itemData:i}=t,s="dx-dropdownbutton-action"===i.elementAttr.class;"dx-dropdownbutton-toggle"===i.elementAttr.class?this.toggle():s&&(this._actionClickAction({event:e,selectedItem:this.option("selectedItem")}),this.option("splitButton")||this.toggle())},_buttonGroupOptions(){var{splitButton:t,showArrowIcon:e,focusStateEnabled:i,hoverStateEnabled:s,stylingMode:o,accessKey:n,tabIndex:h}=this.option(),l=t||!e?"content":(t,e)=>{var{text:i,icon:s}=t,o=T(s),n=i?r("<span>").text(i).addClass("dx-button-text"):void 0,a=T("spindown").addClass("dx-icon-right");r(e).append(o,n,a)};return a({items:this._getButtonGroupItems(),onItemClick:this._buttonGroupItemClick.bind(this),width:"100%",height:"100%",selectionMode:"none",onKeyboardHandled:t=>this._keyboardHandler(t),buttonTemplate:l,focusStateEnabled:i,hoverStateEnabled:s,stylingMode:o,accessKey:n,tabIndex:h},this._options.cache("buttonGroupOptions"))},_renderPopupContent(){var t=this._popup.$content(),e=this._getTemplateByOption("dropDownContentTemplate");return t.empty(),this._popupContentId="dx-"+new y,this.setAria("id",this._popupContentId,t),e.render({container:I(t),model:this.option("items")||this._dataSource})},_popupOptions(){var t=this.option("rtlEnabled")?"right":"left";return a({dragEnabled:!1,focusStateEnabled:!1,deferRendering:this.option("deferRendering"),hideOnOutsideClick:t=>{var e=this.$element();return!r(t.target).closest(".".concat("dx-dropdownbutton")).is(e)},showTitle:!1,animation:{show:{type:"fade",duration:0,from:0,to:1},hide:{type:"fade",duration:400,from:1,to:0}},_ignoreFunctionValueDeprecation:!0,width:()=>K(this.$element()),height:"auto",shading:!1,position:{of:this.$element(),collision:"flipfit",my:t+" top",at:t+" bottom"},wrapperAttr:{class:"dx-dropdowneditor-overlay"}},this._options.cache("dropDownOptions"),{visible:this.option("opened")})},_listOptions(){var t=this.option("selectedItemKey"),e=this.option("useSelectMode");return{selectionMode:e?"single":"none",wrapItemText:this.option("wrapItemText"),focusStateEnabled:this.option("focusStateEnabled"),hoverStateEnabled:this.option("hoverStateEnabled"),useItemTextAsTitle:this.option("useItemTextAsTitle"),onContentReady:()=>this._fireContentReadyAction(),selectedItemKeys:d(t)&&e?[t]:[],grouped:this.option("grouped"),groupTemplate:this.option("groupTemplate"),keyExpr:this._getKey(),noDataText:this.option("noDataText"),displayExpr:this.option("displayExpr"),itemTemplate:this.option("itemTemplate"),items:this.option("items"),dataSource:this._dataSource,onItemClick:t=>{this.option("useSelectMode")||(this._lastSelectedItemData=t.itemData),this.option("selectedItemKey",this._keyGetter(t.itemData)),!1!==this._fireItemClickAction(t)&&(this.toggle(!1),this._buttonGroup.focus())}}},_upDownKeyHandler(){return this._popup&&this._popup.option("visible")&&this._list?this._list.focus():this.open(),!0},_escHandler(){return this.close(),this._buttonGroup.focus(),!0},_tabHandler(){return this.close(),!0},_renderPopup(){var t=r("<div>");this.$element().append(t),this._popup=this._createComponent(t,k,this._popupOptions()),this._popup.$content().addClass("dx-dropdownbutton-content"),this._popup.$wrapper().addClass("dx-dropdownbutton-popup-wrapper"),this._popup.on("hiding",this._popupHidingHandler.bind(this)),this._popup.on("showing",this._popupShowingHandler.bind(this)),this._bindInnerWidgetOptions(this._popup,"dropDownOptions")},_popupHidingHandler(){this.option("opened",!1),this._setAriaExpanded(!1)},_popupOptionChanged:function(t){var e=l.getOptionsFromContainer(t);this._setPopupOption(e);var i=Object.keys(e);-1===i.indexOf("width")&&-1===i.indexOf("height")||this._dimensionChanged()},_dimensionChanged:function(){var t;void 0===(null===(t=this.option("dropDownOptions.width"))&&(t=void 0),"function"==typeof t&&(t=t()),t)&&this._setPopupOption("width",(()=>K(this.$element())))},_setPopupOption:function(t,e){this._setWidgetOption("_popup",arguments)},_popupShowingHandler(){this.option("opened",!0),this._setAriaExpanded(!0)},_setAriaExpanded(t){this._ariaExpandedElements.forEach((e=>{this.setAria({expanded:t,owns:t?this._popupContentId:void 0},r(e))}))},_renderButtonGroup(){var t=this._buttonGroup&&this._buttonGroup.$element()||r("<div>");this._buttonGroup||this.$element().append(t),this._buttonGroup=this._createComponent(t,M,this._buttonGroupOptions());var e=this._buttonGroup.$element().find(".dx-button").toArray();this._ariaExpandedElements=[...e,this.$element()],this._buttonGroup.registerKeyHandler("downArrow",this._upDownKeyHandler.bind(this)),this._buttonGroup.registerKeyHandler("tab",this._tabHandler.bind(this)),this._buttonGroup.registerKeyHandler("upArrow",this._upDownKeyHandler.bind(this)),this._buttonGroup.registerKeyHandler("escape",this._escHandler.bind(this)),this._bindInnerWidgetOptions(this._buttonGroup,"buttonGroupOptions"),this._setAriaExpanded(this.option("opened"))},_updateArrowClass(){var t=this.option("splitButton")||this.option("showArrowIcon");this.$element().toggleClass("dx-dropdownbutton-has-arrow",t)},toggle(t){return this._popup||(this._renderPopup(),this._renderContent()),this._popup.toggle(t)},open(){return this.toggle(!0)},close(){return this.toggle(!1)},_setListOption(t,e){this._list&&this._list.option(t,e)},_getDisplayValue(t){var e=S(t)?this._displayGetter(t):t;return S(e)?"":String(C(e,""))},_updateActionButton(t){this.option("useSelectMode")&&this.option({text:this._getDisplayValue(t),icon:S(t)?t.icon:void 0}),this._setOptionWithoutOptionChange("selectedItem",t),this._setOptionWithoutOptionChange("selectedItemKey",this._keyGetter(t))},_clean(){this._list&&this._list.$element().remove(),this._popup&&this._popup.$element().remove()},_selectedItemKeyChanged(t){this._setListOption("selectedItemKeys",this.option("useSelectMode")&&d(t)?[t]:[]);var e=this.option("selectedItem");this._loadSelectedItem().done((t=>{this._updateActionButton(t),this._displayGetter(e)!==this._displayGetter(t)&&this._fireSelectionChangedAction({previousValue:e,value:t})}))},_actionButtonOptionChanged(t){var{name:e,value:i}=t,s={};s[e]=i,this._buttonGroup.option("items[0]",a({},this._actionButtonConfig(),s)),this._popup&&this._popup.repaint()},_selectModeChanged(t){if(t){this._setListOption("selectionMode","single");var e=this.option("selectedItemKey");this._setListOption("selectedItemKeys",d(e)?[e]:[]),this._selectedItemKeyChanged(this.option("selectedItemKey"))}else this._setListOption("selectionMode","none"),this.option({selectedItemKey:void 0,selectedItem:void 0}),this._actionButtonOptionChanged({text:this.option("text")})},_updateItemCollection(t){var e=this.option("selectedItemKey");this._setListOption("selectedItem",null),this._setWidgetOption("_list",[t]),d(e)&&this._loadSelectedItem().done((t=>{this._setListOption("selectedItemKeys",[e]),this._setListOption("selectedItem",t)})).fail((()=>{this._setListOption("selectedItemKeys",[])})).always(this._updateActionButton.bind(this))},_updateDataSource:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this._dataSource.items();this._dataSource=void 0,this._itemsToDataSource(t),this._updateKeyExpr()},_updateKeyExpr:function(){this._compileKeyGetter(),this._setListOption("keyExpr",this._getKey())},focus:function(){this._buttonGroup.focus()},_optionChanged(t){var e,{name:i,value:s}=t;switch(i){case"useSelectMode":this._selectModeChanged(s);break;case"splitButton":this._updateArrowClass(),this._renderButtonGroup();break;case"displayExpr":this._compileDisplayGetter(),this._setListOption(i,s),this._updateActionButton(this.option("selectedItem"));break;case"keyExpr":this._updateDataSource();break;case"buttonGroupOptions":this._innerWidgetOptionChanged(this._buttonGroup,t);break;case"dropDownOptions":if("dropDownOptions.visible"===t.fullName)break;void 0!==t.value.visible&&delete t.value.visible,this._popupOptionChanged(t),this._innerWidgetOptionChanged(this._popup,t);break;case"opened":this.toggle(s);break;case"focusStateEnabled":case"hoverStateEnabled":this._setListOption(i,s),this._buttonGroup.option(i,s),this.callBase(t);break;case"items":this._updateDataSource(this.option("items")),this._updateItemCollection(i);break;case"dataSource":Array.isArray(s)?this._updateDataSource(this.option("dataSource")):(this._initDataSource(),this._updateKeyExpr()),this._updateItemCollection(i);break;case"icon":case"text":this._actionButtonOptionChanged(t);break;case"showArrowIcon":this._updateArrowClass(),this._renderButtonGroup(),this._popup&&this._popup.repaint();break;case"width":case"height":this.callBase(t),null===(e=this._popup)||void 0===e||e.repaint();break;case"stylingMode":this._buttonGroup.option(i,s);break;case"itemTemplate":case"grouped":case"noDataText":case"groupTemplate":case"wrapItemText":case"useItemTextAsTitle":this._setListOption(i,s);break;case"dropDownContentTemplate":this._renderContent();break;case"selectedItemKey":this._selectedItemKeyChanged(s);break;case"selectedItem":break;case"onItemClick":this._createItemClickAction();break;case"onButtonClick":this._createActionClickAction();break;case"onSelectionChanged":this._createSelectionChangedAction();break;case"deferRendering":this.toggle(this.option("opened"));break;case"tabIndex":this._buttonGroup.option(i,s);break;default:this.callBase(t)}}}).include(E);p("dxDropDownButton",A);const B=class{constructor(e){t(this,e),this.appName=void 0,this.pageTitle=void 0,this.lastUpdated=void 0,this.manageAccountsUrl=void 0,this.logoutUrl=void 0,this.pageSize="large",this.helpUrl=void 0}componentDidLoad(){new D(this.platformBar,{items:[{location:"before",locateInMenu:"never",text:this.appName},{location:"after",widget:A,cssClass:"page__platform-bar__button",options:{icon:"overflow",keyExpr:"id",displayExpr:"text",stylingMode:"text",showArrowIcon:!1,dropDownOptions:{width:"200",wrapperAttr:{class:"page__platform-bar__button__dropdown-options"}},items:this.platformBarButtonItems()}}]}),new D(this.pageTitleBar,{items:[{location:"before",text:this.pageTitle},{location:"after",html:`<span class='page__title-bar__after-container__label'>Last updated</span> <span class='page__title-bar__after-container__value'>${this.lastUpdated}</span>`},{location:"after",widget:n,options:{text:"help",icon:"help",stylingMode:"outlined",onClick:()=>{window.open(this.helpUrl,"_blank")}}}]})}platformBarButtonItems(){return[{id:1,text:"Manage Accounts",icon:"user",onClick:()=>{window.open(this.manageAccountsUrl,"_blank")}},{id:2,text:"Logout",icon:"runner",onClick:()=>{window.location.href=this.logoutUrl}}]}pageSizeIsNumeric(){return/^\d+$/.test(this.pageSize)}pageSizeClasses(t){return this.pageSizeIsNumeric()?t:`${t}--${this.pageSize}`}render(){const t=this.pageSizeIsNumeric?{width:`${this.pageSize}px`}:{};return e(i,{style:{margin:"0px",overflow:"hidden"}},e("div",{class:"page"},e("div",{class:"page__platform-bar",ref:t=>this.platformBar=t}),e("div",{class:this.pageSizeClasses("page__title-bar__container"),style:Object.assign({},t)},e("div",{ref:t=>this.pageTitleBar=t})),e("tttx-worksheet",{pageSize:this.pageSize},e("slot",null))))}};B.style='@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;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}.page{background-color:#F0F0F0;width:100%;height:100%}.page__platform-bar.dx-toolbar{position:fixed;top:0px;left:0px;right:0px;background-color:#142748;color:#ffffff;font-size:24px;padding:0 8px}.page__title-bar__container,.page__title-bar__container--large,.page__title-bar__container--medium,.page__title-bar__container--small{position:fixed;top:52px;left:0px;right:0px}.page__title-bar__container .dx-toolbar,.page__title-bar__container--large .dx-toolbar,.page__title-bar__container--medium .dx-toolbar,.page__title-bar__container--small .dx-toolbar{color:#212121;background-color:#F0F0F0;font-size:24px}.page__title-bar__container,.page__title-bar__container--medium,.page__title-bar__container--small{margin:0px auto}.page__title-bar__container--large{margin:0px 16px}.page__title-bar__container--medium{width:900px}.page__title-bar__container--small{width:600px}.page__title-bar__after-container__label{font-size:14px;color:#757575;font-weight:300}.page__title-bar__after-container__value{font-size:14px;color:#111111;font-weight:400;margin:0 10px 0 0}.page__platform-bar__button .dx-button-mode-text .dx-icon{color:white}.page__platform-bar__button__dropdown-options .dx-dropdownbutton-content .dx-list .dx-list-item:last-of-type::before{width:90%;margin:auto 5%;height:1px;content:"";position:absolute;background:grey}';export{B as tttx_page}

package/dist/tttx/tttx.esm.js

@@ -1 +1 @@
-import{p as e,b as a}from"./p-2681b874.js";(()=>{const a=import.meta.url,t={};return""!==a&&(t.resourcesUrl=new URL(".",a).href),e(t)})().then((e=>a([["p-d5c31f03",[[4,"tttx-worksheet",{pageSize:[1,"page-size"]}]]],["p-e40966f3",[[0,"tttx-page",{appName:[1,"app-name"],pageTitle:[1,"page-title"],lastUpdated:[1,"last-updated"],manageAccountsUrl:[1,"manage-accounts-url"],logoutUrl:[1,"logout-url"],pageSize:[1,"page-size"],helpUrl:[1,"help-url"]}]]]],e)));
+import{p as e,b as a}from"./p-2681b874.js";(()=>{const a=import.meta.url,t={};return""!==a&&(t.resourcesUrl=new URL(".",a).href),e(t)})().then((e=>a([["p-d5c31f03",[[4,"tttx-worksheet",{pageSize:[1,"page-size"]}]]],["p-285977b3",[[4,"tttx-page",{appName:[1,"app-name"],pageTitle:[1,"page-title"],lastUpdated:[1,"last-updated"],manageAccountsUrl:[1,"manage-accounts-url"],logoutUrl:[1,"logout-url"],pageSize:[1,"page-size"],helpUrl:[1,"help-url"]}]]]],e)));

package/package.json

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