@ctrliq/quantic-components 1.67.5 → 1.67.6

package/dist/option-card/option-card.component.js

@@ -12,7 +12,10 @@ import { OptionCardVariant, OptionCardSize, OptionCardType, } from './index.cons
 import { optionCardGroupContext, } from './index.context';
 import { AutoHideEmptySlotsMixin } from '../shared/auto-hide-empty-slots.mixin';
 import { event, prop } from '../shared/component-meta.decorators';
-let OptionCard = class OptionCard extends AutoHideEmptySlotsMixin(QuanticElement, ['icon', 'description']) {
+let OptionCard = class OptionCard extends AutoHideEmptySlotsMixin(QuanticElement, [
+    'icon',
+    'description',
+]) {
     constructor() {
         super();
         this.checked = false;
@@ -145,21 +148,21 @@ let OptionCard = class OptionCard extends AutoHideEmptySlotsMixin(QuanticElement
             ${isRadio
             ? html `<div class="visual-radio"></div>`
             : html `<div class="visual-checkbox">
-                  <svg
-                    class="visual-checkmark"
-                    viewBox="0 0 12 12"
-                    fill="none"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M10 3L4.5 8.5L2 6"
-                      stroke="currentColor"
-                      stroke-width="1.6666"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                    />
-                  </svg>
-                </div>`}
+                    <svg
+                      class="visual-checkmark"
+                      viewBox="0 0 12 12"
+                      fill="none"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M10 3L4.5 8.5L2 6"
+                        stroke="currentColor"
+                        stroke-width="1.6666"
+                        stroke-linecap="round"
+                        stroke-linejoin="round"
+                      />
+                    </svg>
+                  </div>`}
           </div>
         </div>
         <slot name="description" class="description"></slot>
@@ -176,7 +179,9 @@ OptionCard.meta = {
     slots: {
         '': { description: 'Main label content of the card.' },
         icon: { description: 'Optional leading icon.' },
-        description: { description: 'Optional secondary description below the label.' },
+        description: {
+            description: 'Optional secondary description below the label.',
+        },
     },
     relatedTo: ['quantic-option-card-group', 'quantic-field'],
 };
@@ -453,28 +458,65 @@ OptionCard.styles = css `
     }
   `;
 __decorate([
-    prop({ type: 'boolean', default: 'false', reflect: true, description: 'Whether the card is currently selected.' })
+    prop({
+        type: 'boolean',
+        default: 'false',
+        reflect: true,
+        description: 'Whether the card is currently selected.',
+    })
 ], OptionCard.prototype, "checked", void 0);
 __decorate([
-    prop({ type: 'boolean', default: 'false', reflect: true, description: 'Marks the card as required for form validation.' })
+    prop({
+        type: 'boolean',
+        default: 'false',
+        reflect: true,
+        description: 'Marks the card as required for form validation.',
+    })
 ], OptionCard.prototype, "required", void 0);
 __decorate([
-    prop({ type: 'boolean', default: 'false', reflect: true, description: 'Prevents interaction.' })
+    prop({
+        type: 'boolean',
+        default: 'false',
+        reflect: true,
+        description: 'Prevents interaction.',
+    })
 ], OptionCard.prototype, "disabled", void 0);
 __decorate([
-    prop({ type: 'boolean', default: 'false', reflect: true, description: 'Applies error styling.' })
+    prop({
+        type: 'boolean',
+        default: 'false',
+        reflect: true,
+        description: 'Applies error styling.',
+    })
 ], OptionCard.prototype, "invalid", void 0);
 __decorate([
-    prop({ type: 'string', reflect: true, description: 'Form value submitted when this card is selected.' })
+    prop({
+        type: 'string',
+        reflect: true,
+        description: 'Form value submitted when this card is selected.',
+    })
 ], OptionCard.prototype, "value", void 0);
 __decorate([
-    prop({ type: 'string', description: 'Name attribute passed to the underlying input for form association.' })
+    prop({
+        type: 'string',
+        description: 'Name attribute passed to the underlying input for form association.',
+    })
 ], OptionCard.prototype, "name", void 0);
 __decorate([
-    prop({ type: 'OptionCardVariant', options: Object.values(OptionCardVariant), default: OptionCardVariant.Ghost, description: 'Visual style of the card.' })
+    prop({
+        type: 'OptionCardVariant',
+        options: Object.values(OptionCardVariant),
+        default: OptionCardVariant.Ghost,
+        description: 'Visual style of the card.',
+    })
 ], OptionCard.prototype, "variant", void 0);
 __decorate([
-    prop({ type: 'OptionCardSize', options: Object.values(OptionCardSize), default: OptionCardSize.Medium, description: 'Controls padding and font size.' })
+    prop({
+        type: 'OptionCardSize',
+        options: Object.values(OptionCardSize),
+        default: OptionCardSize.Medium,
+        description: 'Controls padding and font size.',
+    })
 ], OptionCard.prototype, "size", void 0);
 __decorate([
     consume({ context: optionCardGroupContext, subscribe: true })

package/dist/panel/panel-header.component.js

@@ -11,7 +11,11 @@ import { PanelHeaderSize } from './index.constants';
 import { classMap } from 'lit/directives/class-map.js';
 import { QuanticElement, quanticElement } from '../shared/quantic-element';
 import { prop } from '../shared/component-meta.decorators';
-let PanelHeader = class PanelHeader extends AutoHideEmptySlotsMixin(QuanticElement, ['pretitle', 'subtitle', 'meta']) {
+let PanelHeader = class PanelHeader extends AutoHideEmptySlotsMixin(QuanticElement, [
+    'pretitle',
+    'subtitle',
+    'meta',
+]) {
     constructor() {
         super(...arguments);
         this.size = PanelHeaderSize.Medium;
@@ -104,7 +108,12 @@ PanelHeader.styles = css `
     }
   `;
 __decorate([
-    prop({ type: 'PanelHeaderSize', options: Object.values(PanelHeaderSize), default: PanelHeaderSize.Medium, description: 'Controls the title font size.' })
+    prop({
+        type: 'PanelHeaderSize',
+        options: Object.values(PanelHeaderSize),
+        default: PanelHeaderSize.Medium,
+        description: 'Controls the title font size.',
+    })
 ], PanelHeader.prototype, "size", void 0);
 PanelHeader = __decorate([
     quanticElement('quantic-panel-header')

package/dist/panel/panel.component.js

@@ -11,7 +11,10 @@ import { classMap } from 'lit/directives/class-map.js';
 import { AutoHideEmptySlotsMixin } from '../shared/auto-hide-empty-slots.mixin';
 import { QuanticElement, quanticElement } from '../shared/quantic-element';
 import { prop } from '../shared/component-meta.decorators';
-let Panel = class Panel extends AutoHideEmptySlotsMixin(QuanticElement, ['header', 'footer']) {
+let Panel = class Panel extends AutoHideEmptySlotsMixin(QuanticElement, [
+    'header',
+    'footer',
+]) {
     constructor() {
         super(...arguments);
         this.variant = PanelVariant.Outline;
@@ -38,7 +41,9 @@ Panel.meta = {
         'Use for grouping content sections. Prefer quantic-card when the surface needs to be clickable.',
     category: 'display',
     slots: {
-        header: { description: 'Panel header — place quantic-panel-header here.' },
+        header: {
+            description: 'Panel header — place quantic-panel-header here.',
+        },
         '': { description: 'Main body content.' },
         footer: { description: 'Footer content.' },
     },
@@ -107,10 +112,19 @@ Panel.styles = css `
     }
   `;
 __decorate([
-    prop({ type: 'PanelVariant', options: Object.values(PanelVariant), default: PanelVariant.Outline, description: 'Visual style of the panel.' })
+    prop({
+        type: 'PanelVariant',
+        options: Object.values(PanelVariant),
+        default: PanelVariant.Outline,
+        description: 'Visual style of the panel.',
+    })
 ], Panel.prototype, "variant", void 0);
 __decorate([
-    prop({ type: 'boolean', default: 'false', description: 'Applies brand-color border and title highlight.' })
+    prop({
+        type: 'boolean',
+        default: 'false',
+        description: 'Applies brand-color border and title highlight.',
+    })
 ], Panel.prototype, "highlighted", void 0);
 Panel = __decorate([
     quanticElement('quantic-panel')

package/dist/popover/popover-popup.js

@@ -8,7 +8,10 @@ import { css, html } from 'lit';
 import { quanticElement, QuanticElement } from '../shared/quantic-element';
 import { AutoHideEmptySlotsMixin } from '../shared/auto-hide-empty-slots.mixin';
 import { prop } from '../shared/component-meta.decorators';
-let PopoverPopup = class PopoverPopup extends AutoHideEmptySlotsMixin(QuanticElement, ['header', 'footer']) {
+let PopoverPopup = class PopoverPopup extends AutoHideEmptySlotsMixin(QuanticElement, [
+    'header',
+    'footer',
+]) {
     constructor() {
         super(...arguments);
         this.visible = false;
@@ -124,7 +127,12 @@ PopoverPopup.styles = css `
     }
   `;
 __decorate([
-    prop({ type: 'boolean', default: 'false', reflect: true, description: 'Controls visibility and pointer-events. Managed by quantic-popover.' })
+    prop({
+        type: 'boolean',
+        default: 'false',
+        reflect: true,
+        description: 'Controls visibility and pointer-events. Managed by quantic-popover.',
+    })
 ], PopoverPopup.prototype, "visible", void 0);
 PopoverPopup = __decorate([
     quanticElement('quantic-popover-popup')