@limetech/lime-crm-building-blocks 1.134.0 → 1.135.0

package/dist/lime-crm-building-blocks/{p-7b9359cc.entry.js → p-ff686a4e.entry.js}

@@ -1 +1 @@
-import{r as t,h as e,g as i}from"./p-DYpn0EkA.js";import{b as r,n as s,l as o,d as n,L as a,r as l}from"./p-CqRNpSRV.js";import{a as h}from"./p-BbFGcMnU.js";class c{constructor(t){this.getState=t,this.contextType="info-tile"}getContext(){const{limetype:t,filterId:e,filterName:i,aggregateOperator:r,propertyName:s,value:o,label:n}=this.getState();if(!t||!e)return console.debug("InfoTileContextProvider: No limetype or filterId available"),null;const a={widgetType:"info-tile",limetype:t,filterId:e};return i&&(a.filterName=i),a.aggregateOperator=r,s&&(a.propertyName=s),void 0!==o&&(a.value=o),n&&(a.label=n),{data:a,purpose:"Shows an aggregated value from a filter. Clicking navigates to the explorer with that filter applied."}}}class u{constructor(t,e=[]){this.platform=t,this.filters=e}async load(t,e){let i;return i=this.isObjectIdentifier(e)?await this.loadLimeObjectInfoTile(t,e):await this.loadBasicInfoTile(t),i}async loadBasicInfoTile(t){const e=this.getFilter(t.filter);if(!e)throw new Error(`Filter "${t.filter}" not found`);return(await this.query.execute({limetype:e.limetype,responseFormat:{aggregates:{infotiles:{value:{op:t.operator,key:t.name}}}},filter:e.filter})).aggregates.infotiles[0].value}async loadLimeObjectInfoTile(t,e){await this.objectRepository.loadObject(e.limetype,e.id,{properties:[t]});const i=this.objectRepository.getObject(e.limetype,e.id);return null==i?void 0:i.getValue([t.name,t.key].join("."))}isObjectIdentifier(t){return Boolean((null==t?void 0:t.limetype)&&(null==t?void 0:t.id))}getFilter(t){return this.filters.find((e=>e.id===t))}get query(){return this.platform.get(r.Query)}get objectRepository(){return this.platform.get(r.LimeObjectRepository)}}function f(t,e){return t&&(t[e]||t.en||t.en_us)||""}function d(t,e=[]){const{path:i,query:r}=function(t,e=[]){if(!t)return{path:"#"};const i=["explorer",t.limetype,t.id].join("/"),r=function(t,e){const i=[...e,t].filter((t=>void 0!==t));if(0!==i.length)return 1===i.length?i[0]:{op:s.AND,exp:i}}(t.filter,e);return r?{path:i,query:{filter:r}}:{path:i}}(t,e);return r?`${i}?${Object.entries(r).map((([t,e])=>`${t}=${encodeURIComponent(JSON.stringify(e))}`)).join("&")}`:i}class p{constructor(t){this.locale=t}format(t){let e=String(t);return"number"==typeof t?e=new Intl.NumberFormat(this.locale).format(t):new Date(t).getTime()&&(e=new Intl.DateTimeFormat(this.locale).format(new Date(t))),{value:e}}}class v{constructor(t){this.locale=t}format(t,e){const i=new Date(t);return{prefix:this.formatAffix("prefix",i,e),value:this.formatValue(i,e),suffix:this.formatAffix("suffix",i,e)}}formatValue(t,e){const i=Object.assign({},e.options);if(e.prefix)for(const t of e.prefix)delete i[t];if(e.suffix)for(const t of e.suffix)delete i[t];return new Intl.DateTimeFormat(this.locale,i).format(t)}formatAffix(t,e,i){const r=Object.assign({},i.options);for(const e of Object.keys(r))"hour12"!==e&&((i[t]||[]).includes(e)||delete r[e]);if(0!==Object.values(r).filter(Boolean).length)return new Intl.DateTimeFormat(this.locale,r).format(e)}}class g{constructor(t){this.locale=t}format(t,e){var i,r;const s=new Intl.NumberFormat(this.locale,e.options),o=s.formatToParts(t);let n="",a="",l="";for(const t of o)(null===(i=e.prefix)||void 0===i?void 0:i.includes(t.type))?n+=t.value:(null===(r=e.suffix)||void 0===r?void 0:r.includes(t.type))?l+=t.value:a+=t.value;return a||(a=s.format(t),n="",l=""),{prefix:n,value:a,suffix:l}}}class m{constructor(t){this.locale=t}format(t,e){const i=new Intl.RelativeTimeFormat(this.locale,e.options),{value:r,unit:s}=this.getRelativeTime(t),o=i.formatToParts(r,s);let n="",a="",l="";for(const t of o)"literal"!==t.type||a?"literal"===t.type&&a?l+=t.value:a+=t.value:n+=t.value;return a||(a=n||l,n="",l=""),{prefix:n,value:a,suffix:l}}getRelativeTime(t){const e=new Date(t),i=new Date,r=e.getTime()-i.getTime(),s=[{unit:"year",value:31536e6},{unit:"month",value:2592e6},{unit:"week",value:6048e5},{unit:"day",value:864e5},{unit:"hour",value:36e5},{unit:"minute",value:6e4},{unit:"second",value:1e3}];for(const t of s){const e=r/t.value;if(Math.abs(e)>=1)return{value:Math.round(e),unit:t.unit}}return{value:0,unit:"second"}}}class b{constructor(t){this.locale=t}createFormatter(t,e){return"number"===(null==t?void 0:t.type)&&"number"==typeof e?new g(this.locale):"date"===(null==t?void 0:t.type)&&"string"==typeof e?new v(this.locale):"relative-date"===(null==t?void 0:t.type)&&"string"==typeof e?new m(this.locale):new p(this.locale)}}var y=function(t,e,i,r){var s,o=arguments.length,n=o<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,r);else for(var a=t.length-1;a>=0;a--)(s=t[a])&&(n=(o<3?s(n):o>3?s(e,i,n):s(e,i))||n);return o>3&&n&&Object.defineProperty(e,i,n),n};const w=class{constructor(e){t(this,e),this.aggregateOperator=l.Count,this.loading=!1,this.error=!1}connectedCallback(){this.registerContextProvider()}disconnectedCallback(){var t;null===(t=this.unregisterContextProvider)||void 0===t||t.call(this)}componentWillLoad(){this.loadInfoTileValue()}watchFilterId(){this.loadInfoTileValue()}watchPropertyName(){this.loadInfoTileValue()}watchAggregateOperator(){this.loadInfoTileValue()}async loadInfoTileValue(){if(this.loading=!0,this.error=!1,this.getFilter()){try{const t={key:this.getKey(),name:this.propertyName,operator:this.aggregateOperator,filter:this.filterId};this.value=await this.loader.load(t,this.context)}catch(t){console.error(t),this.error=!0}this.loading=!1}else this.error=!0}getKey(){return Math.random().toString(36).slice(2)}render(){var t,i;const r=this.getFilter(),s=this.getFormattedValue(),o={disabled:this.disabled,icon:this.icon,prefix:(null===(t=null==s?void 0:s.prefix)||void 0===t?void 0:t.trim())||this.prefix,suffix:(null===(i=null==s?void 0:s.suffix)||void 0===i?void 0:i.trim())||this.suffix},n=Object.assign(Object.assign({},o),{icon:"error",prefix:"ERROR",loading:!0,label:this.getLabel(r)}),a=Object.assign(Object.assign({},o),{label:this.getLabel(r),link:this.getLink(r),loading:this.loading,value:null==s?void 0:s.value.trim()});return e("limel-info-tile",Object.assign({key:"0b1ada2299bec6b79e903f3612e3c1cfbbf31827",class:{error:!r||this.error}},!r||this.error?n:a))}getFormattedValue(){if(!this.value&&0!==this.value)return{value:""};try{return this.getFormatter(this.value).format(this.value,this.format)}catch(t){return new p(this.language).format(this.value)}}getLabel(t){return t?"string"==typeof this.label?this.translator.get(this.label):f(this.label&&"object"==typeof this.label?this.label:t.name,this.language):"No filter set is selected"}getLink(t){const e=h({targetLimetype:t?this.limetypes[t.limetype]:void 0,currentLimetype:this.context.limetype?this.limetypes[this.context.limetype]:void 0,contextLimetypeName:this.context.limetype,contextId:this.context.id,propertyName:this.propertyName});return{href:d(t,e&&this.context.id?[{key:e,op:s.EQUALS,exp:this.context.id}]:[])}}getFilter(){return function(t,e){if(t&&e)return t.find((t=>t.id===e))}(this.filters,this.filterId)}getFormatter(t){return new b(this.language).createFormatter(this.format,t)}get translator(){return this.platform.get(r.Translate)}get language(){return this.platform.get(r.Application).getLanguage()}get loader(){return new u(this.platform,this.filters)}registerContextProvider(){const t=this.platform.get(r.AIContextRegistry);if(!(null==t?void 0:t.register))return;const e=new c((()=>{const t=this.getFilter();return{limetype:null==t?void 0:t.limetype,filterId:this.filterId,filterName:t?f(t.name,this.language):void 0,aggregateOperator:this.aggregateOperator,propertyName:this.propertyName,value:this.value,label:this.getLabel(t)}}));this.unregisterContextProvider=t.register(e,this.host)}get host(){return i(this)}static get watchers(){return{filterId:[{watchFilterId:0}],propertyName:[{watchPropertyName:0}],aggregateOperator:[{watchAggregateOperator:0}]}}};y([o({})],w.prototype,"config",void 0),y([n()],w.prototype,"filters",void 0),y([a()],w.prototype,"limetypes",void 0),w.style=":host(limebb-info-tile){display:block;overflow:visible !important;background-color:transparent !important}limel-info-tile.error{--info-tile-icon-color:rgb(var(--color-red-dark));border:1px dashed rgb(var(--contrast-500));border-radius:var(--info-tile-border-radius, 1rem)}";export{w as limebb_info_tile}
+import{r as t,h as e,g as i}from"./p-DYpn0EkA.js";import{b as r,n as s,l as o,d as n,L as a,r as l}from"./p-BVxuJgRM.js";import{a as h}from"./p-DK4A47Sj.js";class u{constructor(t){this.getState=t,this.contextType="info-tile"}getContext(){const{limetype:t,filterId:e,filterName:i,aggregateOperator:r,propertyName:s,value:o,label:n}=this.getState();if(!t||!e)return console.debug("InfoTileContextProvider: No limetype or filterId available"),null;const a={widgetType:"info-tile",limetype:t,filterId:e};return i&&(a.filterName=i),a.aggregateOperator=r,s&&(a.propertyName=s),void 0!==o&&(a.value=o),n&&(a.label=n),{data:a,purpose:"Shows an aggregated value from a filter. Clicking navigates to the explorer with that filter applied."}}}class c{constructor(t,e=[]){this.platform=t,this.filters=e}async load(t,e){let i;return i=this.isObjectIdentifier(e)?await this.loadLimeObjectInfoTile(t,e):await this.loadBasicInfoTile(t),i}async loadBasicInfoTile(t){const e=this.getFilter(t.filter);if(!e)throw new Error(`Filter "${t.filter}" not found`);return(await this.query.execute({limetype:e.limetype,responseFormat:{aggregates:{infotiles:{value:{op:t.operator,key:t.name}}}},filter:e.filter})).aggregates.infotiles[0].value}async loadLimeObjectInfoTile(t,e){await this.objectRepository.loadObject(e.limetype,e.id,{properties:[t]});const i=this.objectRepository.getObject(e.limetype,e.id);return null==i?void 0:i.getValue([t.name,t.key].join("."))}isObjectIdentifier(t){return Boolean((null==t?void 0:t.limetype)&&(null==t?void 0:t.id))}getFilter(t){return this.filters.find((e=>e.id===t))}get query(){return this.platform.get(r.Query)}get objectRepository(){return this.platform.get(r.LimeObjectRepository)}}function f(t,e){return t&&(t[e]||t.en||t.en_us)||""}function d(t,e=[]){const{path:i,query:r}=function(t,e=[]){if(!t)return{path:"#"};const i=["explorer",t.limetype,t.id].join("/"),r=function(t,e){const i=[...e,t].filter((t=>void 0!==t));if(0!==i.length)return 1===i.length?i[0]:{op:s.AND,exp:i}}(t.filter,e);return r?{path:i,query:{filter:r}}:{path:i}}(t,e);return r?`${i}?${Object.entries(r).map((([t,e])=>`${t}=${encodeURIComponent(JSON.stringify(e))}`)).join("&")}`:i}class p{constructor(t){this.locale=t}format(t){let e=String(t);return"number"==typeof t?e=new Intl.NumberFormat(this.locale).format(t):new Date(t).getTime()&&(e=new Intl.DateTimeFormat(this.locale).format(new Date(t))),{value:e}}}class v{constructor(t){this.locale=t}format(t,e){const i=new Date(t);return{prefix:this.formatAffix("prefix",i,e),value:this.formatValue(i,e),suffix:this.formatAffix("suffix",i,e)}}formatValue(t,e){const i=Object.assign({},e.options);if(e.prefix)for(const t of e.prefix)delete i[t];if(e.suffix)for(const t of e.suffix)delete i[t];return new Intl.DateTimeFormat(this.locale,i).format(t)}formatAffix(t,e,i){const r=Object.assign({},i.options);for(const e of Object.keys(r))"hour12"!==e&&((i[t]||[]).includes(e)||delete r[e]);if(0!==Object.values(r).filter(Boolean).length)return new Intl.DateTimeFormat(this.locale,r).format(e)}}class g{constructor(t){this.locale=t}format(t,e){var i,r;const s=new Intl.NumberFormat(this.locale,e.options),o=s.formatToParts(t);let n="",a="",l="";for(const t of o)(null===(i=e.prefix)||void 0===i?void 0:i.includes(t.type))?n+=t.value:(null===(r=e.suffix)||void 0===r?void 0:r.includes(t.type))?l+=t.value:a+=t.value;return a||(a=s.format(t),n="",l=""),{prefix:n,value:a,suffix:l}}}class m{constructor(t){this.locale=t}format(t,e){const i=new Intl.RelativeTimeFormat(this.locale,e.options),{value:r,unit:s}=this.getRelativeTime(t),o=i.formatToParts(r,s);let n="",a="",l="";for(const t of o)"literal"!==t.type||a?"literal"===t.type&&a?l+=t.value:a+=t.value:n+=t.value;return a||(a=n||l,n="",l=""),{prefix:n,value:a,suffix:l}}getRelativeTime(t){const e=new Date(t),i=new Date,r=e.getTime()-i.getTime(),s=[{unit:"year",value:31536e6},{unit:"month",value:2592e6},{unit:"week",value:6048e5},{unit:"day",value:864e5},{unit:"hour",value:36e5},{unit:"minute",value:6e4},{unit:"second",value:1e3}];for(const t of s){const e=r/t.value;if(Math.abs(e)>=1)return{value:Math.round(e),unit:t.unit}}return{value:0,unit:"second"}}}class b{constructor(t){this.locale=t}createFormatter(t,e){return"number"===(null==t?void 0:t.type)&&"number"==typeof e?new g(this.locale):"date"===(null==t?void 0:t.type)&&"string"==typeof e?new v(this.locale):"relative-date"===(null==t?void 0:t.type)&&"string"==typeof e?new m(this.locale):new p(this.locale)}}var y=function(t,e,i,r){var s,o=arguments.length,n=o<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,r);else for(var a=t.length-1;a>=0;a--)(s=t[a])&&(n=(o<3?s(n):o>3?s(e,i,n):s(e,i))||n);return o>3&&n&&Object.defineProperty(e,i,n),n};const w=class{constructor(e){t(this,e),this.aggregateOperator=l.Count,this.loading=!1,this.error=!1}get hostElement(){return this.host}connectedCallback(){this.registerContextProvider()}disconnectedCallback(){var t;null===(t=this.unregisterContextProvider)||void 0===t||t.call(this)}componentWillLoad(){this.loadInfoTileValue()}watchFilterId(){this.loadInfoTileValue()}watchPropertyName(){this.loadInfoTileValue()}watchAggregateOperator(){this.loadInfoTileValue()}async loadInfoTileValue(){if(this.loading=!0,this.error=!1,this.getFilter()){try{const t={key:this.getKey(),name:this.propertyName,operator:this.aggregateOperator,filter:this.filterId};this.value=await this.loader.load(t,this.context)}catch(t){console.error(t),this.error=!0}this.loading=!1}else this.error=!0}getKey(){return Math.random().toString(36).slice(2)}render(){var t,i;const r=this.getFilter(),s=this.getFormattedValue(),o={disabled:this.disabled,icon:this.icon,prefix:(null===(t=null==s?void 0:s.prefix)||void 0===t?void 0:t.trim())||this.prefix,suffix:(null===(i=null==s?void 0:s.suffix)||void 0===i?void 0:i.trim())||this.suffix,reducedPresence:this.shouldReducePresence()},n=Object.assign(Object.assign({},o),{icon:"error",prefix:"ERROR",loading:!0,label:this.getLabel(r)}),a=Object.assign(Object.assign({},o),{label:this.getLabel(r),link:this.getLink(r),loading:this.loading,value:null==s?void 0:s.value.trim()});return e("limel-info-tile",Object.assign({key:"f5680e93f15afe32e8abdcd05b89f12708b8edf5",class:{error:!r||this.error}},!r||this.error?n:a))}shouldReducePresence(){if(this.reducedPresence)return!0;if(!this.reducedPresenceRule||this.loading)return!1;try{return this.ruleRegistry.compile(this.reducedPresenceRule)(this.ruleRegistry.scope({host:this.hostElement,with:{scalarValue:this.value}}))}catch(t){return!1}}getFormattedValue(){if(!this.value&&0!==this.value)return{value:""};try{return this.getFormatter(this.value).format(this.value,this.format)}catch(t){return new p(this.language).format(this.value)}}getLabel(t){return t?"string"==typeof this.label?this.translator.get(this.label):f(this.label&&"object"==typeof this.label?this.label:t.name,this.language):"No filter set is selected"}getLink(t){const e=h({targetLimetype:t?this.limetypes[t.limetype]:void 0,currentLimetype:this.context.limetype?this.limetypes[this.context.limetype]:void 0,contextLimetypeName:this.context.limetype,contextId:this.context.id,propertyName:this.propertyName});return{href:d(t,e&&this.context.id?[{key:e,op:s.EQUALS,exp:this.context.id}]:[])}}getFilter(){return function(t,e){if(t&&e)return t.find((t=>t.id===e))}(this.filters,this.filterId)}getFormatter(t){return new b(this.language).createFormatter(this.format,t)}get translator(){return this.platform.get(r.Translate)}get ruleRegistry(){return this.platform.get(r.RuleRegistry)}get language(){return this.platform.get(r.Application).getLanguage()}get loader(){return new c(this.platform,this.filters)}registerContextProvider(){const t=this.platform.get(r.AIContextRegistry);if(!(null==t?void 0:t.register))return;const e=new u((()=>{const t=this.getFilter();return{limetype:null==t?void 0:t.limetype,filterId:this.filterId,filterName:t?f(t.name,this.language):void 0,aggregateOperator:this.aggregateOperator,propertyName:this.propertyName,value:this.value,label:this.getLabel(t)}}));this.unregisterContextProvider=t.register(e,this.hostElement)}get host(){return i(this)}static get watchers(){return{filterId:[{watchFilterId:0}],propertyName:[{watchPropertyName:0}],aggregateOperator:[{watchAggregateOperator:0}]}}};y([o({})],w.prototype,"config",void 0),y([n()],w.prototype,"filters",void 0),y([a()],w.prototype,"limetypes",void 0),w.style=":host(limebb-info-tile){display:block;overflow:visible !important;background-color:transparent !important}limel-info-tile.error{--info-tile-icon-color:rgb(var(--color-red-dark));border:1px dashed rgb(var(--contrast-500));border-radius:var(--info-tile-border-radius, 1rem)}";export{w as limebb_info_tile}

package/dist/types/components/info-tile/info-tile.d.ts

@@ -1,4 +1,4 @@
-import { LimeWebComponent, LimeWebComponentContext, LimeWebComponentPlatform, AggregateOperator } from '@limetech/lime-web-components';
+import { LimeWebComponent, LimeWebComponentContext, LimeWebComponentPlatform, AggregateOperator, Rule } from '@limetech/lime-web-components';
 import { IconName } from '@limetech/lime-elements';
 import { DateTimeFormat, NumberFormat, RelativeDateTimeFormat } from './format';
 /**
@@ -14,12 +14,22 @@ import { DateTimeFormat, NumberFormat, RelativeDateTimeFormat } from './format';
  * @exampleComponent limebb-example-info-tile-unit-format
  * @exampleComponent limebb-example-info-tile-date-format
  * @exampleComponent limebb-example-info-tile-relative-date-format
+ * @exampleComponent limebb-example-info-tile-reduce-presence
  * @beta
  */
 export declare class InfoTile implements LimeWebComponent {
     platform: LimeWebComponentPlatform;
     context: LimeWebComponentContext;
     private host;
+    /**
+     * The host cast to a plain `HTMLElement` (intersected with
+     * `LimeWebComponent` for the context registry). The cast is needed
+     * because this component declares a `prefix` prop, which collides with
+     * the native `HTMLElement.prefix` attribute (`string | undefined` vs
+     * `string | null`), leaving `HTMLLimebbInfoTileElement` and `HTMLElement`
+     * mutually unassignable.
+     */
+    private get hostElement();
     /**
      * ID of the filter set to use
      */
@@ -53,6 +63,35 @@ export declare class InfoTile implements LimeWebComponent {
      */
     aggregateOperator: AggregateOperator;
     format?: NumberFormat | DateTimeFormat | RelativeDateTimeFormat;
+    /**
+     * When `true`, the info tile is rendered with a reduced visual
+     * presence (lower saturation and opacity) so it draws less
+     * attention. Use this for tiles whose values are not currently
+     * noteworthy — for example, a counter that is zero or a metric that
+     * sits within an expected range — so the user is not overwhelmed by
+     * a dashboard full of equally-loud tiles.
+     *
+     * The actual styling lives on `limel-info-tile`; this component
+     * just forwards the boolean. Set this directly when the consumer
+     * already knows the answer. When the answer depends on the tile's
+     * value, set {@link reducedPresenceRule} instead and the tile
+     * will compute the boolean itself.
+     */
+    reducedPresence?: boolean;
+    /**
+     * Rule that drives `reducedPresence` from the tile's loaded value.
+     * When set, the tile evaluates it against its `value` after each load
+     * and dims itself when the rule is `true`. The {@link reducedPresence}
+     * prop still takes effect on top — if either says "dim", the tile dims.
+     *
+     * Any rule the `RuleRegistry` can compile works. The tile evaluates
+     * it against a scope anchored on its host, with the tile's loaded
+     * value supplied as `scalarValue`. So primitives reading
+     * `scalarValue` — such as `limetech.value-comparison` — see the
+     * figure on screen, while any other context the primitive reads
+     * resolves from the DOM.
+     */
+    reducedPresenceRule?: Rule;
     /**
      * Only used to trigger a re-render when a config is saved in Lime Admin
      */
@@ -72,12 +111,22 @@ export declare class InfoTile implements LimeWebComponent {
     private loadInfoTileValue;
     private getKey;
     render(): any;
+    /**
+     * Effective `reducedPresence` for this render. The boolean prop
+     * wins if it's set; otherwise the rule is evaluated against the
+     * current value. The rule is skipped while loading so the tile
+     * doesn't flicker between dimmed and full-presence on its first
+     * paint — the load completes within a frame or two and the next
+     * render picks up the real value.
+     */
+    private shouldReducePresence;
     private getFormattedValue;
     private getLabel;
     private getLink;
     private getFilter;
     private getFormatter;
     private get translator();
+    private get ruleRegistry();
     private get language();
     private get loader();
     private registerContextProvider;

package/dist/types/components/rule-editor/value-comparison-editor/value-comparison-editor-metadata.d.ts

@@ -0,0 +1,12 @@
+import { RuleRegistry } from '@limetech/lime-web-components';
+/**
+ * Attach `limebb-value-comparison-editor` as the args editor for the
+ * `limetech.value-comparison` primitive, so the rule editor renders an
+ * operator and operand instead of a raw JSON field. The primitive itself
+ * is defined in limeclient.js; this only fills in the `configComponent`
+ * that a non-component library cannot reference.
+ *
+ * @param registry - the platform's rule registry.
+ */
+export declare const attachValueComparisonEditorMetadata: (registry: RuleRegistry) => void;
+//# sourceMappingURL=value-comparison-editor-metadata.d.ts.map

package/dist/types/components/rule-editor/value-comparison-editor/value-comparison-editor.d.ts

@@ -0,0 +1,45 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { Operator } from '@limetech/lime-web-components';
+import { FormComponent } from '@limetech/lime-elements';
+/**
+ * The scalar types the editor emits. A wider set is accepted by the
+ * `limetech.value-comparison` primitive, but the editor only needs to
+ * distinguish numeric ordering from the case-insensitive string ordering
+ * that also sorts ISO date strings correctly.
+ */
+export type ValueComparisonValueType = 'number' | 'string';
+export interface ValueComparisonEditorValue {
+    operator?: Operator;
+    operand?: string | number;
+    valueType?: ValueComparisonValueType;
+}
+/**
+ * Args editor for the `limetech.value-comparison` rule primitive: an
+ * operator from the match-filter {@link Operator} vocabulary plus the value
+ * to compare against. The operand is emitted as a number when it parses as
+ * one and as a string otherwise; the `valueType` follows from it so the
+ * primitive orders numerically for numbers and lexically for strings (ISO
+ * date strings sort correctly that way).
+ *
+ * Emptiness is a separate concern handled by the `limetech.value-is-empty`
+ * primitive, so this editor offers comparison operators only.
+ *
+ * @alpha
+ * @private
+ */
+export declare class ValueComparisonEditor implements FormComponent<ValueComparisonEditorValue> {
+    /**
+     * @inheritdoc
+     */
+    value: ValueComparisonEditorValue;
+    /**
+     * @inheritdoc
+     */
+    change: EventEmitter<ValueComparisonEditorValue>;
+    render(): any;
+    private renderOperandInput;
+    private handleOperatorChange;
+    private handleOperandChange;
+    private withOperand;
+}
+//# sourceMappingURL=value-comparison-editor.d.ts.map

package/dist/types/components.d.ts

@@ -33,6 +33,7 @@ import { NotificationItem } from "./components/notification-list/notification-it
 import { RuleArgFilterEditorValue } from "./components/rule-editor/rule-arg-filter-editor/rule-arg-filter-editor";
 import { TriggerMap } from "./components/text-editor/text-editor.types";
 import { EnhancedEditorMetadata } from "./components/text-editor/uploader/building-blocks-upload-handler";
+import { ValueComparisonEditorValue } from "./components/rule-editor/value-comparison-editor/value-comparison-editor";
 export { AlertType } from "./components/alert-dialog/alert-dialog.types";
 export { AggregateOperator, ContextMap, ContextScope, Expression, JsonValue, LimeFileUrlType, LimeType, LimeWebComponentContext, LimeWebComponentPlatform, NotExpression, Operator, PrimitiveMetadata, Rule, RuleRef } from "@limetech/lime-web-components";
 export { BrowserItem } from "./components/browser/browser-item.types";
@@ -61,6 +62,7 @@ export { NotificationItem } from "./components/notification-list/notification-it
 export { RuleArgFilterEditorValue } from "./components/rule-editor/rule-arg-filter-editor/rule-arg-filter-editor";
 export { TriggerMap } from "./components/text-editor/text-editor.types";
 export { EnhancedEditorMetadata } from "./components/text-editor/uploader/building-blocks-upload-handler";
+export { ValueComparisonEditorValue } from "./components/rule-editor/value-comparison-editor/value-comparison-editor";
 export namespace Components {
     /**
      * An alert dialog interrupts the user flow. It can be used when an explicit
@@ -1069,6 +1071,7 @@ export namespace Components {
      * @exampleComponent limebb-example-info-tile-unit-format
      * @exampleComponent limebb-example-info-tile-date-format
      * @exampleComponent limebb-example-info-tile-relative-date-format
+     * @exampleComponent limebb-example-info-tile-reduce-presence
      * @beta 
      */
     interface LimebbInfoTile {
@@ -1110,6 +1113,14 @@ export namespace Components {
           * Name of the property to use when aggregating
          */
         "propertyName": string;
+        /**
+          * When `true`, the info tile is rendered with a reduced visual presence (lower saturation and opacity) so it draws less attention. Use this for tiles whose values are not currently noteworthy — for example, a counter that is zero or a metric that sits within an expected range — so the user is not overwhelmed by a dashboard full of equally-loud tiles.  The actual styling lives on `limel-info-tile`; this component just forwards the boolean. Set this directly when the consumer already knows the answer. When the answer depends on the tile's value, set {@link reducedPresenceRule} instead and the tile will compute the boolean itself.
+         */
+        "reducedPresence"?: boolean;
+        /**
+          * Rule that drives `reducedPresence` from the tile's loaded value. When set, the tile evaluates it against its `value` after each load and dims itself when the rule is `true`. The {@link reducedPresence} prop still takes effect on top — if either says "dim", the tile dims.  Any rule the `RuleRegistry` can compile works. The tile evaluates it against a scope anchored on its host, with the tile's loaded value supplied as `scalarValue`. So primitives reading `scalarValue` — such as `limetech.value-comparison` — see the figure on screen, while any other context the primitive reads resolves from the DOM.
+         */
+        "reducedPresenceRule"?: Rule;
         /**
           * A string of text that is visually placed after the value.
          */
@@ -2689,6 +2700,26 @@ export namespace Components {
      */
     interface LimebbTypingIndicator {
     }
+    /**
+     * Args editor for the `limetech.value-comparison` rule primitive: an
+     * operator from the match-filter {@link Operator} vocabulary plus the value
+     * to compare against. The operand is emitted as a number when it parses as
+     * one and as a string otherwise; the `valueType` follows from it so the
+     * primitive orders numerically for numbers and lexically for strings (ISO
+     * date strings sort correctly that way).
+     * Emptiness is a separate concern handled by the `limetech.value-is-empty`
+     * primitive, so this editor offers comparison operators only.
+     * @alpha 
+     * @private 
+     */
+    interface LimebbValueComparisonEditor {
+        /**
+          * The value of the current property
+          * @inheritdoc 
+          * @default {}
+         */
+        "value": ValueComparisonEditorValue;
+    }
 }
 export interface LimebbAlertDialogCustomEvent<T> extends CustomEvent<T> {
     detail: T;
@@ -2882,6 +2913,10 @@ export interface LimebbTextEditorPickerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLLimebbTextEditorPickerElement;
 }
+export interface LimebbValueComparisonEditorCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLLimebbValueComparisonEditorElement;
+}
 declare global {
     interface HTMLLimebbAlertDialogElementEventMap {
         "dismiss": void;
@@ -3504,6 +3539,7 @@ declare global {
      * @exampleComponent limebb-example-info-tile-unit-format
      * @exampleComponent limebb-example-info-tile-date-format
      * @exampleComponent limebb-example-info-tile-relative-date-format
+     * @exampleComponent limebb-example-info-tile-reduce-presence
      * @beta 
      */
     interface HTMLLimebbInfoTileElement extends Components.LimebbInfoTile, HTMLStencilElement {
@@ -4670,6 +4706,35 @@ declare global {
         prototype: HTMLLimebbTypingIndicatorElement;
         new (): HTMLLimebbTypingIndicatorElement;
     };
+    interface HTMLLimebbValueComparisonEditorElementEventMap {
+        "change": ValueComparisonEditorValue;
+    }
+    /**
+     * Args editor for the `limetech.value-comparison` rule primitive: an
+     * operator from the match-filter {@link Operator} vocabulary plus the value
+     * to compare against. The operand is emitted as a number when it parses as
+     * one and as a string otherwise; the `valueType` follows from it so the
+     * primitive orders numerically for numbers and lexically for strings (ISO
+     * date strings sort correctly that way).
+     * Emptiness is a separate concern handled by the `limetech.value-is-empty`
+     * primitive, so this editor offers comparison operators only.
+     * @alpha 
+     * @private 
+     */
+    interface HTMLLimebbValueComparisonEditorElement extends Components.LimebbValueComparisonEditor, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLLimebbValueComparisonEditorElementEventMap>(type: K, listener: (this: HTMLLimebbValueComparisonEditorElement, ev: LimebbValueComparisonEditorCustomEvent<HTMLLimebbValueComparisonEditorElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLLimebbValueComparisonEditorElementEventMap>(type: K, listener: (this: HTMLLimebbValueComparisonEditorElement, ev: LimebbValueComparisonEditorCustomEvent<HTMLLimebbValueComparisonEditorElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLLimebbValueComparisonEditorElement: {
+        prototype: HTMLLimebbValueComparisonEditorElement;
+        new (): HTMLLimebbValueComparisonEditorElement;
+    };
     interface HTMLElementTagNameMap {
         "limebb-alert-dialog": HTMLLimebbAlertDialogElement;
         "limebb-browser": HTMLLimebbBrowserElement;
@@ -4739,6 +4804,7 @@ declare global {
         "limebb-text-editor-picker": HTMLLimebbTextEditorPickerElement;
         "limebb-trend-indicator": HTMLLimebbTrendIndicatorElement;
         "limebb-typing-indicator": HTMLLimebbTypingIndicatorElement;
+        "limebb-value-comparison-editor": HTMLLimebbValueComparisonEditorElement;
     }
 }
 declare namespace LocalJSX {
@@ -5823,6 +5889,7 @@ declare namespace LocalJSX {
      * @exampleComponent limebb-example-info-tile-unit-format
      * @exampleComponent limebb-example-info-tile-date-format
      * @exampleComponent limebb-example-info-tile-relative-date-format
+     * @exampleComponent limebb-example-info-tile-reduce-presence
      * @beta 
      */
     interface LimebbInfoTile {
@@ -5864,6 +5931,14 @@ declare namespace LocalJSX {
           * Name of the property to use when aggregating
          */
         "propertyName"?: string;
+        /**
+          * When `true`, the info tile is rendered with a reduced visual presence (lower saturation and opacity) so it draws less attention. Use this for tiles whose values are not currently noteworthy — for example, a counter that is zero or a metric that sits within an expected range — so the user is not overwhelmed by a dashboard full of equally-loud tiles.  The actual styling lives on `limel-info-tile`; this component just forwards the boolean. Set this directly when the consumer already knows the answer. When the answer depends on the tile's value, set {@link reducedPresenceRule} instead and the tile will compute the boolean itself.
+         */
+        "reducedPresence"?: boolean;
+        /**
+          * Rule that drives `reducedPresence` from the tile's loaded value. When set, the tile evaluates it against its `value` after each load and dims itself when the rule is `true`. The {@link reducedPresence} prop still takes effect on top — if either says "dim", the tile dims.  Any rule the `RuleRegistry` can compile works. The tile evaluates it against a scope anchored on its host, with the tile's loaded value supplied as `scalarValue`. So primitives reading `scalarValue` — such as `limetech.value-comparison` — see the figure on screen, while any other context the primitive reads resolves from the DOM.
+         */
+        "reducedPresenceRule"?: Rule;
         /**
           * A string of text that is visually placed after the value.
          */
@@ -7587,6 +7662,31 @@ declare namespace LocalJSX {
      */
     interface LimebbTypingIndicator {
     }
+    /**
+     * Args editor for the `limetech.value-comparison` rule primitive: an
+     * operator from the match-filter {@link Operator} vocabulary plus the value
+     * to compare against. The operand is emitted as a number when it parses as
+     * one and as a string otherwise; the `valueType` follows from it so the
+     * primitive orders numerically for numbers and lexically for strings (ISO
+     * date strings sort correctly that way).
+     * Emptiness is a separate concern handled by the `limetech.value-is-empty`
+     * primitive, so this editor offers comparison operators only.
+     * @alpha 
+     * @private 
+     */
+    interface LimebbValueComparisonEditor {
+        /**
+          * The event to emit when the value of the current property has changed
+          * @inheritdoc
+         */
+        "onChange"?: (event: LimebbValueComparisonEditorCustomEvent<ValueComparisonEditorValue>) => void;
+        /**
+          * The value of the current property
+          * @inheritdoc 
+          * @default {}
+         */
+        "value"?: ValueComparisonEditorValue;
+    }
 
     interface LimebbAlertDialogAttributes {
         "type": AlertType;
@@ -7734,6 +7834,7 @@ declare namespace LocalJSX {
         "suffix": string;
         "propertyName": string;
         "aggregateOperator": AggregateOperator;
+        "reducedPresence": boolean;
     }
     interface LimebbInfoTileFormatAttributes {
         "type": 'number' | 'date' | 'none';
@@ -7994,6 +8095,7 @@ declare namespace LocalJSX {
         "limebb-text-editor-picker": Omit<LimebbTextEditorPicker, keyof LimebbTextEditorPickerAttributes> & { [K in keyof LimebbTextEditorPicker & keyof LimebbTextEditorPickerAttributes]?: LimebbTextEditorPicker[K] } & { [K in keyof LimebbTextEditorPicker & keyof LimebbTextEditorPickerAttributes as `attr:${K}`]?: LimebbTextEditorPickerAttributes[K] } & { [K in keyof LimebbTextEditorPicker & keyof LimebbTextEditorPickerAttributes as `prop:${K}`]?: LimebbTextEditorPicker[K] };
         "limebb-trend-indicator": Omit<LimebbTrendIndicator, keyof LimebbTrendIndicatorAttributes> & { [K in keyof LimebbTrendIndicator & keyof LimebbTrendIndicatorAttributes]?: LimebbTrendIndicator[K] } & { [K in keyof LimebbTrendIndicator & keyof LimebbTrendIndicatorAttributes as `attr:${K}`]?: LimebbTrendIndicatorAttributes[K] } & { [K in keyof LimebbTrendIndicator & keyof LimebbTrendIndicatorAttributes as `prop:${K}`]?: LimebbTrendIndicator[K] };
         "limebb-typing-indicator": LimebbTypingIndicator;
+        "limebb-value-comparison-editor": LimebbValueComparisonEditor;
     }
 }
 export { LocalJSX as JSX };
@@ -8348,6 +8450,7 @@ declare module "@stencil/core" {
              * @exampleComponent limebb-example-info-tile-unit-format
              * @exampleComponent limebb-example-info-tile-date-format
              * @exampleComponent limebb-example-info-tile-relative-date-format
+             * @exampleComponent limebb-example-info-tile-reduce-presence
              * @beta 
              */
             "limebb-info-tile": LocalJSX.IntrinsicElements["limebb-info-tile"] & JSXBase.HTMLAttributes<HTMLLimebbInfoTileElement>;
@@ -8910,6 +9013,19 @@ declare module "@stencil/core" {
              * @private 
              */
             "limebb-typing-indicator": LocalJSX.IntrinsicElements["limebb-typing-indicator"] & JSXBase.HTMLAttributes<HTMLLimebbTypingIndicatorElement>;
+            /**
+             * Args editor for the `limetech.value-comparison` rule primitive: an
+             * operator from the match-filter {@link Operator} vocabulary plus the value
+             * to compare against. The operand is emitted as a number when it parses as
+             * one and as a string otherwise; the `valueType` follows from it so the
+             * primitive orders numerically for numbers and lexically for strings (ISO
+             * date strings sort correctly that way).
+             * Emptiness is a separate concern handled by the `limetech.value-is-empty`
+             * primitive, so this editor offers comparison operators only.
+             * @alpha 
+             * @private 
+             */
+            "limebb-value-comparison-editor": LocalJSX.IntrinsicElements["limebb-value-comparison-editor"] & JSXBase.HTMLAttributes<HTMLLimebbValueComparisonEditorElement>;
         }
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@limetech/lime-crm-building-blocks",
-  "version": "1.134.0",
+  "version": "1.135.0",
   "description": "A home for shared components meant for use with Lime CRM",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -35,10 +35,10 @@
   },
   "devDependencies": {
     "@limetech/eslint-config": "^4.0.1",
-    "@limetech/lime-elements": "^39.32.1",
-    "@limetech/lime-web-components": "^6.24.0",
+    "@limetech/lime-elements": "^39.33.1",
+    "@limetech/lime-web-components": "^6.25.0",
     "@lundalogik/lime-icons8": "^2.41.0",
-    "@lundalogik/limeclient.js": "^1.105.1",
+    "@lundalogik/limeclient.js": "^1.107.0",
     "@stencil/core": "^4.43.4",
     "@stencil/sass": "^3.1.9",
     "@types/jest": "^29.5.14",

package/dist/lime-crm-building-blocks/p-07ef2fd0.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,h as e}from"./p-DYpn0EkA.js";import{b as s}from"./p-CqRNpSRV.js";const h=class{constructor(e){t(this,e),this.change=i(this,"change"),this.disabled=!1,this.readonly=!1,this.invalid=!1,this.required=!1,this.type="datetime",this.shouldEmitValueAsString=!0,this.handleChange=t=>{if(!t.detail)return;t.stopPropagation();const i=(e=t.detail,"datetime"===(s=this.type)||"time"===s?e:new Date(Date.UTC(e.getFullYear(),e.getMonth(),e.getDate())));var e,s;this.change.emit(this.shouldEmitValueAsString?i.toISOString():i)},this.formatter=t=>this.dateTimeFormatter.format(t,r[this.type]||this.type)}render(){return this.language||(this.language=this.getAppLanguage()),this.value&&(this.shouldEmitValueAsString="string"==typeof this.value),e("limel-date-picker",{key:"03fcd4817bc780ed9869e07351b2fc20008af09d",disabled:this.disabled,readonly:this.readonly,invalid:this.invalid,label:this.label,placeholder:this.placeholder,helperText:this.helperText,required:this.required,value:this.parseDateValue(),type:this.type,language:this.language,formatter:this.formatter,onChange:this.handleChange})}parseDateValue(){const t=this.value;if(t)return this.dateTimeFormatter.parse(t,r[this.type]||this.type)}get dateTimeFormatter(){return this.platform.get(s.DateTimeFormatter)}getAppLanguage(){const t=this.platform.get(s.Translate),i=this.platform.get(s.Application);let e;var h;return e="function"==typeof(null==(h=t)?void 0:h.getLanguage)?t.getLanguage():i.getLanguage(),n(e)?e:"en"}},r={datetime:"time",time:"timeofday"},a=new Set(["da","de","en","fi","fr","nb","no","nl","sv"]),n=t=>a.has(t);export{h as limebb_date_picker}

package/dist/lime-crm-building-blocks/p-6fc4e731.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e}from"./p-DYpn0EkA.js";import{H as o,b as c}from"./p-CqRNpSRV.js";import{H as i}from"./p-BWMpG2bS.js";let s=class{constructor(t){this.itemId=t}};s=function(t,e,o,c){var i,s=arguments.length,l=s<3?e:null===c?c=Object.getOwnPropertyDescriptor(e,o):c;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(t,e,o,c);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(l=(s<3?i(l):s>3?i(e,o,l):i(e,o))||l);return s>3&&l&&Object.defineProperty(e,o,l),l}([o({id:"limebb-feed.highlight-item"})],s);const l="limetech.limeobject-matches-filter",n=class{constructor(o){t(this,o),this.loaded=e(this,"loaded")}connectedCallback(){}async componentWillLoad(){const t=new i;var e;this.platform.register(i.SERVICE_NAME,t),this.commandBus.register(s,t),(e=this.platform.get(c.RuleRegistry)).listPrimitives().some((t=>t.id===l))&&e.attachMetadata(l,{configComponent:{name:"limebb-rule-arg-filter-editor"}}),this.loaded.emit()}componentWillUpdate(){}disconnectedCallback(){}get commandBus(){return this.platform.get(c.CommandBus)}};export{n as limebb_loader}

package/dist/lime-crm-building-blocks/p-898b097e.entry.js

@@ -1 +0,0 @@
-import{r as t,h as e,H as s,g as i}from"./p-DYpn0EkA.js";import{b as o}from"./p-CqRNpSRV.js";const h=class{constructor(e){t(this,e),this.shouldRender=!1}componentWillLoad(){this.compileAndEvaluate()}onRuleChange(){this.compileAndEvaluate()}onScopeChange(){this.compileAndEvaluate()}render(){return e(s,{key:"8fe8b9fad90211b80b4672563f6d599ce1cb11c3",hidden:!this.shouldRender},e("slot",{key:"f434d25308b85fd084d369ccf2b0e22bd3513210"}))}get ruleRegistry(){return this.platform.get(o.RuleRegistry)}compileAndEvaluate(){var t;if(this.rule)try{const e=this.ruleRegistry.compile(this.rule),s=null!==(t=this.scope)&&void 0!==t?t:this.ruleRegistry.scope({host:this.host});this.shouldRender=e(s)}catch(t){console.warn("rule-gate failed to compile rule; hiding slot",{rule:this.rule,error:t}),this.shouldRender=!1}else this.shouldRender=!0}get host(){return i(this)}static get watchers(){return{rule:[{onRuleChange:0}],scope:[{onScopeChange:0}]}}};h.style=":host{display:block}:host([hidden]){display:none}";export{h as limebb_rule_gate}

package/dist/lime-crm-building-blocks/p-ec335be5.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,h as i,H as r}from"./p-DYpn0EkA.js";import{b as s}from"./p-CqRNpSRV.js";import{g as o}from"./p-BbFGcMnU.js";import{i as n}from"./p-CkTg5UPD.js";import{b as a}from"./p-CKEnwX6j.js";import{i as l,a as h,b as d}from"./p-BgAfMcRA.js";import"./p-CtcTT7BK.js";function m(t){return"string"==typeof t||!h(t)&&l(t)&&"[object String]"==d(t)}const c=class{constructor(i){t(this,i),this.change=e(this,"change"),this.label="Sort Order",this.items=[],this.handleItemChange=t=>e=>{e.stopPropagation();const i=[...this.items];null===e.detail?i.splice(t,1):i[t]=e.detail,this.items=i,this.emitChange()},this.handleAddSortField=()=>{this.items=[...this.items,{"":"ASC"}],this.emitChange()}}componentWillLoad(){this.value&&this.value.length>0&&(this.items=[...this.value])}handleValueChange(t){t&&(t.length!==this.items.length||!t.every(((t,e)=>{const i=this.items[e];if(!i)return!1;const r=Object.keys(t)[0],s=Object.keys(i)[0];return r===s&&t[r]===i[s]})))&&(this.items=t.length>0?[...t]:[])}render(){return i(r,{key:"59e3bb0334e5528fc8a0f8747086348d1a195c82"},this.renderEmptyState(),this.renderOrderByEditor())}renderEmptyState(){return this.limetype?null:i("div",{class:"empty-state"},i("p",null,"Select a limetype to configure sorting"))}renderOrderByEditor(){return this.limetype?[this.renderHeader(),this.renderOrderByList(),this.renderActions()]:null}renderHeader(){return i("limel-header",{class:"is-narrow",heading:this.label,icon:"sorting_arrows"})}renderOrderByList(){return 0===this.items.length?null:i("div",{class:"order-by-list"},this.items.map(((t,e)=>this.renderItem(t,e))))}renderActions(){return i("limel-button",{label:"Add Sort Field",icon:"plus_math",onClick:this.handleAddSortField})}renderItem(t,e){const r=Object.keys(t)[0]||"";return i("limebb-lime-query-order-by-item",{key:`${r}-${e}`,class:"order-by-item",platform:this.platform,context:this.context,limetype:this.limetype,item:t,onItemChange:this.handleItemChange(e)})}emitChange(){this.change.emit(this.items)}static get watchers(){return{value:[{handleValueChange:0}]}}};c.style=":host(limebb-lime-query-order-by-editor){display:flex;flex-direction:column;gap:1rem;padding:1rem 0}.header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.header h4{margin:0;font-size:1rem;font-weight:600;color:rgb(var(--contrast-1000))}.order-by-list{display:flex;flex-direction:column;gap:1rem;border:1px solid rgb(var(--contrast-300));border-radius:0.25rem;background-color:rgb(var(--contrast-50));min-height:4rem}.order-by-item{padding:0.5rem;border-radius:0.25rem;transition:background-color 0.2s}.order-by-item:hover{background-color:rgb(var(--contrast-100))}.actions{display:flex;width:100%}.summary{display:flex;justify-content:space-between;align-items:center;padding-top:0.5rem;border-top:1px solid rgb(var(--contrast-300))}.summary .count{font-size:0.875rem;font-weight:500;color:rgb(var(--contrast-900))}limel-header.is-narrow{--header-top-right-left-border-radius:0;width:calc(100% + var(--limebb-lime-query-builder-visual-mode-padding) * 2);margin-left:calc(var(--limebb-lime-query-builder-visual-mode-padding) * -1)}.empty-state{padding:0 2rem;text-align:center;color:rgb(var(--contrast-700))}";const u=["string","text","phone","integer","decimal","percent","time","date","year","quarter","month","yesno","link","user","xml","option","set","file","system"],p=u.filter((t=>"system"!==t));p.push("belongsto","hasone","hasmany","hasandbelongstomany");const b=class{constructor(i){t(this,i),this.change=e(this,"change"),this.propertyFields=[],this.fieldName="limetype",this.handleChange=t=>{t.stopPropagation();let e="";t.detail&&"value"in t.detail&&(e=t.detail.value),this.change.emit(e||void 0)}}componentWillLoad(){const t=this.platform.get(s.Application).getLanguage();this.collator=new Intl.Collator(t,{numeric:!0,sensitivity:"base"})}componentShouldUpdate(t,e,i){var r,s,o,n;return"formInfo"!==i||(o=null===(r=null==t?void 0:t.schema)||void 0===r?void 0:r.oneOf,n=null===(s=null==e?void 0:e.schema)||void 0===s?void 0:s.oneOf,!a(o,n))}render(){var t;const e=this.getLimeTypes().map(g);e.sort(((t,e)=>this.collator.compare(t.text,e.text)));let r=e.find((t=>t.value===this.value)),s=this.invalid;return this.value&&!r&&(s=!0,e.unshift({text:(null===(t=this.limeTypeRepository.getLimeType(this.value))||void 0===t?void 0:t.localname.singular)||this.value,value:this.value}),r=e[0]),e.unshift({text:"",value:""}),i("limel-select",{key:"85956ae62a4975a7706b4a561b1e321078e0dc2a",label:this.label,options:e,value:r,required:this.required,helperText:this.helperText,invalid:s,disabled:this.disabled||this.readonly,onChange:this.handleChange})}componentWillRender(){this.updatePropertyFields(this.value||"")}getLimeTypes(){var t,e;let i=this.limetypes;return(null===(e=null===(t=this.formInfo)||void 0===t?void 0:t.schema)||void 0===e?void 0:e.oneOf)&&(i=this.formInfo.schema.oneOf.map((t=>t.const)).filter(m)),i?i.map((t=>this.limeTypeRepository.getLimeType(t))).filter(n):this.limeTypeRepository.getLimeTypes()}updatePropertyFields(t){for(const e of this.propertyFields)e.limetype=t,e.allowedPropertyTypes===u&&(e.allowedPropertyTypes=p)}get limeTypeRepository(){return this.platform.get(s.LimeTypeRepository)}},g=t=>({text:t.localname.singular,value:t.name,icon:o(t)});export{c as limebb_lime_query_order_by_editor,b as limebb_limetype_field}