@kubex/zinc 1.0.18 → 1.0.20

package/dist/zn.d.ts

@@ -2025,7 +2025,7 @@ declare module "components/select/select.component" {
         currentOption: ZnOption;
         selectedOptions: ZnOption[];
         private valueHasChanged;
-        private hasCheckboxPrefix;
+        private inputPrefix;
         /** The name of the select, submitted as a name/value pair with form data. */
         name: string;
         private _value;
@@ -2103,7 +2103,7 @@ declare module "components/select/select.component" {
         /** Gets the validation message */
         get validationMessage(): string;
         connectedCallback(): void;
-        private updateHasCheckboxPrefix;
+        private updateHasInputPrefix;
         private addOpenListeners;
         private removeOpenListeners;
         private handleFocus;
@@ -2639,6 +2639,7 @@ declare module "components/data-table/data-table.component" {
         sortValue?: string;
         uri?: string;
         target?: string;
+        copyable?: boolean;
     }
     interface Row {
         id: string;
@@ -3198,6 +3199,7 @@ declare module "components/navbar/navbar.component" {
         stacked: boolean;
         dropdown: never[];
         noPad: false;
+        manualAddItems: boolean;
         private _preItems;
         private _postItems;
         private _appended;
@@ -3213,7 +3215,7 @@ declare module "components/navbar/navbar.component" {
         appendItem(item: Element): void;
         connectedCallback(): void;
         handleResize: () => void;
-        addItem(item: any): any;
+        addItem(item: Element): void;
         protected firstUpdated(_changedProperties: PropertyValues): void;
         showMore(): void;
         render(): import("lit").TemplateResult<1>;
@@ -4951,6 +4953,7 @@ declare module "components/checkbox/checkbox.component" {
     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
@@ -4961,7 +4964,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.
@@ -4974,6 +4977,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.
@@ -4993,6 +4997,8 @@ declare module "components/checkbox/checkbox.component" {
         name: string;
         /** The current value of the checkbox, submitted as a name/value pair with form data. */
         value: string;
+        /** The unchecked value of the checkbox, submitted as a name/value pair with form data. */
+        uncheckedValue: string;
         /** The checkbox's size. */
         size: 'small' | 'medium' | 'large';
         /** Disables the checkbox. */
@@ -5018,10 +5024,22 @@ declare module "components/checkbox/checkbox.component" {
         form: string;
         /** Makes the checkbox a required field. */
         required: boolean;
+        /** Submits the form when checkbox is clicked. */
+        submitOnClick: boolean;
         /** The checkbox's help text. If you need to display HTML, use the `description` slot instead. */
         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;
@@ -5216,6 +5234,43 @@ declare module "components/form-group/index" {
         }
     }
 }
+declare module "components/input-group/input-group.component" {
+    import { type CSSResultGroup } from 'lit';
+    import ZincElement from "internal/zinc-element";
+    /**
+     * @summary A wrapper component that groups inputs and selects visually.
+     * @documentation https://zinc.style/components/input-group
+     * @status experimental
+     * @since 1.0
+     *
+     * @slot - The default slot for inputs and selects.
+     * @slot label - The input group's label. Alternatively, you can use the `label` attribute.
+     *
+     * @csspart base - The component's base wrapper.
+     * @csspart form-control - The form control wrapper.
+     * @csspart form-control-label - The label's wrapper.
+     * @csspart form-control-input - The input group container.
+     */
+    export default class ZnInputGroup extends ZincElement {
+        static styles: CSSResultGroup;
+        private readonly hasSlotController;
+        defaultSlot: HTMLSlotElement;
+        /** The input group's label. If you need to display HTML, use the `label` slot. */
+        label: string;
+        private handleSlotChange;
+        render(): import("lit").TemplateResult<1>;
+    }
+}
+declare module "components/input-group/index" {
+    import ZnInputGroup from "components/input-group/input-group.component";
+    export * from "components/input-group/input-group.component";
+    export default ZnInputGroup;
+    global {
+        interface HTMLElementTagNameMap {
+            'zn-input-group': ZnInputGroup;
+        }
+    }
+}
 declare module "components/linked-select/linked-select.component" {
     import { type CSSResultGroup, type PropertyValues } from 'lit';
     import ZincElement from "internal/zinc-element";
@@ -5909,6 +5964,7 @@ declare module "components/item/item.component" {
         grid: boolean;
         noPadding: boolean;
         alignEnd: boolean;
+        alignCenter: boolean;
         connectedCallback(): void;
         protected updated(_changedProperties: PropertyValues): void;
         protected _hasContent(): boolean;
@@ -6580,6 +6636,99 @@ declare module "components/reveal/index" {
         }
     }
 }
+declare module "components/audio-select/audio-select.component" {
+    import { type CSSResultGroup, type PropertyValues } 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 _isPlaying;
+        private readonly _audio;
+        value: string;
+        label: string;
+        placeholder: string;
+        files: AudioFile[];
+        constructor();
+        disconnectedCallback(): void;
+        updated(changedProperties: PropertyValues): 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 "components/translations/translations.component" {
+    import ZincElement from "internal/zinc-element";
+    import ZnInlineEdit from "components/inline-edit/index";
+    import ZnInput from "components/input/index";
+    import ZnNavbar from "components/navbar/index";
+    import type { PropertyValues } from 'lit';
+    import type { ZincFormControl } from "internal/zinc-element";
+    export default class ZnTranslations extends ZincElement implements ZincFormControl {
+        static styles: import("lit").CSSResult;
+        static dependencies: {
+            'zn-navbar': typeof ZnNavbar;
+            'zn-input': typeof ZnInput;
+            'zn-inline-edit': typeof ZnInlineEdit;
+        };
+        private readonly formControlController;
+        private readonly hasSlotController;
+        name: string;
+        value: string;
+        label: string;
+        disabled: boolean;
+        required: boolean;
+        languages: Record<string, string>;
+        values: Record<string, string>;
+        private _activeLanguage;
+        get validity(): ValidityState;
+        get validationMessage(): string;
+        checkValidity(): boolean;
+        getForm(): HTMLFormElement | null;
+        reportValidity(): boolean;
+        setCustomValidity(): void;
+        protected firstUpdated(): void;
+        willUpdate(changedProperties: PropertyValues): void;
+        private handleLanguageAdd;
+        private handleNavbarClick;
+        private handleValueUpdate;
+        private updateValue;
+        render(): import("lit").TemplateResult<1>;
+    }
+}
+declare module "components/translations/index" {
+    import ZnTranslations from "components/translations/translations.component";
+    export * from "components/translations/translations.component";
+    export default ZnTranslations;
+}
 declare module "events/zn-after-hide" {
     export type ZnAfterHideEvent = CustomEvent<Record<PropertyKey, never>>;
     global {
@@ -6696,6 +6845,7 @@ declare module "zinc" {
     export { default as Checkbox } from "components/checkbox/index";
     export { default as Datepicker } from "components/datepicker/index";
     export { default as FormGroup } from "components/form-group/index";
+    export { default as InputGroup } from "components/input-group/index";
     export { default as LinkedSelect } from "components/linked-select/index";
     export { default as Radio } from "components/radio/index";
     export { default as Rating } from "components/rating/index";
@@ -6721,6 +6871,8 @@ 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 Translations } from "components/translations/index";
     export { default as ZincElement } from "internal/zinc-element";
     export * from "utilities/on";
     export * from "utilities/query";