@limetech/lime-crm-building-blocks 1.115.1 → 1.116.1

package/dist/components/limebb-info-tile-currency-format.js

@@ -1,116 +1 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { d as defineCustomElement$2 } from './currency-picker.js';
-
-const InfoTileAdminConfig = /*@__PURE__*/ proxyCustomElement(class InfoTileAdminConfig extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.change = createEvent(this, "change", 7);
-        this.getOptionValue = (option) => option.value;
-        this.getAffixValue = (option) => {
-            if (!option.value) {
-                return;
-            }
-            return [option.value];
-        };
-        this.handleChangeOptions = (property, getValue = (value) => value) => (event) => {
-            event.stopPropagation();
-            this.change.emit(Object.assign(Object.assign({}, this.value), { options: Object.assign(Object.assign({ maximumFractionDigits: 0 }, this.value.options), { [property]: getValue(event.detail) || undefined }) }));
-        };
-        this.handleChangeAffix = (property) => (event) => {
-            event.stopPropagation();
-            this.change.emit(Object.assign(Object.assign({}, this.value), { [property]: this.getAffixValue(event.detail) }));
-        };
-    }
-    render() {
-        return [
-            this.renderNotation(),
-            this.renderCurrency(),
-            this.renderCurrencyDisplay(),
-            this.renderAffix('prefix'),
-            this.renderAffix('suffix'),
-        ];
-    }
-    renderCurrency() {
-        var _a;
-        return (h("limebb-currency-picker", { platform: this.platform, context: this.context, label: "Currency", value: (_a = this.value.options) === null || _a === void 0 ? void 0 : _a.currency, onChange: this.handleChangeOptions('currency') }));
-    }
-    renderCurrencyDisplay() {
-        const options = [
-            {
-                text: 'ISO currency code',
-                value: 'code',
-            },
-            {
-                text: 'Localized currency symbol',
-                value: 'symbol',
-            },
-            {
-                text: 'Localized currency name',
-                value: 'name',
-            },
-        ];
-        const value = options.find((o) => { var _a; return o.value === ((_a = this.value.options) === null || _a === void 0 ? void 0 : _a.currencyDisplay); });
-        return (h("limel-select", { label: "Currency display", options: options, value: value, onChange: this.handleChangeOptions('currencyDisplay', this.getOptionValue) }));
-    }
-    renderNotation() {
-        const options = [
-            {
-                text: 'Standard',
-                value: 'standard',
-            },
-            {
-                text: 'Compact',
-                value: 'compact',
-            },
-        ];
-        const value = options.find((o) => { var _a; return o.value === ((_a = this.value.options) === null || _a === void 0 ? void 0 : _a.notation); });
-        return (h("limel-select", { label: "Notation", helperText: "The formatting that should be displayed for the number", options: options, value: value, onChange: this.handleChangeOptions('notation', this.getOptionValue) }));
-    }
-    renderAffix(affix) {
-        const options = [
-            {
-                text: '',
-                value: '',
-            },
-            {
-                text: 'Compact notation',
-                value: 'compact',
-            },
-            {
-                text: 'Currency',
-                value: 'currency',
-            },
-        ];
-        const value = options.find((o) => { var _a; return o.value && ((_a = this.value[affix]) === null || _a === void 0 ? void 0 : _a.includes(o.value)); });
-        return (h("limel-select", { label: affix.charAt(0).toUpperCase() + affix.slice(1), options: options, value: value, onChange: this.handleChangeAffix(affix) }));
-    }
-}, [1, "limebb-info-tile-currency-format", {
-        "platform": [16],
-        "context": [16],
-        "value": [16]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["limebb-info-tile-currency-format", "limebb-currency-picker"];
-    components.forEach(tagName => { switch (tagName) {
-        case "limebb-info-tile-currency-format":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, InfoTileAdminConfig);
-            }
-            break;
-        case "limebb-currency-picker":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const LimebbInfoTileCurrencyFormat = InfoTileAdminConfig;
-const defineCustomElement = defineCustomElement$1;
-
-export { LimebbInfoTileCurrencyFormat, defineCustomElement };
+import{proxyCustomElement as e,HTMLElement as t,createEvent as r,h as i,transformTag as n}from"@stencil/core/internal/client";import{d as c}from"./currency-picker.js";const o=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.change=r(this,"change",7),this.getOptionValue=e=>e.value,this.getAffixValue=e=>{if(e.value)return[e.value]},this.handleChangeOptions=(e,t=e=>e)=>r=>{r.stopPropagation(),this.change.emit(Object.assign(Object.assign({},this.value),{options:Object.assign(Object.assign({maximumFractionDigits:0},this.value.options),{[e]:t(r.detail)||void 0})}))},this.handleChangeAffix=e=>t=>{t.stopPropagation(),this.change.emit(Object.assign(Object.assign({},this.value),{[e]:this.getAffixValue(t.detail)}))}}render(){return[this.renderNotation(),this.renderCurrency(),this.renderCurrencyDisplay(),this.renderAffix("prefix"),this.renderAffix("suffix")]}renderCurrency(){var e;return i("limebb-currency-picker",{platform:this.platform,context:this.context,label:"Currency",value:null===(e=this.value.options)||void 0===e?void 0:e.currency,onChange:this.handleChangeOptions("currency")})}renderCurrencyDisplay(){const e=[{text:"ISO currency code",value:"code"},{text:"Localized currency symbol",value:"symbol"},{text:"Localized currency name",value:"name"}],t=e.find((e=>{var t;return e.value===(null===(t=this.value.options)||void 0===t?void 0:t.currencyDisplay)}));return i("limel-select",{label:"Currency display",options:e,value:t,onChange:this.handleChangeOptions("currencyDisplay",this.getOptionValue)})}renderNotation(){const e=[{text:"Standard",value:"standard"},{text:"Compact",value:"compact"}],t=e.find((e=>{var t;return e.value===(null===(t=this.value.options)||void 0===t?void 0:t.notation)}));return i("limel-select",{label:"Notation",helperText:"The formatting that should be displayed for the number",options:e,value:t,onChange:this.handleChangeOptions("notation",this.getOptionValue)})}renderAffix(e){const t=[{text:"",value:""},{text:"Compact notation",value:"compact"},{text:"Currency",value:"currency"}],r=t.find((t=>{var r;return t.value&&(null===(r=this.value[e])||void 0===r?void 0:r.includes(t.value))}));return i("limel-select",{label:e.charAt(0).toUpperCase()+e.slice(1),options:t,value:r,onChange:this.handleChangeAffix(e)})}},[1,"limebb-info-tile-currency-format",{platform:[16],context:[16],value:[16]}]),s=o,l=function(){"undefined"!=typeof customElements&&["limebb-info-tile-currency-format","limebb-currency-picker"].forEach((e=>{switch(e){case"limebb-info-tile-currency-format":customElements.get(n(e))||customElements.define(n(e),o);break;case"limebb-currency-picker":customElements.get(n(e))||c()}}))};export{s as LimebbInfoTileCurrencyFormat,l as defineCustomElement}

package/dist/components/limebb-info-tile-date-format.js

@@ -1,272 +1 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-
-const infoTileDateFormatCss = "*{box-sizing:border-box}:host(limebb-info-tile-date-format){display:grid;gap:0.5rem;grid-template-columns:1fr 1fr !important}limel-header{flex-wrap:wrap;grid-column:1/-1;overflow:hidden;border-radius:0.7rem;border:1px solid rgb(var(--contrast-100))}limel-header section{width:100%;padding:0.5rem;display:grid;gap:0.5rem;grid-template-columns:repeat(auto-fit, minmax(8rem, 1fr))}";
-const LimebbInfoTileDateFormatStyle0 = infoTileDateFormatCss;
-
-const InfoTileAdminConfig = /*@__PURE__*/ proxyCustomElement(class InfoTileAdminConfig extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.change = createEvent(this, "change", 7);
-        this.getOptionValue = (option) => option.value || undefined;
-        this.getAffixValue = (options) => {
-            if (options.length === 0) {
-                return [];
-            }
-            return options.map((o) => o.value);
-        };
-        this.handleChangeOptions = (property, getValue = (value) => value) => (event) => {
-            event.stopPropagation();
-            this.change.emit(Object.assign(Object.assign({}, this.value), { options: Object.assign(Object.assign({}, this.value.options), { [property]: getValue(event.detail) || undefined }) }));
-        };
-        this.handleChangeAffix = (property) => (event) => {
-            event.stopPropagation();
-            this.change.emit(Object.assign(Object.assign({}, this.value), { [property]: this.getAffixValue(event.detail) }));
-        };
-        this.handleChangeHour12 = (event) => {
-            event.stopPropagation();
-            let value = JSON.parse(event.detail.value);
-            if (value === null) {
-                value = undefined;
-            }
-            this.change.emit(Object.assign(Object.assign({}, this.value), { options: Object.assign(Object.assign({}, this.value.options), { hour12: value }) }));
-        };
-    }
-    render() {
-        return [
-            this.renderDate(),
-            this.renderTime(),
-            this.renderAffix('prefix'),
-            this.renderAffix('suffix'),
-        ];
-    }
-    renderDate() {
-        return (h("limel-header", { icon: "calendar", heading: "Date settings" }, h("section", null, this.renderDay(), this.renderMonth(), this.renderYear(), this.renderWeekday())));
-    }
-    renderDay() {
-        const options = [
-            {
-                value: '',
-                text: '',
-            },
-            {
-                value: '2-digit',
-                text: '2 digit',
-            },
-            {
-                value: 'numeric',
-                text: 'Numeric',
-            },
-        ];
-        const value = options.find((o) => { var _a; return o.value && o.value === ((_a = this.value.options) === null || _a === void 0 ? void 0 : _a.day); });
-        return (h("limel-select", { label: "Day", options: options, value: value, onChange: this.handleChangeOptions('day', this.getOptionValue) }));
-    }
-    renderMonth() {
-        const options = [
-            {
-                value: '',
-                text: '',
-            },
-            {
-                value: 'long',
-                text: 'Long',
-            },
-            {
-                value: 'narrow',
-                text: 'Narrow',
-            },
-            {
-                value: 'short',
-                text: 'Short',
-            },
-            {
-                value: '2-digit',
-                text: '2 digit',
-            },
-            {
-                value: 'numeric',
-                text: 'Numeric',
-            },
-        ];
-        const value = options.find((o) => { var _a; return o.value && o.value === ((_a = this.value.options) === null || _a === void 0 ? void 0 : _a.month); });
-        return (h("limel-select", { label: "Month", options: options, value: value, onChange: this.handleChangeOptions('month', this.getOptionValue) }));
-    }
-    renderYear() {
-        const options = [
-            {
-                value: '',
-                text: '',
-            },
-            {
-                value: '2-digit',
-                text: '2 digit',
-            },
-            {
-                value: 'numeric',
-                text: 'Numeric',
-            },
-        ];
-        const value = options.find((o) => { var _a; return o.value && o.value === ((_a = this.value.options) === null || _a === void 0 ? void 0 : _a.year); });
-        return (h("limel-select", { label: "Year", options: options, value: value, onChange: this.handleChangeOptions('year', this.getOptionValue) }));
-    }
-    renderWeekday() {
-        const options = [
-            {
-                value: '',
-                text: '',
-            },
-            {
-                value: 'long',
-                text: 'Long',
-            },
-            {
-                value: 'narrow',
-                text: 'Narrow',
-            },
-            {
-                value: 'short',
-                text: 'Short',
-            },
-        ];
-        const value = options.find((o) => { var _a; return o.value && o.value === ((_a = this.value.options) === null || _a === void 0 ? void 0 : _a.weekday); });
-        return (h("limel-select", { label: "Weekday", options: options, value: value, onChange: this.handleChangeOptions('weekday', this.getOptionValue) }));
-    }
-    renderTime() {
-        return (h("limel-header", { icon: "clock", heading: "Time settings" }, h("section", null, this.renderHour(), this.renderMinute(), this.renderSecond(), this.renderHour12())));
-    }
-    renderHour() {
-        const options = [
-            {
-                value: '',
-                text: '',
-            },
-            {
-                value: '2-digit',
-                text: '2 digit',
-            },
-            {
-                value: 'numeric',
-                text: 'Numeric',
-            },
-        ];
-        const value = options.find((o) => { var _a; return o.value && o.value === ((_a = this.value.options) === null || _a === void 0 ? void 0 : _a.hour); });
-        return (h("limel-select", { label: "Hour", options: options, value: value, onChange: this.handleChangeOptions('hour', this.getOptionValue) }));
-    }
-    renderMinute() {
-        const options = [
-            {
-                value: '',
-                text: '',
-            },
-            {
-                value: '2-digit',
-                text: '2 digit',
-            },
-            {
-                value: 'numeric',
-                text: 'Numeric',
-            },
-        ];
-        const value = options.find((o) => { var _a; return o.value && o.value === ((_a = this.value.options) === null || _a === void 0 ? void 0 : _a.minute); });
-        return (h("limel-select", { label: "Minute", options: options, value: value, onChange: this.handleChangeOptions('minute', this.getOptionValue) }));
-    }
-    renderSecond() {
-        const options = [
-            {
-                value: '',
-                text: '',
-            },
-            {
-                value: '2-digit',
-                text: '2 digit',
-            },
-            {
-                value: 'numeric',
-                text: 'Numeric',
-            },
-        ];
-        const value = options.find((o) => { var _a; return o.value && o.value === ((_a = this.value.options) === null || _a === void 0 ? void 0 : _a.second); });
-        return (h("limel-select", { label: "Second", options: options, value: value, onChange: this.handleChangeOptions('second', this.getOptionValue) }));
-    }
-    renderHour12() {
-        const options = [
-            {
-                value: 'null',
-                text: 'Default',
-                secondaryText: 'Locale dependent',
-            },
-            {
-                value: 'true',
-                text: '12 hour',
-            },
-            {
-                value: 'false',
-                text: '24 hour',
-            },
-        ];
-        const value = options.find((o) => {
-            var _a, _b;
-            if (o.value === String((_a = this.value.options) === null || _a === void 0 ? void 0 : _a.hour12)) {
-                return true;
-            }
-            return (o.value === 'null' && ((_b = this.value.options) === null || _b === void 0 ? void 0 : _b.hour12) === undefined);
-        });
-        return (h("limel-select", { label: "Clock format", options: options, value: value, onChange: this.handleChangeHour12 }));
-    }
-    renderAffix(affix) {
-        const options = [
-            {
-                text: 'Weekday',
-                value: 'weekday',
-            },
-            {
-                text: 'Day',
-                value: 'day',
-            },
-            {
-                text: 'Month',
-                value: 'month',
-            },
-            {
-                text: 'Year',
-                value: 'year',
-            },
-            {
-                text: 'Hour',
-                value: 'hour',
-            },
-            {
-                text: 'Minute',
-                value: 'minute',
-            },
-            {
-                text: 'Second',
-                value: 'second',
-            },
-        ].map((option) => (Object.assign(Object.assign({}, option), { disabled: !Object.keys(this.value.options || {}).includes(option.value) })));
-        const value = options.filter((o) => { var _a; return o.value && ((_a = this.value[affix]) === null || _a === void 0 ? void 0 : _a.includes(o.value)); });
-        return (h("limel-select", { multiple: true, label: affix.charAt(0).toUpperCase() + affix.slice(1), options: options, value: value, onChange: this.handleChangeAffix(affix) }));
-    }
-    static get style() { return LimebbInfoTileDateFormatStyle0; }
-}, [1, "limebb-info-tile-date-format", {
-        "value": [16]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["limebb-info-tile-date-format"];
-    components.forEach(tagName => { switch (tagName) {
-        case "limebb-info-tile-date-format":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, InfoTileAdminConfig);
-            }
-            break;
-    } });
-}
-
-const LimebbInfoTileDateFormat = InfoTileAdminConfig;
-const defineCustomElement = defineCustomElement$1;
-
-export { LimebbInfoTileDateFormat, defineCustomElement };
+import{proxyCustomElement as e,HTMLElement as t,createEvent as i,h as l,transformTag as r}from"@stencil/core/internal/client";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.change=i(this,"change",7),this.getOptionValue=e=>e.value||void 0,this.getAffixValue=e=>0===e.length?[]:e.map((e=>e.value)),this.handleChangeOptions=(e,t=e=>e)=>i=>{i.stopPropagation(),this.change.emit(Object.assign(Object.assign({},this.value),{options:Object.assign(Object.assign({},this.value.options),{[e]:t(i.detail)||void 0})}))},this.handleChangeAffix=e=>t=>{t.stopPropagation(),this.change.emit(Object.assign(Object.assign({},this.value),{[e]:this.getAffixValue(t.detail)}))},this.handleChangeHour12=e=>{e.stopPropagation();let t=JSON.parse(e.detail.value);null===t&&(t=void 0),this.change.emit(Object.assign(Object.assign({},this.value),{options:Object.assign(Object.assign({},this.value.options),{hour12:t})}))}}render(){return[this.renderDate(),this.renderTime(),this.renderAffix("prefix"),this.renderAffix("suffix")]}renderDate(){return l("limel-header",{icon:"calendar",heading:"Date settings"},l("section",null,this.renderDay(),this.renderMonth(),this.renderYear(),this.renderWeekday()))}renderDay(){const e=[{value:"",text:""},{value:"2-digit",text:"2 digit"},{value:"numeric",text:"Numeric"}],t=e.find((e=>{var t;return e.value&&e.value===(null===(t=this.value.options)||void 0===t?void 0:t.day)}));return l("limel-select",{label:"Day",options:e,value:t,onChange:this.handleChangeOptions("day",this.getOptionValue)})}renderMonth(){const e=[{value:"",text:""},{value:"long",text:"Long"},{value:"narrow",text:"Narrow"},{value:"short",text:"Short"},{value:"2-digit",text:"2 digit"},{value:"numeric",text:"Numeric"}],t=e.find((e=>{var t;return e.value&&e.value===(null===(t=this.value.options)||void 0===t?void 0:t.month)}));return l("limel-select",{label:"Month",options:e,value:t,onChange:this.handleChangeOptions("month",this.getOptionValue)})}renderYear(){const e=[{value:"",text:""},{value:"2-digit",text:"2 digit"},{value:"numeric",text:"Numeric"}],t=e.find((e=>{var t;return e.value&&e.value===(null===(t=this.value.options)||void 0===t?void 0:t.year)}));return l("limel-select",{label:"Year",options:e,value:t,onChange:this.handleChangeOptions("year",this.getOptionValue)})}renderWeekday(){const e=[{value:"",text:""},{value:"long",text:"Long"},{value:"narrow",text:"Narrow"},{value:"short",text:"Short"}],t=e.find((e=>{var t;return e.value&&e.value===(null===(t=this.value.options)||void 0===t?void 0:t.weekday)}));return l("limel-select",{label:"Weekday",options:e,value:t,onChange:this.handleChangeOptions("weekday",this.getOptionValue)})}renderTime(){return l("limel-header",{icon:"clock",heading:"Time settings"},l("section",null,this.renderHour(),this.renderMinute(),this.renderSecond(),this.renderHour12()))}renderHour(){const e=[{value:"",text:""},{value:"2-digit",text:"2 digit"},{value:"numeric",text:"Numeric"}],t=e.find((e=>{var t;return e.value&&e.value===(null===(t=this.value.options)||void 0===t?void 0:t.hour)}));return l("limel-select",{label:"Hour",options:e,value:t,onChange:this.handleChangeOptions("hour",this.getOptionValue)})}renderMinute(){const e=[{value:"",text:""},{value:"2-digit",text:"2 digit"},{value:"numeric",text:"Numeric"}],t=e.find((e=>{var t;return e.value&&e.value===(null===(t=this.value.options)||void 0===t?void 0:t.minute)}));return l("limel-select",{label:"Minute",options:e,value:t,onChange:this.handleChangeOptions("minute",this.getOptionValue)})}renderSecond(){const e=[{value:"",text:""},{value:"2-digit",text:"2 digit"},{value:"numeric",text:"Numeric"}],t=e.find((e=>{var t;return e.value&&e.value===(null===(t=this.value.options)||void 0===t?void 0:t.second)}));return l("limel-select",{label:"Second",options:e,value:t,onChange:this.handleChangeOptions("second",this.getOptionValue)})}renderHour12(){const e=[{value:"null",text:"Default",secondaryText:"Locale dependent"},{value:"true",text:"12 hour"},{value:"false",text:"24 hour"}],t=e.find((e=>{var t,i;return e.value===(null===(t=this.value.options)||void 0===t?void 0:t.hour12)+""||"null"===e.value&&void 0===(null===(i=this.value.options)||void 0===i?void 0:i.hour12)}));return l("limel-select",{label:"Clock format",options:e,value:t,onChange:this.handleChangeHour12})}renderAffix(e){const t=[{text:"Weekday",value:"weekday"},{text:"Day",value:"day"},{text:"Month",value:"month"},{text:"Year",value:"year"},{text:"Hour",value:"hour"},{text:"Minute",value:"minute"},{text:"Second",value:"second"}].map((e=>Object.assign(Object.assign({},e),{disabled:!Object.keys(this.value.options||{}).includes(e.value)}))),i=t.filter((t=>{var i;return t.value&&(null===(i=this.value[e])||void 0===i?void 0:i.includes(t.value))}));return l("limel-select",{multiple:!0,label:e.charAt(0).toUpperCase()+e.slice(1),options:t,value:i,onChange:this.handleChangeAffix(e)})}static get style(){return"*{box-sizing:border-box}:host(limebb-info-tile-date-format){display:grid;gap:0.5rem;grid-template-columns:1fr 1fr !important}limel-header{flex-wrap:wrap;grid-column:1/-1;overflow:hidden;border-radius:0.7rem;border:1px solid rgb(var(--contrast-100))}limel-header section{width:100%;padding:0.5rem;display:grid;gap:0.5rem;grid-template-columns:repeat(auto-fit, minmax(8rem, 1fr))}"}},[1,"limebb-info-tile-date-format",{value:[16]}]),o=n,a=function(){"undefined"!=typeof customElements&&["limebb-info-tile-date-format"].forEach((e=>{"limebb-info-tile-date-format"===e&&(customElements.get(r(e))||customElements.define(r(e),n))}))};export{o as LimebbInfoTileDateFormat,a as defineCustomElement}

package/dist/components/limebb-info-tile-decimal-format.js

@@ -1,95 +1 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-
-const InfoTileAdminConfig = /*@__PURE__*/ proxyCustomElement(class InfoTileAdminConfig extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.change = createEvent(this, "change", 7);
-        this.getOptionValue = (option) => option.value;
-        this.getAffixValue = (option) => {
-            if (!option.value) {
-                return;
-            }
-            return [option.value];
-        };
-        this.handleChangeOptions = (property, getValue = (value) => value) => (event) => {
-            event.stopPropagation();
-            this.change.emit(Object.assign(Object.assign({}, this.value), { options: Object.assign(Object.assign({}, this.value.options), { [property]: getValue(event.detail) || undefined }) }));
-        };
-        this.handleChangeAffix = (property) => (event) => {
-            event.stopPropagation();
-            this.change.emit(Object.assign(Object.assign({}, this.value), { [property]: this.getAffixValue(event.detail) }));
-        };
-    }
-    render() {
-        return [
-            this.renderNotation(),
-            this.renderCompactDisplay(),
-            this.renderAffix('prefix'),
-            this.renderAffix('suffix'),
-        ];
-    }
-    renderNotation() {
-        const options = [
-            {
-                text: 'Standard',
-                value: 'standard',
-            },
-            {
-                text: 'Compact',
-                value: 'compact',
-            },
-        ];
-        const value = options.find((o) => { var _a; return o.value === ((_a = this.value.options) === null || _a === void 0 ? void 0 : _a.notation); });
-        return (h("limel-select", { label: "Notation", helperText: "The formatting that should be displayed for the number", options: options, value: value, onChange: this.handleChangeOptions('notation', this.getOptionValue) }));
-    }
-    renderCompactDisplay() {
-        const options = [
-            {
-                text: 'Short',
-                value: 'short',
-            },
-            {
-                text: 'Long',
-                value: 'long',
-            },
-        ];
-        const value = options.find((o) => { var _a; return o.value === ((_a = this.value.options) === null || _a === void 0 ? void 0 : _a.compactDisplay); });
-        return (h("limel-select", { label: "Compact display", options: options, value: value, onChange: this.handleChangeOptions('compactDisplay', this.getOptionValue) }));
-    }
-    renderAffix(affix) {
-        const options = [
-            {
-                text: '',
-                value: '',
-            },
-            {
-                text: 'Compact notation',
-                value: 'compact',
-            },
-        ];
-        const value = options.find((o) => { var _a; return o.value && ((_a = this.value[affix]) === null || _a === void 0 ? void 0 : _a.includes(o.value)); });
-        return (h("limel-select", { label: affix.charAt(0).toUpperCase() + affix.slice(1), options: options, value: value, onChange: this.handleChangeAffix(affix) }));
-    }
-}, [1, "limebb-info-tile-decimal-format", {
-        "value": [16]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["limebb-info-tile-decimal-format"];
-    components.forEach(tagName => { switch (tagName) {
-        case "limebb-info-tile-decimal-format":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, InfoTileAdminConfig);
-            }
-            break;
-    } });
-}
-
-const LimebbInfoTileDecimalFormat = InfoTileAdminConfig;
-const defineCustomElement = defineCustomElement$1;
-
-export { LimebbInfoTileDecimalFormat, defineCustomElement };
+import{proxyCustomElement as t,HTMLElement as e,createEvent as i,h as o,transformTag as n}from"@stencil/core/internal/client";const s=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.change=i(this,"change",7),this.getOptionValue=t=>t.value,this.getAffixValue=t=>{if(t.value)return[t.value]},this.handleChangeOptions=(t,e=t=>t)=>i=>{i.stopPropagation(),this.change.emit(Object.assign(Object.assign({},this.value),{options:Object.assign(Object.assign({},this.value.options),{[t]:e(i.detail)||void 0})}))},this.handleChangeAffix=t=>e=>{e.stopPropagation(),this.change.emit(Object.assign(Object.assign({},this.value),{[t]:this.getAffixValue(e.detail)}))}}render(){return[this.renderNotation(),this.renderCompactDisplay(),this.renderAffix("prefix"),this.renderAffix("suffix")]}renderNotation(){const t=[{text:"Standard",value:"standard"},{text:"Compact",value:"compact"}],e=t.find((t=>{var e;return t.value===(null===(e=this.value.options)||void 0===e?void 0:e.notation)}));return o("limel-select",{label:"Notation",helperText:"The formatting that should be displayed for the number",options:t,value:e,onChange:this.handleChangeOptions("notation",this.getOptionValue)})}renderCompactDisplay(){const t=[{text:"Short",value:"short"},{text:"Long",value:"long"}],e=t.find((t=>{var e;return t.value===(null===(e=this.value.options)||void 0===e?void 0:e.compactDisplay)}));return o("limel-select",{label:"Compact display",options:t,value:e,onChange:this.handleChangeOptions("compactDisplay",this.getOptionValue)})}renderAffix(t){const e=[{text:"",value:""},{text:"Compact notation",value:"compact"}],i=e.find((e=>{var i;return e.value&&(null===(i=this.value[t])||void 0===i?void 0:i.includes(e.value))}));return o("limel-select",{label:t.charAt(0).toUpperCase()+t.slice(1),options:e,value:i,onChange:this.handleChangeAffix(t)})}},[1,"limebb-info-tile-decimal-format",{value:[16]}]),l=s,a=function(){"undefined"!=typeof customElements&&["limebb-info-tile-decimal-format"].forEach((t=>{"limebb-info-tile-decimal-format"===t&&(customElements.get(n(t))||customElements.define(n(t),s))}))};export{l as LimebbInfoTileDecimalFormat,a as defineCustomElement}

package/dist/components/limebb-info-tile-format.js

@@ -1,144 +1 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-
-const infoTileFormatCss = ":host(limebb-info-tile-format){display:grid;gap:1rem}limel-button-group{grid-column:1/-1}.format{display:grid;gap:0.5rem;grid-template-columns:repeat(auto-fit, minmax(8rem, 1fr))}";
-const LimebbInfoTileFormatStyle0 = infoTileFormatCss;
-
-const InfoTileAdminConfig = /*@__PURE__*/ proxyCustomElement(class InfoTileAdminConfig extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.change = createEvent(this, "change", 7);
-        this.handleChangeType = (event) => {
-            event.stopPropagation();
-            const id = event.detail.id;
-            if (id === 'none') {
-                this.change.emit();
-            }
-            else if (id === 'date' || id === 'relative-date') {
-                this.change.emit({
-                    type: id,
-                });
-            }
-            else if (id === 'percent') {
-                this.change.emit({
-                    type: 'number',
-                    options: {
-                        style: 'percent',
-                    },
-                    suffix: ['percentSign'],
-                });
-            }
-            else {
-                this.change.emit({
-                    type: 'number',
-                    options: {
-                        style: id,
-                    },
-                });
-            }
-        };
-        this.isValidButton = (button) => {
-            if (!this.type) {
-                return true;
-            }
-            if (button.id === 'none') {
-                return true;
-            }
-            if (this.type === 'none') {
-                return false;
-            }
-            if (this.type === 'date') {
-                return button.id.includes('date');
-            }
-            return !button.id.includes('date');
-        };
-    }
-    render() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-        const buttons = [
-            { id: 'none', title: 'No formatting', selected: !((_a = this.value) === null || _a === void 0 ? void 0 : _a.type) },
-            {
-                id: 'currency',
-                title: 'Currency',
-                selected: ((_b = this.value) === null || _b === void 0 ? void 0 : _b.type) === 'number' &&
-                    ((_c = this.value.options) === null || _c === void 0 ? void 0 : _c.style) === 'currency',
-            },
-            {
-                id: 'decimal',
-                title: 'Decimal',
-                selected: ((_d = this.value) === null || _d === void 0 ? void 0 : _d.type) === 'number' &&
-                    ((_e = this.value.options) === null || _e === void 0 ? void 0 : _e.style) === 'decimal',
-            },
-            {
-                id: 'percent',
-                title: 'Percent',
-                selected: ((_f = this.value) === null || _f === void 0 ? void 0 : _f.type) === 'number' &&
-                    ((_g = this.value.options) === null || _g === void 0 ? void 0 : _g.style) === 'percent',
-            },
-            {
-                id: 'unit',
-                title: 'Unit',
-                selected: ((_h = this.value) === null || _h === void 0 ? void 0 : _h.type) === 'number' &&
-                    ((_j = this.value.options) === null || _j === void 0 ? void 0 : _j.style) === 'unit',
-            },
-            {
-                id: 'date',
-                title: 'Date',
-                selected: ((_k = this.value) === null || _k === void 0 ? void 0 : _k.type) === 'date',
-            },
-            {
-                id: 'relative-date',
-                title: 'Relative date',
-                selected: ((_l = this.value) === null || _l === void 0 ? void 0 : _l.type) === 'relative-date',
-            },
-        ];
-        return [
-            h("limel-button-group", { key: 'cac8e4793eb19e3f4d959a7a53115954b190eddf', value: buttons.filter(this.isValidButton), onChange: this.handleChangeType }),
-            this.renderFormatConfig(),
-        ];
-    }
-    renderFormatConfig() {
-        var _a, _b;
-        if (!((_a = this.value) === null || _a === void 0 ? void 0 : _a.type)) {
-            return;
-        }
-        let type = this.value.type;
-        if (this.isNumberFormat(this.value)) {
-            // eslint-disable-next-line @typescript-eslint/no-non-null-asserted-optional-chain
-            type = (_b = this.value.options) === null || _b === void 0 ? void 0 : _b.style;
-        }
-        const ComponentName = `limebb-info-tile-${type}-format`;
-        if (!customElements.get(ComponentName)) {
-            return;
-        }
-        return (h(ComponentName, { platform: this.platform, context: this.context, class: "format", value: this.value }));
-    }
-    isNumberFormat(format) {
-        return (format === null || format === void 0 ? void 0 : format.type) === 'number';
-    }
-    static get style() { return LimebbInfoTileFormatStyle0; }
-}, [1, "limebb-info-tile-format", {
-        "platform": [16],
-        "context": [16],
-        "type": [1],
-        "value": [16]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["limebb-info-tile-format"];
-    components.forEach(tagName => { switch (tagName) {
-        case "limebb-info-tile-format":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, InfoTileAdminConfig);
-            }
-            break;
-    } });
-}
-
-const LimebbInfoTileFormat = InfoTileAdminConfig;
-const defineCustomElement = defineCustomElement$1;
-
-export { LimebbInfoTileFormat, defineCustomElement };
+import{proxyCustomElement as t,HTMLElement as e,createEvent as i,h as l,transformTag as n}from"@stencil/core/internal/client";const o=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.change=i(this,"change",7),this.handleChangeType=t=>{t.stopPropagation();const e=t.detail.id;"none"===e?this.change.emit():this.change.emit("date"===e||"relative-date"===e?{type:e}:"percent"===e?{type:"number",options:{style:"percent"},suffix:["percentSign"]}:{type:"number",options:{style:e}})},this.isValidButton=t=>!this.type||"none"===t.id||"none"!==this.type&&("date"===this.type?t.id.includes("date"):!t.id.includes("date"))}render(){var t,e,i,n,o,s,r,d,u,a,m;const c=[{id:"none",title:"No formatting",selected:!(null===(t=this.value)||void 0===t?void 0:t.type)},{id:"currency",title:"Currency",selected:"number"===(null===(e=this.value)||void 0===e?void 0:e.type)&&"currency"===(null===(i=this.value.options)||void 0===i?void 0:i.style)},{id:"decimal",title:"Decimal",selected:"number"===(null===(n=this.value)||void 0===n?void 0:n.type)&&"decimal"===(null===(o=this.value.options)||void 0===o?void 0:o.style)},{id:"percent",title:"Percent",selected:"number"===(null===(s=this.value)||void 0===s?void 0:s.type)&&"percent"===(null===(r=this.value.options)||void 0===r?void 0:r.style)},{id:"unit",title:"Unit",selected:"number"===(null===(d=this.value)||void 0===d?void 0:d.type)&&"unit"===(null===(u=this.value.options)||void 0===u?void 0:u.style)},{id:"date",title:"Date",selected:"date"===(null===(a=this.value)||void 0===a?void 0:a.type)},{id:"relative-date",title:"Relative date",selected:"relative-date"===(null===(m=this.value)||void 0===m?void 0:m.type)}];return[l("limel-button-group",{key:"2070d2125e867619f5184501dc5001477bdf56fc",value:c.filter(this.isValidButton),onChange:this.handleChangeType}),this.renderFormatConfig()]}renderFormatConfig(){var t,e;if(!(null===(t=this.value)||void 0===t?void 0:t.type))return;let i=this.value.type;this.isNumberFormat(this.value)&&(i=null===(e=this.value.options)||void 0===e?void 0:e.style);const n=`limebb-info-tile-${i}-format`;return customElements.get(n)?l(n,{platform:this.platform,context:this.context,class:"format",value:this.value}):void 0}isNumberFormat(t){return"number"===(null==t?void 0:t.type)}static get style(){return":host(limebb-info-tile-format){display:grid;gap:1rem}limel-button-group{grid-column:1/-1}.format{display:grid;gap:0.5rem;grid-template-columns:repeat(auto-fit, minmax(8rem, 1fr))}"}},[1,"limebb-info-tile-format",{platform:[16],context:[16],type:[1],value:[16]}]),s=o,r=function(){"undefined"!=typeof customElements&&["limebb-info-tile-format"].forEach((t=>{"limebb-info-tile-format"===t&&(customElements.get(n(t))||customElements.define(n(t),o))}))};export{s as LimebbInfoTileFormat,r as defineCustomElement}