@limetech/lime-crm-building-blocks 1.5.0 → 1.6.0

package/dist/cjs/{index-7e39f868.js → index-c40f4fe5.js}

@@ -63,18 +63,6 @@ const isComplexType = (o) => {
     o = typeof o;
     return o === 'object' || o === 'function';
 };
-/**
- * Helper method for querying a `meta` tag that contains a nonce value
- * out of a DOM's head.
- *
- * @param doc The DOM containing the `head` to query against
- * @returns The content of the meta tag representing the nonce value, or `undefined` if no tag
- * exists or the tag has no content.
- */
-function queryNonceMetaTagContent(doc) {
-    var _a, _b, _c;
-    return (_c = (_b = (_a = doc.head) === null || _a === void 0 ? void 0 : _a.querySelector('meta[name="csp-nonce"]')) === null || _b === void 0 ? void 0 : _b.getAttribute('content')) !== null && _c !== void 0 ? _c : undefined;
-}
 /**
  * Production h() function based on Preact by
  * Jason Miller (@developit)
@@ -83,6 +71,7 @@ function queryNonceMetaTagContent(doc) {
  *
  * Modified for Stencil's compiler and vdom
  */
+// const stack: any[] = [];
 // export function h(nodeName: string | d.FunctionalComponent, vnodeData: d.PropsType, child?: d.ChildType): d.VNode;
 // export function h(nodeName: string | d.FunctionalComponent, vnodeData: d.PropsType, ...children: d.ChildType[]): d.VNode;
 const h = (nodeName, vnodeData, ...children) => {
@@ -133,14 +122,6 @@ const h = (nodeName, vnodeData, ...children) => {
     }
     return vnode;
 };
-/**
- * A utility function for creating a virtual DOM node from a tag and some
- * possible text content.
- *
- * @param tag the tag for this element
- * @param text possible text content for the node
- * @returns a newly-minted virtual DOM node
- */
 const newVNode = (tag, text) => {
     const vnode = {
         $flags$: 0,
@@ -155,12 +136,6 @@ const newVNode = (tag, text) => {
     return vnode;
 };
 const Host = {};
-/**
- * Check whether a given node is a Host node or not
- *
- * @param node the virtual DOM node to check
- * @returns whether it's a Host node or not
- */
 const isHost = (node) => node && node.$tag$ === Host;
 /**
  * Parse a new property value for a given property type.
@@ -249,7 +224,6 @@ const registerStyle = (scopeId, cssText, allowCS) => {
     styles.set(scopeId, style);
 };
 const addStyle = (styleContainerNode, cmpMeta, mode, hostElm) => {
-    var _a;
     let scopeId = getScopeId(cmpMeta);
     const style = styles.get(scopeId);
     // if an element is NOT connected then getRootNode() will return the wrong root node
@@ -269,11 +243,6 @@ const addStyle = (styleContainerNode, cmpMeta, mode, hostElm) => {
                         styleElm = doc.createElement('style');
                         styleElm.innerHTML = style;
                     }
-                    // Apply CSP nonce to the style tag if it exists
-                    const nonce = (_a = plt.$nonce$) !== null && _a !== void 0 ? _a : queryNonceMetaTagContent(doc);
-                    if (nonce != null) {
-                        styleElm.setAttribute('nonce', nonce);
-                    }
                     styleContainerNode.insertBefore(styleElm, styleContainerNode.querySelector('link'));
                 }
                 if (appliedStyles) {
@@ -472,21 +441,6 @@ const createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
     }
     return elm;
 };
-/**
- * Create DOM nodes corresponding to a list of {@link d.Vnode} objects and
- * add them to the DOM in the appropriate place.
- *
- * @param parentElm the DOM node which should be used as a parent for the new
- * DOM nodes
- * @param before a child of the `parentElm` which the new children should be
- * inserted before (optional)
- * @param parentVNode the parent virtual DOM node
- * @param vnodes the new child virtual DOM nodes to produce DOM nodes for
- * @param startIdx the index in the child virtual DOM nodes at which to start
- * creating DOM nodes (inclusive)
- * @param endIdx the index in the child virtual DOM nodes at which to stop
- * creating DOM nodes (inclusive)
- */
 const addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) => {
     let containerElm = (parentElm);
     let childNode;
@@ -503,19 +457,6 @@ const addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) =>
         }
     }
 };
-/**
- * Remove the DOM elements corresponding to a list of {@link d.VNode} objects.
- * This can be used to, for instance, clean up after a list of children which
- * should no longer be shown.
- *
- * This function also handles some of Stencil's slot relocation logic.
- *
- * @param vnodes a list of virtual DOM nodes to remove
- * @param startIdx the index at which to start removing nodes (inclusive)
- * @param endIdx the index at which to stop removing nodes (inclusive)
- * @param vnode a VNode
- * @param elm an element
- */
 const removeVnodes = (vnodes, startIdx, endIdx, vnode, elm) => {
     for (; startIdx <= endIdx; ++startIdx) {
         if ((vnode = vnodes[startIdx])) {
@@ -707,8 +648,7 @@ const updateChildren = (parentElm, oldCh, newVNode, newCh) => {
  *
  * So, in other words, if `key` attrs are not set on VNodes which may be
  * changing order within a `children` array or something along those lines then
- * we could obtain a false negative and then have to do needless re-rendering
- * (i.e. we'd say two VNodes aren't equal when in fact they should be).
+ * we could obtain a false positive and then have to do needless re-rendering.
  *
  * @param leftVNode the first VNode to check
  * @param rightVNode the second VNode to check
@@ -772,18 +712,6 @@ const patch = (oldVNode, newVNode) => {
         elm.data = text;
     }
 };
-/**
- * The main entry point for Stencil's virtual DOM-based rendering engine
- *
- * Given a {@link d.HostRef} container and some virtual DOM nodes, this
- * function will handle creating a virtual DOM tree with a single root, patching
- * the current virtual DOM tree onto an old one (if any), dealing with slot
- * relocation, and reflecting attributes.
- *
- * @param hostRef data needed to root and render the virtual DOM tree, such as
- * the DOM node into which it should be rendered.
- * @param renderFnResults the virtual DOM nodes to be rendered
- */
 const renderVdom = (hostRef, renderFnResults) => {
     const hostElm = hostRef.$hostElement$;
     const cmpMeta = hostRef.$cmpMeta$;
@@ -1202,7 +1130,6 @@ const disconnectedCallback = (elm) => {
     }
 };
 const bootstrapLazy = (lazyBundles, options = {}) => {
-    var _a;
     const endBootstrap = createTime();
     const cmpTags = [];
     const exclude = options.exclude || [];
@@ -1279,11 +1206,6 @@ const bootstrapLazy = (lazyBundles, options = {}) => {
     {
         visibilityStyle.innerHTML = cmpTags + HYDRATED_CSS;
         visibilityStyle.setAttribute('data-styles', '');
-        // Apply CSP nonce to the style tag if it exists
-        const nonce = (_a = plt.$nonce$) !== null && _a !== void 0 ? _a : queryNonceMetaTagContent(doc);
-        if (nonce != null) {
-            visibilityStyle.setAttribute('nonce', nonce);
-        }
         head.insertBefore(visibilityStyle, metaCharset ? metaCharset.nextSibling : head.firstChild);
     }
     // Process deferred connectedCallbacks now all components have been registered
@@ -1299,13 +1221,6 @@ const bootstrapLazy = (lazyBundles, options = {}) => {
     // Fallback appLoad event
     endBootstrap();
 };
-/**
- * Assigns the given value to the nonce property on the runtime platform object.
- * During runtime, this value is used to set the nonce attribute on all dynamically created script and style tags.
- * @param nonce The value to be assigned to the platform nonce property.
- * @returns void
- */
-const setNonce = (nonce) => (plt.$nonce$ = nonce);
 const hostRefs = /*@__PURE__*/ new WeakMap();
 const getHostRef = (ref) => hostRefs.get(ref);
 const registerInstance = (lazyInstance, hostRef) => hostRefs.set((hostRef.$lazyInstance$ = lazyInstance), hostRef);
@@ -1417,4 +1332,3 @@ exports.createEvent = createEvent;
 exports.h = h;
 exports.promiseResolve = promiseResolve;
 exports.registerInstance = registerInstance;
-exports.setNonce = setNonce;

package/dist/cjs/lime-crm-building-blocks.cjs.js

@@ -1,11 +1,9 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-7e39f868.js');
+const index = require('./index-c40f4fe5.js');
 
 /*
- Stencil Client Patch Browser v2.22.2 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v2.18.1 | MIT Licensed | https://stenciljs.com
  */
 const patchBrowser = () => {
     const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('lime-crm-building-blocks.cjs.js', document.baseURI).href));
@@ -17,7 +15,5 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["limebb-example-date-picker-date.cjs",[[1,"limebb-example-date-picker-date",{"value":[32]}]]],["limebb-example-date-picker-datetime.cjs",[[1,"limebb-example-date-picker-datetime",{"value":[32]}]]],["limebb-example-date-picker-time.cjs",[[1,"limebb-example-date-picker-time",{"value":[32]}]]],["limebb-example-date-picker-week.cjs",[[1,"limebb-example-date-picker-week",{"value":[32]}]]],["limebb-example-currency-picker.cjs",[[1,"limebb-example-currency-picker",{"selectedCurrency":[32]}]]],["limebb-example-currency-picker-european.cjs",[[1,"limebb-example-currency-picker-european",{"selectedCurrency":[32]}]]],["limebb-example-currency-picker-nordic.cjs",[[1,"limebb-example-currency-picker-nordic",{"selectedCurrency":[32]}]]],["limebb-dashboard-widget.cjs",[[1,"limebb-dashboard-widget",{"heading":[513],"subheading":[513],"supportingText":[513,"supporting-text"],"icon":[513]}]]],["limebb-example-dashboard-widget.cjs",[[1,"limebb-example-dashboard-widget"]]],["limebb-example-dashboard-widget-slots.cjs",[[1,"limebb-example-dashboard-widget-slots",{"filterMyDeals":[32]}]]],["limebb-example-dashboard-widget-styles.cjs",[[1,"limebb-example-dashboard-widget-styles"]]],["limebb-example-date-range.cjs",[[1,"limebb-example-date-range"]]],["limebb-navigation-button.cjs",[[1,"limebb-navigation-button",{"href":[513],"tooltipLabel":[513,"tooltip-label"],"tooltipHelperLabel":[513,"tooltip-helper-label"],"type":[513]}]]],["limebb-example-navigation-button-back.cjs",[[1,"limebb-example-navigation-button-back"]]],["limebb-example-navigation-button-close.cjs",[[1,"limebb-example-navigation-button-close"]]],["limebb-example-navigation-button-expand.cjs",[[1,"limebb-example-navigation-button-expand"]]],["limebb-example-navigation-button-float.cjs",[[1,"limebb-example-navigation-button-float"]]],["limebb-example-navigation-button-new-tab.cjs",[[1,"limebb-example-navigation-button-new-tab"]]],["limebb-example-navigation-button-shrink.cjs",[[1,"limebb-example-navigation-button-shrink"]]],["limebb-date-range.cjs",[[1,"limebb-date-range",{"startTime":[16],"endTime":[16],"startTimeLabel":[1,"start-time-label"],"endTimeLabel":[1,"end-time-label"],"language":[1],"timeFormat":[1,"time-format"],"type":[1]}]]],["limebb-currency-picker.cjs",[[1,"limebb-currency-picker",{"label":[513],"platform":[16],"currencies":[16],"helperText":[513,"helper-text"],"required":[516],"readonly":[516],"disabled":[516],"value":[16]}]]],["limebb-date-picker_2.cjs",[[1,"limebb-date-picker",{"platform":[16],"context":[16],"disabled":[516],"readonly":[516],"invalid":[516],"label":[513],"placeholder":[513],"helperText":[513,"helper-text"],"required":[516],"value":[1],"type":[513]}],[0,"limebb-example-value",{"label":[513],"value":[8]}]]]], options);
+  return index.bootstrapLazy([["limebb-example-date-picker-date.cjs",[[1,"limebb-example-date-picker-date",{"value":[32]}]]],["limebb-example-date-picker-datetime.cjs",[[1,"limebb-example-date-picker-datetime",{"value":[32]}]]],["limebb-example-date-picker-time.cjs",[[1,"limebb-example-date-picker-time",{"value":[32]}]]],["limebb-example-date-picker-week.cjs",[[1,"limebb-example-date-picker-week",{"value":[32]}]]],["limebb-example-currency-picker.cjs",[[1,"limebb-example-currency-picker",{"selectedCurrency":[32]}]]],["limebb-example-currency-picker-european.cjs",[[1,"limebb-example-currency-picker-european",{"selectedCurrency":[32]}]]],["limebb-example-currency-picker-nordic.cjs",[[1,"limebb-example-currency-picker-nordic",{"selectedCurrency":[32]}]]],["limebb-example-dashboard-widget.cjs",[[1,"limebb-example-dashboard-widget"]]],["limebb-example-dashboard-widget-slots.cjs",[[1,"limebb-example-dashboard-widget-slots",{"filterMyDeals":[32]}]]],["limebb-example-dashboard-widget-styles.cjs",[[1,"limebb-example-dashboard-widget-styles"]]],["limebb-example-date-range.cjs",[[1,"limebb-example-date-range"]]],["limebb-example-icon-picker.cjs",[[1,"limebb-example-icon-picker",{"value":[32]}]]],["limebb-navigation-button.cjs",[[1,"limebb-navigation-button",{"href":[513],"tooltipLabel":[513,"tooltip-label"],"tooltipHelperLabel":[513,"tooltip-helper-label"],"type":[513]}]]],["limebb-example-navigation-button-back.cjs",[[1,"limebb-example-navigation-button-back"]]],["limebb-example-navigation-button-close.cjs",[[1,"limebb-example-navigation-button-close"]]],["limebb-example-navigation-button-expand.cjs",[[1,"limebb-example-navigation-button-expand"]]],["limebb-example-navigation-button-float.cjs",[[1,"limebb-example-navigation-button-float"]]],["limebb-example-navigation-button-new-tab.cjs",[[1,"limebb-example-navigation-button-new-tab"]]],["limebb-example-navigation-button-shrink.cjs",[[1,"limebb-example-navigation-button-shrink"]]],["limebb-date-range.cjs",[[1,"limebb-date-range",{"startTime":[16],"endTime":[16],"startTimeLabel":[1,"start-time-label"],"endTimeLabel":[1,"end-time-label"],"language":[1],"timeFormat":[1,"time-format"],"type":[1]}]]],["limebb-icon-picker.cjs",[[1,"limebb-icon-picker",{"value":[1],"required":[4],"readonly":[4],"disabled":[4],"label":[1],"helperText":[1,"helper-text"]}]]],["limebb-currency-picker.cjs",[[1,"limebb-currency-picker",{"label":[513],"platform":[16],"currencies":[16],"helperText":[513,"helper-text"],"required":[516],"readonly":[516],"disabled":[516],"value":[16]}]]],["limebb-dashboard-widget.cjs",[[1,"limebb-dashboard-widget",{"heading":[513],"subheading":[513],"supportingText":[513,"supporting-text"],"icon":[513]}]]],["limebb-date-picker_2.cjs",[[1,"limebb-date-picker",{"platform":[16],"context":[16],"disabled":[516],"readonly":[516],"invalid":[516],"label":[513],"placeholder":[513],"helperText":[513,"helper-text"],"required":[516],"value":[1],"type":[513]}],[0,"limebb-example-value",{"label":[513],"value":[8]}]]]], options);
 });
-
-exports.setNonce = index.setNonce;

package/dist/cjs/limebb-currency-picker.cjs.entry.js

@@ -2,14 +2,31 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7e39f868.js');
-const types = require('./types-42980991.js');
+const index = require('./index-c40f4fe5.js');
+const types = require('./types-8bf20167.js');
 const currencies = require('./currencies-98ac425a.js');
 
 const CurrencyPicker = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.change = index.createEvent(this, "change", 7);
+    /**
+     * The list of currencies. If currencies are not provided it will default to `allCurrencies`,
+     * We also support ´nordicMarketCurrencies´ and ´europeanMarketCurrencies´.
+     */
+    this.currencies = currencies.allCurrencies;
+    /**
+     * Whether the current property is required
+     */
+    this.required = false;
+    /**
+     * Whether the current property is readonly
+     */
+    this.readonly = false;
+    /**
+     * Whether the current property is disabled
+     */
+    this.disabled = false;
     this.search = (query) => {
       return new Promise((resolve) => {
         if (query === '') {
@@ -27,14 +44,6 @@ const CurrencyPicker = class {
       event.stopPropagation();
       this.change.emit(event.detail);
     };
-    this.label = undefined;
-    this.platform = undefined;
-    this.currencies = currencies.allCurrencies;
-    this.helperText = undefined;
-    this.required = false;
-    this.readonly = false;
-    this.disabled = false;
-    this.value = undefined;
   }
   render() {
     return (index.h("limel-picker", { label: this.label || this.defaultLabel, value: this.value, helperText: this.helperText, onChange: this.handleChange, badgeIcons: false, disabled: this.disabled, required: this.required, readonly: this.readonly, searcher: this.search }));

package/dist/cjs/limebb-dashboard-widget.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7e39f868.js');
+const index = require('./index-c40f4fe5.js');
 
 const dashboardWidgetCss = ":host(limebb-dashboard-widget){--dashboard-widget-background-color:var(\n      --start-page-grid-widget-background-color,\n      rgb(var(--contrast-100))\n  );--header-icon-color:var(--dashboard-widget-icon-color);--header-background-color:var(\n      --dashboard-widget-header-background-color,\n      var(--start-page-grid-widget-header-color)\n  );--dashboard-widget-border-radius:var(\n      --start-page-grid-widget-border-radius,\n      1rem\n  );--header-top-right-left-border-radius:0;display:flex;flex-direction:column;border-radius:var(--dashboard-widget-border-radius);background-color:var(--dashboard-widget-background-color);height:100%;width:100%;overflow:hidden}";
 
@@ -18,10 +18,6 @@ const DashboardComponent = class {
       }
       return (index.h("limel-header", { heading: this.heading, subheading: this.subheading, supportingText: this.supportingText, icon: this.icon }, index.h("slot", { name: "header-actions" })));
     };
-    this.heading = undefined;
-    this.subheading = undefined;
-    this.supportingText = undefined;
-    this.icon = undefined;
   }
   render() {
     return [this.renderHeader(), index.h("slot", { name: "content" })];

package/dist/cjs/limebb-date-picker_2.cjs.entry.js

@@ -2,13 +2,39 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7e39f868.js');
-const types = require('./types-42980991.js');
+const index = require('./index-c40f4fe5.js');
+const types = require('./types-8bf20167.js');
 
 const DatePicker = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.change = index.createEvent(this, "change", 7);
+    /**
+     * Set to `true` to disable the field.
+     * Use `disabled` to indicate that the field can normally be interacted
+     * with, but is currently disabled. This tells the user that if certain
+     * requirements are met, the field may become enabled again.
+     */
+    this.disabled = false;
+    /**
+     * Set to `true` to make the field read-only.
+     * Use `readonly` when the field is only there to present the data it holds,
+     * and will not become possible for the current user to edit.
+     */
+    this.readonly = false;
+    /**
+     * Set to `true` to indicate that the current value of the date picker is
+     * invalid.
+     */
+    this.invalid = false;
+    /**
+     * Set to `true` to indicate that the field is required.
+     */
+    this.required = false;
+    /**
+     * Type of date picker.
+     */
+    this.type = 'datetime';
     this.handleChange = (event) => {
       event.stopPropagation();
       if (typeof this.value === 'string') {
@@ -18,17 +44,6 @@ const DatePicker = class {
       this.change.emit(event.detail);
     };
     this.formatter = (value) => this.dateTimeFormatter.format(value, dateTimePropertyTypes[this.type] || this.type);
-    this.platform = undefined;
-    this.context = undefined;
-    this.disabled = false;
-    this.readonly = false;
-    this.invalid = false;
-    this.label = undefined;
-    this.placeholder = undefined;
-    this.helperText = undefined;
-    this.required = false;
-    this.value = undefined;
-    this.type = 'datetime';
   }
   render() {
     const value = typeof this.value === 'string' ? new Date(this.value) : this.value;
@@ -327,8 +342,10 @@ const exampleValueCss = "code{font-family:\"Source Code Pro\", monospace;font-si
 const ExampleValue = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    /**
+     * A label describing the value.
+     */
     this.label = 'Value';
-    this.value = undefined;
   }
   render() {
     return (index.h("p", null, this.label, ": ", this.format(this.value)));

package/dist/cjs/limebb-date-range.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7e39f868.js');
+const index = require('./index-c40f4fe5.js');
 
 const dateRangeCss = ":host(limebb-date-range){isolation:isolate;display:block;position:relative}*{box-sizing:border-box}.date-pickers{display:grid;grid-template-columns:repeat(auto-fit, minmax(13.5rem, 1fr));gap:0.5rem;padding:0.75rem 1rem 1.25rem 1rem}.label-group{display:flex;align-items:center;margin-bottom:0.25rem}.end-time .label-group{flex-direction:row-reverse}.label-group .label{font-size:0.75rem;padding:0 0.25rem}.label-group .circle{flex-shrink:0;width:0.5rem;height:0.5rem;border-radius:50%}.start-time .label-group .circle{background-color:rgb(var(--color-green-default))}.end-time .label-group .circle{background-color:rgb(var(--color-coral-default))}.label-group .line{flex-grow:1;height:0.25rem;border-radius:1rem}.start-time .label-group .line{background-image:linear-gradient(to right, rgb(var(--color-green-light)), rgb(var(--contrast-400)) 30%)}.end-time .label-group .line{background-image:linear-gradient(to left, rgb(var(--color-coral-light)), rgb(var(--contrast-400)) 30%)}.date-pickers:has(>:last-child:nth-child(2)) .start-time .line{margin-right:-0.5rem}.date-pickers:has(>:last-child:nth-child(2)) .end-time .line{margin-left:-0.5rem}";
 
@@ -19,13 +19,6 @@ const DateRange = class {
       event.stopPropagation();
       this.changeEndTime.emit(event.detail);
     };
-    this.startTime = undefined;
-    this.endTime = undefined;
-    this.startTimeLabel = undefined;
-    this.endTimeLabel = undefined;
-    this.language = undefined;
-    this.timeFormat = undefined;
-    this.type = undefined;
   }
   componentWillLoad() {
     this.originalStartTime = this.startTime;

package/dist/cjs/limebb-example-currency-picker-european.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7e39f868.js');
+const index = require('./index-c40f4fe5.js');
 const currencies = require('./currencies-98ac425a.js');
 
 const CurrencyPickerExample = class {
@@ -11,7 +11,6 @@ const CurrencyPickerExample = class {
     this.handleChange = (event) => {
       this.selectedCurrency = event.detail;
     };
-    this.selectedCurrency = undefined;
   }
   render() {
     return (index.h("limebb-currency-picker", { currencies: currencies.europeanMarketCurrencies, value: this.selectedCurrency, onChange: this.handleChange, label: "Select a currency" }));

package/dist/cjs/limebb-example-currency-picker-nordic.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7e39f868.js');
+const index = require('./index-c40f4fe5.js');
 const currencies = require('./currencies-98ac425a.js');
 
 const CurrencyPickerExample = class {
@@ -11,7 +11,6 @@ const CurrencyPickerExample = class {
     this.handleChange = (event) => {
       this.selectedCurrency = event.detail;
     };
-    this.selectedCurrency = undefined;
   }
   render() {
     return (index.h("limebb-currency-picker", { currencies: currencies.nordicMarketCurrencies, label: "Select a currency", value: this.selectedCurrency, onChange: this.handleChange }));

package/dist/cjs/limebb-example-currency-picker.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7e39f868.js');
+const index = require('./index-c40f4fe5.js');
 
 const CurrencyPickerExample = class {
   constructor(hostRef) {
@@ -10,7 +10,6 @@ const CurrencyPickerExample = class {
     this.handleChange = (event) => {
       this.selectedCurrency = event.detail;
     };
-    this.selectedCurrency = undefined;
   }
   render() {
     return (index.h("limebb-currency-picker", { label: "Select a currency", value: this.selectedCurrency, onChange: this.handleChange }));

package/dist/cjs/limebb-example-dashboard-widget-slots.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7e39f868.js');
+const index = require('./index-c40f4fe5.js');
 
 const DashboardWidgetSlotsExample = class {
   constructor(hostRef) {
@@ -62,7 +62,6 @@ const DashboardWidgetSlotsExample = class {
     this.handleChange = (event) => {
       this.filterMyDeals = event.detail.id === 'mine';
     };
-    this.filterMyDeals = undefined;
   }
   render() {
     const heading = `${this.filterMyDeals ? 'My products: 2' : 'All products: 5'}`;

package/dist/cjs/limebb-example-dashboard-widget-styles.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7e39f868.js');
+const index = require('./index-c40f4fe5.js');
 
 const dashboardWidgetStylesCss = "limebb-dashboard-widget{--dashboard-widget-header-background-color:rgb(\n      var(--color-yellow-default)\n  );--dashboard-widget-background-color:rgb(var(--contrast-300));--dashboard-widget-icon-color:rgb(var(--color-orange-default))}[slot=content]{padding:0 1rem}";
 

package/dist/cjs/limebb-example-dashboard-widget.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7e39f868.js');
+const index = require('./index-c40f4fe5.js');
 
 const DashboardWidgetExample = class {
   constructor(hostRef) {

package/dist/cjs/limebb-example-date-picker-date.cjs.entry.js

@@ -2,17 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7e39f868.js');
-const platform = require('./platform-eea0cbb5.js');
-require('./types-42980991.js');
+const index = require('./index-c40f4fe5.js');
+const platform = require('./platform-31a9e228.js');
+require('./types-8bf20167.js');
 
 const DatePickerExampleDate = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.value = new Date();
     this.handleChange = (event) => {
       this.value = event.detail;
     };
-    this.value = new Date();
   }
   render() {
     return [

package/dist/cjs/limebb-example-date-picker-datetime.cjs.entry.js

@@ -2,17 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7e39f868.js');
-const platform = require('./platform-eea0cbb5.js');
-require('./types-42980991.js');
+const index = require('./index-c40f4fe5.js');
+const platform = require('./platform-31a9e228.js');
+require('./types-8bf20167.js');
 
 const DatePickerExampleDateTime = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.value = new Date();
     this.handleChange = (event) => {
       this.value = event.detail;
     };
-    this.value = new Date();
   }
   render() {
     return [

package/dist/cjs/limebb-example-date-picker-time.cjs.entry.js

@@ -2,17 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7e39f868.js');
-const platform = require('./platform-eea0cbb5.js');
-require('./types-42980991.js');
+const index = require('./index-c40f4fe5.js');
+const platform = require('./platform-31a9e228.js');
+require('./types-8bf20167.js');
 
 const DatePickerExampleTime = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.value = new Date();
     this.handleChange = (event) => {
       this.value = event.detail;
     };
-    this.value = new Date();
   }
   render() {
     return [

package/dist/cjs/limebb-example-date-picker-week.cjs.entry.js

@@ -2,17 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7e39f868.js');
-const platform = require('./platform-eea0cbb5.js');
-require('./types-42980991.js');
+const index = require('./index-c40f4fe5.js');
+const platform = require('./platform-31a9e228.js');
+require('./types-8bf20167.js');
 
 const DatePickerExampleWeek = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.value = new Date();
     this.handleChange = (event) => {
       this.value = event.detail;
     };
-    this.value = new Date();
   }
   render() {
     return [

package/dist/cjs/limebb-example-date-range.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7e39f868.js');
+const index = require('./index-c40f4fe5.js');
 
 const dateRangeCss = ":host(limebb-example-date-range){display:flex;flex-direction:column;background-color:rgb(var(--contrast-500));border-radius:0.5rem;padding:0.5rem}span{padding-left:0.5rem;font-size:1.25rem}limebb-date-range{margin-top:0.75rem;border-radius:0.75rem;background-color:rgb(var(--contrast-100))}limebb-date-range:before{content:\"\";position:absolute;top:-0.5rem;left:2rem;background-color:inherit;width:1rem;height:1rem;rotate:45deg;border-radius:0.25rem 0 0 0}";
 

package/dist/cjs/limebb-example-icon-picker.cjs.entry.js

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-c40f4fe5.js');
+
+const IconPickerExample = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.handleChange = (event) => {
+      event.stopPropagation();
+      this.value = event.detail;
+    };
+  }
+  render() {
+    return (index.h("limebb-icon-picker", { label: "Icon", helperText: "Start typing to find the right icon", value: this.value, onChange: this.handleChange }));
+  }
+};
+
+exports.limebb_example_icon_picker = IconPickerExample;

package/dist/cjs/limebb-example-navigation-button-back.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7e39f868.js');
+const index = require('./index-c40f4fe5.js');
 
 const NavigationButtonBackExample = class {
   constructor(hostRef) {

package/dist/cjs/limebb-example-navigation-button-close.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7e39f868.js');
+const index = require('./index-c40f4fe5.js');
 
 const NavigationButtonCloseExample = class {
   constructor(hostRef) {

package/dist/cjs/limebb-example-navigation-button-expand.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7e39f868.js');
+const index = require('./index-c40f4fe5.js');
 
 const NavigationButtonExpandExample = class {
   constructor(hostRef) {

package/dist/cjs/limebb-example-navigation-button-float.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7e39f868.js');
+const index = require('./index-c40f4fe5.js');
 
 const NavigationButtonFloatExample = class {
   constructor(hostRef) {

package/dist/cjs/limebb-example-navigation-button-new-tab.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7e39f868.js');
+const index = require('./index-c40f4fe5.js');
 
 const NavigationButtonNewTabExample = class {
   constructor(hostRef) {

package/dist/cjs/limebb-example-navigation-button-shrink.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7e39f868.js');
+const index = require('./index-c40f4fe5.js');
 
 const NavigationButtonShrinkExample = class {
   constructor(hostRef) {