@public-ui/hydrate 3.0.2-rc.3 → 3.0.2
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/index.js +56 -37
- package/dist/index.mjs +56 -37
- package/package.json +3 -3
package/dist/index.js
CHANGED
|
@@ -146,7 +146,7 @@ function _mergeNamespaces(n, m) {
|
|
|
146
146
|
|
|
147
147
|
const NAMESPACE = 'kolibri';
|
|
148
148
|
const BUILD = /* kolibri */ { hydratedSelectorName: "hydrated", slotRelocation: true, updatable: true};
|
|
149
|
-
const Env = /* kolibri */ {"kolibriVersion":"3.0.2
|
|
149
|
+
const Env = /* kolibri */ {"kolibriVersion":"3.0.2"};
|
|
150
150
|
|
|
151
151
|
function getDefaultExportFromCjs (x) {
|
|
152
152
|
return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
|
|
@@ -19204,7 +19204,7 @@ class KolCard {
|
|
|
19204
19204
|
this.validateOnValue = (value) => typeof value === 'object' && value !== null && typeof value.onClose === 'function';
|
|
19205
19205
|
}
|
|
19206
19206
|
render() {
|
|
19207
|
-
return (hAsync("div", { key: '
|
|
19207
|
+
return (hAsync("div", { key: 'd3704e77d9669b069df1ecf73725ece90e9de8f1', class: "kol-card" }, hAsync("div", { key: 'eabe2930a9b33cdaee5270fdd7a542431e9a0b3c', class: "kol-card__header" }, hAsync(KolHeadingFc, { key: '7004bc9d9306980fba8d9a3ebea14b6c32eee46f', class: "kol-card__headline", level: this.state._level }, this.state._label)), hAsync("div", { key: '84065dbe8981424e4db6b845364deb91bca65caa', class: "kol-card__content" }, hAsync("slot", { key: '46f87512eebe5da295258cb38613b35755c77be1' })), this.state._hasCloser && (hAsync(KolButtonWcTag, { key: 'ee0d7d387808b2bd4a462368dadbbbb3ec58771e', class: "kol-card__close-button", "data-testid": "card-close-button", _hideLabel: true, _icons: {
|
|
19208
19208
|
left: {
|
|
19209
19209
|
icon: 'codicon codicon-close',
|
|
19210
19210
|
},
|
|
@@ -22200,6 +22200,14 @@ class KolInputFile {
|
|
|
22200
22200
|
var _a;
|
|
22201
22201
|
(_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.focus();
|
|
22202
22202
|
}
|
|
22203
|
+
async reset() {
|
|
22204
|
+
this.controller.setFormAssociatedValue('');
|
|
22205
|
+
this.filename = this.translateFilenameText;
|
|
22206
|
+
this.hasFileSelected = false;
|
|
22207
|
+
if (this.inputRef) {
|
|
22208
|
+
this.inputRef.value = '';
|
|
22209
|
+
}
|
|
22210
|
+
}
|
|
22203
22211
|
getFormFieldProps() {
|
|
22204
22212
|
return {
|
|
22205
22213
|
state: this.state,
|
|
@@ -22219,7 +22227,7 @@ class KolInputFile {
|
|
|
22219
22227
|
} });
|
|
22220
22228
|
}
|
|
22221
22229
|
render() {
|
|
22222
|
-
return (hAsync(FormFieldStateWrapper, Object.assign({ key: '
|
|
22230
|
+
return (hAsync(FormFieldStateWrapper, Object.assign({ key: 'bb0ba2abd9a3bd231be84edc7add2d0c30c10aff' }, this.getFormFieldProps()), hAsync(InputContainerStateWrapperFc, { key: 'e52bfe81319d0d74766053d5261f2f1d5464c645', state: this.state }, hAsync("span", { key: '6b927178826c8525b801b736c154b3531705ad73', class: clsx('kol-input-container__filename', { 'kol-input-container__filename--has-file': this.hasFileSelected }) }, this.filename), hAsync(InputStateWrapper, Object.assign({ key: '6e0b2bca6ba502605c9c384a63251e228bad3d4f' }, this.getInputProps())), hAsync(KolButtonWcTag, { key: 'a87a887cdd45a5c473a5f6b6194c21a2a80db630', class: "kol-input-container__button", _label: this.translateDataBrowseText, _buttonVariant: "primary", _disabled: this._disabled }))));
|
|
22223
22231
|
}
|
|
22224
22232
|
constructor(hostRef) {
|
|
22225
22233
|
registerInstance(this, hostRef);
|
|
@@ -22407,7 +22415,8 @@ class KolInputFile {
|
|
|
22407
22415
|
"state": [32],
|
|
22408
22416
|
"inputHasFocus": [32],
|
|
22409
22417
|
"getValue": [64],
|
|
22410
|
-
"kolFocus": [64]
|
|
22418
|
+
"kolFocus": [64],
|
|
22419
|
+
"reset": [64]
|
|
22411
22420
|
},
|
|
22412
22421
|
"$listeners$": undefined,
|
|
22413
22422
|
"$lazyBundleId$": "-",
|
|
@@ -23023,6 +23032,7 @@ class KolInputRadio {
|
|
|
23023
23032
|
return {
|
|
23024
23033
|
state: this.state,
|
|
23025
23034
|
component: 'fieldset',
|
|
23035
|
+
disabled: Boolean(this.state._disabled),
|
|
23026
23036
|
class: clsx('kol-form-field--radio'),
|
|
23027
23037
|
formFieldLabelProps: {
|
|
23028
23038
|
component: 'legend',
|
|
@@ -23037,10 +23047,13 @@ class KolInputRadio {
|
|
|
23037
23047
|
};
|
|
23038
23048
|
}
|
|
23039
23049
|
render() {
|
|
23040
|
-
return (hAsync(FormFieldStateWrapper, Object.assign({ key: '
|
|
23050
|
+
return (hAsync(FormFieldStateWrapper, Object.assign({ key: 'cd7530decce1a052eddd478284b1cbfba1909ec9' }, this.getFormFieldProps()), this.state._options.map((option, index) => this.renderOption(option, index))));
|
|
23051
|
+
}
|
|
23052
|
+
calculateDisabled(option) {
|
|
23053
|
+
return Boolean(this.state._disabled) || Boolean(option.disabled);
|
|
23041
23054
|
}
|
|
23042
23055
|
getOptionProps(option, id) {
|
|
23043
|
-
|
|
23056
|
+
return {
|
|
23044
23057
|
state: this.state,
|
|
23045
23058
|
id: id,
|
|
23046
23059
|
hint: option.hint,
|
|
@@ -23049,16 +23062,13 @@ class KolInputRadio {
|
|
|
23049
23062
|
fieldControlLabelProps: {
|
|
23050
23063
|
showBadge: false,
|
|
23051
23064
|
},
|
|
23065
|
+
disabled: this.calculateDisabled(option),
|
|
23052
23066
|
};
|
|
23053
|
-
if (option.disabled) {
|
|
23054
|
-
obj.disabled = true;
|
|
23055
|
-
}
|
|
23056
|
-
return obj;
|
|
23057
23067
|
}
|
|
23058
23068
|
getInputProps(option, id, index, selected) {
|
|
23059
23069
|
return {
|
|
23060
23070
|
state: this.state,
|
|
23061
|
-
inputProps: Object.assign(Object.assign({ id: id, ref: this.state._value === option.value ? this.catchRef : undefined, 'aria-label': this.state._hideLabel && typeof option.label === 'string' ? option.label : undefined, type: 'radio', name: this.state._name || this.state._id, value: `-${index}`, checked: selected, disabled: option
|
|
23071
|
+
inputProps: Object.assign(Object.assign({ id: id, ref: this.state._value === option.value ? this.catchRef : undefined, 'aria-label': this.state._hideLabel && typeof option.label === 'string' ? option.label : undefined, type: 'radio', name: this.state._name || this.state._id, value: `-${index}`, checked: selected, disabled: this.calculateDisabled(option) }, this.controller.onFacade), { onChange: this.onChange, onClick: undefined, onInput: this.onInput, onKeyDown: this.onKeyDown.bind(this), onFocus: (event) => {
|
|
23062
23072
|
this.controller.onFacade.onFocus(event);
|
|
23063
23073
|
this.inputHasFocus = true;
|
|
23064
23074
|
}, onBlur: (event) => {
|
|
@@ -23337,11 +23347,10 @@ class KolInputRange {
|
|
|
23337
23347
|
}
|
|
23338
23348
|
}
|
|
23339
23349
|
render() {
|
|
23340
|
-
var _a;
|
|
23341
23350
|
const inputsWrapperStyle = {
|
|
23342
|
-
'--kolibri-input-range--input-number--width': `calc(${String(
|
|
23351
|
+
'--kolibri-input-range--input-number--width': `calc(${String(this.state._max).length}ch + 2em)`,
|
|
23343
23352
|
};
|
|
23344
|
-
return (hAsync(FormFieldStateWrapper, Object.assign({ key: '
|
|
23353
|
+
return (hAsync(FormFieldStateWrapper, Object.assign({ key: '478bf80a2b71d03a4e9238344615c0dcb3ecc035' }, this.getFormFieldProps()), hAsync(InputContainerStateWrapperFc, { key: 'fc0e257be92cbb6b4448699ec8d57097365d1a91', state: this.state }, hAsync("div", { key: '12a840e9c04d752b4d5874f623bb1877a1eddfb9', class: "kol-input-range__inputs-wrapper", style: inputsWrapperStyle }, hAsync(InputStateWrapper, Object.assign({ key: 'c654d21beb636813a6231cd4921c8d48bc48dcf5', class: "kol-input-range__input kol-input-range__input--range" }, this.getInputRangeProps())), hAsync(InputStateWrapper, Object.assign({ key: '70b1eab90faa02a58cbca33ab5cace5dc0ecedd6', class: "kol-input-range__input kol-input-range__input--number" }, this.getInputNumberProps()))), this.hasSuggestions && hAsync(SuggestionsFc, { key: 'c82512316665a37edea9ce73f7870e600507d226', id: this.state._id, suggestions: this.state._suggestions }))));
|
|
23345
23354
|
}
|
|
23346
23355
|
constructor(hostRef) {
|
|
23347
23356
|
registerInstance(this, hostRef);
|
|
@@ -23391,6 +23400,8 @@ class KolInputRange {
|
|
|
23391
23400
|
_id: `id-${nonce()}`,
|
|
23392
23401
|
_label: '',
|
|
23393
23402
|
_suggestions: [],
|
|
23403
|
+
_min: 0,
|
|
23404
|
+
_max: 100,
|
|
23394
23405
|
};
|
|
23395
23406
|
this._initialValueType = 'number';
|
|
23396
23407
|
this.inputHasFocus = false;
|
|
@@ -26756,7 +26767,7 @@ class KolPopoverButton {
|
|
|
26756
26767
|
(_c = this.cleanupAutoPositioning) === null || _c === void 0 ? void 0 : _c.call(this);
|
|
26757
26768
|
}
|
|
26758
26769
|
render() {
|
|
26759
|
-
return (hAsync("div", { key: '
|
|
26770
|
+
return (hAsync("div", { key: 'ed9bd3791a41c429effa8bba1fd4f835b26e7417', class: "kol-popover-button" }, hAsync(KolButtonWcTag, { key: '43ae7fc22399fd5d6aa526eb9c9402e877a71f3e', _accessKey: this._accessKey, "_aria-controls": "popover", _ariaControls: this._ariaControls, _ariaDescription: this._ariaDescription, _ariaExpanded: this.popoverOpen, _ariaHasPopup: 'dialog', _ariaSelected: this._ariaSelected, _customClass: this._customClass, _disabled: this._disabled, _hideLabel: this._hideLabel, _icons: this._icons, _id: this._id, _label: this._label, _name: this._name, _on: this._on, _role: this._role, _shortKey: this._shortKey, _syncValueBySelector: this._syncValueBySelector, _tabIndex: this._tabIndex, _tooltipAlign: this._tooltipAlign, _type: this._type, _value: this._value, _buttonVariant: this._variant, "data-testid": "popover-button", class: "kol-popover-button__button", ref: (element) => (this.refButton = element), onClick: this.handleButtonClick.bind(this) }, hAsync("slot", { key: '4e312ac4d1c7e5695d78cd48feba9b3738a540a6', name: "expert", slot: "expert" })), hAsync("div", { key: 'c5dccff4d149aa043963ed1c81ba0f2391526a18', ref: (element) => (this.refPopover = element), "data-testid": "popover-content", popover: "auto", id: "popover", class: "kol-popover-button__popover" }, hAsync("slot", { key: '36f4ed8c4df5e3c80d6706ea3bdc440c77b987fc' }))));
|
|
26760
26771
|
}
|
|
26761
26772
|
validatePopoverAlign(value) {
|
|
26762
26773
|
validatePopoverAlign(this, value);
|
|
@@ -27987,24 +27998,31 @@ class KolSpin {
|
|
|
27987
27998
|
this._variant = 'dot';
|
|
27988
27999
|
this.state = {
|
|
27989
28000
|
_variant: 'dot',
|
|
28001
|
+
_label: undefined,
|
|
27990
28002
|
};
|
|
27991
28003
|
}
|
|
27992
28004
|
render() {
|
|
27993
|
-
|
|
28005
|
+
var _a, _b;
|
|
28006
|
+
return (hAsync(Host, { key: 'c93b62db81e8d08c9758963db96b9c493913ea57', class: "kol-spin", "aria-live": "polite" }, this.state._label && (this.state._show || this.showToggled) && hAsync("span", { key: 'b4015521e2461e12607aab303be8e86482d826e6', class: "visually-hidden" }, this.state._label), this.state._show ? (hAsync("span", { "aria-busy": "true", "aria-label": (_a = this.state._label) !== null && _a !== void 0 ? _a : this.translateActionRunning, class: clsx('kol-spin__spinner', `kol-spin__spinner--${this.state._variant}`), role: "alert" }, renderSpin(this.state._variant))) : (this.showToggled && hAsync("span", { "aria-label": (_b = this.state._label) !== null && _b !== void 0 ? _b : this.translateActionDone, "aria-busy": "false", role: "alert" }))));
|
|
27994
28007
|
}
|
|
27995
28008
|
validateShow(value) {
|
|
27996
28009
|
this.showToggled = this.state._show === true && this._show === false;
|
|
27997
28010
|
validateShow(this, value);
|
|
27998
28011
|
}
|
|
28012
|
+
validateLabel(value) {
|
|
28013
|
+
validateLabel(this, value);
|
|
28014
|
+
}
|
|
27999
28015
|
validateVariant(value) {
|
|
28000
28016
|
validateSpinVariant(this, value);
|
|
28001
28017
|
}
|
|
28002
28018
|
componentWillLoad() {
|
|
28003
28019
|
this.validateShow(this._show);
|
|
28004
28020
|
this.validateVariant(this._variant);
|
|
28021
|
+
this.validateLabel(this._label);
|
|
28005
28022
|
}
|
|
28006
28023
|
static get watchers() { return {
|
|
28007
28024
|
"_show": ["validateShow"],
|
|
28025
|
+
"_label": ["validateLabel"],
|
|
28008
28026
|
"_variant": ["validateVariant"]
|
|
28009
28027
|
}; }
|
|
28010
28028
|
static get style() { return {
|
|
@@ -28015,6 +28033,7 @@ class KolSpin {
|
|
|
28015
28033
|
"$tagName$": "kol-spin",
|
|
28016
28034
|
"$members$": {
|
|
28017
28035
|
"_show": [1540],
|
|
28036
|
+
"_label": [1],
|
|
28018
28037
|
"_variant": [1],
|
|
28019
28038
|
"state": [32]
|
|
28020
28039
|
},
|
|
@@ -28071,10 +28090,10 @@ class KolSplitButton {
|
|
|
28071
28090
|
}
|
|
28072
28091
|
render() {
|
|
28073
28092
|
const i18nDropdownLabel = 'kol-split-button-dropdown-label';
|
|
28074
|
-
return (hAsync("div", { key: '
|
|
28093
|
+
return (hAsync("div", { key: '8280dbe50a36b1084d4bd3677fee82aef49f6af8', class: "kol-split-button" }, hAsync("div", { key: '19aed1e8040f6d012c0cff212b4ec3067008e7cf', class: "kol-split-button__root" }, hAsync(KolButtonWcTag, { key: 'a76ce6c14b2ad16fe81decbe493a2c2d50d43d2f', class: clsx('kol-split-button__button', {
|
|
28075
28094
|
[this._variant]: this._variant !== 'custom',
|
|
28076
28095
|
[this._customClass]: this._variant === 'custom' && typeof this._customClass === 'string' && this._customClass.length > 0,
|
|
28077
|
-
}), ref: this.catchPrimaryRef, _accessKey: this._accessKey, _ariaControls: this._ariaControls, _ariaDescription: this._ariaDescription, _ariaExpanded: this._ariaExpanded, _ariaSelected: this._ariaSelected, _customClass: this._customClass, _disabled: this._disabled, _icons: this._icons, _id: this._id, _hideLabel: this._hideLabel, _label: this._label, _name: this._name, _on: this.clickButtonHandler, _role: this._role, _shortKey: this._shortKey, _syncValueBySelector: this._syncValueBySelector, _tooltipAlign: this._tooltipAlign, _type: this._type, _value: this._value, _buttonVariant: this._variant }), hAsync("div", { key: '
|
|
28096
|
+
}), ref: this.catchPrimaryRef, _accessKey: this._accessKey, _ariaControls: this._ariaControls, _ariaDescription: this._ariaDescription, _ariaExpanded: this._ariaExpanded, _ariaSelected: this._ariaSelected, _customClass: this._customClass, _disabled: this._disabled, _icons: this._icons, _id: this._id, _hideLabel: this._hideLabel, _label: this._label, _name: this._name, _on: this.clickButtonHandler, _role: this._role, _shortKey: this._shortKey, _syncValueBySelector: this._syncValueBySelector, _tooltipAlign: this._tooltipAlign, _type: this._type, _value: this._value, _buttonVariant: this._variant }), hAsync("div", { key: 'd21095ecd0f611c2a37cddeefa65903103dcfbc9', class: "kol-split-button__horizontal-line" }), hAsync(KolButtonWcTag, { key: '9840a9fedd052b7f8d9e08936287d6eec24e4e56', class: "kol-split-button__secondary-button", _disabled: this._disabled, _hideLabel: true, _icons: "codicon codicon-triangle-down", _label: this.state._show ? translate(`${i18nDropdownLabel}-close`) : translate(`${i18nDropdownLabel}-open`), _on: this.clickToggleHandler })), hAsync(KolPopoverWcTag, { key: '5bbbb8a6565d8a2bdef8f0c17cf84295139a49d6', _show: this.state._show, _on: { onClose: this.handleOnClose }, _align: "bottom" }, hAsync("slot", { key: 'ab77e0234f5a265c4383a7841904b390b1d352ad' }))));
|
|
28078
28097
|
}
|
|
28079
28098
|
async closePopup() {
|
|
28080
28099
|
this.handleOnClose();
|
|
@@ -28180,7 +28199,7 @@ class KolTableSettings {
|
|
|
28180
28199
|
}
|
|
28181
28200
|
render() {
|
|
28182
28201
|
const sortedColumns = [...this.tableSettings.columns].sort((a, b) => a.position - b.position);
|
|
28183
|
-
return (hAsync(KolPopoverButtonWcTag, { key: '
|
|
28202
|
+
return (hAsync(KolPopoverButtonWcTag, { key: '8d4db4f7d458bd1ed87a367f6254c268fe9d160c', ref: (el) => (this.popoverRef = el), class: "kol-table-settings", _icons: "codicon codicon-settings-gear", _label: this.translateTableSettings, _popoverAlign: "top", _hideLabel: true }, hAsync("div", { key: '5311a11dc9beec9ebb1b9afcec74d6fc69b106ec', class: "kol-table-settings__content" }, hAsync(KolHeadingTag, { key: '623b06fab8eb938ca7a96d6c59046e35b026ac8b', _label: this.translateTableSettings, _level: 0 }), this.errorMessage && hAsync(KolAlertWcTag, { key: '299262a0842783fe746c427498cf48a462e608d7', _type: "error", _label: this.errorMessage, _variant: "msg", class: "kol-table-settings__error-message" }), hAsync("form", { key: '70f2731f3a31e0e61f49e335f179965f96ca6dc9', onSubmit: this.handleSubmit.bind(this) }, hAsync("div", { key: 'a42564c9d6603c574dfd6c83d71bb67118d6a68d', class: "kol-table-settings__columns-container" }, hAsync("div", { key: '220fcd4e67cd50e527d353b0f5618d4186068218', class: "kol-table-settings__columns" }, sortedColumns.map((column, index) => (hAsync("div", { key: column.key, class: "kol-table-settings__column" }, hAsync(KolInputCheckboxTag, { _checked: column.visible, _label: translate('kol-table-settings-show-column', { placeholders: { column: column.label } }), _value: true, _hideLabel: true, _on: { onInput: (_, value) => this.handleVisibilityChange(column.key, value) } }), hAsync("span", null, column.label), hAsync(KolInputNumberTag, { _hideLabel: true, _value: column.width, _label: translate('kol-table-settings-column-width', { placeholders: { column: column.label } }), _min: 1, _on: { onInput: (_, value) => this.handleWidthChange(column.key, value) } }), hAsync(KolButtonWcTag, { _icons: "codicon codicon-arrow-up", _label: translate('kol-table-settings-move-up', { placeholders: { column: column.label } }), _hideLabel: true, _buttonVariant: "ghost", _on: { onClick: () => this.moveColumn(column.key, 'up') }, _disabled: index === 0, "data-testid": "table-settings-move-up" }), hAsync(KolButtonWcTag, { _icons: "codicon codicon-arrow-down", _label: translate('kol-table-settings-move-down', { placeholders: { column: column.label } }), _hideLabel: true, _buttonVariant: "ghost", _on: { onClick: () => this.moveColumn(column.key, 'down') }, _disabled: index === sortedColumns.length - 1, "data-testid": "table-settings-move-down" })))))), hAsync("div", { key: 'ab18e657b9e5cf7e964f2107e1ceaec2ebc6cddd', class: "kol-table-settings__actions" }, hAsync(KolButtonWcTag, { key: 'aedcc655384dedb3feebb28444ac7f488b672ead', _label: this.translateTableSettingsCancel, _buttonVariant: "secondary", _on: { onClick: () => this.handleCancel() }, "data-testid": "table-settings-cancel" }), hAsync(KolButtonWcTag, { key: '2b6a09294353fde7d9bff9a8fcc07be76b18fee1', _label: this.translateTableSettingsApply, _buttonVariant: "primary", _type: "submit", "data-testid": "table-settings-apply" }))))));
|
|
28184
28203
|
}
|
|
28185
28204
|
get host() { return getElement(this); }
|
|
28186
28205
|
static get watchers() { return {
|
|
@@ -28566,7 +28585,7 @@ class KolTableStateful {
|
|
|
28566
28585
|
horizontal: (_d = (_c = this.state._headers.horizontal) === null || _c === void 0 ? void 0 : _c.map((row) => row.map((cell) => (Object.assign(Object.assign({}, cell), { sortDirection: this.getHeaderCellSortState(cell) }))))) !== null && _d !== void 0 ? _d : [],
|
|
28567
28586
|
vertical: (_f = (_e = this.state._headers.vertical) === null || _e === void 0 ? void 0 : _e.map((column) => column.map((cell) => (Object.assign(Object.assign({}, cell), { sortDirection: this.getHeaderCellSortState(cell) }))))) !== null && _f !== void 0 ? _f : [],
|
|
28568
28587
|
};
|
|
28569
|
-
return (hAsync(Host, { key: '
|
|
28588
|
+
return (hAsync(Host, { key: '9e9d400c3c2c09bd990f327dc3102023d643e74e', class: "kol-table-stateful" }, this.pageEndSlice > 0 && this.showPagination && paginationTop, hAsync(KolTableStatelessWcTag, { key: '4457c5966b0722dc0b610f7a2442da1dbf62df08', ref: this.catchRef, _data: displayedData, _headerCells: headerCells, _label: this.state._label, _dataFoot: this.state._dataFoot, _minWidth: this.state._minWidth, _on: {
|
|
28570
28589
|
onSort: (_, payload) => {
|
|
28571
28590
|
this.handleSort(payload);
|
|
28572
28591
|
},
|
|
@@ -28623,7 +28642,7 @@ let KolTableStateless$1 = class KolTableStateless {
|
|
|
28623
28642
|
registerInstance(this, hostRef);
|
|
28624
28643
|
}
|
|
28625
28644
|
render() {
|
|
28626
|
-
return (hAsync(KolTableStatelessWcTag, { key: '
|
|
28645
|
+
return (hAsync(KolTableStatelessWcTag, { key: '2d2c2f809dd9393cbdc39e9e229119b900765592', _data: this._data, _dataFoot: this._dataFoot, _headerCells: this._headerCells, _label: this._label, _minWidth: this._minWidth, _on: this._on, _selection: this._selection, _tableSettings: this._tableSettings }));
|
|
28627
28646
|
}
|
|
28628
28647
|
static get style() { return {
|
|
28629
28648
|
default: defaultStyleCss$7
|
|
@@ -29182,12 +29201,12 @@ class KolTableStateless {
|
|
|
29182
29201
|
const dataField = this.createDataField(this.state._data, this.state._headerCells);
|
|
29183
29202
|
this.checkboxRefs = [];
|
|
29184
29203
|
const sortedHorizontalHeaders = (_a = this.state._headerCells.horizontal) === null || _a === void 0 ? void 0 : _a.map((row) => this.sortByColumnPosition(row));
|
|
29185
|
-
return (hAsync("div", { key: '
|
|
29204
|
+
return (hAsync("div", { key: 'f81983e551d1e41281aa41ec2394ec08267fe6a0', class: "kol-table" }, hAsync(KolTableSettingsWcTag, { key: 'ba42966556deec90ef308fe6f78a863dc02a1e5a', _tableSettings: this.state._tableSettings }), hAsync("div", { key: 'a91ceb385d449db182d233c35761c1554c89f72f', ref: (element) => (this.tableDivElement = element), class: "kol-table__scroll-container", tabindex: this.tableDivElementHasScrollbar ? '-1' : undefined }, hAsync("table", { key: '9f917d159b62dbde6b9fb46766530fd4ee26a29f', class: "kol-table__table", style: {
|
|
29186
29205
|
minWidth: this.getTableMinWidth(),
|
|
29187
|
-
} }, hAsync("div", { key: '
|
|
29206
|
+
} }, hAsync("div", { key: '07945a7045943e54524e0acff2ad96ecfafc6be8', class: "kol-table__focus-element", tabindex: this.tableDivElementHasScrollbar ? '0' : undefined, "aria-describedby": "caption" }, "\u00A0"), hAsync("caption", { key: 'bb21eb4c05d126477e7e751c9a8c3f83fc70a672', class: "kol-table__caption", id: "caption" }, this.state._label), Array.isArray(sortedHorizontalHeaders) && (hAsync("thead", { key: '439c92996fccdc4be1e792e68b5ec91b57b18b0d', class: "kol-table__head" }, [
|
|
29188
29207
|
sortedHorizontalHeaders.map((cols, rowIndex) => (hAsync("tr", { class: "kol-table__head-row", key: `thead-${rowIndex}` }, this.state._selection && this.renderHeadingSelectionCell(), rowIndex === 0 && this.renderHeaderTdCell(), Array.isArray(cols) && cols.map((cell, colIndex) => this.renderHeadingCell(cell, rowIndex, colIndex, false))))),
|
|
29189
29208
|
this.renderSpacer('head', sortedHorizontalHeaders),
|
|
29190
|
-
])), hAsync("tbody", { key: '
|
|
29209
|
+
])), hAsync("tbody", { key: '92f3bb34b30d1515c8aac05910280b4025f98a3d', class: "kol-table__body" }, dataField.map((row, rowIndex) => this.renderTableRow(row, rowIndex, true))), this.renderFoot()))));
|
|
29191
29210
|
}
|
|
29192
29211
|
get host() { return getElement(this); }
|
|
29193
29212
|
static get watchers() { return {
|
|
@@ -29426,9 +29445,9 @@ class KolTabs {
|
|
|
29426
29445
|
}, _icons: "codicon codicon-plus", "data-testid": "tabs-create-button" }))));
|
|
29427
29446
|
}
|
|
29428
29447
|
render() {
|
|
29429
|
-
return (hAsync("div", { key: '
|
|
29448
|
+
return (hAsync("div", { key: 'c90d53464702512863a3483602ed15645a6c0484', ref: (el) => {
|
|
29430
29449
|
this.tabPanelsElement = el;
|
|
29431
|
-
}, class: clsx('kol-tabs', `kol-tabs--align-${this.state._align}`) }, this.renderButtonGroup(), hAsync("div", { key: '
|
|
29450
|
+
}, class: clsx('kol-tabs', `kol-tabs--align-${this.state._align}`) }, this.renderButtonGroup(), hAsync("div", { key: '3e172f4835867233726b1ae2081e3a6729eb3b83', class: "kol-tabs__content", ref: this.catchTabPanelHost })));
|
|
29432
29451
|
}
|
|
29433
29452
|
validateAlign(value) {
|
|
29434
29453
|
validateAlign(this, value);
|
|
@@ -29655,7 +29674,7 @@ class KolTextarea {
|
|
|
29655
29674
|
} });
|
|
29656
29675
|
}
|
|
29657
29676
|
render() {
|
|
29658
|
-
return (hAsync(FormFieldStateWrapper, Object.assign({ key: '
|
|
29677
|
+
return (hAsync(FormFieldStateWrapper, Object.assign({ key: 'd70fcb1056fcce48befa90908b2cf96355b96173' }, this.getFormFieldProps()), hAsync(InputContainerStateWrapperFc, { key: 'fafbca555a1e6b63da8dcd901dd551018e19dbf2', state: this.state }, hAsync(TextAreaStateWrapper, Object.assign({ key: '24cd96e314f0aed7f1998b3bd9d0ee40fcebe1c0' }, this.getTextAreaProps())))));
|
|
29659
29678
|
}
|
|
29660
29679
|
constructor(hostRef) {
|
|
29661
29680
|
registerInstance(this, hostRef);
|
|
@@ -29928,7 +29947,7 @@ class KolToastContainer {
|
|
|
29928
29947
|
}
|
|
29929
29948
|
}
|
|
29930
29949
|
render() {
|
|
29931
|
-
return (hAsync(Host, { key: '
|
|
29950
|
+
return (hAsync(Host, { key: '67c44f67381a4d6a0441e7be0eabef6bda0b9b4c', class: "kol-toast-container" }, this.state._toastStates.length > 1 && (hAsync(KolButtonTag, { key: '46d18a92c600a933dee49a81c3b1946c54d210ae', _label: this.translateToastCloseAll, class: "kol-toast-container__button-close-all", _on: {
|
|
29932
29951
|
onClick: () => {
|
|
29933
29952
|
void this.closeAll();
|
|
29934
29953
|
},
|
|
@@ -29976,7 +29995,7 @@ class KolToolbar {
|
|
|
29976
29995
|
};
|
|
29977
29996
|
}
|
|
29978
29997
|
render() {
|
|
29979
|
-
return (hAsync("div", { key: '
|
|
29998
|
+
return (hAsync("div", { key: 'db8a0f35bc8bc3a3b4c1539bd3440dd2c317d7fc', class: `kol-toolbar kol-toolbar--orientation-${this.state._orientation}`, role: "toolbar", "aria-label": this.state._label }, this.state._items.map(this.renderItem)));
|
|
29980
29999
|
}
|
|
29981
30000
|
validateLabel(value) {
|
|
29982
30001
|
validateLabel(this, value);
|
|
@@ -30178,7 +30197,7 @@ class KolTooltipWc {
|
|
|
30178
30197
|
this.hideTooltipWithDelay();
|
|
30179
30198
|
}
|
|
30180
30199
|
render() {
|
|
30181
|
-
return (hAsync(Host, { key: '
|
|
30200
|
+
return (hAsync(Host, { key: '53ae8e010540191be6cc9ab13dbfa152294380f8', class: "kol-tooltip" }, this.state._label !== '' && (hAsync("div", { key: '44eac30269bd8359a288a2e2725617fbcdd9eacb', class: "kol-tooltip__floating", ref: this.catchTooltipElement }, hAsync("div", { key: 'cab0e1614bd9860c130f0a5d7b16de99b2e97dfe', class: "kol-tooltip__arrow", ref: this.catchArrowElement }), hAsync(KolSpanFc, { key: '5c64fcb6588fe164525dd06022f44a4e2f9de98b', class: "kol-tooltip__content", id: this.state._id, badgeText: this._badgeText, label: this.state._label })))));
|
|
30182
30201
|
}
|
|
30183
30202
|
validateBadgeText(value) {
|
|
30184
30203
|
validateBadgeText(this, value);
|
|
@@ -30255,7 +30274,7 @@ class KolTree {
|
|
|
30255
30274
|
registerInstance(this, hostRef);
|
|
30256
30275
|
}
|
|
30257
30276
|
render() {
|
|
30258
|
-
return (hAsync(KolTreeWcTag, { key: '
|
|
30277
|
+
return (hAsync(KolTreeWcTag, { key: '69fcda89930476d36e84516cc64cc7eebf1094db', _label: this._label }, hAsync("slot", { key: '5259ea6f1eb1fb6f3ed8b8a64e7a442f27e4abce' })));
|
|
30259
30278
|
}
|
|
30260
30279
|
static get style() { return {
|
|
30261
30280
|
default: defaultStyleCss$2
|
|
@@ -30298,7 +30317,7 @@ class KolTreeItem {
|
|
|
30298
30317
|
return (_b = (await ((_a = this.element) === null || _a === void 0 ? void 0 : _a.isOpen()))) !== null && _b !== void 0 ? _b : false;
|
|
30299
30318
|
}
|
|
30300
30319
|
render() {
|
|
30301
|
-
return (hAsync(KolTreeItemWcTag, { key: '
|
|
30320
|
+
return (hAsync(KolTreeItemWcTag, { key: '59e322059558664a9ca5d03a7a98bafa9b84cb98', _active: this._active, _label: this._label, _open: this._open, _href: this._href, ref: (element) => (this.element = element) }, hAsync("slot", { key: '728328010d981a229607662273528d35587ef1e4' })));
|
|
30302
30321
|
}
|
|
30303
30322
|
static get style() { return {
|
|
30304
30323
|
default: defaultStyleCss$1
|
|
@@ -30336,12 +30355,12 @@ class KolTreeItemWc {
|
|
|
30336
30355
|
}
|
|
30337
30356
|
render() {
|
|
30338
30357
|
const { _href, _active, _hasChildren, _open, _label } = this.state;
|
|
30339
|
-
return (hAsync(Host, { key: '
|
|
30358
|
+
return (hAsync(Host, { key: 'e8cebee52ed0f115c3aa30e82e2e3ccf5d09e626', onSlotchange: this.handleSlotchange.bind(this) }, hAsync("li", { key: 'c4b1d56ae69f55ca57ad8d863df02fe0d7ff4f00', class: "kol-tree-item", style: {
|
|
30340
30359
|
'--level': `${this.level}`,
|
|
30341
|
-
} }, hAsync(KolLinkWcTag, { key: '
|
|
30360
|
+
} }, hAsync(KolLinkWcTag, { key: '8e87e00dae2d0e6dcad5602e28b5642bc31702f5', class: clsx('kol-tree-item__link', {
|
|
30342
30361
|
'kol-tree-item__link--first-level': this.level === 0,
|
|
30343
30362
|
'kol-tree-item__link--active': _active,
|
|
30344
|
-
}), _href: _href, _label: "", _role: "treeitem", _tabIndex: _active ? 0 : -1, _ariaExpanded: _hasChildren ? _open : undefined, _ariaOwns: _hasChildren ? this.groupId : undefined, ref: (element) => (this.linkElement = element) }, hAsync("span", { key: '
|
|
30363
|
+
}), _href: _href, _label: "", _role: "treeitem", _tabIndex: _active ? 0 : -1, _ariaExpanded: _hasChildren ? _open : undefined, _ariaOwns: _hasChildren ? this.groupId : undefined, ref: (element) => (this.linkElement = element) }, hAsync("span", { key: '2375f5ff6abe59419b5d4ef28e5e0f104034fef3', class: "kol-tree-item__link-inner", slot: "expert" }, _hasChildren ? (hAsync("span", { class: "kol-tree-item__toggle-button", onClick: (event) => (_open ? void this.handleCollapseClick(event) : void this.handleExpandClick(event)) }, hAsync(KolIconTag, { class: "kol-tree-item__toggle-button-icon", _icons: `codicon codicon-${_open ? 'chevron-down' : 'chevron-right'}`, _label: '' }))) : (hAsync("span", { class: "kol-tree-item__toggle-button-placeholder" })), hAsync("span", { key: '39c07661723143bfafcc6ee8e96e51bd88daa940', class: "kol-tree-item__text" }, _label))), hAsync("ul", { key: '2bd2e3a880b4d1946f00e46784f476e69508441b', class: "kol-tree-item__children", hidden: !_hasChildren || !_open, role: "group", id: this.groupId }, hAsync("slot", { key: '472cc53e288b84a99a0190a82be67e04ce851f99' })))));
|
|
30345
30364
|
}
|
|
30346
30365
|
validateActive(value) {
|
|
30347
30366
|
validateActive(this, value || false);
|
|
@@ -30445,7 +30464,7 @@ class KolTreeWc {
|
|
|
30445
30464
|
validateLabel(this, value);
|
|
30446
30465
|
}
|
|
30447
30466
|
render() {
|
|
30448
|
-
return (hAsync(Host, { key: '
|
|
30467
|
+
return (hAsync(Host, { key: '774db0e9ae59f0de739b7df7777f74fa8e07be03', onSlotchange: this.handleSlotchange.bind(this) }, hAsync("nav", { key: 'a7f95daedbd9e25f5b1ee82a16aa495c8ac1b7c1', class: "kol-tree", "aria-label": this.state._label }, hAsync("ul", { key: '9a3686682fd2a7e625dba024eb0ace8caff1aee7', class: "kol-tree__treeview-navigation", role: "tree", "aria-label": this.state._label }, hAsync("slot", { key: 'a6f63218223e1daf2f96fd2dbcf49e87742a419d' })))));
|
|
30449
30468
|
}
|
|
30450
30469
|
static isTreeItem(element) {
|
|
30451
30470
|
return (element === null || element === void 0 ? void 0 : element.tagName) === KolTreeItemTag.toUpperCase();
|
|
@@ -30642,7 +30661,7 @@ class KolVersion {
|
|
|
30642
30661
|
};
|
|
30643
30662
|
}
|
|
30644
30663
|
render() {
|
|
30645
|
-
return (hAsync(Host, { key: '
|
|
30664
|
+
return (hAsync(Host, { key: 'c2c4090511476f2b782e5ec11eeefb14e84aeef8', class: "kol-version" }, hAsync(KolBadgeTag, { key: '62fe8f491cdb15496311577d6ed55ddb6731323e', _color: "#bec5c9", _icons: {
|
|
30646
30665
|
left: { icon: 'codicon codicon-versions', label: this.translateVersion },
|
|
30647
30666
|
}, _label: this.state._label })));
|
|
30648
30667
|
}
|
package/dist/index.mjs
CHANGED
|
@@ -144,7 +144,7 @@ function _mergeNamespaces(n, m) {
|
|
|
144
144
|
|
|
145
145
|
const NAMESPACE = 'kolibri';
|
|
146
146
|
const BUILD = /* kolibri */ { hydratedSelectorName: "hydrated", slotRelocation: true, updatable: true};
|
|
147
|
-
const Env = /* kolibri */ {"kolibriVersion":"3.0.2
|
|
147
|
+
const Env = /* kolibri */ {"kolibriVersion":"3.0.2"};
|
|
148
148
|
|
|
149
149
|
function getDefaultExportFromCjs (x) {
|
|
150
150
|
return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
|
|
@@ -19202,7 +19202,7 @@ class KolCard {
|
|
|
19202
19202
|
this.validateOnValue = (value) => typeof value === 'object' && value !== null && typeof value.onClose === 'function';
|
|
19203
19203
|
}
|
|
19204
19204
|
render() {
|
|
19205
|
-
return (hAsync("div", { key: '
|
|
19205
|
+
return (hAsync("div", { key: 'd3704e77d9669b069df1ecf73725ece90e9de8f1', class: "kol-card" }, hAsync("div", { key: 'eabe2930a9b33cdaee5270fdd7a542431e9a0b3c', class: "kol-card__header" }, hAsync(KolHeadingFc, { key: '7004bc9d9306980fba8d9a3ebea14b6c32eee46f', class: "kol-card__headline", level: this.state._level }, this.state._label)), hAsync("div", { key: '84065dbe8981424e4db6b845364deb91bca65caa', class: "kol-card__content" }, hAsync("slot", { key: '46f87512eebe5da295258cb38613b35755c77be1' })), this.state._hasCloser && (hAsync(KolButtonWcTag, { key: 'ee0d7d387808b2bd4a462368dadbbbb3ec58771e', class: "kol-card__close-button", "data-testid": "card-close-button", _hideLabel: true, _icons: {
|
|
19206
19206
|
left: {
|
|
19207
19207
|
icon: 'codicon codicon-close',
|
|
19208
19208
|
},
|
|
@@ -22198,6 +22198,14 @@ class KolInputFile {
|
|
|
22198
22198
|
var _a;
|
|
22199
22199
|
(_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.focus();
|
|
22200
22200
|
}
|
|
22201
|
+
async reset() {
|
|
22202
|
+
this.controller.setFormAssociatedValue('');
|
|
22203
|
+
this.filename = this.translateFilenameText;
|
|
22204
|
+
this.hasFileSelected = false;
|
|
22205
|
+
if (this.inputRef) {
|
|
22206
|
+
this.inputRef.value = '';
|
|
22207
|
+
}
|
|
22208
|
+
}
|
|
22201
22209
|
getFormFieldProps() {
|
|
22202
22210
|
return {
|
|
22203
22211
|
state: this.state,
|
|
@@ -22217,7 +22225,7 @@ class KolInputFile {
|
|
|
22217
22225
|
} });
|
|
22218
22226
|
}
|
|
22219
22227
|
render() {
|
|
22220
|
-
return (hAsync(FormFieldStateWrapper, Object.assign({ key: '
|
|
22228
|
+
return (hAsync(FormFieldStateWrapper, Object.assign({ key: 'bb0ba2abd9a3bd231be84edc7add2d0c30c10aff' }, this.getFormFieldProps()), hAsync(InputContainerStateWrapperFc, { key: 'e52bfe81319d0d74766053d5261f2f1d5464c645', state: this.state }, hAsync("span", { key: '6b927178826c8525b801b736c154b3531705ad73', class: clsx('kol-input-container__filename', { 'kol-input-container__filename--has-file': this.hasFileSelected }) }, this.filename), hAsync(InputStateWrapper, Object.assign({ key: '6e0b2bca6ba502605c9c384a63251e228bad3d4f' }, this.getInputProps())), hAsync(KolButtonWcTag, { key: 'a87a887cdd45a5c473a5f6b6194c21a2a80db630', class: "kol-input-container__button", _label: this.translateDataBrowseText, _buttonVariant: "primary", _disabled: this._disabled }))));
|
|
22221
22229
|
}
|
|
22222
22230
|
constructor(hostRef) {
|
|
22223
22231
|
registerInstance(this, hostRef);
|
|
@@ -22405,7 +22413,8 @@ class KolInputFile {
|
|
|
22405
22413
|
"state": [32],
|
|
22406
22414
|
"inputHasFocus": [32],
|
|
22407
22415
|
"getValue": [64],
|
|
22408
|
-
"kolFocus": [64]
|
|
22416
|
+
"kolFocus": [64],
|
|
22417
|
+
"reset": [64]
|
|
22409
22418
|
},
|
|
22410
22419
|
"$listeners$": undefined,
|
|
22411
22420
|
"$lazyBundleId$": "-",
|
|
@@ -23021,6 +23030,7 @@ class KolInputRadio {
|
|
|
23021
23030
|
return {
|
|
23022
23031
|
state: this.state,
|
|
23023
23032
|
component: 'fieldset',
|
|
23033
|
+
disabled: Boolean(this.state._disabled),
|
|
23024
23034
|
class: clsx('kol-form-field--radio'),
|
|
23025
23035
|
formFieldLabelProps: {
|
|
23026
23036
|
component: 'legend',
|
|
@@ -23035,10 +23045,13 @@ class KolInputRadio {
|
|
|
23035
23045
|
};
|
|
23036
23046
|
}
|
|
23037
23047
|
render() {
|
|
23038
|
-
return (hAsync(FormFieldStateWrapper, Object.assign({ key: '
|
|
23048
|
+
return (hAsync(FormFieldStateWrapper, Object.assign({ key: 'cd7530decce1a052eddd478284b1cbfba1909ec9' }, this.getFormFieldProps()), this.state._options.map((option, index) => this.renderOption(option, index))));
|
|
23049
|
+
}
|
|
23050
|
+
calculateDisabled(option) {
|
|
23051
|
+
return Boolean(this.state._disabled) || Boolean(option.disabled);
|
|
23039
23052
|
}
|
|
23040
23053
|
getOptionProps(option, id) {
|
|
23041
|
-
|
|
23054
|
+
return {
|
|
23042
23055
|
state: this.state,
|
|
23043
23056
|
id: id,
|
|
23044
23057
|
hint: option.hint,
|
|
@@ -23047,16 +23060,13 @@ class KolInputRadio {
|
|
|
23047
23060
|
fieldControlLabelProps: {
|
|
23048
23061
|
showBadge: false,
|
|
23049
23062
|
},
|
|
23063
|
+
disabled: this.calculateDisabled(option),
|
|
23050
23064
|
};
|
|
23051
|
-
if (option.disabled) {
|
|
23052
|
-
obj.disabled = true;
|
|
23053
|
-
}
|
|
23054
|
-
return obj;
|
|
23055
23065
|
}
|
|
23056
23066
|
getInputProps(option, id, index, selected) {
|
|
23057
23067
|
return {
|
|
23058
23068
|
state: this.state,
|
|
23059
|
-
inputProps: Object.assign(Object.assign({ id: id, ref: this.state._value === option.value ? this.catchRef : undefined, 'aria-label': this.state._hideLabel && typeof option.label === 'string' ? option.label : undefined, type: 'radio', name: this.state._name || this.state._id, value: `-${index}`, checked: selected, disabled: option
|
|
23069
|
+
inputProps: Object.assign(Object.assign({ id: id, ref: this.state._value === option.value ? this.catchRef : undefined, 'aria-label': this.state._hideLabel && typeof option.label === 'string' ? option.label : undefined, type: 'radio', name: this.state._name || this.state._id, value: `-${index}`, checked: selected, disabled: this.calculateDisabled(option) }, this.controller.onFacade), { onChange: this.onChange, onClick: undefined, onInput: this.onInput, onKeyDown: this.onKeyDown.bind(this), onFocus: (event) => {
|
|
23060
23070
|
this.controller.onFacade.onFocus(event);
|
|
23061
23071
|
this.inputHasFocus = true;
|
|
23062
23072
|
}, onBlur: (event) => {
|
|
@@ -23335,11 +23345,10 @@ class KolInputRange {
|
|
|
23335
23345
|
}
|
|
23336
23346
|
}
|
|
23337
23347
|
render() {
|
|
23338
|
-
var _a;
|
|
23339
23348
|
const inputsWrapperStyle = {
|
|
23340
|
-
'--kolibri-input-range--input-number--width': `calc(${String(
|
|
23349
|
+
'--kolibri-input-range--input-number--width': `calc(${String(this.state._max).length}ch + 2em)`,
|
|
23341
23350
|
};
|
|
23342
|
-
return (hAsync(FormFieldStateWrapper, Object.assign({ key: '
|
|
23351
|
+
return (hAsync(FormFieldStateWrapper, Object.assign({ key: '478bf80a2b71d03a4e9238344615c0dcb3ecc035' }, this.getFormFieldProps()), hAsync(InputContainerStateWrapperFc, { key: 'fc0e257be92cbb6b4448699ec8d57097365d1a91', state: this.state }, hAsync("div", { key: '12a840e9c04d752b4d5874f623bb1877a1eddfb9', class: "kol-input-range__inputs-wrapper", style: inputsWrapperStyle }, hAsync(InputStateWrapper, Object.assign({ key: 'c654d21beb636813a6231cd4921c8d48bc48dcf5', class: "kol-input-range__input kol-input-range__input--range" }, this.getInputRangeProps())), hAsync(InputStateWrapper, Object.assign({ key: '70b1eab90faa02a58cbca33ab5cace5dc0ecedd6', class: "kol-input-range__input kol-input-range__input--number" }, this.getInputNumberProps()))), this.hasSuggestions && hAsync(SuggestionsFc, { key: 'c82512316665a37edea9ce73f7870e600507d226', id: this.state._id, suggestions: this.state._suggestions }))));
|
|
23343
23352
|
}
|
|
23344
23353
|
constructor(hostRef) {
|
|
23345
23354
|
registerInstance(this, hostRef);
|
|
@@ -23389,6 +23398,8 @@ class KolInputRange {
|
|
|
23389
23398
|
_id: `id-${nonce()}`,
|
|
23390
23399
|
_label: '',
|
|
23391
23400
|
_suggestions: [],
|
|
23401
|
+
_min: 0,
|
|
23402
|
+
_max: 100,
|
|
23392
23403
|
};
|
|
23393
23404
|
this._initialValueType = 'number';
|
|
23394
23405
|
this.inputHasFocus = false;
|
|
@@ -26754,7 +26765,7 @@ class KolPopoverButton {
|
|
|
26754
26765
|
(_c = this.cleanupAutoPositioning) === null || _c === void 0 ? void 0 : _c.call(this);
|
|
26755
26766
|
}
|
|
26756
26767
|
render() {
|
|
26757
|
-
return (hAsync("div", { key: '
|
|
26768
|
+
return (hAsync("div", { key: 'ed9bd3791a41c429effa8bba1fd4f835b26e7417', class: "kol-popover-button" }, hAsync(KolButtonWcTag, { key: '43ae7fc22399fd5d6aa526eb9c9402e877a71f3e', _accessKey: this._accessKey, "_aria-controls": "popover", _ariaControls: this._ariaControls, _ariaDescription: this._ariaDescription, _ariaExpanded: this.popoverOpen, _ariaHasPopup: 'dialog', _ariaSelected: this._ariaSelected, _customClass: this._customClass, _disabled: this._disabled, _hideLabel: this._hideLabel, _icons: this._icons, _id: this._id, _label: this._label, _name: this._name, _on: this._on, _role: this._role, _shortKey: this._shortKey, _syncValueBySelector: this._syncValueBySelector, _tabIndex: this._tabIndex, _tooltipAlign: this._tooltipAlign, _type: this._type, _value: this._value, _buttonVariant: this._variant, "data-testid": "popover-button", class: "kol-popover-button__button", ref: (element) => (this.refButton = element), onClick: this.handleButtonClick.bind(this) }, hAsync("slot", { key: '4e312ac4d1c7e5695d78cd48feba9b3738a540a6', name: "expert", slot: "expert" })), hAsync("div", { key: 'c5dccff4d149aa043963ed1c81ba0f2391526a18', ref: (element) => (this.refPopover = element), "data-testid": "popover-content", popover: "auto", id: "popover", class: "kol-popover-button__popover" }, hAsync("slot", { key: '36f4ed8c4df5e3c80d6706ea3bdc440c77b987fc' }))));
|
|
26758
26769
|
}
|
|
26759
26770
|
validatePopoverAlign(value) {
|
|
26760
26771
|
validatePopoverAlign(this, value);
|
|
@@ -27985,24 +27996,31 @@ class KolSpin {
|
|
|
27985
27996
|
this._variant = 'dot';
|
|
27986
27997
|
this.state = {
|
|
27987
27998
|
_variant: 'dot',
|
|
27999
|
+
_label: undefined,
|
|
27988
28000
|
};
|
|
27989
28001
|
}
|
|
27990
28002
|
render() {
|
|
27991
|
-
|
|
28003
|
+
var _a, _b;
|
|
28004
|
+
return (hAsync(Host, { key: 'c93b62db81e8d08c9758963db96b9c493913ea57', class: "kol-spin", "aria-live": "polite" }, this.state._label && (this.state._show || this.showToggled) && hAsync("span", { key: 'b4015521e2461e12607aab303be8e86482d826e6', class: "visually-hidden" }, this.state._label), this.state._show ? (hAsync("span", { "aria-busy": "true", "aria-label": (_a = this.state._label) !== null && _a !== void 0 ? _a : this.translateActionRunning, class: clsx('kol-spin__spinner', `kol-spin__spinner--${this.state._variant}`), role: "alert" }, renderSpin(this.state._variant))) : (this.showToggled && hAsync("span", { "aria-label": (_b = this.state._label) !== null && _b !== void 0 ? _b : this.translateActionDone, "aria-busy": "false", role: "alert" }))));
|
|
27992
28005
|
}
|
|
27993
28006
|
validateShow(value) {
|
|
27994
28007
|
this.showToggled = this.state._show === true && this._show === false;
|
|
27995
28008
|
validateShow(this, value);
|
|
27996
28009
|
}
|
|
28010
|
+
validateLabel(value) {
|
|
28011
|
+
validateLabel(this, value);
|
|
28012
|
+
}
|
|
27997
28013
|
validateVariant(value) {
|
|
27998
28014
|
validateSpinVariant(this, value);
|
|
27999
28015
|
}
|
|
28000
28016
|
componentWillLoad() {
|
|
28001
28017
|
this.validateShow(this._show);
|
|
28002
28018
|
this.validateVariant(this._variant);
|
|
28019
|
+
this.validateLabel(this._label);
|
|
28003
28020
|
}
|
|
28004
28021
|
static get watchers() { return {
|
|
28005
28022
|
"_show": ["validateShow"],
|
|
28023
|
+
"_label": ["validateLabel"],
|
|
28006
28024
|
"_variant": ["validateVariant"]
|
|
28007
28025
|
}; }
|
|
28008
28026
|
static get style() { return {
|
|
@@ -28013,6 +28031,7 @@ class KolSpin {
|
|
|
28013
28031
|
"$tagName$": "kol-spin",
|
|
28014
28032
|
"$members$": {
|
|
28015
28033
|
"_show": [1540],
|
|
28034
|
+
"_label": [1],
|
|
28016
28035
|
"_variant": [1],
|
|
28017
28036
|
"state": [32]
|
|
28018
28037
|
},
|
|
@@ -28069,10 +28088,10 @@ class KolSplitButton {
|
|
|
28069
28088
|
}
|
|
28070
28089
|
render() {
|
|
28071
28090
|
const i18nDropdownLabel = 'kol-split-button-dropdown-label';
|
|
28072
|
-
return (hAsync("div", { key: '
|
|
28091
|
+
return (hAsync("div", { key: '8280dbe50a36b1084d4bd3677fee82aef49f6af8', class: "kol-split-button" }, hAsync("div", { key: '19aed1e8040f6d012c0cff212b4ec3067008e7cf', class: "kol-split-button__root" }, hAsync(KolButtonWcTag, { key: 'a76ce6c14b2ad16fe81decbe493a2c2d50d43d2f', class: clsx('kol-split-button__button', {
|
|
28073
28092
|
[this._variant]: this._variant !== 'custom',
|
|
28074
28093
|
[this._customClass]: this._variant === 'custom' && typeof this._customClass === 'string' && this._customClass.length > 0,
|
|
28075
|
-
}), ref: this.catchPrimaryRef, _accessKey: this._accessKey, _ariaControls: this._ariaControls, _ariaDescription: this._ariaDescription, _ariaExpanded: this._ariaExpanded, _ariaSelected: this._ariaSelected, _customClass: this._customClass, _disabled: this._disabled, _icons: this._icons, _id: this._id, _hideLabel: this._hideLabel, _label: this._label, _name: this._name, _on: this.clickButtonHandler, _role: this._role, _shortKey: this._shortKey, _syncValueBySelector: this._syncValueBySelector, _tooltipAlign: this._tooltipAlign, _type: this._type, _value: this._value, _buttonVariant: this._variant }), hAsync("div", { key: '
|
|
28094
|
+
}), ref: this.catchPrimaryRef, _accessKey: this._accessKey, _ariaControls: this._ariaControls, _ariaDescription: this._ariaDescription, _ariaExpanded: this._ariaExpanded, _ariaSelected: this._ariaSelected, _customClass: this._customClass, _disabled: this._disabled, _icons: this._icons, _id: this._id, _hideLabel: this._hideLabel, _label: this._label, _name: this._name, _on: this.clickButtonHandler, _role: this._role, _shortKey: this._shortKey, _syncValueBySelector: this._syncValueBySelector, _tooltipAlign: this._tooltipAlign, _type: this._type, _value: this._value, _buttonVariant: this._variant }), hAsync("div", { key: 'd21095ecd0f611c2a37cddeefa65903103dcfbc9', class: "kol-split-button__horizontal-line" }), hAsync(KolButtonWcTag, { key: '9840a9fedd052b7f8d9e08936287d6eec24e4e56', class: "kol-split-button__secondary-button", _disabled: this._disabled, _hideLabel: true, _icons: "codicon codicon-triangle-down", _label: this.state._show ? translate(`${i18nDropdownLabel}-close`) : translate(`${i18nDropdownLabel}-open`), _on: this.clickToggleHandler })), hAsync(KolPopoverWcTag, { key: '5bbbb8a6565d8a2bdef8f0c17cf84295139a49d6', _show: this.state._show, _on: { onClose: this.handleOnClose }, _align: "bottom" }, hAsync("slot", { key: 'ab77e0234f5a265c4383a7841904b390b1d352ad' }))));
|
|
28076
28095
|
}
|
|
28077
28096
|
async closePopup() {
|
|
28078
28097
|
this.handleOnClose();
|
|
@@ -28178,7 +28197,7 @@ class KolTableSettings {
|
|
|
28178
28197
|
}
|
|
28179
28198
|
render() {
|
|
28180
28199
|
const sortedColumns = [...this.tableSettings.columns].sort((a, b) => a.position - b.position);
|
|
28181
|
-
return (hAsync(KolPopoverButtonWcTag, { key: '
|
|
28200
|
+
return (hAsync(KolPopoverButtonWcTag, { key: '8d4db4f7d458bd1ed87a367f6254c268fe9d160c', ref: (el) => (this.popoverRef = el), class: "kol-table-settings", _icons: "codicon codicon-settings-gear", _label: this.translateTableSettings, _popoverAlign: "top", _hideLabel: true }, hAsync("div", { key: '5311a11dc9beec9ebb1b9afcec74d6fc69b106ec', class: "kol-table-settings__content" }, hAsync(KolHeadingTag, { key: '623b06fab8eb938ca7a96d6c59046e35b026ac8b', _label: this.translateTableSettings, _level: 0 }), this.errorMessage && hAsync(KolAlertWcTag, { key: '299262a0842783fe746c427498cf48a462e608d7', _type: "error", _label: this.errorMessage, _variant: "msg", class: "kol-table-settings__error-message" }), hAsync("form", { key: '70f2731f3a31e0e61f49e335f179965f96ca6dc9', onSubmit: this.handleSubmit.bind(this) }, hAsync("div", { key: 'a42564c9d6603c574dfd6c83d71bb67118d6a68d', class: "kol-table-settings__columns-container" }, hAsync("div", { key: '220fcd4e67cd50e527d353b0f5618d4186068218', class: "kol-table-settings__columns" }, sortedColumns.map((column, index) => (hAsync("div", { key: column.key, class: "kol-table-settings__column" }, hAsync(KolInputCheckboxTag, { _checked: column.visible, _label: translate('kol-table-settings-show-column', { placeholders: { column: column.label } }), _value: true, _hideLabel: true, _on: { onInput: (_, value) => this.handleVisibilityChange(column.key, value) } }), hAsync("span", null, column.label), hAsync(KolInputNumberTag, { _hideLabel: true, _value: column.width, _label: translate('kol-table-settings-column-width', { placeholders: { column: column.label } }), _min: 1, _on: { onInput: (_, value) => this.handleWidthChange(column.key, value) } }), hAsync(KolButtonWcTag, { _icons: "codicon codicon-arrow-up", _label: translate('kol-table-settings-move-up', { placeholders: { column: column.label } }), _hideLabel: true, _buttonVariant: "ghost", _on: { onClick: () => this.moveColumn(column.key, 'up') }, _disabled: index === 0, "data-testid": "table-settings-move-up" }), hAsync(KolButtonWcTag, { _icons: "codicon codicon-arrow-down", _label: translate('kol-table-settings-move-down', { placeholders: { column: column.label } }), _hideLabel: true, _buttonVariant: "ghost", _on: { onClick: () => this.moveColumn(column.key, 'down') }, _disabled: index === sortedColumns.length - 1, "data-testid": "table-settings-move-down" })))))), hAsync("div", { key: 'ab18e657b9e5cf7e964f2107e1ceaec2ebc6cddd', class: "kol-table-settings__actions" }, hAsync(KolButtonWcTag, { key: 'aedcc655384dedb3feebb28444ac7f488b672ead', _label: this.translateTableSettingsCancel, _buttonVariant: "secondary", _on: { onClick: () => this.handleCancel() }, "data-testid": "table-settings-cancel" }), hAsync(KolButtonWcTag, { key: '2b6a09294353fde7d9bff9a8fcc07be76b18fee1', _label: this.translateTableSettingsApply, _buttonVariant: "primary", _type: "submit", "data-testid": "table-settings-apply" }))))));
|
|
28182
28201
|
}
|
|
28183
28202
|
get host() { return getElement(this); }
|
|
28184
28203
|
static get watchers() { return {
|
|
@@ -28564,7 +28583,7 @@ class KolTableStateful {
|
|
|
28564
28583
|
horizontal: (_d = (_c = this.state._headers.horizontal) === null || _c === void 0 ? void 0 : _c.map((row) => row.map((cell) => (Object.assign(Object.assign({}, cell), { sortDirection: this.getHeaderCellSortState(cell) }))))) !== null && _d !== void 0 ? _d : [],
|
|
28565
28584
|
vertical: (_f = (_e = this.state._headers.vertical) === null || _e === void 0 ? void 0 : _e.map((column) => column.map((cell) => (Object.assign(Object.assign({}, cell), { sortDirection: this.getHeaderCellSortState(cell) }))))) !== null && _f !== void 0 ? _f : [],
|
|
28566
28585
|
};
|
|
28567
|
-
return (hAsync(Host, { key: '
|
|
28586
|
+
return (hAsync(Host, { key: '9e9d400c3c2c09bd990f327dc3102023d643e74e', class: "kol-table-stateful" }, this.pageEndSlice > 0 && this.showPagination && paginationTop, hAsync(KolTableStatelessWcTag, { key: '4457c5966b0722dc0b610f7a2442da1dbf62df08', ref: this.catchRef, _data: displayedData, _headerCells: headerCells, _label: this.state._label, _dataFoot: this.state._dataFoot, _minWidth: this.state._minWidth, _on: {
|
|
28568
28587
|
onSort: (_, payload) => {
|
|
28569
28588
|
this.handleSort(payload);
|
|
28570
28589
|
},
|
|
@@ -28621,7 +28640,7 @@ let KolTableStateless$1 = class KolTableStateless {
|
|
|
28621
28640
|
registerInstance(this, hostRef);
|
|
28622
28641
|
}
|
|
28623
28642
|
render() {
|
|
28624
|
-
return (hAsync(KolTableStatelessWcTag, { key: '
|
|
28643
|
+
return (hAsync(KolTableStatelessWcTag, { key: '2d2c2f809dd9393cbdc39e9e229119b900765592', _data: this._data, _dataFoot: this._dataFoot, _headerCells: this._headerCells, _label: this._label, _minWidth: this._minWidth, _on: this._on, _selection: this._selection, _tableSettings: this._tableSettings }));
|
|
28625
28644
|
}
|
|
28626
28645
|
static get style() { return {
|
|
28627
28646
|
default: defaultStyleCss$7
|
|
@@ -29180,12 +29199,12 @@ class KolTableStateless {
|
|
|
29180
29199
|
const dataField = this.createDataField(this.state._data, this.state._headerCells);
|
|
29181
29200
|
this.checkboxRefs = [];
|
|
29182
29201
|
const sortedHorizontalHeaders = (_a = this.state._headerCells.horizontal) === null || _a === void 0 ? void 0 : _a.map((row) => this.sortByColumnPosition(row));
|
|
29183
|
-
return (hAsync("div", { key: '
|
|
29202
|
+
return (hAsync("div", { key: 'f81983e551d1e41281aa41ec2394ec08267fe6a0', class: "kol-table" }, hAsync(KolTableSettingsWcTag, { key: 'ba42966556deec90ef308fe6f78a863dc02a1e5a', _tableSettings: this.state._tableSettings }), hAsync("div", { key: 'a91ceb385d449db182d233c35761c1554c89f72f', ref: (element) => (this.tableDivElement = element), class: "kol-table__scroll-container", tabindex: this.tableDivElementHasScrollbar ? '-1' : undefined }, hAsync("table", { key: '9f917d159b62dbde6b9fb46766530fd4ee26a29f', class: "kol-table__table", style: {
|
|
29184
29203
|
minWidth: this.getTableMinWidth(),
|
|
29185
|
-
} }, hAsync("div", { key: '
|
|
29204
|
+
} }, hAsync("div", { key: '07945a7045943e54524e0acff2ad96ecfafc6be8', class: "kol-table__focus-element", tabindex: this.tableDivElementHasScrollbar ? '0' : undefined, "aria-describedby": "caption" }, "\u00A0"), hAsync("caption", { key: 'bb21eb4c05d126477e7e751c9a8c3f83fc70a672', class: "kol-table__caption", id: "caption" }, this.state._label), Array.isArray(sortedHorizontalHeaders) && (hAsync("thead", { key: '439c92996fccdc4be1e792e68b5ec91b57b18b0d', class: "kol-table__head" }, [
|
|
29186
29205
|
sortedHorizontalHeaders.map((cols, rowIndex) => (hAsync("tr", { class: "kol-table__head-row", key: `thead-${rowIndex}` }, this.state._selection && this.renderHeadingSelectionCell(), rowIndex === 0 && this.renderHeaderTdCell(), Array.isArray(cols) && cols.map((cell, colIndex) => this.renderHeadingCell(cell, rowIndex, colIndex, false))))),
|
|
29187
29206
|
this.renderSpacer('head', sortedHorizontalHeaders),
|
|
29188
|
-
])), hAsync("tbody", { key: '
|
|
29207
|
+
])), hAsync("tbody", { key: '92f3bb34b30d1515c8aac05910280b4025f98a3d', class: "kol-table__body" }, dataField.map((row, rowIndex) => this.renderTableRow(row, rowIndex, true))), this.renderFoot()))));
|
|
29189
29208
|
}
|
|
29190
29209
|
get host() { return getElement(this); }
|
|
29191
29210
|
static get watchers() { return {
|
|
@@ -29424,9 +29443,9 @@ class KolTabs {
|
|
|
29424
29443
|
}, _icons: "codicon codicon-plus", "data-testid": "tabs-create-button" }))));
|
|
29425
29444
|
}
|
|
29426
29445
|
render() {
|
|
29427
|
-
return (hAsync("div", { key: '
|
|
29446
|
+
return (hAsync("div", { key: 'c90d53464702512863a3483602ed15645a6c0484', ref: (el) => {
|
|
29428
29447
|
this.tabPanelsElement = el;
|
|
29429
|
-
}, class: clsx('kol-tabs', `kol-tabs--align-${this.state._align}`) }, this.renderButtonGroup(), hAsync("div", { key: '
|
|
29448
|
+
}, class: clsx('kol-tabs', `kol-tabs--align-${this.state._align}`) }, this.renderButtonGroup(), hAsync("div", { key: '3e172f4835867233726b1ae2081e3a6729eb3b83', class: "kol-tabs__content", ref: this.catchTabPanelHost })));
|
|
29430
29449
|
}
|
|
29431
29450
|
validateAlign(value) {
|
|
29432
29451
|
validateAlign(this, value);
|
|
@@ -29653,7 +29672,7 @@ class KolTextarea {
|
|
|
29653
29672
|
} });
|
|
29654
29673
|
}
|
|
29655
29674
|
render() {
|
|
29656
|
-
return (hAsync(FormFieldStateWrapper, Object.assign({ key: '
|
|
29675
|
+
return (hAsync(FormFieldStateWrapper, Object.assign({ key: 'd70fcb1056fcce48befa90908b2cf96355b96173' }, this.getFormFieldProps()), hAsync(InputContainerStateWrapperFc, { key: 'fafbca555a1e6b63da8dcd901dd551018e19dbf2', state: this.state }, hAsync(TextAreaStateWrapper, Object.assign({ key: '24cd96e314f0aed7f1998b3bd9d0ee40fcebe1c0' }, this.getTextAreaProps())))));
|
|
29657
29676
|
}
|
|
29658
29677
|
constructor(hostRef) {
|
|
29659
29678
|
registerInstance(this, hostRef);
|
|
@@ -29926,7 +29945,7 @@ class KolToastContainer {
|
|
|
29926
29945
|
}
|
|
29927
29946
|
}
|
|
29928
29947
|
render() {
|
|
29929
|
-
return (hAsync(Host, { key: '
|
|
29948
|
+
return (hAsync(Host, { key: '67c44f67381a4d6a0441e7be0eabef6bda0b9b4c', class: "kol-toast-container" }, this.state._toastStates.length > 1 && (hAsync(KolButtonTag, { key: '46d18a92c600a933dee49a81c3b1946c54d210ae', _label: this.translateToastCloseAll, class: "kol-toast-container__button-close-all", _on: {
|
|
29930
29949
|
onClick: () => {
|
|
29931
29950
|
void this.closeAll();
|
|
29932
29951
|
},
|
|
@@ -29974,7 +29993,7 @@ class KolToolbar {
|
|
|
29974
29993
|
};
|
|
29975
29994
|
}
|
|
29976
29995
|
render() {
|
|
29977
|
-
return (hAsync("div", { key: '
|
|
29996
|
+
return (hAsync("div", { key: 'db8a0f35bc8bc3a3b4c1539bd3440dd2c317d7fc', class: `kol-toolbar kol-toolbar--orientation-${this.state._orientation}`, role: "toolbar", "aria-label": this.state._label }, this.state._items.map(this.renderItem)));
|
|
29978
29997
|
}
|
|
29979
29998
|
validateLabel(value) {
|
|
29980
29999
|
validateLabel(this, value);
|
|
@@ -30176,7 +30195,7 @@ class KolTooltipWc {
|
|
|
30176
30195
|
this.hideTooltipWithDelay();
|
|
30177
30196
|
}
|
|
30178
30197
|
render() {
|
|
30179
|
-
return (hAsync(Host, { key: '
|
|
30198
|
+
return (hAsync(Host, { key: '53ae8e010540191be6cc9ab13dbfa152294380f8', class: "kol-tooltip" }, this.state._label !== '' && (hAsync("div", { key: '44eac30269bd8359a288a2e2725617fbcdd9eacb', class: "kol-tooltip__floating", ref: this.catchTooltipElement }, hAsync("div", { key: 'cab0e1614bd9860c130f0a5d7b16de99b2e97dfe', class: "kol-tooltip__arrow", ref: this.catchArrowElement }), hAsync(KolSpanFc, { key: '5c64fcb6588fe164525dd06022f44a4e2f9de98b', class: "kol-tooltip__content", id: this.state._id, badgeText: this._badgeText, label: this.state._label })))));
|
|
30180
30199
|
}
|
|
30181
30200
|
validateBadgeText(value) {
|
|
30182
30201
|
validateBadgeText(this, value);
|
|
@@ -30253,7 +30272,7 @@ class KolTree {
|
|
|
30253
30272
|
registerInstance(this, hostRef);
|
|
30254
30273
|
}
|
|
30255
30274
|
render() {
|
|
30256
|
-
return (hAsync(KolTreeWcTag, { key: '
|
|
30275
|
+
return (hAsync(KolTreeWcTag, { key: '69fcda89930476d36e84516cc64cc7eebf1094db', _label: this._label }, hAsync("slot", { key: '5259ea6f1eb1fb6f3ed8b8a64e7a442f27e4abce' })));
|
|
30257
30276
|
}
|
|
30258
30277
|
static get style() { return {
|
|
30259
30278
|
default: defaultStyleCss$2
|
|
@@ -30296,7 +30315,7 @@ class KolTreeItem {
|
|
|
30296
30315
|
return (_b = (await ((_a = this.element) === null || _a === void 0 ? void 0 : _a.isOpen()))) !== null && _b !== void 0 ? _b : false;
|
|
30297
30316
|
}
|
|
30298
30317
|
render() {
|
|
30299
|
-
return (hAsync(KolTreeItemWcTag, { key: '
|
|
30318
|
+
return (hAsync(KolTreeItemWcTag, { key: '59e322059558664a9ca5d03a7a98bafa9b84cb98', _active: this._active, _label: this._label, _open: this._open, _href: this._href, ref: (element) => (this.element = element) }, hAsync("slot", { key: '728328010d981a229607662273528d35587ef1e4' })));
|
|
30300
30319
|
}
|
|
30301
30320
|
static get style() { return {
|
|
30302
30321
|
default: defaultStyleCss$1
|
|
@@ -30334,12 +30353,12 @@ class KolTreeItemWc {
|
|
|
30334
30353
|
}
|
|
30335
30354
|
render() {
|
|
30336
30355
|
const { _href, _active, _hasChildren, _open, _label } = this.state;
|
|
30337
|
-
return (hAsync(Host, { key: '
|
|
30356
|
+
return (hAsync(Host, { key: 'e8cebee52ed0f115c3aa30e82e2e3ccf5d09e626', onSlotchange: this.handleSlotchange.bind(this) }, hAsync("li", { key: 'c4b1d56ae69f55ca57ad8d863df02fe0d7ff4f00', class: "kol-tree-item", style: {
|
|
30338
30357
|
'--level': `${this.level}`,
|
|
30339
|
-
} }, hAsync(KolLinkWcTag, { key: '
|
|
30358
|
+
} }, hAsync(KolLinkWcTag, { key: '8e87e00dae2d0e6dcad5602e28b5642bc31702f5', class: clsx('kol-tree-item__link', {
|
|
30340
30359
|
'kol-tree-item__link--first-level': this.level === 0,
|
|
30341
30360
|
'kol-tree-item__link--active': _active,
|
|
30342
|
-
}), _href: _href, _label: "", _role: "treeitem", _tabIndex: _active ? 0 : -1, _ariaExpanded: _hasChildren ? _open : undefined, _ariaOwns: _hasChildren ? this.groupId : undefined, ref: (element) => (this.linkElement = element) }, hAsync("span", { key: '
|
|
30361
|
+
}), _href: _href, _label: "", _role: "treeitem", _tabIndex: _active ? 0 : -1, _ariaExpanded: _hasChildren ? _open : undefined, _ariaOwns: _hasChildren ? this.groupId : undefined, ref: (element) => (this.linkElement = element) }, hAsync("span", { key: '2375f5ff6abe59419b5d4ef28e5e0f104034fef3', class: "kol-tree-item__link-inner", slot: "expert" }, _hasChildren ? (hAsync("span", { class: "kol-tree-item__toggle-button", onClick: (event) => (_open ? void this.handleCollapseClick(event) : void this.handleExpandClick(event)) }, hAsync(KolIconTag, { class: "kol-tree-item__toggle-button-icon", _icons: `codicon codicon-${_open ? 'chevron-down' : 'chevron-right'}`, _label: '' }))) : (hAsync("span", { class: "kol-tree-item__toggle-button-placeholder" })), hAsync("span", { key: '39c07661723143bfafcc6ee8e96e51bd88daa940', class: "kol-tree-item__text" }, _label))), hAsync("ul", { key: '2bd2e3a880b4d1946f00e46784f476e69508441b', class: "kol-tree-item__children", hidden: !_hasChildren || !_open, role: "group", id: this.groupId }, hAsync("slot", { key: '472cc53e288b84a99a0190a82be67e04ce851f99' })))));
|
|
30343
30362
|
}
|
|
30344
30363
|
validateActive(value) {
|
|
30345
30364
|
validateActive(this, value || false);
|
|
@@ -30443,7 +30462,7 @@ class KolTreeWc {
|
|
|
30443
30462
|
validateLabel(this, value);
|
|
30444
30463
|
}
|
|
30445
30464
|
render() {
|
|
30446
|
-
return (hAsync(Host, { key: '
|
|
30465
|
+
return (hAsync(Host, { key: '774db0e9ae59f0de739b7df7777f74fa8e07be03', onSlotchange: this.handleSlotchange.bind(this) }, hAsync("nav", { key: 'a7f95daedbd9e25f5b1ee82a16aa495c8ac1b7c1', class: "kol-tree", "aria-label": this.state._label }, hAsync("ul", { key: '9a3686682fd2a7e625dba024eb0ace8caff1aee7', class: "kol-tree__treeview-navigation", role: "tree", "aria-label": this.state._label }, hAsync("slot", { key: 'a6f63218223e1daf2f96fd2dbcf49e87742a419d' })))));
|
|
30447
30466
|
}
|
|
30448
30467
|
static isTreeItem(element) {
|
|
30449
30468
|
return (element === null || element === void 0 ? void 0 : element.tagName) === KolTreeItemTag.toUpperCase();
|
|
@@ -30640,7 +30659,7 @@ class KolVersion {
|
|
|
30640
30659
|
};
|
|
30641
30660
|
}
|
|
30642
30661
|
render() {
|
|
30643
|
-
return (hAsync(Host, { key: '
|
|
30662
|
+
return (hAsync(Host, { key: 'c2c4090511476f2b782e5ec11eeefb14e84aeef8', class: "kol-version" }, hAsync(KolBadgeTag, { key: '62fe8f491cdb15496311577d6ed55ddb6731323e', _color: "#bec5c9", _icons: {
|
|
30644
30663
|
left: { icon: 'codicon codicon-versions', label: this.translateVersion },
|
|
30645
30664
|
}, _label: this.state._label })));
|
|
30646
30665
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@public-ui/hydrate",
|
|
3
|
-
"version": "3.0.2
|
|
3
|
+
"version": "3.0.2",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
5
|
"homepage": "https://public-ui.github.io",
|
|
6
6
|
"repository": {
|
|
@@ -46,10 +46,10 @@
|
|
|
46
46
|
],
|
|
47
47
|
"devDependencies": {
|
|
48
48
|
"rimraf": "6.0.1",
|
|
49
|
-
"@public-ui/components": "3.0.2
|
|
49
|
+
"@public-ui/components": "3.0.2"
|
|
50
50
|
},
|
|
51
51
|
"peerDependencies": {
|
|
52
|
-
"@public-ui/components": "3.0.2
|
|
52
|
+
"@public-ui/components": "3.0.2"
|
|
53
53
|
},
|
|
54
54
|
"sideEffects": false,
|
|
55
55
|
"type": "commonjs",
|