@getflip/swirl-components 0.371.0 → 0.372.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/components.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": "2025-08-28T13:09:18",
2
+ "timestamp": "2025-09-01T12:35:45",
3
3
  "compiler": {
4
4
  "name": "@stencil/core",
5
5
  "version": "4.35.0",
@@ -59247,13 +59247,7 @@
59247
59247
  "attr": "allow-html",
59248
59248
  "reflectToAttr": false,
59249
59249
  "docs": "",
59250
- "docsTags": [
59251
- {
59252
- "name": "default",
59253
- "text": "true"
59254
- }
59255
- ],
59256
- "default": "true",
59250
+ "docsTags": [],
59257
59251
  "values": [
59258
59252
  {
59259
59253
  "type": "boolean"
@@ -652,7 +652,6 @@ const SwirlResourceListItem = class {
652
652
  index.registerInstance(this, hostRef);
653
653
  this.toggleDrag = index.createEvent(this, "toggleDrag", 7);
654
654
  this.valueChange = index.createEvent(this, "valueChange", 7);
655
- this.allowHtml = true;
656
655
  this.checked = false;
657
656
  this.dragHandleDescription = "Press spacebar to toggle grab";
658
657
  this.dragHandleLabel = "Move item";
@@ -781,7 +780,7 @@ const SwirlResourceListItem = class {
781
780
  "resource-list-item--wrap-description": this.descriptionWrap,
782
781
  "resource-list-item--wrap-label": this.labelWrap,
783
782
  });
784
- return (index.h(index.Host, { key: '74c295778be2ba1f1d18172fe93ea8436d0ed609', role: hostRole }, index.h("div", { key: 'b7ac96248b20b6e705f605af9d754911fb53be95', class: className, role: containerRole }, index.h(Tag, { key: 'fe117a7a35e35d3074d5c8df032d58cb018a142b', "aria-checked": ariaChecked, "aria-disabled": disabled ? "true" : undefined, "aria-label": ariaLabel, "aria-labelledby": Boolean(this.swirlAriaLabel) ? undefined : this.elementId, class: "resource-list-item__content", style: { alignItems: this.alignItems }, href: href, disabled: disabled, onClick: this.onClick, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: role, tabIndex: 0, type: Tag === "button" ? "button" : undefined }, this.hasMedia && (index.h("span", { key: '21210a04c7f96b3dc309a89535318e911afd351c', class: "resource-list-item__media" }, index.h("slot", { key: 'c326fac8899935452789fe8b14271c61175eba7d', name: "media" }))), index.h("span", { key: 'd9fcdfe21c54daeebe56669aadd07d828423272e', class: "resource-list-item__label-container", style: labelContainerStyles }, index.h("span", { key: 'd9ad2ee46f279de7f50a2e86368e8bc3a7cd6428', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined }, !this.allowHtml && this.label), this.description && (index.h("span", { key: '8b6be5351d9289daf137164aef0806dbd2f6e3d4', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description))), showMeta && (index.h("span", { key: '7f6790113baac9b15e4aef4e8dfd4098a7a213ac', class: "resource-list-item__meta" }, index.h("span", { key: 'e5e19cd610b66fceb249ff4ca675b3e9c6e61edb', class: "resource-list-item__meta-text" }, this.meta), index.h("span", { key: '54f0b68d16992adf7f8585a0b2573404be0ecdef', class: "resource-list-item__badges" }, index.h("slot", { key: '759c9abe2507f47d41413868e38c63c8062cc432', name: "badges" }))))), this.selectable && (index.h("span", { key: '5c99be2c49bb6418ab48652e707df48b1b384b69', "aria-hidden": "true", class: "resource-list-item__checkbox" }, index.h("span", { key: '9d0ad429053251757013feeb56effc4f3cb09991', class: "resource-list-item__checkbox-icon" }, this.checked && (index.h("swirl-icon-check-strong", { key: '8ccbc8ac044db30a9001a6059b6eaa9ba5742841' }))))), index.h("span", { key: 'b1c571d422c5b60c4e92d37f8b95ef7c1fd6cc18', class: "resource-list-item__control", onClick: this.onControlClick, ref: (el) => (this.controlContainer = el) }, index.h("slot", { key: 'd47ebce7bc4897dd2e6b701f35fc1caa17e72fdd', name: "control" })), showMenu && (index.h("swirl-popover-trigger", { key: 'c876093478e16507d50c80606194e0f8a3320952', swirlPopover: this.menuTriggerId }, index.h("swirl-button", { key: '350f845bcdb1103d03b36f8ccfb17287aeb13ef2', "aria-disabled": disabled ? "true" : undefined, class: "resource-list-item__menu-trigger", disabled: disabled, hideLabel: true, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick })))), this.allowDrag && (index.h("button", { key: '5df7f8049ceabc364754514ccc48a01dd5e4bc99', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, index.h("swirl-icon-drag-handle", { key: '95833ffeafba02439646e30624d19ae7a2f2b65d', size: this.iconSize })))));
783
+ return (index.h(index.Host, { key: 'b8481eecc40a6dd070c42494a31f6debaff66522', role: hostRole }, index.h("div", { key: '9dfc3c29180e7f0b78846e1e97c8a1ecaba1131f', class: className, role: containerRole }, index.h(Tag, { key: '6838cbd70ff00ac55051ce52473439856cfb13cb', "aria-checked": ariaChecked, "aria-disabled": disabled ? "true" : undefined, "aria-label": ariaLabel, "aria-labelledby": Boolean(this.swirlAriaLabel) ? undefined : this.elementId, class: "resource-list-item__content", style: { alignItems: this.alignItems }, href: href, disabled: disabled, onClick: this.onClick, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: role, tabIndex: 0, type: Tag === "button" ? "button" : undefined }, this.hasMedia && (index.h("span", { key: '5662254d796a536bcf48f55f86071fa5a120a50d', class: "resource-list-item__media" }, index.h("slot", { key: '324351e57461e4123823bbf9a8e484b495d0c09e', name: "media" }))), index.h("span", { key: '53faafd305477c19782c9f9839dd0fc792980dff', class: "resource-list-item__label-container", style: labelContainerStyles }, index.h("span", { key: '43d0540125d94f39a69f71466c4637d5cda94df5', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined }, !this.allowHtml && this.label), this.description && (index.h("span", { key: '3286e25c32c367565b0e5f7f419c6eb41b87352e', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description))), showMeta && (index.h("span", { key: '4aff751fea343bca5616bc28bfd55cc5ff057d80', class: "resource-list-item__meta" }, index.h("span", { key: '2a96bdd8d54cbc0858aae4bc6d31110efab09e5c', class: "resource-list-item__meta-text" }, this.meta), index.h("span", { key: '20b8a63e1f8f8f8f31b518c30577416e6a9d4ba1', class: "resource-list-item__badges" }, index.h("slot", { key: '1852d9de88bed5cafb0bfee67f1e0db5468d96e6', name: "badges" }))))), this.selectable && (index.h("span", { key: 'fd2f3cab9fde4745209e347e7d83ec77109ae68a', "aria-hidden": "true", class: "resource-list-item__checkbox" }, index.h("span", { key: 'f013b3e5c2f6054878e4664a7db851cd8ac3f80d', class: "resource-list-item__checkbox-icon" }, this.checked && (index.h("swirl-icon-check-strong", { key: '86b41a9c78e41d772fc7b55c8667056d73bc68a8' }))))), index.h("span", { key: 'dc07a0402d57fd9678f1aa141ae1f621fc1a3841', class: "resource-list-item__control", onClick: this.onControlClick, ref: (el) => (this.controlContainer = el) }, index.h("slot", { key: 'f9d82e70ca35fe5bfca3eaa108769a21faf94c46', name: "control" })), showMenu && (index.h("swirl-popover-trigger", { key: 'eabf05103a4594a63aaf80eba1dab2bbb60538b3', swirlPopover: this.menuTriggerId }, index.h("swirl-button", { key: '16bca6dd134ceaa877bf6a681457145630b37c44', "aria-disabled": disabled ? "true" : undefined, class: "resource-list-item__menu-trigger", disabled: disabled, hideLabel: true, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick })))), this.allowDrag && (index.h("button", { key: 'dbe58a92d77e6bcefeec84b06e862900c62db205', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, index.h("swirl-icon-drag-handle", { key: '27815b58e2e8edbf2eeb2f80cb238a30029123f4', size: this.iconSize })))));
785
784
  }
786
785
  get el() { return index.getElement(this); }
787
786
  };
@@ -9,7 +9,6 @@ import { DesktopMediaQuery } from "../../services/media-query.service";
9
9
  */
10
10
  export class SwirlResourceListItem {
11
11
  constructor() {
12
- this.allowHtml = true;
13
12
  this.checked = false;
14
13
  this.dragHandleDescription = "Press spacebar to toggle grab";
15
14
  this.dragHandleLabel = "Move item";
@@ -138,7 +137,7 @@ export class SwirlResourceListItem {
138
137
  "resource-list-item--wrap-description": this.descriptionWrap,
139
138
  "resource-list-item--wrap-label": this.labelWrap,
140
139
  });
141
- return (h(Host, { key: '74c295778be2ba1f1d18172fe93ea8436d0ed609', role: hostRole }, h("div", { key: 'b7ac96248b20b6e705f605af9d754911fb53be95', class: className, role: containerRole }, h(Tag, { key: 'fe117a7a35e35d3074d5c8df032d58cb018a142b', "aria-checked": ariaChecked, "aria-disabled": disabled ? "true" : undefined, "aria-label": ariaLabel, "aria-labelledby": Boolean(this.swirlAriaLabel) ? undefined : this.elementId, class: "resource-list-item__content", style: { alignItems: this.alignItems }, href: href, disabled: disabled, onClick: this.onClick, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: role, tabIndex: 0, type: Tag === "button" ? "button" : undefined }, this.hasMedia && (h("span", { key: '21210a04c7f96b3dc309a89535318e911afd351c', class: "resource-list-item__media" }, h("slot", { key: 'c326fac8899935452789fe8b14271c61175eba7d', name: "media" }))), h("span", { key: 'd9fcdfe21c54daeebe56669aadd07d828423272e', class: "resource-list-item__label-container", style: labelContainerStyles }, h("span", { key: 'd9ad2ee46f279de7f50a2e86368e8bc3a7cd6428', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined }, !this.allowHtml && this.label), this.description && (h("span", { key: '8b6be5351d9289daf137164aef0806dbd2f6e3d4', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description))), showMeta && (h("span", { key: '7f6790113baac9b15e4aef4e8dfd4098a7a213ac', class: "resource-list-item__meta" }, h("span", { key: 'e5e19cd610b66fceb249ff4ca675b3e9c6e61edb', class: "resource-list-item__meta-text" }, this.meta), h("span", { key: '54f0b68d16992adf7f8585a0b2573404be0ecdef', class: "resource-list-item__badges" }, h("slot", { key: '759c9abe2507f47d41413868e38c63c8062cc432', name: "badges" }))))), this.selectable && (h("span", { key: '5c99be2c49bb6418ab48652e707df48b1b384b69', "aria-hidden": "true", class: "resource-list-item__checkbox" }, h("span", { key: '9d0ad429053251757013feeb56effc4f3cb09991', class: "resource-list-item__checkbox-icon" }, this.checked && (h("swirl-icon-check-strong", { key: '8ccbc8ac044db30a9001a6059b6eaa9ba5742841' }))))), h("span", { key: 'b1c571d422c5b60c4e92d37f8b95ef7c1fd6cc18', class: "resource-list-item__control", onClick: this.onControlClick, ref: (el) => (this.controlContainer = el) }, h("slot", { key: 'd47ebce7bc4897dd2e6b701f35fc1caa17e72fdd', name: "control" })), showMenu && (h("swirl-popover-trigger", { key: 'c876093478e16507d50c80606194e0f8a3320952', swirlPopover: this.menuTriggerId }, h("swirl-button", { key: '350f845bcdb1103d03b36f8ccfb17287aeb13ef2', "aria-disabled": disabled ? "true" : undefined, class: "resource-list-item__menu-trigger", disabled: disabled, hideLabel: true, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick })))), this.allowDrag && (h("button", { key: '5df7f8049ceabc364754514ccc48a01dd5e4bc99', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, h("swirl-icon-drag-handle", { key: '95833ffeafba02439646e30624d19ae7a2f2b65d', size: this.iconSize })))));
140
+ return (h(Host, { key: 'b8481eecc40a6dd070c42494a31f6debaff66522', role: hostRole }, h("div", { key: '9dfc3c29180e7f0b78846e1e97c8a1ecaba1131f', class: className, role: containerRole }, h(Tag, { key: '6838cbd70ff00ac55051ce52473439856cfb13cb', "aria-checked": ariaChecked, "aria-disabled": disabled ? "true" : undefined, "aria-label": ariaLabel, "aria-labelledby": Boolean(this.swirlAriaLabel) ? undefined : this.elementId, class: "resource-list-item__content", style: { alignItems: this.alignItems }, href: href, disabled: disabled, onClick: this.onClick, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: role, tabIndex: 0, type: Tag === "button" ? "button" : undefined }, this.hasMedia && (h("span", { key: '5662254d796a536bcf48f55f86071fa5a120a50d', class: "resource-list-item__media" }, h("slot", { key: '324351e57461e4123823bbf9a8e484b495d0c09e', name: "media" }))), h("span", { key: '53faafd305477c19782c9f9839dd0fc792980dff', class: "resource-list-item__label-container", style: labelContainerStyles }, h("span", { key: '43d0540125d94f39a69f71466c4637d5cda94df5', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined }, !this.allowHtml && this.label), this.description && (h("span", { key: '3286e25c32c367565b0e5f7f419c6eb41b87352e', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description))), showMeta && (h("span", { key: '4aff751fea343bca5616bc28bfd55cc5ff057d80', class: "resource-list-item__meta" }, h("span", { key: '2a96bdd8d54cbc0858aae4bc6d31110efab09e5c', class: "resource-list-item__meta-text" }, this.meta), h("span", { key: '20b8a63e1f8f8f8f31b518c30577416e6a9d4ba1', class: "resource-list-item__badges" }, h("slot", { key: '1852d9de88bed5cafb0bfee67f1e0db5468d96e6', name: "badges" }))))), this.selectable && (h("span", { key: 'fd2f3cab9fde4745209e347e7d83ec77109ae68a', "aria-hidden": "true", class: "resource-list-item__checkbox" }, h("span", { key: 'f013b3e5c2f6054878e4664a7db851cd8ac3f80d', class: "resource-list-item__checkbox-icon" }, this.checked && (h("swirl-icon-check-strong", { key: '86b41a9c78e41d772fc7b55c8667056d73bc68a8' }))))), h("span", { key: 'dc07a0402d57fd9678f1aa141ae1f621fc1a3841', class: "resource-list-item__control", onClick: this.onControlClick, ref: (el) => (this.controlContainer = el) }, h("slot", { key: 'f9d82e70ca35fe5bfca3eaa108769a21faf94c46', name: "control" })), showMenu && (h("swirl-popover-trigger", { key: 'eabf05103a4594a63aaf80eba1dab2bbb60538b3', swirlPopover: this.menuTriggerId }, h("swirl-button", { key: '16bca6dd134ceaa877bf6a681457145630b37c44', "aria-disabled": disabled ? "true" : undefined, class: "resource-list-item__menu-trigger", disabled: disabled, hideLabel: true, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick })))), this.allowDrag && (h("button", { key: 'dbe58a92d77e6bcefeec84b06e862900c62db205', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, h("swirl-icon-drag-handle", { key: '27815b58e2e8edbf2eeb2f80cb238a30029123f4', size: this.iconSize })))));
142
141
  }
143
142
  static get is() { return "swirl-resource-list-item"; }
144
143
  static get encapsulation() { return "scoped"; }
@@ -209,8 +208,7 @@ export class SwirlResourceListItem {
209
208
  },
210
209
  "getter": false,
211
210
  "setter": false,
212
- "reflect": false,
213
- "defaultValue": "true"
211
+ "reflect": false
214
212
  },
215
213
  "checked": {
216
214
  "type": "boolean",