@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.
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{ui.popover-27780a1d.js → toolbar-656be6e6.js} +9677 -8994
- package/dist/cjs/tttx-page.cjs.entry.js +57 -58
- package/dist/cjs/tttx-worksheet.cjs.entry.js +2 -3
- package/dist/cjs/tttx.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +0 -1
- package/dist/components/index.d.ts +0 -1
- package/dist/components/index.js +0 -1
- package/dist/components/tttx-page.js +1 -2
- package/dist/components/tttx-worksheet.js +1 -1
- package/dist/components/tttx-worksheet2.js +33430 -60
- package/dist/esm/loader.js +1 -1
- package/dist/{components/ui.popover.js → esm/toolbar-cede4385.js} +9677 -8895
- package/dist/esm/tttx-page.entry.js +1 -2
- package/dist/esm/tttx-worksheet.entry.js +1 -2
- package/dist/esm/tttx.js +1 -1
- package/dist/tttx/p-4b57de2e.entry.js +1 -0
- package/dist/tttx/p-61f78304.entry.js +1 -0
- package/dist/tttx/p-d038fe18.js +1 -0
- package/dist/tttx/tttx.esm.js +1 -1
- package/dist/types/components.d.ts +0 -13
- package/package.json +1 -1
- package/dist/cjs/qualifications-list.cjs.entry.js +0 -7149
- package/dist/cjs/toolbar-02115550.js +0 -864
- package/dist/collection/components/patterns/qualifications-list/qualifications-list.js +0 -32
- package/dist/collection/components/patterns/qualifications-list/qualifications-list.stories.js +0 -7
- package/dist/components/qualifications-list.d.ts +0 -11
- package/dist/components/qualifications-list.js +0 -7162
- package/dist/esm/qualifications-list.entry.js +0 -7145
- package/dist/esm/toolbar-b147a3aa.js +0 -862
- package/dist/esm/ui.popover-0c8f8d79.js +0 -33449
- package/dist/tttx/p-4f4963aa.entry.js +0 -1
- package/dist/tttx/p-69ca02f6.entry.js +0 -1
- package/dist/tttx/p-7eb8146c.entry.js +0 -1
- package/dist/tttx/p-81cad444.js +0 -1
- package/dist/tttx/p-955d89ac.js +0 -1
- package/dist/types/components/patterns/qualifications-list/qualifications-list.d.ts +0 -6
- 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-
|
|
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 =
|
|
23
|
+
var ButtonCollection = toolbar.CollectionWidget.inherit({
|
|
25
24
|
_initTemplates() {
|
|
26
25
|
this.callBase();
|
|
27
26
|
this._templateManager.addDefaultTemplates({
|
|
28
|
-
item: new
|
|
27
|
+
item: new toolbar.BindableTemplate(($container, data, model) => {
|
|
29
28
|
this._prepareItemStyles($container);
|
|
30
29
|
var template = this.option("buttonTemplate");
|
|
31
|
-
this._createComponent($container,
|
|
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
|
|
47
|
+
return toolbar.extend(this.callBase(), {
|
|
49
48
|
itemTemplateProperty: null
|
|
50
49
|
})
|
|
51
50
|
},
|
|
52
51
|
_hasCustomTemplate(template) {
|
|
53
|
-
return
|
|
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 =
|
|
62
|
+
args.container = toolbar.$(args.container).parent();
|
|
64
63
|
return this.callBase(args)
|
|
65
64
|
},
|
|
66
65
|
_renderItemContentByNode: function(args, $node) {
|
|
67
|
-
args.container =
|
|
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 =
|
|
87
|
+
var ButtonGroup = toolbar.Widget.inherit({
|
|
89
88
|
_getDefaultOptions() {
|
|
90
|
-
return
|
|
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 =
|
|
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
|
-
|
|
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 (
|
|
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
|
-
|
|
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 (
|
|
208
|
-
return
|
|
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 =
|
|
237
|
+
var DropDownButton = toolbar.Widget.inherit({
|
|
239
238
|
_getDefaultOptions() {
|
|
240
|
-
return
|
|
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:
|
|
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
|
-
|
|
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
|
|
292
|
-
var $popupContent =
|
|
293
|
-
var $listContainer =
|
|
294
|
-
this._list = this._createComponent($listContainer,
|
|
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
|
|
306
|
-
store: new
|
|
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
|
|
317
|
+
return toolbar.isDefined(storeKey) && (!toolbar.isDefined(keyExpr) || "this" === keyExpr) ? storeKey : keyExpr
|
|
319
318
|
},
|
|
320
319
|
_compileKeyGetter() {
|
|
321
|
-
this._keyGetter =
|
|
320
|
+
this._keyGetter = toolbar.compileGetter(this._getKey());
|
|
322
321
|
},
|
|
323
322
|
_compileDisplayGetter() {
|
|
324
|
-
this._displayGetter =
|
|
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 (
|
|
330
|
+
if (toolbar.isDefined(this.option("selectedItemKey"))) {
|
|
332
331
|
this._loadSelectedItem().done(this._updateActionButton.bind(this));
|
|
333
332
|
}
|
|
334
333
|
},
|
|
335
|
-
_renderFocusTarget:
|
|
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
|
|
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 =
|
|
452
|
-
var $textContainer = text ?
|
|
453
|
-
var $secondIcon =
|
|
454
|
-
|
|
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
|
|
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
|
|
474
|
+
this._popupContentId = "dx-" + new toolbar.Guid;
|
|
476
475
|
this.setAria("id", this._popupContentId, $content);
|
|
477
476
|
return template.render({
|
|
478
|
-
container:
|
|
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
|
|
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 =
|
|
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:
|
|
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 =
|
|
574
|
+
var $popup = toolbar.$("<div>");
|
|
576
575
|
this.$element().append($popup);
|
|
577
|
-
this._popup = this._createComponent($popup,
|
|
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 =
|
|
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
|
-
},
|
|
613
|
+
}, toolbar.$(ariaElement));
|
|
615
614
|
});
|
|
616
615
|
},
|
|
617
616
|
_renderButtonGroup() {
|
|
618
|
-
var $buttonGroup = this._buttonGroup && this._buttonGroup.$element() ||
|
|
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 = !
|
|
652
|
+
var isPrimitiveItem = !toolbar.isPlainObject(item);
|
|
654
653
|
var displayValue = isPrimitiveItem ? item : this._displayGetter(item);
|
|
655
|
-
return !
|
|
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:
|
|
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") &&
|
|
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]",
|
|
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",
|
|
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 (
|
|
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(
|
|
847
|
-
|
|
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:
|
|
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-
|
|
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:
|
|
32
|
+
widget: toolbar.Button,
|
|
34
33
|
options: {
|
|
35
34
|
text: 'save'
|
|
36
35
|
}
|
package/dist/cjs/tttx.cjs.js
CHANGED
|
@@ -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"]}]]],["
|
|
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,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';
|
package/dist/components/index.js
CHANGED
|
@@ -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,
|
|
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 {
|
|
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;
|