@kubex/zinc 1.1.105 → 1.1.107
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/custom-elements.json +1849 -1553
- package/dist/vscode.html-custom-data.json +109 -52
- package/dist/web-types.json +251 -117
- package/dist/zn.d.ts +68 -0
- package/dist/zn.min.js +424 -412
- package/docs/pages/components/dialog.md +2 -0
- package/docs/pages/components/form-actions.md +71 -0
- package/docs/pages/components/slideout.md +2 -0
- package/package.json +1 -1
- package/src/components/button/button.scss +4 -0
- package/src/components/data-select/data-select.component.ts +4 -0
- package/src/components/dialog/dialog.component.ts +14 -0
- package/src/components/form-actions/form-actions.component.ts +96 -0
- package/src/components/form-actions/form-actions.scss +9 -0
- package/src/components/form-actions/form-actions.test.ts +40 -0
- package/src/components/form-actions/index.ts +12 -0
- package/src/components/linked-select/linked-select.component.ts +4 -0
- package/src/components/rating/rating.component.ts +4 -0
- package/src/components/slideout/slideout.component.ts +14 -0
- package/src/zinc.ts +1 -0
package/dist/zn.d.ts
CHANGED
|
@@ -3138,6 +3138,8 @@ declare module "components/data-select/data-select.component" {
|
|
|
3138
3138
|
name: string;
|
|
3139
3139
|
/** The value of the select. Used for form submission. When `multiple` is enabled, this is an array of strings. */
|
|
3140
3140
|
value: string | string[];
|
|
3141
|
+
/** The default value of the form control. Primarily used for resetting the form control. */
|
|
3142
|
+
defaultValue: string | string[];
|
|
3141
3143
|
/** The provider of the select. */
|
|
3142
3144
|
provider: 'color' | 'currency' | 'country' | 'phone' | 'us-state';
|
|
3143
3145
|
/** The position of the icon. */
|
|
@@ -7213,6 +7215,67 @@ declare module "components/checkbox/index" {
|
|
|
7213
7215
|
}
|
|
7214
7216
|
}
|
|
7215
7217
|
}
|
|
7218
|
+
declare module "components/form-actions/form-actions.component" {
|
|
7219
|
+
import { type CSSResultGroup } from 'lit';
|
|
7220
|
+
import ZincElement from "internal/zinc-element";
|
|
7221
|
+
import ZnButton from "components/button/index";
|
|
7222
|
+
/**
|
|
7223
|
+
* @summary Standard action row for the bottom of a form. Renders a submit button by default; opt in to more
|
|
7224
|
+
* with `with-cancel` and `with-reset`.
|
|
7225
|
+
* @documentation https://zinc.style/components/form-actions
|
|
7226
|
+
* @status experimental
|
|
7227
|
+
* @since 1.0
|
|
7228
|
+
*
|
|
7229
|
+
* @dependency zn-button
|
|
7230
|
+
*
|
|
7231
|
+
* @event zn-cancel - Emitted when the cancel button is clicked.
|
|
7232
|
+
*
|
|
7233
|
+
* @slot - Extra actions, placed before the buttons.
|
|
7234
|
+
*
|
|
7235
|
+
* @csspart cancel-button - The cancel button.
|
|
7236
|
+
* @csspart reset-button - The reset button.
|
|
7237
|
+
* @csspart submit-button - The submit button.
|
|
7238
|
+
*/
|
|
7239
|
+
export default class ZnFormActions extends ZincElement {
|
|
7240
|
+
static styles: CSSResultGroup;
|
|
7241
|
+
static dependencies: {
|
|
7242
|
+
'zn-button': typeof ZnButton;
|
|
7243
|
+
};
|
|
7244
|
+
/** The submit button's text. */
|
|
7245
|
+
submitText: string;
|
|
7246
|
+
/** The submit button's icon. */
|
|
7247
|
+
submitIcon: string;
|
|
7248
|
+
/** Adds a cancel button. Closes the containing dialog or slideout, if any, and emits `zn-cancel`. */
|
|
7249
|
+
withCancel: boolean;
|
|
7250
|
+
/** The cancel button's text. */
|
|
7251
|
+
cancelText: string;
|
|
7252
|
+
/** The cancel button's icon. */
|
|
7253
|
+
cancelIcon: string;
|
|
7254
|
+
/** Adds a reset button that resets the form. */
|
|
7255
|
+
withReset: boolean;
|
|
7256
|
+
/** The reset button's text. */
|
|
7257
|
+
resetText: string;
|
|
7258
|
+
/** The reset button's icon. */
|
|
7259
|
+
resetIcon: string;
|
|
7260
|
+
/** The id of the form to act on. If omitted, the closest containing form is used. */
|
|
7261
|
+
form: string;
|
|
7262
|
+
private getForm;
|
|
7263
|
+
private handleCancel;
|
|
7264
|
+
private handleReset;
|
|
7265
|
+
private handleSubmit;
|
|
7266
|
+
render(): import("lit-html").TemplateResult<1>;
|
|
7267
|
+
}
|
|
7268
|
+
}
|
|
7269
|
+
declare module "components/form-actions/index" {
|
|
7270
|
+
import ZnFormActions from "components/form-actions/form-actions.component";
|
|
7271
|
+
export * from "components/form-actions/form-actions.component";
|
|
7272
|
+
export default ZnFormActions;
|
|
7273
|
+
global {
|
|
7274
|
+
interface HTMLElementTagNameMap {
|
|
7275
|
+
'zn-form-actions': ZnFormActions;
|
|
7276
|
+
}
|
|
7277
|
+
}
|
|
7278
|
+
}
|
|
7216
7279
|
declare module "components/form-group/form-group.component" {
|
|
7217
7280
|
import { type CSSResultGroup } from 'lit';
|
|
7218
7281
|
import ZincElement from "internal/zinc-element";
|
|
@@ -7329,6 +7392,8 @@ declare module "components/linked-select/linked-select.component" {
|
|
|
7329
7392
|
static styles: CSSResultGroup;
|
|
7330
7393
|
name: string;
|
|
7331
7394
|
value: string;
|
|
7395
|
+
/** The default value of the form control. Primarily used for resetting the form control. */
|
|
7396
|
+
defaultValue: string;
|
|
7332
7397
|
checked: boolean;
|
|
7333
7398
|
options: linkedSelectOptions;
|
|
7334
7399
|
linkedSelect: string;
|
|
@@ -7549,6 +7614,8 @@ declare module "components/rating/rating.component" {
|
|
|
7549
7614
|
helpText: string;
|
|
7550
7615
|
name: string;
|
|
7551
7616
|
value: number;
|
|
7617
|
+
/** The default value of the form control. Primarily used for resetting the form control. */
|
|
7618
|
+
defaultValue: number;
|
|
7552
7619
|
max: number;
|
|
7553
7620
|
precision: number;
|
|
7554
7621
|
readonly: boolean;
|
|
@@ -12763,6 +12830,7 @@ declare module "zinc" {
|
|
|
12763
12830
|
export { default as Textarea } from "components/textarea/index";
|
|
12764
12831
|
export { default as Checkbox } from "components/checkbox/index";
|
|
12765
12832
|
export { default as Datepicker } from "components/datepicker/index";
|
|
12833
|
+
export { default as FormActions } from "components/form-actions/index";
|
|
12766
12834
|
export { default as FormGroup } from "components/form-group/index";
|
|
12767
12835
|
export { default as InputGroup } from "components/input-group/index";
|
|
12768
12836
|
export { default as LinkedSelect } from "components/linked-select/index";
|