igniteui-webcomponents 3.2.0 → 3.3.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 +30 -8
- package/README.md +52 -2
- package/components/badge/themes/light/badge.bootstrap.css.js +1 -1
- package/components/badge/themes/light/badge.bootstrap.css.js.map +1 -1
- package/components/button/button-base.d.ts +1 -1
- package/components/button/themes/button/light/button.base.css.js +1 -1
- package/components/button/themes/button/light/button.base.css.js.map +1 -1
- package/components/button/themes/button/light/button.material.css.js +1 -1
- package/components/button/themes/button/light/button.material.css.js.map +1 -1
- package/components/calendar/calendar.d.ts +1 -1
- package/components/calendar/days-view/days-view.d.ts +1 -1
- package/components/calendar/months-view/months-view.d.ts +1 -1
- package/components/calendar/themes/bootstrap/calendar.bootstrap.css.js +1 -1
- package/components/calendar/themes/bootstrap/calendar.bootstrap.css.js.map +1 -1
- package/components/calendar/years-view/years-view.d.ts +1 -1
- package/components/card/card.header.js +2 -0
- package/components/card/card.header.js.map +1 -1
- package/components/card/themes/light/card.header.bootstrap.css.js +1 -1
- package/components/card/themes/light/card.header.bootstrap.css.js.map +1 -1
- package/components/{nav-drawer/styles/indigo/nav-drawer-header-item.indigo.css.d.ts → card/themes/light/card.header.fluent.css.d.ts} +0 -0
- package/components/card/themes/light/card.header.fluent.css.js +3 -0
- package/components/card/themes/light/card.header.fluent.css.js.map +1 -0
- package/components/checkbox/checkbox-base.d.ts +1 -1
- package/components/checkbox/themes/light/checkbox.base.css.js +1 -1
- package/components/checkbox/themes/light/checkbox.base.css.js.map +1 -1
- package/components/checkbox/themes/light/checkbox.bootstrap.css.js +1 -1
- package/components/checkbox/themes/light/checkbox.bootstrap.css.js.map +1 -1
- package/components/checkbox/themes/light/checkbox.fluent.css.js +1 -1
- package/components/checkbox/themes/light/checkbox.fluent.css.js.map +1 -1
- package/components/checkbox/themes/light/checkbox.indigo.css.js +1 -1
- package/components/checkbox/themes/light/checkbox.indigo.css.js.map +1 -1
- package/components/checkbox/themes/light/checkbox.material.css.js +1 -1
- package/components/checkbox/themes/light/checkbox.material.css.js.map +1 -1
- package/components/checkbox/themes/light/switch.base.css.js +1 -1
- package/components/checkbox/themes/light/switch.base.css.js.map +1 -1
- package/components/checkbox/themes/light/switch.fluent.css.js +1 -1
- package/components/checkbox/themes/light/switch.fluent.css.js.map +1 -1
- package/components/chip/chip.d.ts +1 -1
- package/components/chip/themes/chip.base.css.js +1 -1
- package/components/chip/themes/chip.base.css.js.map +1 -1
- package/components/chip/themes/chip.bootstrap.css.js +1 -1
- package/components/chip/themes/chip.bootstrap.css.js.map +1 -1
- package/components/chip/themes/chip.fluent.css.js +1 -1
- package/components/chip/themes/chip.fluent.css.js.map +1 -1
- package/components/chip/themes/chip.indigo.css.js +1 -1
- package/components/chip/themes/chip.indigo.css.js.map +1 -1
- package/components/chip/themes/chip.material.css.js +1 -1
- package/components/chip/themes/chip.material.css.js.map +1 -1
- package/components/common/definitions/defineAllComponents.js +8 -0
- package/components/common/definitions/defineAllComponents.js.map +1 -1
- package/components/common/mixins/constructor.d.ts +1 -0
- package/components/common/mixins/constructor.js.map +1 -1
- package/components/common/mixins/event-emitter.d.ts +2 -2
- package/components/common/mixins/event-emitter.js +2 -2
- package/components/common/mixins/event-emitter.js.map +1 -1
- package/components/common/util.d.ts +18 -0
- package/components/common/util.js +17 -0
- package/components/common/util.js.map +1 -1
- package/components/date-time-input/date-time-input.d.ts +108 -0
- package/components/date-time-input/date-time-input.js +495 -0
- package/components/date-time-input/date-time-input.js.map +1 -0
- package/components/date-time-input/date-util.d.ts +89 -0
- package/components/date-time-input/date-util.js +597 -0
- package/components/date-time-input/date-util.js.map +1 -0
- package/components/dropdown/dropdown-group.js +2 -0
- package/components/dropdown/dropdown-group.js.map +1 -1
- package/components/dropdown/dropdown.d.ts +1 -1
- package/components/expansion-panel/expansion-panel.d.ts +2 -1
- package/components/expansion-panel/expansion-panel.js +1 -0
- package/components/expansion-panel/expansion-panel.js.map +1 -1
- package/components/form/form.d.ts +1 -1
- package/components/form/form.js +3 -1
- package/components/form/form.js.map +1 -1
- package/components/icon/icon.material.css.js +1 -1
- package/components/icon/icon.material.css.js.map +1 -1
- package/components/input/input-base.d.ts +6 -3
- package/components/input/input-base.js +10 -6
- package/components/input/input-base.js.map +1 -1
- package/components/input/input.d.ts +1 -4
- package/components/input/input.js +8 -4
- package/components/input/input.js.map +1 -1
- package/components/input/themes/light/input.bootstrap.css.js +1 -1
- package/components/input/themes/light/input.bootstrap.css.js.map +1 -1
- package/components/list/themes/light/list-item.bootstrap.css.js +1 -1
- package/components/list/themes/light/list-item.bootstrap.css.js.map +1 -1
- package/components/list/themes/light/list-item.fluent.css.js +1 -1
- package/components/list/themes/light/list-item.fluent.css.js.map +1 -1
- package/components/list/themes/light/list-item.indigo.css.js +1 -1
- package/components/list/themes/light/list-item.indigo.css.js.map +1 -1
- package/components/mask-input/mask-input-base.d.ts +38 -0
- package/components/mask-input/mask-input-base.js +110 -0
- package/components/mask-input/mask-input-base.js.map +1 -0
- package/components/mask-input/mask-input.d.ts +5 -36
- package/components/mask-input/mask-input.js +11 -89
- package/components/mask-input/mask-input.js.map +1 -1
- package/components/nav-drawer/nav-drawer-header-item.js +4 -3
- package/components/nav-drawer/nav-drawer-header-item.js.map +1 -1
- package/components/nav-drawer/nav-drawer-item.js +4 -3
- package/components/nav-drawer/nav-drawer-item.js.map +1 -1
- package/components/nav-drawer/nav-drawer.js +2 -2
- package/components/nav-drawer/nav-drawer.js.map +1 -1
- package/components/nav-drawer/{styles → themes/dark}/nav-drawer-item.base.css.d.ts +0 -0
- package/components/nav-drawer/themes/dark/nav-drawer-item.base.css.js +3 -0
- package/components/nav-drawer/themes/dark/nav-drawer-item.base.css.js.map +1 -0
- package/components/nav-drawer/{styles/indigo/nav-drawer-item.indigo.css.d.ts → themes/dark/nav-drawer-item.bootstrap.css.d.ts} +0 -0
- package/components/nav-drawer/themes/dark/nav-drawer-item.bootstrap.css.js +3 -0
- package/components/nav-drawer/themes/dark/nav-drawer-item.bootstrap.css.js.map +1 -0
- package/components/nav-drawer/{styles/indigo/nav-drawer.indigo.css.d.ts → themes/dark/nav-drawer-item.fluent.css.d.ts} +0 -0
- package/components/nav-drawer/themes/dark/nav-drawer-item.fluent.css.js +3 -0
- package/components/nav-drawer/themes/dark/nav-drawer-item.fluent.css.js.map +1 -0
- package/components/nav-drawer/{styles/nav-drawer-header-item.base.css.d.ts → themes/dark/nav-drawer-item.indigo.css.d.ts} +0 -0
- package/components/nav-drawer/themes/dark/nav-drawer-item.indigo.css.js +3 -0
- package/components/nav-drawer/themes/dark/nav-drawer-item.indigo.css.js.map +1 -0
- package/components/nav-drawer/{styles/nav-drawer.base.css.d.ts → themes/dark/nav-drawer.indigo.css.d.ts} +0 -0
- package/components/nav-drawer/themes/dark/nav-drawer.indigo.css.js +3 -0
- package/components/nav-drawer/themes/dark/nav-drawer.indigo.css.js.map +1 -0
- package/components/{snackbar/themes/snackbar.base.css.d.ts → nav-drawer/themes/light/fluent/nav-drawer-header-item.fluent.css.d.ts} +0 -0
- package/components/nav-drawer/themes/light/fluent/nav-drawer-header-item.fluent.css.js +3 -0
- package/components/nav-drawer/themes/light/fluent/nav-drawer-header-item.fluent.css.js.map +1 -0
- package/components/{snackbar/themes/snackbar.bootstrap.css.d.ts → nav-drawer/themes/light/fluent/nav-drawer-item.fluent.css.d.ts} +0 -0
- package/components/nav-drawer/themes/light/fluent/nav-drawer-item.fluent.css.js +3 -0
- package/components/nav-drawer/themes/light/fluent/nav-drawer-item.fluent.css.js.map +1 -0
- package/components/{snackbar/themes/snackbar.fluent.css.d.ts → nav-drawer/themes/light/indigo/nav-drawer-header-item.indigo.css.d.ts} +0 -0
- package/components/nav-drawer/{styles → themes/light}/indigo/nav-drawer-header-item.indigo.css.js +0 -0
- package/components/nav-drawer/themes/light/indigo/nav-drawer-header-item.indigo.css.js.map +1 -0
- package/components/{snackbar/themes/snackbar.indigo.css.d.ts → nav-drawer/themes/light/indigo/nav-drawer-item.indigo.css.d.ts} +0 -0
- package/components/nav-drawer/themes/light/indigo/nav-drawer-item.indigo.css.js +3 -0
- package/components/nav-drawer/themes/light/indigo/nav-drawer-item.indigo.css.js.map +1 -0
- package/components/nav-drawer/themes/light/indigo/nav-drawer.indigo.css.d.ts +1 -0
- package/components/nav-drawer/themes/light/indigo/nav-drawer.indigo.css.js +3 -0
- package/components/nav-drawer/themes/light/indigo/nav-drawer.indigo.css.js.map +1 -0
- package/components/nav-drawer/themes/light/nav-drawer-header-item.base.css.d.ts +1 -0
- package/components/nav-drawer/{styles → themes/light}/nav-drawer-header-item.base.css.js +1 -1
- package/components/nav-drawer/themes/light/nav-drawer-header-item.base.css.js.map +1 -0
- package/components/nav-drawer/themes/light/nav-drawer-item.base.css.d.ts +1 -0
- package/components/nav-drawer/{styles → themes/light}/nav-drawer-item.base.css.js +1 -1
- package/components/nav-drawer/themes/light/nav-drawer-item.base.css.js.map +1 -0
- package/components/nav-drawer/themes/light/nav-drawer.base.css.d.ts +1 -0
- package/components/nav-drawer/{styles → themes/light}/nav-drawer.base.css.js +0 -0
- package/components/nav-drawer/themes/light/nav-drawer.base.css.js.map +1 -0
- package/components/radio/radio.d.ts +1 -1
- package/components/radio/themes/light/radio.base.css.js +1 -1
- package/components/radio/themes/light/radio.base.css.js.map +1 -1
- package/components/radio/themes/light/radio.fluent.css.js +1 -1
- package/components/radio/themes/light/radio.fluent.css.js.map +1 -1
- package/components/rating/rating.d.ts +1 -1
- package/components/slider/range-slider.d.ts +1 -1
- package/components/slider/slider.d.ts +1 -1
- package/components/snackbar/snackbar.d.ts +1 -1
- package/components/snackbar/snackbar.js +5 -4
- package/components/snackbar/snackbar.js.map +1 -1
- package/components/snackbar/themes/dark/snackbar.indigo.css.d.ts +1 -0
- package/components/snackbar/themes/dark/snackbar.indigo.css.js +3 -0
- package/components/snackbar/themes/dark/snackbar.indigo.css.js.map +1 -0
- package/components/snackbar/themes/light/snackbar.base.css.d.ts +1 -0
- package/components/snackbar/themes/light/snackbar.base.css.js +3 -0
- package/components/snackbar/themes/light/snackbar.base.css.js.map +1 -0
- package/components/snackbar/themes/light/snackbar.bootstrap.css.d.ts +1 -0
- package/components/snackbar/themes/light/snackbar.bootstrap.css.js +3 -0
- package/components/snackbar/themes/light/snackbar.bootstrap.css.js.map +1 -0
- package/components/snackbar/themes/light/snackbar.fluent.css.d.ts +1 -0
- package/components/snackbar/themes/light/snackbar.fluent.css.js +3 -0
- package/components/snackbar/themes/light/snackbar.fluent.css.js.map +1 -0
- package/components/snackbar/themes/light/snackbar.indigo.css.d.ts +1 -0
- package/components/snackbar/themes/light/snackbar.indigo.css.js +3 -0
- package/components/snackbar/themes/light/snackbar.indigo.css.js.map +1 -0
- package/components/tabs/tab-panel.d.ts +20 -0
- package/components/tabs/tab-panel.js +21 -0
- package/components/tabs/tab-panel.js.map +1 -0
- package/components/tabs/tab.d.ts +37 -0
- package/components/tabs/tab.js +71 -0
- package/components/tabs/tab.js.map +1 -0
- package/components/tabs/tabs.d.ts +80 -0
- package/components/tabs/tabs.js +308 -0
- package/components/tabs/tabs.js.map +1 -0
- package/components/tabs/themes/dark/tab.dark.base.css.d.ts +1 -0
- package/components/tabs/themes/dark/tab.dark.base.css.js +3 -0
- package/components/tabs/themes/dark/tab.dark.base.css.js.map +1 -0
- package/components/tabs/themes/dark/tab.dark.bootstrap.css.d.ts +1 -0
- package/components/tabs/themes/dark/tab.dark.bootstrap.css.js +3 -0
- package/components/tabs/themes/dark/tab.dark.bootstrap.css.js.map +1 -0
- package/components/tabs/themes/light/tab-panel.base.css.d.ts +1 -0
- package/components/tabs/themes/light/tab-panel.base.css.js +3 -0
- package/components/tabs/themes/light/tab-panel.base.css.js.map +1 -0
- package/components/tabs/themes/light/tab.base.css.d.ts +1 -0
- package/components/tabs/themes/light/tab.base.css.js +3 -0
- package/components/tabs/themes/light/tab.base.css.js.map +1 -0
- package/components/tabs/themes/light/tab.bootstrap.css.d.ts +1 -0
- package/components/tabs/themes/light/tab.bootstrap.css.js +3 -0
- package/components/tabs/themes/light/tab.bootstrap.css.js.map +1 -0
- package/components/tabs/themes/light/tab.fluent.css.d.ts +1 -0
- package/components/tabs/themes/light/tab.fluent.css.js +3 -0
- package/components/tabs/themes/light/tab.fluent.css.js.map +1 -0
- package/components/tabs/themes/light/tab.indigo.css.d.ts +1 -0
- package/components/tabs/themes/light/tab.indigo.css.js +3 -0
- package/components/tabs/themes/light/tab.indigo.css.js.map +1 -0
- package/components/tabs/themes/light/tabs.base.css.d.ts +1 -0
- package/components/tabs/themes/light/tabs.base.css.js +3 -0
- package/components/tabs/themes/light/tabs.base.css.js.map +1 -0
- package/components/tabs/themes/light/tabs.bootstrap.css.d.ts +1 -0
- package/components/tabs/themes/light/tabs.bootstrap.css.js +3 -0
- package/components/tabs/themes/light/tabs.bootstrap.css.js.map +1 -0
- package/components/tabs/themes/light/tabs.fluent.css.d.ts +1 -0
- package/components/tabs/themes/light/tabs.fluent.css.js +3 -0
- package/components/tabs/themes/light/tabs.fluent.css.js.map +1 -0
- package/components/tabs/themes/light/tabs.indigo.css.d.ts +1 -0
- package/components/tabs/themes/light/tabs.indigo.css.js +3 -0
- package/components/tabs/themes/light/tabs.indigo.css.js.map +1 -0
- package/components/tabs/utils.d.ts +14 -0
- package/components/tabs/utils.js +32 -0
- package/components/tabs/utils.js.map +1 -0
- package/components/toast/themes/toast.base.css.js +1 -1
- package/components/toast/themes/toast.base.css.js.map +1 -1
- package/components/tree/tree-item.d.ts +1 -0
- package/components/tree/tree-item.js +14 -3
- package/components/tree/tree-item.js.map +1 -1
- package/components/tree/tree.d.ts +1 -1
- package/components/tree/tree.js +10 -0
- package/components/tree/tree.js.map +1 -1
- package/custom-elements.json +544 -39
- package/index.d.ts +5 -0
- package/index.js +5 -0
- package/index.js.map +1 -1
- package/package.json +3 -3
- package/themes/dark/bootstrap.css +1 -1
- package/themes/dark/fluent.css +1 -1
- package/themes/dark/indigo.css +1 -1
- package/themes/dark/material.css +1 -1
- package/vscode-html-custom-data.json +216 -37
- package/components/nav-drawer/styles/indigo/nav-drawer-header-item.indigo.css.js.map +0 -1
- package/components/nav-drawer/styles/indigo/nav-drawer-item.indigo.css.js +0 -3
- package/components/nav-drawer/styles/indigo/nav-drawer-item.indigo.css.js.map +0 -1
- package/components/nav-drawer/styles/indigo/nav-drawer.indigo.css.js +0 -3
- package/components/nav-drawer/styles/indigo/nav-drawer.indigo.css.js.map +0 -1
- package/components/nav-drawer/styles/nav-drawer-header-item.base.css.js.map +0 -1
- package/components/nav-drawer/styles/nav-drawer-item.base.css.js.map +0 -1
- package/components/nav-drawer/styles/nav-drawer.base.css.js.map +0 -1
- package/components/snackbar/themes/snackbar.base.css.js +0 -3
- package/components/snackbar/themes/snackbar.base.css.js.map +0 -1
- package/components/snackbar/themes/snackbar.bootstrap.css.js +0 -3
- package/components/snackbar/themes/snackbar.bootstrap.css.js.map +0 -1
- package/components/snackbar/themes/snackbar.fluent.css.js +0 -3
- package/components/snackbar/themes/snackbar.fluent.css.js.map +0 -1
- package/components/snackbar/themes/snackbar.indigo.css.js +0 -3
- package/components/snackbar/themes/snackbar.indigo.css.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chip.indigo.css.js","sourceRoot":"","sources":["../../../../src/components/chip/themes/chip.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,msTAAmsT,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, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;vertical-align:top}:host button{border-radius:clamp(0rem,var(--igc-radius-factor)*1rem,1rem);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:var(--igc-font-family);border-style:none;-webkit-box-shadow:none;box-shadow:none;cursor:pointer}:host button[disabled]{pointer-events:none;color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host([size=small]) button{height:1.25rem;padding:.125rem}:host([size=small]) [part=prefix]{-webkit-margin-end:.1875rem;margin-inline-end:.1875rem}:host([size=small]) [part=suffix]{-webkit-margin-start:.1875rem;margin-inline-start:.1875rem}:host([size=medium]) button{height:1.5rem;padding:.375rem}:host([size=medium]) [part=prefix]{-webkit-margin-end:.375rem;margin-inline-end:.375rem}:host([size=medium]) [part=suffix]{-webkit-margin-start:.375rem;margin-inline-start:.375rem}:host([size=large]) button{height:2rem;padding:.75rem}:host([size=large]) [part=prefix]{-webkit-margin-end:.5rem;margin-inline-end:.5rem}:host([size=large]) [part=suffix]{-webkit-margin-start:.5rem;margin-inline-start:.5rem}:host([size=large]) igc-icon[size=large]{--size: 1.25rem}:host([variant=primary]) button,:host([selected][variant=primary]) button:not([disabled]){background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-500-contrast)}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{background:hsla(var(--igc-primary-600), var(--igc-primary-a));color:var(--igc-primary-600-contrast)}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{background:hsla(var(--igc-primary-800), var(--igc-primary-a));color:var(--igc-primary-800-contrast)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){background:hsla(var(--igc-info-500), var(--igc-info-a));color:var(--igc-info-500-contrast)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:hsla(var(--igc-info-600), var(--igc-info-a));color:var(--igc-info-600-contrast)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:hsla(var(--igc-info-800), var(--igc-info-a));color:var(--igc-info-800-contrast)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){background:hsla(var(--igc-success-500), var(--igc-success-a));color:var(--igc-success-500-contrast)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:hsla(var(--igc-success-600), var(--igc-success-a));color:var(--igc-success-600-contrast)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:hsla(var(--igc-success-800), var(--igc-success-a));color:var(--igc-success-800-contrast)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){background:hsla(var(--igc-warn-500), var(--igc-warn-a));color:var(--igc-warn-500-contrast)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:hsla(var(--igc-warn-600), var(--igc-warn-a));color:var(--igc-warn-600-contrast)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:hsla(var(--igc-warn-800), var(--igc-warn-a));color:var(--igc-warn-800-contrast)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){background:hsla(var(--igc-error-500), var(--igc-error-a));color:var(--igc-error-500-contrast)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:hsla(var(--igc-error-600), var(--igc-error-a));color:var(--igc-error-600-contrast)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:hsla(var(--igc-error-800), var(--igc-error-a));color:var(--igc-error-800-contrast)}[part=prefix],[part=suffix]{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}::slotted(*){display:-webkit-box;display:-ms-flexbox;display:flex}:host([variant=primary]) button[disabled],:host([variant=info]) button[disabled],:host([variant=success]) button[disabled],:host([variant=warning]) button[disabled],:host([variant=danger]) button[disabled]{color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host button{border:.0625rem solid hsla(var(--igc-gray-400), var(--igc-gray-a));background:hsla(var(--igc-surface-500), var(--igc-surface-a));color:hsla(var(--igc-gray-700), var(--igc-gray-a))}:host button:hover{background:hsla(var(--igc-gray-200), var(--igc-gray-a))}:host button:focus{outline:.1875rem solid hsla(var(--igc-gray-300), var(--igc-gray-a))}:host button[disabled]{border-color:hsla(var(--igc-gray-200), var(--igc-gray-a));color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host([selected]) button:not([disabled]){border-color:rgba(0,0,0,0);background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-700-contrast)}:host([selected]) button:not([disabled]):hover{background:hsla(var(--igc-primary-600), var(--igc-primary-a))}:host([selected]) button:not([disabled]):focus{outline:.1875rem solid hsla(var(--igc-primary-200), var(--igc-primary-a))}:host([variant=primary]) button,:host([selected][variant=primary]) button:not([disabled]){border-color:rgba(0,0,0,0)}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{background:hsla(var(--igc-primary-400), var(--igc-primary-a));color:var(--igc-primary-400-contrast)}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-500-contrast);outline:.1875rem solid hsla(var(--igc-primary-200), var(--igc-primary-a))}:host([variant=primary]) button[disabled]{background:hsla(var(--igc-primary-200), var(--igc-primary-a));color:var(--igc-primary-400-contrast)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){border-color:rgba(0,0,0,0)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:hsla(var(--igc-info-400), var(--igc-info-a));color:var(--igc-info-400-contrast)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:hsla(var(--igc-info-500), var(--igc-info-a));color:var(--igc-info-500-contrast);outline:.1875rem solid hsla(var(--igc-info-200), var(--igc-info-a))}:host([variant=info]) button[disabled]{background:hsla(var(--igc-info-200), var(--igc-info-a));color:var(--igc-info-400-contrast)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){border-color:rgba(0,0,0,0)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:hsla(var(--igc-success-400), var(--igc-success-a));color:var(--igc-success-400-contrast)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:hsla(var(--igc-success-500), var(--igc-success-a));color:var(--igc-success-500-contrast);outline:.1875rem solid hsla(var(--igc-success-200), var(--igc-success-a))}:host([variant=success]) button[disabled]{background:hsla(var(--igc-success-200), var(--igc-success-a));color:var(--igc-success-800-contrast)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){border-color:rgba(0,0,0,0)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:hsla(var(--igc-warn-400), var(--igc-warn-a));color:var(--igc-warn-400-contrast)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:hsla(var(--igc-warn-500), var(--igc-warn-a));color:var(--igc-warn-500-contrast);outline:.1875rem solid hsla(var(--igc-warn-200), var(--igc-warn-a))}:host([variant=warning]) button[disabled]{background:hsla(var(--igc-warn-200), var(--igc-warn-a));color:var(--igc-warn-900-contrast)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){border-color:rgba(0,0,0,0)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:hsla(var(--igc-error-400), var(--igc-error-a));color:var(--igc-error-400-contrast)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:hsla(var(--igc-error-500), var(--igc-error-a));color:var(--igc-error-500-contrast);outline:.1875rem solid hsla(var(--igc-error-200), var(--igc-error-a))}:host([variant=danger]) button[disabled]{background:hsla(var(--igc-error-200), var(--igc-error-a));color:var(--igc-error-400-contrast)}`;\n"]}
|
|
1
|
+
{"version":3,"file":"chip.indigo.css.js","sourceRoot":"","sources":["../../../../src/components/chip/themes/chip.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qkUAAqkU,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, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;vertical-align:top}:host button{font-family:var(--igc-body-2-font-family);font-weight:var(--igc-body-2-font-weight);font-size:var(--igc-body-2-font-size);font-style:var(--igc-body-2-font-style);letter-spacing:var(--igc-body-2-letter-spacing);text-transform:var(--igc-body-2-text-transform);line-height:var(--igc-body-2-line-height);margin-top:var(--igc-body-2-margin-top);margin-bottom:var(--igc-body-2-margin-bottom);border-radius:clamp(0rem,var(--igc-radius-factor)*1rem,1rem);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:var(--igc-font-family);border-style:none;-webkit-box-shadow:none;box-shadow:none;cursor:pointer}:host button[disabled]{pointer-events:none;color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host([size=small]) button{height:1.25rem;padding:.125rem}:host([size=small]) [part=prefix]{-webkit-margin-end:.1875rem;margin-inline-end:.1875rem}:host([size=small]) [part=suffix]{-webkit-margin-start:.1875rem;margin-inline-start:.1875rem}:host([size=medium]) button{height:1.5rem;padding:.375rem}:host([size=medium]) [part=prefix]{-webkit-margin-end:.375rem;margin-inline-end:.375rem}:host([size=medium]) [part=suffix]{-webkit-margin-start:.375rem;margin-inline-start:.375rem}:host([size=large]) button{height:2rem;padding:.75rem}:host([size=large]) [part=prefix]{-webkit-margin-end:.5rem;margin-inline-end:.5rem}:host([size=large]) [part=suffix]{-webkit-margin-start:.5rem;margin-inline-start:.5rem}:host([size=large]) igc-icon[size=large]{--size: 1.25rem}:host([variant=primary]) button,:host([selected][variant=primary]) button:not([disabled]){background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-500-contrast)}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{background:hsla(var(--igc-primary-600), var(--igc-primary-a));color:var(--igc-primary-600-contrast)}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{background:hsla(var(--igc-primary-800), var(--igc-primary-a));color:var(--igc-primary-800-contrast)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){background:hsla(var(--igc-info-500), var(--igc-info-a));color:var(--igc-info-500-contrast)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:hsla(var(--igc-info-600), var(--igc-info-a));color:var(--igc-info-600-contrast)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:hsla(var(--igc-info-800), var(--igc-info-a));color:var(--igc-info-800-contrast)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){background:hsla(var(--igc-success-500), var(--igc-success-a));color:var(--igc-success-500-contrast)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:hsla(var(--igc-success-600), var(--igc-success-a));color:var(--igc-success-600-contrast)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:hsla(var(--igc-success-800), var(--igc-success-a));color:var(--igc-success-800-contrast)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){background:hsla(var(--igc-warn-500), var(--igc-warn-a));color:var(--igc-warn-500-contrast)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:hsla(var(--igc-warn-600), var(--igc-warn-a));color:var(--igc-warn-600-contrast)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:hsla(var(--igc-warn-800), var(--igc-warn-a));color:var(--igc-warn-800-contrast)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){background:hsla(var(--igc-error-500), var(--igc-error-a));color:var(--igc-error-500-contrast)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:hsla(var(--igc-error-600), var(--igc-error-a));color:var(--igc-error-600-contrast)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:hsla(var(--igc-error-800), var(--igc-error-a));color:var(--igc-error-800-contrast)}[part=prefix],[part=suffix]{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}::slotted(*){display:-webkit-box;display:-ms-flexbox;display:flex}:host([variant=primary]) button[disabled],:host([variant=info]) button[disabled],:host([variant=success]) button[disabled],:host([variant=warning]) button[disabled],:host([variant=danger]) button[disabled]{color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host button{border:.0625rem solid hsla(var(--igc-gray-400), var(--igc-gray-a));background:hsla(var(--igc-surface-500), var(--igc-surface-a));color:hsla(var(--igc-gray-700), var(--igc-gray-a))}:host button:hover{background:hsla(var(--igc-gray-200), var(--igc-gray-a))}:host button:focus{outline:.1875rem solid hsla(var(--igc-gray-300), var(--igc-gray-a))}:host button[disabled]{border-color:hsla(var(--igc-gray-200), var(--igc-gray-a));color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host([selected]) button:not([disabled]){border-color:rgba(0,0,0,0);background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-700-contrast)}:host([selected]) button:not([disabled]):hover{background:hsla(var(--igc-primary-600), var(--igc-primary-a))}:host([selected]) button:not([disabled]):focus{outline:.1875rem solid hsla(var(--igc-primary-200), var(--igc-primary-a))}:host([variant=primary]) button,:host([selected][variant=primary]) button:not([disabled]){border-color:rgba(0,0,0,0)}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{background:hsla(var(--igc-primary-400), var(--igc-primary-a));color:var(--igc-primary-400-contrast)}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-500-contrast);outline:.1875rem solid hsla(var(--igc-primary-200), var(--igc-primary-a))}:host([variant=primary]) button[disabled]{background:hsla(var(--igc-primary-200), var(--igc-primary-a));color:var(--igc-primary-400-contrast)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){border-color:rgba(0,0,0,0)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:hsla(var(--igc-info-400), var(--igc-info-a));color:var(--igc-info-400-contrast)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:hsla(var(--igc-info-500), var(--igc-info-a));color:var(--igc-info-500-contrast);outline:.1875rem solid hsla(var(--igc-info-200), var(--igc-info-a))}:host([variant=info]) button[disabled]{background:hsla(var(--igc-info-200), var(--igc-info-a));color:var(--igc-info-400-contrast)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){border-color:rgba(0,0,0,0)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:hsla(var(--igc-success-400), var(--igc-success-a));color:var(--igc-success-400-contrast)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:hsla(var(--igc-success-500), var(--igc-success-a));color:var(--igc-success-500-contrast);outline:.1875rem solid hsla(var(--igc-success-200), var(--igc-success-a))}:host([variant=success]) button[disabled]{background:hsla(var(--igc-success-200), var(--igc-success-a));color:var(--igc-success-800-contrast)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){border-color:rgba(0,0,0,0)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:hsla(var(--igc-warn-400), var(--igc-warn-a));color:var(--igc-warn-400-contrast)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:hsla(var(--igc-warn-500), var(--igc-warn-a));color:var(--igc-warn-500-contrast);outline:.1875rem solid hsla(var(--igc-warn-200), var(--igc-warn-a))}:host([variant=warning]) button[disabled]{background:hsla(var(--igc-warn-200), var(--igc-warn-a));color:var(--igc-warn-900-contrast)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){border-color:rgba(0,0,0,0)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:hsla(var(--igc-error-400), var(--igc-error-a));color:var(--igc-error-400-contrast)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:hsla(var(--igc-error-500), var(--igc-error-a));color:var(--igc-error-500-contrast);outline:.1875rem solid hsla(var(--igc-error-200), var(--igc-error-a))}:host([variant=danger]) button[disabled]{background:hsla(var(--igc-error-200), var(--igc-error-a));color:var(--igc-error-400-contrast)}`;\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;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;vertical-align:top}:host button{border-radius:clamp(0rem,var(--igc-radius-factor)*1rem,1rem);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:var(--igc-font-family);border-style:none;-webkit-box-shadow:none;box-shadow:none;cursor:pointer}:host button[disabled]{pointer-events:none;color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host([size=small]) button{height:1.25rem;padding:.125rem}:host([size=small]) [part=prefix]{-webkit-margin-end:.1875rem;margin-inline-end:.1875rem}:host([size=small]) [part=suffix]{-webkit-margin-start:.1875rem;margin-inline-start:.1875rem}:host([size=medium]) button{height:1.5rem;padding:.375rem}:host([size=medium]) [part=prefix]{-webkit-margin-end:.375rem;margin-inline-end:.375rem}:host([size=medium]) [part=suffix]{-webkit-margin-start:.375rem;margin-inline-start:.375rem}:host([size=large]) button{height:2rem;padding:.75rem}:host([size=large]) [part=prefix]{-webkit-margin-end:.5rem;margin-inline-end:.5rem}:host([size=large]) [part=suffix]{-webkit-margin-start:.5rem;margin-inline-start:.5rem}:host([size=large]) igc-icon[size=large]{--size: 1.25rem}:host([variant=primary]) button,:host([selected][variant=primary]) button:not([disabled]){background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-500-contrast)}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{background:hsla(var(--igc-primary-600), var(--igc-primary-a));color:var(--igc-primary-600-contrast)}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{background:hsla(var(--igc-primary-800), var(--igc-primary-a));color:var(--igc-primary-800-contrast)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){background:hsla(var(--igc-info-500), var(--igc-info-a));color:var(--igc-info-500-contrast)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:hsla(var(--igc-info-600), var(--igc-info-a));color:var(--igc-info-600-contrast)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:hsla(var(--igc-info-800), var(--igc-info-a));color:var(--igc-info-800-contrast)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){background:hsla(var(--igc-success-500), var(--igc-success-a));color:var(--igc-success-500-contrast)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:hsla(var(--igc-success-600), var(--igc-success-a));color:var(--igc-success-600-contrast)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:hsla(var(--igc-success-800), var(--igc-success-a));color:var(--igc-success-800-contrast)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){background:hsla(var(--igc-warn-500), var(--igc-warn-a));color:var(--igc-warn-500-contrast)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:hsla(var(--igc-warn-600), var(--igc-warn-a));color:var(--igc-warn-600-contrast)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:hsla(var(--igc-warn-800), var(--igc-warn-a));color:var(--igc-warn-800-contrast)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){background:hsla(var(--igc-error-500), var(--igc-error-a));color:var(--igc-error-500-contrast)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:hsla(var(--igc-error-600), var(--igc-error-a));color:var(--igc-error-600-contrast)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:hsla(var(--igc-error-800), var(--igc-error-a));color:var(--igc-error-800-contrast)}[part=prefix],[part=suffix]{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}::slotted(*){display:-webkit-box;display:-ms-flexbox;display:flex}:host([variant=primary]) button[disabled],:host([variant=info]) button[disabled],:host([variant=success]) button[disabled],:host([variant=warning]) button[disabled],:host([variant=danger]) button[disabled]{color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host button{background:hsla(var(--igc-gray-300), var(--igc-gray-a));color:var(--igc-gray-300-contrast)}:host button:hover{background:hsla(var(--igc-gray-400), var(--igc-gray-a));color:var(--igc-gray-400-contrast)}:host button:focus{background:hsla(var(--igc-gray-500), var(--igc-gray-a));color:var(--igc-gray-500-contrast)}:host button[disabled]{background:hsla(var(--igc-gray-200), var(--igc-gray-a))}`;
|
|
2
|
+
export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;vertical-align:top}:host button{font-family:var(--igc-body-2-font-family);font-weight:var(--igc-body-2-font-weight);font-size:var(--igc-body-2-font-size);font-style:var(--igc-body-2-font-style);letter-spacing:var(--igc-body-2-letter-spacing);text-transform:var(--igc-body-2-text-transform);line-height:var(--igc-body-2-line-height);margin-top:var(--igc-body-2-margin-top);margin-bottom:var(--igc-body-2-margin-bottom);border-radius:clamp(0rem,var(--igc-radius-factor)*1rem,1rem);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:var(--igc-font-family);border-style:none;-webkit-box-shadow:none;box-shadow:none;cursor:pointer}:host button[disabled]{pointer-events:none;color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host([size=small]) button{height:1.25rem;padding:.125rem}:host([size=small]) [part=prefix]{-webkit-margin-end:.1875rem;margin-inline-end:.1875rem}:host([size=small]) [part=suffix]{-webkit-margin-start:.1875rem;margin-inline-start:.1875rem}:host([size=medium]) button{height:1.5rem;padding:.375rem}:host([size=medium]) [part=prefix]{-webkit-margin-end:.375rem;margin-inline-end:.375rem}:host([size=medium]) [part=suffix]{-webkit-margin-start:.375rem;margin-inline-start:.375rem}:host([size=large]) button{height:2rem;padding:.75rem}:host([size=large]) [part=prefix]{-webkit-margin-end:.5rem;margin-inline-end:.5rem}:host([size=large]) [part=suffix]{-webkit-margin-start:.5rem;margin-inline-start:.5rem}:host([size=large]) igc-icon[size=large]{--size: 1.25rem}:host([variant=primary]) button,:host([selected][variant=primary]) button:not([disabled]){background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-500-contrast)}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{background:hsla(var(--igc-primary-600), var(--igc-primary-a));color:var(--igc-primary-600-contrast)}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{background:hsla(var(--igc-primary-800), var(--igc-primary-a));color:var(--igc-primary-800-contrast)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){background:hsla(var(--igc-info-500), var(--igc-info-a));color:var(--igc-info-500-contrast)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:hsla(var(--igc-info-600), var(--igc-info-a));color:var(--igc-info-600-contrast)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:hsla(var(--igc-info-800), var(--igc-info-a));color:var(--igc-info-800-contrast)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){background:hsla(var(--igc-success-500), var(--igc-success-a));color:var(--igc-success-500-contrast)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:hsla(var(--igc-success-600), var(--igc-success-a));color:var(--igc-success-600-contrast)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:hsla(var(--igc-success-800), var(--igc-success-a));color:var(--igc-success-800-contrast)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){background:hsla(var(--igc-warn-500), var(--igc-warn-a));color:var(--igc-warn-500-contrast)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:hsla(var(--igc-warn-600), var(--igc-warn-a));color:var(--igc-warn-600-contrast)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:hsla(var(--igc-warn-800), var(--igc-warn-a));color:var(--igc-warn-800-contrast)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){background:hsla(var(--igc-error-500), var(--igc-error-a));color:var(--igc-error-500-contrast)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:hsla(var(--igc-error-600), var(--igc-error-a));color:var(--igc-error-600-contrast)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:hsla(var(--igc-error-800), var(--igc-error-a));color:var(--igc-error-800-contrast)}[part=prefix],[part=suffix]{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}::slotted(*){display:-webkit-box;display:-ms-flexbox;display:flex}:host([variant=primary]) button[disabled],:host([variant=info]) button[disabled],:host([variant=success]) button[disabled],:host([variant=warning]) button[disabled],:host([variant=danger]) button[disabled]{color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host button{background:hsla(var(--igc-gray-300), var(--igc-gray-a));color:var(--igc-gray-300-contrast)}:host button:hover{background:hsla(var(--igc-gray-400), var(--igc-gray-a));color:var(--igc-gray-400-contrast)}:host button:focus{background:hsla(var(--igc-gray-500), var(--igc-gray-a));color:var(--igc-gray-500-contrast)}:host button[disabled]{background:hsla(var(--igc-gray-200), var(--igc-gray-a))}`;
|
|
3
3
|
//# sourceMappingURL=chip.material.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chip.material.css.js","sourceRoot":"","sources":["../../../../src/components/chip/themes/chip.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":"chip.material.css.js","sourceRoot":"","sources":["../../../../src/components/chip/themes/chip.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,knMAAknM,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, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;vertical-align:top}:host button{font-family:var(--igc-body-2-font-family);font-weight:var(--igc-body-2-font-weight);font-size:var(--igc-body-2-font-size);font-style:var(--igc-body-2-font-style);letter-spacing:var(--igc-body-2-letter-spacing);text-transform:var(--igc-body-2-text-transform);line-height:var(--igc-body-2-line-height);margin-top:var(--igc-body-2-margin-top);margin-bottom:var(--igc-body-2-margin-bottom);border-radius:clamp(0rem,var(--igc-radius-factor)*1rem,1rem);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:var(--igc-font-family);border-style:none;-webkit-box-shadow:none;box-shadow:none;cursor:pointer}:host button[disabled]{pointer-events:none;color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host([size=small]) button{height:1.25rem;padding:.125rem}:host([size=small]) [part=prefix]{-webkit-margin-end:.1875rem;margin-inline-end:.1875rem}:host([size=small]) [part=suffix]{-webkit-margin-start:.1875rem;margin-inline-start:.1875rem}:host([size=medium]) button{height:1.5rem;padding:.375rem}:host([size=medium]) [part=prefix]{-webkit-margin-end:.375rem;margin-inline-end:.375rem}:host([size=medium]) [part=suffix]{-webkit-margin-start:.375rem;margin-inline-start:.375rem}:host([size=large]) button{height:2rem;padding:.75rem}:host([size=large]) [part=prefix]{-webkit-margin-end:.5rem;margin-inline-end:.5rem}:host([size=large]) [part=suffix]{-webkit-margin-start:.5rem;margin-inline-start:.5rem}:host([size=large]) igc-icon[size=large]{--size: 1.25rem}:host([variant=primary]) button,:host([selected][variant=primary]) button:not([disabled]){background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-500-contrast)}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{background:hsla(var(--igc-primary-600), var(--igc-primary-a));color:var(--igc-primary-600-contrast)}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{background:hsla(var(--igc-primary-800), var(--igc-primary-a));color:var(--igc-primary-800-contrast)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){background:hsla(var(--igc-info-500), var(--igc-info-a));color:var(--igc-info-500-contrast)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:hsla(var(--igc-info-600), var(--igc-info-a));color:var(--igc-info-600-contrast)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:hsla(var(--igc-info-800), var(--igc-info-a));color:var(--igc-info-800-contrast)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){background:hsla(var(--igc-success-500), var(--igc-success-a));color:var(--igc-success-500-contrast)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:hsla(var(--igc-success-600), var(--igc-success-a));color:var(--igc-success-600-contrast)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:hsla(var(--igc-success-800), var(--igc-success-a));color:var(--igc-success-800-contrast)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){background:hsla(var(--igc-warn-500), var(--igc-warn-a));color:var(--igc-warn-500-contrast)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:hsla(var(--igc-warn-600), var(--igc-warn-a));color:var(--igc-warn-600-contrast)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:hsla(var(--igc-warn-800), var(--igc-warn-a));color:var(--igc-warn-800-contrast)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){background:hsla(var(--igc-error-500), var(--igc-error-a));color:var(--igc-error-500-contrast)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:hsla(var(--igc-error-600), var(--igc-error-a));color:var(--igc-error-600-contrast)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:hsla(var(--igc-error-800), var(--igc-error-a));color:var(--igc-error-800-contrast)}[part=prefix],[part=suffix]{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}::slotted(*){display:-webkit-box;display:-ms-flexbox;display:flex}:host([variant=primary]) button[disabled],:host([variant=info]) button[disabled],:host([variant=success]) button[disabled],:host([variant=warning]) button[disabled],:host([variant=danger]) button[disabled]{color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host button{background:hsla(var(--igc-gray-300), var(--igc-gray-a));color:var(--igc-gray-300-contrast)}:host button:hover{background:hsla(var(--igc-gray-400), var(--igc-gray-a));color:var(--igc-gray-400-contrast)}:host button:focus{background:hsla(var(--igc-gray-500), var(--igc-gray-a));color:var(--igc-gray-500-contrast)}:host button[disabled]{background:hsla(var(--igc-gray-200), var(--igc-gray-a))}`;\n"]}
|
|
@@ -37,8 +37,12 @@ import IgcSliderComponent from '../../slider/slider.js';
|
|
|
37
37
|
import IgcSnackbarComponent from '../../snackbar/snackbar.js';
|
|
38
38
|
import IgcToastComponent from '../../toast/toast.js';
|
|
39
39
|
import IgcSliderLabelComponent from '../../slider/slider-label.js';
|
|
40
|
+
import IgcTabsComponent from '../../tabs/tabs.js';
|
|
41
|
+
import IgcTabComponent from '../../tabs/tab.js';
|
|
42
|
+
import IgcTabPanelComponent from '../../tabs/tab-panel.js';
|
|
40
43
|
import { defineComponents } from './defineComponents.js';
|
|
41
44
|
import IgcCircularGradientComponent from '../../progress/circular-gradient.js';
|
|
45
|
+
import IgcDateTimeInputComponent from '../../date-time-input/date-time-input.js';
|
|
42
46
|
import IgcMaskInputComponent from '../../mask-input/mask-input.js';
|
|
43
47
|
import IgcExpansionPanelComponent from '../../expansion-panel/expansion-panel.js';
|
|
44
48
|
import IgcTreeComponent from '../../tree/tree.js';
|
|
@@ -84,10 +88,14 @@ const allComponents = [
|
|
|
84
88
|
IgcToastComponent,
|
|
85
89
|
IgcSliderLabelComponent,
|
|
86
90
|
IgcRangeSliderComponent,
|
|
91
|
+
IgcTabsComponent,
|
|
92
|
+
IgcTabComponent,
|
|
93
|
+
IgcTabPanelComponent,
|
|
87
94
|
IgcCircularProgressComponent,
|
|
88
95
|
IgcLinearProgressComponent,
|
|
89
96
|
IgcCircularGradientComponent,
|
|
90
97
|
IgcSnackbarComponent,
|
|
98
|
+
IgcDateTimeInputComponent,
|
|
91
99
|
];
|
|
92
100
|
export const defineAllComponents = () => {
|
|
93
101
|
defineComponents(...allComponents);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defineAllComponents.js","sourceRoot":"","sources":["../../../../src/components/common/definitions/defineAllComponents.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"defineAllComponents.js","sourceRoot":"","sources":["../../../../src/components/common/definitions/defineAllComponents.ts"],"names":[],"mappings":"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","sourcesContent":["import IgcAvatarComponent from '../../avatar/avatar.js';\nimport IgcBadgeComponent from '../../badge/badge.js';\nimport IgcButtonComponent from '../../button/button.js';\nimport IgcIconButtonComponent from '../../button/icon-button.js';\nimport IgcCalendarComponent from '../../calendar/calendar.js';\nimport IgcCardComponent from '../../card/card.js';\nimport IgcCardActionsComponent from '../../card/card.actions.js';\nimport IgcCardContentComponent from '../../card/card.content.js';\nimport IgcCardHeaderComponent from '../../card/card.header.js';\nimport IgcCardMediaComponent from '../../card/card.media.js';\nimport IgcCheckboxComponent from '../../checkbox/checkbox.js';\nimport IgcChipComponent from '../../chip/chip.js';\nimport IgcCircularProgressComponent from '../../progress/circular-progress.js';\nimport IgcDropdownComponent from '../../dropdown/dropdown.js';\nimport IgcDropdownGroupComponent from '../../dropdown/dropdown-group.js';\nimport IgcDropdownHeaderComponent from '../../dropdown/dropdown-header.js';\nimport IgcDropdownItemComponent from '../../dropdown/dropdown-item.js';\nimport IgcSwitchComponent from '../../checkbox/switch.js';\nimport IgcFormComponent from '../../form/form.js';\nimport IgcIconComponent from '../../icon/icon.js';\nimport IgcInputComponent from '../../input/input.js';\nimport IgcLinearProgressComponent from '../../progress/linear-progress.js';\nimport IgcListComponent from '../../list/list.js';\nimport IgcListHeaderComponent from '../../list/list-header.js';\nimport IgcListItemComponent from '../../list/list-item.js';\nimport IgcNavDrawerComponent from '../../nav-drawer/nav-drawer.js';\nimport IgcNavDrawerHeaderItemComponent from '../../nav-drawer/nav-drawer-header-item.js';\nimport IgcNavDrawerItemComponent from '../../nav-drawer/nav-drawer-item.js';\nimport IgcNavbarComponent from '../../navbar/navbar.js';\nimport IgcRadioGroupComponent from '../../radio-group/radio-group.js';\nimport IgcRadioComponent from '../../radio/radio.js';\nimport IgcRatingComponent from '../../rating/rating.js';\nimport IgcRatingSymbolComponent from '../../rating/rating-symbol.js';\nimport IgcRippleComponent from '../../ripple/ripple.js';\nimport IgcRangeSliderComponent from '../../slider/range-slider.js';\nimport IgcSliderComponent from '../../slider/slider.js';\nimport IgcSnackbarComponent from '../../snackbar/snackbar.js';\nimport IgcToastComponent from '../../toast/toast.js';\nimport IgcSliderLabelComponent from '../../slider/slider-label.js';\nimport IgcTabsComponent from '../../tabs/tabs.js';\nimport IgcTabComponent from '../../tabs/tab.js';\nimport IgcTabPanelComponent from '../../tabs/tab-panel.js';\nimport { defineComponents } from './defineComponents.js';\nimport IgcCircularGradientComponent from '../../progress/circular-gradient.js';\nimport IgcDateTimeInputComponent from '../../date-time-input/date-time-input.js';\nimport IgcMaskInputComponent from '../../mask-input/mask-input.js';\nimport IgcExpansionPanelComponent from '../../expansion-panel/expansion-panel.js';\nimport IgcTreeComponent from '../../tree/tree.js';\nimport IgcTreeItemComponent from '../../tree/tree-item.js';\n\nconst allComponents: CustomElementConstructor[] = [\n IgcAvatarComponent,\n IgcBadgeComponent,\n IgcButtonComponent,\n IgcIconButtonComponent,\n IgcCalendarComponent,\n IgcCardActionsComponent,\n IgcCardContentComponent,\n IgcCardHeaderComponent,\n IgcCardMediaComponent,\n IgcCardComponent,\n IgcCheckboxComponent,\n IgcChipComponent,\n IgcDropdownComponent,\n IgcDropdownGroupComponent,\n IgcDropdownHeaderComponent,\n IgcDropdownItemComponent,\n IgcSwitchComponent,\n IgcExpansionPanelComponent,\n IgcFormComponent,\n IgcIconComponent,\n IgcInputComponent,\n IgcListHeaderComponent,\n IgcListItemComponent,\n IgcListComponent,\n IgcMaskInputComponent,\n IgcNavDrawerHeaderItemComponent,\n IgcNavDrawerItemComponent,\n IgcNavDrawerComponent,\n IgcNavbarComponent,\n IgcRadioComponent,\n IgcRadioGroupComponent,\n IgcRatingComponent,\n IgcRatingSymbolComponent,\n IgcRippleComponent,\n IgcTreeComponent,\n IgcTreeItemComponent,\n IgcSliderComponent,\n IgcToastComponent,\n IgcSliderLabelComponent,\n IgcRangeSliderComponent,\n IgcTabsComponent,\n IgcTabComponent,\n IgcTabPanelComponent,\n IgcCircularProgressComponent,\n IgcLinearProgressComponent,\n IgcCircularGradientComponent,\n IgcSnackbarComponent,\n IgcDateTimeInputComponent,\n];\n\nexport const defineAllComponents = () => {\n defineComponents(...allComponents);\n};\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constructor.js","sourceRoot":"","sources":["../../../../src/components/common/mixins/constructor.ts"],"names":[],"mappings":"","sourcesContent":["export type Constructor<T = {}> = new (...args: any[]) => T;\n"]}
|
|
1
|
+
{"version":3,"file":"constructor.js","sourceRoot":"","sources":["../../../../src/components/common/mixins/constructor.ts"],"names":[],"mappings":"","sourcesContent":["export type Constructor<T = {}> = new (...args: any[]) => T;\n\nexport type AbstractConstructor<T = {}> = abstract new (...args: any[]) => T;\n"]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { LitElement } from 'lit';
|
|
2
|
-
import {
|
|
2
|
+
import { AbstractConstructor } from './constructor';
|
|
3
3
|
export declare type UnpackCustomEvent<T> = T extends CustomEvent<infer U> ? U : never;
|
|
4
4
|
export declare class EventEmitterInterface<E> {
|
|
5
5
|
addEventListener<K extends keyof M, M extends E & HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: M[K]) => any, options?: boolean | AddEventListenerOptions): void;
|
|
@@ -8,4 +8,4 @@ export declare class EventEmitterInterface<E> {
|
|
|
8
8
|
removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
|
|
9
9
|
emitEvent<K extends keyof E, D extends UnpackCustomEvent<E[K]>>(type: K, eventInitDict?: CustomEventInit<D>): boolean;
|
|
10
10
|
}
|
|
11
|
-
export declare
|
|
11
|
+
export declare function EventEmitterMixin<E, T extends AbstractConstructor<LitElement>>(superClass: T): AbstractConstructor<EventEmitterInterface<E>> & T;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export
|
|
1
|
+
export function EventEmitterMixin(superClass) {
|
|
2
2
|
class EventEmitterElement extends superClass {
|
|
3
3
|
addEventListener(type, listener, options) {
|
|
4
4
|
super.addEventListener(type, listener, options);
|
|
@@ -16,5 +16,5 @@ export const EventEmitterMixin = (superClass) => {
|
|
|
16
16
|
}
|
|
17
17
|
}
|
|
18
18
|
return EventEmitterElement;
|
|
19
|
-
}
|
|
19
|
+
}
|
|
20
20
|
//# sourceMappingURL=event-emitter.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"event-emitter.js","sourceRoot":"","sources":["../../../../src/components/common/mixins/event-emitter.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"event-emitter.js","sourceRoot":"","sources":["../../../../src/components/common/mixins/event-emitter.ts"],"names":[],"mappings":"AAsCA,MAAM,UAAU,iBAAiB,CAC/B,UAAa;IAEb,MAAM,mBAAoB,SAAQ,UAAU;QAY1B,gBAAgB,CAC9B,IAAY,EACZ,QAA4C,EAC5C,OAA2C;YAE3C,KAAK,CAAC,gBAAgB,CAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;QAClD,CAAC;QAae,mBAAmB,CACjC,IAAY,EACZ,QAA4C,EAC5C,OAAwC;YAExC,KAAK,CAAC,mBAAmB,CAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;QACrD,CAAC;QAKM,SAAS,CACd,IAAO,EACP,aAAkC;YAElC,OAAO,IAAI,CAAC,aAAa,CACvB,IAAI,WAAW,CACb,IAAc,EACd,MAAM,CAAC,MAAM,CACX;gBACE,OAAO,EAAE,IAAI;gBACb,UAAU,EAAE,KAAK;gBACjB,QAAQ,EAAE,IAAI;gBACd,MAAM,EAAE,EAAE;aACX,EACD,aAAa,CACd,CACF,CACF,CAAC;QACJ,CAAC;KACF;IACD,OAAO,mBAAgE,CAAC;AAC1E,CAAC","sourcesContent":["import { LitElement } from 'lit';\nimport { AbstractConstructor, Constructor } from './constructor';\n\nexport type UnpackCustomEvent<T> = T extends CustomEvent<infer U> ? U : never;\n\nexport declare class EventEmitterInterface<E> {\n public addEventListener<K extends keyof M, M extends E & HTMLElementEventMap>(\n type: K,\n listener: (this: HTMLElement, ev: M[K]) => any,\n options?: boolean | AddEventListenerOptions\n ): void;\n public addEventListener(\n type: string,\n listener: EventListenerOrEventListenerObject,\n options?: boolean | AddEventListenerOptions\n ): void;\n public removeEventListener<\n K extends keyof M,\n M extends E & HTMLElementEventMap\n >(\n type: K,\n listener: (this: HTMLElement, ev: M[K]) => any,\n options?: boolean | EventListenerOptions\n ): void;\n public removeEventListener(\n type: string,\n listener: EventListenerOrEventListenerObject,\n options?: boolean | EventListenerOptions\n ): void;\n public emitEvent<K extends keyof E, D extends UnpackCustomEvent<E[K]>>(\n type: K,\n eventInitDict?: CustomEventInit<D>\n ): boolean;\n}\n\nexport function EventEmitterMixin<E, T extends AbstractConstructor<LitElement>>(\n superClass: T\n): AbstractConstructor<EventEmitterInterface<E>> & T;\nexport function EventEmitterMixin<E, T extends Constructor<LitElement>>(\n superClass: T\n) {\n class EventEmitterElement extends superClass {\n /**\n * @private\n */\n public override addEventListener<\n K extends keyof M,\n M extends E & HTMLElementEventMap\n >(\n type: K,\n listener: (this: HTMLElement, ev: M[K]) => any,\n options?: boolean | AddEventListenerOptions\n ): void;\n public override addEventListener(\n type: string,\n listener: EventListenerOrEventListenerObject,\n options?: boolean | AddEventListenerOptions\n ): void {\n super.addEventListener(type, listener, options);\n }\n\n /**\n * @private\n */\n public override removeEventListener<\n K extends keyof M,\n M extends E & HTMLElementEventMap\n >(\n type: K,\n listener: (this: HTMLElement, ev: M[K]) => any,\n options?: boolean | EventListenerOptions\n ): void;\n public override removeEventListener(\n type: string,\n listener: EventListenerOrEventListenerObject,\n options?: boolean | EventListenerOptions\n ): void {\n super.removeEventListener(type, listener, options);\n }\n\n /**\n * @private\n */\n public emitEvent<K extends keyof E, D extends UnpackCustomEvent<E[K]>>(\n type: K,\n eventInitDict?: CustomEventInit<D>\n ): boolean {\n return this.dispatchEvent(\n new CustomEvent<D>(\n type as string,\n Object.assign(\n {\n bubbles: true,\n cancelable: false,\n composed: true,\n detail: {},\n },\n eventInitDict\n )\n )\n );\n }\n }\n return EventEmitterElement as Constructor<EventEmitterInterface<E>> & T;\n}\n"]}
|
|
@@ -4,3 +4,21 @@ export interface PartNameInfo {
|
|
|
4
4
|
export declare const partNameMap: (partNameInfo: PartNameInfo) => string;
|
|
5
5
|
export declare const asPercent: (part: number, whole: number) => number;
|
|
6
6
|
export declare const clamp: (number: number, min: number, max: number) => number;
|
|
7
|
+
/**
|
|
8
|
+
*
|
|
9
|
+
* Returns an element's offset relative to its parent. Similar to element.offsetTop and element.offsetLeft, except the
|
|
10
|
+
* parent doesn't have to be positioned relative or absolute.
|
|
11
|
+
*
|
|
12
|
+
* Work around for the following issues in Chromium based browsers:
|
|
13
|
+
*
|
|
14
|
+
* https://bugs.chromium.org/p/chromium/issues/detail?id=1330819
|
|
15
|
+
* https://bugs.chromium.org/p/chromium/issues/detail?id=1334556
|
|
16
|
+
*
|
|
17
|
+
*/
|
|
18
|
+
export declare function getOffset(element: HTMLElement, parent: HTMLElement): {
|
|
19
|
+
top: number;
|
|
20
|
+
left: number;
|
|
21
|
+
right: number;
|
|
22
|
+
bottom: number;
|
|
23
|
+
};
|
|
24
|
+
export declare function createCounter(start?: number): () => number;
|
|
@@ -5,4 +5,21 @@ export const partNameMap = (partNameInfo) => {
|
|
|
5
5
|
};
|
|
6
6
|
export const asPercent = (part, whole) => (part / whole) * 100;
|
|
7
7
|
export const clamp = (number, min, max) => Math.max(min, Math.min(number, max));
|
|
8
|
+
export function getOffset(element, parent) {
|
|
9
|
+
const { top, left, bottom, right } = element.getBoundingClientRect();
|
|
10
|
+
const { top: pTop, left: pLeft, bottom: pBottom, right: pRight, } = parent.getBoundingClientRect();
|
|
11
|
+
return {
|
|
12
|
+
top: Math.round(top - pTop),
|
|
13
|
+
left: Math.round(left - pLeft),
|
|
14
|
+
right: Math.round(right - pRight),
|
|
15
|
+
bottom: Math.round(bottom - pBottom),
|
|
16
|
+
};
|
|
17
|
+
}
|
|
18
|
+
export function createCounter(start = 0) {
|
|
19
|
+
let i = start;
|
|
20
|
+
return function () {
|
|
21
|
+
i++;
|
|
22
|
+
return i;
|
|
23
|
+
};
|
|
24
|
+
}
|
|
8
25
|
//# sourceMappingURL=util.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"util.js","sourceRoot":"","sources":["../../../src/components/common/util.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,YAA0B,EAAE,EAAE;IACxD,OAAO,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC;SAC7B,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;SAClC,IAAI,CAAC,GAAG,CAAC,CAAC;AACf,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,IAAY,EAAE,KAAa,EAAE,EAAE,CAAC,CAAC,IAAI,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC;AAE/E,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,MAAc,EAAE,GAAW,EAAE,GAAW,EAAE,EAAE,CAChE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC","sourcesContent":["export interface PartNameInfo {\n readonly [name: string]: string | boolean | number;\n}\n\nexport const partNameMap = (partNameInfo: PartNameInfo) => {\n return Object.keys(partNameInfo)\n .filter((key) => partNameInfo[key])\n .join(' ');\n};\n\nexport const asPercent = (part: number, whole: number) => (part / whole) * 100;\n\nexport const clamp = (number: number, min: number, max: number) =>\n Math.max(min, Math.min(number, max));\n"]}
|
|
1
|
+
{"version":3,"file":"util.js","sourceRoot":"","sources":["../../../src/components/common/util.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,YAA0B,EAAE,EAAE;IACxD,OAAO,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC;SAC7B,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;SAClC,IAAI,CAAC,GAAG,CAAC,CAAC;AACf,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,IAAY,EAAE,KAAa,EAAE,EAAE,CAAC,CAAC,IAAI,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC;AAE/E,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,MAAc,EAAE,GAAW,EAAE,GAAW,EAAE,EAAE,CAChE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC;AAavC,MAAM,UAAU,SAAS,CAAC,OAAoB,EAAE,MAAmB;IACjE,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;IACrE,MAAM,EACJ,GAAG,EAAE,IAAI,EACT,IAAI,EAAE,KAAK,EACX,MAAM,EAAE,OAAO,EACf,KAAK,EAAE,MAAM,GACd,GAAG,MAAM,CAAC,qBAAqB,EAAE,CAAC;IAEnC,OAAO;QACL,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,IAAI,CAAC;QAC3B,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC;QAC9B,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC;QACjC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,OAAO,CAAC;KACrC,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,KAAK,GAAG,CAAC;IACrC,IAAI,CAAC,GAAG,KAAK,CAAC;IACd,OAAO;QACL,CAAC,EAAE,CAAC;QACJ,OAAO,CAAC,CAAC;IACX,CAAC,CAAC;AACJ,CAAC","sourcesContent":["export interface PartNameInfo {\n readonly [name: string]: string | boolean | number;\n}\n\nexport const partNameMap = (partNameInfo: PartNameInfo) => {\n return Object.keys(partNameInfo)\n .filter((key) => partNameInfo[key])\n .join(' ');\n};\n\nexport const asPercent = (part: number, whole: number) => (part / whole) * 100;\n\nexport const clamp = (number: number, min: number, max: number) =>\n Math.max(min, Math.min(number, max));\n\n/**\n *\n * Returns an element's offset relative to its parent. Similar to element.offsetTop and element.offsetLeft, except the\n * parent doesn't have to be positioned relative or absolute.\n *\n * Work around for the following issues in Chromium based browsers:\n *\n * https://bugs.chromium.org/p/chromium/issues/detail?id=1330819\n * https://bugs.chromium.org/p/chromium/issues/detail?id=1334556\n *\n */\nexport function getOffset(element: HTMLElement, parent: HTMLElement) {\n const { top, left, bottom, right } = element.getBoundingClientRect();\n const {\n top: pTop,\n left: pLeft,\n bottom: pBottom,\n right: pRight,\n } = parent.getBoundingClientRect();\n\n return {\n top: Math.round(top - pTop),\n left: Math.round(left - pLeft),\n right: Math.round(right - pRight),\n bottom: Math.round(bottom - pBottom),\n };\n}\n\nexport function createCounter(start = 0) {\n let i = start;\n return function () {\n i++;\n return i;\n };\n}\n"]}
|
|
@@ -0,0 +1,108 @@
|
|
|
1
|
+
import { DatePartDeltas, DatePart } from './date-util.js';
|
|
2
|
+
import { IgcMaskInputBaseComponent } from '../mask-input/mask-input-base.js';
|
|
3
|
+
import { IgcInputEventMap } from '../input/input-base.js';
|
|
4
|
+
import { AbstractConstructor } from '../common/mixins/constructor.js';
|
|
5
|
+
export interface IgcDateTimeInputEventMap extends Omit<IgcInputEventMap, 'igcChange'> {
|
|
6
|
+
igcChange: CustomEvent<Date | null>;
|
|
7
|
+
}
|
|
8
|
+
declare const IgcDateTimeInputComponent_base: AbstractConstructor<import("../common/mixins/event-emitter.js").EventEmitterInterface<IgcDateTimeInputEventMap>> & AbstractConstructor<IgcMaskInputBaseComponent>;
|
|
9
|
+
/**
|
|
10
|
+
* A date time input is an input field that lets you set and edit the date and time in a chosen input element
|
|
11
|
+
* using customizable display and input formats.
|
|
12
|
+
*
|
|
13
|
+
* @element igc-date-time-input
|
|
14
|
+
*
|
|
15
|
+
* @slot prefix - Renders content before the input.
|
|
16
|
+
* @slot suffix - Renders content after input.
|
|
17
|
+
* @slot helper-text - Renders content below the input.
|
|
18
|
+
*
|
|
19
|
+
* @fires igcInput - Emitted when the control input receives user input.
|
|
20
|
+
* @fires igcChange - Emitted when the control's checked state changes.
|
|
21
|
+
* @fires igcFocus - Emitted when the control gains focus.
|
|
22
|
+
* @fires igcBlur - Emitted when the control loses focus.
|
|
23
|
+
*
|
|
24
|
+
* @csspart container - The main wrapper that holds all main input elements.
|
|
25
|
+
* @csspart input - The native input element.
|
|
26
|
+
* @csspart label - The native label element.
|
|
27
|
+
* @csspart prefix - The prefix wrapper.
|
|
28
|
+
* @csspart suffix - The suffix wrapper.
|
|
29
|
+
* @csspart helper-text - The helper text wrapper.
|
|
30
|
+
*/
|
|
31
|
+
export default class IgcDateTimeInputComponent extends IgcDateTimeInputComponent_base {
|
|
32
|
+
static readonly tagName = "igc-date-time-input";
|
|
33
|
+
protected _defaultMask: string;
|
|
34
|
+
protected _value: Date | null;
|
|
35
|
+
private _inputDateParts;
|
|
36
|
+
private _inputFormat;
|
|
37
|
+
private _datePartDeltas;
|
|
38
|
+
/** The date format to apply on the input. */
|
|
39
|
+
get inputFormat(): string;
|
|
40
|
+
set inputFormat(val: string);
|
|
41
|
+
/** The value of the input. */
|
|
42
|
+
get value(): Date | null;
|
|
43
|
+
set value(val: Date | null);
|
|
44
|
+
/** The minimum value required for the input to remain valid. */
|
|
45
|
+
minValue: Date | null;
|
|
46
|
+
/** The maximum value required for the input to remain valid. */
|
|
47
|
+
maxValue: Date | null;
|
|
48
|
+
/**
|
|
49
|
+
* Format to display the value in when not editing.
|
|
50
|
+
* Defaults to the input format if not set.
|
|
51
|
+
*/
|
|
52
|
+
displayFormat: string;
|
|
53
|
+
/**
|
|
54
|
+
* Delta values used to increment or decrement each date part on step actions.
|
|
55
|
+
* All values default to `1`.
|
|
56
|
+
*/
|
|
57
|
+
spinDelta: DatePartDeltas;
|
|
58
|
+
/** Sets whether to loop over the currently spun segment. */
|
|
59
|
+
spinLoop: boolean;
|
|
60
|
+
/** The locale settings used to display the value. */
|
|
61
|
+
locale: string;
|
|
62
|
+
protected setDefaultMask(): void;
|
|
63
|
+
protected setDisplayFormat(): void;
|
|
64
|
+
protected promptChange(): void;
|
|
65
|
+
protected handleInvalidState(): void;
|
|
66
|
+
protected validate(): {} | null;
|
|
67
|
+
private get hasDateParts();
|
|
68
|
+
private get hasTimeParts();
|
|
69
|
+
private get targetDatePart();
|
|
70
|
+
private get datePartDeltas();
|
|
71
|
+
constructor();
|
|
72
|
+
connectedCallback(): void;
|
|
73
|
+
/** Checks for validity of the control and shows the browser message if it's invalid. */
|
|
74
|
+
reportValidity(): boolean;
|
|
75
|
+
/** Check for validity of the control */
|
|
76
|
+
checkValidity(): boolean;
|
|
77
|
+
/** Increments a date/time portion. */
|
|
78
|
+
stepUp(datePart?: DatePart, delta?: number): void;
|
|
79
|
+
/** Decrements a date/time portion. */
|
|
80
|
+
stepDown(datePart?: DatePart, delta?: number): void;
|
|
81
|
+
/** Clears the input element of user input. */
|
|
82
|
+
clear(): void;
|
|
83
|
+
protected updateMask(): void;
|
|
84
|
+
protected handleChange(): void;
|
|
85
|
+
protected handleDragLeave(): void;
|
|
86
|
+
protected handleDragEnter(): void;
|
|
87
|
+
protected updateInput(part: string, start: number, finish: number): void;
|
|
88
|
+
private trySpinValue;
|
|
89
|
+
private spinValue;
|
|
90
|
+
private onWheel;
|
|
91
|
+
private updateDefaultMask;
|
|
92
|
+
private setMask;
|
|
93
|
+
private parseDate;
|
|
94
|
+
private getMaskedValue;
|
|
95
|
+
private isComplete;
|
|
96
|
+
private updateValue;
|
|
97
|
+
private getNewPosition;
|
|
98
|
+
protected handleFocus(): void;
|
|
99
|
+
protected handleBlur(): void;
|
|
100
|
+
protected handleKeydown(e: KeyboardEvent): void;
|
|
101
|
+
protected renderInput(): import("lit-html").TemplateResult<1>;
|
|
102
|
+
}
|
|
103
|
+
declare global {
|
|
104
|
+
interface HTMLElementTagNameMap {
|
|
105
|
+
'igc-date-time-input': IgcDateTimeInputComponent;
|
|
106
|
+
}
|
|
107
|
+
}
|
|
108
|
+
export {};
|