igniteui-webcomponents 7.0.1 → 7.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +20 -0
- package/components/badge/themes/dark/badge.indigo.css.js +1 -1
- package/components/badge/themes/dark/badge.indigo.css.js.map +1 -1
- package/components/button/themes/button/light/button.indigo.css.js +1 -1
- package/components/button/themes/button/light/button.indigo.css.js.map +1 -1
- package/components/button/themes/icon-button/dark/icon-button.indigo.css.js +1 -1
- package/components/button/themes/icon-button/dark/icon-button.indigo.css.js.map +1 -1
- package/components/button-group/button-group.js.map +1 -1
- package/components/calendar/days-view/days-view.js +13 -11
- package/components/calendar/days-view/days-view.js.map +1 -1
- package/components/calendar/themes/dark/calendar.indigo.css.js +1 -1
- package/components/calendar/themes/dark/calendar.indigo.css.js.map +1 -1
- package/components/card/themes/dark/card.indigo.css.js +1 -1
- package/components/card/themes/dark/card.indigo.css.js.map +1 -1
- package/components/carousel/carousel.js.map +1 -1
- package/components/checkbox/themes/dark/checkbox/checkbox.bootstrap.css.js +1 -1
- package/components/checkbox/themes/dark/checkbox/checkbox.bootstrap.css.js.map +1 -1
- package/components/checkbox/themes/dark/checkbox/checkbox.fluent.css.js +1 -1
- package/components/checkbox/themes/dark/checkbox/checkbox.fluent.css.js.map +1 -1
- package/components/checkbox/themes/dark/checkbox/checkbox.indigo.css.js +1 -1
- package/components/checkbox/themes/dark/checkbox/checkbox.indigo.css.js.map +1 -1
- package/components/checkbox/themes/dark/checkbox/checkbox.material.css.js +1 -1
- package/components/checkbox/themes/dark/checkbox/checkbox.material.css.js.map +1 -1
- package/components/checkbox/themes/light/checkbox/checkbox.bootstrap.css.js +1 -1
- package/components/checkbox/themes/light/checkbox/checkbox.bootstrap.css.js.map +1 -1
- package/components/checkbox/themes/light/checkbox/checkbox.fluent.css.js +1 -1
- package/components/checkbox/themes/light/checkbox/checkbox.fluent.css.js.map +1 -1
- package/components/checkbox/themes/light/checkbox/checkbox.indigo.css.js +1 -1
- package/components/checkbox/themes/light/checkbox/checkbox.indigo.css.js.map +1 -1
- package/components/checkbox/themes/light/checkbox/checkbox.material.css.js +1 -1
- package/components/checkbox/themes/light/checkbox/checkbox.material.css.js.map +1 -1
- package/components/checkbox/themes/light/checkbox/checkbox.shared.css.js +1 -1
- package/components/checkbox/themes/light/checkbox/checkbox.shared.css.js.map +1 -1
- package/components/checkbox/themes/shared/checkbox/checkbox.bootstrap.css.js +1 -1
- package/components/checkbox/themes/shared/checkbox/checkbox.bootstrap.css.js.map +1 -1
- package/components/checkbox/themes/shared/checkbox/checkbox.common.css.js +1 -1
- package/components/checkbox/themes/shared/checkbox/checkbox.common.css.js.map +1 -1
- package/components/checkbox/themes/shared/checkbox/checkbox.fluent.css.js +1 -1
- package/components/checkbox/themes/shared/checkbox/checkbox.fluent.css.js.map +1 -1
- package/components/checkbox/themes/shared/checkbox/checkbox.indigo.css.js +1 -1
- package/components/checkbox/themes/shared/checkbox/checkbox.indigo.css.js.map +1 -1
- package/components/checkbox/themes/shared/checkbox/checkbox.material.css.js +1 -1
- package/components/checkbox/themes/shared/checkbox/checkbox.material.css.js.map +1 -1
- package/components/chip/themes/dark/chip.indigo.css.js +1 -1
- package/components/chip/themes/dark/chip.indigo.css.js.map +1 -1
- package/components/combo/combo-item.d.ts +1 -1
- package/components/combo/combo-item.js.map +1 -1
- package/components/combo/combo.js.map +1 -1
- package/components/combo/themes/dark/combo.indigo.css.js +1 -1
- package/components/combo/themes/dark/combo.indigo.css.js.map +1 -1
- package/components/combo/themes/shared/combo.common.css.js +1 -1
- package/components/combo/themes/shared/combo.common.css.js.map +1 -1
- package/components/combo/types.js.map +1 -1
- package/components/common/definitions/defineAllComponents.js +4 -0
- package/components/common/definitions/defineAllComponents.js.map +1 -1
- package/components/common/mixins/forms/form-transformers.js.map +1 -1
- package/components/common/util.d.ts +17 -18
- package/components/common/util.js +11 -25
- package/components/common/util.js.map +1 -1
- package/components/date-picker/date-picker.js.map +1 -1
- package/components/date-picker/themes/dark/date-picker.indigo.css.js +1 -1
- package/components/date-picker/themes/dark/date-picker.indigo.css.js.map +1 -1
- package/components/date-range-picker/date-range-picker.d.ts +0 -1
- package/components/date-range-picker/date-range-picker.js +3 -3
- package/components/date-range-picker/date-range-picker.js.map +1 -1
- package/components/date-range-picker/themes/dark/date-range-picker.indigo.css.js +1 -1
- package/components/date-range-picker/themes/dark/date-range-picker.indigo.css.js.map +1 -1
- package/components/dialog/themes/dark/dialog.indigo.css.js +1 -1
- package/components/dialog/themes/dark/dialog.indigo.css.js.map +1 -1
- package/components/dropdown/dropdown.js.map +1 -1
- package/components/dropdown/themes/dark/dropdown.indigo.css.js +1 -1
- package/components/dropdown/themes/dark/dropdown.indigo.css.js.map +1 -1
- package/components/file-input/file-input.js.map +1 -1
- package/components/highlight/highlight.d.ts +130 -0
- package/components/highlight/highlight.js +77 -0
- package/components/highlight/highlight.js.map +1 -0
- package/components/highlight/service.d.ts +58 -0
- package/components/highlight/service.js +132 -0
- package/components/highlight/service.js.map +1 -0
- package/components/highlight/themes/dark/highlight.bootstrap.css.js +3 -0
- package/components/highlight/themes/dark/highlight.bootstrap.css.js.map +1 -0
- package/components/highlight/themes/dark/highlight.fluent.css.d.ts +1 -0
- package/components/highlight/themes/dark/highlight.fluent.css.js +3 -0
- package/components/highlight/themes/dark/highlight.fluent.css.js.map +1 -0
- package/components/highlight/themes/dark/highlight.indigo.css.d.ts +1 -0
- package/components/highlight/themes/dark/highlight.indigo.css.js +3 -0
- package/components/highlight/themes/dark/highlight.indigo.css.js.map +1 -0
- package/components/highlight/themes/dark/highlight.material.css.d.ts +1 -0
- package/components/highlight/themes/dark/highlight.material.css.js +3 -0
- package/components/highlight/themes/dark/highlight.material.css.js.map +1 -0
- package/components/highlight/themes/dark/highlight.shared.css.d.ts +1 -0
- package/components/highlight/themes/dark/highlight.shared.css.js +3 -0
- package/components/highlight/themes/dark/highlight.shared.css.js.map +1 -0
- package/components/highlight/themes/light/highlight.bootstrap.css.d.ts +1 -0
- package/components/highlight/themes/light/highlight.bootstrap.css.js +3 -0
- package/components/highlight/themes/light/highlight.bootstrap.css.js.map +1 -0
- package/components/highlight/themes/light/highlight.fluent.css.d.ts +1 -0
- package/components/highlight/themes/light/highlight.fluent.css.js +3 -0
- package/components/highlight/themes/light/highlight.fluent.css.js.map +1 -0
- package/components/highlight/themes/light/highlight.indigo.css.d.ts +1 -0
- package/components/highlight/themes/light/highlight.indigo.css.js +3 -0
- package/components/highlight/themes/light/highlight.indigo.css.js.map +1 -0
- package/components/highlight/themes/light/highlight.material.css.d.ts +1 -0
- package/components/highlight/themes/light/highlight.material.css.js +3 -0
- package/components/highlight/themes/light/highlight.material.css.js.map +1 -0
- package/components/highlight/themes/light/highlight.shared.css.d.ts +1 -0
- package/components/highlight/themes/light/highlight.shared.css.js +3 -0
- package/components/highlight/themes/light/highlight.shared.css.js.map +1 -0
- package/components/highlight/themes/shared/highlight.common.css.d.ts +1 -0
- package/components/highlight/themes/shared/highlight.common.css.js +3 -0
- package/components/highlight/themes/shared/highlight.common.css.js.map +1 -0
- package/components/highlight/themes/themes.d.ts +2 -0
- package/components/highlight/themes/themes.js +47 -0
- package/components/highlight/themes/themes.js.map +1 -0
- package/components/input/themes/shared/input.material.css.js +1 -1
- package/components/input/themes/shared/input.material.css.js.map +1 -1
- package/components/list/themes/dark/container/list.bootstrap.css.js +1 -1
- package/components/list/themes/dark/container/list.bootstrap.css.js.map +1 -1
- package/components/nav-drawer/themes/container.base.css.js +1 -1
- package/components/nav-drawer/themes/container.base.css.js.map +1 -1
- package/components/navbar/themes/dark/navbar.indigo.css.js +1 -1
- package/components/navbar/themes/dark/navbar.indigo.css.js.map +1 -1
- package/components/progress/themes/linear/dark/linear.progress.indigo.css.js +1 -1
- package/components/progress/themes/linear/dark/linear.progress.indigo.css.js.map +1 -1
- package/components/resize-container/resize-controller.js +2 -1
- package/components/resize-container/resize-controller.js.map +1 -1
- package/components/select/select.js.map +1 -1
- package/components/select/themes/dark/select.indigo.css.js +1 -1
- package/components/select/themes/dark/select.indigo.css.js.map +1 -1
- package/components/snackbar/themes/dark/snackbar.indigo.css.js +1 -1
- package/components/snackbar/themes/dark/snackbar.indigo.css.js.map +1 -1
- package/components/splitter/splitter.d.ts +240 -0
- package/components/splitter/splitter.js +608 -0
- package/components/splitter/splitter.js.map +1 -0
- package/components/splitter/themes/dark/splitter.bootstrap.css.d.ts +1 -0
- package/components/splitter/themes/dark/splitter.bootstrap.css.js +3 -0
- package/components/splitter/themes/dark/splitter.bootstrap.css.js.map +1 -0
- package/components/splitter/themes/dark/splitter.fluent.css.d.ts +1 -0
- package/components/splitter/themes/dark/splitter.fluent.css.js +3 -0
- package/components/splitter/themes/dark/splitter.fluent.css.js.map +1 -0
- package/components/splitter/themes/dark/splitter.indigo.css.d.ts +1 -0
- package/components/splitter/themes/dark/splitter.indigo.css.js +3 -0
- package/components/splitter/themes/dark/splitter.indigo.css.js.map +1 -0
- package/components/splitter/themes/dark/splitter.material.css.d.ts +1 -0
- package/components/splitter/themes/dark/splitter.material.css.js +3 -0
- package/components/splitter/themes/dark/splitter.material.css.js.map +1 -0
- package/components/splitter/themes/dark/splitter.shared.css.d.ts +1 -0
- package/components/splitter/themes/dark/splitter.shared.css.js +3 -0
- package/components/splitter/themes/dark/splitter.shared.css.js.map +1 -0
- package/components/splitter/themes/light/splitter.bootstrap.css.d.ts +1 -0
- package/components/splitter/themes/light/splitter.bootstrap.css.js +3 -0
- package/components/splitter/themes/light/splitter.bootstrap.css.js.map +1 -0
- package/components/splitter/themes/light/splitter.fluent.css.d.ts +1 -0
- package/components/splitter/themes/light/splitter.fluent.css.js +3 -0
- package/components/splitter/themes/light/splitter.fluent.css.js.map +1 -0
- package/components/splitter/themes/light/splitter.indigo.css.d.ts +1 -0
- package/components/splitter/themes/light/splitter.indigo.css.js +3 -0
- package/components/splitter/themes/light/splitter.indigo.css.js.map +1 -0
- package/components/splitter/themes/light/splitter.material.css.d.ts +1 -0
- package/components/splitter/themes/light/splitter.material.css.js +3 -0
- package/components/splitter/themes/light/splitter.material.css.js.map +1 -0
- package/components/splitter/themes/light/splitter.shared.css.d.ts +1 -0
- package/components/splitter/themes/light/splitter.shared.css.js +3 -0
- package/components/splitter/themes/light/splitter.shared.css.js.map +1 -0
- package/components/splitter/themes/shared/splitter.common.css.d.ts +1 -0
- package/components/splitter/themes/shared/splitter.common.css.js +3 -0
- package/components/splitter/themes/shared/splitter.common.css.js.map +1 -0
- package/components/splitter/themes/shared/splitter.indigo.css.d.ts +1 -0
- package/components/splitter/themes/shared/splitter.indigo.css.js +3 -0
- package/components/splitter/themes/shared/splitter.indigo.css.js.map +1 -0
- package/components/splitter/themes/splitter.base.css.d.ts +1 -0
- package/components/splitter/themes/splitter.base.css.js +3 -0
- package/components/splitter/themes/splitter.base.css.js.map +1 -0
- package/components/splitter/themes/themes.d.ts +2 -0
- package/components/splitter/themes/themes.js +48 -0
- package/components/splitter/themes/themes.js.map +1 -0
- package/components/splitter/types.d.ts +45 -0
- package/components/splitter/types.js +2 -0
- package/components/splitter/types.js.map +1 -0
- package/components/stepper/{animations.d.ts → common/animations.d.ts} +2 -2
- package/components/stepper/{animations.js → common/animations.js} +2 -2
- package/components/stepper/common/animations.js.map +1 -0
- package/components/stepper/common/context.d.ts +9 -0
- package/components/stepper/common/context.js +3 -0
- package/components/stepper/common/context.js.map +1 -0
- package/components/stepper/common/state.d.ts +67 -0
- package/components/stepper/common/state.js +134 -0
- package/components/stepper/common/state.js.map +1 -0
- package/components/stepper/common/types.js +2 -0
- package/components/stepper/common/types.js.map +1 -0
- package/components/stepper/step.d.ts +101 -55
- package/components/stepper/step.js +145 -160
- package/components/stepper/step.js.map +1 -1
- package/components/stepper/stepper.d.ts +98 -53
- package/components/stepper/stepper.js +168 -308
- package/components/stepper/stepper.js.map +1 -1
- package/components/stepper/themes/step/dark/step.bootstrap.css.js +1 -1
- package/components/stepper/themes/step/dark/step.bootstrap.css.js.map +1 -1
- package/components/stepper/themes/step/dark/step.indigo.css.js +1 -1
- package/components/stepper/themes/step/dark/step.indigo.css.js.map +1 -1
- package/components/stepper/themes/step/dark/step.material.css.js +1 -1
- package/components/stepper/themes/step/dark/step.material.css.js.map +1 -1
- package/components/stepper/themes/step/shared/step.bootstrap.css.js +1 -1
- package/components/stepper/themes/step/shared/step.bootstrap.css.js.map +1 -1
- package/components/stepper/themes/step/shared/step.common.css.js +1 -1
- package/components/stepper/themes/step/shared/step.common.css.js.map +1 -1
- package/components/stepper/themes/step/shared/step.indigo.css.js +1 -1
- package/components/stepper/themes/step/shared/step.indigo.css.js.map +1 -1
- package/components/stepper/themes/step/themes.js +2 -3
- package/components/stepper/themes/step/themes.js.map +1 -1
- package/components/tabs/tab.d.ts +0 -1
- package/components/tabs/tab.js +2 -3
- package/components/tabs/tab.js.map +1 -1
- package/components/tabs/tabs.js.map +1 -1
- package/components/tabs/themes/tabs.base.css.js +1 -1
- package/components/tabs/themes/tabs.base.css.js.map +1 -1
- package/components/textarea/textarea.js.map +1 -1
- package/components/tile-manager/themes/dark/tile-manager.indigo.css.js +1 -1
- package/components/tile-manager/themes/dark/tile-manager.indigo.css.js.map +1 -1
- package/components/toast/themes/dark/toast.indigo.css.js +1 -1
- package/components/toast/themes/dark/toast.indigo.css.js.map +1 -1
- package/components/tree/themes/dark/container.bootstrap.css.js +1 -1
- package/components/tree/themes/dark/container.bootstrap.css.js.map +1 -1
- package/components/tree/themes/dark/container.indigo.css.js +1 -1
- package/components/tree/themes/dark/container.indigo.css.js.map +1 -1
- package/components/types.d.ts +1 -0
- package/components/types.js.map +1 -1
- package/components/visually-hidden/visually-hidden.d.ts +49 -0
- package/components/visually-hidden/visually-hidden.js +26 -0
- package/components/visually-hidden/visually-hidden.js.map +1 -0
- package/custom-elements.json +2741 -420
- package/igniteui-webcomponents.css-data.json +2 -2
- package/igniteui-webcomponents.html-data.json +1 -1
- package/index.d.ts +6 -2
- package/index.js +2 -0
- package/index.js.map +1 -1
- package/package.json +3 -1
- package/web-types.json +3 -3
- package/components/stepper/animations.js.map +0 -1
- package/components/stepper/stepper.common.js +0 -2
- package/components/stepper/stepper.common.js.map +0 -1
- package/components/stepper/themes/step/shared/step.fluent.css.js +0 -3
- package/components/stepper/themes/step/shared/step.fluent.css.js.map +0 -1
- /package/components/{stepper/themes/step/shared/step.fluent.css.d.ts → highlight/themes/dark/highlight.bootstrap.css.d.ts} +0 -0
- /package/components/stepper/{stepper.common.d.ts → common/types.d.ts} +0 -0
package/CHANGELOG.md
CHANGED
|
@@ -4,6 +4,24 @@ All notable changes to this project will be documented in this file.
|
|
|
4
4
|
The format is based on [Keep a Changelog](http://keepachangelog.com/)
|
|
5
5
|
and this project adheres to [Semantic Versioning](http://semver.org/).
|
|
6
6
|
|
|
7
|
+
## [7.1.1] - 2026-03-25
|
|
8
|
+
### Changed
|
|
9
|
+
- #### Checkbox
|
|
10
|
+
- Updated disabled and indeterminate styles [#2158](https://github.com/IgniteUI/igniteui-webcomponents/pull/2158)
|
|
11
|
+
|
|
12
|
+
## [7.1.0] - 2026-03-19
|
|
13
|
+
### Added
|
|
14
|
+
- Splitter component
|
|
15
|
+
- Highlight container component
|
|
16
|
+
|
|
17
|
+
### Fixed
|
|
18
|
+
- #### Combo
|
|
19
|
+
- Use focus color for clear button background #[2140](https://github.com/IgniteUI/igniteui-webcomponents/pull/2140)
|
|
20
|
+
- #### Stepper
|
|
21
|
+
- Box shadow values for step indicators #[2133](https://github.com/IgniteUI/igniteui-webcomponents/pull/2133)
|
|
22
|
+
- #### Tabs
|
|
23
|
+
- Scrolling behavior for tabs content #[2149](https://github.com/IgniteUI/igniteui-webcomponents/pull/2149)
|
|
24
|
+
|
|
7
25
|
## [7.0.1] - 2026-03-06
|
|
8
26
|
### Fixed
|
|
9
27
|
- #### Icon service
|
|
@@ -1269,6 +1287,8 @@ Initial release of Ignite UI Web Components
|
|
|
1269
1287
|
- Ripple component
|
|
1270
1288
|
- Switch component
|
|
1271
1289
|
|
|
1290
|
+
[7.1.1]: https://github.com/IgniteUI/igniteui-webcomponents/compare/7.1.0...7.1.1
|
|
1291
|
+
[7.1.0]: https://github.com/IgniteUI/igniteui-webcomponents/compare/7.0.1...7.1.0
|
|
1272
1292
|
[7.0.1]: https://github.com/IgniteUI/igniteui-webcomponents/compare/7.0.0...7.0.1
|
|
1273
1293
|
[7.0.0]: https://github.com/IgniteUI/igniteui-webcomponents/compare/6.5.1...7.0.0
|
|
1274
1294
|
[6.5.1]: https://github.com/IgniteUI/igniteui-webcomponents/compare/6.5.0...6.5.1
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--elevation: var(--ig-badge-elevation, var(--ig-elevation-0));--
|
|
2
|
+
export const styles = css `:host{--elevation: var(--ig-badge-elevation, var(--ig-elevation-0));--background-color: var(--ig-badge-background-color, var(--ig-primary-400));--size: var(--ig-badge-size, max(var(--is-large, 1) * max(1.375rem, -1 * 1.375rem), var(--is-medium, 1) * max(1.125rem, -1 * 1.125rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem)));--default-size: var(--ig-badge-default-size, 3);--dot-size: var(--ig-badge-dot-size, max(var(--is-large, 1) * max(0.625rem, -1 * 0.625rem), var(--is-medium, 1) * max(0.5rem, -1 * 0.5rem), var(--is-small, 1) * max(0.375rem, -1 * 0.375rem)));--ig-theme: indigo;--ig-theme-variant: dark}:host([variant=warning]) [part~=base]{color:var(--ig-gray-50)}:host([variant=warning]) [part~=base] igc-icon,:host([variant=warning]) [part~=base] ::slotted(igc-icon){color:var(--ig-gray-50)}`;
|
|
3
3
|
//# sourceMappingURL=badge.indigo.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"badge.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/badge/themes/dark/badge.indigo.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"badge.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/badge/themes/dark/badge.indigo.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,yyBAAyyB,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{--elevation: var(--ig-badge-elevation, var(--ig-elevation-0));--background-color: var(--ig-badge-background-color, var(--ig-primary-400));--size: var(--ig-badge-size, max(var(--is-large, 1) * max(1.375rem, -1 * 1.375rem), var(--is-medium, 1) * max(1.125rem, -1 * 1.125rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem)));--default-size: var(--ig-badge-default-size, 3);--dot-size: var(--ig-badge-dot-size, max(var(--is-large, 1) * max(0.625rem, -1 * 0.625rem), var(--is-medium, 1) * max(0.5rem, -1 * 0.5rem), var(--is-small, 1) * max(0.375rem, -1 * 0.375rem)));--ig-theme: indigo;--ig-theme-variant: dark}:host([variant=warning]) [part~=base]{color:var(--ig-gray-50)}:host([variant=warning]) [part~=base] igc-icon,:host([variant=warning]) [part~=base] ::slotted(igc-icon){color:var(--ig-gray-50)}`;\n "]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host([variant=flat]){--shadow-color: var(--ig-flat-button-shadow-color, hsl(from var(--ig-gray-900) h s l/0.15));--disabled-background: var(--ig-flat-button-disabled-background, transparent);--disabled-foreground: var(--ig-flat-button-disabled-foreground, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-icon-color: var(--ig-flat-button-disabled-icon-color, hsl(from var(--ig-gray-900) h s l/0.2));--size: var(--ig-flat-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-flat-button-default-size, 2);--focus-foreground: var(--ig-flat-button-focus-foreground, var(--ig-gray-900));--border-radius: var(--ig-flat-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-flat-button-foreground, var(--ig-gray-700));--icon-color: var(--ig-flat-button-icon-color, var(--ig-gray-600));--icon-color-hover: var(--ig-flat-button-icon-color-hover, var(--ig-gray-700));--hover-background: var(--ig-flat-button-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--hover-foreground: var(--ig-flat-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-flat-button-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--focus-hover-background: var(--ig-flat-button-focus-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--focus-hover-foreground: var(--ig-flat-button-focus-hover-foreground, var(--ig-gray-900));--active-background: var(--ig-flat-button-active-background, hsl(from var(--ig-gray-900) h s l/0.05));--active-foreground: var(--ig-flat-button-active-foreground, var(--ig-gray-900));--focus-visible-background: var(--ig-flat-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-flat-button-focus-visible-foreground, var(--ig-gray-700));--ig-theme: indigo;--ig-theme-variant: light}:host([variant=outlined]){--shadow-color: var(--ig-outlined-button-shadow-color, hsl(from var(--ig-gray-900) h s l/0.15));--border-color: var(--ig-outlined-button-border-color, var(--ig-gray-500));--hover-border-color: var(--ig-outlined-button-hover-border-color, var(--ig-gray-600));--focus-border-color: var(--ig-outlined-button-focus-border-color, var(--ig-gray-600));--focus-visible-border-color: var(--ig-outlined-button-focus-visible-border-color, var(--ig-gray-500));--active-border-color: var(--ig-outlined-button-active-border-color, var(--ig-gray-600));--disabled-border-color: var(--ig-outlined-button-disabled-border-color, hsl(from var(--ig-gray-900) h s l/0.15));--disabled-background: var(--ig-outlined-button-disabled-background, transparent);--disabled-foreground: var(--ig-outlined-button-disabled-foreground, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-icon-color: var(--ig-outlined-button-disabled-icon-color, hsl(from var(--ig-gray-900) h s l/0.2));--size: var(--ig-outlined-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-outlined-button-default-size, 2);--focus-foreground: var(--ig-outlined-button-focus-foreground, var(--ig-gray-900));--border-radius: var(--ig-outlined-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-outlined-button-foreground, var(--ig-gray-700));--icon-color: var(--ig-outlined-button-icon-color, var(--ig-gray-600));--icon-color-hover: var(--ig-outlined-button-icon-color-hover, var(--ig-gray-700));--hover-background: var(--ig-outlined-button-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--hover-foreground: var(--ig-outlined-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-outlined-button-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--focus-hover-background: var(--ig-outlined-button-focus-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--focus-hover-foreground: var(--ig-outlined-button-focus-hover-foreground, var(--ig-gray-900));--active-background: var(--ig-outlined-button-active-background, hsl(from var(--ig-gray-900) h s l/0.05));--active-foreground: var(--ig-outlined-button-active-foreground, var(--ig-gray-900));--focus-visible-background: var(--ig-outlined-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-outlined-button-focus-visible-foreground, var(--ig-gray-700));--ig-theme: indigo;--ig-theme-variant: light}:host([variant=contained]){--shadow-color: var(--ig-contained-button-shadow-color, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-background: var(--ig-contained-button-disabled-background, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-foreground: var(--ig-contained-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.4));--disabled-icon-color: var(--ig-contained-button-disabled-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.3));--size: var(--ig-contained-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-contained-button-default-size, 2);--resting-elevation: var(--ig-contained-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-contained-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-contained-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-contained-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-contained-button-background, var(--ig-primary-500));--active-background: var(--ig-contained-button-active-background, var(--ig-primary-400));--border-radius: var(--ig-contained-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-contained-button-foreground, var(--ig-primary-500-contrast));--icon-color: var(--ig-contained-button-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--icon-color-hover: var(--ig-contained-button-icon-color-hover, var(--ig-primary-500-contrast));--hover-background: var(--ig-contained-button-hover-background, var(--ig-primary-400));--hover-foreground: var(--ig-contained-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-contained-button-focus-background, var(--ig-primary-400));--focus-foreground: var(--ig-contained-button-focus-foreground, var(--ig-primary-500-contrast));--focus-hover-background: var(--ig-contained-button-focus-hover-background, var(--ig-primary-400));--focus-hover-foreground: var(--ig-contained-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-foreground: var(--ig-contained-button-active-foreground, var(--ig-primary-500-contrast));--focus-visible-background: var(--ig-contained-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-contained-button-focus-visible-foreground, var(--ig-primary-500-contrast));--ig-theme: indigo;--ig-theme-variant: light}:host([variant=fab]){--
|
|
2
|
+
export const styles = css `:host([variant=flat]){--shadow-color: var(--ig-flat-button-shadow-color, hsl(from var(--ig-gray-900) h s l/0.15));--disabled-background: var(--ig-flat-button-disabled-background, transparent);--disabled-foreground: var(--ig-flat-button-disabled-foreground, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-icon-color: var(--ig-flat-button-disabled-icon-color, hsl(from var(--ig-gray-900) h s l/0.2));--size: var(--ig-flat-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-flat-button-default-size, 2);--focus-foreground: var(--ig-flat-button-focus-foreground, var(--ig-gray-900));--border-radius: var(--ig-flat-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-flat-button-foreground, var(--ig-gray-700));--icon-color: var(--ig-flat-button-icon-color, var(--ig-gray-600));--icon-color-hover: var(--ig-flat-button-icon-color-hover, var(--ig-gray-700));--hover-background: var(--ig-flat-button-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--hover-foreground: var(--ig-flat-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-flat-button-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--focus-hover-background: var(--ig-flat-button-focus-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--focus-hover-foreground: var(--ig-flat-button-focus-hover-foreground, var(--ig-gray-900));--active-background: var(--ig-flat-button-active-background, hsl(from var(--ig-gray-900) h s l/0.05));--active-foreground: var(--ig-flat-button-active-foreground, var(--ig-gray-900));--focus-visible-background: var(--ig-flat-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-flat-button-focus-visible-foreground, var(--ig-gray-700));--ig-theme: indigo;--ig-theme-variant: light}:host([variant=outlined]){--shadow-color: var(--ig-outlined-button-shadow-color, hsl(from var(--ig-gray-900) h s l/0.15));--border-color: var(--ig-outlined-button-border-color, var(--ig-gray-500));--hover-border-color: var(--ig-outlined-button-hover-border-color, var(--ig-gray-600));--focus-border-color: var(--ig-outlined-button-focus-border-color, var(--ig-gray-600));--focus-visible-border-color: var(--ig-outlined-button-focus-visible-border-color, var(--ig-gray-500));--active-border-color: var(--ig-outlined-button-active-border-color, var(--ig-gray-600));--disabled-border-color: var(--ig-outlined-button-disabled-border-color, hsl(from var(--ig-gray-900) h s l/0.15));--disabled-background: var(--ig-outlined-button-disabled-background, transparent);--disabled-foreground: var(--ig-outlined-button-disabled-foreground, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-icon-color: var(--ig-outlined-button-disabled-icon-color, hsl(from var(--ig-gray-900) h s l/0.2));--size: var(--ig-outlined-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-outlined-button-default-size, 2);--focus-foreground: var(--ig-outlined-button-focus-foreground, var(--ig-gray-900));--border-radius: var(--ig-outlined-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-outlined-button-foreground, var(--ig-gray-700));--icon-color: var(--ig-outlined-button-icon-color, var(--ig-gray-600));--icon-color-hover: var(--ig-outlined-button-icon-color-hover, var(--ig-gray-700));--hover-background: var(--ig-outlined-button-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--hover-foreground: var(--ig-outlined-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-outlined-button-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--focus-hover-background: var(--ig-outlined-button-focus-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--focus-hover-foreground: var(--ig-outlined-button-focus-hover-foreground, var(--ig-gray-900));--active-background: var(--ig-outlined-button-active-background, hsl(from var(--ig-gray-900) h s l/0.05));--active-foreground: var(--ig-outlined-button-active-foreground, var(--ig-gray-900));--focus-visible-background: var(--ig-outlined-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-outlined-button-focus-visible-foreground, var(--ig-gray-700));--ig-theme: indigo;--ig-theme-variant: light}:host([variant=contained]){--shadow-color: var(--ig-contained-button-shadow-color, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-background: var(--ig-contained-button-disabled-background, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-foreground: var(--ig-contained-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.4));--disabled-icon-color: var(--ig-contained-button-disabled-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.3));--size: var(--ig-contained-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-contained-button-default-size, 2);--resting-elevation: var(--ig-contained-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-contained-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-contained-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-contained-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-contained-button-background, var(--ig-primary-500));--active-background: var(--ig-contained-button-active-background, var(--ig-primary-400));--border-radius: var(--ig-contained-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-contained-button-foreground, var(--ig-primary-500-contrast));--icon-color: var(--ig-contained-button-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--icon-color-hover: var(--ig-contained-button-icon-color-hover, var(--ig-primary-500-contrast));--hover-background: var(--ig-contained-button-hover-background, var(--ig-primary-400));--hover-foreground: var(--ig-contained-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-contained-button-focus-background, var(--ig-primary-400));--focus-foreground: var(--ig-contained-button-focus-foreground, var(--ig-primary-500-contrast));--focus-hover-background: var(--ig-contained-button-focus-hover-background, var(--ig-primary-400));--focus-hover-foreground: var(--ig-contained-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-foreground: var(--ig-contained-button-active-foreground, var(--ig-primary-500-contrast));--focus-visible-background: var(--ig-contained-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-contained-button-focus-visible-foreground, var(--ig-primary-500-contrast));--ig-theme: indigo;--ig-theme-variant: light}:host([variant=fab]){--size: var(--ig-fab-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--foreground: var(--ig-fab-button-foreground, var(--ig-primary-500-contrast));--icon-color: var(--ig-fab-button-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--icon-color-hover: var(--ig-fab-button-icon-color-hover, var(--ig-primary-500-contrast));--hover-background: var(--ig-fab-button-hover-background, var(--ig-primary-400));--hover-foreground: var(--ig-fab-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-fab-button-focus-background, var(--ig-primary-400));--focus-foreground: var(--ig-fab-button-focus-foreground, var(--ig-primary-500-contrast));--focus-hover-background: var(--ig-fab-button-focus-hover-background, var(--ig-primary-400));--focus-hover-foreground: var(--ig-fab-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-foreground: var(--ig-fab-button-active-foreground, var(--ig-primary-500-contrast));--focus-visible-background: var(--ig-fab-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-fab-button-focus-visible-foreground, var(--ig-primary-500-contrast));--border-radius: var(--ig-fab-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--ig-theme: indigo;--ig-theme-variant: light}`;
|
|
3
3
|
//# sourceMappingURL=button.indigo.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/light/button.indigo.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"button.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/light/button.indigo.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,22QAA22Q,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host([variant=flat]){--shadow-color: var(--ig-flat-button-shadow-color, hsl(from var(--ig-gray-900) h s l/0.15));--disabled-background: var(--ig-flat-button-disabled-background, transparent);--disabled-foreground: var(--ig-flat-button-disabled-foreground, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-icon-color: var(--ig-flat-button-disabled-icon-color, hsl(from var(--ig-gray-900) h s l/0.2));--size: var(--ig-flat-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-flat-button-default-size, 2);--focus-foreground: var(--ig-flat-button-focus-foreground, var(--ig-gray-900));--border-radius: var(--ig-flat-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-flat-button-foreground, var(--ig-gray-700));--icon-color: var(--ig-flat-button-icon-color, var(--ig-gray-600));--icon-color-hover: var(--ig-flat-button-icon-color-hover, var(--ig-gray-700));--hover-background: var(--ig-flat-button-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--hover-foreground: var(--ig-flat-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-flat-button-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--focus-hover-background: var(--ig-flat-button-focus-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--focus-hover-foreground: var(--ig-flat-button-focus-hover-foreground, var(--ig-gray-900));--active-background: var(--ig-flat-button-active-background, hsl(from var(--ig-gray-900) h s l/0.05));--active-foreground: var(--ig-flat-button-active-foreground, var(--ig-gray-900));--focus-visible-background: var(--ig-flat-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-flat-button-focus-visible-foreground, var(--ig-gray-700));--ig-theme: indigo;--ig-theme-variant: light}:host([variant=outlined]){--shadow-color: var(--ig-outlined-button-shadow-color, hsl(from var(--ig-gray-900) h s l/0.15));--border-color: var(--ig-outlined-button-border-color, var(--ig-gray-500));--hover-border-color: var(--ig-outlined-button-hover-border-color, var(--ig-gray-600));--focus-border-color: var(--ig-outlined-button-focus-border-color, var(--ig-gray-600));--focus-visible-border-color: var(--ig-outlined-button-focus-visible-border-color, var(--ig-gray-500));--active-border-color: var(--ig-outlined-button-active-border-color, var(--ig-gray-600));--disabled-border-color: var(--ig-outlined-button-disabled-border-color, hsl(from var(--ig-gray-900) h s l/0.15));--disabled-background: var(--ig-outlined-button-disabled-background, transparent);--disabled-foreground: var(--ig-outlined-button-disabled-foreground, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-icon-color: var(--ig-outlined-button-disabled-icon-color, hsl(from var(--ig-gray-900) h s l/0.2));--size: var(--ig-outlined-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-outlined-button-default-size, 2);--focus-foreground: var(--ig-outlined-button-focus-foreground, var(--ig-gray-900));--border-radius: var(--ig-outlined-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-outlined-button-foreground, var(--ig-gray-700));--icon-color: var(--ig-outlined-button-icon-color, var(--ig-gray-600));--icon-color-hover: var(--ig-outlined-button-icon-color-hover, var(--ig-gray-700));--hover-background: var(--ig-outlined-button-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--hover-foreground: var(--ig-outlined-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-outlined-button-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--focus-hover-background: var(--ig-outlined-button-focus-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--focus-hover-foreground: var(--ig-outlined-button-focus-hover-foreground, var(--ig-gray-900));--active-background: var(--ig-outlined-button-active-background, hsl(from var(--ig-gray-900) h s l/0.05));--active-foreground: var(--ig-outlined-button-active-foreground, var(--ig-gray-900));--focus-visible-background: var(--ig-outlined-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-outlined-button-focus-visible-foreground, var(--ig-gray-700));--ig-theme: indigo;--ig-theme-variant: light}:host([variant=contained]){--shadow-color: var(--ig-contained-button-shadow-color, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-background: var(--ig-contained-button-disabled-background, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-foreground: var(--ig-contained-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.4));--disabled-icon-color: var(--ig-contained-button-disabled-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.3));--size: var(--ig-contained-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-contained-button-default-size, 2);--resting-elevation: var(--ig-contained-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-contained-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-contained-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-contained-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-contained-button-background, var(--ig-primary-500));--active-background: var(--ig-contained-button-active-background, var(--ig-primary-400));--border-radius: var(--ig-contained-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-contained-button-foreground, var(--ig-primary-500-contrast));--icon-color: var(--ig-contained-button-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--icon-color-hover: var(--ig-contained-button-icon-color-hover, var(--ig-primary-500-contrast));--hover-background: var(--ig-contained-button-hover-background, var(--ig-primary-400));--hover-foreground: var(--ig-contained-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-contained-button-focus-background, var(--ig-primary-400));--focus-foreground: var(--ig-contained-button-focus-foreground, var(--ig-primary-500-contrast));--focus-hover-background: var(--ig-contained-button-focus-hover-background, var(--ig-primary-400));--focus-hover-foreground: var(--ig-contained-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-foreground: var(--ig-contained-button-active-foreground, var(--ig-primary-500-contrast));--focus-visible-background: var(--ig-contained-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-contained-button-focus-visible-foreground, var(--ig-primary-500-contrast));--ig-theme: indigo;--ig-theme-variant: light}:host([variant=fab]){--size: var(--ig-fab-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--foreground: var(--ig-fab-button-foreground, var(--ig-primary-500-contrast));--icon-color: var(--ig-fab-button-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--icon-color-hover: var(--ig-fab-button-icon-color-hover, var(--ig-primary-500-contrast));--hover-background: var(--ig-fab-button-hover-background, var(--ig-primary-400));--hover-foreground: var(--ig-fab-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-fab-button-focus-background, var(--ig-primary-400));--focus-foreground: var(--ig-fab-button-focus-foreground, var(--ig-primary-500-contrast));--focus-hover-background: var(--ig-fab-button-focus-hover-background, var(--ig-primary-400));--focus-hover-foreground: var(--ig-fab-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-foreground: var(--ig-fab-button-active-foreground, var(--ig-primary-500-contrast));--focus-visible-background: var(--ig-fab-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-fab-button-focus-visible-foreground, var(--ig-primary-500-contrast));--border-radius: var(--ig-fab-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--ig-theme: indigo;--ig-theme-variant: light}`;\n "]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host([variant=flat]){--shadow-color: var(--ig-flat-icon-button-shadow-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--background: var(--ig-flat-icon-button-background, transparent);--foreground: var(--ig-flat-icon-button-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--hover-background: var(--ig-flat-icon-button-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--hover-foreground: var(--ig-flat-icon-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-flat-icon-button-focus-background, transparent);--focus-foreground: var(--ig-flat-icon-button-focus-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--focus-hover-background: var(--ig-flat-icon-button-focus-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--focus-hover-foreground: var(--ig-flat-icon-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-background: var(--ig-flat-icon-button-active-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--active-foreground: var(--ig-flat-icon-button-active-foreground, var(--ig-primary-500-contrast));--border-color: var(--ig-flat-icon-button-border-color, transparent);--focus-border-color: var(--ig-flat-icon-button-focus-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-background: var(--ig-flat-icon-button-disabled-background, transparent);--disabled-foreground: var(--ig-flat-icon-button-disabled-foreground, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-border-color: var(--ig-flat-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-flat-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--size: var(--ig-flat-icon-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-flat-icon-button-default-size, 2);--ig-theme: indigo;--ig-theme-variant: dark}:host([variant=outlined]){--shadow-color: var(--ig-outlined-icon-button-shadow-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--background: var(--ig-outlined-icon-button-background, transparent);--foreground: var(--ig-outlined-icon-button-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--hover-background: var(--ig-outlined-icon-button-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--hover-foreground: var(--ig-outlined-icon-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-outlined-icon-button-focus-background, transparent);--focus-foreground: var(--ig-outlined-icon-button-focus-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--focus-hover-background: var(--ig-outlined-icon-button-focus-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--focus-hover-foreground: var(--ig-outlined-icon-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-background: var(--ig-outlined-icon-button-active-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--active-foreground: var(--ig-outlined-icon-button-active-foreground, var(--ig-primary-500-contrast));--border-color: var(--ig-outlined-icon-button-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.6));--focus-border-color: var(--ig-outlined-icon-button-focus-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-background: var(--ig-outlined-icon-button-disabled-background, transparent);--disabled-foreground: var(--ig-outlined-icon-button-disabled-foreground, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-border-color: var(--ig-outlined-icon-button-disabled-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--border-radius: var(--ig-outlined-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--size: var(--ig-outlined-icon-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-outlined-icon-button-default-size, 2);--ig-theme: indigo;--ig-theme-variant: dark}:host([variant=contained]){--shadow-color: var(--ig-contained-icon-button-shadow-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--background: var(--ig-contained-icon-button-background, var(--ig-primary-500));--foreground: var(--ig-contained-icon-button-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--hover-background: var(--ig-contained-icon-button-hover-background,
|
|
2
|
+
export const styles = css `:host([variant=flat]){--shadow-color: var(--ig-flat-icon-button-shadow-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--background: var(--ig-flat-icon-button-background, transparent);--foreground: var(--ig-flat-icon-button-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--hover-background: var(--ig-flat-icon-button-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--hover-foreground: var(--ig-flat-icon-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-flat-icon-button-focus-background, transparent);--focus-foreground: var(--ig-flat-icon-button-focus-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--focus-hover-background: var(--ig-flat-icon-button-focus-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--focus-hover-foreground: var(--ig-flat-icon-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-background: var(--ig-flat-icon-button-active-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--active-foreground: var(--ig-flat-icon-button-active-foreground, var(--ig-primary-500-contrast));--border-color: var(--ig-flat-icon-button-border-color, transparent);--focus-border-color: var(--ig-flat-icon-button-focus-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-background: var(--ig-flat-icon-button-disabled-background, transparent);--disabled-foreground: var(--ig-flat-icon-button-disabled-foreground, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-border-color: var(--ig-flat-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-flat-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--size: var(--ig-flat-icon-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-flat-icon-button-default-size, 2);--ig-theme: indigo;--ig-theme-variant: dark}:host([variant=outlined]){--shadow-color: var(--ig-outlined-icon-button-shadow-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--background: var(--ig-outlined-icon-button-background, transparent);--foreground: var(--ig-outlined-icon-button-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--hover-background: var(--ig-outlined-icon-button-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--hover-foreground: var(--ig-outlined-icon-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-outlined-icon-button-focus-background, transparent);--focus-foreground: var(--ig-outlined-icon-button-focus-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--focus-hover-background: var(--ig-outlined-icon-button-focus-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--focus-hover-foreground: var(--ig-outlined-icon-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-background: var(--ig-outlined-icon-button-active-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--active-foreground: var(--ig-outlined-icon-button-active-foreground, var(--ig-primary-500-contrast));--border-color: var(--ig-outlined-icon-button-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.6));--focus-border-color: var(--ig-outlined-icon-button-focus-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-background: var(--ig-outlined-icon-button-disabled-background, transparent);--disabled-foreground: var(--ig-outlined-icon-button-disabled-foreground, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-border-color: var(--ig-outlined-icon-button-disabled-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--border-radius: var(--ig-outlined-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--size: var(--ig-outlined-icon-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-outlined-icon-button-default-size, 2);--ig-theme: indigo;--ig-theme-variant: dark}:host([variant=contained]){--shadow-color: var(--ig-contained-icon-button-shadow-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--background: var(--ig-contained-icon-button-background, var(--ig-primary-500));--foreground: var(--ig-contained-icon-button-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--hover-background: var(--ig-contained-icon-button-hover-background, var(--ig-primary-400));--hover-foreground: var(--ig-contained-icon-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-contained-icon-button-focus-background, var(--ig-primary-500));--focus-foreground: var(--ig-contained-icon-button-focus-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--focus-hover-background: var(--ig-contained-icon-button-focus-hover-background, var(--ig-primary-400));--focus-hover-foreground: var(--ig-contained-icon-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-background: var(--ig-contained-icon-button-active-background, var(--ig-primary-400));--active-foreground: var(--ig-contained-icon-button-active-foreground, var(--ig-primary-500-contrast));--border-color: var(--ig-contained-icon-button-border-color, transparent);--focus-border-color: var(--ig-contained-icon-button-focus-border-color, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-background: var(--ig-contained-icon-button-disabled-background, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-foreground: var(--ig-contained-icon-button-disabled-foreground, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-border-color: var(--ig-contained-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-contained-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--size: var(--ig-contained-icon-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-contained-icon-button-default-size, 2);--ig-theme: indigo;--ig-theme-variant: dark}`;
|
|
3
3
|
//# sourceMappingURL=icon-button.indigo.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-button.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/icon-button/dark/icon-button.indigo.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"icon-button.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/icon-button/dark/icon-button.indigo.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,usMAAusM,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host([variant=flat]){--shadow-color: var(--ig-flat-icon-button-shadow-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--background: var(--ig-flat-icon-button-background, transparent);--foreground: var(--ig-flat-icon-button-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--hover-background: var(--ig-flat-icon-button-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--hover-foreground: var(--ig-flat-icon-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-flat-icon-button-focus-background, transparent);--focus-foreground: var(--ig-flat-icon-button-focus-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--focus-hover-background: var(--ig-flat-icon-button-focus-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--focus-hover-foreground: var(--ig-flat-icon-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-background: var(--ig-flat-icon-button-active-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--active-foreground: var(--ig-flat-icon-button-active-foreground, var(--ig-primary-500-contrast));--border-color: var(--ig-flat-icon-button-border-color, transparent);--focus-border-color: var(--ig-flat-icon-button-focus-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-background: var(--ig-flat-icon-button-disabled-background, transparent);--disabled-foreground: var(--ig-flat-icon-button-disabled-foreground, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-border-color: var(--ig-flat-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-flat-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--size: var(--ig-flat-icon-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-flat-icon-button-default-size, 2);--ig-theme: indigo;--ig-theme-variant: dark}:host([variant=outlined]){--shadow-color: var(--ig-outlined-icon-button-shadow-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--background: var(--ig-outlined-icon-button-background, transparent);--foreground: var(--ig-outlined-icon-button-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--hover-background: var(--ig-outlined-icon-button-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--hover-foreground: var(--ig-outlined-icon-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-outlined-icon-button-focus-background, transparent);--focus-foreground: var(--ig-outlined-icon-button-focus-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--focus-hover-background: var(--ig-outlined-icon-button-focus-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--focus-hover-foreground: var(--ig-outlined-icon-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-background: var(--ig-outlined-icon-button-active-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--active-foreground: var(--ig-outlined-icon-button-active-foreground, var(--ig-primary-500-contrast));--border-color: var(--ig-outlined-icon-button-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.6));--focus-border-color: var(--ig-outlined-icon-button-focus-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-background: var(--ig-outlined-icon-button-disabled-background, transparent);--disabled-foreground: var(--ig-outlined-icon-button-disabled-foreground, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-border-color: var(--ig-outlined-icon-button-disabled-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--border-radius: var(--ig-outlined-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--size: var(--ig-outlined-icon-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-outlined-icon-button-default-size, 2);--ig-theme: indigo;--ig-theme-variant: dark}:host([variant=contained]){--shadow-color: var(--ig-contained-icon-button-shadow-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--background: var(--ig-contained-icon-button-background, var(--ig-primary-500));--foreground: var(--ig-contained-icon-button-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--hover-background: var(--ig-contained-icon-button-hover-background, var(--ig-primary-400));--hover-foreground: var(--ig-contained-icon-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-contained-icon-button-focus-background, var(--ig-primary-500));--focus-foreground: var(--ig-contained-icon-button-focus-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--focus-hover-background: var(--ig-contained-icon-button-focus-hover-background, var(--ig-primary-400));--focus-hover-foreground: var(--ig-contained-icon-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-background: var(--ig-contained-icon-button-active-background, var(--ig-primary-400));--active-foreground: var(--ig-contained-icon-button-active-foreground, var(--ig-primary-500-contrast));--border-color: var(--ig-contained-icon-button-border-color, transparent);--focus-border-color: var(--ig-contained-icon-button-focus-border-color, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-background: var(--ig-contained-icon-button-disabled-background, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-foreground: var(--ig-contained-icon-button-disabled-foreground, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-border-color: var(--ig-contained-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-contained-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--size: var(--ig-contained-icon-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-contained-icon-button-default-size, 2);--ig-theme: indigo;--ig-theme-variant: dark}`;\n "]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-group.js","sourceRoot":"","sources":["../../../src/components/button-group/button-group.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property, queryAssignedElements } from 'lit/decorators.js';\n\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport {\n createMutationController,\n type MutationControllerParams,\n} from '../common/controllers/mutation-observer.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport type { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { findElementFromEventPath, last } from '../common/util.js';\nimport type { ButtonGroupSelection, ContentOrientation } from '../types.js';\nimport { styles } from './themes/group.base.css.js';\nimport { all } from './themes/group.js';\nimport { styles as shared } from './themes/shared/group/group.common.css.js';\nimport IgcToggleButtonComponent from './toggle-button.js';\n\nexport interface IgcButtonGroupComponentEventMap {\n igcSelect: CustomEvent<string | undefined>;\n igcDeselect: CustomEvent<string | undefined>;\n}\n\n/* blazorAdditionalDependency: IgcToggleButtonComponent */\n/**\n * The `igc-button-group` groups a series of `igc-toggle-button`s together, exposing features such as layout and selection.\n *\n * @element igc-button-group\n *\n * @slot - Renders `igc-toggle-button` component.\n *\n * @fires igcSelect - Emitted when a button is selected through user interaction.\n * @fires igcDeselect - Emitted when a button is deselected through user interaction.\n *\n * @csspart group - The button group container.\n */\nexport default class IgcButtonGroupComponent extends EventEmitterMixin<\n IgcButtonGroupComponentEventMap,\n Constructor<LitElement>\n>(LitElement) {\n public static readonly tagName = 'igc-button-group';\n public static styles = [styles, shared];\n\n /* blazorSuppress */\n public static register() {\n registerComponent(IgcButtonGroupComponent, IgcToggleButtonComponent);\n }\n\n private get isMultiple() {\n return this.selection === 'multiple';\n }\n\n private _selectedItems: Set<string> = new Set();\n\n private _observerCallback({\n changes: { added, attributes },\n }: MutationControllerParams<IgcToggleButtonComponent>) {\n if (this.isMultiple || this._selectedButtons.length <= 1) {\n return;\n }\n\n const buttons = this.toggleButtons;\n const idx = buttons.indexOf(\n added.length ? last(added).node : last(attributes).node\n );\n\n for (const [i, button] of buttons.entries()) {\n if (button.selected && i !== idx) {\n button.selected = false;\n }\n }\n }\n\n private get _selectedButtons(): Array<IgcToggleButtonComponent> {\n return this.toggleButtons.filter((b) => b.selected);\n }\n\n @queryAssignedElements({ selector: IgcToggleButtonComponent.tagName })\n private toggleButtons!: Array<IgcToggleButtonComponent>;\n\n /**\n * Disables all buttons inside the group.\n * @attr\n */\n @property({ type: Boolean, reflect: true })\n public disabled = false;\n\n /**\n * Sets the orientation of the buttons in the group.\n * @attr\n */\n @property({ reflect: true })\n public alignment: ContentOrientation = 'horizontal';\n\n /**\n * Controls the mode of selection for the button group.\n * @attr\n */\n @property({ reflect: false })\n public selection: ButtonGroupSelection = 'single';\n\n /**\n * Gets/Sets the currently selected buttons (their values).\n * @attr\n */\n @property({ attribute: 'selected-items', type: Array, reflect: false })\n public get selectedItems(): string[] {\n return this._selectedButtons.map((b) => b.value).filter((v) => v);\n }\n\n public set selectedItems(values: string[]) {\n this._selectedItems = new Set(Array.isArray(values) ? values : []);\n this.setSelection(this._selectedItems);\n }\n\n @watch('disabled', { waitUntilFirstUpdate: true })\n protected updateDisabledState() {\n this.toggleButtons.forEach((b) => {\n b.disabled = this.disabled;\n });\n }\n\n @watch('selection', { waitUntilFirstUpdate: true })\n protected updateSelectionState() {\n if (this._selectedButtons.length) {\n this.toggleButtons.forEach((b) => {\n b.selected = false;\n });\n }\n }\n\n constructor() {\n super();\n\n addThemingController(this, all);\n\n createMutationController(this, {\n callback: this._observerCallback,\n filter: [IgcToggleButtonComponent.tagName],\n config: {\n attributeFilter: ['selected'],\n childList: true,\n subtree: true,\n },\n });\n }\n\n protected override firstUpdated() {\n if (this.disabled) {\n this.updateDisabledState();\n }\n\n const buttons = this._selectedButtons;\n\n if (buttons.length) {\n if (!this.isMultiple) {\n const index = buttons.indexOf(buttons.at(-1)!);\n\n for (let i = 0; i < index; i++) {\n buttons[i].selected = false;\n }\n }\n } else {\n this.setSelection(this._selectedItems);\n }\n }\n\n private handleClick(event: MouseEvent) {\n const button = findElementFromEventPath<IgcToggleButtonComponent>(\n IgcToggleButtonComponent.tagName,\n event\n );\n\n if (button) {\n this.isMultiple\n ? this.handleMultipleSelection(button)\n : this.handleSingleSelection(button);\n }\n }\n\n private handleSingleSelection(button: IgcToggleButtonComponent) {\n const singleRequired = this.selection === 'single-required';\n const selectedButton = this._selectedButtons.at(0);\n const isSame = selectedButton && selectedButton.value === button.value;\n\n if (selectedButton) {\n if (singleRequired && isSame) return;\n this.emitDeselectEvent(selectedButton);\n }\n if (isSame) return;\n this.emitSelectEvent(button);\n }\n\n private handleMultipleSelection(button: IgcToggleButtonComponent) {\n button.selected\n ? this.emitDeselectEvent(button)\n : this.emitSelectEvent(button);\n }\n\n private emitSelectEvent(button: IgcToggleButtonComponent) {\n button.selected = true;\n this.emitEvent('igcSelect', { detail: button.value });\n }\n\n private emitDeselectEvent(button: IgcToggleButtonComponent) {\n button.selected = false;\n this.emitEvent('igcDeselect', { detail: button.value });\n }\n\n private setSelection(values: Set<string>) {\n if (!values.size) {\n this.toggleButtons.forEach((b) => {\n b.selected = false;\n });\n return;\n }\n\n for (const button of this.toggleButtons) {\n if (values.has(button.value)) {\n button.selected = true;\n if (!this.isMultiple) {\n break;\n }\n }\n }\n }\n\n protected override render() {\n return html`\n <div\n part=\"group\"\n role=\"group\"\n aria-disabled=${this.disabled}\n @click=${this.handleClick}\n >\n <slot></slot>\n </div>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-button-group': IgcButtonGroupComponent;\n }\n}\n"]}
|
|
1
|
+
{"version":3,"file":"button-group.js","sourceRoot":"","sources":["../../../src/components/button-group/button-group.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property, queryAssignedElements } from 'lit/decorators.js';\n\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport {\n createMutationController,\n type MutationControllerParams,\n} from '../common/controllers/mutation-observer.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport type { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { findElementFromEventPath, last } from '../common/util.js';\nimport type { ButtonGroupSelection, ContentOrientation } from '../types.js';\nimport { styles } from './themes/group.base.css.js';\nimport { all } from './themes/group.js';\nimport { styles as shared } from './themes/shared/group/group.common.css.js';\nimport IgcToggleButtonComponent from './toggle-button.js';\n\nexport interface IgcButtonGroupComponentEventMap {\n igcSelect: CustomEvent<string | undefined>;\n igcDeselect: CustomEvent<string | undefined>;\n}\n\n/* blazorAdditionalDependency: IgcToggleButtonComponent */\n/**\n * The `igc-button-group` groups a series of `igc-toggle-button`s together, exposing features such as layout and selection.\n *\n * @element igc-button-group\n *\n * @slot - Renders `igc-toggle-button` component.\n *\n * @fires igcSelect - Emitted when a button is selected through user interaction.\n * @fires igcDeselect - Emitted when a button is deselected through user interaction.\n *\n * @csspart group - The button group container.\n */\nexport default class IgcButtonGroupComponent extends EventEmitterMixin<\n IgcButtonGroupComponentEventMap,\n Constructor<LitElement>\n>(LitElement) {\n public static readonly tagName = 'igc-button-group';\n public static styles = [styles, shared];\n\n /* blazorSuppress */\n public static register() {\n registerComponent(IgcButtonGroupComponent, IgcToggleButtonComponent);\n }\n\n private get isMultiple() {\n return this.selection === 'multiple';\n }\n\n private _selectedItems: Set<string> = new Set();\n\n private _observerCallback({\n changes: { added, attributes },\n }: MutationControllerParams<IgcToggleButtonComponent>) {\n if (this.isMultiple || this._selectedButtons.length <= 1) {\n return;\n }\n\n const buttons = this.toggleButtons;\n const idx = buttons.indexOf(\n added.length ? last(added).node : last(attributes).node\n );\n\n for (const [i, button] of buttons.entries()) {\n if (button.selected && i !== idx) {\n button.selected = false;\n }\n }\n }\n\n private get _selectedButtons(): Array<IgcToggleButtonComponent> {\n return this.toggleButtons.filter((b) => b.selected);\n }\n\n @queryAssignedElements({ selector: IgcToggleButtonComponent.tagName })\n private toggleButtons!: Array<IgcToggleButtonComponent>;\n\n /**\n * Disables all buttons inside the group.\n * @attr\n */\n @property({ type: Boolean, reflect: true })\n public disabled = false;\n\n /**\n * Sets the orientation of the buttons in the group.\n * @attr\n */\n @property({ reflect: true })\n public alignment: ContentOrientation = 'horizontal';\n\n /**\n * Controls the mode of selection for the button group.\n * @attr\n */\n @property({ reflect: false })\n public selection: ButtonGroupSelection = 'single';\n\n /**\n * Gets/Sets the currently selected buttons (their values).\n * @attr\n */\n @property({ attribute: 'selected-items', type: Array, reflect: false })\n public get selectedItems(): string[] {\n return this._selectedButtons.map((b) => b.value).filter((v) => v);\n }\n\n public set selectedItems(values: string[]) {\n this._selectedItems = new Set(Array.isArray(values) ? values : []);\n this.setSelection(this._selectedItems);\n }\n\n @watch('disabled', { waitUntilFirstUpdate: true })\n protected updateDisabledState() {\n this.toggleButtons.forEach((b) => {\n b.disabled = this.disabled;\n });\n }\n\n @watch('selection', { waitUntilFirstUpdate: true })\n protected updateSelectionState() {\n if (this._selectedButtons.length) {\n this.toggleButtons.forEach((b) => {\n b.selected = false;\n });\n }\n }\n\n constructor() {\n super();\n\n addThemingController(this, all);\n\n createMutationController(this, {\n callback: this._observerCallback,\n filter: [IgcToggleButtonComponent.tagName],\n config: {\n attributeFilter: ['selected'],\n childList: true,\n subtree: true,\n },\n });\n }\n\n protected override firstUpdated() {\n if (this.disabled) {\n this.updateDisabledState();\n }\n\n const buttons = this._selectedButtons;\n\n if (buttons.length) {\n if (!this.isMultiple) {\n const index = buttons.indexOf(buttons.at(-1)!);\n\n for (let i = 0; i < index; i++) {\n buttons[i].selected = false;\n }\n }\n } else {\n this.setSelection(this._selectedItems);\n }\n }\n\n private handleClick(event: MouseEvent) {\n const button = findElementFromEventPath(\n IgcToggleButtonComponent.tagName,\n event\n );\n\n if (button) {\n this.isMultiple\n ? this.handleMultipleSelection(button)\n : this.handleSingleSelection(button);\n }\n }\n\n private handleSingleSelection(button: IgcToggleButtonComponent) {\n const singleRequired = this.selection === 'single-required';\n const selectedButton = this._selectedButtons.at(0);\n const isSame = selectedButton && selectedButton.value === button.value;\n\n if (selectedButton) {\n if (singleRequired && isSame) return;\n this.emitDeselectEvent(selectedButton);\n }\n if (isSame) return;\n this.emitSelectEvent(button);\n }\n\n private handleMultipleSelection(button: IgcToggleButtonComponent) {\n button.selected\n ? this.emitDeselectEvent(button)\n : this.emitSelectEvent(button);\n }\n\n private emitSelectEvent(button: IgcToggleButtonComponent) {\n button.selected = true;\n this.emitEvent('igcSelect', { detail: button.value });\n }\n\n private emitDeselectEvent(button: IgcToggleButtonComponent) {\n button.selected = false;\n this.emitEvent('igcDeselect', { detail: button.value });\n }\n\n private setSelection(values: Set<string>) {\n if (!values.size) {\n this.toggleButtons.forEach((b) => {\n b.selected = false;\n });\n return;\n }\n\n for (const button of this.toggleButtons) {\n if (values.has(button.value)) {\n button.selected = true;\n if (!this.isMultiple) {\n break;\n }\n }\n }\n }\n\n protected override render() {\n return html`\n <div\n part=\"group\"\n role=\"group\"\n aria-disabled=${this.disabled}\n @click=${this.handleClick}\n >\n <slot></slot>\n </div>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-button-group': IgcButtonGroupComponent;\n }\n}\n"]}
|
|
@@ -15,7 +15,7 @@ import { blazorSuppressComponent } from '../../common/decorators/blazorSuppressC
|
|
|
15
15
|
import { registerComponent } from '../../common/definitions/register.js';
|
|
16
16
|
import { EventEmitterMixin } from '../../common/mixins/event-emitter.js';
|
|
17
17
|
import { partMap } from '../../common/part-map.js';
|
|
18
|
-
import { addSafeEventListener, chunk, first, last
|
|
18
|
+
import { addSafeEventListener, chunk, first, last } from '../../common/util.js';
|
|
19
19
|
import { IgcCalendarBaseComponent } from '../base.js';
|
|
20
20
|
import { areSameMonth, calendarRange, generateMonth, getViewElement, isDateInRanges, isNextMonth, isPreviousMonth, } from '../helpers.js';
|
|
21
21
|
import { CalendarDay, DAYS_IN_WEEK } from '../model.js';
|
|
@@ -304,19 +304,21 @@ let IgcDaysViewComponent = class IgcDaysViewComponent extends EventEmitterMixin(
|
|
|
304
304
|
const aria = getDateFormatter().getIntlFormatter(this.locale, {
|
|
305
305
|
weekday: 'long',
|
|
306
306
|
});
|
|
307
|
-
const days = take(generateMonth(this._activeDate, this._firstDayOfWeek), DAYS_IN_WEEK);
|
|
308
307
|
const weekNumber = this.showWeekNumbers
|
|
309
308
|
? this._renderHeaderWeekNumber()
|
|
310
309
|
: nothing;
|
|
311
|
-
const headers =
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
310
|
+
const headers = generateMonth(this._activeDate, this._firstDayOfWeek)
|
|
311
|
+
.take(DAYS_IN_WEEK)
|
|
312
|
+
.map((day) => html `
|
|
313
|
+
<span
|
|
314
|
+
role="columnheader"
|
|
315
|
+
part="label"
|
|
316
|
+
aria-label=${aria.format(day.native)}
|
|
317
|
+
>
|
|
318
|
+
<span part="label-inner">${label.format(day.native)}</span>
|
|
319
|
+
</span>
|
|
320
|
+
`)
|
|
321
|
+
.toArray();
|
|
320
322
|
return html `
|
|
321
323
|
<div role="row" part="days-row first">${weekNumber}${headers}</div>
|
|
322
324
|
`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"days-view.js","sourceRoot":"","sources":["../../../../src/components/calendar/days-view/days-view.ts"],"names":[],"mappings":"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","sourcesContent":["import { getDateFormatter } from 'igniteui-i18n-core';\nimport { html, nothing, type PropertyValues, type TemplateResult } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { addThemingController } from '../../../theming/theming-controller.js';\nimport { addKeybindings } from '../../common/controllers/key-bindings.js';\nimport { blazorIndirectRender } from '../../common/decorators/blazorIndirectRender.js';\nimport { blazorSuppressComponent } from '../../common/decorators/blazorSuppressComponent.js';\nimport { registerComponent } from '../../common/definitions/register.js';\nimport type { Constructor } from '../../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../../common/mixins/event-emitter.js';\nimport { partMap } from '../../common/part-map.js';\nimport {\n addSafeEventListener,\n chunk,\n first,\n last,\n take,\n} from '../../common/util.js';\nimport { IgcCalendarBaseComponent } from '../base.js';\nimport {\n areSameMonth,\n calendarRange,\n generateMonth,\n getViewElement,\n isDateInRanges,\n isNextMonth,\n isPreviousMonth,\n} from '../helpers.js';\nimport { CalendarDay, DAYS_IN_WEEK } from '../model.js';\nimport { all } from '../themes/days.js';\nimport { styles } from '../themes/days-view.base.css.js';\nimport { DateRangeType, type IgcCalendarComponentEventMap } from '../types.js';\n\nexport interface IgcDaysViewEventMap extends IgcCalendarComponentEventMap {\n igcActiveDateChange: CustomEvent<Date>;\n igcRangePreviewDateChange: CustomEvent<Date>;\n}\n\ninterface DayProperties {\n disabled: boolean;\n first: boolean;\n last: boolean;\n range: boolean;\n preview: boolean;\n current: boolean;\n inactive: boolean;\n hidden: boolean;\n weekend: boolean;\n single: boolean;\n selected: boolean;\n special: boolean;\n}\n\n/**\n * Instantiate a days view as a separate component in the calendar.\n *\n * @element igc-days-view\n *\n * @fires igcActiveDateChange - Emitted when the active date changes.\n * @fires igcRangePreviewDateChange - Emitted when the range preview date changes.\n *\n * @csspart days-row - The days row container.\n * @csspart label - The label container.\n * @csspart label-inner - The inner label container.\n * @csspart week-number - The week number container.\n * @csspart week-number-inner - The inner week number container.\n */\n@blazorSuppressComponent\n@blazorIndirectRender\nexport default class IgcDaysViewComponent extends EventEmitterMixin<\n IgcDaysViewEventMap,\n Constructor<IgcCalendarBaseComponent>\n>(IgcCalendarBaseComponent) {\n public static readonly tagName = 'igc-days-view';\n public static styles = styles;\n\n /* blazorSuppress */\n public static register(): void {\n registerComponent(IgcDaysViewComponent);\n }\n\n //#region Internal properties and state\n\n @state()\n private _dates: CalendarDay[] = [];\n\n @query('[tabindex=\"0\"]')\n private _activeDay?: HTMLElement;\n\n /** Returns the first date in the current range selection. */\n private get _rangeStart(): CalendarDay | undefined {\n return this._hasValues ? first(this._values) : undefined;\n }\n\n /** Returns the last date in the current range selection. */\n private get _rangeEnd(): CalendarDay | undefined {\n return this._hasValues ? last(this._values) : undefined;\n }\n\n //#endregion\n\n //#region Public attributes and properties\n\n /** The active state of the component. */\n @property({ type: Boolean })\n public active = false;\n\n /**\n * Whether to show leading days which do not belong to the current month.\n * @attr hide-leading-days\n */\n @property({ type: Boolean, attribute: 'hide-leading-days' })\n public hideLeadingDays = false;\n\n /**\n * Whether to show trailing days which do not belong to the current month.\n * @attr hide-trailing-days\n */\n @property({ type: Boolean, attribute: 'hide-trailing-days' })\n public hideTrailingDays = false;\n\n /** The range preview date. */\n @property({ attribute: false })\n public set rangePreviewDate(value: Date | undefined) {\n this._rangePreviewDate = value ? CalendarDay.from(value) : undefined;\n }\n\n public get rangePreviewDate(): Date | undefined {\n return this._rangePreviewDate?.native;\n }\n\n /**\n * The format of the days. Defaults to narrow.\n * @attr week-day-format\n */\n @property({ attribute: 'week-day-format' })\n public weekDayFormat: 'long' | 'short' | 'narrow' = 'narrow';\n\n //#endregion\n\n //#region Lifecycle hooks\n\n constructor() {\n super();\n\n addThemingController(this, all);\n addKeybindings(this).setActivateHandler(this._handleInteraction);\n addSafeEventListener(this, 'click', this._handleInteraction);\n }\n\n /** @internal */\n public override connectedCallback(): void {\n super.connectedCallback();\n this.role = 'grid';\n }\n\n /** @internal */\n protected override update(props: PropertyValues<this>): void {\n if (props.has('activeDate') || props.has('weekStart')) {\n this._dates = Array.from(\n generateMonth(this._activeDate, this._firstDayOfWeek)\n );\n }\n\n super.update(props);\n }\n\n //#endregion\n\n //#region Event handlers\n\n protected _handleInteraction(event: Event): void {\n const value = getViewElement(event);\n\n if (value !== -1) {\n const date = CalendarDay.from(new Date(value));\n\n if (this._rangePreviewDate) {\n this._setRangePreviewDate();\n }\n\n if (this._selectDate(date)) {\n this.emitEvent('igcChange', { detail: date.native });\n }\n\n if (event.type === 'click') {\n this.emitEvent('igcActiveDateChange', { detail: date.native });\n this._activeDate = date;\n }\n }\n }\n\n //#endregion\n\n //#region Internal selection methods\n\n private _selectDate(value: CalendarDay): boolean {\n if (isDateInRanges(value, this._disabledDates)) {\n return false;\n }\n\n switch (this.selection) {\n case 'single':\n if (this._value?.equalTo(value)) {\n return false;\n }\n this._value = value;\n break;\n case 'multiple':\n this._selectMultiple(value);\n break;\n case 'range':\n this._selectRange(value);\n break;\n }\n\n return true;\n }\n\n private _selectMultiple(day: CalendarDay): void {\n const idx = this._values.findIndex((v) => v.equalTo(day));\n\n if (idx < 0) {\n this._values.push(day);\n } else {\n this._values.splice(idx, 1);\n }\n\n this._values = this._values.toSorted((a, b) => a.timestamp - b.timestamp);\n }\n\n private _selectRange(day: CalendarDay): void {\n // Start a new range selection\n if (this._values.length !== 1) {\n this._values = [day];\n return;\n }\n\n const rangeStart = this._rangeStart!;\n\n // Clicking the same date clears the selection\n if (rangeStart.equalTo(day)) {\n this._values = [];\n return;\n }\n\n // Build the complete range, ensuring correct order\n const [start, end] = rangeStart.greaterThan(day)\n ? [day, rangeStart]\n : [rangeStart, day];\n\n const range = Array.from(calendarRange({ start, end }));\n range.push(last(range).add('day', 1));\n\n // Filter out disabled dates\n this._values = range.filter((v) => !isDateInRanges(v, this._disabledDates));\n }\n\n private _isSelected(day: CalendarDay): boolean {\n if (isDateInRanges(day, this._disabledDates)) {\n return false;\n }\n\n switch (this.selection) {\n case 'single':\n return Boolean(this._value?.equalTo(day));\n\n case 'multiple':\n return (\n this._hasValues &&\n isDateInRanges(day, [\n { type: DateRangeType.Specific, dateRange: this.values },\n ])\n );\n\n case 'range':\n return (\n this._hasValues &&\n isDateInRanges(day, [\n {\n type: DateRangeType.Between,\n dateRange: [this._rangeStart!.native, this._rangeEnd!.native],\n },\n ])\n );\n }\n }\n\n //#endregion\n\n //#region Range helpers\n\n private _setRangePreviewDate(day?: CalendarDay): void {\n this._rangePreviewDate = day;\n this.emitEvent('igcRangePreviewDateChange', {\n detail: day ? day.native : undefined,\n });\n }\n\n private _changeRangePreview(day: CalendarDay): void {\n if (this._values.length === 1 && !first(this._values).equalTo(day)) {\n this._setRangePreviewDate(day);\n }\n }\n\n private _clearRangePreview(): void {\n if (this._rangePreviewDate) {\n this._setRangePreviewDate();\n }\n }\n\n /** Gets the effective start of the visual range, accounting for preview. */\n private _getEffectiveRangeStart(): CalendarDay | undefined {\n if (!this._rangeStart) return undefined;\n\n return this._rangePreviewDate?.lessThan(this._rangeStart)\n ? this._rangePreviewDate\n : this._rangeStart;\n }\n\n /** Gets the effective end of the visual range, accounting for preview. */\n private _getEffectiveRangeEnd(): CalendarDay | undefined {\n if (!this._rangeEnd) return undefined;\n\n return this._rangePreviewDate?.greaterThan(this._rangeEnd)\n ? this._rangePreviewDate\n : this._rangeEnd;\n }\n\n private _isFirstInRange(day: CalendarDay): boolean {\n const effectiveStart = this._getEffectiveRangeStart();\n return this._isRange && Boolean(effectiveStart?.equalTo(day));\n }\n\n private _isLastInRange(day: CalendarDay): boolean {\n const effectiveEnd = this._getEffectiveRangeEnd();\n return this._isRange && Boolean(effectiveEnd?.equalTo(day));\n }\n\n private _isRangeDate(day: CalendarDay): boolean {\n if (!this._hasValues) return false;\n\n const isSingleSelection = this._values.length === 1;\n if (isSingleSelection && !this._rangePreviewDate) return false;\n\n const max = isSingleSelection ? this._rangePreviewDate! : this._rangeEnd!;\n\n return isDateInRanges(day, [\n {\n type: DateRangeType.Between,\n dateRange: [this._rangeStart!.native, max.native],\n },\n ]);\n }\n\n private _isRangePreview(day: CalendarDay): boolean {\n if (!this._hasValues || !this._rangePreviewDate) return false;\n\n return isDateInRanges(day, [\n {\n type: DateRangeType.Between,\n dateRange: [this._rangeStart!.native, this._rangePreviewDate.native],\n },\n ]);\n }\n\n //#endregion\n\n //#region Internal methods\n\n private _intlFormatDay(day: CalendarDay): string {\n const fmt = getDateFormatter().getIntlFormatter(this.locale, {\n weekday: 'long',\n year: 'numeric',\n month: 'long',\n day: 'numeric',\n });\n\n // Range selection in progress\n if (this._rangePreviewDate?.equalTo(day)) {\n return fmt.formatRange(\n first(this._values).native,\n this._rangePreviewDate.native\n );\n }\n\n // Range selection finished\n if (this._isFirstInRange(day) || this._isLastInRange(day)) {\n return fmt.formatRange(\n first(this._values).native,\n last(this._values).native\n );\n }\n\n // Default\n return fmt.format(day.native);\n }\n\n private _getDayHandlers(day: CalendarDay) {\n if (!this._isRange) {\n return { changePreview: nothing, clearPreview: nothing };\n }\n\n return {\n changePreview: this._changeRangePreview.bind(this, day),\n clearPreview: this._clearRangePreview.bind(this),\n };\n }\n\n private _getDayProperties(\n day: CalendarDay,\n today: CalendarDay\n ): DayProperties {\n const inactive = !areSameMonth(day, this._activeDate);\n const disabled = isDateInRanges(day, this._disabledDates);\n\n const hidden =\n (this.hideLeadingDays && isPreviousMonth(day, this._activeDate)) ||\n (this.hideTrailingDays && isNextMonth(day, this._activeDate));\n\n return {\n disabled: disabled || hidden,\n first: this._isFirstInRange(day),\n last: this._isLastInRange(day),\n range: this._isRange && this._isRangeDate(day),\n preview: this._isRange && this._isRangePreview(day),\n current: !inactive && day.equalTo(today),\n inactive,\n hidden,\n weekend: day.weekend,\n single: !this._isRange,\n selected: !disabled && this._isSelected(day),\n special: !inactive && isDateInRanges(day, this._specialDates),\n };\n }\n\n //#endregion\n\n //#region Public methods\n\n /** Focuses the active date. */\n public focusActiveDate(options?: FocusOptions): void {\n this._activeDay?.focus(options);\n }\n\n //#endregion\n\n protected _renderDayWithProps(\n day: CalendarDay,\n props: DayProperties\n ): TemplateResult {\n const ariaLabel = this._intlFormatDay(day);\n const { changePreview, clearPreview } = this._getDayHandlers(day);\n\n return html`\n <span part=${partMap({ date: true, ...props })}>\n <span\n role=\"gridcell\"\n part=${partMap({ 'date-inner': true, ...props })}\n aria-label=${ariaLabel}\n aria-disabled=${props.disabled}\n aria-selected=${props.selected}\n data-value=${day.timestamp}\n tabindex=${day.equalTo(this._activeDate) ? 0 : -1}\n @focus=${changePreview}\n @blur=${clearPreview}\n @pointerenter=${changePreview}\n @pointerleave=${clearPreview}\n >\n ${day.date}\n </span>\n </span>\n `;\n }\n\n protected _renderHeaderWeekNumber() {\n return html`\n <span role=\"columnheader\" part=\"label week-number first\">\n <span part=\"week-number-inner first\">\n ${this.resourceStrings.weekLabel}\n </span>\n </span>\n `;\n }\n\n protected _renderWeekNumber(start: CalendarDay, last: boolean) {\n return html`\n <span role=\"rowheader\" part=${partMap({ 'week-number': true, last })}>\n <span part=${partMap({ 'week-number-inner': true, last })}>\n ${start.week}\n </span>\n </span>\n `;\n }\n\n protected _renderHeaders() {\n const label = getDateFormatter().getIntlFormatter(this.locale, {\n weekday: this.weekDayFormat,\n });\n const aria = getDateFormatter().getIntlFormatter(this.locale, {\n weekday: 'long',\n });\n const days = take(\n generateMonth(this._activeDate, this._firstDayOfWeek),\n DAYS_IN_WEEK\n );\n\n const weekNumber = this.showWeekNumbers\n ? this._renderHeaderWeekNumber()\n : nothing;\n\n const headers = days.map(\n (day) => html`\n <span\n role=\"columnheader\"\n part=\"label\"\n aria-label=${aria.format(day.native)}\n >\n <span part=\"label-inner\">${label.format(day.native)}</span>\n </span>\n `\n );\n\n return html`\n <div role=\"row\" part=\"days-row first\">${weekNumber}${headers}</div>\n `;\n }\n\n protected *_renderWeeks(): Generator<TemplateResult> {\n const today = CalendarDay.today;\n const weeks = Array.from(chunk(this._dates, DAYS_IN_WEEK));\n const lastIndex = weeks.length - 1;\n\n // Pre-compute day properties for all dates to avoid redundant calculations\n const dayPropertiesMap = new Map<number, DayProperties>();\n\n for (const day of this._dates) {\n dayPropertiesMap.set(day.timestamp, this._getDayProperties(day, today));\n }\n\n for (const [idx, week] of weeks.entries()) {\n const isLast = idx === lastIndex;\n\n const hidden = week.every(\n (day) => dayPropertiesMap.get(day.timestamp)!.hidden\n );\n\n yield html`\n <div role=\"row\" part=\"days-row\" aria-hidden=${hidden}>\n ${this.showWeekNumbers\n ? this._renderWeekNumber(week[0], isLast)\n : nothing}\n ${week.map((day) =>\n this._renderDayWithProps(day, dayPropertiesMap.get(day.timestamp)!)\n )}\n </div>\n `;\n }\n }\n\n protected override render() {\n return html`${this._renderHeaders()}${this._renderWeeks()}`;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-days-view': IgcDaysViewComponent;\n }\n}\n"]}
|
|
1
|
+
{"version":3,"file":"days-view.js","sourceRoot":"","sources":["../../../../src/components/calendar/days-view/days-view.ts"],"names":[],"mappings":"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","sourcesContent":["import { getDateFormatter } from 'igniteui-i18n-core';\nimport { html, nothing, type PropertyValues, type TemplateResult } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { addThemingController } from '../../../theming/theming-controller.js';\nimport { addKeybindings } from '../../common/controllers/key-bindings.js';\nimport { blazorIndirectRender } from '../../common/decorators/blazorIndirectRender.js';\nimport { blazorSuppressComponent } from '../../common/decorators/blazorSuppressComponent.js';\nimport { registerComponent } from '../../common/definitions/register.js';\nimport type { Constructor } from '../../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../../common/mixins/event-emitter.js';\nimport { partMap } from '../../common/part-map.js';\nimport { addSafeEventListener, chunk, first, last } from '../../common/util.js';\nimport { IgcCalendarBaseComponent } from '../base.js';\nimport {\n areSameMonth,\n calendarRange,\n generateMonth,\n getViewElement,\n isDateInRanges,\n isNextMonth,\n isPreviousMonth,\n} from '../helpers.js';\nimport { CalendarDay, DAYS_IN_WEEK } from '../model.js';\nimport { all } from '../themes/days.js';\nimport { styles } from '../themes/days-view.base.css.js';\nimport { DateRangeType, type IgcCalendarComponentEventMap } from '../types.js';\n\nexport interface IgcDaysViewEventMap extends IgcCalendarComponentEventMap {\n igcActiveDateChange: CustomEvent<Date>;\n igcRangePreviewDateChange: CustomEvent<Date>;\n}\n\ninterface DayProperties {\n disabled: boolean;\n first: boolean;\n last: boolean;\n range: boolean;\n preview: boolean;\n current: boolean;\n inactive: boolean;\n hidden: boolean;\n weekend: boolean;\n single: boolean;\n selected: boolean;\n special: boolean;\n}\n\n/**\n * Instantiate a days view as a separate component in the calendar.\n *\n * @element igc-days-view\n *\n * @fires igcActiveDateChange - Emitted when the active date changes.\n * @fires igcRangePreviewDateChange - Emitted when the range preview date changes.\n *\n * @csspart days-row - The days row container.\n * @csspart label - The label container.\n * @csspart label-inner - The inner label container.\n * @csspart week-number - The week number container.\n * @csspart week-number-inner - The inner week number container.\n */\n@blazorSuppressComponent\n@blazorIndirectRender\nexport default class IgcDaysViewComponent extends EventEmitterMixin<\n IgcDaysViewEventMap,\n Constructor<IgcCalendarBaseComponent>\n>(IgcCalendarBaseComponent) {\n public static readonly tagName = 'igc-days-view';\n public static styles = styles;\n\n /* blazorSuppress */\n public static register(): void {\n registerComponent(IgcDaysViewComponent);\n }\n\n //#region Internal properties and state\n\n @state()\n private _dates: CalendarDay[] = [];\n\n @query('[tabindex=\"0\"]')\n private _activeDay?: HTMLElement;\n\n /** Returns the first date in the current range selection. */\n private get _rangeStart(): CalendarDay | undefined {\n return this._hasValues ? first(this._values) : undefined;\n }\n\n /** Returns the last date in the current range selection. */\n private get _rangeEnd(): CalendarDay | undefined {\n return this._hasValues ? last(this._values) : undefined;\n }\n\n //#endregion\n\n //#region Public attributes and properties\n\n /** The active state of the component. */\n @property({ type: Boolean })\n public active = false;\n\n /**\n * Whether to show leading days which do not belong to the current month.\n * @attr hide-leading-days\n */\n @property({ type: Boolean, attribute: 'hide-leading-days' })\n public hideLeadingDays = false;\n\n /**\n * Whether to show trailing days which do not belong to the current month.\n * @attr hide-trailing-days\n */\n @property({ type: Boolean, attribute: 'hide-trailing-days' })\n public hideTrailingDays = false;\n\n /** The range preview date. */\n @property({ attribute: false })\n public set rangePreviewDate(value: Date | undefined) {\n this._rangePreviewDate = value ? CalendarDay.from(value) : undefined;\n }\n\n public get rangePreviewDate(): Date | undefined {\n return this._rangePreviewDate?.native;\n }\n\n /**\n * The format of the days. Defaults to narrow.\n * @attr week-day-format\n */\n @property({ attribute: 'week-day-format' })\n public weekDayFormat: 'long' | 'short' | 'narrow' = 'narrow';\n\n //#endregion\n\n //#region Lifecycle hooks\n\n constructor() {\n super();\n\n addThemingController(this, all);\n addKeybindings(this).setActivateHandler(this._handleInteraction);\n addSafeEventListener(this, 'click', this._handleInteraction);\n }\n\n /** @internal */\n public override connectedCallback(): void {\n super.connectedCallback();\n this.role = 'grid';\n }\n\n /** @internal */\n protected override update(props: PropertyValues<this>): void {\n if (props.has('activeDate') || props.has('weekStart')) {\n this._dates = Array.from(\n generateMonth(this._activeDate, this._firstDayOfWeek)\n );\n }\n\n super.update(props);\n }\n\n //#endregion\n\n //#region Event handlers\n\n protected _handleInteraction(event: Event): void {\n const value = getViewElement(event);\n\n if (value !== -1) {\n const date = CalendarDay.from(new Date(value));\n\n if (this._rangePreviewDate) {\n this._setRangePreviewDate();\n }\n\n if (this._selectDate(date)) {\n this.emitEvent('igcChange', { detail: date.native });\n }\n\n if (event.type === 'click') {\n this.emitEvent('igcActiveDateChange', { detail: date.native });\n this._activeDate = date;\n }\n }\n }\n\n //#endregion\n\n //#region Internal selection methods\n\n private _selectDate(value: CalendarDay): boolean {\n if (isDateInRanges(value, this._disabledDates)) {\n return false;\n }\n\n switch (this.selection) {\n case 'single':\n if (this._value?.equalTo(value)) {\n return false;\n }\n this._value = value;\n break;\n case 'multiple':\n this._selectMultiple(value);\n break;\n case 'range':\n this._selectRange(value);\n break;\n }\n\n return true;\n }\n\n private _selectMultiple(day: CalendarDay): void {\n const idx = this._values.findIndex((v) => v.equalTo(day));\n\n if (idx < 0) {\n this._values.push(day);\n } else {\n this._values.splice(idx, 1);\n }\n\n this._values = this._values.toSorted((a, b) => a.timestamp - b.timestamp);\n }\n\n private _selectRange(day: CalendarDay): void {\n // Start a new range selection\n if (this._values.length !== 1) {\n this._values = [day];\n return;\n }\n\n const rangeStart = this._rangeStart!;\n\n // Clicking the same date clears the selection\n if (rangeStart.equalTo(day)) {\n this._values = [];\n return;\n }\n\n // Build the complete range, ensuring correct order\n const [start, end] = rangeStart.greaterThan(day)\n ? [day, rangeStart]\n : [rangeStart, day];\n\n const range = Array.from(calendarRange({ start, end }));\n range.push(last(range).add('day', 1));\n\n // Filter out disabled dates\n this._values = range.filter((v) => !isDateInRanges(v, this._disabledDates));\n }\n\n private _isSelected(day: CalendarDay): boolean {\n if (isDateInRanges(day, this._disabledDates)) {\n return false;\n }\n\n switch (this.selection) {\n case 'single':\n return Boolean(this._value?.equalTo(day));\n\n case 'multiple':\n return (\n this._hasValues &&\n isDateInRanges(day, [\n { type: DateRangeType.Specific, dateRange: this.values },\n ])\n );\n\n case 'range':\n return (\n this._hasValues &&\n isDateInRanges(day, [\n {\n type: DateRangeType.Between,\n dateRange: [this._rangeStart!.native, this._rangeEnd!.native],\n },\n ])\n );\n }\n }\n\n //#endregion\n\n //#region Range helpers\n\n private _setRangePreviewDate(day?: CalendarDay): void {\n this._rangePreviewDate = day;\n this.emitEvent('igcRangePreviewDateChange', {\n detail: day ? day.native : undefined,\n });\n }\n\n private _changeRangePreview(day: CalendarDay): void {\n if (this._values.length === 1 && !first(this._values).equalTo(day)) {\n this._setRangePreviewDate(day);\n }\n }\n\n private _clearRangePreview(): void {\n if (this._rangePreviewDate) {\n this._setRangePreviewDate();\n }\n }\n\n /** Gets the effective start of the visual range, accounting for preview. */\n private _getEffectiveRangeStart(): CalendarDay | undefined {\n if (!this._rangeStart) return undefined;\n\n return this._rangePreviewDate?.lessThan(this._rangeStart)\n ? this._rangePreviewDate\n : this._rangeStart;\n }\n\n /** Gets the effective end of the visual range, accounting for preview. */\n private _getEffectiveRangeEnd(): CalendarDay | undefined {\n if (!this._rangeEnd) return undefined;\n\n return this._rangePreviewDate?.greaterThan(this._rangeEnd)\n ? this._rangePreviewDate\n : this._rangeEnd;\n }\n\n private _isFirstInRange(day: CalendarDay): boolean {\n const effectiveStart = this._getEffectiveRangeStart();\n return this._isRange && Boolean(effectiveStart?.equalTo(day));\n }\n\n private _isLastInRange(day: CalendarDay): boolean {\n const effectiveEnd = this._getEffectiveRangeEnd();\n return this._isRange && Boolean(effectiveEnd?.equalTo(day));\n }\n\n private _isRangeDate(day: CalendarDay): boolean {\n if (!this._hasValues) return false;\n\n const isSingleSelection = this._values.length === 1;\n if (isSingleSelection && !this._rangePreviewDate) return false;\n\n const max = isSingleSelection ? this._rangePreviewDate! : this._rangeEnd!;\n\n return isDateInRanges(day, [\n {\n type: DateRangeType.Between,\n dateRange: [this._rangeStart!.native, max.native],\n },\n ]);\n }\n\n private _isRangePreview(day: CalendarDay): boolean {\n if (!this._hasValues || !this._rangePreviewDate) return false;\n\n return isDateInRanges(day, [\n {\n type: DateRangeType.Between,\n dateRange: [this._rangeStart!.native, this._rangePreviewDate.native],\n },\n ]);\n }\n\n //#endregion\n\n //#region Internal methods\n\n private _intlFormatDay(day: CalendarDay): string {\n const fmt = getDateFormatter().getIntlFormatter(this.locale, {\n weekday: 'long',\n year: 'numeric',\n month: 'long',\n day: 'numeric',\n });\n\n // Range selection in progress\n if (this._rangePreviewDate?.equalTo(day)) {\n return fmt.formatRange(\n first(this._values).native,\n this._rangePreviewDate.native\n );\n }\n\n // Range selection finished\n if (this._isFirstInRange(day) || this._isLastInRange(day)) {\n return fmt.formatRange(\n first(this._values).native,\n last(this._values).native\n );\n }\n\n // Default\n return fmt.format(day.native);\n }\n\n private _getDayHandlers(day: CalendarDay) {\n if (!this._isRange) {\n return { changePreview: nothing, clearPreview: nothing };\n }\n\n return {\n changePreview: this._changeRangePreview.bind(this, day),\n clearPreview: this._clearRangePreview.bind(this),\n };\n }\n\n private _getDayProperties(\n day: CalendarDay,\n today: CalendarDay\n ): DayProperties {\n const inactive = !areSameMonth(day, this._activeDate);\n const disabled = isDateInRanges(day, this._disabledDates);\n\n const hidden =\n (this.hideLeadingDays && isPreviousMonth(day, this._activeDate)) ||\n (this.hideTrailingDays && isNextMonth(day, this._activeDate));\n\n return {\n disabled: disabled || hidden,\n first: this._isFirstInRange(day),\n last: this._isLastInRange(day),\n range: this._isRange && this._isRangeDate(day),\n preview: this._isRange && this._isRangePreview(day),\n current: !inactive && day.equalTo(today),\n inactive,\n hidden,\n weekend: day.weekend,\n single: !this._isRange,\n selected: !disabled && this._isSelected(day),\n special: !inactive && isDateInRanges(day, this._specialDates),\n };\n }\n\n //#endregion\n\n //#region Public methods\n\n /** Focuses the active date. */\n public focusActiveDate(options?: FocusOptions): void {\n this._activeDay?.focus(options);\n }\n\n //#endregion\n\n protected _renderDayWithProps(\n day: CalendarDay,\n props: DayProperties\n ): TemplateResult {\n const ariaLabel = this._intlFormatDay(day);\n const { changePreview, clearPreview } = this._getDayHandlers(day);\n\n return html`\n <span part=${partMap({ date: true, ...props })}>\n <span\n role=\"gridcell\"\n part=${partMap({ 'date-inner': true, ...props })}\n aria-label=${ariaLabel}\n aria-disabled=${props.disabled}\n aria-selected=${props.selected}\n data-value=${day.timestamp}\n tabindex=${day.equalTo(this._activeDate) ? 0 : -1}\n @focus=${changePreview}\n @blur=${clearPreview}\n @pointerenter=${changePreview}\n @pointerleave=${clearPreview}\n >\n ${day.date}\n </span>\n </span>\n `;\n }\n\n protected _renderHeaderWeekNumber() {\n return html`\n <span role=\"columnheader\" part=\"label week-number first\">\n <span part=\"week-number-inner first\">\n ${this.resourceStrings.weekLabel}\n </span>\n </span>\n `;\n }\n\n protected _renderWeekNumber(start: CalendarDay, last: boolean) {\n return html`\n <span role=\"rowheader\" part=${partMap({ 'week-number': true, last })}>\n <span part=${partMap({ 'week-number-inner': true, last })}>\n ${start.week}\n </span>\n </span>\n `;\n }\n\n protected _renderHeaders() {\n const label = getDateFormatter().getIntlFormatter(this.locale, {\n weekday: this.weekDayFormat,\n });\n const aria = getDateFormatter().getIntlFormatter(this.locale, {\n weekday: 'long',\n });\n\n const weekNumber = this.showWeekNumbers\n ? this._renderHeaderWeekNumber()\n : nothing;\n\n const headers = generateMonth(this._activeDate, this._firstDayOfWeek)\n .take(DAYS_IN_WEEK)\n .map(\n (day) => html`\n <span\n role=\"columnheader\"\n part=\"label\"\n aria-label=${aria.format(day.native)}\n >\n <span part=\"label-inner\">${label.format(day.native)}</span>\n </span>\n `\n )\n .toArray();\n\n return html`\n <div role=\"row\" part=\"days-row first\">${weekNumber}${headers}</div>\n `;\n }\n\n protected *_renderWeeks(): Generator<TemplateResult> {\n const today = CalendarDay.today;\n const weeks = Array.from(chunk(this._dates, DAYS_IN_WEEK));\n const lastIndex = weeks.length - 1;\n\n // Pre-compute day properties for all dates to avoid redundant calculations\n const dayPropertiesMap = new Map<number, DayProperties>();\n\n for (const day of this._dates) {\n dayPropertiesMap.set(day.timestamp, this._getDayProperties(day, today));\n }\n\n for (const [idx, week] of weeks.entries()) {\n const isLast = idx === lastIndex;\n\n const hidden = week.every(\n (day) => dayPropertiesMap.get(day.timestamp)!.hidden\n );\n\n yield html`\n <div role=\"row\" part=\"days-row\" aria-hidden=${hidden}>\n ${this.showWeekNumbers\n ? this._renderWeekNumber(week[0], isLast)\n : nothing}\n ${week.map((day) =>\n this._renderDayWithProps(day, dayPropertiesMap.get(day.timestamp)!)\n )}\n </div>\n `;\n }\n }\n\n protected override render() {\n return html`${this._renderHeaders()}${this._renderWeeks()}`;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-days-view': IgcDaysViewComponent;\n }\n}\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--content-background: var(--ig-calendar-content-background, var(--ig-gray-900-contrast));--border-color: var(--ig-calendar-border-color, var(--ig-gray-100));--border-radius: var(--ig-calendar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.375rem), 0.375rem));--picker-background: var(--ig-calendar-picker-background, var(--ig-gray-900-contrast));--picker-hover-foreground: var(--ig-calendar-picker-hover-foreground, var(--ig-primary-300));--picker-focus-foreground: var(--ig-calendar-picker-focus-foreground, var(--ig-primary-300));--navigation-color: var(--ig-calendar-navigation-color, var(--ig-gray-600));--navigation-hover-color: var(--ig-calendar-navigation-hover-color, var(--ig-primary-300));--navigation-focus-color: var(--ig-calendar-navigation-focus-color, var(--ig-primary-300));--inner-size: var(--ig-calendar-inner-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--week-number-background: var(--ig-calendar-week-number-background, hsl(from var(--ig-gray-50-contrast) h s l/0.05));--date-hover-foreground: var(--ig-calendar-date-hover-foreground, var(--ig-gray-50-contrast));--date-focus-foreground: var(--ig-calendar-date-focus-foreground, var(--ig-gray-50-contrast));--date-selected-range-hover-foreground: var(--ig-calendar-date-selected-range-hover-foreground, var(--ig-gray-50-contrast));--date-selected-range-focus-foreground: var(--ig-calendar-date-selected-range-focus-foreground, var(--ig-gray-50-contrast));--date-selected-current-range-hover-foreground: var(--ig-calendar-date-selected-current-range-hover-foreground, var(--ig-gray-50-contrast));--date-selected-current-range-focus-foreground: var(--ig-calendar-date-selected-current-range-focus-foreground, var(--ig-gray-50-contrast));--date-current-background: var(--ig-calendar-date-current-background, hsl(from var(--ig-primary-700) h s l/0.5));--date-current-hover-foreground: var(--ig-calendar-date-current-hover-foreground, var(--ig-gray-50-contrast));--date-current-focus-foreground: var(--ig-calendar-date-current-focus-foreground, var(--ig-gray-50-contrast));--date-current-focus-background: var(--ig-calendar-date-current-focus-background, var(--ig-primary-700));--date-disabled-foreground: var(--ig-calendar-date-disabled-foreground, hsl(from var(--ig-gray-400) h s l/0.38));--date-disabled-range-foreground: var(--ig-calendar-date-disabled-range-foreground, hsl(from var(--ig-gray-400) h s l/0.38));--ym-current-outline-hover-color: var(--ig-calendar-ym-current-outline-hover-color, var(--ig-primary-200));--ym-current-outline-focus-color: var(--ig-calendar-ym-current-outline-focus-color, var(--ig-primary-200));--picker-foreground: var(--ig-calendar-picker-foreground, var(--ig-gray-700));--header-foreground: var(--ig-calendar-header-foreground, var(--ig-gray-50-contrast));--header-background: var(--ig-calendar-header-background, var(--ig-gray-50));--actions-divider-color: var(--ig-calendar-actions-divider-color, var(--ig-gray-100));--date-current-border-radius: var(--ig-calendar-date-current-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--date-special-border-radius: var(--ig-calendar-date-special-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--week-number-border-radius: var(--ig-calendar-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.25rem), 0.25rem));--date-hover-background: var(--ig-calendar-date-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--date-focus-background: var(--ig-calendar-date-focus-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--date-current-foreground: var(--ig-calendar-date-current-foreground, var(--ig-gray-900));--date-current-hover-background: var(--ig-calendar-date-current-hover-background, var(--ig-primary-700));--date-current-border-color: var(--ig-calendar-date-current-border-color, var(--ig-primary-300));--date-current-hover-border-color: var(--ig-calendar-date-current-hover-border-color, var(--ig-primary-200));--date-current-focus-border-color: var(--ig-calendar-date-current-focus-border-color, var(--ig-primary-200));--date-special-foreground: var(--ig-calendar-date-special-foreground, var(--ig-primary-100));--date-special-range-foreground: var(--ig-calendar-date-special-range-foreground, var(--ig-primary-100));--date-special-range-hover-foreground: var(--ig-calendar-date-special-range-hover-foreground, var(--ig-primary-50));--date-special-range-focus-foreground: var(--ig-calendar-date-special-range-focus-foreground, var(--ig-primary-50));--date-special-hover-foreground: var(--ig-calendar-date-special-hover-foreground, var(--ig-primary-50));--date-special-hover-background: var(--ig-calendar-date-special-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--date-special-focus-foreground: var(--ig-calendar-date-special-focus-foreground, var(--ig-primary-50));--date-special-focus-background: var(--ig-calendar-date-special-focus-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--date-special-range-hover-background: var(--ig-calendar-date-special-range-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--date-special-range-focus-background: var(--ig-calendar-date-special-range-focus-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--date-special-border-color: var(--ig-calendar-date-special-border-color, var(--ig-primary-100));--date-special-hover-border-color: var(--ig-calendar-date-special-hover-border-color, var(--ig-primary-50));--date-special-focus-border-color: var(--ig-calendar-date-special-focus-border-color, var(--ig-primary-50));--date-special-range-border-color: var(--ig-calendar-date-special-range-border-color, var(--ig-primary-100));--date-special-range-hover-border-color: var(--ig-calendar-date-special-range-hover-border-color, var(--ig-primary-100));--date-special-range-focus-border-color: var(--ig-calendar-date-special-range-focus-border-color, var(--ig-primary-100));--date-selected-foreground: var(--ig-calendar-date-selected-foreground, var(--ig-primary-500-contrast));--date-selected-background: var(--ig-calendar-date-selected-background, var(--ig-primary-500));--date-selected-hover-foreground: var(--ig-calendar-date-selected-hover-foreground, var(--ig-primary-900-contrast));--date-selected-hover-background: var(--ig-calendar-date-selected-hover-background, var(--ig-primary-400));--date-selected-focus-foreground: var(--ig-calendar-date-selected-focus-foreground, var(--ig-primary-900-contrast));--date-selected-focus-background: var(--ig-calendar-date-selected-focus-background, var(--ig-primary-400));--date-selected-special-foreground: var(--ig-calendar-date-selected-special-foreground, var(--ig-primary-500-contrast));--date-selected-special-background: var(--ig-calendar-date-selected-special-background, var(--ig-primary-500));--date-selected-special-hover-foreground: var(--ig-calendar-date-selected-special-hover-foreground, var(--ig-primary-900-contrast));--date-selected-special-hover-background: var(--ig-calendar-date-selected-special-hover-background, var(--ig-primary-400));--date-selected-special-focus-foreground: var(--ig-calendar-date-selected-special-focus-foreground, var(--ig-primary-900-contrast));--date-selected-special-focus-background: var(--ig-calendar-date-selected-special-focus-background, var(--ig-primary-400));--date-selected-current-foreground: var(--ig-calendar-date-selected-current-foreground, var(--ig-primary-500-contrast));--date-selected-current-background: var(--ig-calendar-date-selected-current-background, var(--ig-primary-500));--date-selected-current-hover-foreground: var(--ig-calendar-date-selected-current-hover-foreground, var(--ig-primary-900-contrast));--date-selected-current-hover-background: var(--ig-calendar-date-selected-current-hover-background, var(--ig-primary-400));--date-selected-current-focus-foreground: var(--ig-calendar-date-selected-current-focus-foreground, var(--ig-primary-900-contrast));--date-selected-current-focus-background: var(--ig-calendar-date-selected-current-focus-background, var(--ig-primary-400));--date-selected-current-border-color: var(--ig-calendar-date-selected-current-border-color, var(--ig-primary-300));--date-selected-current-hover-border-color: var(--ig-calendar-date-selected-current-hover-border-color, var(--ig-primary-200));--date-selected-current-focus-border-color: var(--ig-calendar-date-selected-current-focus-border-color, var(--ig-primary-200));--date-selected-special-border-color: var(--ig-calendar-date-selected-special-border-color, hsl(from var(--ig-primary-900-contrast) h s l/0.8));--date-selected-special-hover-border-color: var(--ig-calendar-date-selected-special-hover-border-color, hsl(from var(--ig-primary-900-contrast) h s l/0.8));--date-selected-special-focus-border-color: var(--ig-calendar-date-selected-special-focus-border-color, hsl(from var(--ig-primary-900-contrast) h s l/0.8));--date-selected-range-foreground: var(--ig-calendar-date-selected-range-foreground, var(--ig-gray-900));--date-selected-range-background: var(--ig-calendar-date-selected-range-background, hsl(from var(--ig-primary-400) h s l/0.2));--date-selected-range-hover-background: var(--ig-calendar-date-selected-range-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--date-selected-range-focus-background: var(--ig-calendar-date-selected-range-focus-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--date-selected-current-range-background: var(--ig-calendar-date-selected-current-range-background, hsl(from var(--ig-primary-700) h s l/0.5));--date-selected-current-range-hover-background: var(--ig-calendar-date-selected-current-range-hover-background, var(--ig-primary-700));--date-selected-current-range-focus-background: var(--ig-calendar-date-selected-current-range-focus-background, var(--ig-primary-700));--ym-selected-current-hover-foreground: var(--ig-calendar-ym-selected-current-hover-foreground, var(--ig-primary-900-contrast));--ym-selected-current-hover-background: var(--ig-calendar-ym-selected-current-hover-background, var(--ig-primary-400));--ym-hover-foreground: var(--ig-calendar-ym-hover-foreground, var(--ig-gray-900));--ym-hover-background: var(--ig-calendar-ym-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--ym-current-foreground: var(--ig-calendar-ym-current-foreground, var(--ig-gray-900));--ym-current-background: var(--ig-calendar-ym-current-background, hsl(from var(--ig-primary-700) h s l/0.5));--ym-current-hover-foreground: var(--ig-calendar-ym-current-hover-foreground, var(--ig-gray-900));--ym-current-hover-background: var(--ig-calendar-ym-current-hover-background, var(--ig-primary-700));--ym-selected-foreground: var(--ig-calendar-ym-selected-foreground, var(--ig-primary-500-contrast));--ym-selected-background: var(--ig-calendar-ym-selected-background, var(--ig-primary-500));--ym-selected-hover-foreground: var(--ig-calendar-ym-selected-hover-foreground, var(--ig-primary-900-contrast));--ym-selected-hover-background: var(--ig-calendar-ym-selected-hover-background, var(--ig-primary-400));--ym-selected-current-foreground: var(--ig-calendar-ym-selected-current-foreground, var(--ig-primary-500-contrast));--ym-selected-current-background: var(--ig-calendar-ym-selected-current-background, var(--ig-primary-500));--ym-current-outline-color: var(--ig-calendar-ym-current-outline-color, var(--ig-primary-300));--ym-selected-current-outline-color: var(--ig-calendar-ym-selected-current-outline-color, var(--ig-primary-300));--ym-selected-current-outline-hover-color: var(--ig-calendar-ym-selected-current-outline-hover-color, var(--ig-primary-200));--ym-selected-current-outline-focus-color: var(--ig-calendar-ym-selected-current-outline-focus-color, var(--ig-primary-200));--ig-theme: indigo;--ig-theme-variant: dark}`;
|
|
2
|
+
export const styles = css `:host{--content-background: var(--ig-calendar-content-background, var(--ig-gray-50));--border-color: var(--ig-calendar-border-color, var(--ig-gray-100));--border-radius: var(--ig-calendar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.375rem), 0.375rem));--picker-background: var(--ig-calendar-picker-background, var(--ig-gray-50));--picker-hover-foreground: var(--ig-calendar-picker-hover-foreground, var(--ig-primary-300));--picker-focus-foreground: var(--ig-calendar-picker-focus-foreground, var(--ig-primary-300));--navigation-color: var(--ig-calendar-navigation-color, var(--ig-gray-600));--navigation-hover-color: var(--ig-calendar-navigation-hover-color, var(--ig-primary-300));--navigation-focus-color: var(--ig-calendar-navigation-focus-color, var(--ig-primary-300));--inner-size: var(--ig-calendar-inner-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--week-number-background: var(--ig-calendar-week-number-background, hsl(from var(--ig-gray-50-contrast) h s l/0.05));--date-hover-foreground: var(--ig-calendar-date-hover-foreground, var(--ig-gray-50-contrast));--date-focus-foreground: var(--ig-calendar-date-focus-foreground, var(--ig-gray-50-contrast));--date-selected-range-hover-foreground: var(--ig-calendar-date-selected-range-hover-foreground, var(--ig-gray-50-contrast));--date-selected-range-focus-foreground: var(--ig-calendar-date-selected-range-focus-foreground, var(--ig-gray-50-contrast));--date-selected-current-range-hover-foreground: var(--ig-calendar-date-selected-current-range-hover-foreground, var(--ig-gray-50-contrast));--date-selected-current-range-focus-foreground: var(--ig-calendar-date-selected-current-range-focus-foreground, var(--ig-gray-50-contrast));--date-current-background: var(--ig-calendar-date-current-background, hsl(from var(--ig-primary-700) h s l/0.5));--date-current-hover-foreground: var(--ig-calendar-date-current-hover-foreground, var(--ig-gray-50-contrast));--date-current-focus-foreground: var(--ig-calendar-date-current-focus-foreground, var(--ig-gray-50-contrast));--date-current-focus-background: var(--ig-calendar-date-current-focus-background, var(--ig-primary-700));--date-disabled-foreground: var(--ig-calendar-date-disabled-foreground, hsl(from var(--ig-gray-400) h s l/0.38));--date-disabled-range-foreground: var(--ig-calendar-date-disabled-range-foreground, hsl(from var(--ig-gray-400) h s l/0.38));--ym-current-outline-hover-color: var(--ig-calendar-ym-current-outline-hover-color, var(--ig-primary-200));--ym-current-outline-focus-color: var(--ig-calendar-ym-current-outline-focus-color, var(--ig-primary-200));--picker-foreground: var(--ig-calendar-picker-foreground, var(--ig-gray-700));--header-foreground: var(--ig-calendar-header-foreground, var(--ig-gray-50-contrast));--header-background: var(--ig-calendar-header-background, var(--ig-gray-50));--actions-divider-color: var(--ig-calendar-actions-divider-color, var(--ig-gray-100));--date-current-border-radius: var(--ig-calendar-date-current-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--date-special-border-radius: var(--ig-calendar-date-special-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--week-number-border-radius: var(--ig-calendar-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.25rem), 0.25rem));--date-hover-background: var(--ig-calendar-date-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--date-focus-background: var(--ig-calendar-date-focus-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--date-current-foreground: var(--ig-calendar-date-current-foreground, var(--ig-gray-900));--date-current-hover-background: var(--ig-calendar-date-current-hover-background, var(--ig-primary-700));--date-current-border-color: var(--ig-calendar-date-current-border-color, var(--ig-primary-300));--date-current-hover-border-color: var(--ig-calendar-date-current-hover-border-color, var(--ig-primary-200));--date-current-focus-border-color: var(--ig-calendar-date-current-focus-border-color, var(--ig-primary-200));--date-special-foreground: var(--ig-calendar-date-special-foreground, var(--ig-primary-100));--date-special-range-foreground: var(--ig-calendar-date-special-range-foreground, var(--ig-primary-100));--date-special-range-hover-foreground: var(--ig-calendar-date-special-range-hover-foreground, var(--ig-primary-50));--date-special-range-focus-foreground: var(--ig-calendar-date-special-range-focus-foreground, var(--ig-primary-50));--date-special-hover-foreground: var(--ig-calendar-date-special-hover-foreground, var(--ig-primary-50));--date-special-hover-background: var(--ig-calendar-date-special-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--date-special-focus-foreground: var(--ig-calendar-date-special-focus-foreground, var(--ig-primary-50));--date-special-focus-background: var(--ig-calendar-date-special-focus-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--date-special-range-hover-background: var(--ig-calendar-date-special-range-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--date-special-range-focus-background: var(--ig-calendar-date-special-range-focus-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--date-special-border-color: var(--ig-calendar-date-special-border-color, var(--ig-primary-100));--date-special-hover-border-color: var(--ig-calendar-date-special-hover-border-color, var(--ig-primary-50));--date-special-focus-border-color: var(--ig-calendar-date-special-focus-border-color, var(--ig-primary-50));--date-special-range-border-color: var(--ig-calendar-date-special-range-border-color, var(--ig-primary-100));--date-special-range-hover-border-color: var(--ig-calendar-date-special-range-hover-border-color, var(--ig-primary-100));--date-special-range-focus-border-color: var(--ig-calendar-date-special-range-focus-border-color, var(--ig-primary-100));--date-selected-foreground: var(--ig-calendar-date-selected-foreground, var(--ig-primary-500-contrast));--date-selected-background: var(--ig-calendar-date-selected-background, var(--ig-primary-500));--date-selected-hover-foreground: var(--ig-calendar-date-selected-hover-foreground, var(--ig-primary-900-contrast));--date-selected-hover-background: var(--ig-calendar-date-selected-hover-background, var(--ig-primary-400));--date-selected-focus-foreground: var(--ig-calendar-date-selected-focus-foreground, var(--ig-primary-900-contrast));--date-selected-focus-background: var(--ig-calendar-date-selected-focus-background, var(--ig-primary-400));--date-selected-special-foreground: var(--ig-calendar-date-selected-special-foreground, var(--ig-primary-500-contrast));--date-selected-special-background: var(--ig-calendar-date-selected-special-background, var(--ig-primary-500));--date-selected-special-hover-foreground: var(--ig-calendar-date-selected-special-hover-foreground, var(--ig-primary-900-contrast));--date-selected-special-hover-background: var(--ig-calendar-date-selected-special-hover-background, var(--ig-primary-400));--date-selected-special-focus-foreground: var(--ig-calendar-date-selected-special-focus-foreground, var(--ig-primary-900-contrast));--date-selected-special-focus-background: var(--ig-calendar-date-selected-special-focus-background, var(--ig-primary-400));--date-selected-current-foreground: var(--ig-calendar-date-selected-current-foreground, var(--ig-primary-500-contrast));--date-selected-current-background: var(--ig-calendar-date-selected-current-background, var(--ig-primary-500));--date-selected-current-hover-foreground: var(--ig-calendar-date-selected-current-hover-foreground, var(--ig-primary-900-contrast));--date-selected-current-hover-background: var(--ig-calendar-date-selected-current-hover-background, var(--ig-primary-400));--date-selected-current-focus-foreground: var(--ig-calendar-date-selected-current-focus-foreground, var(--ig-primary-900-contrast));--date-selected-current-focus-background: var(--ig-calendar-date-selected-current-focus-background, var(--ig-primary-400));--date-selected-current-border-color: var(--ig-calendar-date-selected-current-border-color, var(--ig-primary-300));--date-selected-current-hover-border-color: var(--ig-calendar-date-selected-current-hover-border-color, var(--ig-primary-200));--date-selected-current-focus-border-color: var(--ig-calendar-date-selected-current-focus-border-color, var(--ig-primary-200));--date-selected-special-border-color: var(--ig-calendar-date-selected-special-border-color, hsl(from var(--ig-primary-900-contrast) h s l/0.8));--date-selected-special-hover-border-color: var(--ig-calendar-date-selected-special-hover-border-color, hsl(from var(--ig-primary-900-contrast) h s l/0.8));--date-selected-special-focus-border-color: var(--ig-calendar-date-selected-special-focus-border-color, hsl(from var(--ig-primary-900-contrast) h s l/0.8));--date-selected-range-foreground: var(--ig-calendar-date-selected-range-foreground, var(--ig-gray-900));--date-selected-range-background: var(--ig-calendar-date-selected-range-background, hsl(from var(--ig-primary-400) h s l/0.2));--date-selected-range-hover-background: var(--ig-calendar-date-selected-range-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--date-selected-range-focus-background: var(--ig-calendar-date-selected-range-focus-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--date-selected-current-range-background: var(--ig-calendar-date-selected-current-range-background, hsl(from var(--ig-primary-700) h s l/0.5));--date-selected-current-range-hover-background: var(--ig-calendar-date-selected-current-range-hover-background, var(--ig-primary-700));--date-selected-current-range-focus-background: var(--ig-calendar-date-selected-current-range-focus-background, var(--ig-primary-700));--ym-selected-current-hover-foreground: var(--ig-calendar-ym-selected-current-hover-foreground, var(--ig-primary-900-contrast));--ym-selected-current-hover-background: var(--ig-calendar-ym-selected-current-hover-background, var(--ig-primary-400));--ym-hover-foreground: var(--ig-calendar-ym-hover-foreground, var(--ig-gray-900));--ym-hover-background: var(--ig-calendar-ym-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--ym-current-foreground: var(--ig-calendar-ym-current-foreground, var(--ig-gray-900));--ym-current-background: var(--ig-calendar-ym-current-background, hsl(from var(--ig-primary-700) h s l/0.5));--ym-current-hover-foreground: var(--ig-calendar-ym-current-hover-foreground, var(--ig-gray-900));--ym-current-hover-background: var(--ig-calendar-ym-current-hover-background, var(--ig-primary-700));--ym-selected-foreground: var(--ig-calendar-ym-selected-foreground, var(--ig-primary-500-contrast));--ym-selected-background: var(--ig-calendar-ym-selected-background, var(--ig-primary-500));--ym-selected-hover-foreground: var(--ig-calendar-ym-selected-hover-foreground, var(--ig-primary-900-contrast));--ym-selected-hover-background: var(--ig-calendar-ym-selected-hover-background, var(--ig-primary-400));--ym-selected-current-foreground: var(--ig-calendar-ym-selected-current-foreground, var(--ig-primary-500-contrast));--ym-selected-current-background: var(--ig-calendar-ym-selected-current-background, var(--ig-primary-500));--ym-current-outline-color: var(--ig-calendar-ym-current-outline-color, var(--ig-primary-300));--ym-selected-current-outline-color: var(--ig-calendar-ym-selected-current-outline-color, var(--ig-primary-300));--ym-selected-current-outline-hover-color: var(--ig-calendar-ym-selected-current-outline-hover-color, var(--ig-primary-200));--ym-selected-current-outline-focus-color: var(--ig-calendar-ym-selected-current-outline-focus-color, var(--ig-primary-200));--ig-theme: indigo;--ig-theme-variant: dark}`;
|
|
3
3
|
//# sourceMappingURL=calendar.indigo.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calendar.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/calendar/themes/dark/calendar.indigo.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qoXAAqoX,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{--content-background: var(--ig-calendar-content-background, var(--ig-gray-900-contrast));--border-color: var(--ig-calendar-border-color, var(--ig-gray-100));--border-radius: var(--ig-calendar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.375rem), 0.375rem));--picker-background: var(--ig-calendar-picker-background, var(--ig-gray-900-contrast));--picker-hover-foreground: var(--ig-calendar-picker-hover-foreground, var(--ig-primary-300));--picker-focus-foreground: var(--ig-calendar-picker-focus-foreground, var(--ig-primary-300));--navigation-color: var(--ig-calendar-navigation-color, var(--ig-gray-600));--navigation-hover-color: var(--ig-calendar-navigation-hover-color, var(--ig-primary-300));--navigation-focus-color: var(--ig-calendar-navigation-focus-color, var(--ig-primary-300));--inner-size: var(--ig-calendar-inner-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--week-number-background: var(--ig-calendar-week-number-background, hsl(from var(--ig-gray-50-contrast) h s l/0.05));--date-hover-foreground: var(--ig-calendar-date-hover-foreground, var(--ig-gray-50-contrast));--date-focus-foreground: var(--ig-calendar-date-focus-foreground, var(--ig-gray-50-contrast));--date-selected-range-hover-foreground: var(--ig-calendar-date-selected-range-hover-foreground, var(--ig-gray-50-contrast));--date-selected-range-focus-foreground: var(--ig-calendar-date-selected-range-focus-foreground, var(--ig-gray-50-contrast));--date-selected-current-range-hover-foreground: var(--ig-calendar-date-selected-current-range-hover-foreground, var(--ig-gray-50-contrast));--date-selected-current-range-focus-foreground: var(--ig-calendar-date-selected-current-range-focus-foreground, var(--ig-gray-50-contrast));--date-current-background: var(--ig-calendar-date-current-background, hsl(from var(--ig-primary-700) h s l/0.5));--date-current-hover-foreground: var(--ig-calendar-date-current-hover-foreground, var(--ig-gray-50-contrast));--date-current-focus-foreground: var(--ig-calendar-date-current-focus-foreground, var(--ig-gray-50-contrast));--date-current-focus-background: var(--ig-calendar-date-current-focus-background, var(--ig-primary-700));--date-disabled-foreground: var(--ig-calendar-date-disabled-foreground, hsl(from var(--ig-gray-400) h s l/0.38));--date-disabled-range-foreground: var(--ig-calendar-date-disabled-range-foreground, hsl(from var(--ig-gray-400) h s l/0.38));--ym-current-outline-hover-color: var(--ig-calendar-ym-current-outline-hover-color, var(--ig-primary-200));--ym-current-outline-focus-color: var(--ig-calendar-ym-current-outline-focus-color, var(--ig-primary-200));--picker-foreground: var(--ig-calendar-picker-foreground, var(--ig-gray-700));--header-foreground: var(--ig-calendar-header-foreground, var(--ig-gray-50-contrast));--header-background: var(--ig-calendar-header-background, var(--ig-gray-50));--actions-divider-color: var(--ig-calendar-actions-divider-color, var(--ig-gray-100));--date-current-border-radius: var(--ig-calendar-date-current-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--date-special-border-radius: var(--ig-calendar-date-special-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--week-number-border-radius: var(--ig-calendar-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.25rem), 0.25rem));--date-hover-background: var(--ig-calendar-date-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--date-focus-background: var(--ig-calendar-date-focus-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--date-current-foreground: var(--ig-calendar-date-current-foreground, var(--ig-gray-900));--date-current-hover-background: var(--ig-calendar-date-current-hover-background, var(--ig-primary-700));--date-current-border-color: var(--ig-calendar-date-current-border-color, var(--ig-primary-300));--date-current-hover-border-color: var(--ig-calendar-date-current-hover-border-color, var(--ig-primary-200));--date-current-focus-border-color: var(--ig-calendar-date-current-focus-border-color, var(--ig-primary-200));--date-special-foreground: var(--ig-calendar-date-special-foreground, var(--ig-primary-100));--date-special-range-foreground: var(--ig-calendar-date-special-range-foreground, var(--ig-primary-100));--date-special-range-hover-foreground: var(--ig-calendar-date-special-range-hover-foreground, var(--ig-primary-50));--date-special-range-focus-foreground: var(--ig-calendar-date-special-range-focus-foreground, var(--ig-primary-50));--date-special-hover-foreground: var(--ig-calendar-date-special-hover-foreground, var(--ig-primary-50));--date-special-hover-background: var(--ig-calendar-date-special-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--date-special-focus-foreground: var(--ig-calendar-date-special-focus-foreground, var(--ig-primary-50));--date-special-focus-background: var(--ig-calendar-date-special-focus-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--date-special-range-hover-background: var(--ig-calendar-date-special-range-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--date-special-range-focus-background: var(--ig-calendar-date-special-range-focus-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--date-special-border-color: var(--ig-calendar-date-special-border-color, var(--ig-primary-100));--date-special-hover-border-color: var(--ig-calendar-date-special-hover-border-color, var(--ig-primary-50));--date-special-focus-border-color: var(--ig-calendar-date-special-focus-border-color, var(--ig-primary-50));--date-special-range-border-color: var(--ig-calendar-date-special-range-border-color, var(--ig-primary-100));--date-special-range-hover-border-color: var(--ig-calendar-date-special-range-hover-border-color, var(--ig-primary-100));--date-special-range-focus-border-color: var(--ig-calendar-date-special-range-focus-border-color, var(--ig-primary-100));--date-selected-foreground: var(--ig-calendar-date-selected-foreground, var(--ig-primary-500-contrast));--date-selected-background: var(--ig-calendar-date-selected-background, var(--ig-primary-500));--date-selected-hover-foreground: var(--ig-calendar-date-selected-hover-foreground, var(--ig-primary-900-contrast));--date-selected-hover-background: var(--ig-calendar-date-selected-hover-background, var(--ig-primary-400));--date-selected-focus-foreground: var(--ig-calendar-date-selected-focus-foreground, var(--ig-primary-900-contrast));--date-selected-focus-background: var(--ig-calendar-date-selected-focus-background, var(--ig-primary-400));--date-selected-special-foreground: var(--ig-calendar-date-selected-special-foreground, var(--ig-primary-500-contrast));--date-selected-special-background: var(--ig-calendar-date-selected-special-background, var(--ig-primary-500));--date-selected-special-hover-foreground: var(--ig-calendar-date-selected-special-hover-foreground, var(--ig-primary-900-contrast));--date-selected-special-hover-background: var(--ig-calendar-date-selected-special-hover-background, var(--ig-primary-400));--date-selected-special-focus-foreground: var(--ig-calendar-date-selected-special-focus-foreground, var(--ig-primary-900-contrast));--date-selected-special-focus-background: var(--ig-calendar-date-selected-special-focus-background, var(--ig-primary-400));--date-selected-current-foreground: var(--ig-calendar-date-selected-current-foreground, var(--ig-primary-500-contrast));--date-selected-current-background: var(--ig-calendar-date-selected-current-background, var(--ig-primary-500));--date-selected-current-hover-foreground: var(--ig-calendar-date-selected-current-hover-foreground, var(--ig-primary-900-contrast));--date-selected-current-hover-background: var(--ig-calendar-date-selected-current-hover-background, var(--ig-primary-400));--date-selected-current-focus-foreground: var(--ig-calendar-date-selected-current-focus-foreground, var(--ig-primary-900-contrast));--date-selected-current-focus-background: var(--ig-calendar-date-selected-current-focus-background, var(--ig-primary-400));--date-selected-current-border-color: var(--ig-calendar-date-selected-current-border-color, var(--ig-primary-300));--date-selected-current-hover-border-color: var(--ig-calendar-date-selected-current-hover-border-color, var(--ig-primary-200));--date-selected-current-focus-border-color: var(--ig-calendar-date-selected-current-focus-border-color, var(--ig-primary-200));--date-selected-special-border-color: var(--ig-calendar-date-selected-special-border-color, hsl(from var(--ig-primary-900-contrast) h s l/0.8));--date-selected-special-hover-border-color: var(--ig-calendar-date-selected-special-hover-border-color, hsl(from var(--ig-primary-900-contrast) h s l/0.8));--date-selected-special-focus-border-color: var(--ig-calendar-date-selected-special-focus-border-color, hsl(from var(--ig-primary-900-contrast) h s l/0.8));--date-selected-range-foreground: var(--ig-calendar-date-selected-range-foreground, var(--ig-gray-900));--date-selected-range-background: var(--ig-calendar-date-selected-range-background, hsl(from var(--ig-primary-400) h s l/0.2));--date-selected-range-hover-background: var(--ig-calendar-date-selected-range-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--date-selected-range-focus-background: var(--ig-calendar-date-selected-range-focus-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--date-selected-current-range-background: var(--ig-calendar-date-selected-current-range-background, hsl(from var(--ig-primary-700) h s l/0.5));--date-selected-current-range-hover-background: var(--ig-calendar-date-selected-current-range-hover-background, var(--ig-primary-700));--date-selected-current-range-focus-background: var(--ig-calendar-date-selected-current-range-focus-background, var(--ig-primary-700));--ym-selected-current-hover-foreground: var(--ig-calendar-ym-selected-current-hover-foreground, var(--ig-primary-900-contrast));--ym-selected-current-hover-background: var(--ig-calendar-ym-selected-current-hover-background, var(--ig-primary-400));--ym-hover-foreground: var(--ig-calendar-ym-hover-foreground, var(--ig-gray-900));--ym-hover-background: var(--ig-calendar-ym-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--ym-current-foreground: var(--ig-calendar-ym-current-foreground, var(--ig-gray-900));--ym-current-background: var(--ig-calendar-ym-current-background, hsl(from var(--ig-primary-700) h s l/0.5));--ym-current-hover-foreground: var(--ig-calendar-ym-current-hover-foreground, var(--ig-gray-900));--ym-current-hover-background: var(--ig-calendar-ym-current-hover-background, var(--ig-primary-700));--ym-selected-foreground: var(--ig-calendar-ym-selected-foreground, var(--ig-primary-500-contrast));--ym-selected-background: var(--ig-calendar-ym-selected-background, var(--ig-primary-500));--ym-selected-hover-foreground: var(--ig-calendar-ym-selected-hover-foreground, var(--ig-primary-900-contrast));--ym-selected-hover-background: var(--ig-calendar-ym-selected-hover-background, var(--ig-primary-400));--ym-selected-current-foreground: var(--ig-calendar-ym-selected-current-foreground, var(--ig-primary-500-contrast));--ym-selected-current-background: var(--ig-calendar-ym-selected-current-background, var(--ig-primary-500));--ym-current-outline-color: var(--ig-calendar-ym-current-outline-color, var(--ig-primary-300));--ym-selected-current-outline-color: var(--ig-calendar-ym-selected-current-outline-color, var(--ig-primary-300));--ym-selected-current-outline-hover-color: var(--ig-calendar-ym-selected-current-outline-hover-color, var(--ig-primary-200));--ym-selected-current-outline-focus-color: var(--ig-calendar-ym-selected-current-outline-focus-color, var(--ig-primary-200));--ig-theme: indigo;--ig-theme-variant: dark}`;\n "]}
|
|
1
|
+
{"version":3,"file":"calendar.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/calendar/themes/dark/calendar.indigo.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,inXAAinX,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{--content-background: var(--ig-calendar-content-background, var(--ig-gray-50));--border-color: var(--ig-calendar-border-color, var(--ig-gray-100));--border-radius: var(--ig-calendar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.375rem), 0.375rem));--picker-background: var(--ig-calendar-picker-background, var(--ig-gray-50));--picker-hover-foreground: var(--ig-calendar-picker-hover-foreground, var(--ig-primary-300));--picker-focus-foreground: var(--ig-calendar-picker-focus-foreground, var(--ig-primary-300));--navigation-color: var(--ig-calendar-navigation-color, var(--ig-gray-600));--navigation-hover-color: var(--ig-calendar-navigation-hover-color, var(--ig-primary-300));--navigation-focus-color: var(--ig-calendar-navigation-focus-color, var(--ig-primary-300));--inner-size: var(--ig-calendar-inner-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--week-number-background: var(--ig-calendar-week-number-background, hsl(from var(--ig-gray-50-contrast) h s l/0.05));--date-hover-foreground: var(--ig-calendar-date-hover-foreground, var(--ig-gray-50-contrast));--date-focus-foreground: var(--ig-calendar-date-focus-foreground, var(--ig-gray-50-contrast));--date-selected-range-hover-foreground: var(--ig-calendar-date-selected-range-hover-foreground, var(--ig-gray-50-contrast));--date-selected-range-focus-foreground: var(--ig-calendar-date-selected-range-focus-foreground, var(--ig-gray-50-contrast));--date-selected-current-range-hover-foreground: var(--ig-calendar-date-selected-current-range-hover-foreground, var(--ig-gray-50-contrast));--date-selected-current-range-focus-foreground: var(--ig-calendar-date-selected-current-range-focus-foreground, var(--ig-gray-50-contrast));--date-current-background: var(--ig-calendar-date-current-background, hsl(from var(--ig-primary-700) h s l/0.5));--date-current-hover-foreground: var(--ig-calendar-date-current-hover-foreground, var(--ig-gray-50-contrast));--date-current-focus-foreground: var(--ig-calendar-date-current-focus-foreground, var(--ig-gray-50-contrast));--date-current-focus-background: var(--ig-calendar-date-current-focus-background, var(--ig-primary-700));--date-disabled-foreground: var(--ig-calendar-date-disabled-foreground, hsl(from var(--ig-gray-400) h s l/0.38));--date-disabled-range-foreground: var(--ig-calendar-date-disabled-range-foreground, hsl(from var(--ig-gray-400) h s l/0.38));--ym-current-outline-hover-color: var(--ig-calendar-ym-current-outline-hover-color, var(--ig-primary-200));--ym-current-outline-focus-color: var(--ig-calendar-ym-current-outline-focus-color, var(--ig-primary-200));--picker-foreground: var(--ig-calendar-picker-foreground, var(--ig-gray-700));--header-foreground: var(--ig-calendar-header-foreground, var(--ig-gray-50-contrast));--header-background: var(--ig-calendar-header-background, var(--ig-gray-50));--actions-divider-color: var(--ig-calendar-actions-divider-color, var(--ig-gray-100));--date-current-border-radius: var(--ig-calendar-date-current-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--date-special-border-radius: var(--ig-calendar-date-special-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--week-number-border-radius: var(--ig-calendar-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.25rem), 0.25rem));--date-hover-background: var(--ig-calendar-date-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--date-focus-background: var(--ig-calendar-date-focus-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--date-current-foreground: var(--ig-calendar-date-current-foreground, var(--ig-gray-900));--date-current-hover-background: var(--ig-calendar-date-current-hover-background, var(--ig-primary-700));--date-current-border-color: var(--ig-calendar-date-current-border-color, var(--ig-primary-300));--date-current-hover-border-color: var(--ig-calendar-date-current-hover-border-color, var(--ig-primary-200));--date-current-focus-border-color: var(--ig-calendar-date-current-focus-border-color, var(--ig-primary-200));--date-special-foreground: var(--ig-calendar-date-special-foreground, var(--ig-primary-100));--date-special-range-foreground: var(--ig-calendar-date-special-range-foreground, var(--ig-primary-100));--date-special-range-hover-foreground: var(--ig-calendar-date-special-range-hover-foreground, var(--ig-primary-50));--date-special-range-focus-foreground: var(--ig-calendar-date-special-range-focus-foreground, var(--ig-primary-50));--date-special-hover-foreground: var(--ig-calendar-date-special-hover-foreground, var(--ig-primary-50));--date-special-hover-background: var(--ig-calendar-date-special-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--date-special-focus-foreground: var(--ig-calendar-date-special-focus-foreground, var(--ig-primary-50));--date-special-focus-background: var(--ig-calendar-date-special-focus-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--date-special-range-hover-background: var(--ig-calendar-date-special-range-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--date-special-range-focus-background: var(--ig-calendar-date-special-range-focus-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--date-special-border-color: var(--ig-calendar-date-special-border-color, var(--ig-primary-100));--date-special-hover-border-color: var(--ig-calendar-date-special-hover-border-color, var(--ig-primary-50));--date-special-focus-border-color: var(--ig-calendar-date-special-focus-border-color, var(--ig-primary-50));--date-special-range-border-color: var(--ig-calendar-date-special-range-border-color, var(--ig-primary-100));--date-special-range-hover-border-color: var(--ig-calendar-date-special-range-hover-border-color, var(--ig-primary-100));--date-special-range-focus-border-color: var(--ig-calendar-date-special-range-focus-border-color, var(--ig-primary-100));--date-selected-foreground: var(--ig-calendar-date-selected-foreground, var(--ig-primary-500-contrast));--date-selected-background: var(--ig-calendar-date-selected-background, var(--ig-primary-500));--date-selected-hover-foreground: var(--ig-calendar-date-selected-hover-foreground, var(--ig-primary-900-contrast));--date-selected-hover-background: var(--ig-calendar-date-selected-hover-background, var(--ig-primary-400));--date-selected-focus-foreground: var(--ig-calendar-date-selected-focus-foreground, var(--ig-primary-900-contrast));--date-selected-focus-background: var(--ig-calendar-date-selected-focus-background, var(--ig-primary-400));--date-selected-special-foreground: var(--ig-calendar-date-selected-special-foreground, var(--ig-primary-500-contrast));--date-selected-special-background: var(--ig-calendar-date-selected-special-background, var(--ig-primary-500));--date-selected-special-hover-foreground: var(--ig-calendar-date-selected-special-hover-foreground, var(--ig-primary-900-contrast));--date-selected-special-hover-background: var(--ig-calendar-date-selected-special-hover-background, var(--ig-primary-400));--date-selected-special-focus-foreground: var(--ig-calendar-date-selected-special-focus-foreground, var(--ig-primary-900-contrast));--date-selected-special-focus-background: var(--ig-calendar-date-selected-special-focus-background, var(--ig-primary-400));--date-selected-current-foreground: var(--ig-calendar-date-selected-current-foreground, var(--ig-primary-500-contrast));--date-selected-current-background: var(--ig-calendar-date-selected-current-background, var(--ig-primary-500));--date-selected-current-hover-foreground: var(--ig-calendar-date-selected-current-hover-foreground, var(--ig-primary-900-contrast));--date-selected-current-hover-background: var(--ig-calendar-date-selected-current-hover-background, var(--ig-primary-400));--date-selected-current-focus-foreground: var(--ig-calendar-date-selected-current-focus-foreground, var(--ig-primary-900-contrast));--date-selected-current-focus-background: var(--ig-calendar-date-selected-current-focus-background, var(--ig-primary-400));--date-selected-current-border-color: var(--ig-calendar-date-selected-current-border-color, var(--ig-primary-300));--date-selected-current-hover-border-color: var(--ig-calendar-date-selected-current-hover-border-color, var(--ig-primary-200));--date-selected-current-focus-border-color: var(--ig-calendar-date-selected-current-focus-border-color, var(--ig-primary-200));--date-selected-special-border-color: var(--ig-calendar-date-selected-special-border-color, hsl(from var(--ig-primary-900-contrast) h s l/0.8));--date-selected-special-hover-border-color: var(--ig-calendar-date-selected-special-hover-border-color, hsl(from var(--ig-primary-900-contrast) h s l/0.8));--date-selected-special-focus-border-color: var(--ig-calendar-date-selected-special-focus-border-color, hsl(from var(--ig-primary-900-contrast) h s l/0.8));--date-selected-range-foreground: var(--ig-calendar-date-selected-range-foreground, var(--ig-gray-900));--date-selected-range-background: var(--ig-calendar-date-selected-range-background, hsl(from var(--ig-primary-400) h s l/0.2));--date-selected-range-hover-background: var(--ig-calendar-date-selected-range-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--date-selected-range-focus-background: var(--ig-calendar-date-selected-range-focus-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--date-selected-current-range-background: var(--ig-calendar-date-selected-current-range-background, hsl(from var(--ig-primary-700) h s l/0.5));--date-selected-current-range-hover-background: var(--ig-calendar-date-selected-current-range-hover-background, var(--ig-primary-700));--date-selected-current-range-focus-background: var(--ig-calendar-date-selected-current-range-focus-background, var(--ig-primary-700));--ym-selected-current-hover-foreground: var(--ig-calendar-ym-selected-current-hover-foreground, var(--ig-primary-900-contrast));--ym-selected-current-hover-background: var(--ig-calendar-ym-selected-current-hover-background, var(--ig-primary-400));--ym-hover-foreground: var(--ig-calendar-ym-hover-foreground, var(--ig-gray-900));--ym-hover-background: var(--ig-calendar-ym-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--ym-current-foreground: var(--ig-calendar-ym-current-foreground, var(--ig-gray-900));--ym-current-background: var(--ig-calendar-ym-current-background, hsl(from var(--ig-primary-700) h s l/0.5));--ym-current-hover-foreground: var(--ig-calendar-ym-current-hover-foreground, var(--ig-gray-900));--ym-current-hover-background: var(--ig-calendar-ym-current-hover-background, var(--ig-primary-700));--ym-selected-foreground: var(--ig-calendar-ym-selected-foreground, var(--ig-primary-500-contrast));--ym-selected-background: var(--ig-calendar-ym-selected-background, var(--ig-primary-500));--ym-selected-hover-foreground: var(--ig-calendar-ym-selected-hover-foreground, var(--ig-primary-900-contrast));--ym-selected-hover-background: var(--ig-calendar-ym-selected-hover-background, var(--ig-primary-400));--ym-selected-current-foreground: var(--ig-calendar-ym-selected-current-foreground, var(--ig-primary-500-contrast));--ym-selected-current-background: var(--ig-calendar-ym-selected-current-background, var(--ig-primary-500));--ym-current-outline-color: var(--ig-calendar-ym-current-outline-color, var(--ig-primary-300));--ym-selected-current-outline-color: var(--ig-calendar-ym-selected-current-outline-color, var(--ig-primary-300));--ym-selected-current-outline-hover-color: var(--ig-calendar-ym-selected-current-outline-hover-color, var(--ig-primary-200));--ym-selected-current-outline-focus-color: var(--ig-calendar-ym-selected-current-outline-focus-color, var(--ig-primary-200));--ig-theme: indigo;--ig-theme-variant: dark}`;\n "]}
|