@limetech/lime-elements 39.17.3 → 39.18.0
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/CHANGELOG.md +7 -0
- package/dist/cjs/limel-banner.cjs.entry.js +1 -1
- package/dist/cjs/limel-breadcrumbs_7.cjs.entry.js +1 -1
- package/dist/cjs/limel-button.cjs.entry.js +2 -2
- package/dist/cjs/limel-card.cjs.entry.js +1 -1
- package/dist/cjs/limel-chip_2.cjs.entry.js +2 -2
- package/dist/cjs/limel-collapsible-section.cjs.entry.js +1 -1
- package/dist/cjs/limel-header.cjs.entry.js +1 -1
- package/dist/cjs/limel-icon-button.cjs.entry.js +1 -1
- package/dist/cjs/limel-picker.cjs.entry.js +1 -1
- package/dist/cjs/limel-shortcut.cjs.entry.js +1 -1
- package/dist/cjs/limel-split-button.cjs.entry.js +2 -2
- package/dist/collection/components/banner/banner.js +10 -3
- package/dist/collection/components/button/button.js +9 -3
- package/dist/collection/components/card/card.js +8 -2
- package/dist/collection/components/chip/chip.js +8 -2
- package/dist/collection/components/chip-set/chip-set.js +10 -3
- package/dist/collection/components/collapsible-section/collapsible-section.js +8 -2
- package/dist/collection/components/header/header.js +8 -2
- package/dist/collection/components/icon-button/icon-button.js +8 -2
- package/dist/collection/components/input-field/input-field.js +19 -5
- package/dist/collection/components/picker/picker.js +10 -3
- package/dist/collection/components/profile-picture/profile-picture.js +7 -1
- package/dist/collection/components/shortcut/shortcut.js +10 -3
- package/dist/collection/components/split-button/split-button.js +11 -4
- package/dist/esm/limel-banner.entry.js +1 -1
- package/dist/esm/limel-breadcrumbs_7.entry.js +1 -1
- package/dist/esm/limel-button.entry.js +2 -2
- package/dist/esm/limel-card.entry.js +1 -1
- package/dist/esm/limel-chip_2.entry.js +2 -2
- package/dist/esm/limel-collapsible-section.entry.js +1 -1
- package/dist/esm/limel-header.entry.js +1 -1
- package/dist/esm/limel-icon-button.entry.js +1 -1
- package/dist/esm/limel-picker.entry.js +1 -1
- package/dist/esm/limel-shortcut.entry.js +1 -1
- package/dist/esm/limel-split-button.entry.js +2 -2
- package/dist/lime-elements/lime-elements.esm.js +1 -1
- package/dist/lime-elements/{p-b91b1aed.entry.js → p-19d0861e.entry.js} +1 -1
- package/dist/lime-elements/p-51734986.entry.js +1 -0
- package/dist/lime-elements/p-56cc6800.entry.js +1 -0
- package/dist/lime-elements/{p-585b0a3a.entry.js → p-a435d1c3.entry.js} +1 -1
- package/dist/lime-elements/p-aa43c751.entry.js +1 -0
- package/dist/lime-elements/{p-923126cb.entry.js → p-cae35eb0.entry.js} +1 -1
- package/dist/lime-elements/{p-268d2a30.entry.js → p-cc17846b.entry.js} +1 -1
- package/dist/lime-elements/{p-25ae3a55.entry.js → p-cfe85e59.entry.js} +1 -1
- package/dist/lime-elements/{p-7e584d40.entry.js → p-d227f4df.entry.js} +1 -1
- package/dist/lime-elements/{p-c41c839c.entry.js → p-eff0a330.entry.js} +1 -1
- package/dist/lime-elements/{p-e5b03d42.entry.js → p-f2f01f2a.entry.js} +1 -1
- package/dist/types/components/action-bar/action-bar.types.d.ts +2 -2
- package/dist/types/components/banner/banner.d.ts +2 -1
- package/dist/types/components/button/button.d.ts +2 -2
- package/dist/types/components/card/card.d.ts +2 -2
- package/dist/types/components/chip/chip.d.ts +2 -2
- package/dist/types/components/chip-set/chip-set.d.ts +2 -1
- package/dist/types/components/chip-set/chip.types.d.ts +2 -2
- package/dist/types/components/collapsible-section/collapsible-section.d.ts +2 -2
- package/dist/types/components/dialog/dialog.types.d.ts +2 -2
- package/dist/types/components/dock/dock.types.d.ts +2 -1
- package/dist/types/components/dynamic-label/label.types.d.ts +2 -2
- package/dist/types/components/header/header.d.ts +2 -2
- package/dist/types/components/icon-button/icon-button.d.ts +2 -2
- package/dist/types/components/input-field/input-field.d.ts +3 -2
- package/dist/types/components/list-item/list-item.types.d.ts +2 -2
- package/dist/types/components/menu/menu.types.d.ts +2 -2
- package/dist/types/components/picker/picker.d.ts +2 -1
- package/dist/types/components/profile-picture/profile-picture.d.ts +2 -2
- package/dist/types/components/select/option.types.d.ts +2 -2
- package/dist/types/components/shortcut/shortcut.d.ts +2 -1
- package/dist/types/components/split-button/split-button.d.ts +2 -1
- package/dist/types/components/tab-bar/tab.types.d.ts +2 -2
- package/dist/types/components.d.ts +44 -44
- package/dist/types/global/shared-types/file.types.d.ts +2 -2
- package/dist/types/global/shared-types/icon.types.d.ts +30 -1
- package/package.json +1 -1
- package/dist/lime-elements/p-6b956d6d.entry.js +0 -1
- package/dist/lime-elements/p-8a6721f9.entry.js +0 -1
- package/dist/lime-elements/p-c5d8079b.entry.js +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,10 @@
|
|
|
1
|
+
## [39.18.0](https://github.com/Lundalogik/lime-elements/compare/v39.17.3...v39.18.0) (2026-04-28)
|
|
2
|
+
|
|
3
|
+
### Features
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
* **icons:** allow 3rd party packages to provide icon names for auto completion ([396dc20](https://github.com/Lundalogik/lime-elements/commit/396dc2066da450c7dc971d931573971237e004e0)), closes [Lundalogik/crm-client#622](https://github.com/Lundalogik/crm-client/issues/622)
|
|
7
|
+
|
|
1
8
|
## [39.17.3](https://github.com/Lundalogik/lime-elements/compare/v39.17.2...v39.17.3) (2026-04-27)
|
|
2
9
|
|
|
3
10
|
### Bug Fixes
|
|
@@ -22,7 +22,7 @@ const Banner = class {
|
|
|
22
22
|
this.isOpen = false;
|
|
23
23
|
}
|
|
24
24
|
render() {
|
|
25
|
-
return (index.h("div", { key: '
|
|
25
|
+
return (index.h("div", { key: '7aa9f02c71a64eebf5afcbff9ef819addcd44217', class: `lime-banner ${this.isOpen ? 'lime-banner--open' : ''}` }, index.h("div", { key: 'c381d72fd3cec7bb82a244a2a38ba410870cfd9e', class: "lime-banner__surface" }, index.h("div", { key: '307b2422ac6391bb1a2afc4764c65211567ad935', class: "lime-banner__content" }, index.h("div", { key: '5f072a6979f5065d11472ae14cf1ad3171b0375e', class: "icon-message" }, this.renderIcon(), index.h("div", { key: '204b58d8a3d3a201aee68e8e5395bd8fa583a42e' }, this.message)), index.h("div", { key: '2637122052a4b16ed79b0cd3ac53841fea95ee64', class: "lime-banner__actions" }, index.h("slot", { key: '5950d12303938141671578dff146caf2434b3614', name: "buttons" }))))));
|
|
26
26
|
}
|
|
27
27
|
renderIcon() {
|
|
28
28
|
if (!this.icon) {
|
|
@@ -671,7 +671,7 @@ const InputField = class {
|
|
|
671
671
|
if (ariaControls) {
|
|
672
672
|
properties['aria-controls'] = ariaControls;
|
|
673
673
|
}
|
|
674
|
-
return (index.h(index.Host, { key: '
|
|
674
|
+
return (index.h(index.Host, { key: '9d9f875efe46cf089691d76d8ee2ae3962bd7e61' }, index.h("limel-notched-outline", { key: '8ffe928fde6db049df4b16acdd56c1d0e310c0db', labelId: this.labelId, label: this.label, required: this.required, invalid: this.invalid || this.isInvalid(), disabled: this.disabled, readonly: this.readonly, hasValue: !!this.value, hasLeadingIcon: !!this.leadingIcon }, index.h("label", { key: '10ab035f3e6f4259e2e0e09c6e3ba78288155698', slot: "content", class: this.getContainerClassList() }, this.renderLeadingIcon(), this.renderPrefix(), this.renderFormattedNumber(), this.renderInput(properties), this.renderSuffix(), this.renderTextarea(properties), this.renderTrailingLinkOrButton())), this.renderHelperLine(), this.renderAutocompleteList()));
|
|
675
675
|
}
|
|
676
676
|
valueWatcher(newValue) {
|
|
677
677
|
if (!this.mdcTextField) {
|
|
@@ -45,12 +45,12 @@ const Button = class {
|
|
|
45
45
|
makeEnterClickable.removeEnterClickable(this.host);
|
|
46
46
|
}
|
|
47
47
|
render() {
|
|
48
|
-
return (index.h(index.Host, { key: '
|
|
48
|
+
return (index.h(index.Host, { key: '0c409d801aa06800490755411975a2c47fe81331', onClick: this.filterClickWhenDisabled }, index.h("button", { key: 'd6f001cc42e8ffcf0986896e546a4f9349415160', class: {
|
|
49
49
|
loading: this.loading,
|
|
50
50
|
'just-loaded': this.justLoaded && !this.loadingFailed,
|
|
51
51
|
'just-failed': this.justLoaded && this.loadingFailed,
|
|
52
52
|
outlined: this.outlined,
|
|
53
|
-
}, disabled: this.disabled || this.loading, "aria-busy": this.loading ? 'true' : 'false', "aria-live": "polite" }, this.renderIcon(this.icon), this.renderLabel(), this.renderSpinner(), index.h("svg", { key: '
|
|
53
|
+
}, disabled: this.disabled || this.loading, "aria-busy": this.loading ? 'true' : 'false', "aria-live": "polite" }, this.renderIcon(this.icon), this.renderLabel(), this.renderSpinner(), index.h("svg", { key: '1a43254ec41997b2218ae39050605402685a66ed', viewBox: "0 0 30 30" }, this.renderLoadingIcons()))));
|
|
54
54
|
}
|
|
55
55
|
loadingWatcher(newValue, oldValue) {
|
|
56
56
|
const hasFinishedLoading = this.hasFinishedLoading(newValue, oldValue);
|
|
@@ -106,7 +106,7 @@ const Card = class {
|
|
|
106
106
|
this.setMarkdownElement(this.markdownElement);
|
|
107
107
|
}
|
|
108
108
|
render() {
|
|
109
|
-
return (index.h(index.Host, { key: '
|
|
109
|
+
return (index.h(index.Host, { key: 'a60b363b72cba953f51716c4f7d31d9e40b0e442', onMouseEnter: this.show3dEffect ? this.handleMouseEnter : undefined, onMouseLeave: this.show3dEffect ? this.handleMouseLeave : undefined }, index.h("section", { key: '88b34aaf325184ee1fd89e0b940652a8036f0b46', tabindex: this.clickable ? 0 : undefined, role: this.clickable ? 'button' : undefined, "aria-pressed": this.clickable ? String(this.selected) : undefined, onKeyDown: this.clickable ? this.handleKeyDown : undefined }, this.renderImage(), index.h("div", { key: '229fe4c0a4ed0f93ff4687c787655b4b96d3a424', class: "body" }, this.renderHeader(), this.renderSlot(), this.renderValue(), this.renderActionBar()), this.show3dEffect && index.h("limel-3d-hover-effect-glow", { key: 'd9ca3097a18c0c7af6cb6bee0afb1b23df23332a' }))));
|
|
110
110
|
}
|
|
111
111
|
renderImage() {
|
|
112
112
|
var _a;
|
|
@@ -150,7 +150,7 @@ const Chip = class {
|
|
|
150
150
|
makeEnterClickable.removeEnterClickable(this.host);
|
|
151
151
|
}
|
|
152
152
|
render() {
|
|
153
|
-
return (index.h(index.Host, { key: '
|
|
153
|
+
return (index.h(index.Host, { key: '32f0df7f6665bd8b7ae90c423e1052b60a6f3823', onClick: this.filterClickWhenDisabled }, this.link ? this.renderAsLink() : this.renderAsButton()));
|
|
154
154
|
}
|
|
155
155
|
renderPicture() {
|
|
156
156
|
var _a, _b;
|
|
@@ -558,7 +558,7 @@ const ChipSet = class {
|
|
|
558
558
|
});
|
|
559
559
|
}
|
|
560
560
|
const value = this.getValue();
|
|
561
|
-
return (index.h(index.Host, { key: '
|
|
561
|
+
return (index.h(index.Host, { key: '61cf1dbed2cf2009e119636c738ac14e825a7a9d' }, index.h("limel-notched-outline", { key: '0443dd8d4a39fbc53e879027633bc06eb99dab6f', labelId: this.labelId, label: this.label, required: this.required, invalid: this.invalid || this.isInvalid(), disabled: this.disabled, readonly: this.readonly, hasValue: !!((_a = this.value) === null || _a === void 0 ? void 0 : _a.length), hasLeadingIcon: !!this.leadingIcon, hasFloatingLabel: this.floatLabelAbove() }, index.h("div", Object.assign({ key: '7c48b63a8b06b5a8d405fb3966deba769e100169', slot: "content" }, this.getContentProps(), { class: classes }), this.renderContent(value))), this.renderHelperLine()));
|
|
562
562
|
}
|
|
563
563
|
getContentProps() {
|
|
564
564
|
if (this.type === 'input') {
|
|
@@ -99,7 +99,7 @@ const CollapsibleSection = class {
|
|
|
99
99
|
makeEnterClickable.removeEnterClickable(button);
|
|
100
100
|
}
|
|
101
101
|
render() {
|
|
102
|
-
return (index.h("section", { key: '
|
|
102
|
+
return (index.h("section", { key: '0ecf7d54f66065288472a96f4d3da5949219188a', class: `${this.isOpen ? 'open' : ''}`, "aria-invalid": this.invalid, "aria-labelledby": this.header ? this.headingId : null }, index.h("header", { key: 'b9ece52c89f5969a25a858d9bdf163a9e6de75d7' }, index.h("button", { key: '2a295e3b926627a8657362d4a2928752e758fd96', class: "open-close-toggle", onClick: this.onClick, "aria-controls": this.bodyId, "aria-expanded": this.isOpen ? 'true' : 'false', "aria-label": this.getCollapsibleSectionAriaLabel(), type: "button" }), this.renderExpandCollapseSign(), this.renderIcon(), this.renderHeading(), index.h("div", { key: '3b9d78c189b062264b26d8ca11ae2f0b599cb708', class: "divider-line", role: "presentation" }), this.renderHeaderSlot(), this.renderActions()), index.h("div", { key: '0fff2003ad63654e117a567d350f6909062a88d4', class: "body", "aria-hidden": String(!this.isOpen), id: this.bodyId, role: "region" }, index.h("slot", { key: 'd00ac66e669c70f5b877fc1ed657d35f7f828107' }))));
|
|
103
103
|
}
|
|
104
104
|
renderHeaderSlot() {
|
|
105
105
|
return index.h("slot", { name: "header" });
|
|
@@ -15,7 +15,7 @@ const Header = class {
|
|
|
15
15
|
this.subheadingDivider = '·';
|
|
16
16
|
}
|
|
17
17
|
render() {
|
|
18
|
-
return (index.h(index.Host, { key: '
|
|
18
|
+
return (index.h(index.Host, { key: '9187592e41befbd12fbef3bb4c8b5cb6bc6bed25' }, index.h("div", { key: '2a667a272a2e9fc4de7be1708abf34806174c33f', class: "information" }, this.renderIcon(), index.h("div", { key: '4dac266d2bfd7435f8b31cb1f1f85cf7ea4f66bd', class: "headings" }, index.h("h1", { key: 'f60ebe3ca473586291c806ce025df8e05a9468c4', class: "heading", title: this.heading }, this.heading), index.h("h2", { key: '37db047610cf146c8c738dc87911678144e90466', class: "subheading", title: this.subheading }, this.subheading, this.renderSupportingText()))), index.h("slot", { key: '3bb8cc3adb53bc3ed9216cd568af490ec93a2c96', name: "actions" }, index.h("slot", { key: '5f3caca6968905f52717c3ffb5c18a097ba7808e' }))));
|
|
19
19
|
}
|
|
20
20
|
renderIcon() {
|
|
21
21
|
var _a, _b, _c, _d, _e;
|
|
@@ -49,7 +49,7 @@ const IconButton = class {
|
|
|
49
49
|
if (this.host.hasAttribute('tabindex')) {
|
|
50
50
|
buttonAttributes.tabindex = this.host.getAttribute('tabindex');
|
|
51
51
|
}
|
|
52
|
-
return (index.h(index.Host, { key: '
|
|
52
|
+
return (index.h(index.Host, { key: 'ffea4e0d48339c908b3ae9afc4d3b46922189ad6', onClick: this.filterClickWhenDisabled }, index.h("button", Object.assign({ key: 'e4689ca52a6c0c81ddb6e9637584fe140846025b', "aria-label": this.label, disabled: this.disabled, id: this.tooltipId }, buttonAttributes), this.renderIcon(), this.renderTooltip(this.tooltipId))));
|
|
53
53
|
}
|
|
54
54
|
renderIcon() {
|
|
55
55
|
var _a, _b;
|
|
@@ -189,7 +189,7 @@ const Picker = class {
|
|
|
189
189
|
props.maxItems = 1;
|
|
190
190
|
}
|
|
191
191
|
return [
|
|
192
|
-
index.h("limel-chip-set", Object.assign({ key: '
|
|
192
|
+
index.h("limel-chip-set", Object.assign({ key: '92d3884770f8e3ce3c747044ab9e6061bc595b1a', type: "input", inputType: "search", label: this.label, helperText: this.helperText, leadingIcon: this.leadingIcon, value: this.chips, disabled: this.disabled, invalid: this.invalid, delimiter: this.renderDelimiter(), readonly: this.readonly, required: this.required, searchLabel: this.searchLabel, onInput: this.handleTextInput, onKeyDown: this.handleInputKeyDown, onChange: this.handleChange, onInteract: this.handleInteract, onStartEdit: this.handleInputFieldFocus, onStopEdit: this.handleStopEditAndBlur, emptyInputOnBlur: false, clearAllButton: this.multiple && !this.chipSetEditMode }, props)),
|
|
193
193
|
this.renderDropdown(),
|
|
194
194
|
];
|
|
195
195
|
}
|
|
@@ -48,7 +48,7 @@ const Shortcut = class {
|
|
|
48
48
|
render() {
|
|
49
49
|
var _a, _b, _c, _d, _e;
|
|
50
50
|
const rel = linkHelper.getRel((_a = this.link) === null || _a === void 0 ? void 0 : _a.target, (_b = this.link) === null || _b === void 0 ? void 0 : _b.rel);
|
|
51
|
-
return (index.h(index.Host, { key: '
|
|
51
|
+
return (index.h(index.Host, { key: 'edf3774fe6e6d8e91866e4517e3614907dd499a0', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, index.h("a", { key: '1ed137455023ec2caa34cc2a2c1e893f8178cad4', "aria-disabled": this.disabled, href: (_c = this.link) === null || _c === void 0 ? void 0 : _c.href, target: (_d = this.link) === null || _d === void 0 ? void 0 : _d.target, rel: rel, tabindex: "0", "aria-label": this.getAriaLabel(), title: (_e = this.link) === null || _e === void 0 ? void 0 : _e.title }, index.h("limel-icon", { key: 'c36a0d1d339675309d85e02a342e30d4fd002b58', name: this.icon }), index.h("limel-3d-hover-effect-glow", { key: 'ab9be4306bb4af9b5cb958acbb82a75eb3cfc4d4' })), this.renderLabel(), this.renderNotification()));
|
|
52
52
|
}
|
|
53
53
|
get host() { return index.getElement(this); }
|
|
54
54
|
};
|
|
@@ -45,9 +45,9 @@ const SplitButton = class {
|
|
|
45
45
|
};
|
|
46
46
|
}
|
|
47
47
|
render() {
|
|
48
|
-
return (index.h(index.Host, { key: '
|
|
48
|
+
return (index.h(index.Host, { key: 'd76de1269634f7f6c997d60f279d6305eb098469', class: {
|
|
49
49
|
'has-menu': this.items.length > 0,
|
|
50
|
-
}, onClick: this.filterClickWhenDisabled }, index.h("limel-button", { key: '
|
|
50
|
+
}, onClick: this.filterClickWhenDisabled }, index.h("limel-button", { key: '93b69e21144ab3ee5be1c434032bce972d7d3d54', label: this.label, primary: this.primary, icon: this.icon, disabled: this.disabled, loading: this.loading, loadingFailed: this.loadingFailed }), this.renderMenu()));
|
|
51
51
|
}
|
|
52
52
|
static get delegatesFocus() { return true; }
|
|
53
53
|
};
|
|
@@ -20,7 +20,7 @@ export class Banner {
|
|
|
20
20
|
this.isOpen = false;
|
|
21
21
|
}
|
|
22
22
|
render() {
|
|
23
|
-
return (h("div", { key: '
|
|
23
|
+
return (h("div", { key: '7aa9f02c71a64eebf5afcbff9ef819addcd44217', class: `lime-banner ${this.isOpen ? 'lime-banner--open' : ''}` }, h("div", { key: 'c381d72fd3cec7bb82a244a2a38ba410870cfd9e', class: "lime-banner__surface" }, h("div", { key: '307b2422ac6391bb1a2afc4764c65211567ad935', class: "lime-banner__content" }, h("div", { key: '5f072a6979f5065d11472ae14cf1ad3171b0375e', class: "icon-message" }, this.renderIcon(), h("div", { key: '204b58d8a3d3a201aee68e8e5395bd8fa583a42e' }, this.message)), h("div", { key: '2637122052a4b16ed79b0cd3ac53841fea95ee64', class: "lime-banner__actions" }, h("slot", { key: '5950d12303938141671578dff146caf2434b3614', name: "buttons" }))))));
|
|
24
24
|
}
|
|
25
25
|
renderIcon() {
|
|
26
26
|
if (!this.icon) {
|
|
@@ -65,9 +65,16 @@ export class Banner {
|
|
|
65
65
|
"type": "string",
|
|
66
66
|
"mutable": false,
|
|
67
67
|
"complexType": {
|
|
68
|
-
"original": "
|
|
68
|
+
"original": "IconName",
|
|
69
69
|
"resolved": "string",
|
|
70
|
-
"references": {
|
|
70
|
+
"references": {
|
|
71
|
+
"IconName": {
|
|
72
|
+
"location": "import",
|
|
73
|
+
"path": "../../global/shared-types/icon.types",
|
|
74
|
+
"id": "src/global/shared-types/icon.types.ts::IconName",
|
|
75
|
+
"referenceLocation": "IconName"
|
|
76
|
+
}
|
|
77
|
+
}
|
|
71
78
|
},
|
|
72
79
|
"required": false,
|
|
73
80
|
"optional": false,
|
|
@@ -66,12 +66,12 @@ export class Button {
|
|
|
66
66
|
removeEnterClickable(this.host);
|
|
67
67
|
}
|
|
68
68
|
render() {
|
|
69
|
-
return (h(Host, { key: '
|
|
69
|
+
return (h(Host, { key: '0c409d801aa06800490755411975a2c47fe81331', onClick: this.filterClickWhenDisabled }, h("button", { key: 'd6f001cc42e8ffcf0986896e546a4f9349415160', class: {
|
|
70
70
|
loading: this.loading,
|
|
71
71
|
'just-loaded': this.justLoaded && !this.loadingFailed,
|
|
72
72
|
'just-failed': this.justLoaded && this.loadingFailed,
|
|
73
73
|
outlined: this.outlined,
|
|
74
|
-
}, disabled: this.disabled || this.loading, "aria-busy": this.loading ? 'true' : 'false', "aria-live": "polite" }, this.renderIcon(this.icon), this.renderLabel(), this.renderSpinner(), h("svg", { key: '
|
|
74
|
+
}, disabled: this.disabled || this.loading, "aria-busy": this.loading ? 'true' : 'false', "aria-live": "polite" }, this.renderIcon(this.icon), this.renderLabel(), this.renderSpinner(), h("svg", { key: '1a43254ec41997b2218ae39050605402685a66ed', viewBox: "0 0 30 30" }, this.renderLoadingIcons()))));
|
|
75
75
|
}
|
|
76
76
|
loadingWatcher(newValue, oldValue) {
|
|
77
77
|
const hasFinishedLoading = this.hasFinishedLoading(newValue, oldValue);
|
|
@@ -227,9 +227,15 @@ export class Button {
|
|
|
227
227
|
"type": "string",
|
|
228
228
|
"mutable": false,
|
|
229
229
|
"complexType": {
|
|
230
|
-
"original": "
|
|
230
|
+
"original": "IconName | Icon",
|
|
231
231
|
"resolved": "Icon | string",
|
|
232
232
|
"references": {
|
|
233
|
+
"IconName": {
|
|
234
|
+
"location": "import",
|
|
235
|
+
"path": "../../global/shared-types/icon.types",
|
|
236
|
+
"id": "src/global/shared-types/icon.types.ts::IconName",
|
|
237
|
+
"referenceLocation": "IconName"
|
|
238
|
+
},
|
|
233
239
|
"Icon": {
|
|
234
240
|
"location": "import",
|
|
235
241
|
"path": "../../global/shared-types/icon.types",
|
|
@@ -115,7 +115,7 @@ export class Card {
|
|
|
115
115
|
this.setMarkdownElement(this.markdownElement);
|
|
116
116
|
}
|
|
117
117
|
render() {
|
|
118
|
-
return (h(Host, { key: '
|
|
118
|
+
return (h(Host, { key: 'a60b363b72cba953f51716c4f7d31d9e40b0e442', onMouseEnter: this.show3dEffect ? this.handleMouseEnter : undefined, onMouseLeave: this.show3dEffect ? this.handleMouseLeave : undefined }, h("section", { key: '88b34aaf325184ee1fd89e0b940652a8036f0b46', tabindex: this.clickable ? 0 : undefined, role: this.clickable ? 'button' : undefined, "aria-pressed": this.clickable ? String(this.selected) : undefined, onKeyDown: this.clickable ? this.handleKeyDown : undefined }, this.renderImage(), h("div", { key: '229fe4c0a4ed0f93ff4687c787655b4b96d3a424', class: "body" }, this.renderHeader(), this.renderSlot(), this.renderValue(), this.renderActionBar()), this.show3dEffect && h("limel-3d-hover-effect-glow", { key: 'd9ca3097a18c0c7af6cb6bee0afb1b23df23332a' }))));
|
|
119
119
|
}
|
|
120
120
|
renderImage() {
|
|
121
121
|
var _a;
|
|
@@ -252,9 +252,15 @@ export class Card {
|
|
|
252
252
|
"type": "string",
|
|
253
253
|
"mutable": false,
|
|
254
254
|
"complexType": {
|
|
255
|
-
"original": "
|
|
255
|
+
"original": "IconName | Icon",
|
|
256
256
|
"resolved": "Icon | string",
|
|
257
257
|
"references": {
|
|
258
|
+
"IconName": {
|
|
259
|
+
"location": "import",
|
|
260
|
+
"path": "../../global/shared-types/icon.types",
|
|
261
|
+
"id": "src/global/shared-types/icon.types.ts::IconName",
|
|
262
|
+
"referenceLocation": "IconName"
|
|
263
|
+
},
|
|
258
264
|
"Icon": {
|
|
259
265
|
"location": "import",
|
|
260
266
|
"path": "../../global/shared-types/icon.types",
|
|
@@ -175,7 +175,7 @@ export class Chip {
|
|
|
175
175
|
removeEnterClickable(this.host);
|
|
176
176
|
}
|
|
177
177
|
render() {
|
|
178
|
-
return (h(Host, { key: '
|
|
178
|
+
return (h(Host, { key: '32f0df7f6665bd8b7ae90c423e1052b60a6f3823', onClick: this.filterClickWhenDisabled }, this.link ? this.renderAsLink() : this.renderAsButton()));
|
|
179
179
|
}
|
|
180
180
|
renderPicture() {
|
|
181
181
|
var _a, _b;
|
|
@@ -315,9 +315,15 @@ export class Chip {
|
|
|
315
315
|
"type": "string",
|
|
316
316
|
"mutable": false,
|
|
317
317
|
"complexType": {
|
|
318
|
-
"original": "
|
|
318
|
+
"original": "IconName | Icon",
|
|
319
319
|
"resolved": "Icon | string",
|
|
320
320
|
"references": {
|
|
321
|
+
"IconName": {
|
|
322
|
+
"location": "import",
|
|
323
|
+
"path": "../../global/shared-types/icon.types",
|
|
324
|
+
"id": "src/global/shared-types/icon.types.ts::IconName",
|
|
325
|
+
"referenceLocation": "IconName"
|
|
326
|
+
},
|
|
321
327
|
"Icon": {
|
|
322
328
|
"location": "import",
|
|
323
329
|
"path": "../../global/shared-types/icon.types",
|
|
@@ -269,7 +269,7 @@ export class ChipSet {
|
|
|
269
269
|
});
|
|
270
270
|
}
|
|
271
271
|
const value = this.getValue();
|
|
272
|
-
return (h(Host, { key: '
|
|
272
|
+
return (h(Host, { key: '61cf1dbed2cf2009e119636c738ac14e825a7a9d' }, h("limel-notched-outline", { key: '0443dd8d4a39fbc53e879027633bc06eb99dab6f', labelId: this.labelId, label: this.label, required: this.required, invalid: this.invalid || this.isInvalid(), disabled: this.disabled, readonly: this.readonly, hasValue: !!((_a = this.value) === null || _a === void 0 ? void 0 : _a.length), hasLeadingIcon: !!this.leadingIcon, hasFloatingLabel: this.floatLabelAbove() }, h("div", Object.assign({ key: '7c48b63a8b06b5a8d405fb3966deba769e100169', slot: "content" }, this.getContentProps(), { class: classes }), this.renderContent(value))), this.renderHelperLine()));
|
|
273
273
|
}
|
|
274
274
|
getContentProps() {
|
|
275
275
|
if (this.type === 'input') {
|
|
@@ -752,9 +752,16 @@ export class ChipSet {
|
|
|
752
752
|
"type": "string",
|
|
753
753
|
"mutable": false,
|
|
754
754
|
"complexType": {
|
|
755
|
-
"original": "
|
|
755
|
+
"original": "IconName",
|
|
756
756
|
"resolved": "string",
|
|
757
|
-
"references": {
|
|
757
|
+
"references": {
|
|
758
|
+
"IconName": {
|
|
759
|
+
"location": "import",
|
|
760
|
+
"path": "../../global/shared-types/icon.types",
|
|
761
|
+
"id": "src/global/shared-types/icon.types.ts::IconName",
|
|
762
|
+
"referenceLocation": "IconName"
|
|
763
|
+
}
|
|
764
|
+
}
|
|
758
765
|
},
|
|
759
766
|
"required": false,
|
|
760
767
|
"optional": false,
|
|
@@ -111,7 +111,7 @@ export class CollapsibleSection {
|
|
|
111
111
|
removeEnterClickable(button);
|
|
112
112
|
}
|
|
113
113
|
render() {
|
|
114
|
-
return (h("section", { key: '
|
|
114
|
+
return (h("section", { key: '0ecf7d54f66065288472a96f4d3da5949219188a', class: `${this.isOpen ? 'open' : ''}`, "aria-invalid": this.invalid, "aria-labelledby": this.header ? this.headingId : null }, h("header", { key: 'b9ece52c89f5969a25a858d9bdf163a9e6de75d7' }, h("button", { key: '2a295e3b926627a8657362d4a2928752e758fd96', class: "open-close-toggle", onClick: this.onClick, "aria-controls": this.bodyId, "aria-expanded": this.isOpen ? 'true' : 'false', "aria-label": this.getCollapsibleSectionAriaLabel(), type: "button" }), this.renderExpandCollapseSign(), this.renderIcon(), this.renderHeading(), h("div", { key: '3b9d78c189b062264b26d8ca11ae2f0b599cb708', class: "divider-line", role: "presentation" }), this.renderHeaderSlot(), this.renderActions()), h("div", { key: '0fff2003ad63654e117a567d350f6909062a88d4', class: "body", "aria-hidden": String(!this.isOpen), id: this.bodyId, role: "region" }, h("slot", { key: 'd00ac66e669c70f5b877fc1ed657d35f7f828107' }))));
|
|
115
115
|
}
|
|
116
116
|
renderHeaderSlot() {
|
|
117
117
|
return h("slot", { name: "header" });
|
|
@@ -173,9 +173,15 @@ export class CollapsibleSection {
|
|
|
173
173
|
"type": "string",
|
|
174
174
|
"mutable": false,
|
|
175
175
|
"complexType": {
|
|
176
|
-
"original": "
|
|
176
|
+
"original": "IconName | Icon",
|
|
177
177
|
"resolved": "Icon | string",
|
|
178
178
|
"references": {
|
|
179
|
+
"IconName": {
|
|
180
|
+
"location": "import",
|
|
181
|
+
"path": "../../global/shared-types/icon.types",
|
|
182
|
+
"id": "src/global/shared-types/icon.types.ts::IconName",
|
|
183
|
+
"referenceLocation": "IconName"
|
|
184
|
+
},
|
|
179
185
|
"Icon": {
|
|
180
186
|
"location": "import",
|
|
181
187
|
"path": "../../global/shared-types/icon.types",
|
|
@@ -61,7 +61,7 @@ export class Header {
|
|
|
61
61
|
this.subheadingDivider = '·';
|
|
62
62
|
}
|
|
63
63
|
render() {
|
|
64
|
-
return (h(Host, { key: '
|
|
64
|
+
return (h(Host, { key: '9187592e41befbd12fbef3bb4c8b5cb6bc6bed25' }, h("div", { key: '2a667a272a2e9fc4de7be1708abf34806174c33f', class: "information" }, this.renderIcon(), h("div", { key: '4dac266d2bfd7435f8b31cb1f1f85cf7ea4f66bd', class: "headings" }, h("h1", { key: 'f60ebe3ca473586291c806ce025df8e05a9468c4', class: "heading", title: this.heading }, this.heading), h("h2", { key: '37db047610cf146c8c738dc87911678144e90466', class: "subheading", title: this.subheading }, this.subheading, this.renderSupportingText()))), h("slot", { key: '3bb8cc3adb53bc3ed9216cd568af490ec93a2c96', name: "actions" }, h("slot", { key: '5f3caca6968905f52717c3ffb5c18a097ba7808e' }))));
|
|
65
65
|
}
|
|
66
66
|
renderIcon() {
|
|
67
67
|
var _a, _b, _c, _d, _e;
|
|
@@ -105,9 +105,15 @@ export class Header {
|
|
|
105
105
|
"type": "string",
|
|
106
106
|
"mutable": false,
|
|
107
107
|
"complexType": {
|
|
108
|
-
"original": "
|
|
108
|
+
"original": "IconName | Icon",
|
|
109
109
|
"resolved": "Icon | string",
|
|
110
110
|
"references": {
|
|
111
|
+
"IconName": {
|
|
112
|
+
"location": "import",
|
|
113
|
+
"path": "../../global/shared-types/icon.types",
|
|
114
|
+
"id": "src/global/shared-types/icon.types.ts::IconName",
|
|
115
|
+
"referenceLocation": "IconName"
|
|
116
|
+
},
|
|
111
117
|
"Icon": {
|
|
112
118
|
"location": "import",
|
|
113
119
|
"path": "../../global/shared-types/icon.types",
|
|
@@ -52,7 +52,7 @@ export class IconButton {
|
|
|
52
52
|
if (this.host.hasAttribute('tabindex')) {
|
|
53
53
|
buttonAttributes.tabindex = this.host.getAttribute('tabindex');
|
|
54
54
|
}
|
|
55
|
-
return (h(Host, { key: '
|
|
55
|
+
return (h(Host, { key: 'ffea4e0d48339c908b3ae9afc4d3b46922189ad6', onClick: this.filterClickWhenDisabled }, h("button", Object.assign({ key: 'e4689ca52a6c0c81ddb6e9637584fe140846025b', "aria-label": this.label, disabled: this.disabled, id: this.tooltipId }, buttonAttributes), this.renderIcon(), this.renderTooltip(this.tooltipId))));
|
|
56
56
|
}
|
|
57
57
|
renderIcon() {
|
|
58
58
|
var _a, _b;
|
|
@@ -87,9 +87,15 @@ export class IconButton {
|
|
|
87
87
|
"type": "string",
|
|
88
88
|
"mutable": false,
|
|
89
89
|
"complexType": {
|
|
90
|
-
"original": "
|
|
90
|
+
"original": "IconName | Icon",
|
|
91
91
|
"resolved": "Icon | string",
|
|
92
92
|
"references": {
|
|
93
|
+
"IconName": {
|
|
94
|
+
"location": "import",
|
|
95
|
+
"path": "../../global/shared-types/icon.types",
|
|
96
|
+
"id": "src/global/shared-types/icon.types.ts::IconName",
|
|
97
|
+
"referenceLocation": "IconName"
|
|
98
|
+
},
|
|
93
99
|
"Icon": {
|
|
94
100
|
"location": "import",
|
|
95
101
|
"path": "../../global/shared-types/icon.types",
|
|
@@ -588,7 +588,7 @@ export class InputField {
|
|
|
588
588
|
if (ariaControls) {
|
|
589
589
|
properties['aria-controls'] = ariaControls;
|
|
590
590
|
}
|
|
591
|
-
return (h(Host, { key: '
|
|
591
|
+
return (h(Host, { key: '9d9f875efe46cf089691d76d8ee2ae3962bd7e61' }, h("limel-notched-outline", { key: '8ffe928fde6db049df4b16acdd56c1d0e310c0db', labelId: this.labelId, label: this.label, required: this.required, invalid: this.invalid || this.isInvalid(), disabled: this.disabled, readonly: this.readonly, hasValue: !!this.value, hasLeadingIcon: !!this.leadingIcon }, h("label", { key: '10ab035f3e6f4259e2e0e09c6e3ba78288155698', slot: "content", class: this.getContainerClassList() }, this.renderLeadingIcon(), this.renderPrefix(), this.renderFormattedNumber(), this.renderInput(properties), this.renderSuffix(), this.renderTextarea(properties), this.renderTrailingLinkOrButton())), this.renderHelperLine(), this.renderAutocompleteList()));
|
|
592
592
|
}
|
|
593
593
|
valueWatcher(newValue) {
|
|
594
594
|
if (!this.mdcTextField) {
|
|
@@ -832,9 +832,16 @@ export class InputField {
|
|
|
832
832
|
"type": "string",
|
|
833
833
|
"mutable": false,
|
|
834
834
|
"complexType": {
|
|
835
|
-
"original": "
|
|
835
|
+
"original": "IconName",
|
|
836
836
|
"resolved": "string",
|
|
837
|
-
"references": {
|
|
837
|
+
"references": {
|
|
838
|
+
"IconName": {
|
|
839
|
+
"location": "import",
|
|
840
|
+
"path": "../../global/shared-types/icon.types",
|
|
841
|
+
"id": "src/global/shared-types/icon.types.ts::IconName",
|
|
842
|
+
"referenceLocation": "IconName"
|
|
843
|
+
}
|
|
844
|
+
}
|
|
838
845
|
},
|
|
839
846
|
"required": false,
|
|
840
847
|
"optional": false,
|
|
@@ -851,9 +858,16 @@ export class InputField {
|
|
|
851
858
|
"type": "string",
|
|
852
859
|
"mutable": false,
|
|
853
860
|
"complexType": {
|
|
854
|
-
"original": "
|
|
861
|
+
"original": "IconName",
|
|
855
862
|
"resolved": "string",
|
|
856
|
-
"references": {
|
|
863
|
+
"references": {
|
|
864
|
+
"IconName": {
|
|
865
|
+
"location": "import",
|
|
866
|
+
"path": "../../global/shared-types/icon.types",
|
|
867
|
+
"id": "src/global/shared-types/icon.types.ts::IconName",
|
|
868
|
+
"referenceLocation": "IconName"
|
|
869
|
+
}
|
|
870
|
+
}
|
|
857
871
|
},
|
|
858
872
|
"required": false,
|
|
859
873
|
"optional": false,
|
|
@@ -189,7 +189,7 @@ export class Picker {
|
|
|
189
189
|
props.maxItems = 1;
|
|
190
190
|
}
|
|
191
191
|
return [
|
|
192
|
-
h("limel-chip-set", Object.assign({ key: '
|
|
192
|
+
h("limel-chip-set", Object.assign({ key: '92d3884770f8e3ce3c747044ab9e6061bc595b1a', type: "input", inputType: "search", label: this.label, helperText: this.helperText, leadingIcon: this.leadingIcon, value: this.chips, disabled: this.disabled, invalid: this.invalid, delimiter: this.renderDelimiter(), readonly: this.readonly, required: this.required, searchLabel: this.searchLabel, onInput: this.handleTextInput, onKeyDown: this.handleInputKeyDown, onChange: this.handleChange, onInteract: this.handleInteract, onStartEdit: this.handleInputFieldFocus, onStopEdit: this.handleStopEditAndBlur, emptyInputOnBlur: false, clearAllButton: this.multiple && !this.chipSetEditMode }, props)),
|
|
193
193
|
this.renderDropdown(),
|
|
194
194
|
];
|
|
195
195
|
}
|
|
@@ -595,9 +595,16 @@ export class Picker {
|
|
|
595
595
|
"type": "string",
|
|
596
596
|
"mutable": false,
|
|
597
597
|
"complexType": {
|
|
598
|
-
"original": "
|
|
598
|
+
"original": "IconName",
|
|
599
599
|
"resolved": "string",
|
|
600
|
-
"references": {
|
|
600
|
+
"references": {
|
|
601
|
+
"IconName": {
|
|
602
|
+
"location": "import",
|
|
603
|
+
"path": "../../global/shared-types/icon.types",
|
|
604
|
+
"id": "src/global/shared-types/icon.types.ts::IconName",
|
|
605
|
+
"referenceLocation": "IconName"
|
|
606
|
+
}
|
|
607
|
+
}
|
|
601
608
|
},
|
|
602
609
|
"required": false,
|
|
603
610
|
"optional": false,
|
|
@@ -322,9 +322,15 @@ export class ProfilePicture {
|
|
|
322
322
|
"type": "string",
|
|
323
323
|
"mutable": false,
|
|
324
324
|
"complexType": {
|
|
325
|
-
"original": "
|
|
325
|
+
"original": "IconName | Icon",
|
|
326
326
|
"resolved": "Icon | string",
|
|
327
327
|
"references": {
|
|
328
|
+
"IconName": {
|
|
329
|
+
"location": "import",
|
|
330
|
+
"path": "../../global/shared-types/icon.types",
|
|
331
|
+
"id": "src/global/shared-types/icon.types.ts::IconName",
|
|
332
|
+
"referenceLocation": "IconName"
|
|
333
|
+
},
|
|
328
334
|
"Icon": {
|
|
329
335
|
"location": "import",
|
|
330
336
|
"path": "../../global/shared-types/icon.types",
|
|
@@ -56,7 +56,7 @@ export class Shortcut {
|
|
|
56
56
|
render() {
|
|
57
57
|
var _a, _b, _c, _d, _e;
|
|
58
58
|
const rel = getRel((_a = this.link) === null || _a === void 0 ? void 0 : _a.target, (_b = this.link) === null || _b === void 0 ? void 0 : _b.rel);
|
|
59
|
-
return (h(Host, { key: '
|
|
59
|
+
return (h(Host, { key: 'edf3774fe6e6d8e91866e4517e3614907dd499a0', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, h("a", { key: '1ed137455023ec2caa34cc2a2c1e893f8178cad4', "aria-disabled": this.disabled, href: (_c = this.link) === null || _c === void 0 ? void 0 : _c.href, target: (_d = this.link) === null || _d === void 0 ? void 0 : _d.target, rel: rel, tabindex: "0", "aria-label": this.getAriaLabel(), title: (_e = this.link) === null || _e === void 0 ? void 0 : _e.title }, h("limel-icon", { key: 'c36a0d1d339675309d85e02a342e30d4fd002b58', name: this.icon }), h("limel-3d-hover-effect-glow", { key: 'ab9be4306bb4af9b5cb958acbb82a75eb3cfc4d4' })), this.renderLabel(), this.renderNotification()));
|
|
60
60
|
}
|
|
61
61
|
static get is() { return "limel-shortcut"; }
|
|
62
62
|
static get encapsulation() { return "shadow"; }
|
|
@@ -76,9 +76,16 @@ export class Shortcut {
|
|
|
76
76
|
"type": "string",
|
|
77
77
|
"mutable": false,
|
|
78
78
|
"complexType": {
|
|
79
|
-
"original": "
|
|
79
|
+
"original": "IconName",
|
|
80
80
|
"resolved": "string",
|
|
81
|
-
"references": {
|
|
81
|
+
"references": {
|
|
82
|
+
"IconName": {
|
|
83
|
+
"location": "import",
|
|
84
|
+
"path": "../../global/shared-types/icon.types",
|
|
85
|
+
"id": "src/global/shared-types/icon.types.ts::IconName",
|
|
86
|
+
"referenceLocation": "IconName"
|
|
87
|
+
}
|
|
88
|
+
}
|
|
82
89
|
},
|
|
83
90
|
"required": false,
|
|
84
91
|
"optional": false,
|
|
@@ -55,9 +55,9 @@ export class SplitButton {
|
|
|
55
55
|
};
|
|
56
56
|
}
|
|
57
57
|
render() {
|
|
58
|
-
return (h(Host, { key: '
|
|
58
|
+
return (h(Host, { key: 'd76de1269634f7f6c997d60f279d6305eb098469', class: {
|
|
59
59
|
'has-menu': this.items.length > 0,
|
|
60
|
-
}, onClick: this.filterClickWhenDisabled }, h("limel-button", { key: '
|
|
60
|
+
}, onClick: this.filterClickWhenDisabled }, h("limel-button", { key: '93b69e21144ab3ee5be1c434032bce972d7d3d54', label: this.label, primary: this.primary, icon: this.icon, disabled: this.disabled, loading: this.loading, loadingFailed: this.loadingFailed }), this.renderMenu()));
|
|
61
61
|
}
|
|
62
62
|
static get is() { return "limel-split-button"; }
|
|
63
63
|
static get encapsulation() { return "shadow"; }
|
|
@@ -117,9 +117,16 @@ export class SplitButton {
|
|
|
117
117
|
"type": "string",
|
|
118
118
|
"mutable": false,
|
|
119
119
|
"complexType": {
|
|
120
|
-
"original": "
|
|
120
|
+
"original": "IconName",
|
|
121
121
|
"resolved": "string",
|
|
122
|
-
"references": {
|
|
122
|
+
"references": {
|
|
123
|
+
"IconName": {
|
|
124
|
+
"location": "import",
|
|
125
|
+
"path": "../../global/shared-types/icon.types",
|
|
126
|
+
"id": "src/global/shared-types/icon.types.ts::IconName",
|
|
127
|
+
"referenceLocation": "IconName"
|
|
128
|
+
}
|
|
129
|
+
}
|
|
123
130
|
},
|
|
124
131
|
"required": false,
|
|
125
132
|
"optional": false,
|
|
@@ -20,7 +20,7 @@ const Banner = class {
|
|
|
20
20
|
this.isOpen = false;
|
|
21
21
|
}
|
|
22
22
|
render() {
|
|
23
|
-
return (h("div", { key: '
|
|
23
|
+
return (h("div", { key: '7aa9f02c71a64eebf5afcbff9ef819addcd44217', class: `lime-banner ${this.isOpen ? 'lime-banner--open' : ''}` }, h("div", { key: 'c381d72fd3cec7bb82a244a2a38ba410870cfd9e', class: "lime-banner__surface" }, h("div", { key: '307b2422ac6391bb1a2afc4764c65211567ad935', class: "lime-banner__content" }, h("div", { key: '5f072a6979f5065d11472ae14cf1ad3171b0375e', class: "icon-message" }, this.renderIcon(), h("div", { key: '204b58d8a3d3a201aee68e8e5395bd8fa583a42e' }, this.message)), h("div", { key: '2637122052a4b16ed79b0cd3ac53841fea95ee64', class: "lime-banner__actions" }, h("slot", { key: '5950d12303938141671578dff146caf2434b3614', name: "buttons" }))))));
|
|
24
24
|
}
|
|
25
25
|
renderIcon() {
|
|
26
26
|
if (!this.icon) {
|
|
@@ -669,7 +669,7 @@ const InputField = class {
|
|
|
669
669
|
if (ariaControls) {
|
|
670
670
|
properties['aria-controls'] = ariaControls;
|
|
671
671
|
}
|
|
672
|
-
return (h(Host, { key: '
|
|
672
|
+
return (h(Host, { key: '9d9f875efe46cf089691d76d8ee2ae3962bd7e61' }, h("limel-notched-outline", { key: '8ffe928fde6db049df4b16acdd56c1d0e310c0db', labelId: this.labelId, label: this.label, required: this.required, invalid: this.invalid || this.isInvalid(), disabled: this.disabled, readonly: this.readonly, hasValue: !!this.value, hasLeadingIcon: !!this.leadingIcon }, h("label", { key: '10ab035f3e6f4259e2e0e09c6e3ba78288155698', slot: "content", class: this.getContainerClassList() }, this.renderLeadingIcon(), this.renderPrefix(), this.renderFormattedNumber(), this.renderInput(properties), this.renderSuffix(), this.renderTextarea(properties), this.renderTrailingLinkOrButton())), this.renderHelperLine(), this.renderAutocompleteList()));
|
|
673
673
|
}
|
|
674
674
|
valueWatcher(newValue) {
|
|
675
675
|
if (!this.mdcTextField) {
|