igniteui-webcomponents 4.1.0 → 4.1.1
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/CHANGELOG.md +12 -1
- package/components/card/themes/light/card.content.bootstrap.css.js +2 -4
- package/components/card/themes/light/card.content.bootstrap.css.js.map +1 -1
- package/components/card/themes/light/card.content.indigo.css.js +1 -6
- package/components/card/themes/light/card.content.indigo.css.js.map +1 -1
- package/components/card/themes/light/card.content.material.css.js +1 -2
- package/components/card/themes/light/card.content.material.css.js.map +1 -1
- package/components/card/themes/light/card.header.bootstrap.css.js +2 -5
- package/components/card/themes/light/card.header.bootstrap.css.js.map +1 -1
- package/components/card/themes/light/card.header.fluent.css.js +2 -3
- package/components/card/themes/light/card.header.fluent.css.js.map +1 -1
- package/components/card/themes/light/card.header.indigo.css.js +2 -5
- package/components/card/themes/light/card.header.indigo.css.js.map +1 -1
- package/components/card/themes/light/card.header.material.css.js +2 -3
- package/components/card/themes/light/card.header.material.css.js.map +1 -1
- package/components/checkbox/checkbox-base.js +1 -0
- package/components/checkbox/checkbox-base.js.map +1 -1
- package/components/combo/combo-list.d.ts +1 -1
- package/components/combo/combo-list.js +2 -1
- package/components/combo/combo-list.js.map +1 -1
- package/components/combo/combo.js +3 -0
- package/components/combo/combo.js.map +1 -1
- package/components/combo/controllers/navigation.d.ts +1 -0
- package/components/combo/controllers/navigation.js +13 -5
- package/components/combo/controllers/navigation.js.map +1 -1
- package/components/dialog/themes/light/dialog.base.css.js +2 -2
- package/components/dialog/themes/light/dialog.base.css.js.map +1 -1
- package/components/input/input-base.js +1 -1
- package/components/input/input-base.js.map +1 -1
- package/components/input/themes/light/input.material.css.js +64 -68
- package/components/input/themes/light/input.material.css.js.map +1 -1
- package/components/radio/radio.js +1 -0
- package/components/radio/radio.js.map +1 -1
- package/components/select/select-group.js +1 -0
- package/components/select/select-group.js.map +1 -1
- package/components/slider/slider-base.js +1 -0
- package/components/slider/slider-base.js.map +1 -1
- package/components/stepper/themes/stepper/stepper.base.css.js +1 -1
- package/components/stepper/themes/stepper/stepper.base.css.js.map +1 -1
- package/custom-elements.json +13 -9
- package/package.json +4 -4
- package/vscode-html-custom-data.json +1 -1
|
@@ -34,7 +34,7 @@ export const styles = css `:host {
|
|
|
34
34
|
|
|
35
35
|
/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
|
|
36
36
|
:host {
|
|
37
|
-
font-family: var(--
|
|
37
|
+
font-family: var(--ig-font-family);
|
|
38
38
|
--margin: 1rem;
|
|
39
39
|
--body-padding: 1rem;
|
|
40
40
|
--header-gap: 0.5rem;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stepper.base.css.js","sourceRoot":"","sources":["../../../../../src/components/stepper/themes/stepper/stepper.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2IvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n --is-medium:\n min(\n clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n );\n --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n scrollbar-width: var(--ig-scrollbar-size);\n scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host *,\n:host *::before,\n:host *::after {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n width: var(--ig-scrollbar-size);\n height: var(--ig-scrollbar-size);\n background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n background: var(--ig-scrollbar-thumb-background);\n}\n\n[hidden] {\n display: none !important;\n}\n\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n:host {\n font-family: var(--
|
|
1
|
+
{"version":3,"file":"stepper.base.css.js","sourceRoot":"","sources":["../../../../../src/components/stepper/themes/stepper/stepper.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2IvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n --is-medium:\n min(\n clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n );\n --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n scrollbar-width: var(--ig-scrollbar-size);\n scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host *,\n:host *::before,\n:host *::after {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n width: var(--ig-scrollbar-size);\n height: var(--ig-scrollbar-size);\n background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n background: var(--ig-scrollbar-thumb-background);\n}\n\n[hidden] {\n display: none !important;\n}\n\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n:host {\n font-family: var(--ig-font-family);\n --margin: 1rem;\n --body-padding: 1rem;\n --header-gap: 0.5rem;\n --header-padding: 0.5rem;\n --vertical-body-padding: var(--body-padding);\n --indicator-size: 1.5rem;\n --indicator-roundness: calc(var(--indicator-size) / 2);\n --indicator-box-shadow-size: 0.0625rem;\n --separator-size: 0.0625rem;\n --separator-type: dashed;\n --separator-type--completed: solid;\n --separator-position: calc(var(--header-padding) + (var(--indicator-size) / 2) - (var(--separator-size) / 2));\n --separator-min-width: 2.25rem;\n --separator-min-width--header: 0.25rem;\n --separator-min-width--full: calc(var(--separator-min-width) + var(--separator-min-width--header));\n --text-min-width: var(--indicator-size);\n --header-min-width: calc(var(--indicator-size) + (var(--header-padding) * 2));\n --step-min-width: calc(var(--header-min-width) + var(--separator-min-width--full));\n --step-min-width--first-step: var(--header-min-width);\n}\n\n:host([orientation=horizontal]) {\n --horizontal-content-disply: block;\n --vertical-separator-visibility: none;\n --horizontal-body-padding: 0.5rem;\n display: grid;\n /* stylelint-disable */\n grid-template-columns: minmax(var(--step-min-width--first-step), -webkit-max-content) repeat(calc(var(--steps-count) - 1), minmax(var(--step-min-width), auto));\n grid-template-columns: minmax(var(--step-min-width--first-step), max-content) repeat(calc(var(--steps-count) - 1), minmax(var(--step-min-width), auto));\n /* stylelint-enable */\n}\n:host([orientation=horizontal]) ::slotted(igc-step) {\n display: contents;\n pointer-events: none;\n --align-text: center;\n --align-items: center;\n}\n:host([orientation=horizontal]) ::slotted(igc-step:first-of-type) {\n --horizontal-separator-visibility--first-of-type: none;\n}\n:host([orientation=horizontal]) ::slotted(igc-step:last-of-type) {\n --horizontal-separator-visibility--last-of-type: none;\n}\n\n:host([orientation=horizontal][title-position=start]),\n:host([orientation=horizontal][title-position=end]) {\n --step-min-width--first-step: calc(var(--header-min-width) + var(--indicator-size) + var(--header-padding));\n /* stylelint-disable */\n --step-min-width: calc(var(--header-min-width) + var(--separator-min-width--full) - var(--separator-min-width--header) + var(--indicator-size) + var(--header-padding));\n /* stylelint-enable */\n}\n\n::slotted(igc-step:first-of-type) {\n --horizontal-separator-display--first-of-type: none;\n}\n\n::slotted(igc-step:last-of-type) {\n --vertical-body-disply--last-of-type: none;\n --horizontal-separator-display--last-of-type: none;\n}\n\n:host(:not([step-type=full])) {\n /* stylelint-disable */\n --step-min-width: calc(var(--header-min-width) + var(--separator-min-width--full) - var(--separator-min-width--header));\n /* stylelint-enable */\n --separator-disply-not-full: none;\n}\n:host(:not([step-type=full])) ::slotted(igc-step) {\n --step-not-full-header-aligmnet: center;\n}\n\n:host([step-type=full]) ::slotted(igc-step) {\n --step-separator-position: var(--separator-position);\n}\n\n:host([content-top]) ::slotted(igc-step) {\n --header-bottom: 2;\n --body-top: 1;\n}\n\n:host(:not([orientation=horizontal])) {\n --vertical-header-z-index: 2;\n --vertical-body-disply: block;\n --header-width-vertical: 100%;\n --hide-horizontal-separator: none;\n display: block;\n}\n:host(:not([orientation=horizontal])) ::slotted(igc-step) {\n --horizontal-separator-display: none;\n --step-hide-last-of-type: none;\n --step-hide-first-of-type: none;\n --step-width: 100%;\n --body-indent--vertical: calc(var(--header-padding) + var(--indicator-size) + var(--header-gap));\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n:host(:not([orientation=horizontal])) ::slotted(igc-step:last-of-type) {\n --hide-last-separator: none;\n}`;\n"]}
|
package/custom-elements.json
CHANGED
|
@@ -1848,13 +1848,21 @@
|
|
|
1848
1848
|
"type": "\"igc-combo-list\"",
|
|
1849
1849
|
"default": "\"igc-combo-list\""
|
|
1850
1850
|
},
|
|
1851
|
+
{
|
|
1852
|
+
"name": "items",
|
|
1853
|
+
"type": "T[]"
|
|
1854
|
+
},
|
|
1851
1855
|
{
|
|
1852
1856
|
"name": "renderItem",
|
|
1853
|
-
"type": "RenderItemFunction"
|
|
1857
|
+
"type": "RenderItemFunction<T>"
|
|
1854
1858
|
},
|
|
1855
1859
|
{
|
|
1856
|
-
"name": "
|
|
1857
|
-
"type": "
|
|
1860
|
+
"name": "keyFunction",
|
|
1861
|
+
"type": "KeyFn<T>"
|
|
1862
|
+
},
|
|
1863
|
+
{
|
|
1864
|
+
"name": "layout",
|
|
1865
|
+
"type": "LayoutConfigValue"
|
|
1858
1866
|
},
|
|
1859
1867
|
{
|
|
1860
1868
|
"name": "scroller",
|
|
@@ -1862,12 +1870,8 @@
|
|
|
1862
1870
|
"default": "true"
|
|
1863
1871
|
},
|
|
1864
1872
|
{
|
|
1865
|
-
"name": "
|
|
1866
|
-
"type": "
|
|
1867
|
-
},
|
|
1868
|
-
{
|
|
1869
|
-
"name": "layout",
|
|
1870
|
-
"type": "Layout | LayoutConstructor | LayoutSpecifier | null"
|
|
1873
|
+
"name": "layoutComplete",
|
|
1874
|
+
"type": "Promise<void> | undefined"
|
|
1871
1875
|
}
|
|
1872
1876
|
]
|
|
1873
1877
|
},
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "igniteui-webcomponents",
|
|
3
|
-
"version": "4.1.
|
|
3
|
+
"version": "4.1.1",
|
|
4
4
|
"description": "Ignite UI for Web Components is a complete library of UI components, giving you the ability to build modern web applications using encapsulation and the concept of reusable components in a dependency-free approach.",
|
|
5
5
|
"author": "Infragistics",
|
|
6
6
|
"license": "SEE LICENSE IN LICENSE",
|
|
@@ -57,8 +57,8 @@
|
|
|
57
57
|
"tree"
|
|
58
58
|
],
|
|
59
59
|
"dependencies": {
|
|
60
|
-
"@floating-ui/dom": "^1.0
|
|
61
|
-
"lit": "^
|
|
62
|
-
"
|
|
60
|
+
"@floating-ui/dom": "^1.1.0",
|
|
61
|
+
"@lit-labs/virtualizer": "^1.0.1",
|
|
62
|
+
"lit": "^2.6.0"
|
|
63
63
|
}
|
|
64
64
|
}
|
|
@@ -834,7 +834,7 @@
|
|
|
834
834
|
},
|
|
835
835
|
{
|
|
836
836
|
"name": "igc-combo-list",
|
|
837
|
-
"description": "Properties:\n\n * `tagName` {`\"igc-combo-list\"`} - \n\n * `
|
|
837
|
+
"description": "Properties:\n\n * `tagName` {`\"igc-combo-list\"`} - \n\n * `items` {`T[]`} - \n\n * `renderItem` - \n\n * `keyFunction` - \n\n * `layout` {`LayoutConfigValue`} - \n\n * `scroller` {`boolean`} - \n\n * `layoutComplete` {`Promise<void> | undefined`} - ",
|
|
838
838
|
"attributes": []
|
|
839
839
|
},
|
|
840
840
|
{
|