@limetech/lime-crm-building-blocks 1.116.0 → 1.116.2

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

@@ -1,72 +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 || undefined;
-        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 }) }));
-        };
-    }
-    render() {
-        return [this.renderStyle(), this.renderNumeric()];
-    }
-    renderStyle() {
-        const options = [
-            {
-                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.style); });
-        return (h("limel-select", { label: "Style", helperText: "The style of the formatted relative time", options: options, value: value, onChange: this.handleChangeOptions('style', this.getOptionValue) }));
-    }
-    renderNumeric() {
-        const options = [
-            {
-                value: 'always',
-                text: 'Always',
-                secondaryText: 'E.g. "in 1 day"',
-            },
-            {
-                value: 'auto',
-                text: 'Auto',
-                secondaryText: 'E.g. "tomorrow"',
-            },
-        ];
-        const value = options.find((o) => { var _a; return o.value && o.value === ((_a = this.value.options) === null || _a === void 0 ? void 0 : _a.numeric); });
-        return (h("limel-select", { label: "Numeric", helperText: "Whether to use numeric values in the output", options: options, value: value, onChange: this.handleChangeOptions('numeric', this.getOptionValue) }));
-    }
-}, [1, "limebb-info-tile-relative-date-format", {
-        "value": [16]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["limebb-info-tile-relative-date-format"];
-    components.forEach(tagName => { switch (tagName) {
-        case "limebb-info-tile-relative-date-format":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, InfoTileAdminConfig);
-            }
-            break;
-    } });
-}
-
-const LimebbInfoTileRelativeDateFormat = InfoTileAdminConfig;
-const defineCustomElement = defineCustomElement$1;
-
-export { LimebbInfoTileRelativeDateFormat, defineCustomElement };
+import{proxyCustomElement as e,HTMLElement as t,createEvent as i,h as o,transformTag as r}from"@stencil/core/internal/client";const l=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.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})}))}}render(){return[this.renderStyle(),this.renderNumeric()]}renderStyle(){const e=[{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.style)}));return o("limel-select",{label:"Style",helperText:"The style of the formatted relative time",options:e,value:t,onChange:this.handleChangeOptions("style",this.getOptionValue)})}renderNumeric(){const e=[{value:"always",text:"Always",secondaryText:'E.g. "in 1 day"'},{value:"auto",text:"Auto",secondaryText:'E.g. "tomorrow"'}],t=e.find((e=>{var t;return e.value&&e.value===(null===(t=this.value.options)||void 0===t?void 0:t.numeric)}));return o("limel-select",{label:"Numeric",helperText:"Whether to use numeric values in the output",options:e,value:t,onChange:this.handleChangeOptions("numeric",this.getOptionValue)})}},[1,"limebb-info-tile-relative-date-format",{value:[16]}]),n=l,s=function(){"undefined"!=typeof customElements&&["limebb-info-tile-relative-date-format"].forEach((e=>{"limebb-info-tile-relative-date-format"===e&&(customElements.get(r(e))||customElements.define(r(e),l))}))};export{n as LimebbInfoTileRelativeDateFormat,s as defineCustomElement}

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

@@ -1,183 +1 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-
-/**
- * Single units sanctioned for use in ECMAScript
- *
- * @see https://tc39.es/ecma402/#table-sanctioned-single-unit-identifiers
- */
-const units = [
-    'acre',
-    'bit',
-    'byte',
-    'celsius',
-    'centimeter',
-    'day',
-    'degree',
-    'fahrenheit',
-    'fluid-ounce',
-    'foot',
-    'gallon',
-    'gigabit',
-    'gigabyte',
-    'gram',
-    'hectare',
-    'hour',
-    'inch',
-    'kilobit',
-    'kilobyte',
-    'kilogram',
-    'kilometer',
-    'liter',
-    'megabit',
-    'megabyte',
-    'meter',
-    'microsecond',
-    'mile',
-    'mile-scandinavian',
-    'milliliter',
-    'millimeter',
-    'millisecond',
-    'minute',
-    'month',
-    'nanosecond',
-    'ounce',
-    'percent',
-    'petabyte',
-    'pound',
-    'second',
-    'stone',
-    'terabit',
-    'terabyte',
-    'week',
-    'yard',
-    'year',
-];
-
-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 = (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) }));
-        };
-    }
-    render() {
-        return [
-            this.renderNotation(),
-            this.renderUnit(),
-            this.renderUnitDisplay(),
-            this.renderCompactDisplay(),
-            this.renderAffix('prefix'),
-            this.renderAffix('suffix'),
-        ];
-    }
-    renderUnit() {
-        const options = units
-            .map((unit) => ({
-            value: unit,
-            text: this.getUnitName(unit),
-        }))
-            .filter((option) => option.text);
-        const value = options.find((o) => { var _a; return o.value === ((_a = this.value.options) === null || _a === void 0 ? void 0 : _a.unit); });
-        return (h("limel-select", { label: "Unit", options: options, value: value, onChange: this.handleChangeOptions('unit', this.getOptionValue) }));
-    }
-    getUnitName(unit) {
-        var _a, _b;
-        const formatter = Intl.NumberFormat('en', {
-            style: 'unit',
-            unit: unit,
-            unitDisplay: 'long',
-        });
-        return ((_b = (_a = formatter.formatToParts(1).find((part) => part.type === 'unit')) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : '');
-    }
-    renderUnitDisplay() {
-        const options = [
-            {
-                value: 'short',
-                text: 'Short',
-            },
-            {
-                value: 'long',
-                text: 'Long',
-            },
-        ];
-        const value = options.find((o) => { var _a; return o.value === ((_a = this.value.options) === null || _a === void 0 ? void 0 : _a.unitDisplay); });
-        return (h("limel-select", { label: "Unit display", helperText: "The unit formatting style to use in unit formatting", options: options, value: value, onChange: this.handleChangeOptions('unitDisplay', 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) }));
-    }
-    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: 'Compact notation',
-                value: 'compact',
-            },
-            {
-                text: 'Unit',
-                value: 'unit',
-            },
-        ];
-        const value = options.filter((o) => { var _a; return (_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) }));
-    }
-}, [1, "limebb-info-tile-unit-format", {
-        "value": [16]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["limebb-info-tile-unit-format"];
-    components.forEach(tagName => { switch (tagName) {
-        case "limebb-info-tile-unit-format":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, InfoTileAdminConfig);
-            }
-            break;
-    } });
-}
-
-const LimebbInfoTileUnitFormat = InfoTileAdminConfig;
-const defineCustomElement = defineCustomElement$1;
-
-export { LimebbInfoTileUnitFormat, defineCustomElement };
+import{proxyCustomElement as t,HTMLElement as e,createEvent as i,h as n,transformTag as l}from"@stencil/core/internal/client";const o=["acre","bit","byte","celsius","centimeter","day","degree","fahrenheit","fluid-ounce","foot","gallon","gigabit","gigabyte","gram","hectare","hour","inch","kilobit","kilobyte","kilogram","kilometer","liter","megabit","megabyte","meter","microsecond","mile","mile-scandinavian","milliliter","millimeter","millisecond","minute","month","nanosecond","ounce","percent","petabyte","pound","second","stone","terabit","terabyte","week","yard","year"],r=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(0!==t.length)return t.map((t=>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.renderUnit(),this.renderUnitDisplay(),this.renderCompactDisplay(),this.renderAffix("prefix"),this.renderAffix("suffix")]}renderUnit(){const t=o.map((t=>({value:t,text:this.getUnitName(t)}))).filter((t=>t.text)),e=t.find((t=>{var e;return t.value===(null===(e=this.value.options)||void 0===e?void 0:e.unit)}));return n("limel-select",{label:"Unit",options:t,value:e,onChange:this.handleChangeOptions("unit",this.getOptionValue)})}getUnitName(t){var e,i;return null!==(i=null===(e=Intl.NumberFormat("en",{style:"unit",unit:t,unitDisplay:"long"}).formatToParts(1).find((t=>"unit"===t.type)))||void 0===e?void 0:e.value)&&void 0!==i?i:""}renderUnitDisplay(){const t=[{value:"short",text:"Short"},{value:"long",text:"Long"}],e=t.find((t=>{var e;return t.value===(null===(e=this.value.options)||void 0===e?void 0:e.unitDisplay)}));return n("limel-select",{label:"Unit display",helperText:"The unit formatting style to use in unit formatting",options:t,value:e,onChange:this.handleChangeOptions("unitDisplay",this.getOptionValue)})}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 n("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 n("limel-select",{label:"Compact display",options:t,value:e,onChange:this.handleChangeOptions("compactDisplay",this.getOptionValue)})}renderAffix(t){const e=[{text:"Compact notation",value:"compact"},{text:"Unit",value:"unit"}],i=e.filter((e=>{var i;return null===(i=this.value[t])||void 0===i?void 0:i.includes(e.value)}));return n("limel-select",{multiple:!0,label:t.charAt(0).toUpperCase()+t.slice(1),options:e,value:i,onChange:this.handleChangeAffix(t)})}},[1,"limebb-info-tile-unit-format",{value:[16]}]),s=r,a=function(){"undefined"!=typeof customElements&&["limebb-info-tile-unit-format"].forEach((t=>{"limebb-info-tile-unit-format"===t&&(customElements.get(l(t))||customElements.define(l(t),r))}))};export{s as LimebbInfoTileUnitFormat,a as defineCustomElement}