@redvars/peacock 3.5.0 → 3.6.0

package/dist/condition-builder.js

@@ -0,0 +1,58 @@
+import { a as i, _ as __decorate, I as IndividualComponent, i as i$1, b } from './IndividualComponent-DUINtMGK.js';
+
+var css_248z = i`* {
+  box-sizing: border-box;
+}
+
+.screen-reader-only {
+  display: none !important;
+}
+
+:host {
+  display: block;
+}
+
+.condition-builder {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-200);
+}`;
+
+/**
+ * @label Condition Builder
+ * @tag wc-condition-builder
+ * @rawTag condition-builder
+ * @summary A condition builder component that allows users to construct complex filter conditions using a visual rule-based interface with predicates, compound expressions, and logical operators.
+ * @tags condition-builder
+ *
+ * @example
+ * ```html
+ * <wc-condition-builder>
+ *   <wc-cb-predicate condition-operator="or">
+ *     <wc-cb-predicate vertical condition-operator="and">
+ *       <wc-cb-compound-expression field-label="Age" condition-operator="or">
+ *         <wc-cb-expression>
+ *           <wc-input inline placeholder="Enter value"></wc-input>
+ *         </wc-cb-expression>
+ *       </wc-cb-compound-expression>
+ *     </wc-cb-predicate>
+ *   </wc-cb-predicate>
+ * </wc-condition-builder>
+ * ```
+ */
+let ConditionBuilder = class ConditionBuilder extends i$1 {
+    render() {
+        return b `
+      <div class="condition-builder">
+        <slot></slot>
+      </div>
+    `;
+    }
+};
+ConditionBuilder.styles = [css_248z];
+ConditionBuilder = __decorate([
+    IndividualComponent
+], ConditionBuilder);
+
+export { ConditionBuilder };
+//# sourceMappingURL=condition-builder.js.map

package/dist/condition-builder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"condition-builder.js","sources":["../../src/condition-builder/condition-builder.ts"],"sourcesContent":["import { html, LitElement } from 'lit';\nimport IndividualComponent from '@/IndividualComponent.js';\nimport styles from './condition-builder.scss';\n\n/**\n * @label Condition Builder\n * @tag wc-condition-builder\n * @rawTag condition-builder\n * @summary A condition builder component that allows users to construct complex filter conditions using a visual rule-based interface with predicates, compound expressions, and logical operators.\n * @tags condition-builder\n *\n * @example\n * ```html\n * <wc-condition-builder>\n *   <wc-cb-predicate condition-operator=\"or\">\n *     <wc-cb-predicate vertical condition-operator=\"and\">\n *       <wc-cb-compound-expression field-label=\"Age\" condition-operator=\"or\">\n *         <wc-cb-expression>\n *           <wc-input inline placeholder=\"Enter value\"></wc-input>\n *         </wc-cb-expression>\n *       </wc-cb-compound-expression>\n *     </wc-cb-predicate>\n *   </wc-cb-predicate>\n * </wc-condition-builder>\n * ```\n */\n@IndividualComponent\nexport class ConditionBuilder extends LitElement {\n  static styles = [styles];\n\n  render() {\n    return html`\n      <div class=\"condition-builder\">\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n"],"names":["LitElement","html","styles"],"mappings":";;;;;;;;;;;;;;;;;;;;AAIA;;;;;;;;;;;;;;;;;;;;;AAqBG;AAEI,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQA,GAAU,CAAA;IAG9C,MAAM,GAAA;AACJ,QAAA,OAAOC,CAAI,CAAA;;;;KAIV;IACH;;AARO,gBAAA,CAAA,MAAM,GAAG,CAACC,QAAM,CAAC;AADb,gBAAgB,GAAA,UAAA,CAAA;IAD5B;AACY,CAAA,EAAA,gBAAgB,CAU5B;;;;"}