@kubex/zinc 1.0.16 → 1.0.18
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 +43 -5
- package/dist/vscode.html-custom-data.json +1 -0
- package/dist/web-types.json +9 -3
- package/dist/zn.d.ts +7 -3
- package/dist/zn.min.js +109 -96
- package/docs/pages/components/select.md +23 -2
- package/package.json +1 -1
- package/src/components/button/button.scss +1 -0
- package/src/components/checkbox/checkbox.component.ts +10 -5
- package/src/components/checkbox/checkbox.scss +48 -1
- package/src/components/data-table/data-table.component.ts +35 -9
- package/src/components/note/note.component.ts +7 -4
- package/src/components/note/note.scss +5 -0
- package/src/components/select/select.component.ts +85 -53
- package/src/components/select/select.scss +21 -0
- package/src/components/style/style.component.ts +1 -1
|
@@ -19725,6 +19725,13 @@
|
|
|
19725
19725
|
"text": "HTMLSlotElement"
|
|
19726
19726
|
}
|
|
19727
19727
|
},
|
|
19728
|
+
{
|
|
19729
|
+
"kind": "field",
|
|
19730
|
+
"name": "prefixSlot",
|
|
19731
|
+
"type": {
|
|
19732
|
+
"text": "HTMLSlotElement"
|
|
19733
|
+
}
|
|
19734
|
+
},
|
|
19728
19735
|
{
|
|
19729
19736
|
"kind": "field",
|
|
19730
19737
|
"name": "hasFocus",
|
|
@@ -19766,6 +19773,15 @@
|
|
|
19766
19773
|
"privacy": "private",
|
|
19767
19774
|
"default": "false"
|
|
19768
19775
|
},
|
|
19776
|
+
{
|
|
19777
|
+
"kind": "field",
|
|
19778
|
+
"name": "hasCheckboxPrefix",
|
|
19779
|
+
"type": {
|
|
19780
|
+
"text": "boolean"
|
|
19781
|
+
},
|
|
19782
|
+
"privacy": "private",
|
|
19783
|
+
"default": "false"
|
|
19784
|
+
},
|
|
19769
19785
|
{
|
|
19770
19786
|
"kind": "field",
|
|
19771
19787
|
"name": "name",
|
|
@@ -19986,6 +20002,15 @@
|
|
|
19986
20002
|
"default": "\"\"",
|
|
19987
20003
|
"attribute": "cache-key"
|
|
19988
20004
|
},
|
|
20005
|
+
{
|
|
20006
|
+
"kind": "field",
|
|
20007
|
+
"name": "triggerSubmit",
|
|
20008
|
+
"type": {
|
|
20009
|
+
"text": "boolean"
|
|
20010
|
+
},
|
|
20011
|
+
"default": "false",
|
|
20012
|
+
"attribute": "trigger-submit"
|
|
20013
|
+
},
|
|
19989
20014
|
{
|
|
19990
20015
|
"kind": "field",
|
|
19991
20016
|
"name": "getTag",
|
|
@@ -20025,6 +20050,11 @@
|
|
|
20025
20050
|
"description": "Gets the validation message",
|
|
20026
20051
|
"readonly": true
|
|
20027
20052
|
},
|
|
20053
|
+
{
|
|
20054
|
+
"kind": "method",
|
|
20055
|
+
"name": "updateHasCheckboxPrefix",
|
|
20056
|
+
"privacy": "private"
|
|
20057
|
+
},
|
|
20028
20058
|
{
|
|
20029
20059
|
"kind": "method",
|
|
20030
20060
|
"name": "addOpenListeners",
|
|
@@ -20530,6 +20560,14 @@
|
|
|
20530
20560
|
"default": "\"\"",
|
|
20531
20561
|
"fieldName": "cacheKey"
|
|
20532
20562
|
},
|
|
20563
|
+
{
|
|
20564
|
+
"name": "trigger-submit",
|
|
20565
|
+
"type": {
|
|
20566
|
+
"text": "boolean"
|
|
20567
|
+
},
|
|
20568
|
+
"default": "false",
|
|
20569
|
+
"fieldName": "triggerSubmit"
|
|
20570
|
+
},
|
|
20533
20571
|
{
|
|
20534
20572
|
"name": "getTag",
|
|
20535
20573
|
"type": {
|
|
@@ -23004,9 +23042,9 @@
|
|
|
23004
23042
|
"kind": "field",
|
|
23005
23043
|
"name": "display",
|
|
23006
23044
|
"type": {
|
|
23007
|
-
"text": "
|
|
23045
|
+
"text": "null"
|
|
23008
23046
|
},
|
|
23009
|
-
"default": "
|
|
23047
|
+
"default": "null",
|
|
23010
23048
|
"attribute": "display"
|
|
23011
23049
|
},
|
|
23012
23050
|
{
|
|
@@ -23140,9 +23178,9 @@
|
|
|
23140
23178
|
{
|
|
23141
23179
|
"name": "display",
|
|
23142
23180
|
"type": {
|
|
23143
|
-
"text": "
|
|
23181
|
+
"text": "null"
|
|
23144
23182
|
},
|
|
23145
|
-
"default": "
|
|
23183
|
+
"default": "null",
|
|
23146
23184
|
"fieldName": "display"
|
|
23147
23185
|
},
|
|
23148
23186
|
{
|
|
@@ -26498,7 +26536,7 @@
|
|
|
26498
26536
|
"package": {
|
|
26499
26537
|
"name": "@kubex/zinc",
|
|
26500
26538
|
"description": "A collection of web components for building web applications based off of @shoelace-style/Shoelace",
|
|
26501
|
-
"version": "1.0.
|
|
26539
|
+
"version": "1.0.18",
|
|
26502
26540
|
"author": "",
|
|
26503
26541
|
"license": "MIT"
|
|
26504
26542
|
}
|
|
@@ -2332,6 +2332,7 @@
|
|
|
2332
2332
|
"values": []
|
|
2333
2333
|
},
|
|
2334
2334
|
{ "name": "cache-key", "values": [] },
|
|
2335
|
+
{ "name": "trigger-submit", "values": [] },
|
|
2335
2336
|
{
|
|
2336
2337
|
"name": "getTag",
|
|
2337
2338
|
"description": "A function that customizes the tags to be rendered when multiple=true. The first argument is the option, the second\nis 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\nthe specified value.",
|
package/dist/web-types.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
|
|
3
3
|
"name": "@kubex/zinc",
|
|
4
|
-
"version": "1.0.
|
|
4
|
+
"version": "1.0.18",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
@@ -5093,6 +5093,10 @@
|
|
|
5093
5093
|
"name": "cache-key",
|
|
5094
5094
|
"value": { "type": "string", "default": "\"\"" }
|
|
5095
5095
|
},
|
|
5096
|
+
{
|
|
5097
|
+
"name": "trigger-submit",
|
|
5098
|
+
"value": { "type": "boolean", "default": "false" }
|
|
5099
|
+
},
|
|
5096
5100
|
{
|
|
5097
5101
|
"name": "getTag",
|
|
5098
5102
|
"description": "A function that customizes the tags to be rendered when multiple=true. The first argument is the option, the second\nis 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\nthe specified value.",
|
|
@@ -5192,6 +5196,7 @@
|
|
|
5192
5196
|
{ "name": "displayInput", "type": "HTMLInputElement" },
|
|
5193
5197
|
{ "name": "valueInput", "type": "HTMLInputElement" },
|
|
5194
5198
|
{ "name": "listbox", "type": "HTMLSlotElement" },
|
|
5199
|
+
{ "name": "prefixSlot", "type": "HTMLSlotElement" },
|
|
5195
5200
|
{ "name": "displayLabel", "type": "string" },
|
|
5196
5201
|
{ "name": "currentOption", "type": "ZnOption" },
|
|
5197
5202
|
{ "name": "selectedOptions", "type": "ZnOption[]" },
|
|
@@ -5295,6 +5300,7 @@
|
|
|
5295
5300
|
"type": "boolean"
|
|
5296
5301
|
},
|
|
5297
5302
|
{ "name": "cacheKey", "type": "string" },
|
|
5303
|
+
{ "name": "triggerSubmit", "type": "boolean" },
|
|
5298
5304
|
{
|
|
5299
5305
|
"name": "getTag",
|
|
5300
5306
|
"description": "A function that customizes the tags to be rendered when multiple=true. The first argument is the option, the second\nis 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\nthe specified value.",
|
|
@@ -5988,7 +5994,7 @@
|
|
|
5988
5994
|
},
|
|
5989
5995
|
{
|
|
5990
5996
|
"name": "display",
|
|
5991
|
-
"value": { "type": "
|
|
5997
|
+
"value": { "type": "null", "default": "null" }
|
|
5992
5998
|
},
|
|
5993
5999
|
{ "name": "font", "value": { "type": "string", "default": "''" } },
|
|
5994
6000
|
{ "name": "width", "value": { "type": "string", "default": "''" } },
|
|
@@ -6018,7 +6024,7 @@
|
|
|
6018
6024
|
{ "name": "primary", "type": "boolean" },
|
|
6019
6025
|
{ "name": "accent", "type": "boolean" },
|
|
6020
6026
|
{ "name": "center", "type": "boolean" },
|
|
6021
|
-
{ "name": "display", "type": "
|
|
6027
|
+
{ "name": "display", "type": "null" },
|
|
6022
6028
|
{ "name": "font", "type": "string" },
|
|
6023
6029
|
{ "name": "width", "type": "string" },
|
|
6024
6030
|
{ "name": "height", "type": "string" },
|
package/dist/zn.d.ts
CHANGED
|
@@ -1760,7 +1760,7 @@ declare module "components/style/style.component" {
|
|
|
1760
1760
|
primary: boolean;
|
|
1761
1761
|
accent: boolean;
|
|
1762
1762
|
center: boolean;
|
|
1763
|
-
display:
|
|
1763
|
+
display: null;
|
|
1764
1764
|
font: string;
|
|
1765
1765
|
width: string;
|
|
1766
1766
|
height: string;
|
|
@@ -1946,12 +1946,12 @@ declare module "components/option/index" {
|
|
|
1946
1946
|
}
|
|
1947
1947
|
}
|
|
1948
1948
|
declare module "components/select/select.component" {
|
|
1949
|
-
import { type CSSResultGroup, PropertyValues, type TemplateResult } from 'lit';
|
|
1950
1949
|
import { FormControlController } from "internal/form";
|
|
1951
1950
|
import ZincElement from "internal/zinc-element";
|
|
1952
1951
|
import ZnChip from "components/chip/index";
|
|
1953
1952
|
import ZnIcon from "components/icon/index";
|
|
1954
1953
|
import ZnPopup from "components/popup/index";
|
|
1954
|
+
import type { CSSResultGroup, PropertyValues, TemplateResult } from 'lit';
|
|
1955
1955
|
import type { ZincFormControl } from "internal/zinc-element";
|
|
1956
1956
|
import type ZnOption from "components/option/index";
|
|
1957
1957
|
/**
|
|
@@ -2019,11 +2019,13 @@ declare module "components/select/select.component" {
|
|
|
2019
2019
|
displayInput: HTMLInputElement;
|
|
2020
2020
|
valueInput: HTMLInputElement;
|
|
2021
2021
|
listbox: HTMLSlotElement;
|
|
2022
|
+
prefixSlot: HTMLSlotElement;
|
|
2022
2023
|
private hasFocus;
|
|
2023
2024
|
displayLabel: string;
|
|
2024
2025
|
currentOption: ZnOption;
|
|
2025
2026
|
selectedOptions: ZnOption[];
|
|
2026
2027
|
private valueHasChanged;
|
|
2028
|
+
private hasCheckboxPrefix;
|
|
2027
2029
|
/** The name of the select, submitted as a name/value pair with form data. */
|
|
2028
2030
|
name: string;
|
|
2029
2031
|
private _value;
|
|
@@ -2087,6 +2089,7 @@ declare module "components/select/select.component" {
|
|
|
2087
2089
|
/** The select's required attribute. */
|
|
2088
2090
|
required: boolean;
|
|
2089
2091
|
cacheKey: string;
|
|
2092
|
+
triggerSubmit: boolean;
|
|
2090
2093
|
/**
|
|
2091
2094
|
* A function that customizes the tags to be rendered when multiple=true. The first argument is the option, the second
|
|
2092
2095
|
* 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" {
|
|
|
2100
2103
|
/** Gets the validation message */
|
|
2101
2104
|
get validationMessage(): string;
|
|
2102
2105
|
connectedCallback(): void;
|
|
2106
|
+
private updateHasCheckboxPrefix;
|
|
2103
2107
|
private addOpenListeners;
|
|
2104
2108
|
private removeOpenListeners;
|
|
2105
2109
|
private handleFocus;
|
|
@@ -4944,9 +4948,9 @@ declare module "components/editor/index" {
|
|
|
4944
4948
|
}
|
|
4945
4949
|
declare module "components/checkbox/checkbox.component" {
|
|
4946
4950
|
import { type CSSResultGroup } from 'lit';
|
|
4947
|
-
import type { ZincFormControl } from "internal/zinc-element";
|
|
4948
4951
|
import ZincElement from "internal/zinc-element";
|
|
4949
4952
|
import ZnIcon from "components/icon/index";
|
|
4953
|
+
import type { ZincFormControl } from "internal/zinc-element";
|
|
4950
4954
|
/**
|
|
4951
4955
|
* @summary Short summary of the component's intended use.
|
|
4952
4956
|
* @documentation https://zinc.style/components/checkbox
|