@limetech/lime-elements 40.0.3 → 40.1.1

package/dist/lime-elements/{p-fa4edcf5.entry.js → p-f2294e26.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,h as s,a as e}from"./p-BGxJfR2f.js";import{t as h}from"./p-DgqE77nk.js";import{i as n}from"./p-B9Ofc5RB.js";import{E as r,T as o,a,A as l,b as c}from"./p-C4_9qUMP.js";import{c as d}from"./p-JbKhhoXs.js";import{a as u,g as p}from"./p-CgNJbSP4.js";import{d as m}from"./p-BviYUVSD.js";import"./p-BJQylLSL.js";import"./p-D6dCQvwl.js";import"./p-BOEi1C7r.js";import"./p-oiMYqRQ0.js";const g=class{constructor(s){t(this,s),this.change=i(this,"change"),this.interact=i(this,"interact"),this.action=i(this,"action"),this.disabled=!1,this.readonly=!1,this.language="en",this.required=!1,this.invalid=!1,this.allItems=[],this.multiple=!1,this.delimiter=null,this.actions=[],this.actionPosition="bottom",this.actionScrollBehavior="sticky",this.badgeIcons=!1,this.textValue="",this.loading=!1,this.chips=[],this.chipSetEditMode=!1,this.getValueId=t=>{const i=t.value;return i&&"object"==typeof i?i.id:i},this.createChips=t=>t?this.multiple?t.map(this.createChip):[this.createChip(t)]:[],this.createChip=t=>{const i=p(t.icon),s=u(t.icon,t.iconColor);return{id:`${this.getValueId(t)}`,text:t.text,removable:!1!==t.removable,icon:i?{name:i,color:s}:void 0,image:t.image,value:t,menuItems:t.actions,badge:t.badge}},this.search=async t=>{const i=setTimeout((()=>{this.loading=!0})),s=this.searcher||this.defaultSearcher,e=await s(this.textValue);clearTimeout(i),this.handleSearchResult(t,e)},this.defaultSearcher=async t=>""===t?this.allItems.slice(0,20):this.allItems.filter((i=>{let s=i.text.toLowerCase();return i.secondaryText&&(s=s+" "+i.secondaryText.toLowerCase()),s.includes(t.toLowerCase())})).slice(0,20),this.handleTextInput=this.handleTextInput.bind(this),this.handleInputKeyDown=this.handleInputKeyDown.bind(this),this.handleInputFieldFocus=this.handleInputFieldFocus.bind(this),this.handleChange=this.handleChange.bind(this),this.handleInteract=this.handleInteract.bind(this),this.handleListChange=this.handleListChange.bind(this),this.handleActionListChange=this.handleActionListChange.bind(this),this.handleStopEditAndBlur=this.handleStopEditAndBlur.bind(this),this.handleCloseMenu=this.handleCloseMenu.bind(this),this.onListKeyDown=this.onListKeyDown.bind(this),this.portalId=d(),this.debouncedSearch=m(this.search,300)}componentWillLoad(){this.chips=this.createChips(this.value)}componentDidLoad(){this.chipSet=this.host.shadowRoot.querySelector("limel-chip-set"),this.updateTabIndex()}disconnectedCallback(){this.debouncedSearch.cancel()}onDisabledChange(){this.updateTabIndex()}updateTabIndex(){this.host.setAttribute("tabindex",this.disabled||this.readonly?"-1":"0")}async componentWillUpdate(){this.chipSetEditMode=!1,this.chipSet&&(this.chipSetEditMode=await this.chipSet.getEditMode())}render(){const t={};return this.multiple||(t.maxItems=1),[s("limel-chip-set",Object.assign({key:"281a5f2451505c012b72c04610d897cf22717420",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,language:this.language,onInput:this.handleTextInput,onKeyDown:this.handleInputKeyDown,onChange:this.handleChange,onInteract:this.handleInteract,onStartEdit:this.handleInputFieldFocus,onStopEdit:this.handleStopEditAndBlur,emptyInputOnBlur:!1,emptyInputOnChange:!1,clearAllButton:this.multiple&&!this.chipSetEditMode},t)),this.renderDropdown()]}onChangeValue(){this.chips=this.createChips(this.value)}renderDelimiter(){return this.multiple?this.delimiter:null}renderDropdown(){const t=this.getDropdownContent(),i=[];if(this.shouldShowDropDownContent()){const s=this.getActionContent();"top"===this.actionPosition&&i.push(s),t&&i.push(t),"bottom"===this.actionPosition&&i.push(s)}return this.renderPortal(i)}getActionContent(){var t,i;return 0===(null!==(i=null===(t=this.actions)||void 0===t?void 0:t.length)&&void 0!==i?i:0)?null:[s("limel-list",{class:{"static-actions-list":!0,"is-on-top":"top"===this.actionPosition,"is-at-bottom":"bottom"===this.actionPosition,"has-position-sticky":"sticky"===this.actionScrollBehavior},badgeIcons:!0,type:"selectable",onChange:this.handleActionListChange,items:this.actions.map(this.removeUnusedPropertiesOnAction)})]}removeUnusedPropertiesOnAction(t){return Object.assign(Object.assign({},t),{actions:[]})}shouldShowDropDownContent(){return!this.isFull()&&!!this.chipSetEditMode}getDropdownContent(){var t;if(this.shouldShowDropDownContent())return this.loading?this.renderSpinner():(null===(t=this.items)||void 0===t?void 0:t.length)?this.renderListResult():""!==this.textValue?this.renderEmptyMessage():void 0}isFull(){return!this.multiple&&!!this.value}renderSpinner(){return s("div",{style:{width:"100%",display:"flex","align-items":"center","justify-content":"center",padding:"1rem 0"}},s("limel-spinner",{limeBranded:!1}))}renderEmptyMessage(){const t=this.emptyResultMessage||h.get("picker.no-matching-results",this.language,{query:this.textValue});return s("p",{style:{color:"rgb(var(--contrast-1100))",textAlign:"center",fontSize:"var(--limel-theme-default-font-size)",margin:"0.5rem 1rem"}},t)}renderListResult(){return s("limel-list",{badgeIcons:this.badgeIcons,onChange:this.handleListChange,onKeyDown:this.onListKeyDown,type:"selectable",items:this.items})}onListKeyDown(t){if(t.key===r)return t.preventDefault(),t.stopPropagation(),this.handleEscape(),void this.chipSet.setFocus();[o,a].includes(t.key)&&this.chipSet.setFocus()}renderPortal(t=[]){const i=getComputedStyle(this.host).getPropertyValue("--dropdown-z-index");return s("limel-portal",{visible:t.length>0,containerId:this.portalId,inheritParentWidth:!0,containerStyle:{"z-index":i}},s("limel-menu-surface",{open:t.length>0,allowClicksElement:this.host,style:{"--menu-surface-width":"100%","max-height":"inherit",display:"flex"},onDismiss:this.handleCloseMenu},t))}handleStopEditAndBlur(){const t=this.host.shadowRoot.activeElement||document.activeElement,i=document.querySelector(`#${this.portalId}`);n(t,this.host)||n(t,i)||this.clearInputField()}async handleTextInput(t){t.stopPropagation();const i=t.detail;this.textValue=i,this.debouncedSearch(i),""===i&&this.debouncedSearch.flush()}handleListChange(t){var i,s,e;if(t.stopPropagation(),!this.value||this.value!==t.detail){let e=t.detail;if(this.multiple&&(e=[...null!==(i=this.value)&&void 0!==i?i:[],t.detail]),this.change.emit(e),this.multiple){const i=this.items.filter((i=>i!==t.detail));this.items=this.hasPickableItems(i)?i:[]}else this.items=[],this.textValue="",null===(s=this.chipSet)||void 0===s||s.emptyInput()}this.multiple&&(null===(e=this.chipSet)||void 0===e||e.setFocus())}handleActionListChange(t){t.stopPropagation(),t.detail&&(this.action.emit(t.detail.value),this.items=[])}handleInputFieldFocus(){this.debouncedSearch(this.textValue)}handleChange(t){t.stopPropagation(),this.textValue="";let i=null;this.multiple&&(i=t.detail.map((t=>this.value.find((i=>`${this.getValueId(i)}`===t.id))))),this.change.emit(i)}handleInteract(t){t.stopPropagation(),this.interact.emit(t.detail?t.detail.value:t.detail)}handleInputKeyDown(t){const i=t.key===o&&!t.altKey&&!t.metaKey&&!t.shiftKey,s=t.key===l,e=t.key===c;if(t.key===r)return t.preventDefault(),t.stopPropagation(),void this.handleEscape();if(!i&&!s&&!e)return;const h=document.querySelector(` #${this.portalId} limel-list`);if(h){if(i||e){const i=h.shadowRoot.querySelector(".mdc-deprecated-list-item");if(!i)return;return t.preventDefault(),void i.focus()}if(s){const i=[...h.shadowRoot.querySelectorAll(".mdc-deprecated-list-item")].at(-1);if(!i)return;t.preventDefault(),i.focus()}}}handleSearchResult(t,i){var s;if(t===this.textValue){let e=i;if(this.multiple){const t=null!==(s=this.value)&&void 0!==s?s:[];e=i.filter((i=>"separator"in i||!t.includes(i)))}this.items=this.prependSearchHeader(t,e),this.loading=!1}}hasPickableItems(t){return t.some((t=>!("separator"in t)))}prependSearchHeader(t,i){return""===t?i:this.hasPickableItems(i)?[{separator:!0,text:h.get("picker.results-matching",this.language,{query:t})},...i]:i}handleCloseMenu(){this.clearInputField()}clearTextValue(){this.chipSet.emptyInput(),this.textValue="",this.debouncedSearch.cancel()}clearInputField(){this.clearTextValue(),this.handleSearchResult("",[])}resetSearchToDefault(){this.clearTextValue(),this.search("")}handleEscape(){""===this.textValue?this.clearInputField():this.resetSearchToDefault()}static get delegatesFocus(){return!0}get host(){return e(this)}static get watchers(){return{disabled:[{onDisabledChange:0}],value:[{onChangeValue:0}]}}};g.style=":host{position:relative;display:block}:host([hidden]){display:none}";export{g as limel_picker}
+import{r as t,c as i,h as s,a as e}from"./p-BGxJfR2f.js";import{t as h}from"./p-DgqE77nk.js";import{i as n}from"./p-B9Ofc5RB.js";import{E as r,T as o,a,A as l,b as c}from"./p-C4_9qUMP.js";import{c as d}from"./p-JbKhhoXs.js";import{a as u,g as p}from"./p-CgNJbSP4.js";import{d as m}from"./p-BviYUVSD.js";import"./p-BJQylLSL.js";import"./p-D6dCQvwl.js";import"./p-BOEi1C7r.js";import"./p-oiMYqRQ0.js";const g=class{constructor(s){t(this,s),this.change=i(this,"change"),this.interact=i(this,"interact"),this.action=i(this,"action"),this.disabled=!1,this.readonly=!1,this.language="en",this.required=!1,this.invalid=!1,this.allItems=[],this.multiple=!1,this.delimiter=null,this.actions=[],this.actionPosition="bottom",this.actionScrollBehavior="sticky",this.badgeIcons=!1,this.textValue="",this.loading=!1,this.chips=[],this.chipSetEditMode=!1,this.getValueId=t=>{const i=t.value;return i&&"object"==typeof i?i.id:i},this.createChips=t=>t?this.multiple?t.map(this.createChip):[this.createChip(t)]:[],this.createChip=t=>{const i=p(t.icon),s=u(t.icon,t.iconColor);return{id:`${this.getValueId(t)}`,text:t.text,removable:!1!==t.removable,icon:i?{name:i,color:s}:void 0,image:t.image,value:t,menuItems:t.actions,badge:t.badge}},this.search=async t=>{const i=setTimeout((()=>{this.loading=!0})),s=this.searcher||this.defaultSearcher,e=await s(this.textValue);clearTimeout(i),this.handleSearchResult(t,e)},this.defaultSearcher=async t=>""===t?this.allItems.slice(0,20):this.allItems.filter((i=>{let s=i.text.toLowerCase();return i.secondaryText&&(s=s+" "+i.secondaryText.toLowerCase()),s.includes(t.toLowerCase())})).slice(0,20),this.handleTextInput=this.handleTextInput.bind(this),this.handleInputKeyDown=this.handleInputKeyDown.bind(this),this.handleInputFieldFocus=this.handleInputFieldFocus.bind(this),this.handleChange=this.handleChange.bind(this),this.handleInteract=this.handleInteract.bind(this),this.handleListChange=this.handleListChange.bind(this),this.handleActionListChange=this.handleActionListChange.bind(this),this.handleStopEditAndBlur=this.handleStopEditAndBlur.bind(this),this.handleCloseMenu=this.handleCloseMenu.bind(this),this.onListKeyDown=this.onListKeyDown.bind(this),this.portalId=d(),this.debouncedSearch=m(this.search,300)}componentWillLoad(){this.chips=this.createChips(this.value)}componentDidLoad(){this.chipSet=this.host.shadowRoot.querySelector("limel-chip-set"),this.updateTabIndex()}disconnectedCallback(){this.debouncedSearch.cancel()}onDisabledChange(){this.updateTabIndex()}updateTabIndex(){this.host.setAttribute("tabindex",this.disabled||this.readonly?"-1":"0")}async componentWillUpdate(){this.chipSetEditMode=!1,this.chipSet&&(this.chipSetEditMode=await this.chipSet.getEditMode())}render(){const t={};return this.multiple||(t.maxItems=1),[s("limel-chip-set",Object.assign({key:"281a5f2451505c012b72c04610d897cf22717420",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,language:this.language,onInput:this.handleTextInput,onKeyDown:this.handleInputKeyDown,onChange:this.handleChange,onInteract:this.handleInteract,onStartEdit:this.handleInputFieldFocus,onStopEdit:this.handleStopEditAndBlur,emptyInputOnBlur:!1,emptyInputOnChange:!1,clearAllButton:this.multiple&&!this.chipSetEditMode},t)),this.renderDropdown()]}onChangeValue(){this.chips=this.createChips(this.value)}renderDelimiter(){return this.multiple?this.delimiter:null}renderDropdown(){const t=this.getDropdownContent(),i=[];if(this.shouldShowDropDownContent()){const s=this.getActionContent();"top"===this.actionPosition&&i.push(s),t&&i.push(t),"bottom"===this.actionPosition&&i.push(s)}return this.renderPortal(i)}getActionContent(){var t,i;return 0===(null!==(i=null===(t=this.actions)||void 0===t?void 0:t.length)&&void 0!==i?i:0)?null:[s("limel-list",{class:{"static-actions-list":!0,"is-on-top":"top"===this.actionPosition,"is-at-bottom":"bottom"===this.actionPosition,"has-position-sticky":"sticky"===this.actionScrollBehavior},badgeIcons:!0,type:"selectable",onChange:this.handleActionListChange,items:this.actions.map(this.removeUnusedPropertiesOnAction)})]}removeUnusedPropertiesOnAction(t){return Object.assign(Object.assign({},t),{actions:[]})}shouldShowDropDownContent(){return!this.isFull()&&!!this.chipSetEditMode}getDropdownContent(){var t;if(this.shouldShowDropDownContent())return this.loading?this.renderSpinner():(null===(t=this.items)||void 0===t?void 0:t.length)?this.renderListResult():""!==this.textValue?this.renderEmptyMessage():void 0}isFull(){return!this.multiple&&!!this.value}renderSpinner(){return s("div",{style:{width:"100%",display:"flex","align-items":"center","justify-content":"center",padding:"1rem 0"}},s("limel-spinner",{limeBranded:!1}))}renderEmptyMessage(){const t=this.emptyResultMessage||h.get("picker.no-matching-results",this.language,{query:this.textValue});return s("p",{style:{color:"rgb(var(--contrast-1100))",textAlign:"center",fontSize:"var(--limel-theme-default-font-size)",margin:"0.5rem 1rem"}},t)}renderListResult(){return s("limel-list",{badgeIcons:this.badgeIcons,onChange:this.handleListChange,onKeyDown:this.onListKeyDown,type:"selectable",items:this.items})}onListKeyDown(t){if(t.key===r)return t.preventDefault(),t.stopPropagation(),this.handleEscape(),void this.chipSet.setFocus();[o,a].includes(t.key)&&this.chipSet.setFocus()}renderPortal(t=[]){const i=getComputedStyle(this.host).getPropertyValue("--dropdown-z-index");return s("limel-portal",{visible:t.length>0,containerId:this.portalId,inheritParentWidth:!0,containerStyle:{"z-index":i}},s("limel-menu-surface",{open:t.length>0,allowClicksElement:this.host,style:{"--menu-surface-width":"100%","max-height":"inherit",display:"flex"},onDismiss:this.handleCloseMenu},t))}handleStopEditAndBlur(){const t=this.host.shadowRoot.activeElement||document.activeElement,i=document.querySelector(`#${this.portalId}`);n(t,this.host)||n(t,i)||this.clearInputField()}async handleTextInput(t){t.stopPropagation();const i=t.detail;this.textValue=i,this.debouncedSearch(i),""===i&&this.debouncedSearch.flush()}handleListChange(t){var i,s;if(t.stopPropagation(),!this.value||this.value!==t.detail){let s=t.detail;this.multiple&&(s=[...null!==(i=this.value)&&void 0!==i?i:[],t.detail]),this.change.emit(s),this.updateSearchAfterPick()}this.multiple&&(null===(s=this.chipSet)||void 0===s||s.setFocus())}updateSearchAfterPick(){this.multiple?this.resetSearchAfterValueChange():this.clearInputField()}handleActionListChange(t){t.stopPropagation(),t.detail&&(this.action.emit(t.detail.value),this.items=[])}handleInputFieldFocus(){this.debouncedSearch(this.textValue)}async handleChange(t){var i,s;t.stopPropagation();let e=null;this.multiple&&(e=t.detail.map((t=>this.value.find((i=>`${this.getValueId(i)}`===t.id))))),this.change.emit(e);const h=await(null===(i=this.chipSet)||void 0===i?void 0:i.getEditMode()),n=(null===(s=this.items)||void 0===s?void 0:s.length)>0||""!==this.textValue;this.multiple&&h&&n?this.resetSearchAfterValueChange():this.clearInputField()}handleInteract(t){t.stopPropagation(),this.interact.emit(t.detail?t.detail.value:t.detail)}handleInputKeyDown(t){const i=t.key===o&&!t.altKey&&!t.metaKey&&!t.shiftKey,s=t.key===l,e=t.key===c;if(t.key===r)return t.preventDefault(),t.stopPropagation(),void this.handleEscape();if(!i&&!s&&!e)return;const h=document.querySelector(` #${this.portalId} limel-list`);if(h){if(i||e){const i=h.shadowRoot.querySelector(".mdc-deprecated-list-item");if(!i)return;return t.preventDefault(),void i.focus()}if(s){const i=[...h.shadowRoot.querySelectorAll(".mdc-deprecated-list-item")].at(-1);if(!i)return;t.preventDefault(),i.focus()}}}handleSearchResult(t,i){var s;if(t===this.textValue){let e=i;if(this.multiple){const t=null!==(s=this.value)&&void 0!==s?s:[];e=i.filter((i=>"separator"in i||!t.includes(i)))}this.items=this.prependSearchHeader(t,e),this.loading=!1}}hasPickableItems(t){return t.some((t=>!("separator"in t)))}prependSearchHeader(t,i){return""===t?i:this.hasPickableItems(i)?[{separator:!0,text:h.get("picker.results-matching",this.language,{query:t})},...i]:i}handleCloseMenu(){this.clearInputField()}clearTextValue(){this.chipSet.emptyInput(),this.textValue="",this.debouncedSearch.cancel()}clearInputField(){this.clearTextValue(),this.handleSearchResult("",[])}resetSearchToDefault(){this.clearTextValue(),this.search("")}resetSearchAfterValueChange(){this.clearTextValue(),this.debouncedSearch("")}handleEscape(){""===this.textValue?this.clearInputField():this.resetSearchToDefault()}static get delegatesFocus(){return!0}get host(){return e(this)}static get watchers(){return{disabled:[{onDisabledChange:0}],value:[{onChangeValue:0}]}}};g.style=":host{position:relative;display:block}:host([hidden]){display:none}";export{g as limel_picker}

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

@@ -9,6 +9,7 @@ import { ChartItem } from './chart.types';
  * @exampleComponent limel-example-chart-stacked-bar
  * @exampleComponent limel-example-chart-orientation
  * @exampleComponent limel-example-chart-max-value
+ * @exampleComponent limel-example-chart-display-item-percentage
  * @exampleComponent limel-example-chart-type-bar
  * @exampleComponent limel-example-chart-type-dot
  * @exampleComponent limel-example-chart-type-area
@@ -73,6 +74,13 @@ export declare class Chart {
      * Only affects chart types with X and Y axes, such as area, bar, and line charts.
      */
     displayItemValue: boolean;
+    /**
+     * Set to `false` to hide the percentage in item tooltips.
+     * The percentage is an item's value or range extent as a share of the
+     * whole. The whole is `maxValue` when set and the combined items otherwise.
+     * Applies to `stacked-bar`, `pie`, `doughnut`, and `ring` charts.
+     */
+    displayItemPercentage: boolean;
     /**
      * List of items in the chart,
      * each representing a data point.
@@ -88,13 +96,19 @@ export declare class Chart {
      */
     orientation?: 'landscape' | 'portrait';
     /**
-     * Specifies the range that items' values could be in.
-     * This is used in calculation of the size of the items in the chart.
-     * When not provided, the sum of all values in the items will be considered as the range.
+     * Sets the value used to scale item values.
+     * For `stacked-bar`, `pie`, `doughnut`, and `ring`, it is the denominator
+     * used as the whole. It defaults to the combined item values or range
+     * extents. The combined size can exceed `maxValue` and produce a total
+     * above 100%.
+     * For `bar`, `dot`, `area`, and `line`, it is the requested upper bound.
+     * The chart can round that bound up to the next `axisIncrement`.
+     * Has no effect on `nps` or `scatter`.
      */
     maxValue?: number;
     /**
-     * Specifies the increment for the axis lines.
+     * Sets the axis increment for `bar`, `dot`, `area`, and `line` charts.
+     * Has no effect on other chart types.
      */
     axisIncrement?: number;
     /**
@@ -136,6 +150,15 @@ export declare class Chart {
     private getItemText;
     private renderTooltip;
     private calculateRange;
+    /**
+     * The range of a chart whose items are parts of one whole: `maxValue`
+     * when set, otherwise the combined item values or range extents. The value
+     * is a scale, not a cap, so the combined size can exceed it. The whole is
+     * not rounded to an axis step, since these types draw no axis and an item's
+     * size has to be its exact share.
+     */
+    private calculateWholeRange;
+    private isPartOfWhole;
     private calculateAxisIncrement;
     private calculateNiceStep;
     private axisSpan;
@@ -145,6 +168,7 @@ export declare class Chart {
     private getYValue;
     private getMinimumValue;
     private getMaximumValue;
+    private getValueSpan;
     private isRangeItem;
     handleChange(): void;
     private recalculateRangeData;

package/dist/types/components/chip-set/chip-set.d.ts

@@ -123,10 +123,10 @@ export declare class ChipSet {
      * <kbd>Enter</kbd>. The input is then cleared to make room for the
      * next chip, and help user type a new keyword from scratch.
      *
-     * Set to `false` when the input represents a search query over an
-     * external suggestion list (as in `limel-picker`), so the typed keyword
-     * survives while chips are added or removed (when user selects items from
-     * the search results list, while it is open).
+     * Set to `false` when the input is a search query over an external
+     * suggestion list and the consumer decides when the keyword has served
+     * its purpose, clearing it itself via `emptyInput()`, as
+     * `limel-picker` does.
      */
     emptyInputOnChange: boolean;
     /**

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

@@ -201,6 +201,12 @@ export declare class Picker {
      * @param event - event
      */
     private handleListChange;
+    /**
+     * Ends the search session a pick concludes. A single-pick picker is
+     * full, so its dropdown has nothing left to show; a multi-pick one
+     * starts over from the default suggestions.
+     */
+    private updateSearchAfterPick;
     /**
      * Change handler for the list
      *
@@ -237,6 +243,14 @@ export declare class Picker {
     private clearTextValue;
     private clearInputField;
     private resetSearchToDefault;
+    /**
+     * Ends the search session and shows the default suggestions once the
+     * consumer has had a chance to answer the `change` event this follows.
+     * Consumers commonly drop the picked item from `allItems`, and that
+     * arrives as a prop on their next render, so searching at once would
+     * read the list from before.
+     */
+    private resetSearchAfterValueChange;
     /**
      * Two-stage Esc: first press clears the typed query but keeps the
      * dropdown open showing the default suggestions; a second press

package/dist/types/components.d.ts

@@ -518,6 +518,7 @@ export namespace Components {
      * @exampleComponent limel-example-chart-stacked-bar
      * @exampleComponent limel-example-chart-orientation
      * @exampleComponent limel-example-chart-max-value
+     * @exampleComponent limel-example-chart-display-item-percentage
      * @exampleComponent limel-example-chart-type-bar
      * @exampleComponent limel-example-chart-type-dot
      * @exampleComponent limel-example-chart-type-area
@@ -554,7 +555,7 @@ export namespace Components {
          */
         "accessibleValuesLabel"?: string;
         /**
-          * Specifies the increment for the axis lines.
+          * Sets the axis increment for `bar`, `dot`, `area`, and `line` charts. Has no effect on other chart types.
          */
         "axisIncrement"?: number;
         /**
@@ -562,6 +563,11 @@ export namespace Components {
           * @default false
          */
         "displayAxisLabels": boolean;
+        /**
+          * Set to `false` to hide the percentage in item tooltips. The percentage is an item's value or range extent as a share of the whole. The whole is `maxValue` when set and the combined items otherwise. Applies to `stacked-bar`, `pie`, `doughnut`, and `ring` charts.
+          * @default true
+         */
+        "displayItemPercentage": boolean;
         /**
           * Makes the `text` of chart items constantly visible, By default, item texts are displayed in a tooltip, when the item is hovered or focused. Only affects chart types with X and Y axes, such as area, bar, and line charts.
           * @default false
@@ -587,7 +593,7 @@ export namespace Components {
          */
         "loading": boolean;
         /**
-          * Specifies the range that items' values could be in. This is used in calculation of the size of the items in the chart. When not provided, the sum of all values in the items will be considered as the range.
+          * Sets the value used to scale item values. For `stacked-bar`, `pie`, `doughnut`, and `ring`, it is the denominator used as the whole. It defaults to the combined item values or range extents. The combined size can exceed `maxValue` and produce a total above 100%. For `bar`, `dot`, `area`, and `line`, it is the requested upper bound. The chart can round that bound up to the next `axisIncrement`. Has no effect on `nps` or `scatter`.
          */
         "maxValue"?: number;
         /**
@@ -869,7 +875,7 @@ export namespace Components {
          */
         "emptyInputOnBlur": boolean;
         /**
-          * Whether the input field should be emptied when the set of chips changes (i.e. when the `value` prop is updated — a chip is added, removed, or the array is replaced).  Defaults to `true`, which is the right behavior for a standalone input chip-set where the typed text *becomes* the next chip on <kbd>Enter</kbd>. The input is then cleared to make room for the next chip, and help user type a new keyword from scratch.  Set to `false` when the input represents a search query over an external suggestion list (as in `limel-picker`), so the typed keyword survives while chips are added or removed (when user selects items from the search results list, while it is open).
+          * Whether the input field should be emptied when the set of chips changes (i.e. when the `value` prop is updated — a chip is added, removed, or the array is replaced).  Defaults to `true`, which is the right behavior for a standalone input chip-set where the typed text *becomes* the next chip on <kbd>Enter</kbd>. The input is then cleared to make room for the next chip, and help user type a new keyword from scratch.  Set to `false` when the input is a search query over an external suggestion list and the consumer decides when the keyword has served its purpose, clearing it itself via `emptyInput()`, as `limel-picker` does.
           * @default true
          */
         "emptyInputOnChange": boolean;
@@ -4563,6 +4569,7 @@ declare global {
      * @exampleComponent limel-example-chart-stacked-bar
      * @exampleComponent limel-example-chart-orientation
      * @exampleComponent limel-example-chart-max-value
+     * @exampleComponent limel-example-chart-display-item-percentage
      * @exampleComponent limel-example-chart-type-bar
      * @exampleComponent limel-example-chart-type-dot
      * @exampleComponent limel-example-chart-type-area
@@ -7097,6 +7104,7 @@ declare namespace LocalJSX {
      * @exampleComponent limel-example-chart-stacked-bar
      * @exampleComponent limel-example-chart-orientation
      * @exampleComponent limel-example-chart-max-value
+     * @exampleComponent limel-example-chart-display-item-percentage
      * @exampleComponent limel-example-chart-type-bar
      * @exampleComponent limel-example-chart-type-dot
      * @exampleComponent limel-example-chart-type-area
@@ -7133,7 +7141,7 @@ declare namespace LocalJSX {
          */
         "accessibleValuesLabel"?: string;
         /**
-          * Specifies the increment for the axis lines.
+          * Sets the axis increment for `bar`, `dot`, `area`, and `line` charts. Has no effect on other chart types.
          */
         "axisIncrement"?: number;
         /**
@@ -7141,6 +7149,11 @@ declare namespace LocalJSX {
           * @default false
          */
         "displayAxisLabels"?: boolean;
+        /**
+          * Set to `false` to hide the percentage in item tooltips. The percentage is an item's value or range extent as a share of the whole. The whole is `maxValue` when set and the combined items otherwise. Applies to `stacked-bar`, `pie`, `doughnut`, and `ring` charts.
+          * @default true
+         */
+        "displayItemPercentage"?: boolean;
         /**
           * Makes the `text` of chart items constantly visible, By default, item texts are displayed in a tooltip, when the item is hovered or focused. Only affects chart types with X and Y axes, such as area, bar, and line charts.
           * @default false
@@ -7166,7 +7179,7 @@ declare namespace LocalJSX {
          */
         "loading"?: boolean;
         /**
-          * Specifies the range that items' values could be in. This is used in calculation of the size of the items in the chart. When not provided, the sum of all values in the items will be considered as the range.
+          * Sets the value used to scale item values. For `stacked-bar`, `pie`, `doughnut`, and `ring`, it is the denominator used as the whole. It defaults to the combined item values or range extents. The combined size can exceed `maxValue` and produce a total above 100%. For `bar`, `dot`, `area`, and `line`, it is the requested upper bound. The chart can round that bound up to the next `axisIncrement`. Has no effect on `nps` or `scatter`.
          */
         "maxValue"?: number;
         /**
@@ -7459,7 +7472,7 @@ declare namespace LocalJSX {
          */
         "emptyInputOnBlur"?: boolean;
         /**
-          * Whether the input field should be emptied when the set of chips changes (i.e. when the `value` prop is updated — a chip is added, removed, or the array is replaced).  Defaults to `true`, which is the right behavior for a standalone input chip-set where the typed text *becomes* the next chip on <kbd>Enter</kbd>. The input is then cleared to make room for the next chip, and help user type a new keyword from scratch.  Set to `false` when the input represents a search query over an external suggestion list (as in `limel-picker`), so the typed keyword survives while chips are added or removed (when user selects items from the search results list, while it is open).
+          * Whether the input field should be emptied when the set of chips changes (i.e. when the `value` prop is updated — a chip is added, removed, or the array is replaced).  Defaults to `true`, which is the right behavior for a standalone input chip-set where the typed text *becomes* the next chip on <kbd>Enter</kbd>. The input is then cleared to make room for the next chip, and help user type a new keyword from scratch.  Set to `false` when the input is a search query over an external suggestion list and the consumer decides when the keyword has served its purpose, clearing it itself via `emptyInput()`, as `limel-picker` does.
           * @default true
          */
         "emptyInputOnChange"?: boolean;
@@ -10991,6 +11004,7 @@ declare namespace LocalJSX {
         "displayAxisLabels": boolean;
         "displayItemText": boolean;
         "displayItemValue": boolean;
+        "displayItemPercentage": boolean;
         "type": | 'area'
         | 'bar'
         | 'doughnut'
@@ -11813,6 +11827,7 @@ declare module "@stencil/core" {
              * @exampleComponent limel-example-chart-stacked-bar
              * @exampleComponent limel-example-chart-orientation
              * @exampleComponent limel-example-chart-max-value
+             * @exampleComponent limel-example-chart-display-item-percentage
              * @exampleComponent limel-example-chart-type-bar
              * @exampleComponent limel-example-chart-type-dot
              * @exampleComponent limel-example-chart-type-area

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@limetech/lime-elements",
-  "version": "40.0.3",
+  "version": "40.1.1",
   "description": "Lime Elements",
   "author": "Lime Technologies",
   "license": "Apache-2.0",
@@ -79,7 +79,7 @@
     "eslint": "^9.39.4",
     "flatpickr": "^4.6.13",
     "glob": "^13.0.6",
-    "globals": "^17.11.0",
+    "globals": "^17.12.0",
     "html-escaper": "^3.0.3",
     "jsonlint-mod": "^1.7.6",
     "jsx-dom": "^8.1.6",
@@ -93,7 +93,7 @@
     "postal-mime": "^3.0.0",
     "prettier": "^3.8.3",
     "prosemirror-example-setup": "^1.2.3",
-    "prosemirror-markdown": "^1.13.6",
+    "prosemirror-markdown": "^1.13.7",
     "prosemirror-model": ">=1.25.11",
     "prosemirror-schema-basic": "^1.2.4",
     "prosemirror-tables": "^1.8.5",