@limetech/lime-elements 36.0.0-next.10 → 36.0.0-next.11

package/dist/cjs/limel-dock-button.cjs.entry.js

@@ -10,16 +10,21 @@ const dockButtonCss = ".button{all:unset;box-sizing:border-box;display:flex;alig
 const DockButton = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    this.interact = index.createEvent(this, "interact", 7);
+    this.itemSelected = index.createEvent(this, "itemSelected", 7);
     this.close = index.createEvent(this, "close", 7);
     /**
-     * @inheritdoc
+     * When the dock is expanded or collapsed, dock items
+     * show labels and tooltips as suitable for the layout.
      */
     this.expanded = false;
     /**
-     * @inheritdoc
+     * When dock is using mobile layout, dock items
+     * show labels and tooltips as suitable for the layout.
      */
     this.useMobileLayout = false;
+    /**
+     * Indicated whether the popover that renders a component is open.
+     */
     this.isOpen = false;
     this.openPopover = (event) => {
       event.stopPropagation();
@@ -31,7 +36,7 @@ const DockButton = class {
     };
     this.handleClick = (event) => {
       event.stopPropagation();
-      this.interact.emit(this.item);
+      this.itemSelected.emit(this.item);
     };
     this.tooltipId = randomString.createRandomString();
   }

package/dist/cjs/limel-dock.cjs.entry.js

@@ -11,6 +11,7 @@ const Dock = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.itemSelected = index.createEvent(this, "itemSelected", 7);
+    this.close = index.createEvent(this, "close", 7);
     this.dockExpanded = index.createEvent(this, "dockExpanded", 7);
     /**
      * Items that are placed in the dock.
@@ -58,12 +59,7 @@ const Dock = class {
       return (index.h("limel-dock-button", { class: {
           'dock-item': true,
           selected: item.selected,
-        }, item: item, expanded: this.expanded && !this.useMobileLayout, useMobileLayout: this.useMobileLayout, onInteract: this.handleDockItemClick }));
-    };
-    this.handleDockItemClick = (event) => {
-      if (!event.detail.selected) {
-        this.itemSelected.emit(event.detail);
-      }
+        }, item: item, expanded: this.expanded && !this.useMobileLayout, useMobileLayout: this.useMobileLayout }));
     };
     this.handleResize = () => {
       if (window.innerWidth <= this.mobileBreakPoint) {

package/dist/collection/components/dock/dock-button/dock-button.js

@@ -6,13 +6,18 @@ import { createRandomString } from '../../../util/random-string';
 export class DockButton {
   constructor() {
     /**
-     * @inheritdoc
+     * When the dock is expanded or collapsed, dock items
+     * show labels and tooltips as suitable for the layout.
      */
     this.expanded = false;
     /**
-     * @inheritdoc
+     * When dock is using mobile layout, dock items
+     * show labels and tooltips as suitable for the layout.
      */
     this.useMobileLayout = false;
+    /**
+     * Indicated whether the popover that renders a component is open.
+     */
     this.isOpen = false;
     this.openPopover = (event) => {
       event.stopPropagation();
@@ -24,7 +29,7 @@ export class DockButton {
     };
     this.handleClick = (event) => {
       event.stopPropagation();
-      this.interact.emit(this.item);
+      this.itemSelected.emit(this.item);
     };
     this.tooltipId = createRandomString();
   }
@@ -95,11 +100,8 @@ export class DockButton {
       "required": true,
       "optional": false,
       "docs": {
-        "tags": [{
-            "name": "inheritdoc",
-            "text": undefined
-          }],
-        "text": ""
+        "tags": [],
+        "text": "Item that is placed in the dock."
       }
     },
     "expanded": {
@@ -113,11 +115,8 @@ export class DockButton {
       "required": false,
       "optional": true,
       "docs": {
-        "tags": [{
-            "name": "inheritdoc",
-            "text": undefined
-          }],
-        "text": ""
+        "tags": [],
+        "text": "When the dock is expanded or collapsed, dock items\nshow labels and tooltips as suitable for the layout."
       },
       "attribute": "expanded",
       "reflect": true,
@@ -134,11 +133,8 @@ export class DockButton {
       "required": false,
       "optional": true,
       "docs": {
-        "tags": [{
-            "name": "inheritdoc",
-            "text": undefined
-          }],
-        "text": ""
+        "tags": [],
+        "text": "When dock is using mobile layout, dock items\nshow labels and tooltips as suitable for the layout."
       },
       "attribute": "use-mobile-layout",
       "reflect": true,
@@ -149,14 +145,14 @@ export class DockButton {
     "isOpen": {}
   }; }
   static get events() { return [{
-      "method": "interact",
-      "name": "interact",
+      "method": "itemSelected",
+      "name": "itemSelected",
       "bubbles": true,
       "cancelable": true,
       "composed": true,
       "docs": {
         "tags": [],
-        "text": "Fired when clicking on the flow item."
+        "text": "Fired when a dock item has been selected from the dock."
       },
       "complexType": {
         "original": "DockItem",
@@ -176,7 +172,7 @@ export class DockButton {
       "composed": true,
       "docs": {
         "tags": [],
-        "text": ""
+        "text": "Fired when the popover is closed."
       },
       "complexType": {
         "original": "void",

package/dist/collection/components/dock/dock.js

@@ -56,12 +56,7 @@ export class Dock {
       return (h("limel-dock-button", { class: {
           'dock-item': true,
           selected: item.selected,
-        }, item: item, expanded: this.expanded && !this.useMobileLayout, useMobileLayout: this.useMobileLayout, onInteract: this.handleDockItemClick }));
-    };
-    this.handleDockItemClick = (event) => {
-      if (!event.detail.selected) {
-        this.itemSelected.emit(event.detail);
-      }
+        }, item: item, expanded: this.expanded && !this.useMobileLayout, useMobileLayout: this.useMobileLayout }));
     };
     this.handleResize = () => {
       if (window.innerWidth <= this.mobileBreakPoint) {
@@ -239,7 +234,7 @@ export class Dock {
       "composed": true,
       "docs": {
         "tags": [],
-        "text": "Fired when a Dock item has been selected from the dock."
+        "text": "Fired when a dock item has been selected from the dock."
       },
       "complexType": {
         "original": "DockItem",
@@ -251,6 +246,21 @@ export class Dock {
           }
         }
       }
+    }, {
+      "method": "close",
+      "name": "close",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": "Fired when the popover is closed."
+      },
+      "complexType": {
+        "original": "void",
+        "resolved": "void",
+        "references": {}
+      }
     }, {
       "method": "dockExpanded",
       "name": "dockExpanded",

package/dist/esm/limel-dock-button.entry.js

@@ -6,16 +6,21 @@ const dockButtonCss = ".button{all:unset;box-sizing:border-box;display:flex;alig
 const DockButton = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.interact = createEvent(this, "interact", 7);
+    this.itemSelected = createEvent(this, "itemSelected", 7);
     this.close = createEvent(this, "close", 7);
     /**
-     * @inheritdoc
+     * When the dock is expanded or collapsed, dock items
+     * show labels and tooltips as suitable for the layout.
      */
     this.expanded = false;
     /**
-     * @inheritdoc
+     * When dock is using mobile layout, dock items
+     * show labels and tooltips as suitable for the layout.
      */
     this.useMobileLayout = false;
+    /**
+     * Indicated whether the popover that renders a component is open.
+     */
     this.isOpen = false;
     this.openPopover = (event) => {
       event.stopPropagation();
@@ -27,7 +32,7 @@ const DockButton = class {
     };
     this.handleClick = (event) => {
       event.stopPropagation();
-      this.interact.emit(this.item);
+      this.itemSelected.emit(this.item);
     };
     this.tooltipId = createRandomString();
   }

package/dist/esm/limel-dock.entry.js

@@ -7,6 +7,7 @@ const Dock = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.itemSelected = createEvent(this, "itemSelected", 7);
+    this.close = createEvent(this, "close", 7);
     this.dockExpanded = createEvent(this, "dockExpanded", 7);
     /**
      * Items that are placed in the dock.
@@ -54,12 +55,7 @@ const Dock = class {
       return (h("limel-dock-button", { class: {
           'dock-item': true,
           selected: item.selected,
-        }, item: item, expanded: this.expanded && !this.useMobileLayout, useMobileLayout: this.useMobileLayout, onInteract: this.handleDockItemClick }));
-    };
-    this.handleDockItemClick = (event) => {
-      if (!event.detail.selected) {
-        this.itemSelected.emit(event.detail);
-      }
+        }, item: item, expanded: this.expanded && !this.useMobileLayout, useMobileLayout: this.useMobileLayout }));
     };
     this.handleResize = () => {
       if (window.innerWidth <= this.mobileBreakPoint) {

package/dist/lime-elements/lime-elements.esm.js

@@ -1 +1 @@
-import{p as e,b as l}from"./p-e9a95b8f.js";(()=>{const l=import.meta.url,i={};return""!==l&&(i.resourcesUrl=new URL(".",l).href),e(i)})().then((e=>l([["p-995bbd2a",[[1,"limel-color-picker",{value:[513],label:[513],helperText:[513,"helper-text"],tooltipLabel:[513,"tooltip-label"],required:[516],readonly:[516],isOpen:[32]}]]],["p-6884b012",[[1,"limel-dock",{dockItems:[16],dockFooterItems:[16],accessibleLabel:[513,"accessible-label"],expanded:[516],allowResize:[516,"allow-resize"],mobileBreakPoint:[514,"mobile-break-point"],useMobileLayout:[32]}]]],["p-f0e872b6",[[1,"limel-picker",{disabled:[4],readonly:[516],label:[1],searchLabel:[1,"search-label"],helperText:[513,"helper-text"],leadingIcon:[1,"leading-icon"],emptyResultMessage:[1,"empty-result-message"],required:[4],value:[16],searcher:[16],multiple:[4],delimiter:[513],actions:[16],actionPosition:[1,"action-position"],actionScrollBehavior:[1,"action-scroll-behavior"],badgeIcons:[516,"badge-icons"],items:[32],textValue:[32],loading:[32],chips:[32]}]]],["p-75152d89",[[1,"limel-date-picker",{disabled:[516],readonly:[516],invalid:[516],label:[513],helperText:[513,"helper-text"],required:[516],value:[16],type:[513],format:[513],language:[513],formattedValue:[32],internalFormat:[32],showPortal:[32]}]]],["p-95f275ab",[[1,"limel-button-group",{value:[16],disabled:[516],selectedButtonId:[32]}]]],["p-b0b4e46f",[[1,"limel-select",{disabled:[516],readonly:[516],invalid:[516],required:[516],label:[513],helperText:[513,"helper-text"],value:[16],options:[16],multiple:[4],menuOpen:[32]}]]],["p-440454ed",[[1,"limel-tab-panel",{tabs:[1040]}]]],["p-94899019",[[1,"limel-file",{value:[16],label:[513],required:[516],disabled:[516],readonly:[516],accept:[513],language:[1],isDraggingOverDropZone:[32]}]]],["p-64f068a8",[[1,"limel-menu",{items:[16],disabled:[516],openDirection:[513,"open-direction"],open:[1540],badgeIcons:[516,"badge-icons"],gridLayout:[516,"grid-layout"]}]]],["p-1dfccbc5",[[1,"limel-button",{label:[513],primary:[516],outlined:[516],icon:[513],disabled:[516],loading:[516],loadingFailed:[516,"loading-failed"],justLoaded:[32]}]]],["p-97d6c4a6",[[1,"limel-collapsible-section",{isOpen:[1540,"is-open"],header:[513],actions:[16]}]]],["p-aa66620a",[[1,"limel-dialog",{heading:[1],fullscreen:[516],open:[1540],closingActions:[16]}]]],["p-9af0704c",[[1,"limel-progress-flow",{flowItems:[16],disabled:[4],readonly:[4]}]]],["p-b95e80c9",[[1,"limel-table",{data:[16],columns:[16],mode:[1],pageSize:[2,"page-size"],totalRows:[2,"total-rows"],sorting:[16],activeRow:[1040],movableColumns:[4,"movable-columns"],loading:[4],page:[2],emptyMessage:[1,"empty-message"],aggregates:[16],selectable:[4],selection:[16]}]]],["p-63e25a0a",[[1,"limel-banner",{message:[513],icon:[513],isOpen:[32],open:[64],close:[64]}]]],["p-53e01330",[[1,"limel-circular-progress",{value:[2],maxValue:[2,"max-value"],suffix:[1],displayPercentageColors:[4,"display-percentage-colors"],size:[513]}]]],["p-6966b5df",[[1,"limel-code-editor",{value:[1],language:[1],readonly:[4],lineNumbers:[4,"line-numbers"],colorScheme:[1,"color-scheme"],random:[32]}]]],["p-d74fa89e",[[1,"limel-config",{config:[16]}]]],["p-a5af84a7",[[1,"limel-flex-container",{direction:[513],justify:[513],align:[513],reverse:[516]}]]],["p-7e571ec6",[[1,"limel-form",{schema:[16],value:[16],disabled:[4],propsFactory:[16],transformErrors:[16],errors:[16]}]]],["p-6e7809a6",[[1,"limel-grid"]]],["p-71efe2ca",[[1,"limel-linear-progress",{value:[2],indeterminate:[4]}]]],["p-c80acfb2",[[1,"limel-slider",{disabled:[516],readonly:[516],factor:[514],label:[513],helperText:[513,"helper-text"],unit:[513],value:[514],valuemax:[514],valuemin:[514],step:[514],percentageClass:[32]}]]],["p-e98d76e8",[[1,"limel-snackbar",{message:[1],timeout:[2],actionText:[1,"action-text"],dismissible:[4],multiline:[4],language:[1],show:[64]}]]],["p-a465084b",[[1,"limel-switch",{label:[513],disabled:[516],readonly:[516],value:[516],fieldId:[32]}]]],["p-722d32e0",[[0,"limel-dock-button",{item:[16],expanded:[516],useMobileLayout:[516,"use-mobile-layout"],isOpen:[32]}]]],["p-7ee4b825",[[1,"limel-input-field",{disabled:[516],readonly:[516],invalid:[516],label:[513],helperText:[513,"helper-text"],prefix:[513],suffix:[513],required:[516],value:[513],trailingIcon:[513,"trailing-icon"],leadingIcon:[513,"leading-icon"],pattern:[513],type:[513],formatNumber:[516,"format-number"],step:[520],max:[514],min:[514],maxlength:[514],minlength:[514],completions:[16],showLink:[516,"show-link"],isFocused:[32],isModified:[32],showCompletions:[32]}]]],["p-009de50e",[[1,"limel-color-picker-palette",{value:[513],label:[513],helperText:[513,"helper-text"],required:[516]}]]],["p-8827628d",[[1,"limel-tab-bar",{tabs:[1040],canScrollLeft:[32],canScrollRight:[32]},[[9,"resize","handleWindowResize"]]]]],["p-b0046fcd",[[1,"limel-header",{icon:[1],heading:[1],subheading:[1],supportingText:[1,"supporting-text"]}]]],["p-1e59114e",[[0,"limel-progress-flow-item",{item:[16],disabled:[4],readonly:[4]}]]],["p-2639edf9",[[1,"limel-checkbox",{disabled:[516],readonly:[516],label:[513],helperText:[513,"helper-text"],checked:[516],indeterminate:[516],required:[516],modified:[32]}]]],["p-af0ec482",[[1,"limel-flatpickr-adapter",{value:[16],type:[1],format:[1],isOpen:[4,"is-open"],inputElement:[16],language:[1]}]]],["p-1a2ffe75",[[1,"limel-menu-list",{items:[16],badgeIcons:[4,"badge-icons"],iconSize:[1,"icon-size"],type:[1],maxLinesSecondaryText:[2,"max-lines-secondary-text"]}]]],["p-42b67933",[[1,"limel-badge",{label:[514]}]]],["p-f0c9dadd",[[1,"limel-icon",{size:[513],name:[513],badge:[516]}]]],["p-5ad60e14",[[1,"limel-chip-set",{value:[16],type:[513],label:[513],helperText:[513,"helper-text"],disabled:[516],readonly:[516],inputType:[513,"input-type"],maxItems:[514,"max-items"],required:[516],searchLabel:[513,"search-label"],emptyInputOnBlur:[516,"empty-input-on-blur"],clearAllButton:[4,"clear-all-button"],leadingIcon:[513,"leading-icon"],delimiter:[513],language:[1],editMode:[32],textValue:[32],blurred:[32],inputChipIndexSelected:[32],getEditMode:[64],setFocus:[64],emptyInput:[64]}]]],["p-6b1bc80f",[[1,"limel-icon-button",{icon:[513],elevated:[516],label:[513],disabled:[516]}]]],["p-ed65468d",[[1,"limel-spinner",{size:[513],limeBranded:[4,"lime-branded"]}]]],["p-93cd2268",[[1,"limel-portal",{openDirection:[1,"open-direction"],position:[1],containerId:[1,"container-id"],containerStyle:[16],parent:[16],inheritParentWidth:[4,"inherit-parent-width"],visible:[4]}]]],["p-19f72dab",[[1,"limel-list",{items:[16],badgeIcons:[4,"badge-icons"],iconSize:[1,"icon-size"],type:[1],maxLinesSecondaryText:[2,"max-lines-secondary-text"]}],[1,"limel-menu-surface",{open:[4],allowClicksElement:[16]}]]],["p-bd098a11",[[1,"limel-popover",{open:[4],openDirection:[513,"open-direction"]}],[1,"limel-tooltip",{elementId:[513,"element-id"],label:[513],helperLabel:[513,"helper-label"],maxlength:[514],open:[32]}],[1,"limel-popover-surface",{contentCollection:[16]}],[1,"limel-tooltip-content",{label:[513],helperLabel:[513,"helper-label"],maxlength:[514]}]]]],e)));
+import{p as e,b as l}from"./p-e9a95b8f.js";(()=>{const l=import.meta.url,i={};return""!==l&&(i.resourcesUrl=new URL(".",l).href),e(i)})().then((e=>l([["p-995bbd2a",[[1,"limel-color-picker",{value:[513],label:[513],helperText:[513,"helper-text"],tooltipLabel:[513,"tooltip-label"],required:[516],readonly:[516],isOpen:[32]}]]],["p-a43e4844",[[1,"limel-dock",{dockItems:[16],dockFooterItems:[16],accessibleLabel:[513,"accessible-label"],expanded:[516],allowResize:[516,"allow-resize"],mobileBreakPoint:[514,"mobile-break-point"],useMobileLayout:[32]}]]],["p-f0e872b6",[[1,"limel-picker",{disabled:[4],readonly:[516],label:[1],searchLabel:[1,"search-label"],helperText:[513,"helper-text"],leadingIcon:[1,"leading-icon"],emptyResultMessage:[1,"empty-result-message"],required:[4],value:[16],searcher:[16],multiple:[4],delimiter:[513],actions:[16],actionPosition:[1,"action-position"],actionScrollBehavior:[1,"action-scroll-behavior"],badgeIcons:[516,"badge-icons"],items:[32],textValue:[32],loading:[32],chips:[32]}]]],["p-75152d89",[[1,"limel-date-picker",{disabled:[516],readonly:[516],invalid:[516],label:[513],helperText:[513,"helper-text"],required:[516],value:[16],type:[513],format:[513],language:[513],formattedValue:[32],internalFormat:[32],showPortal:[32]}]]],["p-95f275ab",[[1,"limel-button-group",{value:[16],disabled:[516],selectedButtonId:[32]}]]],["p-b0b4e46f",[[1,"limel-select",{disabled:[516],readonly:[516],invalid:[516],required:[516],label:[513],helperText:[513,"helper-text"],value:[16],options:[16],multiple:[4],menuOpen:[32]}]]],["p-440454ed",[[1,"limel-tab-panel",{tabs:[1040]}]]],["p-94899019",[[1,"limel-file",{value:[16],label:[513],required:[516],disabled:[516],readonly:[516],accept:[513],language:[1],isDraggingOverDropZone:[32]}]]],["p-64f068a8",[[1,"limel-menu",{items:[16],disabled:[516],openDirection:[513,"open-direction"],open:[1540],badgeIcons:[516,"badge-icons"],gridLayout:[516,"grid-layout"]}]]],["p-1dfccbc5",[[1,"limel-button",{label:[513],primary:[516],outlined:[516],icon:[513],disabled:[516],loading:[516],loadingFailed:[516,"loading-failed"],justLoaded:[32]}]]],["p-97d6c4a6",[[1,"limel-collapsible-section",{isOpen:[1540,"is-open"],header:[513],actions:[16]}]]],["p-aa66620a",[[1,"limel-dialog",{heading:[1],fullscreen:[516],open:[1540],closingActions:[16]}]]],["p-9af0704c",[[1,"limel-progress-flow",{flowItems:[16],disabled:[4],readonly:[4]}]]],["p-b95e80c9",[[1,"limel-table",{data:[16],columns:[16],mode:[1],pageSize:[2,"page-size"],totalRows:[2,"total-rows"],sorting:[16],activeRow:[1040],movableColumns:[4,"movable-columns"],loading:[4],page:[2],emptyMessage:[1,"empty-message"],aggregates:[16],selectable:[4],selection:[16]}]]],["p-63e25a0a",[[1,"limel-banner",{message:[513],icon:[513],isOpen:[32],open:[64],close:[64]}]]],["p-53e01330",[[1,"limel-circular-progress",{value:[2],maxValue:[2,"max-value"],suffix:[1],displayPercentageColors:[4,"display-percentage-colors"],size:[513]}]]],["p-6966b5df",[[1,"limel-code-editor",{value:[1],language:[1],readonly:[4],lineNumbers:[4,"line-numbers"],colorScheme:[1,"color-scheme"],random:[32]}]]],["p-d74fa89e",[[1,"limel-config",{config:[16]}]]],["p-a5af84a7",[[1,"limel-flex-container",{direction:[513],justify:[513],align:[513],reverse:[516]}]]],["p-7e571ec6",[[1,"limel-form",{schema:[16],value:[16],disabled:[4],propsFactory:[16],transformErrors:[16],errors:[16]}]]],["p-6e7809a6",[[1,"limel-grid"]]],["p-71efe2ca",[[1,"limel-linear-progress",{value:[2],indeterminate:[4]}]]],["p-c80acfb2",[[1,"limel-slider",{disabled:[516],readonly:[516],factor:[514],label:[513],helperText:[513,"helper-text"],unit:[513],value:[514],valuemax:[514],valuemin:[514],step:[514],percentageClass:[32]}]]],["p-e98d76e8",[[1,"limel-snackbar",{message:[1],timeout:[2],actionText:[1,"action-text"],dismissible:[4],multiline:[4],language:[1],show:[64]}]]],["p-a465084b",[[1,"limel-switch",{label:[513],disabled:[516],readonly:[516],value:[516],fieldId:[32]}]]],["p-c3f04c6d",[[0,"limel-dock-button",{item:[16],expanded:[516],useMobileLayout:[516,"use-mobile-layout"],isOpen:[32]}]]],["p-7ee4b825",[[1,"limel-input-field",{disabled:[516],readonly:[516],invalid:[516],label:[513],helperText:[513,"helper-text"],prefix:[513],suffix:[513],required:[516],value:[513],trailingIcon:[513,"trailing-icon"],leadingIcon:[513,"leading-icon"],pattern:[513],type:[513],formatNumber:[516,"format-number"],step:[520],max:[514],min:[514],maxlength:[514],minlength:[514],completions:[16],showLink:[516,"show-link"],isFocused:[32],isModified:[32],showCompletions:[32]}]]],["p-009de50e",[[1,"limel-color-picker-palette",{value:[513],label:[513],helperText:[513,"helper-text"],required:[516]}]]],["p-8827628d",[[1,"limel-tab-bar",{tabs:[1040],canScrollLeft:[32],canScrollRight:[32]},[[9,"resize","handleWindowResize"]]]]],["p-b0046fcd",[[1,"limel-header",{icon:[1],heading:[1],subheading:[1],supportingText:[1,"supporting-text"]}]]],["p-1e59114e",[[0,"limel-progress-flow-item",{item:[16],disabled:[4],readonly:[4]}]]],["p-2639edf9",[[1,"limel-checkbox",{disabled:[516],readonly:[516],label:[513],helperText:[513,"helper-text"],checked:[516],indeterminate:[516],required:[516],modified:[32]}]]],["p-af0ec482",[[1,"limel-flatpickr-adapter",{value:[16],type:[1],format:[1],isOpen:[4,"is-open"],inputElement:[16],language:[1]}]]],["p-1a2ffe75",[[1,"limel-menu-list",{items:[16],badgeIcons:[4,"badge-icons"],iconSize:[1,"icon-size"],type:[1],maxLinesSecondaryText:[2,"max-lines-secondary-text"]}]]],["p-42b67933",[[1,"limel-badge",{label:[514]}]]],["p-f0c9dadd",[[1,"limel-icon",{size:[513],name:[513],badge:[516]}]]],["p-5ad60e14",[[1,"limel-chip-set",{value:[16],type:[513],label:[513],helperText:[513,"helper-text"],disabled:[516],readonly:[516],inputType:[513,"input-type"],maxItems:[514,"max-items"],required:[516],searchLabel:[513,"search-label"],emptyInputOnBlur:[516,"empty-input-on-blur"],clearAllButton:[4,"clear-all-button"],leadingIcon:[513,"leading-icon"],delimiter:[513],language:[1],editMode:[32],textValue:[32],blurred:[32],inputChipIndexSelected:[32],getEditMode:[64],setFocus:[64],emptyInput:[64]}]]],["p-6b1bc80f",[[1,"limel-icon-button",{icon:[513],elevated:[516],label:[513],disabled:[516]}]]],["p-ed65468d",[[1,"limel-spinner",{size:[513],limeBranded:[4,"lime-branded"]}]]],["p-93cd2268",[[1,"limel-portal",{openDirection:[1,"open-direction"],position:[1],containerId:[1,"container-id"],containerStyle:[16],parent:[16],inheritParentWidth:[4,"inherit-parent-width"],visible:[4]}]]],["p-19f72dab",[[1,"limel-list",{items:[16],badgeIcons:[4,"badge-icons"],iconSize:[1,"icon-size"],type:[1],maxLinesSecondaryText:[2,"max-lines-secondary-text"]}],[1,"limel-menu-surface",{open:[4],allowClicksElement:[16]}]]],["p-bd098a11",[[1,"limel-popover",{open:[4],openDirection:[513,"open-direction"]}],[1,"limel-tooltip",{elementId:[513,"element-id"],label:[513],helperLabel:[513,"helper-label"],maxlength:[514],open:[32]}],[1,"limel-popover-surface",{contentCollection:[16]}],[1,"limel-tooltip-content",{label:[513],helperLabel:[513,"helper-label"],maxlength:[514]}]]]],e)));

package/dist/lime-elements/p-a43e4844.entry.js

@@ -0,0 +1 @@
+import{r as e,c as t,h as o,H as i}from"./p-e9a95b8f.js";const s=class{constructor(i){e(this,i),this.itemSelected=t(this,"itemSelected",7),this.close=t(this,"close",7),this.dockExpanded=t(this,"dockExpanded",7),this.dockItems=[],this.dockFooterItems=[],this.expanded=!1,this.allowResize=!0,this.mobileBreakPoint=700,this.useMobileLayout=!1,this.renderSeparator=()=>this.useMobileLayout?null:o("span",{class:"footer-separator"}),this.renderDockItem=e=>o("limel-dock-button",{class:{"dock-item":!0,selected:e.selected},item:e,expanded:this.expanded&&!this.useMobileLayout,useMobileLayout:this.useMobileLayout}),this.handleResize=()=>{this.useMobileLayout=window.innerWidth<=this.mobileBreakPoint},this.toggleDockWidth=()=>{this.expanded=!this.expanded,this.dockExpanded.emit(this.expanded)}}componentDidLoad(){this.resizeObserver=new ResizeObserver(this.handleResize),this.resizeObserver.observe(document.body)}disconnectedCallback(){this.resizeObserver.disconnect()}render(){return o(i,{class:{dock:!0,expanded:this.expanded,"has-mobile-layout":this.useMobileLayout}},o("nav",{"aria-label":this.accessibleLabel},this.dockItems.map(this.renderDockItem),this.renderSeparator(),this.dockFooterItems.map(this.renderDockItem)),this.renderExpandShrinkToggle())}renderExpandShrinkToggle(){if(!this.useMobileLayout&&this.allowResize)return o("button",{class:{"expand-shrink":!0,expanded:this.expanded},onClick:this.toggleDockWidth},o("limel-icon",{name:"angle_right"}))}};s.style=":host(limel-dock){--dock-item-height:2.75rem;--dock-padding:0.25rem;--dock-expand-shrink-button-height:1rem;--limel-dock-item-text-color:var(\n      --dock-item-text-color,\n      rgb(var(--contrast-1100))\n  );--limel-dock-item-text-color--selected:var(\n      --dock-item-text-color--selected,\n      rgb(var(--contrast-1300))\n  );isolation:isolate;position:relative;display:inline-flex;flex-direction:column;background-color:var(--dock-background-color, rgb(var(--contrast-100)));box-shadow:0.1875rem 0 0.375rem -0.125rem rgba(var(--color-black), 0.15), 0.1875rem 0 0.625rem -0.125rem rgba(var(--color-black), 0.05)}:host(limel-dock:not(.has-mobile-layout)){height:100%;width:calc(var(--dock-padding) * 2 + var(--dock-item-height))}:host(limel-dock.expanded){width:var(--dock-expanded-max-width, max-content)}.footer-separator{margin-top:auto;justify-self:flex-end}nav{box-sizing:border-box;display:inline-flex;flex-direction:column;gap:0.375rem;flex-grow:1;padding:var(--dock-padding);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}nav::-webkit-scrollbar{display:none}:host(limel-dock.has-mobile-layout) nav{justify-content:space-between;flex-direction:row}.expand-shrink{all:unset;box-sizing:border-box;transition:background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease-out;cursor:pointer;display:flex;justify-content:center;align-items:center;height:var(--dock-expand-shrink-button-height);padding:0 0.5rem;margin:var(--dock-padding);border-radius:0.375rem}.expand-shrink:hover{box-shadow:var(--button-shadow-hovered)}.expand-shrink:active{box-shadow:var(--button-shadow-pressed);transform:translate3d(0, 0.08rem, 0)}.expand-shrink.expanded{justify-content:flex-end}.expand-shrink.expanded limel-icon{transform:rotateY(180deg)}.expand-shrink:focus-visible{box-shadow:var(--shadow-depth-8-focused)}.expand-shrink limel-icon{width:calc(var(--dock-expand-shrink-button-height) - 0.25rem);color:var(--dock-item-icon-color, var(--limel-dock-item-text-color))}";export{s as limel_dock}

package/dist/lime-elements/p-c3f04c6d.entry.js

@@ -0,0 +1 @@
+import{r as t,c as e,h as o}from"./p-e9a95b8f.js";import{c as i}from"./p-6c094f3f.js";const s=class{constructor(o){t(this,o),this.itemSelected=e(this,"itemSelected",7),this.close=e(this,"close",7),this.expanded=!1,this.useMobileLayout=!1,this.isOpen=!1,this.openPopover=t=>{t.stopPropagation(),this.isOpen=!0},this.onPopoverClose=()=>{this.isOpen=!1,this.close.emit()},this.handleClick=t=>{t.stopPropagation(),this.itemSelected.emit(this.item)},this.tooltipId=i()}render(){var t,e;return(null===(e=null===(t=this.item)||void 0===t?void 0:t.dockMenu)||void 0===e?void 0:e.componentName)?this.renderPopover():this.renderButton(this.handleClick)}renderPopover(){var t;const e=null===(t=this.item)||void 0===t?void 0:t.dockMenu.componentName;return o("limel-popover",{openDirection:this.useMobileLayout?"top":"right",open:this.isOpen||this.item.dockMenu.menuOpen,onClose:this.onPopoverClose},this.renderButton(this.openPopover,"trigger"),o(e,Object.assign({},this.item.dockMenu.props||{},{onClose:this.onPopoverClose})))}renderButton(t,e){var i;return o("button",{slot:e,tabindex:"0",id:this.tooltipId,type:"button",class:{button:!0,selected:null===(i=this.item)||void 0===i?void 0:i.selected},onClick:t},this.renderIcon(),this.renderLabel(),this.renderTooltip())}renderIcon(){if(this.item.icon)return o("limel-icon",{name:this.item.icon,class:"icon"})}renderLabel(){if(this.expanded)return o("span",{class:"text"},this.item.label)}renderTooltip(){return!this.expanded&&this.item.label?o("limel-tooltip",{elementId:this.tooltipId,label:this.item.label,helperLabel:this.item.helperLabel}):this.expanded&&this.item.helperLabel?o("limel-tooltip",{elementId:this.tooltipId,label:this.item.helperLabel}):void 0}};s.style=".button{all:unset;box-sizing:border-box;display:flex;align-items:center;position:relative;width:100%;height:var(--dock-item-height);border-radius:0.375rem;font-size:0.875rem;padding:0 0.5rem;min-width:var(--dock-item-height);color:var(--limel-dock-item-text-color);background-color:var(--dock-background-color)}.button:focus-visible{box-shadow:var(--shadow-depth-8-focused)}.dock-item:not(.selected) .button:not(.disabled){cursor:pointer;transition:background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease-out}.dock-item:not(.selected) .button:not(.disabled):hover{box-shadow:var(--button-shadow-hovered)}.dock-item:not(.selected) .button:not(.disabled):active{box-shadow:var(--button-shadow-pressed);transform:translate3d(0, 0.08rem, 0)}.button:hover{z-index:1}.button.selected{color:var(--limel-dock-item-text-color--selected);background-color:var(--dock-item-background-color--selected, rgb(var(--contrast-200)));box-shadow:var(--button-shadow-inset)}.button.selected .icon{color:var(--limel-dock-item-text--selected)}limel-popover{display:grid}.text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-left:0.5rem;padding-right:0.75rem}.icon{flex-shrink:0;width:calc(var(--dock-item-height) - 1rem);height:calc(var(--dock-item-height) - 1rem);color:var(--dock-item-icon-color, var(--limel-dock-item-text-color))}";export{s as limel_dock_button}

package/dist/types/components/dock/dock-button/dock-button.d.ts

@@ -5,22 +5,30 @@ import { DockItem } from '../dock.types';
  */
 export declare class DockButton {
   /**
-   * @inheritdoc
+   * Item that is placed in the dock.
    */
   item: DockItem;
   /**
-   * @inheritdoc
+   * When the dock is expanded or collapsed, dock items
+   * show labels and tooltips as suitable for the layout.
    */
   expanded?: boolean;
   /**
-   * @inheritdoc
+   * When dock is using mobile layout, dock items
+   * show labels and tooltips as suitable for the layout.
    */
   useMobileLayout?: boolean;
   /**
-   * Fired when clicking on the flow item.
+   * Fired when a dock item has been selected from the dock.
+   */
+  private itemSelected;
+  /**
+   * Indicated whether the popover that renders a component is open.
    */
-  private interact;
   private isOpen;
+  /**
+   * Fired when the popover is closed.
+   */
   close: EventEmitter<void>;
   private tooltipId;
   constructor();

package/dist/types/components/dock/dock.d.ts

@@ -1,3 +1,4 @@
+import { EventEmitter } from '../../stencil-public-runtime';
 import { DockItem } from './dock.types';
 /**
  * @exampleComponent limel-example-dock-basic
@@ -50,9 +51,13 @@ export declare class Dock {
    */
   mobileBreakPoint?: number;
   /**
-   * Fired when a Dock item has been selected from the dock.
+   * Fired when a dock item has been selected from the dock.
    */
-  private itemSelected;
+  itemSelected: EventEmitter<DockItem>;
+  /**
+   * Fired when the popover is closed.
+   */
+  close: EventEmitter<void>;
   /**
    * Fired when a Dock is expanded or collapsed.
    */
@@ -68,7 +73,6 @@ export declare class Dock {
   render(): any;
   private renderSeparator;
   private renderDockItem;
-  private handleDockItemClick;
   private handleResize;
   private renderExpandShrinkToggle;
   private toggleDockWidth;

package/dist/types/components.d.ts

@@ -388,15 +388,15 @@ export namespace Components {
     }
     interface LimelDockButton {
         /**
-          * @inheritdoc
+          * When the dock is expanded or collapsed, dock items show labels and tooltips as suitable for the layout.
          */
         "expanded"?: boolean;
         /**
-          * @inheritdoc
+          * Item that is placed in the dock.
          */
         "item": DockItem;
         /**
-          * @inheritdoc
+          * When dock is using mobile layout, dock items show labels and tooltips as suitable for the layout.
          */
         "useMobileLayout"?: boolean;
     }
@@ -1844,31 +1844,38 @@ declare namespace LocalJSX {
           * Defines the breakpoint in pixles, at which the component will be rendered in a hoizontal layout. Default breakpoint is `700` pixels, which means when the screen size is smaller than `700px`, the component will automatically switch to a horizontal layout.
          */
         "mobileBreakPoint"?: number;
+        /**
+          * Fired when the popover is closed.
+         */
+        "onClose"?: (event: CustomEvent<void>) => void;
         /**
           * Fired when a Dock is expanded or collapsed.
          */
         "onDockExpanded"?: (event: CustomEvent<boolean>) => void;
         /**
-          * Fired when a Dock item has been selected from the dock.
+          * Fired when a dock item has been selected from the dock.
          */
         "onItemSelected"?: (event: CustomEvent<DockItem>) => void;
     }
     interface LimelDockButton {
         /**
-          * @inheritdoc
+          * When the dock is expanded or collapsed, dock items show labels and tooltips as suitable for the layout.
          */
         "expanded"?: boolean;
         /**
-          * @inheritdoc
+          * Item that is placed in the dock.
          */
         "item": DockItem;
+        /**
+          * Fired when the popover is closed.
+         */
         "onClose"?: (event: CustomEvent<void>) => void;
         /**
-          * Fired when clicking on the flow item.
+          * Fired when a dock item has been selected from the dock.
          */
-        "onInteract"?: (event: CustomEvent<DockItem>) => void;
+        "onItemSelected"?: (event: CustomEvent<DockItem>) => void;
         /**
-          * @inheritdoc
+          * When dock is using mobile layout, dock items show labels and tooltips as suitable for the layout.
          */
         "useMobileLayout"?: boolean;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@limetech/lime-elements",
-  "version": "36.0.0-next.10",
+  "version": "36.0.0-next.11",
   "description": "Lime Elements",
   "author": "Lime Technologies",
   "license": "Apache-2.0",

package/dist/lime-elements/p-6884b012.entry.js

@@ -1 +0,0 @@
-import{r as e,c as t,h as o,H as i}from"./p-e9a95b8f.js";const s=class{constructor(i){e(this,i),this.itemSelected=t(this,"itemSelected",7),this.dockExpanded=t(this,"dockExpanded",7),this.dockItems=[],this.dockFooterItems=[],this.expanded=!1,this.allowResize=!0,this.mobileBreakPoint=700,this.useMobileLayout=!1,this.renderSeparator=()=>this.useMobileLayout?null:o("span",{class:"footer-separator"}),this.renderDockItem=e=>o("limel-dock-button",{class:{"dock-item":!0,selected:e.selected},item:e,expanded:this.expanded&&!this.useMobileLayout,useMobileLayout:this.useMobileLayout,onInteract:this.handleDockItemClick}),this.handleDockItemClick=e=>{e.detail.selected||this.itemSelected.emit(e.detail)},this.handleResize=()=>{this.useMobileLayout=window.innerWidth<=this.mobileBreakPoint},this.toggleDockWidth=()=>{this.expanded=!this.expanded,this.dockExpanded.emit(this.expanded)}}componentDidLoad(){this.resizeObserver=new ResizeObserver(this.handleResize),this.resizeObserver.observe(document.body)}disconnectedCallback(){this.resizeObserver.disconnect()}render(){return o(i,{class:{dock:!0,expanded:this.expanded,"has-mobile-layout":this.useMobileLayout}},o("nav",{"aria-label":this.accessibleLabel},this.dockItems.map(this.renderDockItem),this.renderSeparator(),this.dockFooterItems.map(this.renderDockItem)),this.renderExpandShrinkToggle())}renderExpandShrinkToggle(){if(!this.useMobileLayout&&this.allowResize)return o("button",{class:{"expand-shrink":!0,expanded:this.expanded},onClick:this.toggleDockWidth},o("limel-icon",{name:"angle_right"}))}};s.style=":host(limel-dock){--dock-item-height:2.75rem;--dock-padding:0.25rem;--dock-expand-shrink-button-height:1rem;--limel-dock-item-text-color:var(\n      --dock-item-text-color,\n      rgb(var(--contrast-1100))\n  );--limel-dock-item-text-color--selected:var(\n      --dock-item-text-color--selected,\n      rgb(var(--contrast-1300))\n  );isolation:isolate;position:relative;display:inline-flex;flex-direction:column;background-color:var(--dock-background-color, rgb(var(--contrast-100)));box-shadow:0.1875rem 0 0.375rem -0.125rem rgba(var(--color-black), 0.15), 0.1875rem 0 0.625rem -0.125rem rgba(var(--color-black), 0.05)}:host(limel-dock:not(.has-mobile-layout)){height:100%;width:calc(var(--dock-padding) * 2 + var(--dock-item-height))}:host(limel-dock.expanded){width:var(--dock-expanded-max-width, max-content)}.footer-separator{margin-top:auto;justify-self:flex-end}nav{box-sizing:border-box;display:inline-flex;flex-direction:column;gap:0.375rem;flex-grow:1;padding:var(--dock-padding);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}nav::-webkit-scrollbar{display:none}:host(limel-dock.has-mobile-layout) nav{justify-content:space-between;flex-direction:row}.expand-shrink{all:unset;box-sizing:border-box;transition:background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease-out;cursor:pointer;display:flex;justify-content:center;align-items:center;height:var(--dock-expand-shrink-button-height);padding:0 0.5rem;margin:var(--dock-padding);border-radius:0.375rem}.expand-shrink:hover{box-shadow:var(--button-shadow-hovered)}.expand-shrink:active{box-shadow:var(--button-shadow-pressed);transform:translate3d(0, 0.08rem, 0)}.expand-shrink.expanded{justify-content:flex-end}.expand-shrink.expanded limel-icon{transform:rotateY(180deg)}.expand-shrink:focus-visible{box-shadow:var(--shadow-depth-8-focused)}.expand-shrink limel-icon{width:calc(var(--dock-expand-shrink-button-height) - 0.25rem);color:var(--dock-item-icon-color, var(--limel-dock-item-text-color))}";export{s as limel_dock}

package/dist/lime-elements/p-722d32e0.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,h as o}from"./p-e9a95b8f.js";import{c as i}from"./p-6c094f3f.js";const s=class{constructor(o){t(this,o),this.interact=e(this,"interact",7),this.close=e(this,"close",7),this.expanded=!1,this.useMobileLayout=!1,this.isOpen=!1,this.openPopover=t=>{t.stopPropagation(),this.isOpen=!0},this.onPopoverClose=()=>{this.isOpen=!1,this.close.emit()},this.handleClick=t=>{t.stopPropagation(),this.interact.emit(this.item)},this.tooltipId=i()}render(){var t,e;return(null===(e=null===(t=this.item)||void 0===t?void 0:t.dockMenu)||void 0===e?void 0:e.componentName)?this.renderPopover():this.renderButton(this.handleClick)}renderPopover(){var t;const e=null===(t=this.item)||void 0===t?void 0:t.dockMenu.componentName;return o("limel-popover",{openDirection:this.useMobileLayout?"top":"right",open:this.isOpen||this.item.dockMenu.menuOpen,onClose:this.onPopoverClose},this.renderButton(this.openPopover,"trigger"),o(e,Object.assign({},this.item.dockMenu.props||{},{onClose:this.onPopoverClose})))}renderButton(t,e){var i;return o("button",{slot:e,tabindex:"0",id:this.tooltipId,type:"button",class:{button:!0,selected:null===(i=this.item)||void 0===i?void 0:i.selected},onClick:t},this.renderIcon(),this.renderLabel(),this.renderTooltip())}renderIcon(){if(this.item.icon)return o("limel-icon",{name:this.item.icon,class:"icon"})}renderLabel(){if(this.expanded)return o("span",{class:"text"},this.item.label)}renderTooltip(){return!this.expanded&&this.item.label?o("limel-tooltip",{elementId:this.tooltipId,label:this.item.label,helperLabel:this.item.helperLabel}):this.expanded&&this.item.helperLabel?o("limel-tooltip",{elementId:this.tooltipId,label:this.item.helperLabel}):void 0}};s.style=".button{all:unset;box-sizing:border-box;display:flex;align-items:center;position:relative;width:100%;height:var(--dock-item-height);border-radius:0.375rem;font-size:0.875rem;padding:0 0.5rem;min-width:var(--dock-item-height);color:var(--limel-dock-item-text-color);background-color:var(--dock-background-color)}.button:focus-visible{box-shadow:var(--shadow-depth-8-focused)}.dock-item:not(.selected) .button:not(.disabled){cursor:pointer;transition:background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease-out}.dock-item:not(.selected) .button:not(.disabled):hover{box-shadow:var(--button-shadow-hovered)}.dock-item:not(.selected) .button:not(.disabled):active{box-shadow:var(--button-shadow-pressed);transform:translate3d(0, 0.08rem, 0)}.button:hover{z-index:1}.button.selected{color:var(--limel-dock-item-text-color--selected);background-color:var(--dock-item-background-color--selected, rgb(var(--contrast-200)));box-shadow:var(--button-shadow-inset)}.button.selected .icon{color:var(--limel-dock-item-text--selected)}limel-popover{display:grid}.text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-left:0.5rem;padding-right:0.75rem}.icon{flex-shrink:0;width:calc(var(--dock-item-height) - 1rem);height:calc(var(--dock-item-height) - 1rem);color:var(--dock-item-icon-color, var(--limel-dock-item-text-color))}";export{s as limel_dock_button}