igniteui-webcomponents 1.0.0 → 2.0.0-beta.0
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 +40 -1
- package/README.md +17 -1
- package/components/avatar/avatar.d.ts +20 -2
- package/components/avatar/avatar.material.css.d.ts +0 -1
- package/components/avatar/avatar.material.css.js +1 -1
- package/components/avatar/avatar.material.css.js.map +1 -1
- package/components/badge/badge.d.ts +18 -4
- package/components/badge/badge.js.map +1 -1
- package/components/badge/badge.material.css.d.ts +0 -1
- package/components/badge/badge.material.css.js +1 -1
- package/components/badge/badge.material.css.js.map +1 -1
- package/components/button/button-base.d.ts +24 -1
- package/components/button/button-base.js +16 -0
- package/components/button/button-base.js.map +1 -1
- package/components/button/button.d.ts +23 -2
- package/components/button/button.material.css.d.ts +0 -1
- package/components/button/button.material.css.js +1 -1
- package/components/button/button.material.css.js.map +1 -1
- package/components/button/icon-button.d.ts +15 -2
- package/components/button/icon-button.js +15 -1
- package/components/button/icon-button.js.map +1 -1
- package/components/button/icon-button.material.css.d.ts +0 -1
- package/components/button/icon-button.material.css.js +1 -1
- package/components/button/icon-button.material.css.js.map +1 -1
- package/components/calendar/calendar.d.ts +42 -3
- package/components/calendar/calendar.js +34 -12
- package/components/calendar/calendar.js.map +1 -1
- package/components/calendar/calendar.material.css.d.ts +0 -1
- package/components/calendar/calendar.material.css.js +1 -1
- package/components/calendar/calendar.material.css.js.map +1 -1
- package/components/calendar/common/calendar-base.d.ts +17 -2
- package/components/calendar/common/calendar-base.js +28 -4
- package/components/calendar/common/calendar-base.js.map +1 -1
- package/components/calendar/common/calendar.model.d.ts +57 -1
- package/components/calendar/common/utils.d.ts +0 -1
- package/components/calendar/days-view/days-view.d.ts +25 -2
- package/components/calendar/days-view/days-view.js +38 -35
- package/components/calendar/days-view/days-view.js.map +1 -1
- package/components/calendar/days-view/days-view.material.css.d.ts +0 -1
- package/components/calendar/days-view/days-view.material.css.js +1 -1
- package/components/calendar/days-view/days-view.material.css.js.map +1 -1
- package/components/calendar/months-view/months-view.d.ts +17 -2
- package/components/calendar/months-view/months-view.js +4 -2
- package/components/calendar/months-view/months-view.js.map +1 -1
- package/components/calendar/months-view/months-view.material.css.d.ts +0 -1
- package/components/calendar/years-view/years-view.d.ts +16 -2
- package/components/calendar/years-view/years-view.js +4 -2
- package/components/calendar/years-view/years-view.js.map +1 -1
- package/components/calendar/years-view/years-view.material.css.d.ts +0 -1
- package/components/card/card.actions.d.ts +10 -2
- package/components/card/card.actions.material.css.d.ts +0 -1
- package/components/card/card.actions.material.css.js +1 -1
- package/components/card/card.actions.material.css.js.map +1 -1
- package/components/card/card.content.d.ts +8 -2
- package/components/card/card.content.material.css.d.ts +0 -1
- package/components/card/card.content.material.css.js +1 -1
- package/components/card/card.content.material.css.js.map +1 -1
- package/components/card/card.d.ts +10 -3
- package/components/card/card.header.d.ts +13 -2
- package/components/card/card.header.material.css.d.ts +0 -1
- package/components/card/card.header.material.css.js +1 -1
- package/components/card/card.header.material.css.js.map +1 -1
- package/components/card/card.js +2 -2
- package/components/card/card.js.map +1 -1
- package/components/card/card.material.css.d.ts +0 -1
- package/components/card/card.material.css.js +1 -1
- package/components/card/card.material.css.js.map +1 -1
- package/components/card/card.media.d.ts +8 -2
- package/components/card/card.media.material.css.d.ts +0 -1
- package/components/card/card.media.material.css.js +1 -1
- package/components/card/card.media.material.css.js.map +1 -1
- package/components/checkbox/checkbox-base.d.ts +16 -1
- package/components/checkbox/checkbox.d.ts +21 -3
- package/components/checkbox/checkbox.js +25 -27
- package/components/checkbox/checkbox.js.map +1 -1
- package/components/checkbox/checkbox.material.css.d.ts +0 -1
- package/components/checkbox/checkbox.material.css.js +1 -1
- package/components/checkbox/checkbox.material.css.js.map +1 -1
- package/components/checkbox/switch.d.ts +19 -2
- package/components/checkbox/switch.js +17 -18
- package/components/checkbox/switch.js.map +1 -1
- package/components/checkbox/switch.material.css.d.ts +0 -1
- package/components/checkbox/switch.material.css.js +1 -1
- package/components/checkbox/switch.material.css.js.map +1 -1
- package/components/common/decorators/alternateName.d.ts +6 -1
- package/components/common/decorators/blazorInclude.d.ts +4 -1
- package/components/common/decorators/blazorIndirectRender.d.ts +4 -0
- package/components/common/decorators/blazorIndirectRender.js +2 -0
- package/components/common/decorators/blazorIndirectRender.js.map +1 -0
- package/components/common/decorators/blazorSuppress.d.ts +4 -1
- package/components/common/decorators/blazorSuppressComponent.d.ts +4 -0
- package/components/common/decorators/blazorSuppressComponent.js +2 -0
- package/components/common/decorators/blazorSuppressComponent.js.map +1 -0
- package/components/common/decorators/blazorTwoWayBind.d.ts +6 -1
- package/components/common/decorators/index.d.ts +2 -1
- package/components/common/decorators/index.js +2 -0
- package/components/common/decorators/index.js.map +1 -1
- package/components/common/decorators/watch.d.ts +0 -1
- package/components/common/definitions/defineAllComponents.d.ts +0 -1
- package/components/common/definitions/defineAllComponents.js +4 -0
- package/components/common/definitions/defineAllComponents.js.map +1 -1
- package/components/common/definitions/defineComponents.d.ts +0 -1
- package/components/common/i18n/calendar.resources.d.ts +0 -1
- package/components/common/mixins/constructor.d.ts +0 -1
- package/components/common/mixins/event-emitter.d.ts +0 -1
- package/components/common/mixins/sizable.d.ts +4 -1
- package/components/common/util.d.ts +0 -1
- package/components/form/form.d.ts +21 -2
- package/components/form/form.js +4 -1
- package/components/form/form.js.map +1 -1
- package/components/icon/icon.d.ts +26 -2
- package/components/icon/icon.material.css.d.ts +0 -1
- package/components/icon/icon.material.css.js +1 -1
- package/components/icon/icon.material.css.js.map +1 -1
- package/components/icon/icon.registry.d.ts +0 -1
- package/components/input/input.d.ts +56 -2
- package/components/input/input.dark.material.css.d.ts +1 -0
- package/components/input/input.dark.material.css.js +3 -0
- package/components/input/input.dark.material.css.js.map +1 -0
- package/components/input/input.material.css.d.ts +0 -1
- package/components/input/input.material.css.js +1 -1
- package/components/input/input.material.css.js.map +1 -1
- package/components/list/list-header.d.ts +10 -2
- package/components/list/list-header.material.css.d.ts +0 -1
- package/components/list/list-header.material.css.js +1 -1
- package/components/list/list-header.material.css.js.map +1 -1
- package/components/list/list-item.d.ts +22 -2
- package/components/list/list-item.material.css.d.ts +0 -1
- package/components/list/list-item.material.css.js +1 -1
- package/components/list/list-item.material.css.js.map +1 -1
- package/components/list/list.d.ts +10 -2
- package/components/list/list.material.css.d.ts +0 -1
- package/components/list/list.material.css.js +1 -1
- package/components/list/list.material.css.js.map +1 -1
- package/components/nav-drawer/nav-drawer-header-item.d.ts +9 -2
- package/components/nav-drawer/nav-drawer-header-item.material.css.d.ts +0 -1
- package/components/nav-drawer/nav-drawer-header-item.material.css.js +1 -1
- package/components/nav-drawer/nav-drawer-header-item.material.css.js.map +1 -1
- package/components/nav-drawer/nav-drawer-item.d.ts +17 -2
- package/components/nav-drawer/nav-drawer-item.material.css.d.ts +0 -1
- package/components/nav-drawer/nav-drawer-item.material.css.js +1 -1
- package/components/nav-drawer/nav-drawer-item.material.css.js.map +1 -1
- package/components/nav-drawer/nav-drawer.d.ts +26 -2
- package/components/nav-drawer/nav-drawer.material.css.d.ts +0 -1
- package/components/nav-drawer/nav-drawer.material.css.js +1 -1
- package/components/nav-drawer/nav-drawer.material.css.js.map +1 -1
- package/components/navbar/navbar.d.ts +18 -2
- package/components/navbar/navbar.material.css.d.ts +0 -1
- package/components/navbar/navbar.material.css.js +1 -1
- package/components/navbar/navbar.material.css.js.map +1 -1
- package/components/radio/radio.d.ts +31 -2
- package/components/radio/radio.material.css.d.ts +0 -1
- package/components/radio/radio.material.css.js +1 -1
- package/components/radio/radio.material.css.js.map +1 -1
- package/components/radio-group/radio-group.d.ts +3 -2
- package/components/radio-group/radio-group.material.css.d.ts +0 -1
- package/components/radio-group/radio-group.material.css.js +1 -1
- package/components/radio-group/radio-group.material.css.js.map +1 -1
- package/components/ripple/ripple.d.ts +9 -2
- package/components/ripple/ripple.material.css.d.ts +0 -1
- package/components/ripple/ripple.material.css.js +1 -1
- package/components/ripple/ripple.material.css.js.map +1 -1
- package/components/slider/range-slider.d.ts +85 -0
- package/components/slider/range-slider.js +141 -0
- package/components/slider/range-slider.js.map +1 -0
- package/components/slider/slider-base.d.ts +117 -0
- package/components/slider/slider-base.js +448 -0
- package/components/slider/slider-base.js.map +1 -0
- package/components/slider/slider.d.ts +76 -0
- package/components/slider/slider.js +80 -0
- package/components/slider/slider.js.map +1 -0
- package/components/slider/slider.material.css.d.ts +1 -0
- package/components/slider/slider.material.css.js +3 -0
- package/components/slider/slider.material.css.js.map +1 -0
- package/custom-elements.json +648 -22
- package/index.d.ts +2 -1
- package/index.js +2 -0
- package/index.js.map +1 -1
- package/package.json +5 -4
- package/themes/dark/bootstrap.css +1 -0
- package/themes/dark/fluent.css +1 -0
- package/themes/dark/indigo.css +1 -0
- package/themes/dark/material.css +1 -0
- package/themes/light/bootstrap.css +1 -0
- package/themes/light/fluent.css +1 -0
- package/themes/light/indigo.css +1 -0
- package/themes/light/material.css +1 -0
- package/vscode-html-custom-data.json +263 -13
- package/components/avatar/avatar.d.ts.map +0 -1
- package/components/avatar/avatar.material.css.d.ts.map +0 -1
- package/components/badge/badge.d.ts.map +0 -1
- package/components/badge/badge.material.css.d.ts.map +0 -1
- package/components/button/button-base.d.ts.map +0 -1
- package/components/button/button.d.ts.map +0 -1
- package/components/button/button.material.css.d.ts.map +0 -1
- package/components/button/icon-button.d.ts.map +0 -1
- package/components/button/icon-button.material.css.d.ts.map +0 -1
- package/components/calendar/calendar.d.ts.map +0 -1
- package/components/calendar/calendar.material.css.d.ts.map +0 -1
- package/components/calendar/common/calendar-base.d.ts.map +0 -1
- package/components/calendar/common/calendar.model.d.ts.map +0 -1
- package/components/calendar/common/utils.d.ts.map +0 -1
- package/components/calendar/days-view/days-view.d.ts.map +0 -1
- package/components/calendar/days-view/days-view.material.css.d.ts.map +0 -1
- package/components/calendar/months-view/months-view.d.ts.map +0 -1
- package/components/calendar/months-view/months-view.material.css.d.ts.map +0 -1
- package/components/calendar/years-view/years-view.d.ts.map +0 -1
- package/components/calendar/years-view/years-view.material.css.d.ts.map +0 -1
- package/components/card/card.actions.d.ts.map +0 -1
- package/components/card/card.actions.material.css.d.ts.map +0 -1
- package/components/card/card.content.d.ts.map +0 -1
- package/components/card/card.content.material.css.d.ts.map +0 -1
- package/components/card/card.d.ts.map +0 -1
- package/components/card/card.header.d.ts.map +0 -1
- package/components/card/card.header.material.css.d.ts.map +0 -1
- package/components/card/card.material.css.d.ts.map +0 -1
- package/components/card/card.media.d.ts.map +0 -1
- package/components/card/card.media.material.css.d.ts.map +0 -1
- package/components/checkbox/checkbox-base.d.ts.map +0 -1
- package/components/checkbox/checkbox.d.ts.map +0 -1
- package/components/checkbox/checkbox.material.css.d.ts.map +0 -1
- package/components/checkbox/switch.d.ts.map +0 -1
- package/components/checkbox/switch.material.css.d.ts.map +0 -1
- package/components/common/decorators/alternateName.d.ts.map +0 -1
- package/components/common/decorators/blazorInclude.d.ts.map +0 -1
- package/components/common/decorators/blazorSuppress.d.ts.map +0 -1
- package/components/common/decorators/blazorTwoWayBind.d.ts.map +0 -1
- package/components/common/decorators/index.d.ts.map +0 -1
- package/components/common/decorators/watch.d.ts.map +0 -1
- package/components/common/definitions/defineAllComponents.d.ts.map +0 -1
- package/components/common/definitions/defineComponents.d.ts.map +0 -1
- package/components/common/i18n/calendar.resources.d.ts.map +0 -1
- package/components/common/mixins/constructor.d.ts.map +0 -1
- package/components/common/mixins/event-emitter.d.ts.map +0 -1
- package/components/common/mixins/sizable.d.ts.map +0 -1
- package/components/common/util.d.ts.map +0 -1
- package/components/form/form.d.ts.map +0 -1
- package/components/icon/icon.d.ts.map +0 -1
- package/components/icon/icon.material.css.d.ts.map +0 -1
- package/components/icon/icon.registry.d.ts.map +0 -1
- package/components/input/input.d.ts.map +0 -1
- package/components/input/input.material.css.d.ts.map +0 -1
- package/components/list/list-header.d.ts.map +0 -1
- package/components/list/list-header.material.css.d.ts.map +0 -1
- package/components/list/list-item.d.ts.map +0 -1
- package/components/list/list-item.material.css.d.ts.map +0 -1
- package/components/list/list.d.ts.map +0 -1
- package/components/list/list.material.css.d.ts.map +0 -1
- package/components/nav-drawer/nav-drawer-header-item.d.ts.map +0 -1
- package/components/nav-drawer/nav-drawer-header-item.material.css.d.ts.map +0 -1
- package/components/nav-drawer/nav-drawer-item.d.ts.map +0 -1
- package/components/nav-drawer/nav-drawer-item.material.css.d.ts.map +0 -1
- package/components/nav-drawer/nav-drawer.d.ts.map +0 -1
- package/components/nav-drawer/nav-drawer.material.css.d.ts.map +0 -1
- package/components/navbar/navbar.d.ts.map +0 -1
- package/components/navbar/navbar.material.css.d.ts.map +0 -1
- package/components/radio/radio.d.ts.map +0 -1
- package/components/radio/radio.material.css.d.ts.map +0 -1
- package/components/radio-group/radio-group.d.ts.map +0 -1
- package/components/radio-group/radio-group.material.css.d.ts.map +0 -1
- package/components/ripple/ripple.d.ts.map +0 -1
- package/components/ripple/ripple.material.css.d.ts.map +0 -1
- package/index.d.ts.map +0 -1
- package/themes/bootstrap.css +0 -1
- package/themes/fluent.css +0 -1
- package/themes/indigo.css +0 -1
- package/themes/material.css +0 -1
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}[hidden]{display:none !important}:host{display:block;padding:1.25rem 1rem;white-space:nowrap;color:hsla(var(--igc-gray-900), var(--igc-gray-a));font-family:var(--igc-subtitle-1-font-family);font-weight:var(--igc-subtitle-1-font-weight);font-size:var(--igc-subtitle-1-font-size);font-style:var(--igc-subtitle-1-font-style);letter-spacing:var(--igc-subtitle-1-letter-spacing);text-transform:var(--igc-subtitle-1-text-transform);line-height:var(--igc-subtitle-1-line-height);margin-top:var(--igc-subtitle-1-margin-top);margin-bottom:var(--igc-subtitle-1-margin-bottom)}`;
|
|
2
|
+
export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}:host{display:block;padding:1.25rem 1rem;white-space:nowrap;color:hsla(var(--igc-gray-900), var(--igc-gray-a));font-family:var(--igc-subtitle-1-font-family);font-weight:var(--igc-subtitle-1-font-weight);font-size:var(--igc-subtitle-1-font-size);font-style:var(--igc-subtitle-1-font-style);letter-spacing:var(--igc-subtitle-1-letter-spacing);text-transform:var(--igc-subtitle-1-text-transform);line-height:var(--igc-subtitle-1-line-height);margin-top:var(--igc-subtitle-1-margin-top);margin-bottom:var(--igc-subtitle-1-margin-bottom)}`;
|
|
3
3
|
//# sourceMappingURL=nav-drawer-header-item.material.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nav-drawer-header-item.material.css.js","sourceRoot":"","sources":["../../../src/components/nav-drawer/nav-drawer-header-item.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+
|
|
1
|
+
{"version":3,"file":"nav-drawer-header-item.material.css.js","sourceRoot":"","sources":["../../../src/components/nav-drawer/nav-drawer-header-item.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+hCAA+hC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}:host{display:block;padding:1.25rem 1rem;white-space:nowrap;color:hsla(var(--igc-gray-900), var(--igc-gray-a));font-family:var(--igc-subtitle-1-font-family);font-weight:var(--igc-subtitle-1-font-weight);font-size:var(--igc-subtitle-1-font-size);font-style:var(--igc-subtitle-1-font-style);letter-spacing:var(--igc-subtitle-1-letter-spacing);text-transform:var(--igc-subtitle-1-text-transform);line-height:var(--igc-subtitle-1-line-height);margin-top:var(--igc-subtitle-1-margin-top);margin-bottom:var(--igc-subtitle-1-margin-bottom)}`;\n"]}
|
|
@@ -1,8 +1,24 @@
|
|
|
1
1
|
import { LitElement } from 'lit';
|
|
2
|
+
/**
|
|
3
|
+
* Represents a navigation drawer item.
|
|
4
|
+
*
|
|
5
|
+
* @element igc-nav-drawer-item
|
|
6
|
+
*
|
|
7
|
+
* @slot content - The content slot for the drawer item.
|
|
8
|
+
* @slot icon - The slot for the icon of the drawer item.
|
|
9
|
+
*
|
|
10
|
+
* @csspart base - The base wrapper of the drawer item.
|
|
11
|
+
* @csspart icon - The icon container.
|
|
12
|
+
* @csspart content - The content container.
|
|
13
|
+
*/
|
|
2
14
|
export default class IgcNavDrawerItemComponent extends LitElement {
|
|
15
|
+
/** @private */
|
|
3
16
|
static tagName: string;
|
|
17
|
+
/** @private */
|
|
4
18
|
static styles: import("lit").CSSResult[];
|
|
19
|
+
/** Determines whether the drawer is disabled. */
|
|
5
20
|
disabled: boolean;
|
|
21
|
+
/** Determines whether the drawer is active. */
|
|
6
22
|
active: boolean;
|
|
7
23
|
private _textLength;
|
|
8
24
|
private _text;
|
|
@@ -11,11 +27,10 @@ export default class IgcNavDrawerItemComponent extends LitElement {
|
|
|
11
27
|
[x: string]: boolean;
|
|
12
28
|
mini: boolean;
|
|
13
29
|
};
|
|
14
|
-
protected render(): import("lit").TemplateResult<1>;
|
|
30
|
+
protected render(): import("lit-html").TemplateResult<1>;
|
|
15
31
|
}
|
|
16
32
|
declare global {
|
|
17
33
|
interface HTMLElementTagNameMap {
|
|
18
34
|
'igc-nav-drawer-item': IgcNavDrawerItemComponent;
|
|
19
35
|
}
|
|
20
36
|
}
|
|
21
|
-
//# sourceMappingURL=nav-drawer-item.d.ts.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}[hidden]{display:none !important}[part~=base]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;position:relative;color:hsla(var(--igc-gray-800), var(--igc-gray-a));max-height:3rem;margin:0.5rem !important;padding:.75rem .5rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:transparent;white-space:nowrap;border-radius:.25rem;text-decoration:none;width:calc(100% - 1rem);border:none;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-transition:background .15s ease-out;-o-transition:background .15s ease-out;transition:background .15s ease-out;font-family:var(--igc-subtitle-2-font-family);font-weight:var(--igc-subtitle-2-font-weight);font-size:var(--igc-subtitle-2-font-size);font-style:var(--igc-subtitle-2-font-style);letter-spacing:var(--igc-subtitle-2-letter-spacing);text-transform:var(--igc-subtitle-2-text-transform);line-height:var(--igc-subtitle-2-line-height);margin-top:var(--igc-subtitle-2-margin-top);margin-bottom:var(--igc-subtitle-2-margin-bottom)}[part~=base] ::slotted(igc-icon){display:-webkit-box;display:-ms-flexbox;display:flex;font:inherit}[part~=base]:hover{background:hsla(var(--igc-gray-200), 0.87)}[part~=base]:focus-within{background:hsla(var(--igc-gray-300), 0.87)}[part=content]{-webkit-margin-start:2rem;margin-inline-start:2rem;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}[part="base mini"]{display:block}[part="base mini"] [part=content]{display:none}[part="base mini"] ::slotted(igc-icon){width:100%}:host([disabled]){-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:initial;pointer-events:none}:host([disabled]) [part~=base]{color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([active]) [part~=base]{background:hsla(var(--igc-primary-500), 0.12);color:hsla(var(--igc-primary-500), var(--igc-primary-a))}`;
|
|
2
|
+
export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}[part~=base]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;position:relative;color:hsla(var(--igc-gray-800), var(--igc-gray-a));max-height:3rem;margin:0.5rem !important;padding:.75rem .5rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:transparent;white-space:nowrap;border-radius:.25rem;text-decoration:none;width:calc(100% - 1rem);border:none;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-transition:background .15s ease-out;-o-transition:background .15s ease-out;transition:background .15s ease-out;font-family:var(--igc-subtitle-2-font-family);font-weight:var(--igc-subtitle-2-font-weight);font-size:var(--igc-subtitle-2-font-size);font-style:var(--igc-subtitle-2-font-style);letter-spacing:var(--igc-subtitle-2-letter-spacing);text-transform:var(--igc-subtitle-2-text-transform);line-height:var(--igc-subtitle-2-line-height);margin-top:var(--igc-subtitle-2-margin-top);margin-bottom:var(--igc-subtitle-2-margin-bottom)}[part~=base] ::slotted(igc-icon){display:-webkit-box;display:-ms-flexbox;display:flex;font:inherit}[part~=base]:hover{background:hsla(var(--igc-gray-200), 0.87)}[part~=base]:focus-within{background:hsla(var(--igc-gray-300), 0.87)}[part=content]{-webkit-margin-start:2rem;margin-inline-start:2rem;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}[part="base mini"]{display:block}[part="base mini"] [part=content]{display:none}[part="base mini"] ::slotted(igc-icon){width:100%}:host([disabled]){-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:initial;pointer-events:none}:host([disabled]) [part~=base]{color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([active]) [part~=base]{background:hsla(var(--igc-primary-500), 0.12);color:hsla(var(--igc-primary-500), var(--igc-primary-a))}`;
|
|
3
3
|
//# sourceMappingURL=nav-drawer-item.material.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nav-drawer-item.material.css.js","sourceRoot":"","sources":["../../../src/components/nav-drawer/nav-drawer-item.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"nav-drawer-item.material.css.js","sourceRoot":"","sources":["../../../src/components/nav-drawer/nav-drawer-item.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ohFAAohF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}[part~=base]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;position:relative;color:hsla(var(--igc-gray-800), var(--igc-gray-a));max-height:3rem;margin:0.5rem !important;padding:.75rem .5rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:transparent;white-space:nowrap;border-radius:.25rem;text-decoration:none;width:calc(100% - 1rem);border:none;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-transition:background .15s ease-out;-o-transition:background .15s ease-out;transition:background .15s ease-out;font-family:var(--igc-subtitle-2-font-family);font-weight:var(--igc-subtitle-2-font-weight);font-size:var(--igc-subtitle-2-font-size);font-style:var(--igc-subtitle-2-font-style);letter-spacing:var(--igc-subtitle-2-letter-spacing);text-transform:var(--igc-subtitle-2-text-transform);line-height:var(--igc-subtitle-2-line-height);margin-top:var(--igc-subtitle-2-margin-top);margin-bottom:var(--igc-subtitle-2-margin-bottom)}[part~=base] ::slotted(igc-icon){display:-webkit-box;display:-ms-flexbox;display:flex;font:inherit}[part~=base]:hover{background:hsla(var(--igc-gray-200), 0.87)}[part~=base]:focus-within{background:hsla(var(--igc-gray-300), 0.87)}[part=content]{-webkit-margin-start:2rem;margin-inline-start:2rem;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}[part=\"base mini\"]{display:block}[part=\"base mini\"] [part=content]{display:none}[part=\"base mini\"] ::slotted(igc-icon){width:100%}:host([disabled]){-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:initial;pointer-events:none}:host([disabled]) [part~=base]{color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([active]) [part~=base]{background:hsla(var(--igc-primary-500), 0.12);color:hsla(var(--igc-primary-500), var(--igc-primary-a))}`;\n"]}
|
|
@@ -7,18 +7,43 @@ export interface IgcNavDrawerEventMap {
|
|
|
7
7
|
igcClosed: CustomEvent<void>;
|
|
8
8
|
}
|
|
9
9
|
declare const IgcNavDrawerComponent_base: Constructor<import("../common/mixins/event-emitter").EventEmitterInterface<IgcNavDrawerEventMap>> & Constructor<LitElement>;
|
|
10
|
+
/**
|
|
11
|
+
* Represents a side navigation container that provides
|
|
12
|
+
* quick access between views.
|
|
13
|
+
*
|
|
14
|
+
* @element igc-nav-drawer
|
|
15
|
+
*
|
|
16
|
+
* @slot - The default slot for the drawer.
|
|
17
|
+
* @slot mini - The slot for the mini variant of the drawer.
|
|
18
|
+
*
|
|
19
|
+
* @fires igcOpening - Emitted when the navigation drawer is about to open.
|
|
20
|
+
* @fires igcOpened - Emitted when the navigation drawer is opened.
|
|
21
|
+
* @fires igcClosing - Emitted when the navigation drawer is about to close.
|
|
22
|
+
* @fires igcClosed - Emitted when the navigation drawer is closed.
|
|
23
|
+
*
|
|
24
|
+
* @csspart base - The base wrapper of the navigation drawer.
|
|
25
|
+
* @csspart main - The main container.
|
|
26
|
+
* @csspart mini - The mini container.
|
|
27
|
+
*/
|
|
10
28
|
export default class IgcNavDrawerComponent extends IgcNavDrawerComponent_base {
|
|
29
|
+
/** @private */
|
|
11
30
|
static tagName: string;
|
|
31
|
+
/** @private */
|
|
12
32
|
static styles: import("lit").CSSResult[];
|
|
33
|
+
/** The position of the drawer. */
|
|
13
34
|
position: 'start' | 'end' | 'top' | 'bottom';
|
|
35
|
+
/** Determines whether the drawer is opened. */
|
|
14
36
|
open: boolean;
|
|
37
|
+
/** Opens the drawer. */
|
|
15
38
|
show(): void;
|
|
39
|
+
/** Closes the drawer. */
|
|
16
40
|
hide(): void;
|
|
41
|
+
/** Toggles the open state of the drawer. */
|
|
17
42
|
toggle(): void;
|
|
18
43
|
private handleOpening;
|
|
19
44
|
private handleClosing;
|
|
20
45
|
private resolvePartNames;
|
|
21
|
-
protected render(): import("lit").TemplateResult<1>;
|
|
46
|
+
protected render(): import("lit-html").TemplateResult<1>;
|
|
22
47
|
}
|
|
23
48
|
declare global {
|
|
24
49
|
interface HTMLElementTagNameMap {
|
|
@@ -26,4 +51,3 @@ declare global {
|
|
|
26
51
|
}
|
|
27
52
|
}
|
|
28
53
|
export {};
|
|
29
|
-
//# sourceMappingURL=nav-drawer.d.ts.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}[hidden]{display:none !important}:host{-ms-flex-negative:0;flex-shrink:0;font-family:var(--igc-font-family)}:host [part=base]{position:fixed;height:100%;min-height:100%;overflow-x:hidden;top:0;bottom:0;left:0;z-index:999;background:hsla(var(--igc-surface-500), var(--igc-surface-a));-webkit-border-end:1px solid hsla(var(--igc-gray-900), 0.14);border-inline-end:1px solid hsla(var(--igc-gray-900), 0.14);-webkit-box-shadow:var(--igc-elevation-16);box-shadow:var(--igc-elevation-16);border-radius:0;-webkit-transition:all ease-out .3s,.3s;-o-transition:all ease-out .3s,.3s;transition:all ease-out .3s,.3s}:host [part=main]{width:16rem}:host [part=mini]{width:3.75rem}:host([position=top]) [part=main],:host([position=bottom]) [part=main]{width:100%}:host([position=top]) [part=base],:host([position=bottom]) [part=base]{height:50vh;min-height:initial;top:auto;width:100%}:host([position=top]) [part=base]{top:0;bottom:auto}:host(:not([open])[position=top]) [part=base],:host(:not([open])[position=bottom]) [part=base]{-webkit-transform:translate3d(0, -60vh, 0);transform:translate3d(0, -60vh, 0)}:host(:not([open])[position=top]) [part=mini],:host(:not([open])[position=bottom]) [part=mini]{display:none}:host(:not([open])[position=bottom]) [part=base]{-webkit-transform:translate3d(0, 60vh, 0);transform:translate3d(0, 60vh, 0)}:host([position=end]) [part=base]{-webkit-border-end:none;border-inline-end:none;-webkit-border-start:1px solid hsla(var(--igc-gray-900), 0.14);border-inline-start:1px solid hsla(var(--igc-gray-900), 0.14);left:auto;right:0}:host([open]) [part=mini]{display:none}:host(:not([open])) [part=main]{display:none}`;
|
|
2
|
+
export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}:host{-ms-flex-negative:0;flex-shrink:0;font-family:var(--igc-font-family)}:host [part=base]{position:fixed;height:100%;min-height:100%;overflow-x:hidden;top:0;bottom:0;left:0;z-index:999;background:hsla(var(--igc-surface-500), var(--igc-surface-a));-webkit-border-end:1px solid hsla(var(--igc-gray-900), 0.14);border-inline-end:1px solid hsla(var(--igc-gray-900), 0.14);-webkit-box-shadow:var(--igc-elevation-16);box-shadow:var(--igc-elevation-16);border-radius:0;-webkit-transition:all ease-out .3s,.3s;-o-transition:all ease-out .3s,.3s;transition:all ease-out .3s,.3s}:host [part=main]{width:16rem}:host [part=mini]{width:3.75rem}:host([position=top]) [part=main],:host([position=bottom]) [part=main]{width:100%}:host([position=top]) [part=base],:host([position=bottom]) [part=base]{height:50vh;min-height:initial;top:auto;width:100%}:host([position=top]) [part=base]{top:0;bottom:auto}:host(:not([open])[position=top]) [part=base],:host(:not([open])[position=bottom]) [part=base]{-webkit-transform:translate3d(0, -60vh, 0);transform:translate3d(0, -60vh, 0)}:host(:not([open])[position=top]) [part=mini],:host(:not([open])[position=bottom]) [part=mini]{display:none}:host(:not([open])[position=bottom]) [part=base]{-webkit-transform:translate3d(0, 60vh, 0);transform:translate3d(0, 60vh, 0)}:host([position=end]) [part=base]{-webkit-border-end:none;border-inline-end:none;-webkit-border-start:1px solid hsla(var(--igc-gray-900), 0.14);border-inline-start:1px solid hsla(var(--igc-gray-900), 0.14);left:auto;right:0}:host([open]) [part=mini]{display:none}:host(:not([open])) [part=main]{display:none}`;
|
|
3
3
|
//# sourceMappingURL=nav-drawer.material.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nav-drawer.material.css.js","sourceRoot":"","sources":["../../../src/components/nav-drawer/nav-drawer.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"nav-drawer.material.css.js","sourceRoot":"","sources":["../../../src/components/nav-drawer/nav-drawer.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8kEAA8kE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}:host{-ms-flex-negative:0;flex-shrink:0;font-family:var(--igc-font-family)}:host [part=base]{position:fixed;height:100%;min-height:100%;overflow-x:hidden;top:0;bottom:0;left:0;z-index:999;background:hsla(var(--igc-surface-500), var(--igc-surface-a));-webkit-border-end:1px solid hsla(var(--igc-gray-900), 0.14);border-inline-end:1px solid hsla(var(--igc-gray-900), 0.14);-webkit-box-shadow:var(--igc-elevation-16);box-shadow:var(--igc-elevation-16);border-radius:0;-webkit-transition:all ease-out .3s,.3s;-o-transition:all ease-out .3s,.3s;transition:all ease-out .3s,.3s}:host [part=main]{width:16rem}:host [part=mini]{width:3.75rem}:host([position=top]) [part=main],:host([position=bottom]) [part=main]{width:100%}:host([position=top]) [part=base],:host([position=bottom]) [part=base]{height:50vh;min-height:initial;top:auto;width:100%}:host([position=top]) [part=base]{top:0;bottom:auto}:host(:not([open])[position=top]) [part=base],:host(:not([open])[position=bottom]) [part=base]{-webkit-transform:translate3d(0, -60vh, 0);transform:translate3d(0, -60vh, 0)}:host(:not([open])[position=top]) [part=mini],:host(:not([open])[position=bottom]) [part=mini]{display:none}:host(:not([open])[position=bottom]) [part=base]{-webkit-transform:translate3d(0, 60vh, 0);transform:translate3d(0, 60vh, 0)}:host([position=end]) [part=base]{-webkit-border-end:none;border-inline-end:none;-webkit-border-start:1px solid hsla(var(--igc-gray-900), 0.14);border-inline-start:1px solid hsla(var(--igc-gray-900), 0.14);left:auto;right:0}:host([open]) [part=mini]{display:none}:host(:not([open])) [part=main]{display:none}`;\n"]}
|
|
@@ -1,12 +1,28 @@
|
|
|
1
1
|
import { LitElement } from 'lit';
|
|
2
|
+
/**
|
|
3
|
+
* A navigation bar component is used to facilitate navigation through
|
|
4
|
+
* a series of hierarchical screens within an app.
|
|
5
|
+
*
|
|
6
|
+
* @element igc-navbar
|
|
7
|
+
*
|
|
8
|
+
* @slot - Renders a title inside the default slot.
|
|
9
|
+
* @slot start - Renders left aligned icons.
|
|
10
|
+
* @slot end - Renders right aligned action icons.
|
|
11
|
+
*
|
|
12
|
+
* @csspart base - The base wrapper of the navigation bar.
|
|
13
|
+
* @csspart start - The left aligned icon container.
|
|
14
|
+
* @csspart middle - The navigation bar title container.
|
|
15
|
+
* @csspart end - The right aligned action icons container.
|
|
16
|
+
*/
|
|
2
17
|
export default class IgcNavbarComponent extends LitElement {
|
|
18
|
+
/** @private */
|
|
3
19
|
static tagName: string;
|
|
20
|
+
/** @private */
|
|
4
21
|
static styles: import("lit").CSSResult[];
|
|
5
|
-
protected render(): import("lit").TemplateResult<1>;
|
|
22
|
+
protected render(): import("lit-html").TemplateResult<1>;
|
|
6
23
|
}
|
|
7
24
|
declare global {
|
|
8
25
|
interface HTMLElementTagNameMap {
|
|
9
26
|
'igc-navbar': IgcNavbarComponent;
|
|
10
27
|
}
|
|
11
28
|
}
|
|
12
|
-
//# sourceMappingURL=navbar.d.ts.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}[hidden]{display:none !important}:host{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;min-height:3.5rem;max-height:8rem;padding:0 1rem;background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-
|
|
2
|
+
export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}:host{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;min-height:3.5rem;max-height:8rem;padding:0 1rem;background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-600-contrast);-webkit-box-shadow:var(--igc-elevation-4);box-shadow:var(--igc-elevation-4);font-family:var(--igc-font-family)}[part=base]{display:inherit;position:relative;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;z-index:4}[part=middle]{display:-webkit-inline-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center}[part=start],[part=end]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[name=start]::slotted(*){-webkit-margin-end:1rem;margin-inline-end:1rem;-webkit-margin-start:.0625rem;margin-inline-start:.0625rem}[name=end]::slotted(*){-webkit-margin-start:1rem;margin-inline-start:1rem;-webkit-margin-end:.0625rem;margin-inline-end:.0625rem}::slotted(igc-input[part=helper-text]){margin-top:0 !important}::slotted(igc-avatar[part=base]){max-width:2rem;max-height:2rem;min-height:0;min-width:0}::slotted(igc-icon){cursor:pointer;color:var(--igc-primary-600-contrast);width:2rem;height:2rem;font-size:2rem}::slotted(*){font-family:var(--igc-h5-font-family);font-weight:var(--igc-h5-font-weight);font-size:var(--igc-h5-font-size);font-style:var(--igc-h5-font-style);letter-spacing:var(--igc-h5-letter-spacing);text-transform:var(--igc-h5-text-transform);line-height:var(--igc-h5-line-height);margin-top:var(--igc-h5-margin-top);margin-bottom:var(--igc-h5-margin-bottom);line-height:normal;margin:0}`;
|
|
3
3
|
//# sourceMappingURL=navbar.material.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"navbar.material.css.js","sourceRoot":"","sources":["../../../src/components/navbar/navbar.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"navbar.material.css.js","sourceRoot":"","sources":["../../../src/components/navbar/navbar.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ylFAAylF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}:host{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;min-height:3.5rem;max-height:8rem;padding:0 1rem;background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-600-contrast);-webkit-box-shadow:var(--igc-elevation-4);box-shadow:var(--igc-elevation-4);font-family:var(--igc-font-family)}[part=base]{display:inherit;position:relative;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;z-index:4}[part=middle]{display:-webkit-inline-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center}[part=start],[part=end]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[name=start]::slotted(*){-webkit-margin-end:1rem;margin-inline-end:1rem;-webkit-margin-start:.0625rem;margin-inline-start:.0625rem}[name=end]::slotted(*){-webkit-margin-start:1rem;margin-inline-start:1rem;-webkit-margin-end:.0625rem;margin-inline-end:.0625rem}::slotted(igc-input[part=helper-text]){margin-top:0 !important}::slotted(igc-avatar[part=base]){max-width:2rem;max-height:2rem;min-height:0;min-width:0}::slotted(igc-icon){cursor:pointer;color:var(--igc-primary-600-contrast);width:2rem;height:2rem;font-size:2rem}::slotted(*){font-family:var(--igc-h5-font-family);font-weight:var(--igc-h5-font-weight);font-size:var(--igc-h5-font-size);font-style:var(--igc-h5-font-style);letter-spacing:var(--igc-h5-letter-spacing);text-transform:var(--igc-h5-text-transform);line-height:var(--igc-h5-line-height);margin-top:var(--igc-h5-margin-top);margin-bottom:var(--igc-h5-margin-bottom);line-height:normal;margin:0}`;\n"]}
|
|
@@ -6,24 +6,54 @@ export interface IgcRadioEventMap {
|
|
|
6
6
|
igcBlur: CustomEvent<void>;
|
|
7
7
|
}
|
|
8
8
|
declare const IgcRadioComponent_base: Constructor<import("../common/mixins/event-emitter.js").EventEmitterInterface<IgcRadioEventMap>> & Constructor<LitElement>;
|
|
9
|
+
/**
|
|
10
|
+
* @element igc-radio
|
|
11
|
+
*
|
|
12
|
+
* @slot - The radio label.
|
|
13
|
+
*
|
|
14
|
+
* @fires igcChange - Emitted when the control's checked state changes.
|
|
15
|
+
* @fires igcFocus - Emitted when the control gains focus.
|
|
16
|
+
* @fires igcBlur - Emitted when the control loses focus.
|
|
17
|
+
*
|
|
18
|
+
* @csspart base - The radio control base wrapper.
|
|
19
|
+
* @csspart control - The radio control.
|
|
20
|
+
* @csspart label - The radio control label.
|
|
21
|
+
*/
|
|
9
22
|
export default class IgcRadioComponent extends IgcRadioComponent_base {
|
|
23
|
+
/** @private */
|
|
10
24
|
static tagName: string;
|
|
25
|
+
/** @private */
|
|
11
26
|
static styles: import("lit").CSSResult;
|
|
12
27
|
private inputId;
|
|
13
28
|
private labelId;
|
|
14
29
|
protected input: HTMLInputElement;
|
|
15
30
|
private _tabIndex;
|
|
31
|
+
/** The name attribute of the control. */
|
|
16
32
|
name: string;
|
|
33
|
+
/** The value attribute of the control. */
|
|
17
34
|
value: string;
|
|
35
|
+
/** The checked state of the control. */
|
|
18
36
|
checked: boolean;
|
|
37
|
+
/** Disables the radio control. */
|
|
19
38
|
disabled: boolean;
|
|
39
|
+
/** Controls the validity of the control. */
|
|
20
40
|
invalid: boolean;
|
|
41
|
+
/** The label position of the radio control. */
|
|
21
42
|
labelPosition: 'before' | 'after';
|
|
43
|
+
/** Sets the aria-labelledby attribute for the radio control. */
|
|
22
44
|
ariaLabelledby: string;
|
|
45
|
+
/** Simulates a click on the radio control. */
|
|
23
46
|
click(): void;
|
|
47
|
+
/** Sets focus on the radio control. */
|
|
24
48
|
focus(options?: FocusOptions): void;
|
|
49
|
+
/** Removes focus from the radio control. */
|
|
25
50
|
blur(): void;
|
|
51
|
+
/** Checks for validity of the control and shows the browser message if it invalid. */
|
|
26
52
|
reportValidity(): void;
|
|
53
|
+
/**
|
|
54
|
+
* Sets a custom validation message for the control.
|
|
55
|
+
* As long as `message` is not empty, the control is considered invalid.
|
|
56
|
+
*/
|
|
27
57
|
setCustomValidity(message: string): void;
|
|
28
58
|
protected handleMouseDown(event: MouseEvent): void;
|
|
29
59
|
protected handleClick(): void;
|
|
@@ -31,7 +61,7 @@ export default class IgcRadioComponent extends IgcRadioComponent_base {
|
|
|
31
61
|
protected handleFocus(): void;
|
|
32
62
|
protected handleChange(): void;
|
|
33
63
|
protected getSiblings(): IgcRadioComponent[];
|
|
34
|
-
protected render(): import("lit").TemplateResult<1>;
|
|
64
|
+
protected render(): import("lit-html").TemplateResult<1>;
|
|
35
65
|
}
|
|
36
66
|
declare global {
|
|
37
67
|
interface HTMLElementTagNameMap {
|
|
@@ -39,4 +69,3 @@ declare global {
|
|
|
39
69
|
}
|
|
40
70
|
}
|
|
41
71
|
export {};
|
|
42
|
-
//# sourceMappingURL=radio.d.ts.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;color:hsla(var(--igc-gray-900), var(--igc-gray-a));font-family:var(--igc-font-family)}input[type=radio]{position:absolute;width:1px;height:1px;margin:-1px;border:none;clip:rect(0, 0, 0, 0);outline:0;pointer-events:none;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}[part~=base]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-transition:color .15s ease-in;-o-transition:color .15s ease-in;transition:color .15s ease-in}[part~=base]:hover [part=control]{background:hsla(var(--igc-gray-
|
|
2
|
+
export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;color:hsla(var(--igc-gray-900), var(--igc-gray-a));font-family:var(--igc-font-family)}input[type=radio]{position:absolute;width:1px;height:1px;margin:-1px;border:none;clip:rect(0, 0, 0, 0);outline:0;pointer-events:none;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}[part~=base]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-transition:color .15s ease-in;-o-transition:color .15s ease-in;transition:color .15s ease-in}[part~=base]:hover [part=control]{background:hsla(var(--igc-gray-600), 0.06)}[part~=base]:focus-within [part=control]{background:hsla(var(--igc-gray-600), 0.12)}[part~=control]{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:calc(var(--size, 1.25rem) * 2);height:calc(var(--size, 1.25rem) * 2);min-width:calc(var(--size, 1.25rem) * 2);border-radius:50%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:background .15s ease-in;-o-transition:background .15s ease-in;transition:background .15s ease-in}[part~=control]::before,[part~=control]::after{position:absolute;content:"";width:var(--size, 1.25rem);height:var(--size, 1.25rem);left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);border-radius:50%;-webkit-transition:all .15s ease-in;-o-transition:all .15s ease-in;transition:all .15s ease-in}[part~=control]::before{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translate(-50%, -50%) scale(0.1);-ms-transform:translate(-50%, -50%) scale(0.1);transform:translate(-50%, -50%) scale(0.1);-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;z-index:1}[part~=control]::after{border:calc(var(--size, 1.25rem) / 10) solid hsla(var(--igc-gray-600), var(--igc-gray-a))}[part="base checked"]:hover [part~=control]{background:hsla(var(--igc-secondary-500), 0.06)}[part="base checked"]:focus-within [part~=control]{background:hsla(var(--igc-secondary-500), 0.12)}[part="control checked"]::before{border-color:hsla(var(--igc-secondary-500), var(--igc-secondary-a));background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));-webkit-transform:translate(-50%, -50%) scale(0.5);-ms-transform:translate(-50%, -50%) scale(0.5);transform:translate(-50%, -50%) scale(0.5)}[part="control checked"]::after{border-color:hsla(var(--igc-secondary-500), var(--igc-secondary-a))}:host(:not([disabled])[invalid]) [part~=label]{color:hsla(var(--igc-error-500), var(--igc-error-a))}:host(:not([disabled])[invalid]) [part~=control]::after{border-color:hsla(var(--igc-error-500), var(--igc-error-a))}:host(:not([disabled])[invalid]) [part="control checked"]::before{background:hsla(var(--igc-error-500), var(--igc-error-a))}:host([disabled]){pointer-events:none;color:hsla(var(--igc-gray-400), var(--igc-gray-a));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host([disabled]) [part~=control]::after{border-color:hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([disabled]) [part="control checked"]::before{background:hsla(var(--igc-gray-300), var(--igc-gray-a));border-color:transparent}:host([label-position=after]) [part~=label]{-webkit-margin-start:.5rem;margin-inline-start:.5rem}:host([label-position=before]) [part~=label]{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1;-webkit-margin-end:.5rem;margin-inline-end:.5rem}`;
|
|
3
3
|
//# sourceMappingURL=radio.material.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio.material.css.js","sourceRoot":"","sources":["../../../src/components/radio/radio.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"radio.material.css.js","sourceRoot":"","sources":["../../../src/components/radio/radio.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+iIAA+iI,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;color:hsla(var(--igc-gray-900), var(--igc-gray-a));font-family:var(--igc-font-family)}input[type=radio]{position:absolute;width:1px;height:1px;margin:-1px;border:none;clip:rect(0, 0, 0, 0);outline:0;pointer-events:none;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}[part~=base]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-transition:color .15s ease-in;-o-transition:color .15s ease-in;transition:color .15s ease-in}[part~=base]:hover [part=control]{background:hsla(var(--igc-gray-600), 0.06)}[part~=base]:focus-within [part=control]{background:hsla(var(--igc-gray-600), 0.12)}[part~=control]{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:calc(var(--size, 1.25rem) * 2);height:calc(var(--size, 1.25rem) * 2);min-width:calc(var(--size, 1.25rem) * 2);border-radius:50%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:background .15s ease-in;-o-transition:background .15s ease-in;transition:background .15s ease-in}[part~=control]::before,[part~=control]::after{position:absolute;content:\"\";width:var(--size, 1.25rem);height:var(--size, 1.25rem);left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);border-radius:50%;-webkit-transition:all .15s ease-in;-o-transition:all .15s ease-in;transition:all .15s ease-in}[part~=control]::before{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translate(-50%, -50%) scale(0.1);-ms-transform:translate(-50%, -50%) scale(0.1);transform:translate(-50%, -50%) scale(0.1);-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;z-index:1}[part~=control]::after{border:calc(var(--size, 1.25rem) / 10) solid hsla(var(--igc-gray-600), var(--igc-gray-a))}[part=\"base checked\"]:hover [part~=control]{background:hsla(var(--igc-secondary-500), 0.06)}[part=\"base checked\"]:focus-within [part~=control]{background:hsla(var(--igc-secondary-500), 0.12)}[part=\"control checked\"]::before{border-color:hsla(var(--igc-secondary-500), var(--igc-secondary-a));background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));-webkit-transform:translate(-50%, -50%) scale(0.5);-ms-transform:translate(-50%, -50%) scale(0.5);transform:translate(-50%, -50%) scale(0.5)}[part=\"control checked\"]::after{border-color:hsla(var(--igc-secondary-500), var(--igc-secondary-a))}:host(:not([disabled])[invalid]) [part~=label]{color:hsla(var(--igc-error-500), var(--igc-error-a))}:host(:not([disabled])[invalid]) [part~=control]::after{border-color:hsla(var(--igc-error-500), var(--igc-error-a))}:host(:not([disabled])[invalid]) [part=\"control checked\"]::before{background:hsla(var(--igc-error-500), var(--igc-error-a))}:host([disabled]){pointer-events:none;color:hsla(var(--igc-gray-400), var(--igc-gray-a));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host([disabled]) [part~=control]::after{border-color:hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([disabled]) [part=\"control checked\"]::before{background:hsla(var(--igc-gray-300), var(--igc-gray-a));border-color:transparent}:host([label-position=after]) [part~=label]{-webkit-margin-start:.5rem;margin-inline-start:.5rem}:host([label-position=before]) [part~=label]{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1;-webkit-margin-end:.5rem;margin-inline-end:.5rem}`;\n"]}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import { LitElement } from 'lit';
|
|
2
2
|
export default class IgcRadioGroupComponent extends LitElement {
|
|
3
|
+
/** @private */
|
|
3
4
|
static tagName: string;
|
|
5
|
+
/** @private */
|
|
4
6
|
static styles: import("lit").CSSResult;
|
|
5
7
|
private _slottedRadios;
|
|
6
8
|
private get radios();
|
|
@@ -8,11 +10,10 @@ export default class IgcRadioGroupComponent extends LitElement {
|
|
|
8
10
|
constructor();
|
|
9
11
|
alignment: 'vertical' | 'horizontal';
|
|
10
12
|
private handleKeydown;
|
|
11
|
-
protected render(): import("lit").TemplateResult<1>;
|
|
13
|
+
protected render(): import("lit-html").TemplateResult<1>;
|
|
12
14
|
}
|
|
13
15
|
declare global {
|
|
14
16
|
interface HTMLElementTagNameMap {
|
|
15
17
|
'igc-radio-group': IgcRadioGroupComponent;
|
|
16
18
|
}
|
|
17
19
|
}
|
|
18
|
-
//# sourceMappingURL=radio-group.d.ts.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}[hidden]{display:none !important}:host{display:-webkit-box;display:-ms-flexbox;display:flex}:host([alignment=vertical]){-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}:host([alignment=vertical]) ::slotted(igc-radio:not(:first-of-type)){-webkit-margin-before:.5rem;margin-block-start:.5rem}:host([alignment=horizontal]){-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}:host([alignment=horizontal]) ::slotted(igc-radio:not(:first-of-type)){-webkit-margin-start:.5rem;margin-inline-start:.5rem}`;
|
|
2
|
+
export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}:host{display:-webkit-box;display:-ms-flexbox;display:flex}:host([alignment=vertical]){-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}:host([alignment=vertical]) ::slotted(igc-radio:not(:first-of-type)){-webkit-margin-before:.5rem;margin-block-start:.5rem}:host([alignment=horizontal]){-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}:host([alignment=horizontal]) ::slotted(igc-radio:not(:first-of-type)){-webkit-margin-start:.5rem;margin-inline-start:.5rem}`;
|
|
3
3
|
//# sourceMappingURL=radio-group.material.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio-group.material.css.js","sourceRoot":"","sources":["../../../src/components/radio-group/radio-group.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"radio-group.material.css.js","sourceRoot":"","sources":["../../../src/components/radio-group/radio-group.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,mkCAAmkC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}:host{display:-webkit-box;display:-ms-flexbox;display:flex}:host([alignment=vertical]){-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}:host([alignment=vertical]) ::slotted(igc-radio:not(:first-of-type)){-webkit-margin-before:.5rem;margin-block-start:.5rem}:host([alignment=horizontal]){-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}:host([alignment=horizontal]) ::slotted(igc-radio:not(:first-of-type)){-webkit-margin-start:.5rem;margin-inline-start:.5rem}`;\n"]}
|
|
@@ -1,15 +1,22 @@
|
|
|
1
1
|
import { LitElement } from 'lit';
|
|
2
|
+
/**
|
|
3
|
+
* A ripple can be applied to an element to represent
|
|
4
|
+
* interactive surface.
|
|
5
|
+
*
|
|
6
|
+
* @element igc-ripple
|
|
7
|
+
*/
|
|
2
8
|
export default class IgcRippleComponent extends LitElement {
|
|
9
|
+
/** @private */
|
|
3
10
|
static tagName: string;
|
|
11
|
+
/** @private */
|
|
4
12
|
static styles: import("lit").CSSResult;
|
|
5
13
|
constructor();
|
|
6
14
|
private handler;
|
|
7
15
|
private getDimensions;
|
|
8
|
-
protected render(): import("lit").TemplateResult<1>;
|
|
16
|
+
protected render(): import("lit-html").TemplateResult<1>;
|
|
9
17
|
}
|
|
10
18
|
declare global {
|
|
11
19
|
interface HTMLElementTagNameMap {
|
|
12
20
|
'igc-ripple': IgcRippleComponent;
|
|
13
21
|
}
|
|
14
22
|
}
|
|
15
|
-
//# sourceMappingURL=ripple.d.ts.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}[hidden]{display:none !important}:host{position:absolute;display:block;width:100%;height:100%;top:0;left:0;contain:content;overflow:hidden}`;
|
|
2
|
+
export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}:host{position:absolute;display:block;width:100%;height:100%;top:0;left:0;contain:content;overflow:hidden}`;
|
|
3
3
|
//# sourceMappingURL=ripple.material.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ripple.material.css.js","sourceRoot":"","sources":["../../../src/components/ripple/ripple.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"ripple.material.css.js","sourceRoot":"","sources":["../../../src/components/ripple/ripple.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,onBAAonB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}:host{position:absolute;display:block;width:100%;height:100%;top:0;left:0;contain:content;overflow:hidden}`;\n"]}
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
import { Constructor } from '../common/mixins/constructor';
|
|
2
|
+
import { IgcSliderBaseComponent } from './slider-base';
|
|
3
|
+
export interface IgcRangeSliderValue {
|
|
4
|
+
lower: number;
|
|
5
|
+
upper: number;
|
|
6
|
+
}
|
|
7
|
+
export interface IgcRangeSliderEventMap {
|
|
8
|
+
/**
|
|
9
|
+
* Emitted when a value is changed via thumb drag or keyboard interaction.
|
|
10
|
+
*/
|
|
11
|
+
igcInput: CustomEvent<IgcRangeSliderValue>;
|
|
12
|
+
/**
|
|
13
|
+
* Emitted when a value change is committed on a thumb drag end or keyboard interaction.
|
|
14
|
+
*/
|
|
15
|
+
igcChange: CustomEvent<IgcRangeSliderValue>;
|
|
16
|
+
}
|
|
17
|
+
declare const IgcRangeSliderComponent_base: Constructor<import("../common/mixins/event-emitter").EventEmitterInterface<IgcRangeSliderEventMap>> & Constructor<IgcSliderBaseComponent>;
|
|
18
|
+
/**
|
|
19
|
+
* A range slider component used to select two numeric values within a range.
|
|
20
|
+
*
|
|
21
|
+
* @element igc-range-slider
|
|
22
|
+
*
|
|
23
|
+
* @fires igcInput - Emitted when a value is changed via thumb drag or keyboard interaction.
|
|
24
|
+
* @fires igcChange - Emitted when a value change is committed on a thumb drag end or keyboard interaction.
|
|
25
|
+
*
|
|
26
|
+
* @csspart base - The base wrapper of the slider.
|
|
27
|
+
* @csspart ticks - The ticks container.
|
|
28
|
+
* @csspart tick-group - The tick group container.
|
|
29
|
+
* @csspart tick - The tick element.
|
|
30
|
+
* @csspart tick-label - The tick label element.
|
|
31
|
+
* @csspart tick-label-inner - The inner element of the tick label.
|
|
32
|
+
* @csspart thumbs - The thumbs container.
|
|
33
|
+
* @csspart thumb - The thumb element.
|
|
34
|
+
* @csspart thumb-label - The thumb tooltip label.
|
|
35
|
+
* @csspart track - The track container.
|
|
36
|
+
* @csspart steps - The track steps element.
|
|
37
|
+
* @csspart inactive - The inactive element of the track.
|
|
38
|
+
* @csspart fill - The filled part of the track.
|
|
39
|
+
*/
|
|
40
|
+
export default class IgcRangeSliderComponent extends IgcRangeSliderComponent_base {
|
|
41
|
+
/** @private */
|
|
42
|
+
static tagName: string;
|
|
43
|
+
private thumbFrom;
|
|
44
|
+
private thumbTo;
|
|
45
|
+
private _lower;
|
|
46
|
+
private _upper;
|
|
47
|
+
set lower(val: number);
|
|
48
|
+
/**
|
|
49
|
+
* The current value of the lower thumb.
|
|
50
|
+
*/
|
|
51
|
+
get lower(): number;
|
|
52
|
+
set upper(val: number);
|
|
53
|
+
/**
|
|
54
|
+
* The current value of the upper thumb.
|
|
55
|
+
*/
|
|
56
|
+
get upper(): number;
|
|
57
|
+
/**
|
|
58
|
+
* The aria label of the lower thumb.
|
|
59
|
+
*/
|
|
60
|
+
ariaLabelLower: string;
|
|
61
|
+
/**
|
|
62
|
+
* The aria label of the upper thumb.
|
|
63
|
+
*/
|
|
64
|
+
ariaLabelUpper: string;
|
|
65
|
+
protected get activeValue(): number;
|
|
66
|
+
protected normalizeValue(): void;
|
|
67
|
+
protected getTrackStyle(): {
|
|
68
|
+
width: string;
|
|
69
|
+
insetInlineStart: string;
|
|
70
|
+
};
|
|
71
|
+
private closestTo;
|
|
72
|
+
protected closestHandle(event: PointerEvent): HTMLElement;
|
|
73
|
+
protected updateValue(increment: number): boolean;
|
|
74
|
+
protected emitInputEvent(): void;
|
|
75
|
+
protected emitChangeEvent(): void;
|
|
76
|
+
private swapValues;
|
|
77
|
+
private toggleActiveThumb;
|
|
78
|
+
protected renderThumbs(): import("lit-html").TemplateResult<1>;
|
|
79
|
+
}
|
|
80
|
+
declare global {
|
|
81
|
+
interface HTMLElementTagNameMap {
|
|
82
|
+
'igc-range-slider': IgcRangeSliderComponent;
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
export {};
|