@haiilo/catalyst 10.24.0 → 10.24.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/catalyst/catalyst.css +1 -1
- package/dist/catalyst/catalyst.esm.js +1 -1
- package/dist/catalyst/index.esm.js.map +1 -1
- package/dist/catalyst/{p-33a30da2.entry.js → p-a18011a6.entry.js} +2 -2
- package/dist/catalyst/{p-33a30da2.entry.js.map → p-a18011a6.entry.js.map} +1 -1
- package/dist/catalyst/scss/core/_notification.scss +1 -1
- package/dist/cjs/cat-alert_30.cjs.entry.js +2 -1
- package/dist/cjs/cat-alert_30.cjs.entry.js.map +1 -1
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/collection/components/cat-notification/cat-notification.js.map +1 -1
- package/dist/collection/components/cat-tag/cat-tag.js +3 -2
- package/dist/collection/components/cat-tag/cat-tag.js.map +1 -1
- package/dist/collection/scss/core/_notification.scss +1 -1
- package/dist/components/cat-tag.js +2 -1
- package/dist/components/cat-tag.js.map +1 -1
- package/dist/components/index.js.map +1 -1
- package/dist/esm/cat-alert_30.entry.js +2 -1
- package/dist/esm/cat-alert_30.entry.js.map +1 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/types/components/cat-notification/cat-notification.d.ts +4 -3
- package/package.json +2 -2
|
@@ -13216,7 +13216,7 @@ const CatTag = class {
|
|
|
13216
13216
|
return (index.h(index.Host, { key: '135364ebcdc0a62c65bac513a6b1064471dde605' }, index.h("div", { key: '4817ca9e3cd93efdc06e22e0b415db48b00185f7', class: { 'label-container': true, hidden: this.labelHidden } }, (this.hasSlottedLabel || this.label) && (index.h("label", { key: 'b95bcba6027f2fa40b7923366ceb2a1c26129a3e', htmlFor: `tags-${this.id}-input`, part: "label" }, index.h("span", { key: '9c704843a3c064509204833a3ba6e5eac2d21231', class: "label-wrapper" }, (this.hasSlottedLabel && index.h("slot", { key: 'e2ab5fe74ed24208728a982af1159dcc72a09c41', name: "label" })) || this.label, index.h("div", { key: '7469074d3cfc1bf339946d5a442af837dadf0084', class: "label-metadata" }, !this.required && (this.requiredMarker ?? 'optional').startsWith('optional') && (index.h("span", { key: '0d2aef89e70dbaa69158fe258696603e0d677c80', class: "label-optional", "aria-hidden": "true" }, "(", of.catI18nRegistry.t('input.optional'), ")")), this.required && this.requiredMarker?.startsWith('required') && (index.h("span", { key: '7a4aea95cd7d800a08f18f4328480d6f85a0496d', class: "label-optional", "aria-hidden": "true" }, "(", of.catI18nRegistry.t('input.required'), ")"))))))), index.h("div", { key: '1720e39c3bf5ba7985293e61d1dc418e73244811', class: { 'input-wrapper': true, 'input-disabled': this.disabled, 'input-invalid': this.invalid } }, this.value?.map(value => (index.h("div", { class: "tag-pill" }, index.h("span", null, value), !this.disabled && (index.h("cat-button", { size: "xs", variant: "text", icon: "$cat:select-clear", iconOnly: true, a11yLabel: of.catI18nRegistry.t('select.deselect'), onClick: () => this.deselect(value), tabIndex: -1 }))))), index.h("div", { key: '44dda72d8199e6734bccd7cc04d1b351fadd5aee', class: "input-inner-wrapper" }, index.h("input", { key: 'c0cf4621bb64972abc2de682ee6fd5c25fcbb204', ...this.nativeAttributes, part: "input", id: `tags-${this.id}-input`, class: "tags-input", role: "combobox", ref: el => (this.input = el), "aria-invalid": this.invalid ? 'true' : undefined, "aria-describedby": this.hasHint ? this.id + '-hint' : undefined, onInput: this.onInput.bind(this), placeholder: this.placeholder, disabled: this.disabled }), this.clearable && !this.disabled && (this.value?.length ?? 0) > 0 && (index.h("cat-button", { key: '3352788f1b1efcd077561c4f2a32ab08a1970447', class: "clearable", icon: "$cat:input-close", "icon-only": "true", size: "s", variant: "text", "a11y-label": of.catI18nRegistry.t('input.clear'), onClick: this.clear.bind(this), "data-dropdown-no-close": true })), this.invalid && index.h("cat-icon", { key: 'd699cf0b9b44899618e01d2fec55f020bd45c2b4', icon: "$cat:input-error", class: "icon-suffix cat-text-danger", size: "l" }))), this.hasHint && (index.h(CatFormHint, { key: '2b9e63f062e99069dc43946c236ddb7805b86f41', id: this.id, hint: this.hint, slottedHint: this.hasSlottedHint && index.h("slot", { name: "hint" }), errorMap: this.errorMap }))));
|
|
13217
13217
|
}
|
|
13218
13218
|
get hasHint() {
|
|
13219
|
-
return !!this.hint || this.invalid;
|
|
13219
|
+
return !!this.hint || !!this.hasSlottedHint || this.invalid;
|
|
13220
13220
|
}
|
|
13221
13221
|
get invalid() {
|
|
13222
13222
|
return this.errorMap === true || !!Object.keys(this.errorMap || {}).length;
|
|
@@ -13242,6 +13242,7 @@ const CatTag = class {
|
|
|
13242
13242
|
}
|
|
13243
13243
|
deselect(value) {
|
|
13244
13244
|
this.value = this.value?.filter(element => element !== value);
|
|
13245
|
+
this.catChange.emit(this.value);
|
|
13245
13246
|
}
|
|
13246
13247
|
showErrors() {
|
|
13247
13248
|
this.errorMap = this.errorMapSrc;
|