@ctrliq/quantic-components 1.67.1 → 1.67.3

package/dist/option-card/option-card.component.d.ts

@@ -3,7 +3,7 @@ import { QuanticElement } from '../shared/quantic-element';
 import { OptionCardVariant, OptionCardSize } from './index.constants';
 import { type OptionCardGroupContext } from './index.context';
 import type { ComponentMeta } from '../shared/meta.types';
-declare const OptionCard_base: typeof QuanticElement & import("../shared/shared.types").LitConstructor<import("../shared/auto-hide-empty-slots.mixin").AutoHideEmptySlotsInterface>;
+declare const OptionCard_base: typeof QuanticElement;
 export declare class OptionCard extends OptionCard_base {
     static meta: ComponentMeta;
     static formAssociated: boolean;

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

@@ -12,7 +12,7 @@ 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) {
+let OptionCard = class OptionCard extends AutoHideEmptySlotsMixin(QuanticElement, ['icon', 'description']) {
     constructor() {
         super();
         this.checked = false;
@@ -138,13 +138,9 @@ let OptionCard = class OptionCard extends AutoHideEmptySlotsMixin(QuanticElement
       />
       <label for=${inputId} class=${labelClasses}>
         <div class="content">
-          <slot
-            name="icon"
-            class="icon"
-            @slotchange=${this.handleAutoHide}
-          ></slot>
+          <slot name="icon" class="icon"></slot>
           <!-- main slot -->
-          <slot class="body" @slotchange=${this.handleAutoHide}></slot>
+          <slot class="body"></slot>
           <div class="indicator" aria-hidden="true">
             ${isRadio
             ? html `<div class="visual-radio"></div>`
@@ -166,11 +162,7 @@ let OptionCard = class OptionCard extends AutoHideEmptySlotsMixin(QuanticElement
                 </div>`}
           </div>
         </div>
-        <slot
-          name="description"
-          class="description"
-          @slotchange=${this.handleAutoHide}
-        ></slot>
+        <slot name="description" class="description"></slot>
       </label>
     `;
     }

package/dist/panel/panel-header.component.d.ts

@@ -1,7 +1,7 @@
 import { PanelHeaderSize } from './index.constants';
 import { QuanticElement } from '../shared/quantic-element';
 import type { ComponentMeta } from '../shared/meta.types';
-declare const PanelHeader_base: typeof QuanticElement & import("../shared/shared.types").LitConstructor<import("../shared/auto-hide-empty-slots.mixin").AutoHideEmptySlotsInterface>;
+declare const PanelHeader_base: typeof QuanticElement;
 export declare class PanelHeader extends PanelHeader_base {
     static meta: ComponentMeta;
     size: PanelHeaderSize;

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

@@ -11,7 +11,7 @@ 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) {
+let PanelHeader = class PanelHeader extends AutoHideEmptySlotsMixin(QuanticElement, ['pretitle', 'subtitle', 'meta']) {
     constructor() {
         super(...arguments);
         this.size = PanelHeaderSize.Medium;
@@ -24,23 +24,11 @@ let PanelHeader = class PanelHeader extends AutoHideEmptySlotsMixin(QuanticEleme
         return html `
       <div class=${classes}>
         <hgroup>
-          <slot
-            name="pretitle"
-            class="pretitle"
-            @slotchange=${this.handleAutoHide}
-          ></slot>
+          <slot name="pretitle" class="pretitle"></slot>
           <slot class="title"></slot>
-          <slot
-            name="subtitle"
-            class="subtitle"
-            @slotchange=${this.handleAutoHide}
-          ></slot>
+          <slot name="subtitle" class="subtitle"></slot>
         </hgroup>
-        <slot
-          name="meta"
-          class="meta"
-          @slotchange=${this.handleAutoHide}
-        ></slot>
+        <slot name="meta" class="meta"></slot>
       </div>
     `;
     }

package/dist/panel/panel.component.d.ts

@@ -1,7 +1,7 @@
 import { PanelVariant } from './index.constants';
 import { QuanticElement } from '../shared/quantic-element';
 import type { ComponentMeta } from '../shared/meta.types';
-declare const Panel_base: typeof QuanticElement & import("../shared/shared.types").LitConstructor<import("../shared/auto-hide-empty-slots.mixin").AutoHideEmptySlotsInterface>;
+declare const Panel_base: typeof QuanticElement;
 export declare class Panel extends Panel_base {
     static meta: ComponentMeta;
     variant: PanelVariant;

package/dist/panel/panel.component.js

@@ -11,7 +11,7 @@ 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) {
+let Panel = class Panel extends AutoHideEmptySlotsMixin(QuanticElement, ['header', 'footer']) {
     constructor() {
         super(...arguments);
         this.variant = PanelVariant.Outline;
@@ -25,17 +25,9 @@ let Panel = class Panel extends AutoHideEmptySlotsMixin(QuanticElement) {
         });
         return html `
       <div class=${classes}>
-        <slot
-          name="header"
-          class="header"
-          @slotchange=${this.handleAutoHide}
-        ></slot>
-        <slot class="body" @slotchange=${this.handleAutoHide}></slot>
-        <slot
-          name="footer"
-          class="footer"
-          @slotchange=${this.handleAutoHide}
-        ></slot>
+        <slot name="header" class="header"></slot>
+        <slot class="body"></slot>
+        <slot name="footer" class="footer"></slot>
       </div>
     `;
     }

package/dist/popover/popover-popup.d.ts

@@ -1,6 +1,6 @@
 import { QuanticElement } from '../shared/quantic-element';
 import type { ComponentMeta } from '../shared/meta.types';
-declare const PopoverPopup_base: typeof QuanticElement & import("../shared/shared.types").LitConstructor<import("../shared/auto-hide-empty-slots.mixin").AutoHideEmptySlotsInterface>;
+declare const PopoverPopup_base: typeof QuanticElement;
 export declare class PopoverPopup extends PopoverPopup_base {
     static meta: ComponentMeta;
     visible: boolean;

package/dist/popover/popover-popup.js

@@ -8,7 +8,7 @@ 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) {
+let PopoverPopup = class PopoverPopup extends AutoHideEmptySlotsMixin(QuanticElement, ['header', 'footer']) {
     constructor() {
         super(...arguments);
         this.visible = false;
@@ -16,9 +16,9 @@ let PopoverPopup = class PopoverPopup extends AutoHideEmptySlotsMixin(QuanticEle
     render() {
         return html `
       <div class="main">
-        <slot name="header" @slotchange=${this.handleAutoHide}></slot>
+        <slot name="header"></slot>
         <slot></slot>
-        <slot name="footer" @slotchange=${this.handleAutoHide}></slot>
+        <slot name="footer"></slot>
       </div>
     `;
     }

package/dist/popover/popover.d.ts

@@ -43,7 +43,7 @@ export declare class Popover extends QuanticElement {
     isRightAligned(): boolean;
     isTopAligned(): boolean;
     isBottomAligned(): boolean;
-    get originY(): 1 | -1 | 0;
-    get originX(): 1 | -1 | 0;
+    get originY(): 0 | 1 | -1;
+    get originX(): 0 | 1 | -1;
     render(): import("lit").TemplateResult<1>;
 }