igniteui-webcomponents 1.0.0-beta.2 → 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 +48 -3
- package/components/avatar/avatar.d.ts +21 -2
- package/components/avatar/avatar.js +7 -0
- package/components/avatar/avatar.js.map +1 -1
- 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 -5
- package/components/badge/badge.js +1 -20
- 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 +24 -2
- package/components/button/button.js +3 -2
- package/components/button/button.js.map +1 -1
- 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 +17 -2
- 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 -5
- package/components/calendar/calendar.js +35 -15
- 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 +19 -2
- package/components/calendar/common/calendar-base.js +30 -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 +5 -3
- 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 +5 -3
- 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 +57 -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.js +2 -1
- package/components/input/input.js.map +1 -1
- 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 -5
- package/components/nav-drawer/nav-drawer-item.js +1 -27
- package/components/nav-drawer/nav-drawer-item.js.map +1 -1
- 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 +654 -28
- package/index.d.ts +2 -1
- package/index.js +2 -0
- package/index.js.map +1 -1
- package/package.json +9 -8
- 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 +267 -39
- 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,14 +1,22 @@
|
|
|
1
1
|
import { LitElement } from 'lit';
|
|
2
|
+
/**
|
|
3
|
+
* Header list item.
|
|
4
|
+
*
|
|
5
|
+
* @element igc-list-header
|
|
6
|
+
*
|
|
7
|
+
* @slot - Renders header list item's content.
|
|
8
|
+
*/
|
|
2
9
|
export default class IgcListHeaderComponent extends LitElement {
|
|
10
|
+
/** @private */
|
|
3
11
|
static tagName: string;
|
|
12
|
+
/** @private */
|
|
4
13
|
static styles: import("lit").CSSResult;
|
|
5
14
|
constructor();
|
|
6
15
|
connectedCallback(): void;
|
|
7
|
-
protected render(): import("lit").TemplateResult<1>;
|
|
16
|
+
protected render(): import("lit-html").TemplateResult<1>;
|
|
8
17
|
}
|
|
9
18
|
declare global {
|
|
10
19
|
interface HTMLElementTagNameMap {
|
|
11
20
|
'igc-list-header': IgcListHeaderComponent;
|
|
12
21
|
}
|
|
13
22
|
}
|
|
14
|
-
//# sourceMappingURL=list-header.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;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;color:hsla(var(--igc-secondary-500), var(--igc-secondary-a));background:inherit;font-family:var(--igc-overline-font-family);font-weight:var(--igc-overline-font-weight);font-size:var(--igc-overline-font-size);font-style:var(--igc-overline-font-style);letter-spacing:var(--igc-overline-letter-spacing);text-transform:var(--igc-overline-text-transform);line-height:var(--igc-overline-line-height);margin-top:var(--igc-overline-margin-top);margin-bottom:var(--igc-overline-margin-bottom)}::slotted(*){font:inherit;margin:inherit}`;
|
|
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;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;color:hsla(var(--igc-secondary-500), var(--igc-secondary-a));background:inherit;font-family:var(--igc-overline-font-family);font-weight:var(--igc-overline-font-weight);font-size:var(--igc-overline-font-size);font-style:var(--igc-overline-font-style);letter-spacing:var(--igc-overline-letter-spacing);text-transform:var(--igc-overline-text-transform);line-height:var(--igc-overline-line-height);margin-top:var(--igc-overline-margin-top);margin-bottom:var(--igc-overline-margin-bottom)}::slotted(*){font:inherit;margin:inherit}`;
|
|
3
3
|
//# sourceMappingURL=list-header.material.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list-header.material.css.js","sourceRoot":"","sources":["../../../src/components/list/list-header.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":"list-header.material.css.js","sourceRoot":"","sources":["../../../src/components/list/list-header.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0tCAA0tC,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;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;color:hsla(var(--igc-secondary-500), var(--igc-secondary-a));background:inherit;font-family:var(--igc-overline-font-family);font-weight:var(--igc-overline-font-weight);font-size:var(--igc-overline-font-size);font-style:var(--igc-overline-font-style);letter-spacing:var(--igc-overline-letter-spacing);text-transform:var(--igc-overline-text-transform);line-height:var(--igc-overline-line-height);margin-top:var(--igc-overline-margin-top);margin-bottom:var(--igc-overline-margin-bottom)}::slotted(*){font:inherit;margin:inherit}`;\n"]}
|
|
@@ -1,14 +1,34 @@
|
|
|
1
1
|
import { LitElement } from 'lit';
|
|
2
|
+
/**
|
|
3
|
+
* The list-item component is a container
|
|
4
|
+
* intended for row items in the list component.
|
|
5
|
+
*
|
|
6
|
+
* @element igc-list-item
|
|
7
|
+
*
|
|
8
|
+
* @slot - Renders custom content.
|
|
9
|
+
* @slot start - Renders content before all other content.
|
|
10
|
+
* @slot end - Renders content after all other content.
|
|
11
|
+
* @slot title - Renders the title.
|
|
12
|
+
* @slot subtitle - Renders the subtitle.
|
|
13
|
+
*
|
|
14
|
+
* @csspart start - The start container.
|
|
15
|
+
* @csspart end - The end container.
|
|
16
|
+
* @csspart content - The header and custom content container.
|
|
17
|
+
* @csspart header - The title and subtitle container.
|
|
18
|
+
* @csspart title - The title container.
|
|
19
|
+
* @csspart subtitle - The subtitle container.
|
|
20
|
+
*/
|
|
2
21
|
export default class IgcListItemComponent extends LitElement {
|
|
22
|
+
/** @private */
|
|
3
23
|
static tagName: string;
|
|
24
|
+
/** @private */
|
|
4
25
|
static styles: import("lit").CSSResult;
|
|
5
26
|
constructor();
|
|
6
27
|
connectedCallback(): void;
|
|
7
|
-
protected render(): import("lit").TemplateResult<1>;
|
|
28
|
+
protected render(): import("lit-html").TemplateResult<1>;
|
|
8
29
|
}
|
|
9
30
|
declare global {
|
|
10
31
|
interface HTMLElementTagNameMap {
|
|
11
32
|
'igc-list-item': IgcListItemComponent;
|
|
12
33
|
}
|
|
13
34
|
}
|
|
14
|
-
//# sourceMappingURL=list-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}:host{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;color:hsla(var(--igc-gray-800), var(--igc-gray-a));background:hsla(var(--igc-surface-500), var(--igc-surface-a));-webkit-transition:background .15s ease-out;-o-transition:background .15s ease-out;transition:background .15s ease-out}:host(:hover),:host(:focus-within){background:hsla(var(--igc-gray-200), var(--igc-gray-a))}::slotted(*){margin:0;font:inherit;opacity:inherit}[part=content]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}[part=start],[part=end]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[name=start]::slotted(*){-webkit-margin-end:calc(var(--igc-spacing-large)*2);margin-inline-end:calc(var(--igc-spacing-large)*2)}[name=end]::slotted(*){-webkit-margin-start:calc(var(--igc-spacing-large)*2);margin-inline-start:calc(var(--igc-spacing-large)*2)}[part=title]{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)}[part=subtitle]{font-family:var(--igc-caption-font-family);font-weight:var(--igc-caption-font-weight);font-size:var(--igc-caption-font-size);font-style:var(--igc-caption-font-style);letter-spacing:var(--igc-caption-letter-spacing);text-transform:var(--igc-caption-text-transform);line-height:var(--igc-caption-line-height);margin-top:var(--igc-caption-margin-top);margin-bottom:var(--igc-caption-margin-bottom);opacity:.74}`;
|
|
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;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;color:hsla(var(--igc-gray-800), var(--igc-gray-a));background:hsla(var(--igc-surface-500), var(--igc-surface-a));-webkit-transition:background .15s ease-out;-o-transition:background .15s ease-out;transition:background .15s ease-out}:host(:hover),:host(:focus-within){background:hsla(var(--igc-gray-200), var(--igc-gray-a))}::slotted(*){margin:0;font:inherit;opacity:inherit}[part=content]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}[part=start],[part=end]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[name=start]::slotted(*){-webkit-margin-end:calc(var(--igc-spacing-large)*2);margin-inline-end:calc(var(--igc-spacing-large)*2)}[name=end]::slotted(*){-webkit-margin-start:calc(var(--igc-spacing-large)*2);margin-inline-start:calc(var(--igc-spacing-large)*2)}[part=title]{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)}[part=subtitle]{font-family:var(--igc-caption-font-family);font-weight:var(--igc-caption-font-weight);font-size:var(--igc-caption-font-size);font-style:var(--igc-caption-font-style);letter-spacing:var(--igc-caption-letter-spacing);text-transform:var(--igc-caption-text-transform);line-height:var(--igc-caption-line-height);margin-top:var(--igc-caption-margin-top);margin-bottom:var(--igc-caption-margin-bottom);opacity:.74}`;
|
|
3
3
|
//# sourceMappingURL=list-item.material.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list-item.material.css.js","sourceRoot":"","sources":["../../../src/components/list/list-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":"list-item.material.css.js","sourceRoot":"","sources":["../../../src/components/list/list-item.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,g4EAAg4E,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;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;color:hsla(var(--igc-gray-800), var(--igc-gray-a));background:hsla(var(--igc-surface-500), var(--igc-surface-a));-webkit-transition:background .15s ease-out;-o-transition:background .15s ease-out;transition:background .15s ease-out}:host(:hover),:host(:focus-within){background:hsla(var(--igc-gray-200), var(--igc-gray-a))}::slotted(*){margin:0;font:inherit;opacity:inherit}[part=content]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}[part=start],[part=end]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[name=start]::slotted(*){-webkit-margin-end:calc(var(--igc-spacing-large)*2);margin-inline-end:calc(var(--igc-spacing-large)*2)}[name=end]::slotted(*){-webkit-margin-start:calc(var(--igc-spacing-large)*2);margin-inline-start:calc(var(--igc-spacing-large)*2)}[part=title]{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)}[part=subtitle]{font-family:var(--igc-caption-font-family);font-weight:var(--igc-caption-font-weight);font-size:var(--igc-caption-font-size);font-style:var(--igc-caption-font-style);letter-spacing:var(--igc-caption-letter-spacing);text-transform:var(--igc-caption-text-transform);line-height:var(--igc-caption-line-height);margin-top:var(--igc-caption-margin-top);margin-bottom:var(--igc-caption-margin-bottom);opacity:.74}`;\n"]}
|
|
@@ -1,11 +1,20 @@
|
|
|
1
1
|
import { LitElement } from 'lit';
|
|
2
2
|
declare const IgcListComponent_base: import("../common/mixins/constructor").Constructor<import("../common/mixins/sizable").SizableInterface> & typeof LitElement;
|
|
3
|
+
/**
|
|
4
|
+
* Displays a collection of data items in a templatable list format.
|
|
5
|
+
*
|
|
6
|
+
* @element igc-list
|
|
7
|
+
*
|
|
8
|
+
* @slot - Renders the list items and list headers inside default slot.
|
|
9
|
+
*/
|
|
3
10
|
export default class IgcListComponent extends IgcListComponent_base {
|
|
11
|
+
/** @private */
|
|
4
12
|
static tagName: string;
|
|
13
|
+
/** @private */
|
|
5
14
|
static styles: import("lit").CSSResult;
|
|
6
15
|
constructor();
|
|
7
16
|
connectedCallback(): void;
|
|
8
|
-
protected render(): import("lit").TemplateResult<1>;
|
|
17
|
+
protected render(): import("lit-html").TemplateResult<1>;
|
|
9
18
|
}
|
|
10
19
|
declare global {
|
|
11
20
|
interface HTMLElementTagNameMap {
|
|
@@ -13,4 +22,3 @@ declare global {
|
|
|
13
22
|
}
|
|
14
23
|
}
|
|
15
24
|
export {};
|
|
16
|
-
//# sourceMappingURL=list.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;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;font-family:var(--igc-font-family);overflow:hidden;background:hsla(var(--igc-surface-500), var(--igc-surface-a))}:host([size=small]) ::slotted(igc-list-item),:host([size=small]) ::slotted(igc-list-header){padding:var(--igc-spacing-small) calc(var(--igc-spacing-small)*2)}:host([size=medium]) ::slotted(igc-list-item),:host([size=medium]) ::slotted(igc-list-header){padding:var(--igc-spacing-medium) calc(var(--igc-spacing-medium)*2)}:host([size=large]) ::slotted(igc-list-item),:host([size=large]) ::slotted(igc-list-header){padding:var(--igc-spacing-large) calc(var(--igc-spacing-large)*2)}`;
|
|
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;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;font-family:var(--igc-font-family);overflow:hidden;background:hsla(var(--igc-surface-500), var(--igc-surface-a))}:host([size=small]) ::slotted(igc-list-item),:host([size=small]) ::slotted(igc-list-header){padding:var(--igc-spacing-small) calc(var(--igc-spacing-small)*2)}:host([size=medium]) ::slotted(igc-list-item),:host([size=medium]) ::slotted(igc-list-header){padding:var(--igc-spacing-medium) calc(var(--igc-spacing-medium)*2)}:host([size=large]) ::slotted(igc-list-item),:host([size=large]) ::slotted(igc-list-header){padding:var(--igc-spacing-large) calc(var(--igc-spacing-large)*2)}`;
|
|
3
3
|
//# sourceMappingURL=list.material.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list.material.css.js","sourceRoot":"","sources":["../../../src/components/list/list.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":"list.material.css.js","sourceRoot":"","sources":["../../../src/components/list/list.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,iwCAAiwC,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;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;font-family:var(--igc-font-family);overflow:hidden;background:hsla(var(--igc-surface-500), var(--igc-surface-a))}:host([size=small]) ::slotted(igc-list-item),:host([size=small]) ::slotted(igc-list-header){padding:var(--igc-spacing-small) calc(var(--igc-spacing-small)*2)}:host([size=medium]) ::slotted(igc-list-item),:host([size=medium]) ::slotted(igc-list-header){padding:var(--igc-spacing-medium) calc(var(--igc-spacing-medium)*2)}:host([size=large]) ::slotted(igc-list-item),:host([size=large]) ::slotted(igc-list-header){padding:var(--igc-spacing-large) calc(var(--igc-spacing-large)*2)}`;\n"]}
|
|
@@ -1,12 +1,19 @@
|
|
|
1
1
|
import { LitElement } from 'lit';
|
|
2
|
+
/**
|
|
3
|
+
* A wrapper for navigation drawer's header.
|
|
4
|
+
* @element igc-nav-drawer-header-item
|
|
5
|
+
*
|
|
6
|
+
* @slot - Renders the header content
|
|
7
|
+
*/
|
|
2
8
|
export default class IgcNavDrawerHeaderItemComponent extends LitElement {
|
|
9
|
+
/** @private */
|
|
3
10
|
static tagName: string;
|
|
11
|
+
/** @private */
|
|
4
12
|
static styles: import("lit").CSSResult[];
|
|
5
|
-
protected render(): import("lit").TemplateResult<1>;
|
|
13
|
+
protected render(): import("lit-html").TemplateResult<1>;
|
|
6
14
|
}
|
|
7
15
|
declare global {
|
|
8
16
|
interface HTMLElementTagNameMap {
|
|
9
17
|
'igc-nav-drawer-header-item': IgcNavDrawerHeaderItemComponent;
|
|
10
18
|
}
|
|
11
19
|
}
|
|
12
|
-
//# sourceMappingURL=nav-drawer-header-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}: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,24 +1,36 @@
|
|
|
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;
|
|
9
|
-
protected handleClick(): void;
|
|
10
25
|
connectedCallback(): void;
|
|
11
26
|
protected resolvePartNames(base: string): {
|
|
12
27
|
[x: string]: boolean;
|
|
13
28
|
mini: boolean;
|
|
14
29
|
};
|
|
15
|
-
protected
|
|
16
|
-
private getDrawerItems;
|
|
17
|
-
protected render(): import("lit").TemplateResult<1>;
|
|
30
|
+
protected render(): import("lit-html").TemplateResult<1>;
|
|
18
31
|
}
|
|
19
32
|
declare global {
|
|
20
33
|
interface HTMLElementTagNameMap {
|
|
21
34
|
'igc-nav-drawer-item': IgcNavDrawerItemComponent;
|
|
22
35
|
}
|
|
23
36
|
}
|
|
24
|
-
//# sourceMappingURL=nav-drawer-item.d.ts.map
|
|
@@ -6,8 +6,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
6
6
|
};
|
|
7
7
|
import { html, LitElement } from 'lit';
|
|
8
8
|
import { property, queryAssignedNodes, state } from 'lit/decorators.js';
|
|
9
|
-
import { live } from 'lit/directives/live.js';
|
|
10
|
-
import { watch } from '../common/decorators';
|
|
11
9
|
import { partNameMap } from '../common/util';
|
|
12
10
|
import { styles } from './nav-drawer-item.material.css';
|
|
13
11
|
export default class IgcNavDrawerItemComponent extends LitElement {
|
|
@@ -16,9 +14,6 @@ export default class IgcNavDrawerItemComponent extends LitElement {
|
|
|
16
14
|
this.disabled = false;
|
|
17
15
|
this.active = false;
|
|
18
16
|
}
|
|
19
|
-
handleClick() {
|
|
20
|
-
this.active = true;
|
|
21
|
-
}
|
|
22
17
|
connectedCallback() {
|
|
23
18
|
var _a;
|
|
24
19
|
super.connectedCallback();
|
|
@@ -32,27 +27,9 @@ export default class IgcNavDrawerItemComponent extends LitElement {
|
|
|
32
27
|
mini: this._textLength < 1,
|
|
33
28
|
};
|
|
34
29
|
}
|
|
35
|
-
handleChange() {
|
|
36
|
-
if (this.active) {
|
|
37
|
-
this.getDrawerItems().forEach((item) => {
|
|
38
|
-
item.active = false;
|
|
39
|
-
});
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
getDrawerItems() {
|
|
43
|
-
const drawer = this.closest('igc-nav-drawer');
|
|
44
|
-
if (!drawer)
|
|
45
|
-
return [];
|
|
46
|
-
return Array.from(drawer.querySelectorAll('igc-nav-drawer-item')).filter((item) => item !== this);
|
|
47
|
-
}
|
|
48
30
|
render() {
|
|
49
31
|
return html `
|
|
50
|
-
<div
|
|
51
|
-
part="${partNameMap(this.resolvePartNames('base'))}"
|
|
52
|
-
.disabled="${this.disabled}"
|
|
53
|
-
.active="${live(this.active)}"
|
|
54
|
-
@click="${this.handleClick}"
|
|
55
|
-
>
|
|
32
|
+
<div part="${partNameMap(this.resolvePartNames('base'))}">
|
|
56
33
|
<span part="icon">
|
|
57
34
|
<slot name="icon"></slot>
|
|
58
35
|
</span>
|
|
@@ -77,7 +54,4 @@ __decorate([
|
|
|
77
54
|
__decorate([
|
|
78
55
|
queryAssignedNodes('content', true)
|
|
79
56
|
], IgcNavDrawerItemComponent.prototype, "_text", void 0);
|
|
80
|
-
__decorate([
|
|
81
|
-
watch('active', { waitUntilFirstUpdate: true })
|
|
82
|
-
], IgcNavDrawerItemComponent.prototype, "handleChange", null);
|
|
83
57
|
//# sourceMappingURL=nav-drawer-item.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nav-drawer-item.js","sourceRoot":"","sources":["../../../src/components/nav-drawer/nav-drawer-item.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,kBAAkB,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACxE,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"nav-drawer-item.js","sourceRoot":"","sources":["../../../src/components/nav-drawer/nav-drawer-item.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,kBAAkB,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAcxD,MAAM,CAAC,OAAO,OAAO,yBAA0B,SAAQ,UAAU;IAAjE;;QASS,aAAQ,GAAG,KAAK,CAAC;QAIjB,WAAM,GAAG,KAAK,CAAC;IAkCxB,CAAC;IA1BQ,iBAAiB;;QACtB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,MAAA,IAAI,CAAC,UAAU,0CAAE,gBAAgB,CAAC,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE;YACpD,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;QACvC,CAAC,CAAC,CAAC;IACL,CAAC;IAES,gBAAgB,CAAC,IAAY;QACrC,OAAO;YACL,CAAC,IAAI,CAAC,EAAE,IAAI;YACZ,IAAI,EAAE,IAAI,CAAC,WAAW,GAAG,CAAC;SAC3B,CAAC;IACJ,CAAC;IAES,MAAM;QACd,OAAO,IAAI,CAAA;mBACI,WAAW,CAAC,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;;;;;;;;KAQxD,CAAC;IACJ,CAAC;;AA5Ca,iCAAO,GAAG,qBAAqB,CAAC;AAGhC,gCAAM,GAAG,CAAC,MAAM,CAAC,CAAC;AAIhC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2DACnB;AAIxB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;yDACrB;AAGtB;IADC,KAAK,EAAE;8DACqB;AAG7B;IADC,kBAAkB,CAAC,SAAS,EAAE,IAAI,CAAC;wDACI","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property, queryAssignedNodes, state } from 'lit/decorators.js';\nimport { partNameMap } from '../common/util';\nimport { styles } from './nav-drawer-item.material.css';\n\n/**\n * Represents a navigation drawer item.\n *\n * @element igc-nav-drawer-item\n *\n * @slot content - The content slot for the drawer item.\n * @slot icon - The slot for the icon of the drawer item.\n *\n * @csspart base - The base wrapper of the drawer item.\n * @csspart icon - The icon container.\n * @csspart content - The content container.\n */\nexport default class IgcNavDrawerItemComponent extends LitElement {\n /** @private */\n public static tagName = 'igc-nav-drawer-item';\n\n /** @private */\n public static styles = [styles];\n\n /** Determines whether the drawer is disabled. */\n @property({ type: Boolean, reflect: true })\n public disabled = false;\n\n /** Determines whether the drawer is active. */\n @property({ type: Boolean, reflect: true })\n public active = false;\n\n @state()\n private _textLength!: number;\n\n @queryAssignedNodes('content', true)\n private _text!: NodeListOf<HTMLElement>;\n\n public connectedCallback() {\n super.connectedCallback();\n this.shadowRoot?.addEventListener('slotchange', (_) => {\n this._textLength = this._text.length;\n });\n }\n\n protected resolvePartNames(base: string) {\n return {\n [base]: true,\n mini: this._textLength < 1,\n };\n }\n\n protected render() {\n return html`\n <div part=\"${partNameMap(this.resolvePartNames('base'))}\">\n <span part=\"icon\">\n <slot name=\"icon\"></slot>\n </span>\n <span part=\"content\">\n <slot name=\"content\"></slot>\n </span>\n </div>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-nav-drawer-item': IgcNavDrawerItemComponent;\n }\n}\n"]}
|
|
@@ -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: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
|