@plusui/library 0.1.2 → 0.1.4

package/cdn/components/button-group/button-group.js

@@ -1,10 +1,11 @@
-import { _ as __decorate, n } from '../../property-Dz31PgR6.js';
-import { a as i, x } from '../../lit-element-BNK__jO-.js';
-import { r } from '../../state-BRspp5eU.js';
+import { _ as __decorate, n } from '../../property-DiPQx9S3.js';
+import { i, x } from '../../lit-element-ByzbtpGk.js';
+import { r } from '../../state-D1d5Sfj8.js';
+import { booleanConverter } from '../../utils/boolean-converter.js';
 import { buttonGroupStyle } from './button-group.style.js';
 import Tailwind from '../base/tailwind-base.js';
 import '../../index-B9iart53.js';
-import '../../global-COKphIjP.js';
+import '../../global-CFlb4NrK.js';
 
 /**
  * @tag plus-button-group
@@ -34,7 +35,7 @@ class PlusButtonGroup extends Tailwind {
          * Determines whether the button group's properties override the properties of its child buttons.
          * When true, all buttons in the group will have the same appearance.
          * When false, each button can have its own properties.
-         * @default true
+         * @default false
          */
         this.override = false;
         /**
@@ -93,30 +94,18 @@ class PlusButtonGroup extends Tailwind {
         this.buttons.forEach((button) => {
             if (this.override) {
                 // Override button properties with group properties
-                button.setAttribute('size', this.size);
-                button.setAttribute('kind', this.kind);
-                button.setAttribute('status', this.status);
-                // Override disabled and loading states
-                if (this.disabled) {
-                    button.setAttribute('disabled', '');
-                }
-                else {
-                    button.removeAttribute('disabled');
-                }
-                if (this.loading) {
-                    button.setAttribute('loading', '');
-                }
-                else {
-                    button.removeAttribute('loading');
-                }
-            }
-            // Always set full-width attribute on buttons when orientation is vertical
-            if (isVertical) {
-                button.setAttribute('full-width', '');
+                button.size = this.size;
+                button.kind = this.kind;
+                button.status = this.status;
+                button.disabled = this.disabled;
+                button.loading = this.loading;
             }
             else {
-                button.removeAttribute('full-width');
+                button.disabled = this.disabled || button.disabled;
+                button.loading = this.loading || button.loading;
             }
+            // Always set full-width attribute on buttons when orientation is vertical
+            button.fullWidth = isVertical;
         });
     }
     /**
@@ -225,7 +214,8 @@ __decorate([
 __decorate([
     n({
         type: Boolean,
-        converter: (value) => (value == 'false' || false ? false : true),
+        converter: booleanConverter,
+        reflect: true,
     })
 ], PlusButtonGroup.prototype, "override", void 0);
 __decorate([
@@ -238,10 +228,10 @@ __decorate([
     n({ type: String })
 ], PlusButtonGroup.prototype, "size", void 0);
 __decorate([
-    n({ type: Boolean })
+    n({ type: Boolean, converter: booleanConverter, reflect: true })
 ], PlusButtonGroup.prototype, "disabled", void 0);
 __decorate([
-    n({ type: Boolean })
+    n({ type: Boolean, converter: booleanConverter, reflect: true })
 ], PlusButtonGroup.prototype, "loading", void 0);
 __decorate([
     r()

package/cdn/components/button-group/index.js

@@ -1,11 +1,12 @@
 import PlusButtonGroup from './button-group.js';
-import '../../property-Dz31PgR6.js';
-import '../../lit-element-BNK__jO-.js';
-import '../../state-BRspp5eU.js';
+import '../../property-DiPQx9S3.js';
+import '../../lit-element-ByzbtpGk.js';
+import '../../state-D1d5Sfj8.js';
+import '../../utils/boolean-converter.js';
 import './button-group.style.js';
 import '../../index-B9iart53.js';
 import '../base/tailwind-base.js';
-import '../../global-COKphIjP.js';
+import '../../global-CFlb4NrK.js';
 
 customElements.define('plus-button-group', PlusButtonGroup);
 

package/cdn/components/checkbox/checkbox.js

@@ -1,18 +1,15 @@
-import { _ as __decorate, n } from '../../property-Dz31PgR6.js';
-import { r } from '../../state-BRspp5eU.js';
+import { _ as __decorate, n } from '../../property-DiPQx9S3.js';
+import { r } from '../../state-D1d5Sfj8.js';
 import { e } from '../../query-CHb9Ft_d.js';
-import { x } from '../../lit-element-BNK__jO-.js';
-import { l } from '../../live-C1eBrEBV.js';
+import { x } from '../../lit-element-ByzbtpGk.js';
+import { l } from '../../live-BOAtKRUN.js';
+import { booleanConverter } from '../../utils/boolean-converter.js';
 import Tailwind from '../base/tailwind-base.js';
 import { checkboxStyle } from './checkbox.style.js';
-import '../svg-icon/index.js';
 import '../../base-Cl6v8-BZ.js';
 import '../../directive-DZCF8pFJ.js';
-import '../../global-COKphIjP.js';
+import '../../global-CFlb4NrK.js';
 import '../../index-B9iart53.js';
-import '../svg-icon/svg-icon.js';
-import '../../unsafe-html-BXTWMFA8.js';
-import '../svg-icon/icons.js';
 
 /**
  * @tag plus-checkbox
@@ -155,11 +152,11 @@ class PlusCheckbox extends Tailwind {
             @click=${(e) => e.stopPropagation()}
           />
           <span part="checkbox" class=${checkbox()} aria-hidden="true">
-            <plus-svg-icon
+            <plus-icon
               part="icon"
               class=${icon()}
-              iconName=${this.indeterminate ? 'minus' : 'check'}
-            ></plus-svg-icon>
+              icon-name=${this.indeterminate ? 'minus' : 'check'}
+            ></plus-icon>
           </span>
         </span>
         <span part="label" class=${label()}>
@@ -184,19 +181,19 @@ __decorate([
     n({ reflect: true })
 ], PlusCheckbox.prototype, "size", void 0);
 __decorate([
-    n({ type: Boolean, reflect: true })
+    n({ type: Boolean, reflect: true, converter: booleanConverter })
 ], PlusCheckbox.prototype, "checked", void 0);
 __decorate([
-    n({ type: Boolean, reflect: true })
+    n({ type: Boolean, reflect: true, converter: booleanConverter })
 ], PlusCheckbox.prototype, "indeterminate", void 0);
 __decorate([
-    n({ type: Boolean, reflect: true })
+    n({ type: Boolean, reflect: true, converter: booleanConverter })
 ], PlusCheckbox.prototype, "disabled", void 0);
 __decorate([
     n()
 ], PlusCheckbox.prototype, "value", void 0);
 __decorate([
-    n({ type: Boolean, reflect: true })
+    n({ type: Boolean, reflect: true, converter: booleanConverter })
 ], PlusCheckbox.prototype, "error", void 0);
 __decorate([
     n()

package/cdn/components/checkbox/index.js

@@ -1,19 +1,16 @@
 import { PlusCheckbox } from './checkbox.js';
-import '../../property-Dz31PgR6.js';
-import '../../lit-element-BNK__jO-.js';
-import '../../state-BRspp5eU.js';
+import '../../property-DiPQx9S3.js';
+import '../../lit-element-ByzbtpGk.js';
+import '../../state-D1d5Sfj8.js';
 import '../../query-CHb9Ft_d.js';
 import '../../base-Cl6v8-BZ.js';
-import '../../live-C1eBrEBV.js';
+import '../../live-BOAtKRUN.js';
 import '../../directive-DZCF8pFJ.js';
+import '../../utils/boolean-converter.js';
 import '../base/tailwind-base.js';
-import '../../global-COKphIjP.js';
+import '../../global-CFlb4NrK.js';
 import './checkbox.style.js';
 import '../../index-B9iart53.js';
-import '../svg-icon/index.js';
-import '../svg-icon/svg-icon.js';
-import '../../unsafe-html-BXTWMFA8.js';
-import '../svg-icon/icons.js';
 
 customElements.define('plus-checkbox', PlusCheckbox);
 

package/cdn/components/checkbox-group/checkbox-group.js

@@ -1,10 +1,11 @@
-import { _ as __decorate, n } from '../../property-Dz31PgR6.js';
+import { _ as __decorate, n } from '../../property-DiPQx9S3.js';
 import { o } from '../../query-assigned-elements-B8Evmg7O.js';
-import { x } from '../../lit-element-BNK__jO-.js';
+import { x } from '../../lit-element-ByzbtpGk.js';
+import { booleanConverter } from '../../utils/boolean-converter.js';
 import Tailwind from '../base/tailwind-base.js';
 import { checkboxGroupStyle } from './checkbox-group.style.js';
 import '../../base-Cl6v8-BZ.js';
-import '../../global-COKphIjP.js';
+import '../../global-CFlb4NrK.js';
 import '../../index-B9iart53.js';
 
 /**
@@ -30,16 +31,21 @@ class PlusCheckboxGroup extends Tailwind {
         /** Whether the entire group is disabled. */
         this.disabled = false;
         this.handleCheckboxChange = (event) => {
-            if (event.target === this) {
+            const target = event.target;
+            // We only want to handle clicks on direct plus-checkbox children
+            if (target.tagName.toLowerCase() !== 'plus-checkbox') {
                 return;
             }
-            const target = event.target;
-            if (!this.checkboxes.includes(target)) {
+            // IMPORTANT: Check if the event's target is a direct child of this group.
+            if (target.closest('plus-checkbox-group') !== this) {
                 return;
             }
-            const targetValue = target.value ?? '';
+            // Stop the event from bubbling up to the host, where the user might be listening.
+            event.stopPropagation();
+            const checkbox = target;
+            const targetValue = checkbox.value ?? '';
             const oldValue = [...this.value];
-            if (target.checked) {
+            if (checkbox.checked) {
                 if (!this.value.includes(targetValue)) {
                     this.value = [...this.value, targetValue];
                 }
@@ -53,26 +59,40 @@ class PlusCheckboxGroup extends Tailwind {
             }
         };
     }
+    updated(changedProperties) {
+        super.updated(changedProperties);
+        if (changedProperties.has('disabled') || changedProperties.has('size')) {
+            this.updateCheckboxes();
+        }
+    }
     handleSlotChange() {
         this.updateCheckboxes();
     }
     updateCheckboxes() {
         if (!this.checkboxes)
             return;
-        this.checkboxes.forEach((checkbox) => {
+        this.checkboxes.forEach((_checkbox) => {
+            // We only want to update checkboxes that are direct children of this group.
+            if (_checkbox.closest('plus-checkbox-group') !== this) {
+                return;
+            }
+            const checkbox = _checkbox;
             checkbox.size = this.size;
-            checkbox.disabled = this.disabled;
+            if (this.disabled) {
+                if (checkbox._internalDisabled === undefined) {
+                    checkbox._internalDisabled = checkbox.disabled;
+                }
+                checkbox.disabled = true;
+            }
+            else {
+                if (checkbox._internalDisabled !== undefined) {
+                    checkbox.disabled = checkbox._internalDisabled;
+                    checkbox._internalDisabled = undefined;
+                }
+            }
             checkbox.checked = this.value.includes(checkbox.value ?? '');
         });
     }
-    connectedCallback() {
-        super.connectedCallback();
-        this.addEventListener('plus-change', this.handleCheckboxChange);
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        this.removeEventListener('plus-change', this.handleCheckboxChange);
-    }
     render() {
         const { base } = checkboxGroupStyle({ vertical: this.vertical });
         return x `
@@ -81,6 +101,7 @@ class PlusCheckboxGroup extends Tailwind {
         role="group"
         class=${base()}
         @slotchange=${this.handleSlotChange}
+        @plus-change=${this.handleCheckboxChange}
       >
         <slot></slot>
       </div>
@@ -94,13 +115,13 @@ __decorate([
     n({ type: Array })
 ], PlusCheckboxGroup.prototype, "value", void 0);
 __decorate([
-    n({ type: Boolean })
+    n({ type: Boolean, converter: booleanConverter, reflect: true })
 ], PlusCheckboxGroup.prototype, "vertical", void 0);
 __decorate([
     n({ reflect: true })
 ], PlusCheckboxGroup.prototype, "size", void 0);
 __decorate([
-    n({ type: Boolean, reflect: true })
+    n({ type: Boolean, reflect: true, converter: booleanConverter })
 ], PlusCheckboxGroup.prototype, "disabled", void 0);
 
 export { PlusCheckboxGroup };

package/cdn/components/checkbox-group/index.js

@@ -1,10 +1,11 @@
 import { PlusCheckboxGroup } from './checkbox-group.js';
-import '../../property-Dz31PgR6.js';
-import '../../lit-element-BNK__jO-.js';
+import '../../property-DiPQx9S3.js';
+import '../../lit-element-ByzbtpGk.js';
 import '../../query-assigned-elements-B8Evmg7O.js';
 import '../../base-Cl6v8-BZ.js';
+import '../../utils/boolean-converter.js';
 import '../base/tailwind-base.js';
-import '../../global-COKphIjP.js';
+import '../../global-CFlb4NrK.js';
 import './checkbox-group.style.js';
 import '../../index-B9iart53.js';
 

package/cdn/components/chip/chip.js

@@ -1,9 +1,10 @@
-import { _ as __decorate, n } from '../../property-Dz31PgR6.js';
-import { E, x } from '../../lit-element-BNK__jO-.js';
+import { _ as __decorate, n } from '../../property-DiPQx9S3.js';
+import { E, x } from '../../lit-element-ByzbtpGk.js';
 import Tailwind from '../base/tailwind-base.js';
+import { booleanConverter } from '../../utils/boolean-converter.js';
 import { chipStyle } from './chip.style.js';
-import { o } from '../../style-map-Cgr6kXUm.js';
-import '../../global-COKphIjP.js';
+import { o } from '../../style-map-DC_vNus2.js';
+import '../../global-CFlb4NrK.js';
 import '../../index-B9iart53.js';
 import '../../directive-DZCF8pFJ.js';
 
@@ -152,7 +153,7 @@ class PlusChip extends Tailwind {
               part="icon"
               aria-label="Remove"
               @click=${this.onDismiss}
-              iconName="xmark"
+              icon-name="xmark"
             >
             </plus-icon>`
             : E}
@@ -176,13 +177,13 @@ __decorate([
     n({ type: String })
 ], PlusChip.prototype, "shape", void 0);
 __decorate([
-    n({ type: Boolean, converter: (value) => value !== 'false' })
+    n({ type: Boolean, converter: booleanConverter, reflect: true })
 ], PlusChip.prototype, "invert", void 0);
 __decorate([
-    n({ type: Boolean, converter: (value) => value !== 'false' })
+    n({ type: Boolean, converter: booleanConverter, reflect: true })
 ], PlusChip.prototype, "dismiss", void 0);
 __decorate([
-    n({ type: Boolean })
+    n({ type: Boolean, converter: booleanConverter, reflect: true })
 ], PlusChip.prototype, "disabled", void 0);
 
 export { PlusChip, PlusChip as default };

package/cdn/components/chip/index.js

@@ -1,11 +1,12 @@
 import PlusChip from './chip.js';
-import '../../property-Dz31PgR6.js';
-import '../../lit-element-BNK__jO-.js';
+import '../../property-DiPQx9S3.js';
+import '../../lit-element-ByzbtpGk.js';
 import '../base/tailwind-base.js';
-import '../../global-COKphIjP.js';
+import '../../global-CFlb4NrK.js';
+import '../../utils/boolean-converter.js';
 import './chip.style.js';
 import '../../index-B9iart53.js';
-import '../../style-map-Cgr6kXUm.js';
+import '../../style-map-DC_vNus2.js';
 import '../../directive-DZCF8pFJ.js';
 
 customElements.define('plus-chip', PlusChip);

package/cdn/components/divider/divider.js

@@ -1,10 +1,10 @@
-import { _ as __decorate, n } from '../../property-Dz31PgR6.js';
-import { x } from '../../lit-element-BNK__jO-.js';
-import { r } from '../../state-BRspp5eU.js';
+import { _ as __decorate, n } from '../../property-DiPQx9S3.js';
+import { x } from '../../lit-element-ByzbtpGk.js';
+import { r } from '../../state-D1d5Sfj8.js';
 import { dividerStyle, baseDividerStyle } from './divider.style.js';
 import Tailwind from '../base/tailwind-base.js';
 import '../../index-B9iart53.js';
-import '../../global-COKphIjP.js';
+import '../../global-CFlb4NrK.js';
 
 /**
  * @tag plus-divider

package/cdn/components/divider/divider.style.js

@@ -1,4 +1,4 @@
-import { a as i } from '../../lit-element-BNK__jO-.js';
+import { i } from '../../lit-element-ByzbtpGk.js';
 import { c as ce } from '../../index-B9iart53.js';
 
 const baseDividerStyle = ce({

package/cdn/components/divider/index.js

@@ -1,11 +1,11 @@
 import PlusDivider from './divider.js';
-import '../../property-Dz31PgR6.js';
-import '../../lit-element-BNK__jO-.js';
-import '../../state-BRspp5eU.js';
+import '../../property-DiPQx9S3.js';
+import '../../lit-element-ByzbtpGk.js';
+import '../../state-D1d5Sfj8.js';
 import './divider.style.js';
 import '../../index-B9iart53.js';
 import '../base/tailwind-base.js';
-import '../../global-COKphIjP.js';
+import '../../global-CFlb4NrK.js';
 
 customElements.define('plus-divider', PlusDivider);
 

package/cdn/components/drawer/drawer.js

@@ -1,10 +1,11 @@
-import { _ as __decorate, n } from '../../property-Dz31PgR6.js';
-import { x } from '../../lit-element-BNK__jO-.js';
-import { r } from '../../state-BRspp5eU.js';
+import { _ as __decorate, n } from '../../property-DiPQx9S3.js';
+import { x } from '../../lit-element-ByzbtpGk.js';
+import { r } from '../../state-D1d5Sfj8.js';
+import { booleanConverter } from '../../utils/boolean-converter.js';
 import { drawerStyle } from './drawer.style.js';
 import Tailwind from '../base/tailwind-base.js';
 import '../../index-B9iart53.js';
-import '../../global-COKphIjP.js';
+import '../../global-CFlb4NrK.js';
 
 /**
  * @tag plus-drawer
@@ -152,7 +153,7 @@ class PlusDrawer extends Tailwind {
                   aria-label="Close drawer"
                   @click=${() => this.hide()}
                 >
-                  <plus-svg-icon iconName="xmark"></plus-svg-icon>
+                  <plus-icon icon-name="xmark"></plus-icon>
                 </button>
               </slot>
             </div>
@@ -173,7 +174,12 @@ __decorate([
     n({ type: String, reflect: true })
 ], PlusDrawer.prototype, "size", void 0);
 __decorate([
-    n({ type: Boolean, reflect: true, attribute: 'is-open' })
+    n({
+        type: Boolean,
+        reflect: true,
+        attribute: 'is-open',
+        converter: booleanConverter,
+    })
 ], PlusDrawer.prototype, "isOpen", void 0);
 __decorate([
     n({ type: String, reflect: true })

package/cdn/components/drawer/index.js

@@ -1,11 +1,12 @@
 import PlusDrawer from './drawer.js';
-import '../../property-Dz31PgR6.js';
-import '../../lit-element-BNK__jO-.js';
-import '../../state-BRspp5eU.js';
+import '../../property-DiPQx9S3.js';
+import '../../lit-element-ByzbtpGk.js';
+import '../../state-D1d5Sfj8.js';
+import '../../utils/boolean-converter.js';
 import './drawer.style.js';
 import '../../index-B9iart53.js';
 import '../base/tailwind-base.js';
-import '../../global-COKphIjP.js';
+import '../../global-CFlb4NrK.js';
 
 customElements.define('plus-drawer', PlusDrawer);
 

package/cdn/components/dropdown/dropdown.js

@@ -1,12 +1,13 @@
-import { _ as __decorate, n } from '../../property-Dz31PgR6.js';
-import { r } from '../../state-BRspp5eU.js';
+import { _ as __decorate, n } from '../../property-DiPQx9S3.js';
+import { r } from '../../state-D1d5Sfj8.js';
 import { o } from '../../query-assigned-elements-B8Evmg7O.js';
+import { booleanConverter } from '../../utils/boolean-converter.js';
 import Tailwind from '../base/tailwind-base.js';
-import { x } from '../../lit-element-BNK__jO-.js';
-import { c as computePosition, o as offset, s as shift, f as flip, b as autoUpdate } from '../../floating-ui.dom-BpzIshEG.js';
+import { x } from '../../lit-element-ByzbtpGk.js';
+import { c as computePosition, o as offset, s as shift, f as flip, b as autoUpdate } from '../../floating-ui.dom-OBaMlALa.js';
 import { dropdownStyle } from './dropdown.style.js';
 import '../../base-Cl6v8-BZ.js';
-import '../../global-COKphIjP.js';
+import '../../global-CFlb4NrK.js';
 import '../../index-B9iart53.js';
 
 /**
@@ -281,10 +282,10 @@ class PlusDropdown extends Tailwind {
         part="button"
         ><slot>${this.text}</slot>
         <slot name="suffix">
-          <plus-svg-icon
-            iconName=${this.isVisible ? 'chevron-up' : 'chevron-down'}
+          <plus-icon
+            icon-name=${this.isVisible ? 'chevron-up' : 'chevron-down'}
             size="sm"
-          ></plus-svg-icon>
+          ></plus-icon>
         </slot>
       </plus-button>
       <div
@@ -316,7 +317,7 @@ __decorate([
     n({ type: String })
 ], PlusDropdown.prototype, "kind", void 0);
 __decorate([
-    n({ type: Boolean })
+    n({ type: Boolean, converter: booleanConverter, reflect: true })
 ], PlusDropdown.prototype, "disabled", void 0);
 __decorate([
     n({ type: String })

package/cdn/components/dropdown/index.js

@@ -1,12 +1,13 @@
 import PlusDropdown from './dropdown.js';
-import '../../property-Dz31PgR6.js';
-import '../../lit-element-BNK__jO-.js';
-import '../../state-BRspp5eU.js';
+import '../../property-DiPQx9S3.js';
+import '../../lit-element-ByzbtpGk.js';
+import '../../state-D1d5Sfj8.js';
 import '../../query-assigned-elements-B8Evmg7O.js';
 import '../../base-Cl6v8-BZ.js';
+import '../../utils/boolean-converter.js';
 import '../base/tailwind-base.js';
-import '../../global-COKphIjP.js';
-import '../../floating-ui.dom-BpzIshEG.js';
+import '../../global-CFlb4NrK.js';
+import '../../floating-ui.dom-OBaMlALa.js';
 import './dropdown.style.js';
 import '../../index-B9iart53.js';
 

package/cdn/components/dropdown-item/dropdown-item.js

@@ -1,9 +1,10 @@
-import { _ as __decorate, n } from '../../property-Dz31PgR6.js';
+import { _ as __decorate, n } from '../../property-DiPQx9S3.js';
+import { booleanConverter } from '../../utils/boolean-converter.js';
 import Tailwind from '../base/tailwind-base.js';
-import { x } from '../../lit-element-BNK__jO-.js';
-import { o } from '../../if-defined-DpyZ37D-.js';
-import { l } from '../../live-C1eBrEBV.js';
-import '../../global-COKphIjP.js';
+import { x } from '../../lit-element-ByzbtpGk.js';
+import { o } from '../../if-defined-D-m3dgRf.js';
+import { l } from '../../live-BOAtKRUN.js';
+import '../../global-CFlb4NrK.js';
 import '../../directive-DZCF8pFJ.js';
 
 /**
@@ -87,14 +88,14 @@ __decorate([
     n({
         type: Boolean,
         reflect: true,
-        converter: (value) => value === 'true',
+        converter: booleanConverter,
     })
 ], PlusDropDownItem.prototype, "disabled", void 0);
 __decorate([
     n({
         type: Boolean,
         reflect: true,
-        converter: (value) => value === 'true',
+        converter: booleanConverter,
     })
 ], PlusDropDownItem.prototype, "selected", void 0);
 __decorate([

package/cdn/components/dropdown-item/index.js

@@ -1,10 +1,11 @@
 import PlusDropDownItem from './dropdown-item.js';
-import '../../property-Dz31PgR6.js';
-import '../../lit-element-BNK__jO-.js';
+import '../../property-DiPQx9S3.js';
+import '../../lit-element-ByzbtpGk.js';
+import '../../utils/boolean-converter.js';
 import '../base/tailwind-base.js';
-import '../../global-COKphIjP.js';
-import '../../if-defined-DpyZ37D-.js';
-import '../../live-C1eBrEBV.js';
+import '../../global-CFlb4NrK.js';
+import '../../if-defined-D-m3dgRf.js';
+import '../../live-BOAtKRUN.js';
 import '../../directive-DZCF8pFJ.js';
 
 customElements.define('plus-dropdown-item', PlusDropDownItem);