@3t-transform/threeteeui 0.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (63) hide show
  1. package/dist/cjs/index-eb8fc323.js +1620 -0
  2. package/dist/cjs/index.cjs.js +2 -0
  3. package/dist/cjs/loader.cjs.js +21 -0
  4. package/dist/cjs/toolbar-656be6e6.js +34259 -0
  5. package/dist/cjs/tttx-page.cjs.entry.js +927 -0
  6. package/dist/cjs/tttx-worksheet.cjs.entry.js +47 -0
  7. package/dist/cjs/tttx.cjs.js +19 -0
  8. package/dist/collection/collection-manifest.json +13 -0
  9. package/dist/collection/components/patterns/tttx-page/tttx-page.css +162 -0
  10. package/dist/collection/components/patterns/tttx-page/tttx-page.js +213 -0
  11. package/dist/collection/components/patterns/tttx-page/tttx-page.stories.js +80 -0
  12. package/dist/collection/components/patterns/tttx-worksheet/tttx-worksheet.css +134 -0
  13. package/dist/collection/components/patterns/tttx-worksheet/tttx-worksheet.js +70 -0
  14. package/dist/collection/components/patterns/tttx-worksheet/tttx-worksheet.stories.js +44 -0
  15. package/dist/collection/docs/gettingstarted-developer.stories.js +9 -0
  16. package/dist/collection/docs/template.stories.js +10 -0
  17. package/dist/collection/index.js +1 -0
  18. package/dist/components/index.d.ts +23 -0
  19. package/dist/components/index.js +3 -0
  20. package/dist/components/tttx-page.d.ts +11 -0
  21. package/dist/components/tttx-page.js +953 -0
  22. package/dist/components/tttx-worksheet.d.ts +11 -0
  23. package/dist/components/tttx-worksheet.js +6 -0
  24. package/dist/components/tttx-worksheet2.js +34288 -0
  25. package/dist/esm/index-4c11a593.js +1594 -0
  26. package/dist/esm/index.js +1 -0
  27. package/dist/esm/loader.js +17 -0
  28. package/dist/esm/polyfills/core-js.js +11 -0
  29. package/dist/esm/polyfills/css-shim.js +1 -0
  30. package/dist/esm/polyfills/dom.js +79 -0
  31. package/dist/esm/polyfills/es5-html-element.js +1 -0
  32. package/dist/esm/polyfills/index.js +34 -0
  33. package/dist/esm/polyfills/system.js +6 -0
  34. package/dist/esm/toolbar-cede4385.js +34231 -0
  35. package/dist/esm/tttx-page.entry.js +923 -0
  36. package/dist/esm/tttx-worksheet.entry.js +43 -0
  37. package/dist/esm/tttx.js +17 -0
  38. package/dist/index.cjs.js +1 -0
  39. package/dist/index.js +1 -0
  40. package/dist/tttx/index.esm.js +0 -0
  41. package/dist/tttx/p-2681b874.js +2 -0
  42. package/dist/tttx/p-d038fe18.js +1 -0
  43. package/dist/tttx/p-d5c31f03.entry.js +1 -0
  44. package/dist/tttx/p-e40966f3.entry.js +1 -0
  45. package/dist/tttx/tttx.css +1 -0
  46. package/dist/tttx/tttx.esm.js +1 -0
  47. package/dist/types/components/patterns/tttx-page/tttx-page.d.ts +21 -0
  48. package/dist/types/components/patterns/tttx-page/tttx-page.stories.d.ts +48 -0
  49. package/dist/types/components/patterns/tttx-worksheet/tttx-worksheet.d.ts +9 -0
  50. package/dist/types/components/patterns/tttx-worksheet/tttx-worksheet.stories.d.ts +23 -0
  51. package/dist/types/components.d.ts +66 -0
  52. package/dist/types/docs/gettingstarted-developer.stories.d.ts +5 -0
  53. package/dist/types/docs/template.stories.d.ts +5 -0
  54. package/dist/types/index.d.ts +1 -0
  55. package/dist/types/stencil-public-runtime.d.ts +1581 -0
  56. package/loader/cdn.js +3 -0
  57. package/loader/index.cjs.js +3 -0
  58. package/loader/index.d.ts +12 -0
  59. package/loader/index.es2017.js +3 -0
  60. package/loader/index.js +4 -0
  61. package/loader/package.json +11 -0
  62. package/package.json +60 -0
  63. package/readme.md +90 -0
@@ -0,0 +1 @@
1
+ import{r as t,h as e,H as o}from"./p-2681b874.js";import{T as s,a as i}from"./p-d038fe18.js";const r=class{constructor(e){t(this,e),this.pageSize="large"}componentDidLoad(){this.footer()}pageSizeIsNumeric(){return/^\d+$/.test(this.pageSize)}pageSizeClasses(t){return this.pageSizeIsNumeric()?t:`${t}--${this.pageSize}`}footer(){["medium","small"].includes(this.pageSize)&&new s(this.footerBar,{items:[{location:"after",widget:i,options:{text:"save"}}]})}render(){const t=this.pageSizeIsNumeric?{width:`${this.pageSize}px`}:{};return e(o,null,e("div",{class:this.pageSizeClasses("worksheet__container"),style:Object.assign({},t)},e("slot",null),e("div",{class:`worksheet__footer--${this.pageSize}`,ref:t=>this.footerBar=t})))}};r.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}.worksheet__container,.worksheet__container--large,.worksheet__container--medium,.worksheet__container--small{position:absolute;top:104px;bottom:8px;left:0px;right:0px;overflow:auto;background-color:#ffffff;clear:both}.worksheet__container,.worksheet__container--medium,.worksheet__container--small,.worksheet__footer--medium,.worksheet__footer--small{margin:0px auto}.worksheet__container--large{margin:0px 16px}.worksheet__container--medium{width:900px}.worksheet__container--small{width:600px}.worksheet__footer--medium.dx-toolbar,.worksheet__footer--small.dx-toolbar{position:fixed;bottom:0px;left:0px;right:0px;padding:0 8px}.worksheet__footer--medium.dx-toolbar{width:900px}.worksheet__footer--small.dx-toolbar{width:600px}';export{r as tttx_worksheet}
@@ -0,0 +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}