@kubex/zinc 1.0.17 → 1.0.19

package/dist/zn.d.ts

@@ -1760,7 +1760,7 @@ declare module "components/style/style.component" {
         primary: boolean;
         accent: boolean;
         center: boolean;
-        display: string;
+        display: null;
         font: string;
         width: string;
         height: string;
@@ -1946,12 +1946,12 @@ declare module "components/option/index" {
     }
 }
 declare module "components/select/select.component" {
-    import { type CSSResultGroup, PropertyValues, type TemplateResult } from 'lit';
     import { FormControlController } from "internal/form";
     import ZincElement from "internal/zinc-element";
     import ZnChip from "components/chip/index";
     import ZnIcon from "components/icon/index";
     import ZnPopup from "components/popup/index";
+    import type { CSSResultGroup, PropertyValues, TemplateResult } from 'lit';
     import type { ZincFormControl } from "internal/zinc-element";
     import type ZnOption from "components/option/index";
     /**
@@ -2019,11 +2019,13 @@ declare module "components/select/select.component" {
         displayInput: HTMLInputElement;
         valueInput: HTMLInputElement;
         listbox: HTMLSlotElement;
+        prefixSlot: HTMLSlotElement;
         private hasFocus;
         displayLabel: string;
         currentOption: ZnOption;
         selectedOptions: ZnOption[];
         private valueHasChanged;
+        private inputPrefix;
         /** The name of the select, submitted as a name/value pair with form data. */
         name: string;
         private _value;
@@ -2087,6 +2089,7 @@ declare module "components/select/select.component" {
         /** The select's required attribute. */
         required: boolean;
         cacheKey: string;
+        triggerSubmit: boolean;
         /**
          * A function that customizes the tags to be rendered when multiple=true. The first argument is the option, the second
          * is the current tag's index.  The function should return either a Lit TemplateResult or a string containing trusted HTML of the symbol to render at
@@ -2100,6 +2103,7 @@ declare module "components/select/select.component" {
         /** Gets the validation message */
         get validationMessage(): string;
         connectedCallback(): void;
+        private updateHasInputPrefix;
         private addOpenListeners;
         private removeOpenListeners;
         private handleFocus;
@@ -4944,9 +4948,10 @@ declare module "components/editor/index" {
 }
 declare module "components/checkbox/checkbox.component" {
     import { type CSSResultGroup } from 'lit';
-    import type { ZincFormControl } from "internal/zinc-element";
     import ZincElement from "internal/zinc-element";
     import ZnIcon from "components/icon/index";
+    import type { ZincFormControl } from "internal/zinc-element";
+    type ColorOption = 'default' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning' | 'transparent';
     /**
      * @summary Short summary of the component's intended use.
      * @documentation https://zinc.style/components/checkbox
@@ -4957,7 +4962,7 @@ declare module "components/checkbox/checkbox.component" {
      *
      * @slot - The checkbox's label.
      * @slot description - A description of the checkbox's label. Serves as help text for a checkbox item. Alternatively, you can use the `description` attribute.
-     *  @slot selected-content - Use to nest rich content (like an input) inside a selected checkbox item. Use only with the contained style.
+     * @slot selected-content - Use to nest rich content (like an input) inside a selected checkbox item. Use only with the contained style.
      *
      * @event zn-blur - Emitted when the checkbox loses focus.
      * @event zn-change - Emitted when the checked state changes.
@@ -4970,6 +4975,7 @@ declare module "components/checkbox/checkbox.component" {
      * @csspart control--checked - Matches the control part when the checkbox is checked.
      * @csspart control--indeterminate - Matches the control part when the checkbox is indeterminate.
      * @csspart checked-icon - The checked icon, an `<zn-icon>` element.
+     * @csspart unchecked-icon - The unchecked icon, an `<zn-icon>` element.
      * @csspart indeterminate-icon - The indeterminate icon, an `<zn-icon>` element.
      * @csspart label - The container that wraps the checkbox's label.
      * @csspart description - The container that wraps the checkbox's description.
@@ -5018,6 +5024,16 @@ declare module "components/checkbox/checkbox.component" {
         description: string;
         label: string;
         labelTooltip: string;
+        /** The icon to show when the checkbox is checked. */
+        checkedIcon: string;
+        /** The icon to show when the checkbox is unchecked. */
+        uncheckedIcon: string;
+        /** The color of the checkbox. */
+        color: ColorOption;
+        /** The color of the checkbox when checked. Overrides `color`. */
+        checkedColor: ColorOption;
+        /** The color of the checkbox when unchecked. Overrides `color`. */
+        uncheckedColor: ColorOption;
         /** Gets the validity state object */
         get validity(): ValidityState;
         get isChecked(): boolean;
@@ -6576,6 +6592,54 @@ declare module "components/reveal/index" {
         }
     }
 }
+declare module "components/audio-select/audio-select.component" {
+    import { type CSSResultGroup } from 'lit';
+    import ZincElement from "internal/zinc-element";
+    import type { ZnChangeEvent } from "events/zn-change";
+    interface AudioFile {
+        name: string;
+        url: string;
+    }
+    /**
+     * @summary Short summary of the component's intended use.
+     * @documentation https://zinc.style/components/audio-select
+     * @status experimental
+     * @since 1.0
+     *
+     * @slot - The default slot.
+     * @slot actions - The actions slot.
+     * @slot footer - The footer slot.
+     *
+     * @csspart base - The component's base wrapper.
+     *
+     * @cssproperty --example - An example CSS custom property.
+     */
+    export default class ZnAudioSelect extends ZincElement {
+        static styles: CSSResultGroup;
+        private _selectedUrl;
+        private _isPlaying;
+        private readonly _audio;
+        label: string;
+        placeholder: string;
+        files: AudioFile[];
+        constructor();
+        disconnectedCallback(): void;
+        _stopAudio(): void;
+        handleSelectChange(e: ZnChangeEvent): void;
+        togglePreview(e: CustomEvent): void;
+        render(): import("lit").TemplateResult<1>;
+    }
+}
+declare module "components/audio-select/index" {
+    import ZnAudioSelect from "components/audio-select/audio-select.component";
+    export * from "components/audio-select/audio-select.component";
+    export default ZnAudioSelect;
+    global {
+        interface HTMLElementTagNameMap {
+            'zn-audio-select': ZnAudioSelect;
+        }
+    }
+}
 declare module "events/zn-after-hide" {
     export type ZnAfterHideEvent = CustomEvent<Record<PropertyKey, never>>;
     global {
@@ -6717,6 +6781,7 @@ declare module "zinc" {
     export { default as SettingsContainer } from "components/settings-container/index";
     export { default as FilterContainer } from "components/filter-container/index";
     export { default as Reveal } from "components/reveal/index";
+    export { default as AudioSelect } from "components/audio-select/index";
     export { default as ZincElement } from "internal/zinc-element";
     export * from "utilities/on";
     export * from "utilities/query";