@redvars/peacock 3.8.1 → 3.8.2

package/dist/condition-builder.js

@@ -1,4 +1,4 @@
-import { a as i, _ as __decorate, I as IndividualComponent, i as i$1, b } from './IndividualComponent-DUINtMGK.js';
+import { i, _ as __decorate, I as IndividualComponent, a as i$1, b } from './IndividualComponent-Bdwyrvd6.js';
 
 var css_248z = i`* {
   box-sizing: border-box;
@@ -8,6 +8,10 @@ var css_248z = i`* {
   display: none !important;
 }
 
+[hidden] {
+  display: none !important;
+}
+
 :host {
   display: block;
 }

package/dist/condition-builder.js.map

@@ -1 +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;;;;"}
+{"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;;;;"}

package/dist/container.js

@@ -0,0 +1,141 @@
+import { i, _ as __decorate, I as IndividualComponent, a as i$1, b } from './IndividualComponent-Bdwyrvd6.js';
+import { n } from './property-B49QQ8pS.js';
+import { e } from './class-map-DG7CA1et.js';
+import './directive-ZPhl09Yt.js';
+
+var css_248z = i`* {
+  box-sizing: border-box;
+}
+
+.screen-reader-only {
+  display: none !important;
+}
+
+[hidden] {
+  display: none !important;
+}
+
+:host {
+  display: block;
+}
+
+.container-wrapper {
+  container: containerwrapper/inline-size;
+}
+.container-wrapper.size-max .container {
+  max-width: var(--container-max);
+}
+.container-wrapper.size-xl .container {
+  max-width: var(--container-xl);
+}
+.container-wrapper.size-sm .container {
+  max-width: var(--container-sm);
+}
+.container-wrapper.size-md .container {
+  max-width: var(--container-md);
+}
+.container-wrapper.size-lg .container {
+  max-width: var(--container-lg);
+}
+
+.container {
+  margin: auto;
+  width: 100%;
+}
+.container .content {
+  padding: var(--spacing-200);
+}
+
+:host(.debug) {
+  border-width: 0 1px;
+  border-color: var(--color-red);
+  border-style: solid;
+  background: var(--color-red-50);
+}
+:host(.debug) .container {
+  border-width: 0 1px;
+  border-color: var(--color-blue);
+  border-style: solid;
+  background: var(--color-blue-100);
+}
+:host(.debug) .container .content {
+  border-width: 0 1px;
+  border-color: var(--color-green);
+  border-style: solid;
+  background: var(--color-green-100);
+}
+
+.content {
+  margin-inline: 0;
+}
+
+@container containerwrapper (min-width: 672px) {
+  .content {
+    margin-inline: var(--spacing-200);
+  }
+}
+@container containerwrapper (min-width: 1056px) {
+  .content {
+    margin-inline: var(--spacing-200);
+  }
+}
+@container containerwrapper (min-width: 1312px) {
+  .content {
+    margin-inline: var(--spacing-200);
+  }
+}
+@container containerwrapper (min-width: 1584px) {
+  .content {
+    margin-inline: var(--spacing-300);
+  }
+}`;
+
+/**
+ * @label Container
+ * @tag wc-container
+ * @rawTag container
+ * @summary A responsive container component for layout.
+ * @cssprop --container-max-width - Controls the maximum width of the container.
+ * @cssprop --container-padding - Controls the padding of the container.
+ * @tags layout
+ *
+ * @example
+ * ```html
+ * <wc-container style="width: 80%; border: 1px dotted black;" size="md">Content</wc-container>
+ * ```
+ */
+let Container = class Container extends i$1 {
+    constructor() {
+        super(...arguments);
+        /**
+         * Max-width breakpoint of the container.
+         * Possible values are `"max"`, `"xl"`, `"lg"`, `"md"`, `"sm"`, `"full"`. Defaults to `"full"`.
+         */
+        this.size = 'full';
+    }
+    render() {
+        const wrapperClasses = {
+            'container-wrapper': true,
+            [`size-${this.size}`]: true,
+        };
+        return b `
+      <div class=${e(wrapperClasses)}>
+        <div class="container">
+          <div class="content">
+            <slot></slot>
+          </div>
+        </div>
+      </div>
+    `;
+    }
+};
+Container.styles = [css_248z];
+__decorate([
+    n({ type: String, reflect: true })
+], Container.prototype, "size", void 0);
+Container = __decorate([
+    IndividualComponent
+], Container);
+
+export { Container };
+//# sourceMappingURL=container.js.map

package/dist/container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"container.js","sources":["../../src/container/container.ts"],"sourcesContent":["import { LitElement, html, css } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport styles from './container.scss';\nimport IndividualComponent from '@/IndividualComponent.js';\n\ntype ContainerSize = 'max' | 'xl' | 'lg' | 'md' | 'sm' | 'full';\n\n/**\n * @label Container\n * @tag wc-container\n * @rawTag container\n * @summary A responsive container component for layout.\n * @cssprop --container-max-width - Controls the maximum width of the container.\n * @cssprop --container-padding - Controls the padding of the container.\n * @tags layout\n *\n * @example\n * ```html\n * <wc-container style=\"width: 80%; border: 1px dotted black;\" size=\"md\">Content</wc-container>\n * ```\n */\n@IndividualComponent\nexport class Container extends LitElement {\n  static styles = [styles];\n\n  /**\n   * Max-width breakpoint of the container.\n   * Possible values are `\"max\"`, `\"xl\"`, `\"lg\"`, `\"md\"`, `\"sm\"`, `\"full\"`. Defaults to `\"full\"`.\n   */\n  @property({ type: String, reflect: true })\n  size: ContainerSize = 'full';\n\n  render() {\n    const wrapperClasses = {\n      'container-wrapper': true,\n      [`size-${this.size}`]: true,\n    };\n\n    return html`\n      <div class=${classMap(wrapperClasses)}>\n        <div class=\"container\">\n          <div class=\"content\">\n            <slot></slot>\n          </div>\n        </div>\n      </div>\n    `;\n  }\n}"],"names":["LitElement","html","classMap","styles","property"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA;;;;;;;;;;;;;AAaG;AAEI,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQA,GAAU,CAAA;AAAlC,IAAA,WAAA,GAAA;;AAGL;;;AAGG;QAEH,IAAA,CAAA,IAAI,GAAkB,MAAM;IAkB9B;IAhBE,MAAM,GAAA;AACJ,QAAA,MAAM,cAAc,GAAG;AACrB,YAAA,mBAAmB,EAAE,IAAI;AACzB,YAAA,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAA,CAAE,GAAG,IAAI;SAC5B;AAED,QAAA,OAAOC,CAAI,CAAA;mBACIC,CAAQ,CAAC,cAAc,CAAC,CAAA;;;;;;;KAOtC;IACH;;AAxBO,SAAA,CAAA,MAAM,GAAG,CAACC,QAAM,CAAC;AAOxB,UAAA,CAAA;IADCC,CAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE;AACZ,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,MAAA,EAAA,MAAA,CAAA;AARlB,SAAS,GAAA,UAAA,CAAA;IADrB;AACY,CAAA,EAAA,SAAS,CA0BrB;;;;"}