@limetech/lime-crm-building-blocks 1.124.0 → 1.126.0

package/dist/types/index.d.ts

@@ -1,5 +1,6 @@
 export * from './components';
 export * from './interface';
 export * from './factories';
+export * from './util/color-palettes';
 import '@lundalogik/lime-icons8';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/util/color-palettes.d.ts

@@ -0,0 +1,67 @@
+/**
+ * A small registry of curated color palettes that can be reused
+ * wherever Lime CRM needs to assign distinct colors to a list of
+ * items — tag swatches, kanban swimlanes, multi-series visuals,
+ * legend entries, chart buckets, and so on. Palettes are stored as
+ * plain CSS color strings so consumers can hand them straight to a
+ * component prop or to inline `style` without further conversion.
+ *
+ * The default palettes lean on the Lime Extended color palette via
+ * `rgb(var(--color-…))` so they pick up dark / light mode
+ * automatically. The color-blind-friendly palette uses Wong (2011)
+ * hex values verbatim — those are tuned for distinguishability and
+ * substituting Lime's nearest neighbours would defeat the purpose.
+ *
+ * :::important
+ * **Append-only:** consumers assign colors by index (often modulo
+ * the palette length), so to keep already-saved configurations
+ * stable across releases, never reorder or replace existing colors
+ * in a palette — only append new ones at the end.
+ * :::
+ */
+/**
+ * A curated set of CSS color values that can be applied to a list of
+ * items needing distinct, visually harmonious colors.
+ *
+ * @beta
+ */
+export interface ColorPalette {
+    /**
+     * Stable id used to reference a palette from saved
+     * configuration (e.g. widget admin settings). Must not change
+     * once a palette has been shipped.
+     */
+    id: string;
+    /**
+     * Human-readable name to display in pickers and legends.
+     */
+    title: string;
+    /**
+     * One-sentence explanation of what the palette is good for.
+     * Surfaced in pickers as helper text.
+     */
+    description: string;
+    /**
+     * Ordered list of CSS color values. Consumers iterate into this
+     * list (typically modulo its length) to assign one color per
+     * item.
+     */
+    colors: string[];
+}
+/**
+ * Built-in palettes. Order matters — pickers should render them in
+ * this order, with the first entry being the most generally useful
+ * default.
+ *
+ * @beta
+ */
+export declare const COLOR_PALETTES: ColorPalette[];
+/**
+ * Look up a palette by id. Returns `undefined` when the id is
+ * unknown; callers typically fall back to `COLOR_PALETTES[0]`.
+ * @param id - the palette's stable id (see {@link ColorPalette.id}).
+ *
+ * @beta
+ */
+export declare function getColorPalette(id: string): ColorPalette | undefined;
+//# sourceMappingURL=color-palettes.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@limetech/lime-crm-building-blocks",
-  "version": "1.124.0",
+  "version": "1.126.0",
   "description": "A home for shared components meant for use with Lime CRM",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -35,11 +35,11 @@
   },
   "devDependencies": {
     "@limetech/eslint-config": "^4.0.1",
-    "@limetech/lime-elements": "^39.24.0",
-    "@limetech/lime-web-components": "^6.16.0",
+    "@limetech/lime-elements": "^39.24.2",
+    "@limetech/lime-web-components": "^6.17.0",
     "@limetech/lime-web-components-testing": "^1.0.0",
     "@lundalogik/lime-icons8": "^2.40.1",
-    "@lundalogik/limeclient.js": "^1.90.0",
+    "@lundalogik/limeclient.js": "^1.93.0",
     "@stencil/core": "^4.43.4",
     "@stencil/sass": "^3.1.9",
     "@types/jest": "^29.5.14",

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

@@ -1 +0,0 @@
-import{r as t,c as e,h as i}from"./p-BIwHMk6j.js";import{n as s}from"./p-BeLcuSg8.js";const h=class{constructor(i){t(this,i),this.change=e(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 e=(i=t.detail,"datetime"===(s=this.type)||"time"===s?i:new Date(Date.UTC(i.getFullYear(),i.getMonth(),i.getDate())));var i,s;this.change.emit(this.shouldEmitValueAsString?e.toISOString():e)},this.formatter=t=>this.dateTimeFormatter.format(t,a[this.type]||this.type)}render(){return this.language||(this.language=this.getAppLanguage()),this.value&&(this.shouldEmitValueAsString="string"==typeof this.value),i("limel-date-picker",{key:"3db884d7d5ceec1790e7de8a785a0e95aa07acd9",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,a[this.type]||this.type)}get dateTimeFormatter(){return this.platform.get(s.DateTimeFormatter)}getAppLanguage(){const t=this.platform.get(s.Translate),e=this.platform.get(s.Application);let i;var h;return i="function"==typeof(null==(h=t)?void 0:h.getLanguage)?t.getLanguage():e.getLanguage(),n(i)?i:"en"}},a={datetime:"time",time:"timeofday"},r=new Set(["da","de","en","fi","fr","nb","no","nl","sv"]),n=t=>r.has(t);export{h as limebb_date_picker}

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

@@ -1 +0,0 @@
-import{r as t,c as e,h as i}from"./p-BIwHMk6j.js";import{n as l}from"./p-BeLcuSg8.js";const n=[{trigger:"rich-text",icon:"font_style_formatting",translationKey:"webclient.composer-toolbar.rich-text"},{trigger:"mention",icon:"email_sign_92447",translationKey:"webclient.composer-toolbar.mention",helperLabel:"@"},{trigger:"text-snippet",icon:"rich_text_converter",translationKey:"webclient.composer-toolbar.text-snippet",helperLabel:"!"},{trigger:"internal-link",icon:"hashtag_large",translationKey:"webclient.composer-toolbar.internal-link",helperLabel:"#"}],o=class{constructor(i){t(this,i),this.triggerInsert=e(this,"triggerInsert"),this.filesSelected=e(this,"filesSelected"),this.mentions=!1,this.textSnippets=!1,this.internalLinks=!1,this.richText=!1,this.handleTriggerSelected=t=>{t.stopPropagation(),this.triggerInsert.emit(t.detail.value)},this.handleFilesSelected=t=>{t.stopPropagation(),this.filesSelected.emit(t.detail)}}render(){return[i("div",{key:"65a3b1eb3ba4ebe0e87a732b9b40ab757f653470",class:"actions"},i("slot",{key:"6aba4388efdaf0122fe16b1d2b5fa4413b76cac1",name:"leading"}),this.renderFileInput(),this.renderTriggerActions(),i("slot",{key:"cb829dfa676b3bf46fad352317e203211e3aae6a",name:"trailing"})),i("slot",{key:"6649aa3c3887176d28c0798405fe27a1d5ba807b",name:"primary-action"})]}get translator(){var t;return null===(t=this.platform)||void 0===t?void 0:t.get(l.Translate)}get triggerActions(){const t={mention:this.mentions,"text-snippet":this.textSnippets,"internal-link":this.internalLinks,"rich-text":this.richText};return n.filter((e=>t[e.trigger])).map((t=>{var e,i;return{text:null!==(i=null===(e=this.translator)||void 0===e?void 0:e.get(t.translationKey))&&void 0!==i?i:t.trigger,commandText:t.helperLabel,icon:t.icon,iconOnly:!0,value:t.trigger}}))}renderTriggerActions(){const t=this.triggerActions;if(0!==t.length)return i("limel-action-bar",{actions:t,onItemSelected:this.handleTriggerSelected})}renderFileInput(){var t,e,l,n,o,r;if(this.fileInput)return i("limel-file-input",{accept:null!==(t=this.fileInput.accept)&&void 0!==t?t:"*",multiple:null!==(e=this.fileInput.multiple)&&void 0!==e&&e,disabled:null!==(l=this.fileInput.disabled)&&void 0!==l&&l,onFilesSelected:this.handleFilesSelected},i("limel-icon-button",{icon:"attach",disabled:null!==(n=this.fileInput.disabled)&&void 0!==n&&n,label:null===(o=this.translator)||void 0===o?void 0:o.get("webclient.attach-files"),helperLabel:null===(r=this.translator)||void 0===r?void 0:r.get("webclient.attach-files-helper")}))}};o.style="*{box-sizing:border-box;min-width:0}:host(limebb-composer-toolbar){box-sizing:border-box;display:flex;align-items:center;width:100%;max-width:100%;gap:0.5rem}.actions{display:flex;align-items:center;flex-wrap:nowrap;flex-grow:1}limel-icon-button,::slotted(limel-icon-button){display:inline-block;scale:0.86}limel-file-input{flex-shrink:0}";export{o as limebb_composer_toolbar}

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

@@ -1 +0,0 @@
-import{h as t,r as o,c as e}from"./p-BIwHMk6j.js";import{n as i}from"./p-BeLcuSg8.js";import{g as n}from"./p-BsH0YW6Z.js";import"./p-BgAfMcRA.js";import"./p-6PYziigk.js";const r=(o,e)=>t(o.name,Object.assign({class:o.class},function(t){let o={};return t.props&&(o=Object.assign({},t.props)),Object.assign({context:t.context,platform:t.platform},o)}(o),{key:o.key}),e),s=class{constructor(t){o(this,t),this.change=e(this,"change"),this.value={},this.type="component",this.configViewType="code",this.findConfigComponent=t=>{var o,e;return"component"===this.type?null===(o=this.registry.getAll().find((o=>o.name===t)))||void 0===o?void 0:o.configComponent:"command"===this.type?null===(e=this.commandbus.getAll().find((o=>o.id===t)))||void 0===e?void 0:e.configComponent:void 0},this.handleChangeMode=t=>{t.stopPropagation(),this.configViewType=t.detail.id},this.handleCodeEditorChange=t=>{t.stopPropagation();try{const o=JSON.parse(t.detail);this.change.emit(o)}catch(t){}}}componentWillLoad(){this.configComponent=this.getComponentName()}componentShouldUpdate(t,o,e){return"formInfo"!==e}watchFormInfo(){this.configComponent=this.getComponentName()}watchconfigComponent(t,o){t&&!o&&(this.configViewType="config"),t||(this.configViewType="code")}getComponentName(){var t,o,e;const i=[...null!==(o=null===(t=this.formInfo)||void 0===t?void 0:t.schemaPath.slice(0,-1))&&void 0!==o?o:[],this.getNameField()],r=n(null===(e=this.formInfo)||void 0===e?void 0:e.rootValue,i),s=this.findConfigComponent(r);if(s&&customElements.get(s.name))return s}render(){return[this.renderHeader(),this.renderContent()]}renderHeader(){let o=[];return this.configComponent&&(o=[{id:"config",title:"Config",selected:"config"===this.configViewType},{id:"code",title:"Code",selected:"code"===this.configViewType}]),t("limel-header",{icon:"edit_property",heading:this.label,subheading:this.helperText},t("limel-button-group",{slot:"actions",value:o,onChange:this.handleChangeMode}))}renderContent(){return"config"===this.configViewType?this.renderConfigComponent():this.renderCodeEditor()}renderCodeEditor(){return t("limel-code-editor",{value:JSON.stringify(this.value,null,"\t"),language:"json",readonly:this.readonly,lineNumbers:!0,fold:!0,lint:!0,onChange:this.handleCodeEditorChange})}renderConfigComponent(){var o,e;return t(r,{class:"config-component",platform:this.platform,context:this.context,name:null===(o=this.configComponent)||void 0===o?void 0:o.name,props:Object.assign(Object.assign({},null===(e=this.configComponent)||void 0===e?void 0:e.props),{value:this.value,required:this.required,readonly:this.readonly,disabled:this.disabled,label:this.label,helperText:this.helperText,formInfo:this.formInfo})})}getNameField(){return this.nameField?this.nameField:{component:"name",command:"id"}[this.type]}get registry(){return this.platform.get(i.WebComponentRegistry)}get commandbus(){return this.platform.get(i.CommandBus)}static get watchers(){return{formInfo:[{watchFormInfo:0}],configComponent:[{watchconfigComponent:0}]}}};s.style=":host(*){--header-background-color:rgb(var(--contrast-600));display:flex;flex-direction:column;border:1px dashed rgb(var(--contrast-700));overflow:clip;border-radius:0.75rem;background-color:rgb(var(--contrast-500))}*{box-sizing:border-box}.label{margin-top:1rem;margin-bottom:1rem}.config-component{display:grid;column-gap:1rem;row-gap:1rem;margin:1rem;grid-template-columns:repeat(3, minmax(0, 1fr))}";export{s as limebb_component_config}

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

@@ -1 +0,0 @@
-import{r as e,h as t,H as s,g as o}from"./p-BIwHMk6j.js";import{n as i}from"./p-BeLcuSg8.js";const n=class{constructor(t){e(this,t),this.shouldRender=!1}componentWillLoad(){this.compileAndEvaluate()}onRuleChange(){this.compileAndEvaluate()}onScopeChange(){this.compileAndEvaluate()}render(){return t(s,{key:"f421ff8fa1e6955c618e74e6bfdfd4c34e2352fc",hidden:!this.shouldRender},t("slot",{key:"f1372eda9eebdba7157e7f80d2eebbdb107e9cee"}))}get ruleRegistry(){return this.platform.get(i.RuleRegistry)}compileAndEvaluate(){var e;const t=this.ruleRegistry.compile(this.rule),s=null!==(e=this.scope)&&void 0!==e?e:this.ruleRegistry.scope({host:this.host});this.shouldRender=t(s)}get host(){return o(this)}static get watchers(){return{rule:[{onRuleChange:0}],scope:[{onScopeChange:0}]}}};n.style=":host{display:contents}:host([hidden]){display:none}";export{n as limebb_rule_gate}