@limetech/lime-elements 36.0.0 → 36.1.0-dev.1

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2a28697b.js');
+const index = require('./index-287e25e0.js');
 const component = require('./component-67144c1c.js');
 const component$1 = require('./component-cf490570.js');
 const ponyfill = require('./ponyfill-98ca4766.js');
@@ -1425,38 +1425,6 @@ const Slider = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.change = index.createEvent(this, "change", 7);
-    /**
-     * Disables the slider when `true`,
-     * and visually shows that the field is editable but disabled.
-     * This tells the users that if certain requirements are met,
-     * the slider may become interactable.
-     */
-    this.disabled = false;
-    /**
-     * Disables the slider when `true`. This visualizes the slider slightly differently.
-     * But shows no visual sign indicating that the slider field
-     * is disabled or can ever become interactable.
-     */
-    this.readonly = false;
-    /**
-     * Default value: 1.
-     * The factor that the properties `value`, `valuemax`, `valuemin`, and
-     * `step` are multiplied by. On `change` divides the value by the factor,
-     * so the original format stays the same.
-     */
-    this.factor = 1;
-    /**
-     * Unit to display next to the value
-     */
-    this.unit = '';
-    /**
-     * The maximum value allowed
-     */
-    this.valuemax = 100; // eslint-disable-line no-magic-numbers
-    /**
-     * The minimum value allowed
-     */
-    this.valuemin = 0;
     this.changeHandler = (event) => {
       let value = event.detail.value;
       const step = this.multiplyByFactor(this.step);
@@ -1465,6 +1433,17 @@ const Slider = class {
       }
       this.change.emit(value / this.factor);
     };
+    this.disabled = false;
+    this.readonly = false;
+    this.factor = 1;
+    this.label = undefined;
+    this.helperText = undefined;
+    this.unit = '';
+    this.value = undefined;
+    this.valuemax = 100;
+    this.valuemin = 0;
+    this.step = undefined;
+    this.percentageClass = undefined;
     this.inputHandler = this.inputHandler.bind(this);
     this.getContainerClassList = this.getContainerClassList.bind(this);
   }

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2a28697b.js');
-const translations = require('./translations-5a8d7f6c.js');
+const index = require('./index-287e25e0.js');
+const translations = require('./translations-ca7279bc.js');
 const component = require('./component-67144c1c.js');
 const ponyfill = require('./ponyfill-98ca4766.js');
 
@@ -543,9 +543,11 @@ const Snackbar = class {
     index.registerInstance(this, hostRef);
     this.action = index.createEvent(this, "action", 7);
     this.hide = index.createEvent(this, "hide", 7);
-    /**
-     * Defines the language for translations.
-     */
+    this.message = undefined;
+    this.timeout = undefined;
+    this.actionText = undefined;
+    this.dismissible = undefined;
+    this.multiline = undefined;
     this.language = 'en';
     this.handleMdcClosing = this.handleMdcClosing.bind(this);
   }

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

@@ -2,20 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2a28697b.js');
+const index = require('./index-287e25e0.js');
 
 const spinnerCss = ":host{--mdc-theme-primary:var(\n      --lime-primary-color,\n      rgb(var(--color-teal-default))\n  );--mdc-theme-secondary:var(\n      --lime-secondary-color,\n      rgb(var(--contrast-1100))\n  );--mdc-theme-on-primary:var(\n      --lime-on-primary-color,\n      rgb(var(--contrast-100))\n  );--mdc-theme-on-secondary:var(\n      --lime-on-secondary-color,\n      rgb(var(--contrast-100))\n  );--mdc-theme-text-disabled-on-background:var(\n      --lime-text-disabled-on-background-color,\n      rgba(var(--contrast-1700), 0.38)\n  );--mdc-theme-text-primary-on-background:var(\n      --lime-text-primary-on-background-color,\n      rgba(var(--contrast-1700), 0.87)\n  );--mdc-theme-text-secondary-on-background:var(\n      --lime-text-secondary-on-background-color,\n      rgba(var(--contrast-1700), 0.54)\n  );--lime-error-text-color:rgb(var(--color-red-darker));--mdc-theme-surface:var(\n      --lime-surface-background-color,\n      rgb(var(--contrast-100))\n  );--mdc-theme-on-surface:var(\n      --lime-on-surface-color,\n      var(--lime-text-primary-on-background-color)\n  )}@keyframes spin{50%{transform:rotate(180deg)}100%{transform:rotate(720deg)}}@keyframes fade-in-the-spinner{0%{transform:scale(0.7);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes animate-colored-circles{5%{stroke-dashoffset:0}10%,100%{stroke-dashoffset:63}}:host([hidden]){display:none}:host{box-sizing:border-box;display:flex;align-items:center;justify-content:center;height:1.5rem;width:1.5rem;transform:translate3d(0, 0, 0);animation:fade-in-the-spinner 0.5s ease forwards}:host([size=x-small]){height:2rem;width:2rem}:host([size=small]){height:2.125rem;width:2.125rem}:host([size=medium]){height:2.75rem;width:2.75rem}:host([size=large]){height:4rem;width:4rem}.spinner{animation:spin 1s linear infinite;transform-origin:center}.color{animation:animate-colored-circles 10s linear infinite;fill:none;stroke-dasharray:63;stroke-dashoffset:63;stroke-linecap:round;stroke-width:4}.color.thick{stroke-width:10}.color:nth-child(1){stroke:var(--spinner-color-1, rgb(var(--lime-brand-color-deep-red)))}.color:nth-child(2){stroke:var(--spinner-color-2, rgb(var(--lime-brand-color-sellable-orange)));animation-delay:1s}.color:nth-child(3){stroke:var(--spinner-color-3, rgb(var(--lime-brand-color-simple-blue)));animation-delay:2s}.color:nth-child(4){stroke:var(--spinner-color-4, rgb(var(--lime-brand-color-orange)));animation-delay:3s}.color:nth-child(5){stroke:var(--spinner-color-5, rgb(var(--lime-brand-color-lime-green)));animation-delay:4s}.color:nth-child(6){stroke:var(--spinner-color-6, rgb(var(--lime-brand-color-yellow)));animation-delay:5s}.color:nth-child(7){stroke:var(--spinner-color-7, rgb(var(--lime-brand-color-flexible-turquoise)));animation-delay:6s}.color:nth-child(8){stroke:var(--spinner-color-8, rgb(var(--lime-brand-color-loving-magenta)));animation-delay:7s}.color:nth-child(9){stroke:var(--spinner-color-9, rgb(var(--lime-brand-color-dark-blue)));animation-delay:8s}.color:nth-child(10){stroke:var(--spinner-color-9, rgb(var(--lime-brand-color-light-grey)));animation-delay:9s}.outline{stroke:rgba(var(--lime-brand-color-light-grey), 0.3);fill:none;stroke-linecap:round;stroke-width:4}.outline.thick{stroke-width:10}";
 
 const Spinner = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    /**
-     * Determines the size of the spinner.
-     */
     this.size = 'mini';
-    /**
-     * Gives the spinner the shape of Lime Technologies' logo
-     */
     this.limeBranded = true;
   }
   render() {

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

@@ -0,0 +1,27 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-287e25e0.js');
+
+const splitButtonCss = ":host(limel-split-button){--button-padding-right:2rem;display:inline-flex;isolation:isolate}:host(limel-split-button) *{box-sizing:border-box}limel-menu{display:flex;justify-content:flex-end;position:relative;z-index:1;padding:0.125rem;margin-left:calc(var(--button-padding-right) * -1);width:var(--button-padding-right)}limel-menu:before{transition:background-color 0.5s ease;content:\"\";position:absolute;inset:0.375rem auto 0.375rem 0.6875rem;width:1px;background-color:currentColor;opacity:0.2}limel-menu:not([disabled]){color:var(--mdc-theme-primary, rgb(var(--color-teal-default)))}limel-menu:not([disabled]).primary{color:var(--mdc-theme-on-primary, rgb(var(--color-white)))}limel-menu[disabled]{color:rgba(var(--contrast-1600), 0.37)}limel-menu:hover:before,limel-menu:focus-within:before{background-color:transparent}.menu-trigger{all:unset;text-align:center;font-weight:bold;border-radius:0.125rem;height:100%;width:1rem}.menu-trigger:not(:disabled){transition:background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease-out;cursor:pointer}.menu-trigger:not(:disabled):hover{box-shadow:var(--button-shadow-hovered)}.menu-trigger:not(:disabled):active{box-shadow:var(--button-shadow-pressed);transform:translate3d(0, 0.08rem, 0)}.menu-trigger:not(:disabled):focus{outline:none}.menu-trigger:not(:disabled):focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}.menu-trigger:not(:disabled):focus-visible,.menu-trigger:not(:disabled):hover{background-color:rgb(var(--color-white), 0.1)}";
+
+const SplitButton = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.select = index.createEvent(this, "select", 7);
+    this.label = undefined;
+    this.primary = false;
+    this.icon = undefined;
+    this.disabled = false;
+    this.items = [];
+  }
+  render() {
+    return (index.h(index.Host, null, index.h("limel-button", { label: this.label, primary: this.primary, icon: this.icon, disabled: this.disabled }), index.h("limel-menu", { class: {
+        primary: this.primary,
+      }, disabled: this.disabled, items: this.items, openDirection: "bottom" }, index.h("button", { class: "menu-trigger", slot: "trigger", disabled: this.disabled }, "\u22EE"))));
+  }
+};
+SplitButton.style = splitButtonCss;
+
+exports.limel_split_button = SplitButton;

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2a28697b.js');
+const index = require('./index-287e25e0.js');
 const randomString = require('./random-string-4c3b7f1c.js');
 const component = require('./component-67144c1c.js');
 const component$1 = require('./component-cf490570.js');
@@ -638,28 +638,15 @@ const Switch = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.change = index.createEvent(this, "change", 7);
-    /**
-     * Disables the switch when `true`,
-     * and visually shows that the switch is editable but disabled.
-     * This tells the users that if certain requirements are met,
-     * the switch may become interactable.
-     */
-    this.disabled = false;
-    /**
-     * Disables the switch when `true`. This visualizes the switch slightly differently.
-     * But shows no visual sign indicating that the switch is disabled
-     * or can ever become interactable.
-     */
-    this.readonly = false;
-    /**
-     * The value of the switch
-     */
-    this.value = false;
-    this.fieldId = randomString.createRandomString();
     this.handleClick = (event) => {
       event.stopPropagation();
       this.change.emit(!this.value);
     };
+    this.label = undefined;
+    this.disabled = false;
+    this.readonly = false;
+    this.value = false;
+    this.fieldId = randomString.createRandomString();
   }
   connectedCallback() {
     this.initialize();

package/dist/cjs/limel-tab-bar.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2a28697b.js');
+const index = require('./index-287e25e0.js');
 const isEqual = require('./isEqual-d2a13a24.js');
 const component = require('./component-67144c1c.js');
 const component$1 = require('./component-cf490570.js');
@@ -2256,13 +2256,10 @@ const TabBar = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.changeTab = index.createEvent(this, "changeTab", 7);
-    /**
-     * List of tabs to display
-     */
+    this.setupMdc = false;
     this.tabs = [];
     this.canScrollLeft = false;
     this.canScrollRight = false;
-    this.setupMdc = false;
     this.handleTabActivated = this.handleTabActivated.bind(this);
     this.handleScroll = this.handleScroll.bind(this);
     this.handleLeftScrollClick = this.handleLeftScrollClick.bind(this);

package/dist/cjs/limel-tab-panel.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2a28697b.js');
+const index = require('./index-287e25e0.js');
 const dispatchResizeEvent = require('./dispatch-resize-event-4462d78f.js');
 
 const tabPanelCss = ":host(limel-tab-panel){display:block;height:100%}.tab-panel{height:100%;position:relative;display:flex;flex-direction:column}.tab-content{height:100%;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box}";
@@ -11,11 +11,8 @@ const TabPanel = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.changeTab = index.createEvent(this, "changeTab", 7);
-    /**
-     * The tabs to display in the panel
-     */
-    this.tabs = [];
     this.slotElements = [];
+    this.tabs = [];
     this.handleChangeTabs = this.handleChangeTabs.bind(this);
     this.setSlotElements = this.setSlotElements.bind(this);
     this.setTabStatus = this.setTabStatus.bind(this);

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2a28697b.js');
+const index = require('./index-287e25e0.js');
 const pickBy = require('./pickBy-3ef47bf2.js');
 const isEqual = require('./isEqual-d2a13a24.js');
 require('./identity-6dc34885.js');
@@ -24140,33 +24140,6 @@ const Table = class {
     this.changeColumns = index.createEvent(this, "changeColumns", 7);
     this.select = index.createEvent(this, "select", 7);
     this.selectAll = index.createEvent(this, "selectAll", 7);
-    /**
-     * Data to be displayed in the table
-     */
-    this.data = [];
-    /**
-     * Columns used to display the data
-     */
-    this.columns = [];
-    /**
-     * Set to either `local` or `remote` to change how the table handles the
-     * loaded data. When in `local` mode, all sorting and pagination will be
-     * done locally with the data given. When in `remote` mode, the consumer
-     * is responsible to give the table new data when a `load` event occurs
-     */
-    this.mode = 'local';
-    /**
-     * The initial sorted columns
-     */
-    this.sorting = [];
-    /**
-     * Set to `true` to trigger loading animation
-     */
-    this.loading = false;
-    /**
-     * The page to show
-     */
-    this.page = FIRST_PAGE;
     this.getActiveRows = () => {
       if (!this.tabulator) {
         return [];
@@ -24207,6 +24180,21 @@ const Table = class {
           column.title === component.getDefinition().title);
       });
     };
+    this.data = [];
+    this.columns = [];
+    this.mode = 'local';
+    this.layout = undefined;
+    this.pageSize = undefined;
+    this.totalRows = undefined;
+    this.sorting = [];
+    this.activeRow = undefined;
+    this.movableColumns = undefined;
+    this.loading = false;
+    this.page = FIRST_PAGE;
+    this.emptyMessage = undefined;
+    this.aggregates = undefined;
+    this.selectable = undefined;
+    this.selection = undefined;
     this.handleDataSorting = this.handleDataSorting.bind(this);
     this.handlePageLoaded = this.handlePageLoaded.bind(this);
     this.handleAjaxRequesting = this.handleAjaxRequesting.bind(this);

package/dist/cjs/loader.cjs.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2a28697b.js');
+const index = require('./index-287e25e0.js');
 
 /*
- Stencil Client Patch Esm v2.15.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Esm v2.19.2 | MIT Licensed | https://stenciljs.com
  */
 const patchEsm = () => {
     return index.promiseResolve();
@@ -14,7 +14,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return index.bootstrapLazy([["limel-color-picker.cjs",[[1,"limel-color-picker",{"value":[513],"label":[513],"helperText":[513,"helper-text"],"tooltipLabel":[513,"tooltip-label"],"required":[516],"readonly":[516],"isOpen":[32]}]]],["limel-dock.cjs",[[1,"limel-dock",{"dockItems":[16],"dockFooterItems":[16],"accessibleLabel":[513,"accessible-label"],"expanded":[516],"allowResize":[516,"allow-resize"],"mobileBreakPoint":[514,"mobile-break-point"],"useMobileLayout":[32]}]]],["limel-picker.cjs",[[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]}]]],["limel-date-picker.cjs",[[1,"limel-date-picker",{"disabled":[516],"readonly":[516],"invalid":[516],"label":[513],"placeholder":[513],"helperText":[513,"helper-text"],"required":[516],"value":[16],"type":[513],"format":[513],"language":[513],"formattedValue":[32],"internalFormat":[32],"showPortal":[32]}]]],["limel-button-group.cjs",[[1,"limel-button-group",{"value":[16],"disabled":[516],"selectedButtonId":[32]}]]],["limel-select.cjs",[[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]}]]],["limel-tab-panel.cjs",[[1,"limel-tab-panel",{"tabs":[1040]}]]],["limel-file.cjs",[[1,"limel-file",{"value":[16],"label":[513],"required":[516],"disabled":[516],"readonly":[516],"accept":[513],"language":[1],"isDraggingOverDropZone":[32]}]]],["limel-menu.cjs",[[1,"limel-menu",{"items":[16],"disabled":[516],"openDirection":[513,"open-direction"],"open":[1540],"badgeIcons":[516,"badge-icons"],"gridLayout":[516,"grid-layout"]}]]],["limel-button.cjs",[[1,"limel-button",{"label":[513],"primary":[516],"outlined":[516],"icon":[513],"disabled":[516],"loading":[516],"loadingFailed":[516,"loading-failed"],"justLoaded":[32]}]]],["limel-collapsible-section.cjs",[[1,"limel-collapsible-section",{"isOpen":[1540,"is-open"],"header":[513],"actions":[16]}]]],["limel-dialog.cjs",[[1,"limel-dialog",{"heading":[1],"fullscreen":[516],"open":[1540],"closingActions":[16]}]]],["limel-progress-flow.cjs",[[1,"limel-progress-flow",{"flowItems":[16],"disabled":[4],"readonly":[4]}]]],["limel-table.cjs",[[1,"limel-table",{"data":[16],"columns":[16],"mode":[1],"layout":[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]}]]],["limel-banner.cjs",[[1,"limel-banner",{"message":[513],"icon":[513],"isOpen":[32],"open":[64],"close":[64]}]]],["limel-circular-progress.cjs",[[1,"limel-circular-progress",{"value":[2],"maxValue":[2,"max-value"],"suffix":[1],"displayPercentageColors":[4,"display-percentage-colors"],"size":[513]}]]],["limel-code-editor.cjs",[[1,"limel-code-editor",{"value":[1],"language":[1],"readonly":[4],"lineNumbers":[4,"line-numbers"],"fold":[4],"lint":[4],"colorScheme":[1,"color-scheme"],"random":[32]}]]],["limel-config.cjs",[[1,"limel-config",{"config":[16]}]]],["limel-flex-container.cjs",[[1,"limel-flex-container",{"direction":[513],"justify":[513],"align":[513],"reverse":[516]}]]],["limel-form.cjs",[[1,"limel-form",{"schema":[16],"value":[16],"disabled":[4],"propsFactory":[16],"transformErrors":[16],"errors":[16]}]]],["limel-grid.cjs",[[1,"limel-grid"]]],["limel-linear-progress.cjs",[[1,"limel-linear-progress",{"value":[2],"indeterminate":[4]}]]],["limel-slider.cjs",[[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]}]]],["limel-snackbar.cjs",[[1,"limel-snackbar",{"message":[1],"timeout":[2],"actionText":[1,"action-text"],"dismissible":[4],"multiline":[4],"language":[1],"show":[64]}]]],["limel-switch.cjs",[[1,"limel-switch",{"label":[513],"disabled":[516],"readonly":[516],"value":[516],"fieldId":[32]}]]],["limel-dock-button.cjs",[[0,"limel-dock-button",{"item":[16],"expanded":[516],"useMobileLayout":[516,"use-mobile-layout"],"isOpen":[32]}]]],["limel-input-field.cjs",[[1,"limel-input-field",{"disabled":[516],"readonly":[516],"invalid":[516],"label":[513],"placeholder":[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]}]]],["limel-color-picker-palette.cjs",[[1,"limel-color-picker-palette",{"value":[513],"label":[513],"helperText":[513,"helper-text"],"required":[516]}]]],["limel-tab-bar.cjs",[[1,"limel-tab-bar",{"tabs":[1040],"canScrollLeft":[32],"canScrollRight":[32]},[[9,"resize","handleWindowResize"]]]]],["limel-header.cjs",[[1,"limel-header",{"icon":[1],"heading":[1],"subheading":[1],"supportingText":[1,"supporting-text"]}]]],["limel-progress-flow-item.cjs",[[0,"limel-progress-flow-item",{"item":[16],"disabled":[4],"readonly":[4]}]]],["limel-checkbox.cjs",[[1,"limel-checkbox",{"disabled":[516],"readonly":[516],"label":[513],"helperText":[513,"helper-text"],"checked":[516],"indeterminate":[516],"required":[516],"modified":[32]}]]],["limel-flatpickr-adapter.cjs",[[1,"limel-flatpickr-adapter",{"value":[16],"type":[1],"format":[1],"isOpen":[4,"is-open"],"inputElement":[16],"language":[1]}]]],["limel-menu-list.cjs",[[1,"limel-menu-list",{"items":[16],"badgeIcons":[4,"badge-icons"],"iconSize":[1,"icon-size"],"type":[1],"maxLinesSecondaryText":[2,"max-lines-secondary-text"]}]]],["limel-badge.cjs",[[1,"limel-badge",{"label":[514]}]]],["limel-icon.cjs",[[1,"limel-icon",{"size":[513],"name":[513],"badge":[516]}]]],["limel-chip-set.cjs",[[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]}]]],["limel-icon-button.cjs",[[1,"limel-icon-button",{"icon":[513],"elevated":[516],"label":[513],"disabled":[516]}]]],["limel-spinner.cjs",[[1,"limel-spinner",{"size":[513],"limeBranded":[4,"lime-branded"]}]]],["limel-portal.cjs",[[1,"limel-portal",{"openDirection":[1,"open-direction"],"position":[1],"containerId":[1,"container-id"],"containerStyle":[16],"parent":[16],"inheritParentWidth":[4,"inherit-parent-width"],"visible":[4]}]]],["limel-list_2.cjs",[[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]}]]],["limel-popover_4.cjs",[[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]}]]]], options);
+  return index.bootstrapLazy([["limel-color-picker.cjs",[[1,"limel-color-picker",{"value":[513],"label":[513],"helperText":[513,"helper-text"],"tooltipLabel":[513,"tooltip-label"],"required":[516],"readonly":[516],"isOpen":[32]}]]],["limel-dock.cjs",[[1,"limel-dock",{"dockItems":[16],"dockFooterItems":[16],"accessibleLabel":[513,"accessible-label"],"expanded":[516],"allowResize":[516,"allow-resize"],"mobileBreakPoint":[514,"mobile-break-point"],"useMobileLayout":[32]}]]],["limel-picker.cjs",[[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]}]]],["limel-split-button.cjs",[[1,"limel-split-button",{"label":[513],"primary":[516],"icon":[513],"disabled":[516],"items":[16]}]]],["limel-date-picker.cjs",[[1,"limel-date-picker",{"disabled":[516],"readonly":[516],"invalid":[516],"label":[513],"placeholder":[513],"helperText":[513,"helper-text"],"required":[516],"value":[16],"type":[513],"format":[513],"language":[513],"formattedValue":[32],"internalFormat":[32],"showPortal":[32]}]]],["limel-button-group.cjs",[[1,"limel-button-group",{"value":[16],"disabled":[516],"selectedButtonId":[32]}]]],["limel-select.cjs",[[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]}]]],["limel-tab-panel.cjs",[[1,"limel-tab-panel",{"tabs":[1040]}]]],["limel-file.cjs",[[1,"limel-file",{"value":[16],"label":[513],"required":[516],"disabled":[516],"readonly":[516],"accept":[513],"language":[1],"isDraggingOverDropZone":[32]}]]],["limel-collapsible-section.cjs",[[1,"limel-collapsible-section",{"isOpen":[1540,"is-open"],"header":[513],"actions":[16]}]]],["limel-dialog.cjs",[[1,"limel-dialog",{"heading":[1],"fullscreen":[516],"open":[1540],"closingActions":[16]}]]],["limel-progress-flow.cjs",[[1,"limel-progress-flow",{"flowItems":[16],"disabled":[4],"readonly":[4]}]]],["limel-shortcut.cjs",[[1,"limel-shortcut",{"icon":[513],"label":[513],"linkTitle":[513,"link-title"],"disabled":[516],"href":[513],"target":[513],"badge":[520]}]]],["limel-dock-button.cjs",[[0,"limel-dock-button",{"item":[16],"expanded":[516],"useMobileLayout":[516,"use-mobile-layout"],"isOpen":[32]}]]],["limel-color-picker-palette.cjs",[[1,"limel-color-picker-palette",{"value":[513],"label":[513],"helperText":[513,"helper-text"],"required":[516]}]]],["limel-tab-bar.cjs",[[1,"limel-tab-bar",{"tabs":[1040],"canScrollLeft":[32],"canScrollRight":[32]},[[9,"resize","handleWindowResize"]]]]],["limel-header.cjs",[[1,"limel-header",{"icon":[1],"heading":[1],"subheading":[1],"supportingText":[1,"supporting-text"]}]]],["limel-checkbox.cjs",[[1,"limel-checkbox",{"disabled":[516],"readonly":[516],"label":[513],"helperText":[513,"helper-text"],"checked":[516],"indeterminate":[516],"required":[516],"modified":[32]}]]],["limel-table.cjs",[[1,"limel-table",{"data":[16],"columns":[16],"mode":[1],"layout":[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]}]]],["limel-banner.cjs",[[1,"limel-banner",{"message":[513],"icon":[513],"isOpen":[32],"open":[64],"close":[64]}]]],["limel-circular-progress.cjs",[[1,"limel-circular-progress",{"value":[2],"maxValue":[2,"max-value"],"prefix":[513],"suffix":[1],"displayPercentageColors":[4,"display-percentage-colors"],"size":[513]}]]],["limel-code-editor.cjs",[[1,"limel-code-editor",{"value":[1],"language":[1],"readonly":[4],"lineNumbers":[4,"line-numbers"],"fold":[4],"lint":[4],"colorScheme":[1,"color-scheme"],"random":[32]}]]],["limel-config.cjs",[[1,"limel-config",{"config":[16]}]]],["limel-flex-container.cjs",[[1,"limel-flex-container",{"direction":[513],"justify":[513],"align":[513],"reverse":[516]}]]],["limel-form.cjs",[[1,"limel-form",{"schema":[16],"value":[16],"disabled":[4],"propsFactory":[16],"transformErrors":[16],"errors":[16]}]]],["limel-grid.cjs",[[1,"limel-grid"]]],["limel-linear-progress.cjs",[[1,"limel-linear-progress",{"value":[2],"indeterminate":[4]}]]],["limel-slider.cjs",[[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]}]]],["limel-snackbar.cjs",[[1,"limel-snackbar",{"message":[1],"timeout":[2],"actionText":[1,"action-text"],"dismissible":[4],"multiline":[4],"language":[1],"show":[64]}]]],["limel-switch.cjs",[[1,"limel-switch",{"label":[513],"disabled":[516],"readonly":[516],"value":[516],"fieldId":[32]}]]],["limel-progress-flow-item.cjs",[[0,"limel-progress-flow-item",{"item":[16],"disabled":[4],"readonly":[4]}]]],["limel-flatpickr-adapter.cjs",[[1,"limel-flatpickr-adapter",{"value":[16],"type":[1],"format":[1],"isOpen":[4,"is-open"],"inputElement":[16],"language":[1]}]]],["limel-menu-list.cjs",[[1,"limel-menu-list",{"items":[16],"badgeIcons":[4,"badge-icons"],"iconSize":[1,"icon-size"],"type":[1],"maxLinesSecondaryText":[2,"max-lines-secondary-text"]}]]],["limel-button_2.cjs",[[1,"limel-menu",{"items":[16],"disabled":[516],"openDirection":[513,"open-direction"],"open":[1540],"badgeIcons":[516,"badge-icons"],"gridLayout":[516,"grid-layout"]}],[1,"limel-button",{"label":[513],"primary":[516],"outlined":[516],"icon":[513],"disabled":[516],"loading":[516],"loadingFailed":[516,"loading-failed"],"justLoaded":[32]}]]],["limel-badge.cjs",[[1,"limel-badge",{"label":[520]}]]],["limel-icon.cjs",[[1,"limel-icon",{"size":[513],"name":[513],"badge":[516]}]]],["limel-chip-set.cjs",[[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]}]]],["limel-portal.cjs",[[1,"limel-portal",{"openDirection":[1,"open-direction"],"position":[1],"containerId":[1,"container-id"],"containerStyle":[16],"parent":[16],"inheritParentWidth":[4,"inherit-parent-width"],"visible":[4]}]]],["limel-input-field.cjs",[[1,"limel-input-field",{"disabled":[516],"readonly":[516],"invalid":[516],"label":[513],"placeholder":[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]}]]],["limel-icon-button.cjs",[[1,"limel-icon-button",{"icon":[513],"elevated":[516],"label":[513],"disabled":[516]}]]],["limel-spinner.cjs",[[1,"limel-spinner",{"size":[513],"limeBranded":[4,"lime-branded"]}]]],["limel-list_2.cjs",[[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]}]]],["limel-popover_4.cjs",[[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]}]]]], options);
   });
 };
 

package/dist/cjs/{translations-5a8d7f6c.js → translations-ca7279bc.js}

@@ -1,6 +1,7 @@
 'use strict';
 
 const da = {
+  'date-picker.today': 'Idag',
   'date-picker.month.heading': 'Måned',
   'date-picker.quarter.heading': 'Kvartal',
   'date-picker.year.heading': 'År',
@@ -9,6 +10,7 @@ const da = {
 };
 
 const en = {
+  'date-picker.today': 'Today',
   'date-picker.month.heading': 'Month',
   'date-picker.quarter.heading': 'Quarter',
   'date-picker.year.heading': 'Year',
@@ -19,6 +21,7 @@ const en = {
 };
 
 const fi = {
+  'date-picker.today': 'Tänään',
   'date-picker.month.heading': 'Kuukausi',
   'date-picker.quarter.heading': 'Vuosineljännes',
   'date-picker.year.heading': 'Vuosi',
@@ -27,6 +30,7 @@ const fi = {
 };
 
 const nl = {
+  'date-picker.today': 'Vandaag',
   'date-picker.month.heading': 'Maand',
   'date-picker.quarter.heading': 'Kwartaal',
   'date-picker.year.heading': 'Jaar',
@@ -35,6 +39,7 @@ const nl = {
 };
 
 const no = {
+  'date-picker.today': 'I dag',
   'date-picker.month.heading': 'Måned',
   'date-picker.quarter.heading': 'Kvartal',
   'date-picker.year.heading': 'År',
@@ -43,6 +48,7 @@ const no = {
 };
 
 const sv = {
+  'date-picker.today': 'Idag',
   'date-picker.month.heading': 'Månad',
   'date-picker.quarter.heading': 'Kvartal',
   'date-picker.year.heading': 'År',

package/dist/collection/collection-manifest.json

@@ -37,9 +37,11 @@
     "./components/progress-flow/progress-flow.js",
     "./components/progress-flow/progress-flow-item/progress-flow-item.js",
     "./components/select/select.js",
+    "./components/shortcut/shortcut.js",
     "./components/slider/slider.js",
     "./components/snackbar/snackbar.js",
     "./components/spinner/spinner.js",
+    "./components/split-button/split-button.js",
     "./components/switch/switch.js",
     "./components/tab-bar/tab-bar.js",
     "./components/tab-panel/tab-panel.js",
@@ -49,8 +51,8 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "2.15.1",
-    "typescriptVersion": "4.5.4"
+    "version": "2.19.2",
+    "typescriptVersion": "4.7.4"
   },
   "collections": [],
   "bundles": []

package/dist/collection/components/badge/badge.css

@@ -74,6 +74,7 @@
   font-family: Roboto, sans-serif;
   /* @alternate */
   font-family: var(--mdc-typography-font-family, Roboto, sans-serif);
+  cursor: default;
   box-sizing: border-box;
   display: flex;
   justify-content: center;
@@ -87,4 +88,16 @@
   border-radius: 1.25rem;
   background-color: var(--badge-background-color, rgb(var(--contrast-500)));
   color: var(--badge-text-color, rgb(var(--contrast-1200)));
+}
+
+span {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  min-width: 0;
+  max-width: 2.25rem;
+}
+
+:host(.has-large-label) {
+  cursor: help;
 }

package/dist/collection/components/badge/badge.js

@@ -1,37 +1,69 @@
-import { Component, Prop } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 import { abbreviate } from './format';
 /**
- * @exampleComponent limel-example-badge
+ * The Badge component can display both `number` and `string` as `label`.
+ *
+ * @exampleComponent limel-example-badge-number
+ * @exampleComponent limel-example-badge-string
  */
 export class Badge {
+  constructor() {
+    this.label = undefined;
+  }
   render() {
-    return abbreviate(this.label);
+    return (h(Host, { title: this.labelIsLarge() ? this.label : '', class: {
+        'has-large-label': this.labelIsLarge(),
+      } }, this.renderLabel()));
+  }
+  renderLabel() {
+    if (typeof this.label === 'number') {
+      return h("span", null, abbreviate(this.label));
+    }
+    else if (typeof this.label === 'string') {
+      return h("span", null, this.label);
+    }
+  }
+  labelIsLarge() {
+    const largeNumericLabel = 999;
+    const largeStringLabel = 6;
+    if ((typeof this.label === 'number' &&
+      this.label > largeNumericLabel) ||
+      (typeof this.label === 'string' &&
+        this.label.length > largeStringLabel)) {
+      return true;
+    }
   }
   static get is() { return "limel-badge"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["badge.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["badge.css"]
-  }; }
-  static get properties() { return {
-    "label": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Label to display in the badge"
-      },
-      "attribute": "label",
-      "reflect": true
-    }
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["badge.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["badge.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "label": {
+        "type": "any",
+        "mutable": false,
+        "complexType": {
+          "original": "number | string",
+          "resolved": "number | string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Label to display in the badge.\nNumeric labels larger than 999 will be rounded and abbreviated.\nString labels get truncated if their length is longer than\nsix characters."
+        },
+        "attribute": "label",
+        "reflect": true
+      }
+    };
+  }
 }