@3t-transform/threeteeui 0.0.5 → 0.0.6

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 (38) hide show
  1. package/dist/cjs/loader.cjs.js +1 -1
  2. package/dist/cjs/{ui.popover-27780a1d.js → toolbar-656be6e6.js} +9677 -8994
  3. package/dist/cjs/tttx-page.cjs.entry.js +57 -58
  4. package/dist/cjs/tttx-worksheet.cjs.entry.js +2 -3
  5. package/dist/cjs/tttx.cjs.js +1 -1
  6. package/dist/collection/collection-manifest.json +0 -1
  7. package/dist/components/index.d.ts +0 -1
  8. package/dist/components/index.js +0 -1
  9. package/dist/components/tttx-page.js +1 -2
  10. package/dist/components/tttx-worksheet.js +1 -1
  11. package/dist/components/tttx-worksheet2.js +33430 -60
  12. package/dist/esm/loader.js +1 -1
  13. package/dist/{components/ui.popover.js → esm/toolbar-cede4385.js} +9677 -8895
  14. package/dist/esm/tttx-page.entry.js +1 -2
  15. package/dist/esm/tttx-worksheet.entry.js +1 -2
  16. package/dist/esm/tttx.js +1 -1
  17. package/dist/tttx/p-4b57de2e.entry.js +1 -0
  18. package/dist/tttx/p-61f78304.entry.js +1 -0
  19. package/dist/tttx/p-d038fe18.js +1 -0
  20. package/dist/tttx/tttx.esm.js +1 -1
  21. package/dist/types/components.d.ts +0 -13
  22. package/package.json +1 -1
  23. package/dist/cjs/qualifications-list.cjs.entry.js +0 -7149
  24. package/dist/cjs/toolbar-02115550.js +0 -864
  25. package/dist/collection/components/patterns/qualifications-list/qualifications-list.js +0 -32
  26. package/dist/collection/components/patterns/qualifications-list/qualifications-list.stories.js +0 -7
  27. package/dist/components/qualifications-list.d.ts +0 -11
  28. package/dist/components/qualifications-list.js +0 -7162
  29. package/dist/esm/qualifications-list.entry.js +0 -7145
  30. package/dist/esm/toolbar-b147a3aa.js +0 -862
  31. package/dist/esm/ui.popover-0c8f8d79.js +0 -33449
  32. package/dist/tttx/p-4f4963aa.entry.js +0 -1
  33. package/dist/tttx/p-69ca02f6.entry.js +0 -1
  34. package/dist/tttx/p-7eb8146c.entry.js +0 -1
  35. package/dist/tttx/p-81cad444.js +0 -1
  36. package/dist/tttx/p-955d89ac.js +0 -1
  37. package/dist/types/components/patterns/qualifications-list/qualifications-list.d.ts +0 -6
  38. package/dist/types/components/patterns/qualifications-list/qualifications-list.stories.d.ts +0 -5
@@ -3,8 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-8a7479e4.js');
6
- const toolbar = require('./toolbar-02115550.js');
7
- const ui_popover = require('./ui.popover-27780a1d.js');
6
+ const toolbar = require('./toolbar-656be6e6.js');
8
7
 
9
8
  /**
10
9
  * DevExtreme (esm/ui/button_group.js)
@@ -21,14 +20,14 @@ var BUTTON_GROUP_FIRST_ITEM_CLASS = BUTTON_GROUP_CLASS + "-first-item";
21
20
  var BUTTON_GROUP_LAST_ITEM_CLASS = BUTTON_GROUP_CLASS + "-last-item";
22
21
  var BUTTON_GROUP_ITEM_HAS_WIDTH = BUTTON_GROUP_ITEM_CLASS + "-has-width";
23
22
  var SHAPE_STANDARD_CLASS = "dx-shape-standard";
24
- var ButtonCollection = ui_popover.CollectionWidget.inherit({
23
+ var ButtonCollection = toolbar.CollectionWidget.inherit({
25
24
  _initTemplates() {
26
25
  this.callBase();
27
26
  this._templateManager.addDefaultTemplates({
28
- item: new ui_popover.BindableTemplate(($container, data, model) => {
27
+ item: new toolbar.BindableTemplate(($container, data, model) => {
29
28
  this._prepareItemStyles($container);
30
29
  var template = this.option("buttonTemplate");
31
- this._createComponent($container, ui_popover.Button, ui_popover.extend({}, model, data, this._getBasicButtonOptions(), {
30
+ this._createComponent($container, toolbar.Button, toolbar.extend({}, model, data, this._getBasicButtonOptions(), {
32
31
  _templateData: this._hasCustomTemplate(template) ? model : {},
33
32
  template: model.template || template
34
33
  }));
@@ -45,12 +44,12 @@ var ButtonCollection = ui_popover.CollectionWidget.inherit({
45
44
  }
46
45
  },
47
46
  _getDefaultOptions: function() {
48
- return ui_popover.extend(this.callBase(), {
47
+ return toolbar.extend(this.callBase(), {
49
48
  itemTemplateProperty: null
50
49
  })
51
50
  },
52
51
  _hasCustomTemplate(template) {
53
- return ui_popover.isFunction(template) || this.option("integrationOptions.templates")[template]
52
+ return toolbar.isFunction(template) || this.option("integrationOptions.templates")[template]
54
53
  },
55
54
  _prepareItemStyles($item) {
56
55
  var itemIndex = $item.data("dxItemIndex");
@@ -60,11 +59,11 @@ var ButtonCollection = ui_popover.CollectionWidget.inherit({
60
59
  $item.addClass(SHAPE_STANDARD_CLASS);
61
60
  },
62
61
  _renderItemContent(args) {
63
- args.container = ui_popover.$(args.container).parent();
62
+ args.container = toolbar.$(args.container).parent();
64
63
  return this.callBase(args)
65
64
  },
66
65
  _renderItemContentByNode: function(args, $node) {
67
- args.container = ui_popover.$(args.container.children().first());
66
+ args.container = toolbar.$(args.container.children().first());
68
67
  return this.callBase(args, $node)
69
68
  },
70
69
  _focusTarget() {
@@ -85,9 +84,9 @@ var ButtonCollection = ui_popover.CollectionWidget.inherit({
85
84
  this.callBase(e);
86
85
  }
87
86
  });
88
- var ButtonGroup = ui_popover.Widget.inherit({
87
+ var ButtonGroup = toolbar.Widget.inherit({
89
88
  _getDefaultOptions() {
90
- return ui_popover.extend(this.callBase(), {
89
+ return toolbar.extend(this.callBase(), {
91
90
  hoverStateEnabled: true,
92
91
  focusStateEnabled: true,
93
92
  selectionMode: "single",
@@ -124,7 +123,7 @@ var ButtonGroup = ui_popover.Widget.inherit({
124
123
  });
125
124
  },
126
125
  _renderButtons() {
127
- var $buttons = ui_popover.$("<div>").addClass(BUTTON_GROUP_WRAPPER_CLASS).appendTo(this.$element());
126
+ var $buttons = toolbar.$("<div>").addClass(BUTTON_GROUP_WRAPPER_CLASS).appendTo(this.$element());
128
127
  var selectedItems = this.option("selectedItems");
129
128
  var options = {
130
129
  selectionMode: this.option("selectionMode"),
@@ -143,7 +142,7 @@ var ButtonGroup = ui_popover.Widget.inherit({
143
142
  selectionRequired: false,
144
143
  onItemRendered: e => {
145
144
  var width = this.option("width");
146
- ui_popover.isDefined(width) && ui_popover.$(e.itemElement).addClass(BUTTON_GROUP_ITEM_HAS_WIDTH);
145
+ toolbar.isDefined(width) && toolbar.$(e.itemElement).addClass(BUTTON_GROUP_ITEM_HAS_WIDTH);
147
146
  },
148
147
  onSelectionChanged: e => {
149
148
  this._syncSelectionOptions();
@@ -153,7 +152,7 @@ var ButtonGroup = ui_popover.Widget.inherit({
153
152
  this._itemClickAction(e);
154
153
  }
155
154
  };
156
- if (ui_popover.isDefined(selectedItems) && selectedItems.length) {
155
+ if (toolbar.isDefined(selectedItems) && selectedItems.length) {
157
156
  options.selectedItems = selectedItems;
158
157
  }
159
158
  this._buttonsCollection = this._createComponent($buttons, ButtonCollection, options);
@@ -193,7 +192,7 @@ var ButtonGroup = ui_popover.Widget.inherit({
193
192
  }
194
193
  }
195
194
  });
196
- ui_popover.registerComponent("dxButtonGroup", ButtonGroup);
195
+ toolbar.registerComponent("dxButtonGroup", ButtonGroup);
197
196
 
198
197
  /**
199
198
  * DevExtreme (esm/ui/drop_down_editor/utils.js)
@@ -204,8 +203,8 @@ ui_popover.registerComponent("dxButtonGroup", ButtonGroup);
204
203
  * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
205
204
  */
206
205
  var getElementWidth = function($element) {
207
- if (ui_popover.hasWindow()) {
208
- return ui_popover.getOuterWidth($element)
206
+ if (toolbar.hasWindow()) {
207
+ return toolbar.getOuterWidth($element)
209
208
  }
210
209
  };
211
210
  var getSizeValue = function(size) {
@@ -235,9 +234,9 @@ var DROP_DOWN_BUTTON_POPUP_WRAPPER_CLASS = "dx-dropdownbutton-popup-wrapper";
235
234
  var DROP_DOWN_EDITOR_OVERLAY_CLASS = "dx-dropdowneditor-overlay";
236
235
  var DX_BUTTON_TEXT_CLASS = "dx-button-text";
237
236
  var DX_ICON_RIGHT_CLASS = "dx-icon-right";
238
- var DropDownButton = ui_popover.Widget.inherit({
237
+ var DropDownButton = toolbar.Widget.inherit({
239
238
  _getDefaultOptions() {
240
- return ui_popover.extend(this.callBase(), {
239
+ return toolbar.extend(this.callBase(), {
241
240
  itemTemplate: "item",
242
241
  keyExpr: "this",
243
242
  displayExpr: void 0,
@@ -245,7 +244,7 @@ var DropDownButton = ui_popover.Widget.inherit({
245
244
  selectedItemKey: null,
246
245
  stylingMode: "outlined",
247
246
  deferRendering: true,
248
- noDataText: ui_popover.messageLocalization.format("dxCollectionWidget-noDataText"),
247
+ noDataText: toolbar.messageLocalization.format("dxCollectionWidget-noDataText"),
249
248
  useSelectMode: false,
250
249
  splitButton: false,
251
250
  showArrowIcon: true,
@@ -270,7 +269,7 @@ var DropDownButton = ui_popover.Widget.inherit({
270
269
  },
271
270
  _setOptionsByReference() {
272
271
  this.callBase();
273
- ui_popover.extend(this._optionsByReference, {
272
+ toolbar.extend(this._optionsByReference, {
274
273
  selectedItem: true
275
274
  });
276
275
  },
@@ -288,10 +287,10 @@ var DropDownButton = ui_popover.Widget.inherit({
288
287
  },
289
288
  _initTemplates() {
290
289
  this._templateManager.addDefaultTemplates({
291
- content: new ui_popover.FunctionTemplate(options => {
292
- var $popupContent = ui_popover.$(options.container);
293
- var $listContainer = ui_popover.$("<div>").appendTo($popupContent);
294
- this._list = this._createComponent($listContainer, ui_popover.ListSearch, this._listOptions());
290
+ content: new toolbar.FunctionTemplate(options => {
291
+ var $popupContent = toolbar.$(options.container);
292
+ var $listContainer = toolbar.$("<div>").appendTo($popupContent);
293
+ this._list = this._createComponent($listContainer, toolbar.ListSearch, this._listOptions());
295
294
  this._list.registerKeyHandler("escape", this._escHandler.bind(this));
296
295
  this._list.registerKeyHandler("tab", this._escHandler.bind(this));
297
296
  this._list.registerKeyHandler("leftArrow", this._escHandler.bind(this));
@@ -302,8 +301,8 @@ var DropDownButton = ui_popover.Widget.inherit({
302
301
  },
303
302
  _itemsToDataSource: function(value) {
304
303
  if (!this._dataSource) {
305
- this._dataSource = new ui_popover.DataSource({
306
- store: new ui_popover.ArrayStore({
304
+ this._dataSource = new toolbar.DataSource({
305
+ store: new toolbar.ArrayStore({
307
306
  key: this._getKey(),
308
307
  data: value
309
308
  }),
@@ -315,24 +314,24 @@ var DropDownButton = ui_popover.Widget.inherit({
315
314
  var _this$_dataSource;
316
315
  var keyExpr = this.option("keyExpr");
317
316
  var storeKey = null === (_this$_dataSource = this._dataSource) || void 0 === _this$_dataSource ? void 0 : _this$_dataSource.key();
318
- return ui_popover.isDefined(storeKey) && (!ui_popover.isDefined(keyExpr) || "this" === keyExpr) ? storeKey : keyExpr
317
+ return toolbar.isDefined(storeKey) && (!toolbar.isDefined(keyExpr) || "this" === keyExpr) ? storeKey : keyExpr
319
318
  },
320
319
  _compileKeyGetter() {
321
- this._keyGetter = ui_popover.compileGetter(this._getKey());
320
+ this._keyGetter = toolbar.compileGetter(this._getKey());
322
321
  },
323
322
  _compileDisplayGetter() {
324
- this._displayGetter = ui_popover.compileGetter(this.option("displayExpr"));
323
+ this._displayGetter = toolbar.compileGetter(this.option("displayExpr"));
325
324
  },
326
325
  _initMarkup() {
327
326
  this.callBase();
328
327
  this.$element().addClass(DROP_DOWN_BUTTON_CLASS);
329
328
  this._renderButtonGroup();
330
329
  this._updateArrowClass();
331
- if (ui_popover.isDefined(this.option("selectedItemKey"))) {
330
+ if (toolbar.isDefined(this.option("selectedItemKey"))) {
332
331
  this._loadSelectedItem().done(this._updateActionButton.bind(this));
333
332
  }
334
333
  },
335
- _renderFocusTarget: ui_popover.noop,
334
+ _renderFocusTarget: toolbar.noop,
336
335
  _render() {
337
336
  if (!this.option("deferRendering") || this.option("opened")) {
338
337
  this._renderPopup();
@@ -348,7 +347,7 @@ var DropDownButton = ui_popover.Widget.inherit({
348
347
  _loadSelectedItem() {
349
348
  var _this$_loadSingleDefe;
350
349
  null === (_this$_loadSingleDefe = this._loadSingleDeferred) || void 0 === _this$_loadSingleDefe ? void 0 : _this$_loadSingleDefe.reject();
351
- var d = new ui_popover.Deferred;
350
+ var d = new toolbar.Deferred;
352
351
  if (this._list && void 0 !== this._lastSelectedItemData) {
353
352
  var cachedResult = this.option("useSelectMode") ? this._list.option("selectedItem") : this._lastSelectedItemData;
354
353
  return d.resolve(cachedResult)
@@ -448,12 +447,12 @@ var DropDownButton = ui_popover.Widget.inherit({
448
447
  text: text,
449
448
  icon: icon
450
449
  } = _ref4;
451
- var $firstIcon = ui_popover.getImageContainer(icon);
452
- var $textContainer = text ? ui_popover.$("<span>").text(text).addClass(DX_BUTTON_TEXT_CLASS) : void 0;
453
- var $secondIcon = ui_popover.getImageContainer("spindown").addClass(DX_ICON_RIGHT_CLASS);
454
- ui_popover.$(buttonContent).append($firstIcon, $textContainer, $secondIcon);
450
+ var $firstIcon = toolbar.getImageContainer(icon);
451
+ var $textContainer = text ? toolbar.$("<span>").text(text).addClass(DX_BUTTON_TEXT_CLASS) : void 0;
452
+ var $secondIcon = toolbar.getImageContainer("spindown").addClass(DX_ICON_RIGHT_CLASS);
453
+ toolbar.$(buttonContent).append($firstIcon, $textContainer, $secondIcon);
455
454
  };
456
- return ui_popover.extend({
455
+ return toolbar.extend({
457
456
  items: this._getButtonGroupItems(),
458
457
  onItemClick: this._buttonGroupItemClick.bind(this),
459
458
  width: "100%",
@@ -472,22 +471,22 @@ var DropDownButton = ui_popover.Widget.inherit({
472
471
  var $content = this._popup.$content();
473
472
  var template = this._getTemplateByOption("dropDownContentTemplate");
474
473
  $content.empty();
475
- this._popupContentId = "dx-" + new ui_popover.Guid;
474
+ this._popupContentId = "dx-" + new toolbar.Guid;
476
475
  this.setAria("id", this._popupContentId, $content);
477
476
  return template.render({
478
- container: ui_popover.getPublicElement($content),
477
+ container: toolbar.getPublicElement($content),
479
478
  model: this.option("items") || this._dataSource
480
479
  })
481
480
  },
482
481
  _popupOptions() {
483
482
  var horizontalAlignment = this.option("rtlEnabled") ? "right" : "left";
484
- return ui_popover.extend({
483
+ return toolbar.extend({
485
484
  dragEnabled: false,
486
485
  focusStateEnabled: false,
487
486
  deferRendering: this.option("deferRendering"),
488
487
  hideOnOutsideClick: e => {
489
488
  var $element = this.$element();
490
- var $buttonClicked = ui_popover.$(e.target).closest(".".concat(DROP_DOWN_BUTTON_CLASS));
489
+ var $buttonClicked = toolbar.$(e.target).closest(".".concat(DROP_DOWN_BUTTON_CLASS));
491
490
  return !$buttonClicked.is($element)
492
491
  },
493
492
  showTitle: false,
@@ -532,7 +531,7 @@ var DropDownButton = ui_popover.Widget.inherit({
532
531
  hoverStateEnabled: this.option("hoverStateEnabled"),
533
532
  useItemTextAsTitle: this.option("useItemTextAsTitle"),
534
533
  onContentReady: () => this._fireContentReadyAction(),
535
- selectedItemKeys: ui_popover.isDefined(selectedItemKey) && useSelectMode ? [selectedItemKey] : [],
534
+ selectedItemKeys: toolbar.isDefined(selectedItemKey) && useSelectMode ? [selectedItemKey] : [],
536
535
  grouped: this.option("grouped"),
537
536
  groupTemplate: this.option("groupTemplate"),
538
537
  keyExpr: this._getKey(),
@@ -572,9 +571,9 @@ var DropDownButton = ui_popover.Widget.inherit({
572
571
  return true
573
572
  },
574
573
  _renderPopup() {
575
- var $popup = ui_popover.$("<div>");
574
+ var $popup = toolbar.$("<div>");
576
575
  this.$element().append($popup);
577
- this._popup = this._createComponent($popup, ui_popover.Popup, this._popupOptions());
576
+ this._popup = this._createComponent($popup, toolbar.Popup, this._popupOptions());
578
577
  this._popup.$content().addClass(DROP_DOWN_BUTTON_CONTENT);
579
578
  this._popup.$wrapper().addClass(DROP_DOWN_BUTTON_POPUP_WRAPPER_CLASS);
580
579
  this._popup.on("hiding", this._popupHidingHandler.bind(this));
@@ -586,7 +585,7 @@ var DropDownButton = ui_popover.Widget.inherit({
586
585
  this._setAriaExpanded(false);
587
586
  },
588
587
  _popupOptionChanged: function(args) {
589
- var options = ui_popover.Widget.getOptionsFromContainer(args);
588
+ var options = toolbar.Widget.getOptionsFromContainer(args);
590
589
  this._setPopupOption(options);
591
590
  var optionsKeys = Object.keys(options);
592
591
  if (-1 !== optionsKeys.indexOf("width") || -1 !== optionsKeys.indexOf("height")) {
@@ -611,11 +610,11 @@ var DropDownButton = ui_popover.Widget.inherit({
611
610
  this.setAria({
612
611
  expanded: value,
613
612
  owns: value ? this._popupContentId : void 0
614
- }, ui_popover.$(ariaElement));
613
+ }, toolbar.$(ariaElement));
615
614
  });
616
615
  },
617
616
  _renderButtonGroup() {
618
- var $buttonGroup = this._buttonGroup && this._buttonGroup.$element() || ui_popover.$("<div>");
617
+ var $buttonGroup = this._buttonGroup && this._buttonGroup.$element() || toolbar.$("<div>");
619
618
  if (!this._buttonGroup) {
620
619
  this.$element().append($buttonGroup);
621
620
  }
@@ -650,15 +649,15 @@ var DropDownButton = ui_popover.Widget.inherit({
650
649
  this._list && this._list.option(name, value);
651
650
  },
652
651
  _getDisplayValue(item) {
653
- var isPrimitiveItem = !ui_popover.isPlainObject(item);
652
+ var isPrimitiveItem = !toolbar.isPlainObject(item);
654
653
  var displayValue = isPrimitiveItem ? item : this._displayGetter(item);
655
- return !ui_popover.isPlainObject(displayValue) ? String(ui_popover.ensureDefined(displayValue, "")) : ""
654
+ return !toolbar.isPlainObject(displayValue) ? String(toolbar.ensureDefined(displayValue, "")) : ""
656
655
  },
657
656
  _updateActionButton(selectedItem) {
658
657
  if (this.option("useSelectMode")) {
659
658
  this.option({
660
659
  text: this._getDisplayValue(selectedItem),
661
- icon: ui_popover.isPlainObject(selectedItem) ? selectedItem.icon : void 0
660
+ icon: toolbar.isPlainObject(selectedItem) ? selectedItem.icon : void 0
662
661
  });
663
662
  }
664
663
  this._setOptionWithoutOptionChange("selectedItem", selectedItem);
@@ -669,7 +668,7 @@ var DropDownButton = ui_popover.Widget.inherit({
669
668
  this._popup && this._popup.$element().remove();
670
669
  },
671
670
  _selectedItemKeyChanged(value) {
672
- this._setListOption("selectedItemKeys", this.option("useSelectMode") && ui_popover.isDefined(value) ? [value] : []);
671
+ this._setListOption("selectedItemKeys", this.option("useSelectMode") && toolbar.isDefined(value) ? [value] : []);
673
672
  var previousItem = this.option("selectedItem");
674
673
  this._loadSelectedItem().done(selectedItem => {
675
674
  this._updateActionButton(selectedItem);
@@ -688,14 +687,14 @@ var DropDownButton = ui_popover.Widget.inherit({
688
687
  } = _ref5;
689
688
  var newConfig = {};
690
689
  newConfig[name] = value;
691
- this._buttonGroup.option("items[0]", ui_popover.extend({}, this._actionButtonConfig(), newConfig));
690
+ this._buttonGroup.option("items[0]", toolbar.extend({}, this._actionButtonConfig(), newConfig));
692
691
  this._popup && this._popup.repaint();
693
692
  },
694
693
  _selectModeChanged(value) {
695
694
  if (value) {
696
695
  this._setListOption("selectionMode", "single");
697
696
  var selectedItemKey = this.option("selectedItemKey");
698
- this._setListOption("selectedItemKeys", ui_popover.isDefined(selectedItemKey) ? [selectedItemKey] : []);
697
+ this._setListOption("selectedItemKeys", toolbar.isDefined(selectedItemKey) ? [selectedItemKey] : []);
699
698
  this._selectedItemKeyChanged(this.option("selectedItemKey"));
700
699
  } else {
701
700
  this._setListOption("selectionMode", "none");
@@ -712,7 +711,7 @@ var DropDownButton = ui_popover.Widget.inherit({
712
711
  var selectedItemKey = this.option("selectedItemKey");
713
712
  this._setListOption("selectedItem", null);
714
713
  this._setWidgetOption("_list", [optionName]);
715
- if (ui_popover.isDefined(selectedItemKey)) {
714
+ if (toolbar.isDefined(selectedItemKey)) {
716
715
  this._loadSelectedItem().done(selectedItem => {
717
716
  this._setListOption("selectedItemKeys", [selectedItemKey]);
718
717
  this._setListOption("selectedItem", selectedItem);
@@ -843,8 +842,8 @@ var DropDownButton = ui_popover.Widget.inherit({
843
842
  this.callBase(args);
844
843
  }
845
844
  }
846
- }).include(ui_popover.DataHelperMixin);
847
- ui_popover.registerComponent("dxDropDownButton", DropDownButton);
845
+ }).include(toolbar.DataHelperMixin);
846
+ toolbar.registerComponent("dxDropDownButton", DropDownButton);
848
847
 
849
848
  const tttxPageCss = "@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}";
850
849
 
@@ -895,7 +894,7 @@ const TttxPage = class {
895
894
  },
896
895
  {
897
896
  location: 'after',
898
- widget: ui_popover.Button,
897
+ widget: toolbar.Button,
899
898
  options: {
900
899
  text: 'help',
901
900
  icon: 'help',
@@ -3,8 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-8a7479e4.js');
6
- const toolbar = require('./toolbar-02115550.js');
7
- const ui_popover = require('./ui.popover-27780a1d.js');
6
+ const toolbar = require('./toolbar-656be6e6.js');
8
7
 
9
8
  const tttxWorksheetCss = "@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}";
10
9
 
@@ -30,7 +29,7 @@ const TttxWorksheet = class {
30
29
  items: [
31
30
  {
32
31
  location: 'after',
33
- widget: ui_popover.Button,
32
+ widget: toolbar.Button,
34
33
  options: {
35
34
  text: 'save'
36
35
  }
@@ -15,5 +15,5 @@ const patchBrowser = () => {
15
15
  };
16
16
 
17
17
  patchBrowser().then(options => {
18
- return index.bootstrapLazy([["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"]}]]],["qualifications-list.cjs",[[0,"qualifications-list"]]],["tttx-icon.cjs",[[0,"tttx-icon",{"name":[1],"color":[1]}]]],["tttx-worksheet.cjs",[[4,"tttx-worksheet",{"pageSize":[1,"page-size"]}]]]], options);
18
+ 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"]}]]],["tttx-icon.cjs",[[0,"tttx-icon",{"name":[1],"color":[1]}]]]], options);
19
19
  });
@@ -1,7 +1,6 @@
1
1
  {
2
2
  "entries": [
3
3
  "./components/components/tttx-icon/tttx-icon.js",
4
- "./components/patterns/qualifications-list/qualifications-list.js",
5
4
  "./components/patterns/tttx-page/tttx-page.js",
6
5
  "./components/patterns/tttx-worksheet/tttx-worksheet.js"
7
6
  ],
@@ -1,5 +1,4 @@
1
1
  /* tttx custom elements */
2
- export { QualificationsList as QualificationsList } from '../types/components/patterns/qualifications-list/qualifications-list';
3
2
  export { TttxIcon as TttxIcon } from '../types/components/components/tttx-icon/tttx-icon';
4
3
  export { TttxPage as TttxPage } from '../types/components/patterns/tttx-page/tttx-page';
5
4
  export { TttxWorksheet as TttxWorksheet } from '../types/components/patterns/tttx-worksheet/tttx-worksheet';
@@ -1,5 +1,4 @@
1
1
  export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';
2
- export { QualificationsList, defineCustomElement as defineCustomElementQualificationsList } from './qualifications-list.js';
3
2
  export { TttxIcon, defineCustomElement as defineCustomElementTttxIcon } from './tttx-icon.js';
4
3
  export { TttxPage, defineCustomElement as defineCustomElementTttxPage } from './tttx-page.js';
5
4
  export { TttxWorksheet, defineCustomElement as defineCustomElementTttxWorksheet } from './tttx-worksheet.js';
@@ -1,6 +1,5 @@
1
1
  import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
2
- import { T as Toolbar, d as defineCustomElement$2 } from './tttx-worksheet2.js';
3
- import { ac as CollectionWidget, ad as BindableTemplate, aa as Button, e as extend, ao as isFunction, $, W as Widget, o as isDefined, d as registerComponent, h as hasWindow, g as getOuterWidth, a5 as messageLocalization, a_ as FunctionTemplate, aZ as ListSearch, aY as DataSource, a$ as ArrayStore, b0 as compileGetter, k as noop, ag as Deferred, G as Guid, aq as getPublicElement, af as Popup, p as isPlainObject, b1 as ensureDefined, b2 as DataHelperMixin, b3 as getImageContainer } from './ui.popover.js';
2
+ import { C as CollectionWidget, B as BindableTemplate, a as Button, e as extend, i as isFunction, $, W as Widget, b as isDefined, r as registerComponent, h as hasWindow, g as getOuterWidth, m as messageLocalization, F as FunctionTemplate, L as ListSearch, D as DataSource, A as ArrayStore, c as compileGetter, n as noop, d as Deferred, G as Guid, f as getPublicElement, P as Popup, j as isPlainObject, k as ensureDefined, l as DataHelperMixin, o as getImageContainer, T as Toolbar, p as defineCustomElement$2 } from './tttx-worksheet2.js';
4
3
 
5
4
  /**
6
5
  * DevExtreme (esm/ui/button_group.js)
@@ -1,4 +1,4 @@
1
- import { a as TttxWorksheet$1, d as defineCustomElement$1 } from './tttx-worksheet2.js';
1
+ import { q as TttxWorksheet$1, p as defineCustomElement$1 } from './tttx-worksheet2.js';
2
2
 
3
3
  const TttxWorksheet = TttxWorksheet$1;
4
4
  const defineCustomElement = defineCustomElement$1;