@redvars/peacock 3.8.1 → 3.8.3

package/dist/color-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-picker.js","sources":["../../src/color-picker/color-picker.ts"],"sourcesContent":["import { LitElement, html, nothing } from 'lit';\nimport { property, state, query } from 'lit/decorators.js';\nimport { styleMap } from 'lit/directives/style-map.js';\nimport styles from './color-picker.scss';\nimport IndividualComponent from '@/IndividualComponent.js';\n\n// ── Color utilities ───────────────────────────────────────────────────────────\n\nfunction hexToRgb(hex: string): { r: number; g: number; b: number } {\n  const clean = hex.replace('#', '');\n  const full = clean.length === 3\n    ? clean.split('').map(c => c + c).join('')\n    : clean.slice(0, 6);\n  const n = parseInt(full, 16);\n  return { r: (n >> 16) & 0xff, g: (n >> 8) & 0xff, b: n & 0xff };\n}\n\nfunction rgbToHex(r: number, g: number, b: number): string {\n  return '#' + [r, g, b].map(v => Math.round(v).toString(16).padStart(2, '0')).join('');\n}\n\nfunction rgbToHsv(r: number, g: number, b: number): { h: number; s: number; v: number } {\n  const r1 = r / 255, g1 = g / 255, b1 = b / 255;\n  const max = Math.max(r1, g1, b1);\n  const min = Math.min(r1, g1, b1);\n  const delta = max - min;\n\n  let h = 0;\n  if (delta !== 0) {\n    if (max === r1) h = ((g1 - b1) / delta) % 6;\n    else if (max === g1) h = (b1 - r1) / delta + 2;\n    else h = (r1 - g1) / delta + 4;\n    h = Math.round(h * 60);\n    if (h < 0) h += 360;\n  }\n\n  return { h, s: max === 0 ? 0 : delta / max, v: max };\n}\n\nfunction hsvToRgb(h: number, s: number, v: number): { r: number; g: number; b: number } {\n  const c = v * s;\n  const x = c * (1 - Math.abs((h / 60) % 2 - 1));\n  const m = v - c;\n  let r1 = 0, g1 = 0, b1 = 0;\n\n  if (h < 60) { r1 = c; g1 = x; }\n  else if (h < 120) { r1 = x; g1 = c; }\n  else if (h < 180) { g1 = c; b1 = x; }\n  else if (h < 240) { g1 = x; b1 = c; }\n  else if (h < 300) { r1 = x; b1 = c; }\n  else { r1 = c; b1 = x; }\n\n  return {\n    r: Math.round((r1 + m) * 255),\n    g: Math.round((g1 + m) * 255),\n    b: Math.round((b1 + m) * 255),\n  };\n}\n\nfunction isValidHex(s: string): boolean {\n  return /^[0-9a-fA-F]{6}$/.test(s);\n}\n\n// ── Component ─────────────────────────────────────────────────────────────────\n\n/**\n * @label Color Picker\n * @tag wc-color-picker\n * @rawTag color-picker\n *\n * @summary A color picker component for selecting colors via a hue/saturation/value interface.\n *\n * @overview\n * <p>The color picker presents a 2D saturation–brightness panel with a hue slider below it.\n * An optional alpha slider allows controlling opacity. The current hex value is displayed in\n * an editable text field.</p>\n *\n * @cssprop --color-picker-width - Overall width of the component. Defaults to 240px.\n * @cssprop --color-picker-sv-height - Height of the saturation/brightness panel. Defaults to 160px.\n *\n * @fires {CustomEvent<{value: string, alpha: number}>} input - Dispatched continuously while the color is being changed.\n * @fires {CustomEvent<{value: string, alpha: number}>} change - Dispatched when a color change is committed (pointer up, key, or input blur).\n *\n * @example\n * ```html\n * <wc-color-picker value=\"#2352d5\"></wc-color-picker>\n * ```\n *\n * @example\n * ```html\n * <wc-color-picker value=\"#ff573380\" alpha></wc-color-picker>\n * ```\n */\n@IndividualComponent\nexport class ColorPicker extends LitElement {\n  // ── Static ────────────────────────────────────────────────────────────────\n\n  static styles = [styles];\n\n  // ── Properties ───────────────────────────────────────────────────────────\n\n  /**\n   * The current color as a 6-digit hex string (e.g. `\"#ff5733\"`).\n   */\n  @property({ type: String, reflect: true }) value = '#2352d5';\n\n  /**\n   * Whether to show the alpha (opacity) slider and input.\n   */\n  @property({ type: Boolean }) alpha = false;\n\n  /**\n   * Whether the color picker is disabled.\n   */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  // ── State ─────────────────────────────────────────────────────────────────\n\n  /** Current hue, 0–360. */\n  @state() private _hue = 0;\n\n  /** Current saturation, 0–1 (x-axis of the SV panel). */\n  @state() private _sat = 0;\n\n  /** Current brightness (value in HSV), 0–1 (y-axis, 1 = bright). */\n  @state() private _bri = 1;\n\n  /** Current opacity, 0–1. */\n  @state() private _opacity = 1;\n\n  /** Intermediate value for the hex text input (without `#`). */\n  @state() private _hexInput = '';\n\n  // ── Queries ───────────────────────────────────────────────────────────────\n\n  @query('.sv-panel') private _svPanel?: HTMLElement;\n  @query('.hue-track') private _hueTrack?: HTMLElement;\n  @query('.alpha-track') private _alphaTrack?: HTMLElement;\n\n  // ── Private fields ────────────────────────────────────────────────────────\n\n  /** Tracks which drag handle is currently active. */\n  private _dragging: 'sv' | 'hue' | 'alpha' | null = null;\n\n  /** The last `value` we set ourselves, used to skip redundant re-syncs in `updated`. */\n  private _lastEmittedValue = '';\n\n  // ── Lifecycle ─────────────────────────────────────────────────────────────\n\n  connectedCallback() {\n    super.connectedCallback();\n    this._syncFromValue();\n    this._lastEmittedValue = this.value;\n  }\n\n  updated(changed: Map<PropertyKey, unknown>) {\n    if (changed.has('value') && this.value !== this._lastEmittedValue) {\n      this._syncFromValue();\n    }\n  }\n\n  // ── Private methods ───────────────────────────────────────────────────────\n\n  private _syncFromValue() {\n    const clean = this.value.startsWith('#') ? this.value.slice(1) : this.value;\n    if (!isValidHex(clean)) return;\n    const { r, g, b } = hexToRgb('#' + clean);\n    const { h, s, v } = rgbToHsv(r, g, b);\n    this._hue = h;\n    this._sat = s;\n    this._bri = v;\n    this._hexInput = clean.toUpperCase();\n  }\n\n  private _computeHex(): string {\n    const { r, g, b } = hsvToRgb(this._hue, this._sat, this._bri);\n    return rgbToHex(r, g, b);\n  }\n\n  private _emitValue(type: 'input' | 'change') {\n    const hex = this._computeHex();\n    this._lastEmittedValue = hex;\n    this.value = hex;\n    this._hexInput = hex.slice(1).toUpperCase();\n    this.dispatchEvent(new CustomEvent(type, {\n      detail: { value: hex, alpha: this._opacity },\n      bubbles: true,\n      composed: true,\n    }));\n  }\n\n  // SV panel\n  private _onSvPointerDown(e: PointerEvent) {\n    if (this.disabled) return;\n    e.preventDefault();\n    this._dragging = 'sv';\n    (e.currentTarget as Element).setPointerCapture(e.pointerId);\n    this._updateSv(e);\n    this._emitValue('input');\n  }\n\n  private _onSvPointerMove(e: PointerEvent) {\n    if (this._dragging !== 'sv') return;\n    this._updateSv(e);\n    this._emitValue('input');\n  }\n\n  private _onSvPointerUp() {\n    if (this._dragging !== 'sv') return;\n    this._dragging = null;\n    this._emitValue('change');\n  }\n\n  private _updateSv(e: PointerEvent) {\n    const rect = this._svPanel!.getBoundingClientRect();\n    this._sat = Math.max(0, Math.min(1, (e.clientX - rect.left) / rect.width));\n    this._bri = 1 - Math.max(0, Math.min(1, (e.clientY - rect.top) / rect.height));\n  }\n\n  private _onSvKeyDown(e: KeyboardEvent) {\n    if (this.disabled) return;\n    const step = e.shiftKey ? 0.1 : 0.01;\n    let changed = false;\n\n    if (e.key === 'ArrowRight') { this._sat = Math.min(1, this._sat + step); changed = true; }\n    else if (e.key === 'ArrowLeft') { this._sat = Math.max(0, this._sat - step); changed = true; }\n    else if (e.key === 'ArrowUp') { this._bri = Math.min(1, this._bri + step); changed = true; }\n    else if (e.key === 'ArrowDown') { this._bri = Math.max(0, this._bri - step); changed = true; }\n\n    if (changed) {\n      e.preventDefault();\n      this._emitValue('input');\n      this._emitValue('change');\n    }\n  }\n\n  // Hue slider\n  private _onHuePointerDown(e: PointerEvent) {\n    if (this.disabled) return;\n    e.preventDefault();\n    this._dragging = 'hue';\n    (e.currentTarget as Element).setPointerCapture(e.pointerId);\n    this._updateHue(e);\n    this._emitValue('input');\n  }\n\n  private _onHuePointerMove(e: PointerEvent) {\n    if (this._dragging !== 'hue') return;\n    this._updateHue(e);\n    this._emitValue('input');\n  }\n\n  private _onHuePointerUp() {\n    if (this._dragging !== 'hue') return;\n    this._dragging = null;\n    this._emitValue('change');\n  }\n\n  private _updateHue(e: PointerEvent) {\n    const rect = this._hueTrack!.getBoundingClientRect();\n    this._hue = Math.round(Math.max(0, Math.min(1, (e.clientX - rect.left) / rect.width)) * 360);\n  }\n\n  private _onHueKeyDown(e: KeyboardEvent) {\n    if (this.disabled) return;\n    const step = e.shiftKey ? 10 : 1;\n    let changed = false;\n\n    if (e.key === 'ArrowRight' || e.key === 'ArrowUp') { this._hue = Math.min(360, this._hue + step); changed = true; }\n    else if (e.key === 'ArrowLeft' || e.key === 'ArrowDown') { this._hue = Math.max(0, this._hue - step); changed = true; }\n\n    if (changed) {\n      e.preventDefault();\n      this._emitValue('input');\n      this._emitValue('change');\n    }\n  }\n\n  // Alpha slider\n  private _onAlphaPointerDown(e: PointerEvent) {\n    if (this.disabled) return;\n    e.preventDefault();\n    this._dragging = 'alpha';\n    (e.currentTarget as Element).setPointerCapture(e.pointerId);\n    this._updateAlpha(e);\n    this._emitValue('input');\n  }\n\n  private _onAlphaPointerMove(e: PointerEvent) {\n    if (this._dragging !== 'alpha') return;\n    this._updateAlpha(e);\n    this._emitValue('input');\n  }\n\n  private _onAlphaPointerUp() {\n    if (this._dragging !== 'alpha') return;\n    this._dragging = null;\n    this._emitValue('change');\n  }\n\n  private _updateAlpha(e: PointerEvent) {\n    const rect = this._alphaTrack!.getBoundingClientRect();\n    this._opacity = Math.max(0, Math.min(1, (e.clientX - rect.left) / rect.width));\n  }\n\n  private _onAlphaKeyDown(e: KeyboardEvent) {\n    if (this.disabled) return;\n    const step = e.shiftKey ? 0.1 : 0.01;\n    let changed = false;\n\n    if (e.key === 'ArrowRight' || e.key === 'ArrowUp') { this._opacity = Math.min(1, this._opacity + step); changed = true; }\n    else if (e.key === 'ArrowLeft' || e.key === 'ArrowDown') { this._opacity = Math.max(0, this._opacity - step); changed = true; }\n\n    if (changed) {\n      e.preventDefault();\n      this._emitValue('input');\n      this._emitValue('change');\n    }\n  }\n\n  // Hex input\n  private _onHexInput(e: InputEvent) {\n    const raw = (e.target as HTMLInputElement).value.toUpperCase().replace(/[^0-9A-F]/g, '');\n    this._hexInput = raw;\n    if (isValidHex(raw)) {\n      const { r, g, b } = hexToRgb('#' + raw);\n      const { h, s, v } = rgbToHsv(r, g, b);\n      this._hue = h;\n      this._sat = s;\n      this._bri = v;\n      this._emitValue('input');\n    }\n  }\n\n  private _onHexChange() {\n    if (isValidHex(this._hexInput)) {\n      this._emitValue('change');\n    } else {\n      this._hexInput = this.value.slice(1).toUpperCase();\n    }\n  }\n\n  private _onAlphaNumberChange(e: Event) {\n    const raw = parseInt((e.target as HTMLInputElement).value, 10);\n    this._opacity = Math.max(0, Math.min(100, isNaN(raw) ? 100 : raw)) / 100;\n    this._emitValue('change');\n  }\n\n  // ── Render ────────────────────────────────────────────────────────────────\n\n  render() {\n    const hueColor = `hsl(${this._hue}, 100%, 50%)`;\n    const currentHex = this._computeHex();\n    const { r, g, b } = hsvToRgb(this._hue, this._sat, this._bri);\n    const previewColor = `rgba(${r}, ${g}, ${b}, ${this._opacity})`;\n\n    return html`\n      <div class=\"color-picker ${this.disabled ? 'disabled' : ''}\">\n\n        <!-- Saturation / Brightness 2D panel -->\n        <div\n          class=\"sv-panel\"\n          style=${styleMap({ '--hue-color': hueColor })}\n          @pointerdown=${this._onSvPointerDown}\n          @pointermove=${this._onSvPointerMove}\n          @pointerup=${this._onSvPointerUp}\n          @pointercancel=${this._onSvPointerUp}\n        >\n          <div\n            class=\"sv-cursor\"\n            role=\"slider\"\n            tabindex=${this.disabled ? '-1' : '0'}\n            aria-label=\"Saturation and brightness\"\n            aria-valuetext=\"Saturation ${Math.round(this._sat * 100)}%, Brightness ${Math.round(this._bri * 100)}%\"\n            style=${styleMap({\n              left: `${this._sat * 100}%`,\n              top: `${(1 - this._bri) * 100}%`,\n            })}\n            @keydown=${this._onSvKeyDown}\n          ></div>\n        </div>\n\n        <!-- Preview swatch + sliders -->\n        <div class=\"controls-row\">\n          <div class=\"color-preview\">\n            <div class=\"preview-inner\" style=${styleMap({ background: previewColor })}></div>\n          </div>\n\n          <div class=\"sliders\">\n            <!-- Hue slider -->\n            <div\n              class=\"slider-track hue-track\"\n              @pointerdown=${this._onHuePointerDown}\n              @pointermove=${this._onHuePointerMove}\n              @pointerup=${this._onHuePointerUp}\n              @pointercancel=${this._onHuePointerUp}\n            >\n              <div\n                class=\"slider-thumb\"\n                role=\"slider\"\n                tabindex=${this.disabled ? '-1' : '0'}\n                aria-label=\"Hue\"\n                aria-valuemin=\"0\"\n                aria-valuemax=\"360\"\n                aria-valuenow=${this._hue}\n                style=${styleMap({ left: `${(this._hue / 360) * 100}%` })}\n                @keydown=${this._onHueKeyDown}\n              ></div>\n            </div>\n\n            ${this.alpha ? html`\n              <!-- Alpha slider -->\n              <div\n                class=\"slider-track alpha-track\"\n                style=${styleMap({ '--current-color': currentHex })}\n                @pointerdown=${this._onAlphaPointerDown}\n                @pointermove=${this._onAlphaPointerMove}\n                @pointerup=${this._onAlphaPointerUp}\n                @pointercancel=${this._onAlphaPointerUp}\n              >\n                <div\n                  class=\"slider-thumb\"\n                  role=\"slider\"\n                  tabindex=${this.disabled ? '-1' : '0'}\n                  aria-label=\"Opacity\"\n                  aria-valuemin=\"0\"\n                  aria-valuemax=\"100\"\n                  aria-valuenow=${Math.round(this._opacity * 100)}\n                  style=${styleMap({ left: `${this._opacity * 100}%` })}\n                  @keydown=${this._onAlphaKeyDown}\n                ></div>\n              </div>\n            ` : nothing}\n          </div>\n        </div>\n\n        <!-- Hex + alpha inputs -->\n        <div class=\"inputs-row\">\n          <div class=\"hex-input-wrapper\">\n            <span class=\"input-label\">HEX</span>\n            <span class=\"hex-prefix\">#</span>\n            <input\n              class=\"hex-input\"\n              type=\"text\"\n              inputmode=\"text\"\n              maxlength=\"6\"\n              spellcheck=\"false\"\n              autocomplete=\"off\"\n              .value=${this._hexInput}\n              ?disabled=${this.disabled}\n              aria-label=\"Hex color value\"\n              @input=${this._onHexInput}\n              @change=${this._onHexChange}\n            />\n          </div>\n\n          ${this.alpha ? html`\n            <div class=\"alpha-input-wrapper\">\n              <input\n                class=\"alpha-input\"\n                type=\"number\"\n                min=\"0\"\n                max=\"100\"\n                step=\"1\"\n                .value=${String(Math.round(this._opacity * 100))}\n                ?disabled=${this.disabled}\n                aria-label=\"Opacity percentage\"\n                @change=${this._onAlphaNumberChange}\n              />\n              <span class=\"input-label\">%</span>\n            </div>\n          ` : nothing}\n        </div>\n\n      </div>\n    `;\n  }\n}\n"],"names":["LitElement","b","html","styleMap","nothing","styles","property","state","query"],"mappings":"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"}

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;;;;"}