@limetech/lime-crm-building-blocks 2.3.1 → 2.4.1

package/dist/esm/limebb-limeobject-file-viewer.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, h } from './index-COtSgrC5.js';
-import { W as We, L as Le, n } from './index.esm-B9D_MXA6.js';
+import { r as registerInstance, h } from './index-BK566_jX.js';
+import { W as We, L as Le, n } from './index.esm-C__n3hug.js';
 import { g as getPreviewType } from './extension-mapping-Bcm94u_z.js';
 import { n as negate } from './negate-ooVD-6_a.js';
 

package/dist/esm/limebb-live-docs-info.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-COtSgrC5.js';
+import { r as registerInstance, h } from './index-BK566_jX.js';
 
 const liveDocsInfoCss = () => `:host(limebb-live-docs-info){padding:1rem 2rem;display:flex;flex-direction:column;gap:0.5rem;border-style:dashed;border-color:rgb(var(--contrast-700));border-radius:0 0 0.5rem 0.5rem;border-width:0 1px 1px 1px}.header{display:flex;align-items:center;gap:0.5rem}h2,p{margin:0;color:rgb(var(--contrast-1100))}h2{font-size:large;font-weight:300}limel-icon{color:rgb(var(--color-orange-default));width:2rem}a{all:unset;cursor:pointer;transition:color 0.2s ease;color:rgb(var(--color-sky-default));margin-left:0.5rem}a:hover{color:rgb(var(--color-sky-dark));text-decoration:underline}`;
 

package/dist/esm/limebb-loader.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent } from './index-COtSgrC5.js';
-import { U, n } from './index.esm-B9D_MXA6.js';
+import { r as registerInstance, c as createEvent } from './index-BK566_jX.js';
+import { U, n } from './index.esm-C__n3hug.js';
 import { H as HighlightFeedItemHandler } from './highlight-item.handler-BWMpG2bS.js';
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

package/dist/esm/limebb-locale-picker.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h } from './index-COtSgrC5.js';
-import { n } from './index.esm-B9D_MXA6.js';
+import { r as registerInstance, c as createEvent, h } from './index-BK566_jX.js';
+import { n } from './index.esm-C__n3hug.js';
 import { t as toString, c as castPath, a as toKey, i as isKey, g as get, b as baseGet, d as arrayMap } from './get-Cq4rshNg.js';
 import { e as isArrayLike, f as isIndex, h as isArguments, j as arrayPush, S as Stack, k as keys, l as isLength, d as baseUnary } from './_Uint8Array-CUI8uY-p.js';
 import { c as isObject, e as eq, a as isArray, S as Symbol } from './_MapCache-BgAfMcRA.js';

package/dist/esm/limebb-mention-group-counter.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-COtSgrC5.js';
+import { r as registerInstance, h } from './index-BK566_jX.js';
 
 const mentionGroupCounterCss = () => `:host(limebb-mention-group-counter){order:2;margin-right:-0.5rem;box-sizing:border-box;transition:background-color 0.2s ease;min-width:fit-content;font-size:smaller;border-radius:9rem;cursor:help;padding:0.25rem 0.5rem;line-height:1;border:1px solid rgb(var(--contrast-500))}:host(limebb-mention-group-counter:hover){border-color:rgb(var(--contrast-100));background-color:rgb(var(--contrast-600))}`;
 

package/dist/esm/limebb-mention.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, g as getElement, h } from './index-COtSgrC5.js';
+import { r as registerInstance, g as getElement, h } from './index-BK566_jX.js';
 import { f as findParentElement } from './dom-B95D7tDb.js';
-import { n } from './index.esm-B9D_MXA6.js';
+import { n } from './index.esm-C__n3hug.js';
 
 const mentionCss = () => `:host(limebb-mention){display:inline}a{transition:background-color 0.2s ease;white-space:normal;overflow-wrap:break-word;word-break:break-word;padding:0 0.125rem;border-radius:0.25rem;text-decoration:none;color:rgb(var(--color-blue-default));background-color:rgb(var(--color-blue-default), 0.06)}a:hover{background-color:rgb(var(--color-blue-default), 0.16)}a:before,span:before{content:"@";opacity:0.7}`;
 

package/dist/esm/limebb-navigation-button_2.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, c as createEvent } from './index-COtSgrC5.js';
+import { r as registerInstance, h, c as createEvent } from './index-BK566_jX.js';
 import { g as getPreviewType } from './extension-mapping-Bcm94u_z.js';
 import { g as getFileExtension } from './file-extension-DtnPTzDv.js';
 

package/dist/esm/limebb-notification-item.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-COtSgrC5.js';
-import { n } from './index.esm-B9D_MXA6.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-BK566_jX.js';
+import { n } from './index.esm-C__n3hug.js';
 
 const notificationItemCss = () => `@charset "UTF-8";*{box-sizing:border-box}:host(limebb-notification-item){isolation:isolate;position:relative;box-sizing:border-box;display:flex;flex-direction:column;gap:0.25rem;margin-left:0.5rem;border-radius:0.75rem;border:1px solid rgb(var(--contrast-500))}:host(limebb-notification-item):before{content:"";display:block;position:absolute;left:-1rem;top:0.85rem;border-radius:50%;height:0.5rem;width:0.5rem;transition:background-color 0.2s ease, scale 0.2s cubic-bezier(0.82, 0.3, 0.14, 1.36);scale:var(--limebb-notification-item-unread-badge-scale, 0.6);background-color:var(--limebb-notification-item-unread-badge-color, transparent)}:host(limebb-notification-item:hover) .timestamp{color:rgb(var(--contrast-1100))}:host(limebb-notification-item:hover) .body-text{opacity:1}.header{display:flex;align-items:center;gap:0.25rem;min-height:2rem;padding:0 0 0 0.25rem;margin-bottom:0.25rem}.header:not(:has(.icon)){padding-left:0.75rem}.header:not(:has(.unpromoted-actions-menu)){padding-right:0.5rem}.caption,.timestamp{font-size:0.75rem}.caption{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0;flex-grow:1;font-weight:600;color:rgb(var(--contrast-900))}.timestamp{flex-shrink:0;margin-left:auto;transition:color 0.4s ease, opacity 0.2s ease;color:rgb(var(--contrast-900))}.headline{display:flex;gap:0.25rem;align-items:center}.content{display:flex;min-width:0;gap:0.5rem;padding:0 0.75rem 0.5rem 0.75rem}.heading{display:-webkit-box;overflow:hidden;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:2.5rem;font-size:0.875rem;--markdown-hyperlink-color:var(--mdc-theme-primary);--markdown-hyperlink-color--hovered:rgb(var(--color-teal-light))}.body{display:flex;flex-direction:column;gap:0.5rem}.body-text{display:-webkit-box;overflow:hidden;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:3;max-height:4.25rem;transition:opacity 0.2s ease;opacity:0.7}.icon{--icon-background-color:var(--limebb-feed-background-color);flex-shrink:0;width:1.5rem;padding:0.125rem}.author-avatar{border-radius:50%;width:2rem;height:2rem;object-fit:cover;margin-top:auto;margin-right:-0.25rem;margin-left:auto;box-shadow:0 0 0 1px rgb(var(--contrast-600))}.author{font-weight:bold;text-decoration:none;white-space:nowrap}a.author{position:relative;cursor:pointer;transition:color 0.2s ease;color:var(--mdc-theme-primary)}a.author:before{transition:opacity 0.2s ease, transform 0.3s ease-out;content:"";position:absolute;inset:auto 0 0 0;width:calc(100% - 0.5rem);margin:auto;height:0.125rem;border-radius:1rem;background-color:currentColor;opacity:0;transform:scale(0.6)}a.author:hover{color:rgb(var(--color-teal-light))}a.author:hover:before{opacity:0.3;transform:scale(1)}limel-chip-set{--button-shadow-normal:none;margin-left:-1rem;margin-bottom:-0.5rem}`;
 

package/dist/esm/limebb-notification-list.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h } from './index-COtSgrC5.js';
-import { n } from './index.esm-B9D_MXA6.js';
+import { r as registerInstance, c as createEvent, h } from './index-BK566_jX.js';
+import { n } from './index.esm-C__n3hug.js';
 
 /**
  * Processes a list of notifications by adding date headers and a "new items" indicator.

package/dist/esm/limebb-object-chip.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, g as getElement, h } from './index-COtSgrC5.js';
-import { g as getIcon } from './limetype-BcELY1NF.js';
+import { r as registerInstance, g as getElement, h } from './index-BK566_jX.js';
+import { g as getIcon } from './limetype-Muf9VutX.js';
 import { f as findParentElement } from './dom-B95D7tDb.js';
-import { b as It, n } from './index.esm-B9D_MXA6.js';
+import { b as It, n } from './index.esm-C__n3hug.js';
 
 const logger = It('object-resolver');
 /**

package/dist/esm/limebb-percentage-visualizer.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host } from './index-COtSgrC5.js';
-import { n } from './index.esm-B9D_MXA6.js';
+import { r as registerInstance, h, H as Host } from './index-BK566_jX.js';
+import { n } from './index.esm-C__n3hug.js';
 import { g as getPercentageClass, n as normalizeValue } from './normalize-value-Cg1DC15C.js';
 
 const percentageVisualizerCss = () => `@charset "UTF-8";*,::before,::after{box-sizing:border-box}:host(limebb-percentage-visualizer){width:100%}limel-notched-outline:not([invalid]:not([invalid=false])) .limel-notched-outline--outlines{--limel-notched-outline-border-color:transparent}div[slot=content]:focus{outline:none}div[slot=content]:focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}div[slot=content]{display:flex;align-items:center;gap:0.5rem;border-radius:inherit;background-color:transparent !important}:host(limebb-percentage-visualizer[invalid]:not([invalid=false])) div[slot=content]{border-color:rgb(var(--color-red-default))}:host(limebb-percentage-visualizer):has(label) div[slot=content]{min-height:2.5rem;padding:0 0.375rem 0 1rem}.percentage-text{flex-shrink:0;min-width:2.5rem}:host([range-min^="-"]) .percentage-text{min-width:3.75rem}.percent-sign{opacity:0.4}.zero-point{content:"";position:absolute;transform:translateX(-50%);left:var(--limebb-percentage-visualizer-zero-point-position);height:0.25rem;width:0.25rem;border-radius:50%;box-shadow:0 0 0 0.125rem var(--limebb-percentage-visualizer-zero-point-color, rgb(var(--contrast-1200), 0.3));background-color:var(--limebb-percentage-visualizer-zero-point-color, rgb(var(--contrast-200), 0.9))}.percentage-bar{overflow:hidden;flex-grow:1;position:relative;display:flex;align-items:center;height:0.5rem;min-width:2rem;border-radius:0.5rem;background-color:rgb(var(--contrast-800), 0.6)}.percentage-fill{transition:width 0.2s ease;position:absolute;margin:auto;left:var(--limebb-percentage-visualizer-zero-point-position, 0);rotate:var(--limebb-percentage-visualizer-rotate, 0deg);transform-origin:left center;width:var(--limebb-percentage-visualizer-width);height:100%;border-radius:0.5rem}:host(limebb-percentage-visualizer:focus),:host(limebb-percentage-visualizer:focus-visible),:host(limebb-percentage-visualizer:focus-within){--limel-h-l-grid-template-rows-transition-speed:0.46s;--limel-h-l-grid-template-rows:1fr}:host(limebb-percentage-visualizer){--limel-h-l-grid-template-rows-transition-speed:0.3s;--limel-h-l-grid-template-rows:0fr}:host(limebb-percentage-visualizer:focus) limel-helper-line,:host(limebb-percentage-visualizer:focus-visible) limel-helper-line,:host(limebb-percentage-visualizer:focus-within) limel-helper-line,:host(limebb-percentage-visualizer:hover) limel-helper-line{will-change:grid-template-rows}.percentage-fill{background-color:var(--percentage-visualizer-color, var(--limebb-percentage-visualizer-color, var(--mdc-theme-primary)))}:host([range-min^="-"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-200or-larger-negative) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-red-darker))}:host([range-min^="-"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-200to100-negative) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-red-dark))}:host([range-min^="-"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-100to90-negative) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-red-dark))}:host([range-min^="-"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-90to80-negative) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-red-dark))}:host([range-min^="-"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-80to70-negative) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-red-default))}:host([range-min^="-"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-70to60-negative) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-red-default))}:host([range-min^="-"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-60to50-negative) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-coral-default))}:host([range-min^="-"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-50to40-negative) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-coral-default))}:host([range-min^="-"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-40to30-negative) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-orange-default))}:host([range-min^="-"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-30to20-negative) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-orange-default))}:host([range-min^="-"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-20to10-negative) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-amber-default))}:host([range-min^="-"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-10to0-negative) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-amber-default))}:host([range-min^="-"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-0) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--contrast-800))}:host([range-min^="-"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-0to10-positive) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-yellow-default))}:host([range-min^="-"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-10to20-positive) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-yellow-default))}:host([range-min^="-"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-20to30-positive) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-grass-default))}:host([range-min^="-"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-30to40-positive) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-grass-default))}:host([range-min^="-"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-40to50-positive) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-lime-default))}:host([range-min^="-"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-50to60-positive) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-lime-default))}:host([range-min^="-"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-60to70-positive) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-teal-default))}:host([range-min^="-"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-70to80-positive) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-teal-default))}:host([range-min^="-"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-80to90-positive) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-teal-dark))}:host([range-min^="-"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-90to100-positive) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-teal-dark))}:host([range-min^="-"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-100to200-positive) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-teal-dark))}:host([range-min^="-"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-200or-larger-positive) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-teal-darker))}:host([display-percentage-colors]:not([display-percentage-colors=false]).has-value-0) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--contrast-800))}:host([display-percentage-colors]:not([display-percentage-colors=false]).has-value-0to10-positive) .percentage-fill{--limebb-percentage-visualizer-color:var(--color-percent--0to10)}:host([display-percentage-colors]:not([display-percentage-colors=false]).has-value-10to20-positive) .percentage-fill{--limebb-percentage-visualizer-color:var(--color-percent--10to20)}:host([display-percentage-colors]:not([display-percentage-colors=false]).has-value-20to30-positive) .percentage-fill{--limebb-percentage-visualizer-color:var(--color-percent--20to30)}:host([display-percentage-colors]:not([display-percentage-colors=false]).has-value-30to40-positive) .percentage-fill{--limebb-percentage-visualizer-color:var(--color-percent--30to40)}:host([display-percentage-colors]:not([display-percentage-colors=false]).has-value-40to50-positive) .percentage-fill{--limebb-percentage-visualizer-color:var(--color-percent--40to50)}:host([display-percentage-colors]:not([display-percentage-colors=false]).has-value-50to60-positive) .percentage-fill{--limebb-percentage-visualizer-color:var(--color-percent--50to60)}:host([display-percentage-colors]:not([display-percentage-colors=false]).has-value-60to70-positive) .percentage-fill{--limebb-percentage-visualizer-color:var(--color-percent--60to70)}:host([display-percentage-colors]:not([display-percentage-colors=false]).has-value-70to80-positive) .percentage-fill{--limebb-percentage-visualizer-color:var(--color-percent--70to80)}:host([display-percentage-colors]:not([display-percentage-colors=false]).has-value-80to90-positive) .percentage-fill{--limebb-percentage-visualizer-color:var(--color-percent--80to90)}:host([display-percentage-colors]:not([display-percentage-colors=false]).has-value-90to100-positive) .percentage-fill{--limebb-percentage-visualizer-color:var(--color-percent--90to100)}:host([display-percentage-colors]:not([display-percentage-colors=false]).has-value-100to200-positive) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-teal-dark))}:host([display-percentage-colors]:not([display-percentage-colors=false]).has-value-200or-larger-positive) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-teal-darker))}`;

package/dist/esm/limebb-property-selector.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h } from './index-COtSgrC5.js';
-import { I as Ie, n } from './index.esm-B9D_MXA6.js';
+import { r as registerInstance, c as createEvent, h } from './index-BK566_jX.js';
+import { I as Ie, n } from './index.esm-C__n3hug.js';
 import { v as validatePropertyPath, a as getNormalizedProperties } from './property-resolution-CQUZjrU4.js';
-import { i as isManyRelation, g as getIcon } from './limetype-BcELY1NF.js';
+import { i as isManyRelation, g as getIcon } from './limetype-Muf9VutX.js';
 
 const propertySelectorCss = () => `:host(limebb-property-selector){display:block}limel-menu{display:block;width:100%}`;
 

package/dist/esm/limebb-rule-arg-filter-editor.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h } from './index-COtSgrC5.js';
-import { M as Mt } from './index.esm-B9D_MXA6.js';
+import { r as registerInstance, c as createEvent, h } from './index-BK566_jX.js';
+import { M as Mt } from './index.esm-C__n3hug.js';
 
 const ruleArgFilterEditorCss = () => `:host{display:block}`;
 

package/dist/esm/limebb-rule-condition-chip.entry.js

@@ -0,0 +1,69 @@
+import { r as registerInstance, c as createEvent, h } from './index-BK566_jX.js';
+
+const ruleConditionChipCss = () => `:host{display:inline-flex;min-width:0}`;
+
+const RuleConditionChip = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.remove = createEvent(this, "remove");
+        /**
+         * Whether the condition is negated. The chip has to say so: the switch that
+         * sets it is out of sight inside the editor.
+         */
+        this.negated = false;
+        /**
+         * @inheritdoc
+         */
+        this.invalid = false;
+        /**
+         * Whether this condition's editor is the one currently open.
+         */
+        this.selected = false;
+        /**
+         * Deliberately not passed on to `limel-chip`, which would render it as a
+         * disabled button. A condition's arguments live behind this chip and
+         * nowhere else, so a chip that cannot be opened is a rule that cannot be
+         * read. It takes the delete control away instead — see `removable`.
+         *
+         * @inheritdoc
+         */
+        this.readonly = false;
+        /**
+         * @inheritdoc
+         */
+        this.disabled = false;
+        /**
+         * Whether the chip offers a control that deletes the condition. `readonly`
+         * overrules it here rather than in the caller, since withholding `readonly`
+         * from `limel-chip` also withholds the lock it puts on the cross.
+         */
+        this.removable = true;
+        this.handleRemove = (event) => {
+            event.stopPropagation();
+            this.remove.emit();
+        };
+    }
+    render() {
+        return (h("limel-chip", { key: '3b1e45748efbdd1bdbf8effd7bca4976f9ba537c', text: this.text, icon: this.glyph, invalid: this.invalid, selected: this.selected, disabled: this.disabled, removable: this.removable && !this.readonly, onRemove: this.handleRemove }));
+    }
+    /**
+     * The glyph, with its colour put back on when it has one.
+     */
+    get glyph() {
+        if (!this.icon || !this.iconColor) {
+            return this.icon;
+        }
+        return { name: this.icon, color: this.iconColor };
+    }
+    /**
+     * The name, behind `¬` when negated — a symbol rather than a word, so it
+     * does not compete with the "not" the tree writes between the rows of a
+     * negated group.
+     */
+    get text() {
+        return this.negated ? `¬ ${this.label}` : this.label;
+    }
+};
+RuleConditionChip.style = ruleConditionChipCss();
+
+export { RuleConditionChip as limebb_rule_condition_chip };

package/dist/esm/limebb-rule-condition-editor-DeY758N-.js

@@ -0,0 +1,281 @@
+import { r as registerInstance, c as createEvent, h } from './index-BK566_jX.js';
+import { L as LimeWebComponentTemplate } from './web-component-template-D1JpeNy_.js';
+
+/** What a chip says for a condition with no name to put on it. */
+const UNNAMED = '…';
+/**
+ * Which `all`/`any` a combinator is built on, and whether a `not` goes round it.
+ * The wrapper is not a node of its own in a condition tree: it folds into the
+ * combinator of the group it wraps, and unfolds again on the way back out.
+ */
+const SHAPE = {
+    all: { type: 'all', negated: false },
+    any: { type: 'any', negated: false },
+    'not-all': { type: 'all', negated: true },
+    none: { type: 'any', negated: true },
+};
+const NEGATED_COMBINATOR = {
+    all: 'not-all',
+    any: 'none',
+    'not-all': 'all',
+    none: 'any',
+};
+/**
+ * How `limebb-condition-tree` reads and rebuilds a {@link Rule}. Everything
+ * structural belongs to the tree; everything about what a rule *is* belongs
+ * here.
+ * @param source
+ */
+function createRuleConditionTreeAdapter(source) {
+    return {
+        describe: (node, state) => describeRule(node, state, source),
+        group: group,
+        negate: negate,
+        createLeaf: (item) => {
+            var _a;
+            const leaf = { type: 'ref', id: String((_a = item === null || item === void 0 ? void 0 : item.value) !== null && _a !== void 0 ? _a : '') };
+            source.created().add(leaf);
+            return leaf;
+        },
+    };
+}
+/**
+ * How the rule joins what is inside it, and what that is — or nothing when it
+ * is a single condition rather than a group. A `not` is transparent: it becomes
+ * the group's combinator, and chains of them fold down to one.
+ * @param rule
+ */
+function groupOf(rule) {
+    if (!isNode(rule)) {
+        return undefined;
+    }
+    if (rule.type === 'all' || rule.type === 'any') {
+        return Array.isArray(rule.rules)
+            ? { combinator: rule.type, rules: rule.rules }
+            : undefined;
+    }
+    if (rule.type !== 'not') {
+        return undefined;
+    }
+    const inner = groupOf(rule.rule);
+    return inner
+        ? {
+            combinator: NEGATED_COMBINATOR[inner.combinator],
+            rules: inner.rules,
+        }
+        : undefined;
+}
+/**
+ * The primitive a rule refers to, and whether it is negated — or nothing when
+ * the rule refers to none. Wrapping in a `not` is the only negation a rule
+ * condition has, having no "is not" vocabulary of its own.
+ * @param rule
+ */
+function refOf(rule) {
+    if (!isNode(rule)) {
+        return undefined;
+    }
+    if (rule.type === 'ref') {
+        return { ref: rule, negated: false };
+    }
+    if (rule.type === 'not' && isNode(rule.rule) && rule.rule.type === 'ref') {
+        return { ref: rule.rule, negated: true };
+    }
+    return undefined;
+}
+/**
+ * Whether there is a rule here at all. A hand-edited rule can hold a `null` or
+ * a bare value where a node should be, and reading `type` off one throws, so
+ * everything that asks about structure asks this first.
+ * @param rule
+ */
+function isNode(rule) {
+    return typeof rule === 'object' && rule !== null;
+}
+function describeRule(node, state, source) {
+    const issues = source.issues().get(node);
+    const group = groupOf(node);
+    if (group) {
+        return {
+            kind: 'group',
+            combinator: group.combinator,
+            // Never copies: the tree tells conditions apart by identity.
+            children: group.rules,
+            issues: issues,
+        };
+    }
+    const reference = refOf(node);
+    if (!reference) {
+        return unreadable(node, source, issues);
+    }
+    return describeRef(reference, state, source, issues);
+}
+/**
+ * How a condition reads: its primitive's name, the bare id when nobody
+ * registered it, and the placeholder when it has not even got that.
+ * @param ref
+ * @param source
+ */
+function nameOf(ref, source) {
+    return source.titles.get(ref.id) || ref.id || UNNAMED;
+}
+function describeRef(reference, state, source, issues) {
+    const { ref, negated } = reference;
+    const metadata = source.metadata.get(ref.id);
+    const fresh = source.created().has(ref);
+    const editor = metadata === null || metadata === void 0 ? void 0 : metadata.configComponent;
+    return {
+        kind: 'leaf',
+        chip: {
+            label: nameOf(ref, source),
+            icon: glyphOf(metadata),
+            // Marked before validation has had its say, so that a rule loaded
+            // from storage does not read as sound for a render.
+            invalid: !metadata || !!(issues === null || issues === void 0 ? void 0 : issues.length),
+            component: {
+                name: 'limebb-rule-condition-chip',
+                props: {
+                    negated: negated,
+                    iconColor: colourOf(metadata),
+                },
+            },
+        },
+        // Every condition here is opaque, so the tree offers the negation and
+        // rebuilds it through `negate`.
+        negated: negated,
+        issues: issues,
+        // Just added and with something to configure: the one thing left to do
+        // is put in front of the author. One with nothing to configure is
+        // already complete, and stays shut.
+        autoOpen: fresh && !!editor,
+        editor: editor && {
+            name: 'limebb-rule-condition-editor',
+            props: {
+                configComponent: editor,
+                // Never into one they merely re-opened to look at.
+                focusOnOpen: fresh && !state.visited,
+            },
+        },
+    };
+}
+/**
+ * A rule this adapter cannot read: neither a group nor a reference. Drawn, so
+ * the tree is not silently short of a condition, and marked — but with no
+ * editor, which is what keeps it shut.
+ * @param node
+ * @param source
+ * @param issues
+ */
+function unreadable(node, source, issues) {
+    var _a;
+    return {
+        kind: 'leaf',
+        chip: {
+            label: (_a = typeNameOf(node)) !== null && _a !== void 0 ? _a : UNNAMED,
+            icon: 'question',
+            invalid: true,
+            component: { name: 'limebb-rule-condition-chip' },
+        },
+        issues: (issues === null || issues === void 0 ? void 0 : issues.length)
+            ? issues
+            : [
+                source.translate('webclient.rule-editor.unreadable-condition', 'This condition cannot be read, and so cannot be edited here.'),
+            ],
+    };
+}
+/**
+ * What a node says it is, when it says anything at all. Read defensively: the
+ * nodes that get here are the ones that are not rules, so a `type` that is
+ * missing or is not a word is exactly how one arrives.
+ * @param node
+ */
+function typeNameOf(node) {
+    if (!isNode(node)) {
+        return undefined;
+    }
+    const type = node.type;
+    return typeof type === 'string' && type ? type : undefined;
+}
+/**
+ * The primitive's glyph, or the one standing for a primitive nobody registered.
+ * Its colour travels separately — see {@link colourOf} — because the tree's
+ * chip vocabulary has room only for the name.
+ * @param metadata
+ */
+function glyphOf(metadata) {
+    if (!metadata) {
+        return 'question';
+    }
+    if (!metadata.icon) {
+        return undefined;
+    }
+    return typeof metadata.icon === 'string'
+        ? metadata.icon
+        : metadata.icon.name;
+}
+/**
+ * The colour the primitive asked for its glyph, when it asked for one.
+ * @param metadata
+ */
+function colourOf(metadata) {
+    return typeof (metadata === null || metadata === void 0 ? void 0 : metadata.icon) === 'object' ? metadata.icon.color : undefined;
+}
+function group(combinator, children) {
+    const inner = { type: SHAPE[combinator].type, rules: [...children] };
+    return SHAPE[combinator].negated ? { type: 'not', rule: inner } : inner;
+}
+function negate(node, negated) {
+    if (negated) {
+        return node.type === 'not' ? node : { type: 'not', rule: node };
+    }
+    return node.type === 'not' ? node.rule : node;
+}
+
+const ruleConditionEditorCss = () => `:host{display:block;padding:1rem;min-width:24rem}`;
+
+const RuleConditionEditor = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.conditionChange = createEvent(this, "conditionChange");
+        /**
+         * Forwarded so that component can take focus as it appears. Set only for a
+         * condition the author has just added.
+         */
+        this.focusOnOpen = false;
+        /**
+         * @inheritdoc
+         */
+        this.readonly = false;
+        /**
+         * @inheritdoc
+         */
+        this.disabled = false;
+        /**
+         * The config component's `change` bubbles and is composed, so it would
+         * otherwise reach the rule editor and be taken for the whole rule changing.
+         * It stops here and leaves as the event the tree listens for.
+         * @param event
+         */
+        this.handleChange = (event) => {
+            event.stopPropagation();
+            const reference = this.reference;
+            if (!reference) {
+                return;
+            }
+            const next = Object.assign(Object.assign({}, reference.ref), { args: event.detail });
+            this.conditionChange.emit(reference.negated ? { type: 'not', rule: next } : next);
+        };
+    }
+    render() {
+        if (!this.configComponent || !this.reference) {
+            return null;
+        }
+        return (h(LimeWebComponentTemplate, { class: "editor", platform: this.platform, context: this.context, name: this.configComponent.name, props: Object.assign(Object.assign({}, this.configComponent.props), { value: this.reference.ref.args, readonly: this.readonly, disabled: this.disabled, focusOnOpen: this.focusOnOpen, onChange: this.handleChange }) }));
+    }
+    get reference() {
+        return this.value ? refOf(this.value) : undefined;
+    }
+};
+RuleConditionEditor.style = ruleConditionEditorCss();
+
+export { RuleConditionEditor as R, createRuleConditionTreeAdapter as c, groupOf as g };

package/dist/esm/limebb-rule-condition-editor.entry.js

@@ -0,0 +1,3 @@
+export { R as limebb_rule_condition_editor } from './limebb-rule-condition-editor-DeY758N-.js';
+import './index-BK566_jX.js';
+import './web-component-template-D1JpeNy_.js';