npm - igniteui-webcomponents - Versions diffs - 2.2.0-beta.1 → 3.1.0 - Mend

igniteui-webcomponents 2.2.0-beta.1 → 3.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (231) hide show

package/components/calendar/themes/fluent/calendar.fluent.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host(igc-calendar){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-family:var(--igc-font-family);background:hsla(var(--igc-surface-500), var(--igc-surface-a));color:var(--igc-surface-500-contrast)}:host(igc-calendar)>*{font-family:var(--igc-font-family)}:host(igc-calendar[size=large]) igc-days-view::part(date),:host(igc-calendar[size=large]) igc-days-view::part(week-number),:host(igc-calendar[size=large]) igc-days-view::part(label),:host(igc-calendar[size=large]) igc-days-view::part(days-row){height:2rem}:host(igc-calendar[size=large]) igc-days-view::part(week-number-inner),:host(igc-calendar[size=large]) igc-days-view::part(date-inner){width:calc(2rem - 0.125rem);min-width:calc(2rem - 0.125rem);height:100%}:host(igc-calendar[size=large]) igc-days-view::part(label){min-width:2rem;height:2rem}:host(igc-calendar[size=large]) igc-days-view::part(date-inner){border-radius:clamp(0rem,var(--igc-radius-factor)*1.125rem,1.125rem)}:host(igc-calendar[size=large]) igc-months-view{grid-template-rows:repeat(4, minmax(2rem, 1fr))}:host(igc-calendar[size=large]) igc-months-view::part(month-inner){height:2rem;border-radius:clamp(0rem,var(--igc-radius-factor)*1.125rem,1.125rem)}:host(igc-calendar[size=large]) igc-years-view{grid-template-rows:repeat(5, minmax(2rem, 1fr))}:host(igc-calendar[size=large]) igc-years-view::part(year-inner){height:2rem;border-radius:clamp(0rem,var(--igc-radius-factor)*1.125rem,1.125rem)}:host(igc-calendar[size=medium]) igc-days-view::part(date),:host(igc-calendar[size=medium]) igc-days-view::part(week-number),:host(igc-calendar[size=medium]) igc-days-view::part(label),:host(igc-calendar[size=medium]) igc-days-view::part(days-row){height:1.75rem}:host(igc-calendar[size=medium]) igc-days-view::part(week-number-inner),:host(igc-calendar[size=medium]) igc-days-view::part(date-inner){width:calc(1.75rem - 0.125rem);min-width:calc(1.75rem - 0.125rem);height:100%}:host(igc-calendar[size=medium]) igc-days-view::part(label){min-width:1.75rem;height:1.75rem}:host(igc-calendar[size=medium]) igc-days-view::part(date-inner){border-radius:clamp(0rem,var(--igc-radius-factor)*1rem,1rem)}:host(igc-calendar[size=medium]) igc-months-view{grid-template-rows:repeat(4, minmax(1.75rem, 1fr))}:host(igc-calendar[size=medium]) igc-months-view::part(month-inner){height:1.75rem;border-radius:clamp(0rem,var(--igc-radius-factor)*1rem,1rem)}:host(igc-calendar[size=medium]) igc-years-view{grid-template-rows:repeat(5, minmax(1.75rem, 1fr))}:host(igc-calendar[size=medium]) igc-years-view::part(year-inner){height:1.75rem;border-radius:clamp(0rem,var(--igc-radius-factor)*1rem,1rem)}:host(igc-calendar[size=small]) igc-days-view::part(date),:host(igc-calendar[size=small]) igc-days-view::part(week-number),:host(igc-calendar[size=small]) igc-days-view::part(label),:host(igc-calendar[size=small]) igc-days-view::part(days-row){height:1.5rem}:host(igc-calendar[size=small]) igc-days-view::part(week-number-inner),:host(igc-calendar[size=small]) igc-days-view::part(date-inner){width:calc(1.5rem - 0.125rem);min-width:calc(1.5rem - 0.125rem);height:100%}:host(igc-calendar[size=small]) igc-days-view::part(label){min-width:1.5rem;height:1.5rem}:host(igc-calendar[size=small]) igc-days-view::part(date-inner){border-radius:clamp(0rem,var(--igc-radius-factor)*.875rem,.875rem)}:host(igc-calendar[size=small]) igc-months-view{grid-template-rows:repeat(4, minmax(1.5rem, 1fr))}:host(igc-calendar[size=small]) igc-months-view::part(month-inner){height:1.5rem;border-radius:clamp(0rem,var(--igc-radius-factor)*.875rem,.875rem)}:host(igc-calendar[size=small]) igc-years-view{grid-template-rows:repeat(6, minmax(1.5rem, 1fr))}:host(igc-calendar[size=small]) igc-years-view::part(year-inner){height:1.5rem;border-radius:clamp(0rem,var(--igc-radius-factor)*.875rem,.875rem)}[part=navigation]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:1.25rem;padding:1.5625rem 1.125rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[part=months-navigation],[part=years-navigation],[part~=navigation-button]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:transparent;border:none;color:hsla(var(--igc-gray-800), var(--igc-gray-a));font-size:1rem;padding:0;-webkit-transition:color 150ms ease-in-out;-o-transition:color 150ms ease-in-out;transition:color 150ms ease-in-out}[part=months-navigation]:hover,[part=months-navigation]:focus,[part=years-navigation]:hover,[part=years-navigation]:focus,[part~=navigation-button]:hover,[part~=navigation-button]:focus{color:hsla(var(--igc-secondary-500), var(--igc-secondary-a));cursor:pointer}[part=months-navigation]:focus,[part=years-navigation]:focus,[part~=navigation-button]:focus{outline:none}[part~=navigation-button]{-webkit-margin-start:1.5rem;margin-inline-start:1.5rem}[part~=navigation-button][part~=vertical]{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}[part=navigation-buttons]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}:host(igc-calendar[header-orientation=vertical]){-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}:host(igc-calendar[header-orientation=vertical]) [part=header]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:8.75rem}:host(igc-calendar[header-orientation=vertical]) [part=header-date]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[part=days-view-container]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}[part=header]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:1rem;background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));color:var(--igc-secondary-600-contrast)}[part=header-date],[part=header-title]{margin:0}[part=header-date]{font-family:var(--igc-h4-font-family);font-weight:var(--igc-h4-font-weight);font-size:var(--igc-h4-font-size);font-style:var(--igc-h4-font-style);letter-spacing:var(--igc-h4-letter-spacing);text-transform:var(--igc-h4-text-transform);line-height:var(--igc-h4-line-height);margin-top:var(--igc-h4-margin-top);margin-bottom:var(--igc-h4-margin-bottom);display:-webkit-box;display:-ms-flexbox;display:flex;white-space:pre-wrap}[part=header-title]{font-family:var(--igc-overline-font-family);font-weight:var(--igc-overline-font-weight);font-size:var(--igc-overline-font-size);font-style:var(--igc-overline-font-style);letter-spacing:var(--igc-overline-letter-spacing);text-transform:var(--igc-overline-text-transform);line-height:var(--igc-overline-line-height);margin-top:var(--igc-overline-margin-top);margin-bottom:var(--igc-overline-margin-bottom)}.aria-off-screen{position:absolute;width:1px;height:1px;margin:-1px;border:none;clip:rect(0, 0, 0, 0);outline:0;pointer-events:none;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}:host(igc-calendar[size=large]) igc-days-view::part(date-inner),:host(igc-calendar[size=large]) igc-months-view::part(month-inner),:host(igc-calendar[size=large]) igc-years-view::part(year-inner),:host(igc-calendar[size=medium]) igc-days-view::part(date-inner),:host(igc-calendar[size=medium]) igc-months-view::part(month-inner),:host(igc-calendar[size=medium]) igc-years-view::part(year-inner),:host(igc-calendar[size=small]) igc-days-view::part(date-inner),:host(igc-calendar[size=small]) igc-months-view::part(month-inner),:host(igc-calendar[size=small]) igc-years-view::part(year-inner){border-radius:0}`;
+export const styles = css `:host(igc-calendar){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-family:var(--igc-font-family);background:hsla(var(--igc-surface-500), var(--igc-surface-a));color:var(--igc-surface-500-contrast)}:host(igc-calendar)>*{font-family:var(--igc-font-family)}:host(igc-calendar[size=large]) igc-days-view::part(date),:host(igc-calendar[size=large]) igc-days-view::part(week-number),:host(igc-calendar[size=large]) igc-days-view::part(label),:host(igc-calendar[size=large]) igc-days-view::part(days-row){height:2rem}:host(igc-calendar[size=large]) igc-days-view::part(week-number-inner),:host(igc-calendar[size=large]) igc-days-view::part(date-inner){width:calc(2rem - 0.125rem);min-width:calc(2rem - 0.125rem);height:100%}:host(igc-calendar[size=large]) igc-days-view::part(label){min-width:2rem;height:2rem}:host(igc-calendar[size=large]) igc-days-view::part(date-inner){border-radius:clamp(0rem,var(--igc-radius-factor)*1.125rem,1.125rem)}:host(igc-calendar[size=large]) igc-months-view{grid-template-rows:repeat(4, minmax(2rem, 1fr))}:host(igc-calendar[size=large]) igc-months-view::part(month-inner){height:2rem;border-radius:clamp(0rem,var(--igc-radius-factor)*1.125rem,1.125rem)}:host(igc-calendar[size=large]) igc-years-view{grid-template-rows:repeat(5, minmax(2rem, 1fr))}:host(igc-calendar[size=large]) igc-years-view::part(year-inner){height:2rem;border-radius:clamp(0rem,var(--igc-radius-factor)*1.125rem,1.125rem)}:host(igc-calendar[size=medium]) igc-days-view::part(date),:host(igc-calendar[size=medium]) igc-days-view::part(week-number),:host(igc-calendar[size=medium]) igc-days-view::part(label),:host(igc-calendar[size=medium]) igc-days-view::part(days-row){height:1.75rem}:host(igc-calendar[size=medium]) igc-days-view::part(week-number-inner),:host(igc-calendar[size=medium]) igc-days-view::part(date-inner){width:calc(1.75rem - 0.125rem);min-width:calc(1.75rem - 0.125rem);height:100%}:host(igc-calendar[size=medium]) igc-days-view::part(label){min-width:1.75rem;height:1.75rem}:host(igc-calendar[size=medium]) igc-days-view::part(date-inner){border-radius:clamp(0rem,var(--igc-radius-factor)*1rem,1rem)}:host(igc-calendar[size=medium]) igc-months-view{grid-template-rows:repeat(4, minmax(1.75rem, 1fr))}:host(igc-calendar[size=medium]) igc-months-view::part(month-inner){height:1.75rem;border-radius:clamp(0rem,var(--igc-radius-factor)*1rem,1rem)}:host(igc-calendar[size=medium]) igc-years-view{grid-template-rows:repeat(5, minmax(1.75rem, 1fr))}:host(igc-calendar[size=medium]) igc-years-view::part(year-inner){height:1.75rem;border-radius:clamp(0rem,var(--igc-radius-factor)*1rem,1rem)}:host(igc-calendar[size=small]) igc-days-view::part(date),:host(igc-calendar[size=small]) igc-days-view::part(week-number),:host(igc-calendar[size=small]) igc-days-view::part(label),:host(igc-calendar[size=small]) igc-days-view::part(days-row){height:1.5rem}:host(igc-calendar[size=small]) igc-days-view::part(week-number-inner),:host(igc-calendar[size=small]) igc-days-view::part(date-inner){width:calc(1.5rem - 0.125rem);min-width:calc(1.5rem - 0.125rem);height:100%}:host(igc-calendar[size=small]) igc-days-view::part(label){min-width:1.5rem;height:1.5rem}:host(igc-calendar[size=small]) igc-days-view::part(date-inner){border-radius:clamp(0rem,var(--igc-radius-factor)*.875rem,.875rem)}:host(igc-calendar[size=small]) igc-months-view{grid-template-rows:repeat(4, minmax(1.5rem, 1fr))}:host(igc-calendar[size=small]) igc-months-view::part(month-inner){height:1.5rem;border-radius:clamp(0rem,var(--igc-radius-factor)*.875rem,.875rem)}:host(igc-calendar[size=small]) igc-years-view{grid-template-rows:repeat(6, minmax(1.5rem, 1fr))}:host(igc-calendar[size=small]) igc-years-view::part(year-inner){height:1.5rem;border-radius:clamp(0rem,var(--igc-radius-factor)*.875rem,.875rem)}[part=navigation]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:1.25rem;padding:1.5625rem 1.125rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[part=months-navigation],[part=years-navigation],[part~=navigation-button]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:rgba(0,0,0,0);border:none;color:hsla(var(--igc-gray-800), var(--igc-gray-a));font-size:1rem;padding:0;-webkit-transition:color 150ms ease-in-out;-o-transition:color 150ms ease-in-out;transition:color 150ms ease-in-out}[part=months-navigation]:hover,[part=months-navigation]:focus,[part=years-navigation]:hover,[part=years-navigation]:focus,[part~=navigation-button]:hover,[part~=navigation-button]:focus{color:hsla(var(--igc-secondary-500), var(--igc-secondary-a));cursor:pointer}[part=months-navigation]:focus,[part=years-navigation]:focus,[part~=navigation-button]:focus{outline:none}[part~=navigation-button]{-webkit-margin-start:1.5rem;margin-inline-start:1.5rem}[part~=navigation-button][part~=vertical]{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}[part=navigation-buttons]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}:host(igc-calendar[header-orientation=vertical]){-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}:host(igc-calendar[header-orientation=vertical]) [part=header]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:8.75rem}:host(igc-calendar[header-orientation=vertical]) [part=header-date]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[part=days-view-container]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}[part=header]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:1rem;background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));color:var(--igc-secondary-600-contrast)}[part=header-date],[part=header-title]{margin:0}[part=header-date]{font-family:var(--igc-h4-font-family);font-weight:var(--igc-h4-font-weight);font-size:var(--igc-h4-font-size);font-style:var(--igc-h4-font-style);letter-spacing:var(--igc-h4-letter-spacing);text-transform:var(--igc-h4-text-transform);line-height:var(--igc-h4-line-height);margin-top:var(--igc-h4-margin-top);margin-bottom:var(--igc-h4-margin-bottom);display:-webkit-box;display:-ms-flexbox;display:flex;white-space:pre-wrap}[part=header-title]{font-family:var(--igc-overline-font-family);font-weight:var(--igc-overline-font-weight);font-size:var(--igc-overline-font-size);font-style:var(--igc-overline-font-style);letter-spacing:var(--igc-overline-letter-spacing);text-transform:var(--igc-overline-text-transform);line-height:var(--igc-overline-line-height);margin-top:var(--igc-overline-margin-top);margin-bottom:var(--igc-overline-margin-bottom)}.aria-off-screen{position:absolute;width:1px;height:1px;margin:-1px;border:none;clip:rect(0, 0, 0, 0);outline:0;pointer-events:none;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}:host(igc-calendar[size=large]) igc-days-view::part(date-inner),:host(igc-calendar[size=large]) igc-months-view::part(month-inner),:host(igc-calendar[size=large]) igc-years-view::part(year-inner),:host(igc-calendar[size=medium]) igc-days-view::part(date-inner),:host(igc-calendar[size=medium]) igc-months-view::part(month-inner),:host(igc-calendar[size=medium]) igc-years-view::part(year-inner),:host(igc-calendar[size=small]) igc-days-view::part(date-inner),:host(igc-calendar[size=small]) igc-months-view::part(month-inner),:host(igc-calendar[size=small]) igc-years-view::part(year-inner){border-radius:0}`;
 //# sourceMappingURL=calendar.fluent.css.js.map

package/components/calendar/themes/fluent/calendar.fluent.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"calendar.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/calendar/themes/fluent/calendar.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~u5PAAu5P~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host(igc-calendar){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-family:var(--igc-font-family);background:hsla(var(--igc-surface-500), var(--igc-surface-a));color:var(--igc-surface-500-contrast)}:host(igc-calendar)>{font-family:var(--igc-font-family)}:host(igc-calendar[size=large]) igc-days-view::part(date),:host(igc-calendar[size=large]) igc-days-view::part(week-number),:host(igc-calendar[size=large]) igc-days-view::part(label),:host(igc-calendar[size=large]) igc-days-view::part(days-row){height:2rem}:host(igc-calendar[size=large]) igc-days-view::part(week-number-inner),:host(igc-calendar[size=large]) igc-days-view::part(date-inner){width:calc(2rem - 0.125rem);min-width:calc(2rem - 0.125rem);height:100%}:host(igc-calendar[size=large]) igc-days-view::part(label){min-width:2rem;height:2rem}:host(igc-calendar[size=large]) igc-days-view::part(date-inner){border-radius:clamp(0rem,var(--igc-radius-factor)1.125rem,1.125rem)}:host(igc-calendar[size=large]) igc-months-view{grid-template-rows:repeat(4, minmax(2rem, 1fr))}:host(igc-calendar[size=large]) igc-months-view::part(month-inner){height:2rem;border-radius:clamp(0rem,var(--igc-radius-factor)1.125rem,1.125rem)}:host(igc-calendar[size=large]) igc-years-view{grid-template-rows:repeat(5, minmax(2rem, 1fr))}:host(igc-calendar[size=large]) igc-years-view::part(year-inner){height:2rem;border-radius:clamp(0rem,var(--igc-radius-factor)1.125rem,1.125rem)}:host(igc-calendar[size=medium]) igc-days-view::part(date),:host(igc-calendar[size=medium]) igc-days-view::part(week-number),:host(igc-calendar[size=medium]) igc-days-view::part(label),:host(igc-calendar[size=medium]) igc-days-view::part(days-row){height:1.75rem}:host(igc-calendar[size=medium]) igc-days-view::part(week-number-inner),:host(igc-calendar[size=medium]) igc-days-view::part(date-inner){width:calc(1.75rem - 0.125rem);min-width:calc(1.75rem - 0.125rem);height:100%}:host(igc-calendar[size=medium]) igc-days-view::part(label){min-width:1.75rem;height:1.75rem}:host(igc-calendar[size=medium]) igc-days-view::part(date-inner){border-radius:clamp(0rem,var(--igc-radius-factor)1rem,1rem)}:host(igc-calendar[size=medium]) igc-months-view{grid-template-rows:repeat(4, minmax(1.75rem, 1fr))}:host(igc-calendar[size=medium]) igc-months-view::part(month-inner){height:1.75rem;border-radius:clamp(0rem,var(--igc-radius-factor)1rem,1rem)}:host(igc-calendar[size=medium]) igc-years-view{grid-template-rows:repeat(5, minmax(1.75rem, 1fr))}:host(igc-calendar[size=medium]) igc-years-view::part(year-inner){height:1.75rem;border-radius:clamp(0rem,var(--igc-radius-factor)1rem,1rem)}:host(igc-calendar[size=small]) igc-days-view::part(date),:host(igc-calendar[size=small]) igc-days-view::part(week-number),:host(igc-calendar[size=small]) igc-days-view::part(label),:host(igc-calendar[size=small]) igc-days-view::part(days-row){height:1.5rem}:host(igc-calendar[size=small]) igc-days-view::part(week-number-inner),:host(igc-calendar[size=small]) igc-days-view::part(date-inner){width:calc(1.5rem - 0.125rem);min-width:calc(1.5rem - 0.125rem);height:100%}:host(igc-calendar[size=small]) igc-days-view::part(label){min-width:1.5rem;height:1.5rem}:host(igc-calendar[size=small]) igc-days-view::part(date-inner){border-radius:clamp(0rem,var(--igc-radius-factor).875rem,.875rem)}:host(igc-calendar[size=small]) igc-months-view{grid-template-rows:repeat(4, minmax(1.5rem, 1fr))}:host(igc-calendar[size=small]) igc-months-view::part(month-inner){height:1.5rem;border-radius:clamp(0rem,var(--igc-radius-factor).875rem,.875rem)}:host(igc-calendar[size=small]) igc-years-view{grid-template-rows:repeat(6, minmax(1.5rem, 1fr))}:host(igc-calendar[size=small]) igc-years-view::part(year-inner){height:1.5rem;border-radius:clamp(0rem,var(--igc-radius-factor).875rem,.875rem)}[part=navigation]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:1.25rem;padding:1.5625rem 1.125rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[part=months-navigation],[part=years-navigation],[part~=navigation-button]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:~~transparent~~;border:none;color:hsla(var(--igc-gray-800), var(--igc-gray-a));font-size:1rem;padding:0;-webkit-transition:color 150ms ease-in-out;-o-transition:color 150ms ease-in-out;transition:color 150ms ease-in-out}[part=months-navigation]:hover,[part=months-navigation]:focus,[part=years-navigation]:hover,[part=years-navigation]:focus,[part~=navigation-button]:hover,[part~=navigation-button]:focus{color:hsla(var(--igc-secondary-500), var(--igc-secondary-a));cursor:pointer}[part=months-navigation]:focus,[part=years-navigation]:focus,[part~=navigation-button]:focus{outline:none}[part~=navigation-button]{-webkit-margin-start:1.5rem;margin-inline-start:1.5rem}[part~=navigation-button][part~=vertical]{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}[part=navigation-buttons]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}:host(igc-calendar[header-orientation=vertical]){-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}:host(igc-calendar[header-orientation=vertical]) [part=header]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:8.75rem}:host(igc-calendar[header-orientation=vertical]) [part=header-date]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[part=days-view-container]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}[part=header]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:1rem;background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));color:var(--igc-secondary-600-contrast)}[part=header-date],[part=header-title]{margin:0}[part=header-date]{font-family:var(--igc-h4-font-family);font-weight:var(--igc-h4-font-weight);font-size:var(--igc-h4-font-size);font-style:var(--igc-h4-font-style);letter-spacing:var(--igc-h4-letter-spacing);text-transform:var(--igc-h4-text-transform);line-height:var(--igc-h4-line-height);margin-top:var(--igc-h4-margin-top);margin-bottom:var(--igc-h4-margin-bottom);display:-webkit-box;display:-ms-flexbox;display:flex;white-space:pre-wrap}[part=header-title]{font-family:var(--igc-overline-font-family);font-weight:var(--igc-overline-font-weight);font-size:var(--igc-overline-font-size);font-style:var(--igc-overline-font-style);letter-spacing:var(--igc-overline-letter-spacing);text-transform:var(--igc-overline-text-transform);line-height:var(--igc-overline-line-height);margin-top:var(--igc-overline-margin-top);margin-bottom:var(--igc-overline-margin-bottom)}.aria-off-screen{position:absolute;width:1px;height:1px;margin:-1px;border:none;clip:rect(0, 0, 0, 0);outline:0;pointer-events:none;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}:host(igc-calendar[size=large]) igc-days-view::part(date-inner),:host(igc-calendar[size=large]) igc-months-view::part(month-inner),:host(igc-calendar[size=large]) igc-years-view::part(year-inner),:host(igc-calendar[size=medium]) igc-days-view::part(date-inner),:host(igc-calendar[size=medium]) igc-months-view::part(month-inner),:host(igc-calendar[size=medium]) igc-years-view::part(year-inner),:host(igc-calendar[size=small]) igc-days-view::part(date-inner),:host(igc-calendar[size=small]) igc-months-view::part(month-inner),:host(igc-calendar[size=small]) igc-years-view::part(year-inner){border-radius:0}`;\n"]}
1	+ {"version":3,"file":"calendar.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/calendar/themes/fluent/calendar.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,y5PAAy5P,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host(igc-calendar){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-family:var(--igc-font-family);background:hsla(var(--igc-surface-500), var(--igc-surface-a));color:var(--igc-surface-500-contrast)}:host(igc-calendar)>{font-family:var(--igc-font-family)}:host(igc-calendar[size=large]) igc-days-view::part(date),:host(igc-calendar[size=large]) igc-days-view::part(week-number),:host(igc-calendar[size=large]) igc-days-view::part(label),:host(igc-calendar[size=large]) igc-days-view::part(days-row){height:2rem}:host(igc-calendar[size=large]) igc-days-view::part(week-number-inner),:host(igc-calendar[size=large]) igc-days-view::part(date-inner){width:calc(2rem - 0.125rem);min-width:calc(2rem - 0.125rem);height:100%}:host(igc-calendar[size=large]) igc-days-view::part(label){min-width:2rem;height:2rem}:host(igc-calendar[size=large]) igc-days-view::part(date-inner){border-radius:clamp(0rem,var(--igc-radius-factor)1.125rem,1.125rem)}:host(igc-calendar[size=large]) igc-months-view{grid-template-rows:repeat(4, minmax(2rem, 1fr))}:host(igc-calendar[size=large]) igc-months-view::part(month-inner){height:2rem;border-radius:clamp(0rem,var(--igc-radius-factor)1.125rem,1.125rem)}:host(igc-calendar[size=large]) igc-years-view{grid-template-rows:repeat(5, minmax(2rem, 1fr))}:host(igc-calendar[size=large]) igc-years-view::part(year-inner){height:2rem;border-radius:clamp(0rem,var(--igc-radius-factor)1.125rem,1.125rem)}:host(igc-calendar[size=medium]) igc-days-view::part(date),:host(igc-calendar[size=medium]) igc-days-view::part(week-number),:host(igc-calendar[size=medium]) igc-days-view::part(label),:host(igc-calendar[size=medium]) igc-days-view::part(days-row){height:1.75rem}:host(igc-calendar[size=medium]) igc-days-view::part(week-number-inner),:host(igc-calendar[size=medium]) igc-days-view::part(date-inner){width:calc(1.75rem - 0.125rem);min-width:calc(1.75rem - 0.125rem);height:100%}:host(igc-calendar[size=medium]) igc-days-view::part(label){min-width:1.75rem;height:1.75rem}:host(igc-calendar[size=medium]) igc-days-view::part(date-inner){border-radius:clamp(0rem,var(--igc-radius-factor)1rem,1rem)}:host(igc-calendar[size=medium]) igc-months-view{grid-template-rows:repeat(4, minmax(1.75rem, 1fr))}:host(igc-calendar[size=medium]) igc-months-view::part(month-inner){height:1.75rem;border-radius:clamp(0rem,var(--igc-radius-factor)1rem,1rem)}:host(igc-calendar[size=medium]) igc-years-view{grid-template-rows:repeat(5, minmax(1.75rem, 1fr))}:host(igc-calendar[size=medium]) igc-years-view::part(year-inner){height:1.75rem;border-radius:clamp(0rem,var(--igc-radius-factor)1rem,1rem)}:host(igc-calendar[size=small]) igc-days-view::part(date),:host(igc-calendar[size=small]) igc-days-view::part(week-number),:host(igc-calendar[size=small]) igc-days-view::part(label),:host(igc-calendar[size=small]) igc-days-view::part(days-row){height:1.5rem}:host(igc-calendar[size=small]) igc-days-view::part(week-number-inner),:host(igc-calendar[size=small]) igc-days-view::part(date-inner){width:calc(1.5rem - 0.125rem);min-width:calc(1.5rem - 0.125rem);height:100%}:host(igc-calendar[size=small]) igc-days-view::part(label){min-width:1.5rem;height:1.5rem}:host(igc-calendar[size=small]) igc-days-view::part(date-inner){border-radius:clamp(0rem,var(--igc-radius-factor).875rem,.875rem)}:host(igc-calendar[size=small]) igc-months-view{grid-template-rows:repeat(4, minmax(1.5rem, 1fr))}:host(igc-calendar[size=small]) igc-months-view::part(month-inner){height:1.5rem;border-radius:clamp(0rem,var(--igc-radius-factor).875rem,.875rem)}:host(igc-calendar[size=small]) igc-years-view{grid-template-rows:repeat(6, minmax(1.5rem, 1fr))}:host(igc-calendar[size=small]) igc-years-view::part(year-inner){height:1.5rem;border-radius:clamp(0rem,var(--igc-radius-factor).875rem,.875rem)}[part=navigation]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:1.25rem;padding:1.5625rem 1.125rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[part=months-navigation],[part=years-navigation],[part~=navigation-button]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:rgba(0,0,0,0);border:none;color:hsla(var(--igc-gray-800), var(--igc-gray-a));font-size:1rem;padding:0;-webkit-transition:color 150ms ease-in-out;-o-transition:color 150ms ease-in-out;transition:color 150ms ease-in-out}[part=months-navigation]:hover,[part=months-navigation]:focus,[part=years-navigation]:hover,[part=years-navigation]:focus,[part~=navigation-button]:hover,[part~=navigation-button]:focus{color:hsla(var(--igc-secondary-500), var(--igc-secondary-a));cursor:pointer}[part=months-navigation]:focus,[part=years-navigation]:focus,[part~=navigation-button]:focus{outline:none}[part~=navigation-button]{-webkit-margin-start:1.5rem;margin-inline-start:1.5rem}[part~=navigation-button][part~=vertical]{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}[part=navigation-buttons]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}:host(igc-calendar[header-orientation=vertical]){-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}:host(igc-calendar[header-orientation=vertical]) [part=header]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:8.75rem}:host(igc-calendar[header-orientation=vertical]) [part=header-date]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[part=days-view-container]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}[part=header]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:1rem;background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));color:var(--igc-secondary-600-contrast)}[part=header-date],[part=header-title]{margin:0}[part=header-date]{font-family:var(--igc-h4-font-family);font-weight:var(--igc-h4-font-weight);font-size:var(--igc-h4-font-size);font-style:var(--igc-h4-font-style);letter-spacing:var(--igc-h4-letter-spacing);text-transform:var(--igc-h4-text-transform);line-height:var(--igc-h4-line-height);margin-top:var(--igc-h4-margin-top);margin-bottom:var(--igc-h4-margin-bottom);display:-webkit-box;display:-ms-flexbox;display:flex;white-space:pre-wrap}[part=header-title]{font-family:var(--igc-overline-font-family);font-weight:var(--igc-overline-font-weight);font-size:var(--igc-overline-font-size);font-style:var(--igc-overline-font-style);letter-spacing:var(--igc-overline-letter-spacing);text-transform:var(--igc-overline-text-transform);line-height:var(--igc-overline-line-height);margin-top:var(--igc-overline-margin-top);margin-bottom:var(--igc-overline-margin-bottom)}.aria-off-screen{position:absolute;width:1px;height:1px;margin:-1px;border:none;clip:rect(0, 0, 0, 0);outline:0;pointer-events:none;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}:host(igc-calendar[size=large]) igc-days-view::part(date-inner),:host(igc-calendar[size=large]) igc-months-view::part(month-inner),:host(igc-calendar[size=large]) igc-years-view::part(year-inner),:host(igc-calendar[size=medium]) igc-days-view::part(date-inner),:host(igc-calendar[size=medium]) igc-months-view::part(month-inner),:host(igc-calendar[size=medium]) igc-years-view::part(year-inner),:host(igc-calendar[size=small]) igc-days-view::part(date-inner),:host(igc-calendar[size=small]) igc-months-view::part(month-inner),:host(igc-calendar[size=small]) igc-years-view::part(year-inner){border-radius:0}`;\n"]}

package/components/calendar/themes/fluent/days-view.fluent.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `[part~=date-inner]:focus,[part~=date-inner]:hover{background:hsla(var(--igc-gray-300), var(--igc-gray-a));border-color:hsla(var(--igc-gray-300), var(--igc-gray-a))}[part~=date-inner][part~=selected][part~=single]:focus,[part~=date-inner][part~=selected][part~=single]:hover{background:hsla(var(--igc-gray-300), var(--igc-gray-a));border-color:hsla(var(--igc-gray-500), var(--igc-gray-a));color:var(--igc-gray-300-contrast)}[part~=current][part~=date-inner][part~=current],[part~=current][part~=date-inner],[part~=current][part~=single][part~=date-inner]{-webkit-box-shadow:none;box-shadow:none;position:relative;overflow:hidden;color:var(--igc-secondary-600-contrast)}[part~=current][part~=date-inner][part~=current]::after,[part~=current][part~=date-inner]::after,[part~=current][part~=single][part~=date-inner]::after{border-radius:clamp(0rem,var(--igc-radius-factor)*1rem,1rem);content:"";position:absolute;top:.0625rem;inset-inline-start:.0625rem;width:calc(100% - 0.125rem);height:calc(100% - 0.125rem);background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));z-index:-1}[part~=current][part~=date-inner][part~=current]:focus,[part~=current][part~=date-inner][part~=current]:hover,[part~=current][part~=date-inner]:focus,[part~=current][part~=date-inner]:hover,[part~=current][part~=single][part~=date-inner]:focus,[part~=current][part~=single][part~=date-inner]:hover{color:var(--igc-secondary-600-contrast)}[part~=current][part~=date-inner][part~=current]:focus::after,[part~=current][part~=date-inner][part~=current]:hover::after,[part~=current][part~=date-inner]:focus::after,[part~=current][part~=date-inner]:hover::after,[part~=current][part~=single][part~=date-inner]:focus::after,[part~=current][part~=single][part~=date-inner]:hover::after{background:hsla(var(--igc-secondary-500), var(--igc-secondary-a))}[part~=selected][part~=date-inner][part~=single]{border-color:hsla(var(--igc-gray-500), var(--igc-gray-a));background:hsla(var(--igc-gray-200), var(--igc-gray-a));color:var(--igc-gray-200-contrast);border-radius:0}[part~=date-inner][part~=selected][part~=current][part~=single]{color:var(--igc-secondary-600-contrast)}[part~=week-number-inner]{border-inline-end-color:hsla(var(--igc-gray-500), var(--igc-gray-a))}[part~=week-number-inner]::after{border-inline-end-color:hsla(var(--igc-gray-500), var(--igc-gray-a))}[part="week-number-inner last"],[part="week-number-inner first"]{border-radius:0}[part~=date-inner][part~=selected][part~=range][part~=first],[part~=date-inner][part~=selected][part~=range][part~=last],[part~=date-inner][part~=selected]:not([part~=range]){border-top-color:hsla(var(--igc-gray-500), var(--igc-gray-a));border-bottom-color:hsla(var(--igc-gray-500), var(--igc-gray-a));border-inline-start-color:hsla(var(--igc-gray-500), var(--igc-gray-a))}[part~=date-inner][part~=selected][part~=range][part~=first]:hover,[part~=date-inner][part~=selected][part~=range][part~=first]:focus,[part~=date-inner][part~=selected][part~=range][part~=last]:hover,[part~=date-inner][part~=selected][part~=range][part~=last]:focus,[part~=date-inner][part~=selected]:not([part~=range]):hover,[part~=date-inner][part~=selected]:not([part~=range]):focus{border-color:hsla(var(--igc-gray-500), var(--igc-gray-a))}[part~=date-inner][part~=selected][part~=range][part~=first]:hover,[part~=date-inner][part~=selected][part~=range][part~=last]:hover,[part~=date-inner][part~=selected]:not([part~=range]):hover{background:hsla(var(--igc-gray-300), var(--igc-gray-a))}[part~=date-inner][part~=selected][part~=range][part~=first]:focus,[part~=date-inner][part~=selected][part~=range][part~=last]:focus,[part~=date-inner][part~=selected]:not([part~=range]):focus{background:hsla(var(--igc-gray-200), var(--igc-gray-a))}[part~=date-inner][part~=selected][part~=range][part~=last]{border-inline-start-color:transparent;-webkit-border-end:0;border-inline-end:0}[part~=date-inner][part~=selected][part~=range][part~=first]{border-inline-end-color:transparent;-webkit-border-start:0;border-inline-start:0}[part~=date-inner][part~=selected][part~=range][part~=weekend]:hover,[part~=date-inner][part~=selected][part~=range][part~=weekend]:focus,[part~=date-inner][part~=selected][part~=range][part~=inactive]:hover,[part~=date-inner][part~=selected][part~=range][part~=inactive]:focus{color:var(--igc-gray-300-contrast);background:hsla(var(--igc-gray-300), var(--igc-gray-a));border-color:hsla(var(--igc-gray-500), var(--igc-gray-a))}[part~=date-inner][part~=last][part~=range]{border-color:transparent}[part~=date-inner][part~=selected][part~=range]{border-top:0;border-bottom:0;color:var(--igc-gray-200-contrast)}[part~=date-inner][part~=selected][part~=range]:hover{background:hsla(var(--igc-gray-300), var(--igc-gray-a));border-color:hsla(var(--igc-gray-500), var(--igc-gray-a))}[part~=date-inner][part~=selected][part~=range]:focus{background:hsla(var(--igc-gray-200), var(--igc-gray-a));border-color:hsla(var(--igc-gray-500), var(--igc-gray-a))}[part~=date-inner][part~=selected][part~=range][part~=preview]:focus{background:hsla(var(--igc-gray-200), var(--igc-gray-a));border-color:hsla(var(--igc-gray-200), var(--igc-gray-a))}[part~=date][part~=selected][part~=range]{background:hsla(var(--igc-gray-200), var(--igc-gray-a));border-top-color:hsla(var(--igc-gray-500), var(--igc-gray-a));border-bottom-color:hsla(var(--igc-gray-500), var(--igc-gray-a))}[part~=date][part~=first][part~=selected][part~=range],[part~=date][part~=last][part~=selected][part~=range]{background:transparent;border-color:transparent}[part~=date][part~=first][part~=selected][part~=range]::after,[part~=date][part~=last][part~=selected][part~=range]::after{background:hsla(var(--igc-gray-200), var(--igc-gray-a));border-top-color:hsla(var(--igc-gray-500), var(--igc-gray-a));border-bottom-color:hsla(var(--igc-gray-500), var(--igc-gray-a))}[part~=date][part~=first][part~=selected][part~=range]::before,[part~=date][part~=last][part~=selected][part~=range]::before{content:"";position:absolute;top:-0.0625rem;width:50%;height:100%;border:.0625rem solid hsla(var(--igc-gray-500), var(--igc-gray-a));z-index:3;pointer-events:none}[part~=date][part~=first][part~=selected][part~=range]::before{border-inline-end-color:transparent}[part~=date][part~=last][part~=selected][part~=range]::before{border-inline-start-color:transparent}:host(igc-calendar[size=large]) igc-days-view::part(date first selected range)::before{margin:0;inset-inline-start:calc(50% - 1rem)}:host(igc-calendar[size=large]) igc-days-view::part(date last selected range)::before{inset-inline-end:calc(50% - 1rem)}:host(igc-calendar[size=medium]) igc-days-view::part(date first selected range)::before{inset-inline-start:calc(50% - 0.875rem)}:host(igc-calendar[size=medium]) igc-days-view::part(date last selected range)::before{inset-inline-end:calc(50% - 0.875rem)}:host(igc-calendar[size=small]) igc-days-view::part(date first selected range)::before{inset-inline-start:calc(50% - 0.75rem)}:host(igc-calendar[size=small]) igc-days-view::part(date last selected range)::before{inset-inline-end:calc(50% - 0.75rem)}[part~=date][part~=first][part~=last][part~=selected][part~=range]::before{border-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-inline-end-color:transparent}[part~=date-inner][part~=selected][part~=current][part~=range],[part~=date-inner][part~=first][part~=last][part~=selected][part~=current][part~=range],[part~=date-inner][part~=first][part~=last][part~=selected][part~=current],[part~=date-inner][part~=first][part~=selected][part~=current][part~=range],[part~=date-inner][part~=last][part~=selected][part~=current][part~=range]{color:var(--igc-secondary-600-contrast) !important}[part~=date-inner][part~=selected][part~=current][part~=range]:focus,[part~=date-inner][part~=selected][part~=current][part~=range]:hover,[part~=date-inner][part~=first][part~=last][part~=selected][part~=current][part~=range]:focus,[part~=date-inner][part~=first][part~=last][part~=selected][part~=current][part~=range]:hover,[part~=date-inner][part~=first][part~=last][part~=selected][part~=current]:focus,[part~=date-inner][part~=first][part~=last][part~=selected][part~=current]:hover,[part~=date-inner][part~=first][part~=selected][part~=current][part~=range]:focus,[part~=date-inner][part~=first][part~=selected][part~=current][part~=range]:hover,[part~=date-inner][part~=last][part~=selected][part~=current][part~=range]:focus,[part~=date-inner][part~=last][part~=selected][part~=current][part~=range]:hover{border-color:hsla(var(--igc-gray-500), var(--igc-gray-a))}[part~=date-inner][part~=first][part~=range][part~=preview],[part~=date-inner][part~=first][part~=selected][part~=range][part~=preview]{border-top-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-bottom-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-inline-start-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-inline-end-color:transparent;background:transparent}[part~=date-inner][part~=last][part~=range][part~=preview],[part~=date-inner][part~=last][part~=selected][part~=range][part~=preview]{border-top-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-bottom-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-inline-end-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-inline-start-color:transparent;background:transparent}[part~=date][part~=range][part~=preview]{border-top-style:solid;border-bottom-style:solid;border-top-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-bottom-color:hsla(var(--igc-gray-200), var(--igc-gray-a))}[part~=date][part~=range][part~=preview]::after{border-top-style:solid;border-bottom-style:solid;border-top-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-bottom-color:hsla(var(--igc-gray-200), var(--igc-gray-a));background:transparent}[part~=date][part~=range][part~=preview][part~=first],[part~=date][part~=range][part~=preview][part~=last]{border-top-color:transparent;border-bottom-color:transparent}[part~=date][part~=range][part~=preview][part~=first]::after,[part~=date][part~=range][part~=preview][part~=last]::after{border-top-style:solid;border-bottom-style:solid;border-top-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-bottom-color:hsla(var(--igc-gray-200), var(--igc-gray-a))}[part~=date][part~=first][part~=selected][part~=range][part~=preview],[part~=date][part~=last][part~=selected][part~=range][part~=preview]{background:transparent}[part~=date][part~=first][part~=selected][part~=range][part~=preview]::before,[part~=date][part~=last][part~=selected][part~=range][part~=preview]::before{border-block-start-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-block-end-color:hsla(var(--igc-gray-200), var(--igc-gray-a))}[part~=date][part~=first][part~=selected][part~=range][part~=preview]::after,[part~=date][part~=last][part~=selected][part~=range][part~=preview]::after{border-style:solid;border-top-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-bottom-color:hsla(var(--igc-gray-200), var(--igc-gray-a));background:transparent}[part~=date][part~=first][part~=selected][part~=range][part~=preview]::before{border-inline-start-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-inline-end-color:transparent}[part~=date][part~=first][part~=selected][part~=range][part~=preview]::after{-webkit-border-end:0;border-inline-end:0}[part~=date][part~=last][part~=selected][part~=range][part~=preview]::before{border-inline-end-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-inline-start-color:transparent}[part~=date][part~=last][part~=selected][part~=range][part~=preview]::after{-webkit-border-start:0;border-inline-start:0}[part~=date-inner][part~=first][part~=last][part~=selected]{border-color:hsla(var(--igc-gray-500), var(--igc-gray-a))}[part~=date-inner][part~=first][part~=last][part~=selected],[part~=date-inner][part~=first][part~=selected],[part~=date-inner][part~=last][part~=selected]{background:hsla(var(--igc-gray-200), var(--igc-gray-a)) !important;color:var(--igc-gray-200-contrast) !important}[part~=date-inner][part~=first][part~=last][part~=selected]:focus,[part~=date-inner][part~=first][part~=selected]:focus,[part~=date-inner][part~=last][part~=selected]:focus{background:hsla(var(--igc-gray-200), var(--igc-gray-a)) !important;color:var(--igc-gray-200-contrast) !important}[part~=date-inner][part~=first][part~=last][part~=selected][part~=current]{color:var(--igc-secondary-600-contrast) !important}[part~=date-inner][part~=first][part~=selected][part~=current][part~=range][part~=preview]:focus,[part~=date-inner][part~=last][part~=selected][part~=current][part~=range][part~=preview]:focus{border-color:transparent}`;
+export const styles = css `[part~=date-inner]:focus,[part~=date-inner]:hover{background:hsla(var(--igc-gray-300), var(--igc-gray-a));border-color:hsla(var(--igc-gray-300), var(--igc-gray-a))}[part~=date-inner][part~=selected][part~=single]:focus,[part~=date-inner][part~=selected][part~=single]:hover{background:hsla(var(--igc-gray-300), var(--igc-gray-a));border-color:hsla(var(--igc-gray-500), var(--igc-gray-a));color:var(--igc-gray-300-contrast)}[part~=current][part~=date-inner][part~=current],[part~=current][part~=date-inner],[part~=current][part~=single][part~=date-inner]{-webkit-box-shadow:none;box-shadow:none;position:relative;overflow:hidden;color:var(--igc-secondary-600-contrast)}[part~=current][part~=date-inner][part~=current]::after,[part~=current][part~=date-inner]::after,[part~=current][part~=single][part~=date-inner]::after{border-radius:clamp(0rem,var(--igc-radius-factor)*1rem,1rem);content:"";position:absolute;top:.0625rem;inset-inline-start:.0625rem;width:calc(100% - 0.125rem);height:calc(100% - 0.125rem);background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));z-index:-1}[part~=current][part~=date-inner][part~=current]:focus,[part~=current][part~=date-inner][part~=current]:hover,[part~=current][part~=date-inner]:focus,[part~=current][part~=date-inner]:hover,[part~=current][part~=single][part~=date-inner]:focus,[part~=current][part~=single][part~=date-inner]:hover{color:var(--igc-secondary-600-contrast)}[part~=current][part~=date-inner][part~=current]:focus::after,[part~=current][part~=date-inner][part~=current]:hover::after,[part~=current][part~=date-inner]:focus::after,[part~=current][part~=date-inner]:hover::after,[part~=current][part~=single][part~=date-inner]:focus::after,[part~=current][part~=single][part~=date-inner]:hover::after{background:hsla(var(--igc-secondary-500), var(--igc-secondary-a))}[part~=selected][part~=date-inner][part~=single]{border-color:hsla(var(--igc-gray-500), var(--igc-gray-a));background:hsla(var(--igc-gray-200), var(--igc-gray-a));color:var(--igc-gray-200-contrast);border-radius:0}[part~=date-inner][part~=selected][part~=current][part~=single]{color:var(--igc-secondary-600-contrast)}[part~=week-number-inner]{border-inline-end-color:hsla(var(--igc-gray-500), var(--igc-gray-a))}[part~=week-number-inner]::after{border-inline-end-color:hsla(var(--igc-gray-500), var(--igc-gray-a))}[part="week-number-inner last"],[part="week-number-inner first"]{border-radius:0}[part~=date-inner][part~=selected][part~=range][part~=first],[part~=date-inner][part~=selected][part~=range][part~=last],[part~=date-inner][part~=selected]:not([part~=range]){border-top-color:hsla(var(--igc-gray-500), var(--igc-gray-a));border-bottom-color:hsla(var(--igc-gray-500), var(--igc-gray-a));border-inline-start-color:hsla(var(--igc-gray-500), var(--igc-gray-a))}[part~=date-inner][part~=selected][part~=range][part~=first]:hover,[part~=date-inner][part~=selected][part~=range][part~=first]:focus,[part~=date-inner][part~=selected][part~=range][part~=last]:hover,[part~=date-inner][part~=selected][part~=range][part~=last]:focus,[part~=date-inner][part~=selected]:not([part~=range]):hover,[part~=date-inner][part~=selected]:not([part~=range]):focus{border-color:hsla(var(--igc-gray-500), var(--igc-gray-a))}[part~=date-inner][part~=selected][part~=range][part~=first]:hover,[part~=date-inner][part~=selected][part~=range][part~=last]:hover,[part~=date-inner][part~=selected]:not([part~=range]):hover{background:hsla(var(--igc-gray-300), var(--igc-gray-a))}[part~=date-inner][part~=selected][part~=range][part~=first]:focus,[part~=date-inner][part~=selected][part~=range][part~=last]:focus,[part~=date-inner][part~=selected]:not([part~=range]):focus{background:hsla(var(--igc-gray-200), var(--igc-gray-a))}[part~=date-inner][part~=selected][part~=range][part~=last]{border-inline-start-color:rgba(0,0,0,0);-webkit-border-end:0;border-inline-end:0}[part~=date-inner][part~=selected][part~=range][part~=first]{border-inline-end-color:rgba(0,0,0,0);-webkit-border-start:0;border-inline-start:0}[part~=date-inner][part~=selected][part~=range][part~=weekend]:hover,[part~=date-inner][part~=selected][part~=range][part~=weekend]:focus,[part~=date-inner][part~=selected][part~=range][part~=inactive]:hover,[part~=date-inner][part~=selected][part~=range][part~=inactive]:focus{color:var(--igc-gray-300-contrast);background:hsla(var(--igc-gray-300), var(--igc-gray-a));border-color:hsla(var(--igc-gray-500), var(--igc-gray-a))}[part~=date-inner][part~=last][part~=range]{border-color:rgba(0,0,0,0)}[part~=date-inner][part~=selected][part~=range]{border-top:0;border-bottom:0;color:var(--igc-gray-200-contrast)}[part~=date-inner][part~=selected][part~=range]:hover{background:hsla(var(--igc-gray-300), var(--igc-gray-a));border-color:hsla(var(--igc-gray-500), var(--igc-gray-a))}[part~=date-inner][part~=selected][part~=range]:focus{background:hsla(var(--igc-gray-200), var(--igc-gray-a));border-color:hsla(var(--igc-gray-500), var(--igc-gray-a))}[part~=date-inner][part~=selected][part~=range][part~=preview]:focus{background:hsla(var(--igc-gray-200), var(--igc-gray-a));border-color:hsla(var(--igc-gray-200), var(--igc-gray-a))}[part~=date][part~=selected][part~=range]{background:hsla(var(--igc-gray-200), var(--igc-gray-a));border-top-color:hsla(var(--igc-gray-500), var(--igc-gray-a));border-bottom-color:hsla(var(--igc-gray-500), var(--igc-gray-a))}[part~=date][part~=first][part~=selected][part~=range],[part~=date][part~=last][part~=selected][part~=range]{background:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}[part~=date][part~=first][part~=selected][part~=range]::after,[part~=date][part~=last][part~=selected][part~=range]::after{background:hsla(var(--igc-gray-200), var(--igc-gray-a));border-top-color:hsla(var(--igc-gray-500), var(--igc-gray-a));border-bottom-color:hsla(var(--igc-gray-500), var(--igc-gray-a))}[part~=date][part~=first][part~=selected][part~=range]::before,[part~=date][part~=last][part~=selected][part~=range]::before{content:"";position:absolute;top:-0.0625rem;width:50%;height:100%;border:.0625rem solid hsla(var(--igc-gray-500), var(--igc-gray-a));z-index:3;pointer-events:none}[part~=date][part~=first][part~=selected][part~=range]::before{border-inline-end-color:rgba(0,0,0,0)}[part~=date][part~=last][part~=selected][part~=range]::before{border-inline-start-color:rgba(0,0,0,0)}:host(igc-calendar[size=large]) igc-days-view::part(date first selected range)::before{margin:0;inset-inline-start:calc(50% - 1rem)}:host(igc-calendar[size=large]) igc-days-view::part(date last selected range)::before{inset-inline-end:calc(50% - 1rem)}:host(igc-calendar[size=medium]) igc-days-view::part(date first selected range)::before{inset-inline-start:calc(50% - 0.875rem)}:host(igc-calendar[size=medium]) igc-days-view::part(date last selected range)::before{inset-inline-end:calc(50% - 0.875rem)}:host(igc-calendar[size=small]) igc-days-view::part(date first selected range)::before{inset-inline-start:calc(50% - 0.75rem)}:host(igc-calendar[size=small]) igc-days-view::part(date last selected range)::before{inset-inline-end:calc(50% - 0.75rem)}[part~=date][part~=first][part~=last][part~=selected][part~=range]::before{border-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-inline-end-color:rgba(0,0,0,0)}[part~=date-inner][part~=selected][part~=current][part~=range],[part~=date-inner][part~=first][part~=last][part~=selected][part~=current][part~=range],[part~=date-inner][part~=first][part~=last][part~=selected][part~=current],[part~=date-inner][part~=first][part~=selected][part~=current][part~=range],[part~=date-inner][part~=last][part~=selected][part~=current][part~=range]{color:var(--igc-secondary-600-contrast) !important}[part~=date-inner][part~=selected][part~=current][part~=range]:focus,[part~=date-inner][part~=selected][part~=current][part~=range]:hover,[part~=date-inner][part~=first][part~=last][part~=selected][part~=current][part~=range]:focus,[part~=date-inner][part~=first][part~=last][part~=selected][part~=current][part~=range]:hover,[part~=date-inner][part~=first][part~=last][part~=selected][part~=current]:focus,[part~=date-inner][part~=first][part~=last][part~=selected][part~=current]:hover,[part~=date-inner][part~=first][part~=selected][part~=current][part~=range]:focus,[part~=date-inner][part~=first][part~=selected][part~=current][part~=range]:hover,[part~=date-inner][part~=last][part~=selected][part~=current][part~=range]:focus,[part~=date-inner][part~=last][part~=selected][part~=current][part~=range]:hover{border-color:hsla(var(--igc-gray-500), var(--igc-gray-a))}[part~=date-inner][part~=first][part~=range][part~=preview],[part~=date-inner][part~=first][part~=selected][part~=range][part~=preview]{border-top-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-bottom-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-inline-start-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-inline-end-color:rgba(0,0,0,0);background:rgba(0,0,0,0)}[part~=date-inner][part~=last][part~=range][part~=preview],[part~=date-inner][part~=last][part~=selected][part~=range][part~=preview]{border-top-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-bottom-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-inline-end-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-inline-start-color:rgba(0,0,0,0);background:rgba(0,0,0,0)}[part~=date][part~=range][part~=preview]{border-top-style:solid;border-bottom-style:solid;border-top-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-bottom-color:hsla(var(--igc-gray-200), var(--igc-gray-a))}[part~=date][part~=range][part~=preview]::after{border-top-style:solid;border-bottom-style:solid;border-top-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-bottom-color:hsla(var(--igc-gray-200), var(--igc-gray-a));background:rgba(0,0,0,0)}[part~=date][part~=range][part~=preview][part~=first],[part~=date][part~=range][part~=preview][part~=last]{border-top-color:rgba(0,0,0,0);border-bottom-color:rgba(0,0,0,0)}[part~=date][part~=range][part~=preview][part~=first]::after,[part~=date][part~=range][part~=preview][part~=last]::after{border-top-style:solid;border-bottom-style:solid;border-top-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-bottom-color:hsla(var(--igc-gray-200), var(--igc-gray-a))}[part~=date][part~=first][part~=selected][part~=range][part~=preview],[part~=date][part~=last][part~=selected][part~=range][part~=preview]{background:rgba(0,0,0,0)}[part~=date][part~=first][part~=selected][part~=range][part~=preview]::before,[part~=date][part~=last][part~=selected][part~=range][part~=preview]::before{border-block-start-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-block-end-color:hsla(var(--igc-gray-200), var(--igc-gray-a))}[part~=date][part~=first][part~=selected][part~=range][part~=preview]::after,[part~=date][part~=last][part~=selected][part~=range][part~=preview]::after{border-style:solid;border-top-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-bottom-color:hsla(var(--igc-gray-200), var(--igc-gray-a));background:rgba(0,0,0,0)}[part~=date][part~=first][part~=selected][part~=range][part~=preview]::before{border-inline-start-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-inline-end-color:rgba(0,0,0,0)}[part~=date][part~=first][part~=selected][part~=range][part~=preview]::after{-webkit-border-end:0;border-inline-end:0}[part~=date][part~=last][part~=selected][part~=range][part~=preview]::before{border-inline-end-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-inline-start-color:rgba(0,0,0,0)}[part~=date][part~=last][part~=selected][part~=range][part~=preview]::after{-webkit-border-start:0;border-inline-start:0}[part~=date-inner][part~=first][part~=last][part~=selected]{border-color:hsla(var(--igc-gray-500), var(--igc-gray-a))}[part~=date-inner][part~=first][part~=last][part~=selected],[part~=date-inner][part~=first][part~=selected],[part~=date-inner][part~=last][part~=selected]{background:hsla(var(--igc-gray-200), var(--igc-gray-a)) !important;color:var(--igc-gray-200-contrast) !important}[part~=date-inner][part~=first][part~=last][part~=selected]:focus,[part~=date-inner][part~=first][part~=selected]:focus,[part~=date-inner][part~=last][part~=selected]:focus{background:hsla(var(--igc-gray-200), var(--igc-gray-a)) !important;color:var(--igc-gray-200-contrast) !important}[part~=date-inner][part~=first][part~=last][part~=selected][part~=current]{color:var(--igc-secondary-600-contrast) !important}[part~=date-inner][part~=first][part~=selected][part~=current][part~=range][part~=preview]:focus,[part~=date-inner][part~=last][part~=selected][part~=current][part~=range][part~=preview]:focus{border-color:rgba(0,0,0,0)}`;
 //# sourceMappingURL=days-view.fluent.css.js.map

package/components/calendar/themes/fluent/days-view.fluent.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"days-view.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/calendar/themes/fluent/days-view.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,s3YAAs3Y,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=date-inner]:focus,[part~=date-inner]:hover{background:hsla(var(--igc-gray-300), var(--igc-gray-a));border-color:hsla(var(--igc-gray-300), var(--igc-gray-a))}[part~=date-inner][part~=selected][part~=single]:focus,[part~=date-inner][part~=selected][part~=single]:hover{background:hsla(var(--igc-gray-300), var(--igc-gray-a));border-color:hsla(var(--igc-gray-500), var(--igc-gray-a));color:var(--igc-gray-300-contrast)}[part~=current][part~=date-inner][part~=current],[part~=current][part~=date-inner],[part~=current][part~=single][part~=date-inner]{-webkit-box-shadow:none;box-shadow:none;position:relative;overflow:hidden;color:var(--igc-secondary-600-contrast)}[part~=current][part~=date-inner][part~=current]::after,[part~=current][part~=date-inner]::after,[part~=current][part~=single][part~=date-inner]::after{border-radius:clamp(0rem,var(--igc-radius-factor)*1rem,1rem);content:\"\";position:absolute;top:.0625rem;inset-inline-start:.0625rem;width:calc(100% - 0.125rem);height:calc(100% - 0.125rem);background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));z-index:-1}[part~=current][part~=date-inner][part~=current]:focus,[part~=current][part~=date-inner][part~=current]:hover,[part~=current][part~=date-inner]:focus,[part~=current][part~=date-inner]:hover,[part~=current][part~=single][part~=date-inner]:focus,[part~=current][part~=single][part~=date-inner]:hover{color:var(--igc-secondary-600-contrast)}[part~=current][part~=date-inner][part~=current]:focus::after,[part~=current][part~=date-inner][part~=current]:hover::after,[part~=current][part~=date-inner]:focus::after,[part~=current][part~=date-inner]:hover::after,[part~=current][part~=single][part~=date-inner]:focus::after,[part~=current][part~=single][part~=date-inner]:hover::after{background:hsla(var(--igc-secondary-500), var(--igc-secondary-a))}[part~=selected][part~=date-inner][part~=single]{border-color:hsla(var(--igc-gray-500), var(--igc-gray-a));background:hsla(var(--igc-gray-200), var(--igc-gray-a));color:var(--igc-gray-200-contrast);border-radius:0}[part~=date-inner][part~=selected][part~=current][part~=single]{color:var(--igc-secondary-600-contrast)}[part~=week-number-inner]{border-inline-end-color:hsla(var(--igc-gray-500), var(--igc-gray-a))}[part~=week-number-inner]::after{border-inline-end-color:hsla(var(--igc-gray-500), var(--igc-gray-a))}[part=\"week-number-inner last\"],[part=\"week-number-inner first\"]{border-radius:0}[part~=date-inner][part~=selected][part~=range][part~=first],[part~=date-inner][part~=selected][part~=range][part~=last],[part~=date-inner][part~=selected]:not([part~=range]){border-top-color:hsla(var(--igc-gray-500), var(--igc-gray-a));border-bottom-color:hsla(var(--igc-gray-500), var(--igc-gray-a));border-inline-start-color:hsla(var(--igc-gray-500), var(--igc-gray-a))}[part~=date-inner][part~=selected][part~=range][part~=first]:hover,[part~=date-inner][part~=selected][part~=range][part~=first]:focus,[part~=date-inner][part~=selected][part~=range][part~=last]:hover,[part~=date-inner][part~=selected][part~=range][part~=last]:focus,[part~=date-inner][part~=selected]:not([part~=range]):hover,[part~=date-inner][part~=selected]:not([part~=range]):focus{border-color:hsla(var(--igc-gray-500), var(--igc-gray-a))}[part~=date-inner][part~=selected][part~=range][part~=first]:hover,[part~=date-inner][part~=selected][part~=range][part~=last]:hover,[part~=date-inner][part~=selected]:not([part~=range]):hover{background:hsla(var(--igc-gray-300), var(--igc-gray-a))}[part~=date-inner][part~=selected][part~=range][part~=first]:focus,[part~=date-inner][part~=selected][part~=range][part~=last]:focus,[part~=date-inner][part~=selected]:not([part~=range]):focus{background:hsla(var(--igc-gray-200), var(--igc-gray-a))}[part~=date-inner][part~=selected][part~=range][part~=last]{border-inline-start-color:transparent;-webkit-border-end:0;border-inline-end:0}[part~=date-inner][part~=selected][part~=range][part~=first]{border-inline-end-color:transparent;-webkit-border-start:0;border-inline-start:0}[part~=date-inner][part~=selected][part~=range][part~=weekend]:hover,[part~=date-inner][part~=selected][part~=range][part~=weekend]:focus,[part~=date-inner][part~=selected][part~=range][part~=inactive]:hover,[part~=date-inner][part~=selected][part~=range][part~=inactive]:focus{color:var(--igc-gray-300-contrast);background:hsla(var(--igc-gray-300), var(--igc-gray-a));border-color:hsla(var(--igc-gray-500), var(--igc-gray-a))}[part~=date-inner][part~=last][part~=range]{border-color:transparent}[part~=date-inner][part~=selected][part~=range]{border-top:0;border-bottom:0;color:var(--igc-gray-200-contrast)}[part~=date-inner][part~=selected][part~=range]:hover{background:hsla(var(--igc-gray-300), var(--igc-gray-a));border-color:hsla(var(--igc-gray-500), var(--igc-gray-a))}[part~=date-inner][part~=selected][part~=range]:focus{background:hsla(var(--igc-gray-200), var(--igc-gray-a));border-color:hsla(var(--igc-gray-500), var(--igc-gray-a))}[part~=date-inner][part~=selected][part~=range][part~=preview]:focus{background:hsla(var(--igc-gray-200), var(--igc-gray-a));border-color:hsla(var(--igc-gray-200), var(--igc-gray-a))}[part~=date][part~=selected][part~=range]{background:hsla(var(--igc-gray-200), var(--igc-gray-a));border-top-color:hsla(var(--igc-gray-500), var(--igc-gray-a));border-bottom-color:hsla(var(--igc-gray-500), var(--igc-gray-a))}[part~=date][part~=first][part~=selected][part~=range],[part~=date][part~=last][part~=selected][part~=range]{background:transparent;border-color:transparent}[part~=date][part~=first][part~=selected][part~=range]::after,[part~=date][part~=last][part~=selected][part~=range]::after{background:hsla(var(--igc-gray-200), var(--igc-gray-a));border-top-color:hsla(var(--igc-gray-500), var(--igc-gray-a));border-bottom-color:hsla(var(--igc-gray-500), var(--igc-gray-a))}[part~=date][part~=first][part~=selected][part~=range]::before,[part~=date][part~=last][part~=selected][part~=range]::before{content:\"\";position:absolute;top:-0.0625rem;width:50%;height:100%;border:.0625rem solid hsla(var(--igc-gray-500), var(--igc-gray-a));z-index:3;pointer-events:none}[part~=date][part~=first][part~=selected][part~=range]::before{border-inline-end-color:transparent}[part~=date][part~=last][part~=selected][part~=range]::before{border-inline-start-color:transparent}:host(igc-calendar[size=large]) igc-days-view::part(date first selected range)::before{margin:0;inset-inline-start:calc(50% - 1rem)}:host(igc-calendar[size=large]) igc-days-view::part(date last selected range)::before{inset-inline-end:calc(50% - 1rem)}:host(igc-calendar[size=medium]) igc-days-view::part(date first selected range)::before{inset-inline-start:calc(50% - 0.875rem)}:host(igc-calendar[size=medium]) igc-days-view::part(date last selected range)::before{inset-inline-end:calc(50% - 0.875rem)}:host(igc-calendar[size=small]) igc-days-view::part(date first selected range)::before{inset-inline-start:calc(50% - 0.75rem)}:host(igc-calendar[size=small]) igc-days-view::part(date last selected range)::before{inset-inline-end:calc(50% - 0.75rem)}[part~=date][part~=first][part~=last][part~=selected][part~=range]::before{border-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-inline-end-color:transparent}[part~=date-inner][part~=selected][part~=current][part~=range],[part~=date-inner][part~=first][part~=last][part~=selected][part~=current][part~=range],[part~=date-inner][part~=first][part~=last][part~=selected][part~=current],[part~=date-inner][part~=first][part~=selected][part~=current][part~=range],[part~=date-inner][part~=last][part~=selected][part~=current][part~=range]{color:var(--igc-secondary-600-contrast) !important}[part~=date-inner][part~=selected][part~=current][part~=range]:focus,[part~=date-inner][part~=selected][part~=current][part~=range]:hover,[part~=date-inner][part~=first][part~=last][part~=selected][part~=current][part~=range]:focus,[part~=date-inner][part~=first][part~=last][part~=selected][part~=current][part~=range]:hover,[part~=date-inner][part~=first][part~=last][part~=selected][part~=current]:focus,[part~=date-inner][part~=first][part~=last][part~=selected][part~=current]:hover,[part~=date-inner][part~=first][part~=selected][part~=current][part~=range]:focus,[part~=date-inner][part~=first][part~=selected][part~=current][part~=range]:hover,[part~=date-inner][part~=last][part~=selected][part~=current][part~=range]:focus,[part~=date-inner][part~=last][part~=selected][part~=current][part~=range]:hover{border-color:hsla(var(--igc-gray-500), var(--igc-gray-a))}[part~=date-inner][part~=first][part~=range][part~=preview],[part~=date-inner][part~=first][part~=selected][part~=range][part~=preview]{border-top-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-bottom-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-inline-start-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-inline-end-color:transparent;background:transparent}[part~=date-inner][part~=last][part~=range][part~=preview],[part~=date-inner][part~=last][part~=selected][part~=range][part~=preview]{border-top-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-bottom-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-inline-end-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-inline-start-color:transparent;background:transparent}[part~=date][part~=range][part~=preview]{border-top-style:solid;border-bottom-style:solid;border-top-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-bottom-color:hsla(var(--igc-gray-200), var(--igc-gray-a))}[part~=date][part~=range][part~=preview]::after{border-top-style:solid;border-bottom-style:solid;border-top-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-bottom-color:hsla(var(--igc-gray-200), var(--igc-gray-a));background:transparent}[part~=date][part~=range][part~=preview][part~=first],[part~=date][part~=range][part~=preview][part~=last]{border-top-color:transparent;border-bottom-color:transparent}[part~=date][part~=range][part~=preview][part~=first]::after,[part~=date][part~=range][part~=preview][part~=last]::after{border-top-style:solid;border-bottom-style:solid;border-top-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-bottom-color:hsla(var(--igc-gray-200), var(--igc-gray-a))}[part~=date][part~=first][part~=selected][part~=range][part~=preview],[part~=date][part~=last][part~=selected][part~=range][part~=preview]{background:transparent}[part~=date][part~=first][part~=selected][part~=range][part~=preview]::before,[part~=date][part~=last][part~=selected][part~=range][part~=preview]::before{border-block-start-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-block-end-color:hsla(var(--igc-gray-200), var(--igc-gray-a))}[part~=date][part~=first][part~=selected][part~=range][part~=preview]::after,[part~=date][part~=last][part~=selected][part~=range][part~=preview]::after{border-style:solid;border-top-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-bottom-color:hsla(var(--igc-gray-200), var(--igc-gray-a));background:transparent}[part~=date][part~=first][part~=selected][part~=range][part~=preview]::before{border-inline-start-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-inline-end-color:transparent}[part~=date][part~=first][part~=selected][part~=range][part~=preview]::after{-webkit-border-end:0;border-inline-end:0}[part~=date][part~=last][part~=selected][part~=range][part~=preview]::before{border-inline-end-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-inline-start-color:transparent}[part~=date][part~=last][part~=selected][part~=range][part~=preview]::after{-webkit-border-start:0;border-inline-start:0}[part~=date-inner][part~=first][part~=last][part~=selected]{border-color:hsla(var(--igc-gray-500), var(--igc-gray-a))}[part~=date-inner][part~=first][part~=last][part~=selected],[part~=date-inner][part~=first][part~=selected],[part~=date-inner][part~=last][part~=selected]{background:hsla(var(--igc-gray-200), var(--igc-gray-a)) !important;color:var(--igc-gray-200-contrast) !important}[part~=date-inner][part~=first][part~=last][part~=selected]:focus,[part~=date-inner][part~=first][part~=selected]:focus,[part~=date-inner][part~=last][part~=selected]:focus{background:hsla(var(--igc-gray-200), var(--igc-gray-a)) !important;color:var(--igc-gray-200-contrast) !important}[part~=date-inner][part~=first][part~=last][part~=selected][part~=current]{color:var(--igc-secondary-600-contrast) !important}[part~=date-inner][part~=first][part~=selected][part~=current][part~=range][part~=preview]:focus,[part~=date-inner][part~=last][part~=selected][part~=current][part~=range][part~=preview]:focus{border-color:transparent}`;\n"]}
1	+ {"version":3,"file":"days-view.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/calendar/themes/fluent/days-view.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,85YAA85Y,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=date-inner]:focus,[part~=date-inner]:hover{background:hsla(var(--igc-gray-300), var(--igc-gray-a));border-color:hsla(var(--igc-gray-300), var(--igc-gray-a))}[part~=date-inner][part~=selected][part~=single]:focus,[part~=date-inner][part~=selected][part~=single]:hover{background:hsla(var(--igc-gray-300), var(--igc-gray-a));border-color:hsla(var(--igc-gray-500), var(--igc-gray-a));color:var(--igc-gray-300-contrast)}[part~=current][part~=date-inner][part~=current],[part~=current][part~=date-inner],[part~=current][part~=single][part~=date-inner]{-webkit-box-shadow:none;box-shadow:none;position:relative;overflow:hidden;color:var(--igc-secondary-600-contrast)}[part~=current][part~=date-inner][part~=current]::after,[part~=current][part~=date-inner]::after,[part~=current][part~=single][part~=date-inner]::after{border-radius:clamp(0rem,var(--igc-radius-factor)*1rem,1rem);content:\"\";position:absolute;top:.0625rem;inset-inline-start:.0625rem;width:calc(100% - 0.125rem);height:calc(100% - 0.125rem);background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));z-index:-1}[part~=current][part~=date-inner][part~=current]:focus,[part~=current][part~=date-inner][part~=current]:hover,[part~=current][part~=date-inner]:focus,[part~=current][part~=date-inner]:hover,[part~=current][part~=single][part~=date-inner]:focus,[part~=current][part~=single][part~=date-inner]:hover{color:var(--igc-secondary-600-contrast)}[part~=current][part~=date-inner][part~=current]:focus::after,[part~=current][part~=date-inner][part~=current]:hover::after,[part~=current][part~=date-inner]:focus::after,[part~=current][part~=date-inner]:hover::after,[part~=current][part~=single][part~=date-inner]:focus::after,[part~=current][part~=single][part~=date-inner]:hover::after{background:hsla(var(--igc-secondary-500), var(--igc-secondary-a))}[part~=selected][part~=date-inner][part~=single]{border-color:hsla(var(--igc-gray-500), var(--igc-gray-a));background:hsla(var(--igc-gray-200), var(--igc-gray-a));color:var(--igc-gray-200-contrast);border-radius:0}[part~=date-inner][part~=selected][part~=current][part~=single]{color:var(--igc-secondary-600-contrast)}[part~=week-number-inner]{border-inline-end-color:hsla(var(--igc-gray-500), var(--igc-gray-a))}[part~=week-number-inner]::after{border-inline-end-color:hsla(var(--igc-gray-500), var(--igc-gray-a))}[part=\"week-number-inner last\"],[part=\"week-number-inner first\"]{border-radius:0}[part~=date-inner][part~=selected][part~=range][part~=first],[part~=date-inner][part~=selected][part~=range][part~=last],[part~=date-inner][part~=selected]:not([part~=range]){border-top-color:hsla(var(--igc-gray-500), var(--igc-gray-a));border-bottom-color:hsla(var(--igc-gray-500), var(--igc-gray-a));border-inline-start-color:hsla(var(--igc-gray-500), var(--igc-gray-a))}[part~=date-inner][part~=selected][part~=range][part~=first]:hover,[part~=date-inner][part~=selected][part~=range][part~=first]:focus,[part~=date-inner][part~=selected][part~=range][part~=last]:hover,[part~=date-inner][part~=selected][part~=range][part~=last]:focus,[part~=date-inner][part~=selected]:not([part~=range]):hover,[part~=date-inner][part~=selected]:not([part~=range]):focus{border-color:hsla(var(--igc-gray-500), var(--igc-gray-a))}[part~=date-inner][part~=selected][part~=range][part~=first]:hover,[part~=date-inner][part~=selected][part~=range][part~=last]:hover,[part~=date-inner][part~=selected]:not([part~=range]):hover{background:hsla(var(--igc-gray-300), var(--igc-gray-a))}[part~=date-inner][part~=selected][part~=range][part~=first]:focus,[part~=date-inner][part~=selected][part~=range][part~=last]:focus,[part~=date-inner][part~=selected]:not([part~=range]):focus{background:hsla(var(--igc-gray-200), var(--igc-gray-a))}[part~=date-inner][part~=selected][part~=range][part~=last]{border-inline-start-color:rgba(0,0,0,0);-webkit-border-end:0;border-inline-end:0}[part~=date-inner][part~=selected][part~=range][part~=first]{border-inline-end-color:rgba(0,0,0,0);-webkit-border-start:0;border-inline-start:0}[part~=date-inner][part~=selected][part~=range][part~=weekend]:hover,[part~=date-inner][part~=selected][part~=range][part~=weekend]:focus,[part~=date-inner][part~=selected][part~=range][part~=inactive]:hover,[part~=date-inner][part~=selected][part~=range][part~=inactive]:focus{color:var(--igc-gray-300-contrast);background:hsla(var(--igc-gray-300), var(--igc-gray-a));border-color:hsla(var(--igc-gray-500), var(--igc-gray-a))}[part~=date-inner][part~=last][part~=range]{border-color:rgba(0,0,0,0)}[part~=date-inner][part~=selected][part~=range]{border-top:0;border-bottom:0;color:var(--igc-gray-200-contrast)}[part~=date-inner][part~=selected][part~=range]:hover{background:hsla(var(--igc-gray-300), var(--igc-gray-a));border-color:hsla(var(--igc-gray-500), var(--igc-gray-a))}[part~=date-inner][part~=selected][part~=range]:focus{background:hsla(var(--igc-gray-200), var(--igc-gray-a));border-color:hsla(var(--igc-gray-500), var(--igc-gray-a))}[part~=date-inner][part~=selected][part~=range][part~=preview]:focus{background:hsla(var(--igc-gray-200), var(--igc-gray-a));border-color:hsla(var(--igc-gray-200), var(--igc-gray-a))}[part~=date][part~=selected][part~=range]{background:hsla(var(--igc-gray-200), var(--igc-gray-a));border-top-color:hsla(var(--igc-gray-500), var(--igc-gray-a));border-bottom-color:hsla(var(--igc-gray-500), var(--igc-gray-a))}[part~=date][part~=first][part~=selected][part~=range],[part~=date][part~=last][part~=selected][part~=range]{background:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}[part~=date][part~=first][part~=selected][part~=range]::after,[part~=date][part~=last][part~=selected][part~=range]::after{background:hsla(var(--igc-gray-200), var(--igc-gray-a));border-top-color:hsla(var(--igc-gray-500), var(--igc-gray-a));border-bottom-color:hsla(var(--igc-gray-500), var(--igc-gray-a))}[part~=date][part~=first][part~=selected][part~=range]::before,[part~=date][part~=last][part~=selected][part~=range]::before{content:\"\";position:absolute;top:-0.0625rem;width:50%;height:100%;border:.0625rem solid hsla(var(--igc-gray-500), var(--igc-gray-a));z-index:3;pointer-events:none}[part~=date][part~=first][part~=selected][part~=range]::before{border-inline-end-color:rgba(0,0,0,0)}[part~=date][part~=last][part~=selected][part~=range]::before{border-inline-start-color:rgba(0,0,0,0)}:host(igc-calendar[size=large]) igc-days-view::part(date first selected range)::before{margin:0;inset-inline-start:calc(50% - 1rem)}:host(igc-calendar[size=large]) igc-days-view::part(date last selected range)::before{inset-inline-end:calc(50% - 1rem)}:host(igc-calendar[size=medium]) igc-days-view::part(date first selected range)::before{inset-inline-start:calc(50% - 0.875rem)}:host(igc-calendar[size=medium]) igc-days-view::part(date last selected range)::before{inset-inline-end:calc(50% - 0.875rem)}:host(igc-calendar[size=small]) igc-days-view::part(date first selected range)::before{inset-inline-start:calc(50% - 0.75rem)}:host(igc-calendar[size=small]) igc-days-view::part(date last selected range)::before{inset-inline-end:calc(50% - 0.75rem)}[part~=date][part~=first][part~=last][part~=selected][part~=range]::before{border-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-inline-end-color:rgba(0,0,0,0)}[part~=date-inner][part~=selected][part~=current][part~=range],[part~=date-inner][part~=first][part~=last][part~=selected][part~=current][part~=range],[part~=date-inner][part~=first][part~=last][part~=selected][part~=current],[part~=date-inner][part~=first][part~=selected][part~=current][part~=range],[part~=date-inner][part~=last][part~=selected][part~=current][part~=range]{color:var(--igc-secondary-600-contrast) !important}[part~=date-inner][part~=selected][part~=current][part~=range]:focus,[part~=date-inner][part~=selected][part~=current][part~=range]:hover,[part~=date-inner][part~=first][part~=last][part~=selected][part~=current][part~=range]:focus,[part~=date-inner][part~=first][part~=last][part~=selected][part~=current][part~=range]:hover,[part~=date-inner][part~=first][part~=last][part~=selected][part~=current]:focus,[part~=date-inner][part~=first][part~=last][part~=selected][part~=current]:hover,[part~=date-inner][part~=first][part~=selected][part~=current][part~=range]:focus,[part~=date-inner][part~=first][part~=selected][part~=current][part~=range]:hover,[part~=date-inner][part~=last][part~=selected][part~=current][part~=range]:focus,[part~=date-inner][part~=last][part~=selected][part~=current][part~=range]:hover{border-color:hsla(var(--igc-gray-500), var(--igc-gray-a))}[part~=date-inner][part~=first][part~=range][part~=preview],[part~=date-inner][part~=first][part~=selected][part~=range][part~=preview]{border-top-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-bottom-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-inline-start-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-inline-end-color:rgba(0,0,0,0);background:rgba(0,0,0,0)}[part~=date-inner][part~=last][part~=range][part~=preview],[part~=date-inner][part~=last][part~=selected][part~=range][part~=preview]{border-top-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-bottom-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-inline-end-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-inline-start-color:rgba(0,0,0,0);background:rgba(0,0,0,0)}[part~=date][part~=range][part~=preview]{border-top-style:solid;border-bottom-style:solid;border-top-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-bottom-color:hsla(var(--igc-gray-200), var(--igc-gray-a))}[part~=date][part~=range][part~=preview]::after{border-top-style:solid;border-bottom-style:solid;border-top-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-bottom-color:hsla(var(--igc-gray-200), var(--igc-gray-a));background:rgba(0,0,0,0)}[part~=date][part~=range][part~=preview][part~=first],[part~=date][part~=range][part~=preview][part~=last]{border-top-color:rgba(0,0,0,0);border-bottom-color:rgba(0,0,0,0)}[part~=date][part~=range][part~=preview][part~=first]::after,[part~=date][part~=range][part~=preview][part~=last]::after{border-top-style:solid;border-bottom-style:solid;border-top-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-bottom-color:hsla(var(--igc-gray-200), var(--igc-gray-a))}[part~=date][part~=first][part~=selected][part~=range][part~=preview],[part~=date][part~=last][part~=selected][part~=range][part~=preview]{background:rgba(0,0,0,0)}[part~=date][part~=first][part~=selected][part~=range][part~=preview]::before,[part~=date][part~=last][part~=selected][part~=range][part~=preview]::before{border-block-start-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-block-end-color:hsla(var(--igc-gray-200), var(--igc-gray-a))}[part~=date][part~=first][part~=selected][part~=range][part~=preview]::after,[part~=date][part~=last][part~=selected][part~=range][part~=preview]::after{border-style:solid;border-top-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-bottom-color:hsla(var(--igc-gray-200), var(--igc-gray-a));background:rgba(0,0,0,0)}[part~=date][part~=first][part~=selected][part~=range][part~=preview]::before{border-inline-start-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-inline-end-color:rgba(0,0,0,0)}[part~=date][part~=first][part~=selected][part~=range][part~=preview]::after{-webkit-border-end:0;border-inline-end:0}[part~=date][part~=last][part~=selected][part~=range][part~=preview]::before{border-inline-end-color:hsla(var(--igc-gray-200), var(--igc-gray-a));border-inline-start-color:rgba(0,0,0,0)}[part~=date][part~=last][part~=selected][part~=range][part~=preview]::after{-webkit-border-start:0;border-inline-start:0}[part~=date-inner][part~=first][part~=last][part~=selected]{border-color:hsla(var(--igc-gray-500), var(--igc-gray-a))}[part~=date-inner][part~=first][part~=last][part~=selected],[part~=date-inner][part~=first][part~=selected],[part~=date-inner][part~=last][part~=selected]{background:hsla(var(--igc-gray-200), var(--igc-gray-a)) !important;color:var(--igc-gray-200-contrast) !important}[part~=date-inner][part~=first][part~=last][part~=selected]:focus,[part~=date-inner][part~=first][part~=selected]:focus,[part~=date-inner][part~=last][part~=selected]:focus{background:hsla(var(--igc-gray-200), var(--igc-gray-a)) !important;color:var(--igc-gray-200-contrast) !important}[part~=date-inner][part~=first][part~=last][part~=selected][part~=current]{color:var(--igc-secondary-600-contrast) !important}[part~=date-inner][part~=first][part~=selected][part~=current][part~=range][part~=preview]:focus,[part~=date-inner][part~=last][part~=selected][part~=current][part~=range][part~=preview]:focus{border-color:rgba(0,0,0,0)}`;\n"]}

package/components/calendar/years-view/years-view.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import { LitElement } from 'lit';
-import { Constructor } from '../../common/mixins/constructor';
-import { IgcCalendarBaseEventMap } from '../common/calendar-base';
-declare const IgcYearsViewComponent_base: Constructor<import("../../common/mixins/event-emitter").EventEmitterInterface<IgcCalendarBaseEventMap>> & Constructor<LitElement>;
+import { Constructor } from '../../common/mixins/constructor.js';
+import { IgcCalendarBaseEventMap } from '../common/calendar-base.js';
+declare const IgcYearsViewComponent_base: Constructor<import("../../common/mixins/event-emitter.js").EventEmitterInterface<IgcCalendarBaseEventMap>> & Constructor<LitElement>;
 /**
  * Instantiate a years view as a separate component in the calendar.
  *

package/components/calendar/years-view/years-view.js CHANGED Viewed

@@ -6,15 +6,17 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { html, LitElement } from 'lit';
 import { customElement, property, query } from 'lit/decorators.js';
-import { themes } from '../../../theming';
-import { blazorIndirectRender, blazorSuppressComponent, watch, } from '../../common/decorators';
-import { EventEmitterMixin } from '../../common/mixins/event-emitter';
-import { partNameMap } from '../../common/util';
-import { YEARS_PER_ROW, } from '../common/calendar-base';
-import { calculateYearsRangeStart, setDateSafe } from '../common/utils';
-import { styles as bootstrap } from '../themes/bootstrap/year-month-view.bootstrap.css';
-import { styles as fluent } from '../themes/fluent/year-month-view.fluent.css';
-import { styles } from '../themes/year-month-view.base.css';
+import { themes } from '../../../theming/theming-decorator.js';
+import { blazorIndirectRender } from '../../common/decorators/blazorIndirectRender.js';
+import { blazorSuppressComponent } from '../../common/decorators/blazorSuppressComponent.js';
+import { watch } from '../../common/decorators/watch.js';
+import { EventEmitterMixin } from '../../common/mixins/event-emitter.js';
+import { partNameMap } from '../../common/util.js';
+import { YEARS_PER_ROW, } from '../common/calendar-base.js';
+import { calculateYearsRangeStart, setDateSafe } from '../common/utils.js';
+import { styles as bootstrap } from '../themes/bootstrap/year-month-view.bootstrap.css.js';
+import { styles as fluent } from '../themes/fluent/year-month-view.fluent.css.js';
+import { styles } from '../themes/year-month-view.base.css.js';
 let IgcYearsViewComponent = class IgcYearsViewComponent extends EventEmitterMixin(LitElement) {
     constructor() {
         super();

package/components/calendar/years-view/years-view.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"years-view.js","sourceRoot":"","sources":["../../../../src/components/calendar/years-view/years-view.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,MAAM,EAAE,MAAM,~~kBAAkB~~,CAAC;~~AAC1C~~,OAAO,~~EACL~~,oBAAoB,~~EACpB~~,uBAAuB,~~EACvB~~,KAAK,~~GACN~~,MAAM,~~yBAAyB~~,CAAC;~~AAEjC~~,OAAO,EAAE,iBAAiB,EAAE,MAAM,~~mCAAmC~~,CAAC;~~AACtE~~,OAAO,EAAE,WAAW,EAAE,MAAM,~~mBAAmB~~,CAAC;~~AAChD~~,OAAO,EAEL,aAAa,GACd,MAAM,~~yBAAyB~~,CAAC;~~AACjC~~,OAAO,EAAE,wBAAwB,EAAE,WAAW,EAAE,MAAM,~~iBAAiB~~,CAAC;~~AACxE~~,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,~~mDAAmD~~,CAAC;~~AACxF~~,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,~~6CAA6C~~,CAAC;~~AAC/E~~,OAAO,EAAE,MAAM,EAAE,MAAM,~~oCAAoC~~,CAAC;~~AAkB5D~~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","sourcesContent":["import { html, LitElement } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { themes } from '../../../theming';\nimport {\n blazorIndirectRender~~,\n~~ blazorSuppressComponent~~,\n~~ watch~~,\n~~} from '../../common/decorators';\nimport { Constructor } from '../../common/mixins/constructor';\nimport { EventEmitterMixin } from '../../common/mixins/event-emitter';\nimport { partNameMap } from '../../common/util';\nimport {\n IgcCalendarBaseEventMap,\n YEARS_PER_ROW,\n} from '../common/calendar-base';\nimport { calculateYearsRangeStart, setDateSafe } from '../common/utils';\nimport { styles as bootstrap } from '../themes/bootstrap/year-month-view.bootstrap.css';\nimport { styles as fluent } from '../themes/fluent/year-month-view.fluent.css';\nimport { styles } from '../themes/year-month-view.base.css';\n\n/*\n Instantiate a years view as a separate component in the calendar.\n \n @element igc-years-view\n \n @csspart years-row - The years row container.\n * @csspart year - The year container.\n * @csspart year-inner - The inner year container.\n /\n@customElement('igc-years-view')\n@blazorIndirectRender\n@blazorSuppressComponent\n@themes({\n bootstrap,\n fluent,\n})\nexport default class IgcYearsViewComponent extends EventEmitterMixin<\n IgcCalendarBaseEventMap,\n Constructor<LitElement>\n>(LitElement) {\n public static styles = styles;\n\n private years!: Date[][];\n\n @query('[tabindex=\"0\"]')\n private activeYear!: HTMLElement;\n\n /* Тhe current value of the calendar. /\n @property({ attribute: false })\n public value = new Date();\n\n /* Sets how many years are displayed on a single page. /\n @property({ type: Number, attribute: 'years-per-page' })\n public yearsPerPage = 15;\n\n @watch('value')\n @watch('yearsPerPage')\n protected datesChange() {\n this.years = this.generateYears();\n }\n\n constructor() {\n super();\n this.setAttribute('role', 'grid');\n }\n\n /* Focuses the active date. /\n public focusActiveDate() {\n this.activeYear.focus();\n }\n\n private formattedYear(value: Date) {\n return `${value.getFullYear()}`;\n }\n\n private generateYears() {\n const startYear = calculateYearsRangeStart(this.value, this.yearsPerPage);\n const month = this.value.getMonth();\n const result = [];\n\n const rows = this.yearsPerPage / YEARS_PER_ROW;\n\n for (let i = 0; i < rows; i++) {\n const row: Date[] = [];\n for (let j = 0; j < YEARS_PER_ROW; j++) {\n const year = startYear + i YEARS_PER_ROW + j;\n const date = new Date(year, month, 1);\n // fix year since values between 0 and 100 results in 1900s\n date.setFullYear(year);\n row.push(date);\n }\n result.push(row);\n }\n\n return result;\n }\n\n private resolveYearPartName(date: Date) {\n const today = new Date();\n return {\n year: true,\n selected: date.getFullYear() === this.value.getFullYear(),\n current: date.getFullYear() === today.getFullYear(),\n };\n }\n\n private selectYear(year: Date) {\n const value = new Date(year);\n setDateSafe(value, this.value.getDate());\n this.value = value;\n this.emitEvent('igcChange', { detail: this.value });\n }\n\n private yearKeyDown(event: KeyboardEvent, year: Date) {\n if (event.key === 'Enter' \|\| event.key === ' ') {\n event.preventDefault();\n this.selectYear(year);\n }\n }\n\n protected override render() {\n return html`${this.years.map((row) => {\n return html`<div part=\"years-row\" role=\"row\">\n ${row.map((year) => {\n const yearPartName = partNameMap(this.resolveYearPartName(year));\n const yearInnerPartName = yearPartName.replace('year', 'year-inner');\n\n return html`<span part=${yearPartName}>\n <span\n part=${yearInnerPartName}\n role=\"gridcell\"\n aria-selected=${year.getFullYear() === this.value.getFullYear()}\n tabindex=\"${year.getFullYear() === this.value.getFullYear()\n ? 0\n : -1}\"\n @click=${() => this.selectYear(year)}\n @keydown=${(event: KeyboardEvent) =>\n this.yearKeyDown(event, year)}\n >\n ${this.formattedYear(year)}\n </span>\n </span>`;\n })}\n </div>`;\n })}`;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-years-view': IgcYearsViewComponent;\n }\n}\n"]}
1	+ {"version":3,"file":"years-view.js","sourceRoot":"","sources":["../../../../src/components/calendar/years-view/years-view.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,MAAM,EAAE,MAAM,uCAAuC,CAAC;AAC/D,OAAO,EAAE,oBAAoB,EAAE,MAAM,iDAAiD,CAAC;AACvF,OAAO,EAAE,uBAAuB,EAAE,MAAM,oDAAoD,CAAC;AAC7F,OAAO,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAEzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAC;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAEL,aAAa,GACd,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,wBAAwB,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,sDAAsD,CAAC;AAC3F,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,gDAAgD,CAAC;AAClF,OAAO,EAAE,MAAM,EAAE,MAAM,uCAAuC,CAAC;AAkB/D,IAAqB,qBAAqB,GAA1C,MAAqB,qBAAsB,SAAQ,iBAAiB,CAGlE,UAAU,CAAC;IAsBX;QACE,KAAK,EAAE,CAAC;QAbH,UAAK,GAAG,IAAI,IAAI,EAAE,CAAC;QAInB,iBAAY,GAAG,EAAE,CAAC;QAUvB,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,CAAC;IAPS,WAAW;QACnB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;IACpC,CAAC;IAQM,eAAe;QACpB,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC;IAC1B,CAAC;IAEO,aAAa,CAAC,KAAW;QAC/B,OAAO,GAAG,KAAK,CAAC,WAAW,EAAE,EAAE,CAAC;IAClC,CAAC;IAEO,aAAa;QACnB,MAAM,SAAS,GAAG,wBAAwB,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;QAC1E,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;QACpC,MAAM,MAAM,GAAG,EAAE,CAAC;QAElB,MAAM,IAAI,GAAG,IAAI,CAAC,YAAY,GAAG,aAAa,CAAC;QAE/C,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,CAAC,EAAE,EAAE;YAC7B,MAAM,GAAG,GAAW,EAAE,CAAC;YACvB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,aAAa,EAAE,CAAC,EAAE,EAAE;gBACtC,MAAM,IAAI,GAAG,SAAS,GAAG,CAAC,GAAG,aAAa,GAAG,CAAC,CAAC;gBAC/C,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;gBAEtC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;gBACvB,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;aAChB;YACD,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;SAClB;QAED,OAAO,MAAM,CAAC;IAChB,CAAC;IAEO,mBAAmB,CAAC,IAAU;QACpC,MAAM,KAAK,GAAG,IAAI,IAAI,EAAE,CAAC;QACzB,OAAO;YACL,IAAI,EAAE,IAAI;YACV,QAAQ,EAAE,IAAI,CAAC,WAAW,EAAE,KAAK,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE;YACzD,OAAO,EAAE,IAAI,CAAC,WAAW,EAAE,KAAK,KAAK,CAAC,WAAW,EAAE;SACpD,CAAC;IACJ,CAAC;IAEO,UAAU,CAAC,IAAU;QAC3B,MAAM,KAAK,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC;QAC7B,WAAW,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC;QACzC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;IACtD,CAAC;IAEO,WAAW,CAAC,KAAoB,EAAE,IAAU;QAClD,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE;YAC9C,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;SACvB;IACH,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;YACnC,OAAO,IAAI,CAAA;UACP,GAAG,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;gBACjB,MAAM,YAAY,GAAG,WAAW,CAAC,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC,CAAC;gBACjE,MAAM,iBAAiB,GAAG,YAAY,CAAC,OAAO,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;gBAErE,OAAO,IAAI,CAAA,cAAc,YAAY;;qBAE1B,iBAAiB;;8BAER,IAAI,CAAC,WAAW,EAAE,KAAK,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE;0BACnD,IAAI,CAAC,WAAW,EAAE,KAAK,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE;oBACzD,CAAC,CAAC,CAAC;oBACH,CAAC,CAAC,CAAC,CAAC;uBACG,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC;yBACzB,CAAC,KAAoB,EAAE,EAAE,CAClC,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,IAAI,CAAC;;gBAE7B,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC;;kBAEtB,CAAC;YACX,CAAC,CAAC;aACG,CAAC;QACV,CAAC,CAAC,EAAE,CAAC;IACP,CAAC;CACF,CAAA;AA1Ge,4BAAM,GAAG,MAAO,CAAA;AAK9B;IADC,KAAK,CAAC,gBAAgB,CAAC;yDACS;AAIjC;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;oDACL;AAI1B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;2DAC/B;AAIzB;IAFC,KAAK,CAAC,OAAO,CAAC;IACd,KAAK,CAAC,cAAc,CAAC;wDAGrB;AAvBkB,qBAAqB;IAPzC,aAAa,CAAC,gBAAgB,CAAC;IAC/B,oBAAoB;IACpB,uBAAuB;IACvB,MAAM,CAAC;QACN,SAAS;QACT,MAAM;KACP,CAAC;GACmB,qBAAqB,CA8GzC;eA9GoB,qBAAqB","sourcesContent":["import { html, LitElement } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { themes } from '../../../theming/theming-decorator.js';\nimport { blazorIndirectRender } from '../../common/decorators/blazorIndirectRender.js';\nimport { blazorSuppressComponent } from '../../common/decorators/blazorSuppressComponent.js';\nimport { watch } from '../../common/decorators/watch.js';\nimport { Constructor } from '../../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../../common/mixins/event-emitter.js';\nimport { partNameMap } from '../../common/util.js';\nimport {\n IgcCalendarBaseEventMap,\n YEARS_PER_ROW,\n} from '../common/calendar-base.js';\nimport { calculateYearsRangeStart, setDateSafe } from '../common/utils.js';\nimport { styles as bootstrap } from '../themes/bootstrap/year-month-view.bootstrap.css.js';\nimport { styles as fluent } from '../themes/fluent/year-month-view.fluent.css.js';\nimport { styles } from '../themes/year-month-view.base.css.js';\n\n/*\n Instantiate a years view as a separate component in the calendar.\n \n @element igc-years-view\n \n @csspart years-row - The years row container.\n * @csspart year - The year container.\n * @csspart year-inner - The inner year container.\n /\n@customElement('igc-years-view')\n@blazorIndirectRender\n@blazorSuppressComponent\n@themes({\n bootstrap,\n fluent,\n})\nexport default class IgcYearsViewComponent extends EventEmitterMixin<\n IgcCalendarBaseEventMap,\n Constructor<LitElement>\n>(LitElement) {\n public static styles = styles;\n\n private years!: Date[][];\n\n @query('[tabindex=\"0\"]')\n private activeYear!: HTMLElement;\n\n /* Тhe current value of the calendar. /\n @property({ attribute: false })\n public value = new Date();\n\n /* Sets how many years are displayed on a single page. /\n @property({ type: Number, attribute: 'years-per-page' })\n public yearsPerPage = 15;\n\n @watch('value')\n @watch('yearsPerPage')\n protected datesChange() {\n this.years = this.generateYears();\n }\n\n constructor() {\n super();\n this.setAttribute('role', 'grid');\n }\n\n /* Focuses the active date. /\n public focusActiveDate() {\n this.activeYear.focus();\n }\n\n private formattedYear(value: Date) {\n return `${value.getFullYear()}`;\n }\n\n private generateYears() {\n const startYear = calculateYearsRangeStart(this.value, this.yearsPerPage);\n const month = this.value.getMonth();\n const result = [];\n\n const rows = this.yearsPerPage / YEARS_PER_ROW;\n\n for (let i = 0; i < rows; i++) {\n const row: Date[] = [];\n for (let j = 0; j < YEARS_PER_ROW; j++) {\n const year = startYear + i YEARS_PER_ROW + j;\n const date = new Date(year, month, 1);\n // fix year since values between 0 and 100 results in 1900s\n date.setFullYear(year);\n row.push(date);\n }\n result.push(row);\n }\n\n return result;\n }\n\n private resolveYearPartName(date: Date) {\n const today = new Date();\n return {\n year: true,\n selected: date.getFullYear() === this.value.getFullYear(),\n current: date.getFullYear() === today.getFullYear(),\n };\n }\n\n private selectYear(year: Date) {\n const value = new Date(year);\n setDateSafe(value, this.value.getDate());\n this.value = value;\n this.emitEvent('igcChange', { detail: this.value });\n }\n\n private yearKeyDown(event: KeyboardEvent, year: Date) {\n if (event.key === 'Enter' \|\| event.key === ' ') {\n event.preventDefault();\n this.selectYear(year);\n }\n }\n\n protected override render() {\n return html`${this.years.map((row) => {\n return html`<div part=\"years-row\" role=\"row\">\n ${row.map((year) => {\n const yearPartName = partNameMap(this.resolveYearPartName(year));\n const yearInnerPartName = yearPartName.replace('year', 'year-inner');\n\n return html`<span part=${yearPartName}>\n <span\n part=${yearInnerPartName}\n role=\"gridcell\"\n aria-selected=${year.getFullYear() === this.value.getFullYear()}\n tabindex=\"${year.getFullYear() === this.value.getFullYear()\n ? 0\n : -1}\"\n @click=${() => this.selectYear(year)}\n @keydown=${(event: KeyboardEvent) =>\n this.yearKeyDown(event, year)}\n >\n ${this.formattedYear(year)}\n </span>\n </span>`;\n })}\n </div>`;\n })}`;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-years-view': IgcYearsViewComponent;\n }\n}\n"]}

package/components/card/card.actions.js CHANGED Viewed

@@ -6,9 +6,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { html, LitElement } from 'lit';
 import { property } from 'lit/decorators.js';
-import { themes } from '../../theming';
-import { styles as bootstrap } from './themes/light/card.actions.bootstrap.css';
-import { styles } from './themes/light/card.actions.material.css';
+import { themes } from '../../theming/theming-decorator.js';
+import { styles as bootstrap } from './themes/light/card.actions.bootstrap.css.js';
+import { styles } from './themes/light/card.actions.material.css.js';
 let IgcCardActionsComponent = class IgcCardActionsComponent extends LitElement {
     constructor() {
         super(...arguments);

package/components/card/card.actions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"card.actions.js","sourceRoot":"","sources":["../../../src/components/card/card.actions.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,~~eAAe~~,CAAC;~~AACvC~~,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,~~2CAA2C~~,CAAC;~~AAChF~~,OAAO,EAAE,MAAM,EAAE,MAAM,~~0CAA0C~~,CAAC;~~AAUlE~~,IAAqB,uBAAuB,GAA5C,MAAqB,uBAAwB,SAAQ,UAAU;IAA/D;;QAMS,gBAAW,GAA8B,YAAY,CAAC;IAS/D,CAAC;IAPoB,MAAM;QACvB,OAAO,IAAI,CAAA;;;;KAIV,CAAC;IACJ,CAAC;CACF,CAAA;AAdwB,+BAAO,GAAG,kBAAmB,CAAA;AAC7B,8BAAM,GAAG,MAAO,CAAA;AAIvC;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4DACiC;AAN1C,uBAAuB;IAD3C,MAAM,CAAC,EAAE,SAAS,EAAE,CAAC;GACD,uBAAuB,CAe3C;eAfoB,uBAAuB","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { themes } from '../../theming';\nimport { styles as bootstrap } from './themes/light/card.actions.bootstrap.css';\nimport { styles } from './themes/light/card.actions.material.css';\n\n/** A container for card action items like buttons\n * @element igc-card-actions\n \n @slot start - Renders items at the beginning of actions area\n * @slot - Renders items at the middle of actions area\n * @slot end - Renders items at the end of actions area\n /\n@themes({ bootstrap })\nexport default class IgcCardActionsComponent extends LitElement {\n public static readonly tagName = 'igc-card-actions';\n public static override styles = styles;\n\n /* The orientation of the actions. */\n @property({ reflect: true })\n public orientation: 'vertical' \| 'horizontal' = 'horizontal';\n\n protected override render() {\n return html`\n <slot name=\"start\"></slot>\n <slot></slot>\n <slot name=\"end\"></slot>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-card-actions': IgcCardActionsComponent;\n }\n}\n"]}
1	+ {"version":3,"file":"card.actions.js","sourceRoot":"","sources":["../../../src/components/card/card.actions.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,8CAA8C,CAAC;AACnF,OAAO,EAAE,MAAM,EAAE,MAAM,6CAA6C,CAAC;AAUrE,IAAqB,uBAAuB,GAA5C,MAAqB,uBAAwB,SAAQ,UAAU;IAA/D;;QAMS,gBAAW,GAA8B,YAAY,CAAC;IAS/D,CAAC;IAPoB,MAAM;QACvB,OAAO,IAAI,CAAA;;;;KAIV,CAAC;IACJ,CAAC;CACF,CAAA;AAdwB,+BAAO,GAAG,kBAAmB,CAAA;AAC7B,8BAAM,GAAG,MAAO,CAAA;AAIvC;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4DACiC;AAN1C,uBAAuB;IAD3C,MAAM,CAAC,EAAE,SAAS,EAAE,CAAC;GACD,uBAAuB,CAe3C;eAfoB,uBAAuB","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { themes } from '../../theming/theming-decorator.js';\nimport { styles as bootstrap } from './themes/light/card.actions.bootstrap.css.js';\nimport { styles } from './themes/light/card.actions.material.css.js';\n\n/** A container for card action items like buttons\n * @element igc-card-actions\n \n @slot start - Renders items at the beginning of actions area\n * @slot - Renders items at the middle of actions area\n * @slot end - Renders items at the end of actions area\n /\n@themes({ bootstrap })\nexport default class IgcCardActionsComponent extends LitElement {\n public static readonly tagName = 'igc-card-actions';\n public static override styles = styles;\n\n /* The orientation of the actions. */\n @property({ reflect: true })\n public orientation: 'vertical' \| 'horizontal' = 'horizontal';\n\n protected override render() {\n return html`\n <slot name=\"start\"></slot>\n <slot></slot>\n <slot name=\"end\"></slot>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-card-actions': IgcCardActionsComponent;\n }\n}\n"]}

package/components/card/card.content.js CHANGED Viewed

@@ -5,9 +5,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { html, LitElement } from 'lit';
-import { themes } from '../../theming';
-import { styles as bootstrap } from './themes/light/card.content.bootstrap.css';
-import { styles } from './themes/light/card.content.material.css';
+import { themes } from '../../theming/theming-decorator.js';
+import { styles as bootstrap } from './themes/light/card.content.bootstrap.css.js';
+import { styles } from './themes/light/card.content.material.css.js';
 let IgcCardContentComponent = class IgcCardContentComponent extends LitElement {
     render() {
         return html ` <slot></slot> `;

package/components/card/card.content.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"card.content.js","sourceRoot":"","sources":["../../../src/components/card/card.content.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,~~eAAe~~,CAAC;~~AACvC~~,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,~~2CAA2C~~,CAAC;~~AAChF~~,OAAO,EAAE,MAAM,EAAE,MAAM,~~0CAA0C~~,CAAC;~~AAQlE~~,IAAqB,uBAAuB,GAA5C,MAAqB,uBAAwB,SAAQ,UAAU;IAI1C,MAAM;QACvB,OAAO,IAAI,CAAA,iBAAiB,CAAC;IAC/B,CAAC;CACF,CAAA;AANwB,+BAAO,GAAG,kBAAmB,CAAA;AAC7B,8BAAM,GAAG,MAAO,CAAA;AAFpB,uBAAuB;IAD3C,MAAM,CAAC,EAAE,SAAS,EAAE,CAAC;GACD,uBAAuB,CAO3C;eAPoB,uBAAuB","sourcesContent":["import { html, LitElement } from 'lit';\nimport { themes } from '../../theming';\nimport { styles as bootstrap } from './themes/light/card.content.bootstrap.css';\nimport { styles } from './themes/light/card.content.material.css';\n\n/** A container for card's text content\n * @element igc-card-content\n \n @slot - Renders the card text content\n */\n@themes({ bootstrap })\nexport default class IgcCardContentComponent extends LitElement {\n public static readonly tagName = 'igc-card-content';\n public static override styles = styles;\n\n protected override render() {\n return html` <slot></slot> `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-card-content': IgcCardContentComponent;\n }\n}\n"]}
1	+ {"version":3,"file":"card.content.js","sourceRoot":"","sources":["../../../src/components/card/card.content.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,8CAA8C,CAAC;AACnF,OAAO,EAAE,MAAM,EAAE,MAAM,6CAA6C,CAAC;AAQrE,IAAqB,uBAAuB,GAA5C,MAAqB,uBAAwB,SAAQ,UAAU;IAI1C,MAAM;QACvB,OAAO,IAAI,CAAA,iBAAiB,CAAC;IAC/B,CAAC;CACF,CAAA;AANwB,+BAAO,GAAG,kBAAmB,CAAA;AAC7B,8BAAM,GAAG,MAAO,CAAA;AAFpB,uBAAuB;IAD3C,MAAM,CAAC,EAAE,SAAS,EAAE,CAAC;GACD,uBAAuB,CAO3C;eAPoB,uBAAuB","sourcesContent":["import { html, LitElement } from 'lit';\nimport { themes } from '../../theming/theming-decorator.js';\nimport { styles as bootstrap } from './themes/light/card.content.bootstrap.css.js';\nimport { styles } from './themes/light/card.content.material.css.js';\n\n/** A container for card's text content\n * @element igc-card-content\n \n @slot - Renders the card text content\n */\n@themes({ bootstrap })\nexport default class IgcCardContentComponent extends LitElement {\n public static readonly tagName = 'igc-card-content';\n public static override styles = styles;\n\n protected override render() {\n return html` <slot></slot> `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-card-content': IgcCardContentComponent;\n }\n}\n"]}

package/components/card/card.header.js CHANGED Viewed

@@ -5,10 +5,10 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { html, LitElement } from 'lit';
-import { themes } from '../../theming';
-import { styles as bootstrap } from './themes/light/card.header.bootstrap.css';
-import { styles as indigo } from './themes/light/card.header.indigo.css';
-import { styles } from './themes/light/card.header.material.css';
+import { themes } from '../../theming/theming-decorator.js';
+import { styles as bootstrap } from './themes/light/card.header.bootstrap.css.js';
+import { styles as indigo } from './themes/light/card.header.indigo.css.js';
+import { styles } from './themes/light/card.header.material.css.js';
 let IgcCardHeaderComponent = class IgcCardHeaderComponent extends LitElement {
     render() {
         return html `

package/components/card/card.header.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"card.header.js","sourceRoot":"","sources":["../../../src/components/card/card.header.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,~~eAAe~~,CAAC;~~AACvC~~,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,~~0CAA0C~~,CAAC;~~AAC/E~~,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,~~uCAAuC~~,CAAC;~~AACzE~~,OAAO,EAAE,MAAM,EAAE,MAAM,~~yCAAyC~~,CAAC;~~AAgBjE~~,IAAqB,sBAAsB,GAA3C,MAAqB,sBAAuB,SAAQ,UAAU;IAIzC,MAAM;QACvB,OAAO,IAAI,CAAA;;;;;;;;;;;KAWV,CAAC;IACJ,CAAC;CACF,CAAA;AAjBwB,8BAAO,GAAG,iBAAkB,CAAA;AAC5B,6BAAM,GAAG,MAAO,CAAA;AAFpB,sBAAsB;IAJ1C,MAAM,CAAC;QACN,SAAS;QACT,MAAM;KACP,CAAC;GACmB,sBAAsB,CAkB1C;eAlBoB,sBAAsB","sourcesContent":["import { html, LitElement } from 'lit';\nimport { themes } from '../../theming';\nimport { styles as bootstrap } from './themes/light/card.header.bootstrap.css';\nimport { styles as indigo } from './themes/light/card.header.indigo.css';\nimport { styles } from './themes/light/card.header.material.css';\n\n/** A container for card's header\n * @element igc-card-header\n \n @slot thumbnail - Renders header media like icon\n * @slot title - Renders the card title\n * @slot subtitle - Renders the card subtitle\n * @slot - Renders content next to the card title\n \n @csspart header - The card header container\n */\n@themes({\n bootstrap,\n indigo,\n})\nexport default class IgcCardHeaderComponent extends LitElement {\n public static readonly tagName = 'igc-card-header';\n public static override styles = styles;\n\n protected override render() {\n return html`\n <section>\n <slot name=\"thumbnail\"></slot>\n </section>\n <section>\n <header part=\"header\">\n <slot part=\"title\" name=\"title\"></slot>\n <slot part=\"subtitle\" name=\"subtitle\"></slot>\n </header>\n <slot></slot>\n </section>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-card-header': IgcCardHeaderComponent;\n }\n}\n"]}
1	+ {"version":3,"file":"card.header.js","sourceRoot":"","sources":["../../../src/components/card/card.header.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,6CAA6C,CAAC;AAClF,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,0CAA0C,CAAC;AAC5E,OAAO,EAAE,MAAM,EAAE,MAAM,4CAA4C,CAAC;AAgBpE,IAAqB,sBAAsB,GAA3C,MAAqB,sBAAuB,SAAQ,UAAU;IAIzC,MAAM;QACvB,OAAO,IAAI,CAAA;;;;;;;;;;;KAWV,CAAC;IACJ,CAAC;CACF,CAAA;AAjBwB,8BAAO,GAAG,iBAAkB,CAAA;AAC5B,6BAAM,GAAG,MAAO,CAAA;AAFpB,sBAAsB;IAJ1C,MAAM,CAAC;QACN,SAAS;QACT,MAAM;KACP,CAAC;GACmB,sBAAsB,CAkB1C;eAlBoB,sBAAsB","sourcesContent":["import { html, LitElement } from 'lit';\nimport { themes } from '../../theming/theming-decorator.js';\nimport { styles as bootstrap } from './themes/light/card.header.bootstrap.css.js';\nimport { styles as indigo } from './themes/light/card.header.indigo.css.js';\nimport { styles } from './themes/light/card.header.material.css.js';\n\n/** A container for card's header\n * @element igc-card-header\n \n @slot thumbnail - Renders header media like icon\n * @slot title - Renders the card title\n * @slot subtitle - Renders the card subtitle\n * @slot - Renders content next to the card title\n \n @csspart header - The card header container\n */\n@themes({\n bootstrap,\n indigo,\n})\nexport default class IgcCardHeaderComponent extends LitElement {\n public static readonly tagName = 'igc-card-header';\n public static override styles = styles;\n\n protected override render() {\n return html`\n <section>\n <slot name=\"thumbnail\"></slot>\n </section>\n <section>\n <header part=\"header\">\n <slot part=\"title\" name=\"title\"></slot>\n <slot part=\"subtitle\" name=\"subtitle\"></slot>\n </header>\n <slot></slot>\n </section>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-card-header': IgcCardHeaderComponent;\n }\n}\n"]}

package/components/card/card.js CHANGED Viewed

@@ -6,10 +6,10 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { html, LitElement } from 'lit';
 import { property } from 'lit/decorators.js';
-import { themes } from '../../theming';
-import { styles as bootstrap } from './themes/light/card.bootstrap.css';
-import { styles as fluent } from './themes/light/card.fluent.css';
-import { styles } from './themes/light/card.material.css';
+import { themes } from '../../theming/theming-decorator.js';
+import { styles as bootstrap } from './themes/light/card.bootstrap.css.js';
+import { styles as fluent } from './themes/light/card.fluent.css.js';
+import { styles } from './themes/light/card.material.css.js';
 let IgcCardComponent = class IgcCardComponent extends LitElement {
     constructor() {
         super(...arguments);

package/components/card/card.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"card.js","sourceRoot":"","sources":["../../../src/components/card/card.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,~~eAAe~~,CAAC;~~AACvC~~,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,~~mCAAmC~~,CAAC;~~AACxE~~,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,~~gCAAgC~~,CAAC;~~AAClE~~,OAAO,EAAE,MAAM,EAAE,MAAM,~~kCAAkC~~,CAAC;~~AAW1D~~,IAAqB,gBAAgB,GAArC,MAAqB,gBAAiB,SAAQ,UAAU;IAAxD;;QAMS,aAAQ,GAAG,KAAK,CAAC;IAK1B,CAAC;IAHoB,MAAM;QACvB,OAAO,IAAI,CAAA,iBAAiB,CAAC;IAC/B,CAAC;CACF,CAAA;AAVwB,wBAAO,GAAG,UAAW,CAAA;AACrB,uBAAM,GAAG,MAAO,CAAA;AAIvC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDACnB;AANL,gBAAgB;IAJpC,MAAM,CAAC;QACN,SAAS;QACT,MAAM;KACP,CAAC;GACmB,gBAAgB,CAWpC;eAXoB,gBAAgB","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { themes } from '../../theming';\nimport { styles as bootstrap } from './themes/light/card.bootstrap.css';\nimport { styles as fluent } from './themes/light/card.fluent.css';\nimport { styles } from './themes/light/card.material.css';\n\n/** A container which wraps different elements related to a single subject\n * @element igc-card\n \n @slot - Renders card content\n /\n@themes({\n bootstrap,\n fluent,\n})\nexport default class IgcCardComponent extends LitElement {\n public static readonly tagName = 'igc-card';\n public static override styles = styles;\n\n /* Sets card elevated style, otherwise card looks outlined. */\n @property({ type: Boolean, reflect: true })\n public elevated = false;\n\n protected override render() {\n return html` <slot></slot> `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-card': IgcCardComponent;\n }\n}\n"]}
1	+ {"version":3,"file":"card.js","sourceRoot":"","sources":["../../../src/components/card/card.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,mCAAmC,CAAC;AACrE,OAAO,EAAE,MAAM,EAAE,MAAM,qCAAqC,CAAC;AAW7D,IAAqB,gBAAgB,GAArC,MAAqB,gBAAiB,SAAQ,UAAU;IAAxD;;QAMS,aAAQ,GAAG,KAAK,CAAC;IAK1B,CAAC;IAHoB,MAAM;QACvB,OAAO,IAAI,CAAA,iBAAiB,CAAC;IAC/B,CAAC;CACF,CAAA;AAVwB,wBAAO,GAAG,UAAW,CAAA;AACrB,uBAAM,GAAG,MAAO,CAAA;AAIvC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDACnB;AANL,gBAAgB;IAJpC,MAAM,CAAC;QACN,SAAS;QACT,MAAM;KACP,CAAC;GACmB,gBAAgB,CAWpC;eAXoB,gBAAgB","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { themes } from '../../theming/theming-decorator.js';\nimport { styles as bootstrap } from './themes/light/card.bootstrap.css.js';\nimport { styles as fluent } from './themes/light/card.fluent.css.js';\nimport { styles } from './themes/light/card.material.css.js';\n\n/** A container which wraps different elements related to a single subject\n * @element igc-card\n \n @slot - Renders card content\n /\n@themes({\n bootstrap,\n fluent,\n})\nexport default class IgcCardComponent extends LitElement {\n public static readonly tagName = 'igc-card';\n public static override styles = styles;\n\n /* Sets card elevated style, otherwise card looks outlined. */\n @property({ type: Boolean, reflect: true })\n public elevated = false;\n\n protected override render() {\n return html` <slot></slot> `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-card': IgcCardComponent;\n }\n}\n"]}

package/components/card/card.media.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { html, LitElement } from 'lit';
-import { styles } from './themes/light/card.media.material.css';
+import { styles } from './themes/light/card.media.material.css.js';
 export default class IgcCardMediaComponent extends LitElement {
     render() {
         return html ` <slot></slot> `;

package/components/card/card.media.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"card.media.js","sourceRoot":"","sources":["../../../src/components/card/card.media.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,~~wCAAwC~~,CAAC;~~AAOhE~~,MAAM,CAAC,OAAO,OAAO,qBAAsB,SAAQ,UAAU;IAIxC,MAAM;QACvB,OAAO,IAAI,CAAA,iBAAiB,CAAC;IAC/B,CAAC;;AALsB,6BAAO,GAAG,gBAAgB,CAAC;AAC3B,4BAAM,GAAG,MAAM,CAAC","sourcesContent":["import { html, LitElement } from 'lit';\nimport { styles } from './themes/light/card.media.material.css';\n\n/** A container for card's media - could be an image, gif, video\n * @element igc-card-media\n \n @slot - Renders the card media content\n */\nexport default class IgcCardMediaComponent extends LitElement {\n public static readonly tagName = 'igc-card-media';\n public static override styles = styles;\n\n protected override render() {\n return html` <slot></slot> `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-card-media': IgcCardMediaComponent;\n }\n}\n"]}
1	+ {"version":3,"file":"card.media.js","sourceRoot":"","sources":["../../../src/components/card/card.media.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,2CAA2C,CAAC;AAOnE,MAAM,CAAC,OAAO,OAAO,qBAAsB,SAAQ,UAAU;IAIxC,MAAM;QACvB,OAAO,IAAI,CAAA,iBAAiB,CAAC;IAC/B,CAAC;;AALsB,6BAAO,GAAG,gBAAgB,CAAC;AAC3B,4BAAM,GAAG,MAAM,CAAC","sourcesContent":["import { html, LitElement } from 'lit';\nimport { styles } from './themes/light/card.media.material.css.js';\n\n/** A container for card's media - could be an image, gif, video\n * @element igc-card-media\n \n @slot - Renders the card media content\n */\nexport default class IgcCardMediaComponent extends LitElement {\n public static readonly tagName = 'igc-card-media';\n public static override styles = styles;\n\n protected override render() {\n return html` <slot></slot> `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-card-media': IgcCardMediaComponent;\n }\n}\n"]}

package/components/checkbox/checkbox-base.js CHANGED Viewed

@@ -6,7 +6,8 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { LitElement } from 'lit';
 import { property, query, state } from 'lit/decorators.js';
-import { alternateName, blazorTwoWayBind } from '../common/decorators';
+import { alternateName } from '../common/decorators/alternateName.js';
+import { blazorTwoWayBind } from '../common/decorators/blazorTwoWayBind.js';
 import { EventEmitterMixin } from '../common/mixins/event-emitter.js';
 export class IgcCheckboxBaseComponent extends EventEmitterMixin(LitElement) {
     constructor() {

package/components/checkbox/checkbox-base.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"checkbox-base.js","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox-base.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,~~sBAAsB~~,CAAC;~~AAEvE~~,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAQtE,MAAM,OAAO,wBAAyB,SAAQ,iBAAiB,CAG7D,UAAU,CAAC;IAHb;;QAQY,YAAO,GAAG,KAAK,CAAC;QAYnB,aAAQ,GAAG,KAAK,CAAC;QAKjB,YAAO,GAAG,KAAK,CAAC;QAIhB,aAAQ,GAAG,KAAK,CAAC;QAIjB,YAAO,GAAG,KAAK,CAAC;QAIhB,kBAAa,GAAuB,OAAO,CAAC;IAkErD,CAAC;IA3DiB,KAAK;QACnB,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;IACrB,CAAC;IAIe,KAAK,CAAC,OAAsB;QAC1C,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAC5B,CAAC;IAIe,IAAI;QAClB,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;IACpB,CAAC;IAGM,cAAc;QACnB,OAAO,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC;IACrC,CAAC;IAMM,iBAAiB,CAAC,OAAe;QACtC,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC;QACtC,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,CAAC;IAC7C,CAAC;IAES,UAAU;QAClB,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;QAC1B,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;IACvB,CAAC;IAES,WAAW;QACnB,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;IAC7B,CAAC;IAES,eAAe,CAAC,KAAmB;QAC3C,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;QACnB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;IACvB,CAAC;IAEe,iBAAiB;QAC/B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;IACnD,CAAC;IAEe,oBAAoB;QAClC,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;IACtD,CAAC;IAES,WAAW;QACnB,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;YACjB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;SACrB;IACH,CAAC;CACF;AAlGC;IADC,KAAK,CAAC,wBAAwB,EAAE,IAAI,CAAC;uDACH;AAGnC;IADC,KAAK,EAAE;yDACkB;AAI1B;IADC,QAAQ,EAAE;sDACU;AAIrB;IADC,QAAQ,EAAE;uDACW;AAItB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0DACnB;AAKxB;IAFC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;IAC3B,gBAAgB,CAAC,WAAW,EAAE,QAAQ,CAAC;yDACjB;AAIvB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0DACnB;AAIxB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;yDACpB;AAIvB;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;+DACN;AAInD;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC;gEAC3B;AAS/B;IADC,aAAa,CAAC,gBAAgB,CAAC;qDAG/B;AAID;IADC,aAAa,CAAC,eAAe,CAAC;oDAG9B","sourcesContent":["import { LitElement } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { alternateName, blazorTwoWayBind } from '../common/decorators';\nimport { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\n\nexport interface IgcCheckboxEventMap {\n igcChange: CustomEvent<boolean>;\n igcFocus: CustomEvent<void>;\n igcBlur: CustomEvent<void>;\n}\n\nexport class IgcCheckboxBaseComponent extends EventEmitterMixin<\n IgcCheckboxEventMap,\n Constructor<LitElement>\n>(LitElement) {\n @query('input[type=\"checkbox\"]', true)\n protected input!: HTMLInputElement;\n\n @state()\n protected focused = false;\n\n /** The name attribute of the control. /\n @property()\n public name!: string;\n\n /* The value attribute of the control. /\n @property()\n public value!: string;\n\n /* Disables the control. /\n @property({ type: Boolean, reflect: true })\n public disabled = false;\n\n /* The checked state of the control. /\n @property({ type: Boolean })\n @blazorTwoWayBind('igcChange', 'detail')\n public checked = false;\n\n /* Makes the control a required field. /\n @property({ type: Boolean, reflect: true })\n public required = false;\n\n /* Controls the validity of the control. /\n @property({ type: Boolean, reflect: true })\n public invalid = false;\n\n /* The label position of the control. /\n @property({ reflect: true, attribute: 'label-position' })\n public labelPosition: 'before' \| 'after' = 'after';\n\n /* Sets the aria-labelledby attribute for the control. /\n @property({ reflect: true, attribute: 'aria-labelledby' })\n public ariaLabelledby!: string;\n\n /* Simulates a click on the control. /\n public override click() {\n this.input.click();\n }\n\n /* Sets focus on the control. /\n @alternateName('focusComponent')\n public override focus(options?: FocusOptions) {\n this.input.focus(options);\n }\n\n /* Removes focus from the control. /\n @alternateName('blurComponent')\n public override blur() {\n this.input.blur();\n }\n\n /* Checks for validity of the control and shows the browser message if it invalid. /\n public reportValidity() {\n return this.input.reportValidity();\n }\n\n /\n Sets a custom validation message for the control.\n * As long as `message` is not empty, the control is considered invalid.\n */\n public setCustomValidity(message: string) {\n this.input.setCustomValidity(message);\n this.invalid = !this.input.checkValidity();\n }\n\n protected handleBlur() {\n this.emitEvent('igcBlur');\n this.focused = false;\n }\n\n protected handleFocus() {\n this.emitEvent('igcFocus');\n }\n\n protected handleMouseDown(event: PointerEvent) {\n event.preventDefault();\n this.input.focus();\n this.focused = false;\n }\n\n public override connectedCallback() {\n super.connectedCallback();\n this.addEventListener('keyup', this.handleKeyUp);\n }\n\n public override disconnectedCallback() {\n this.removeEventListener('keyup', this.handleKeyUp);\n }\n\n protected handleKeyUp() {\n if (!this.focused) {\n this.focused = true;\n }\n }\n}\n"]}
1	+ {"version":3,"file":"checkbox-base.js","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox-base.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { alternateName } from '../common/decorators/alternateName.js';\nimport { blazorTwoWayBind } from '../common/decorators/blazorTwoWayBind.js';\nimport { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\n\nexport interface IgcCheckboxEventMap {\n igcChange: CustomEvent<boolean>;\n igcFocus: CustomEvent<void>;\n igcBlur: CustomEvent<void>;\n}\n\nexport class IgcCheckboxBaseComponent extends EventEmitterMixin<\n IgcCheckboxEventMap,\n Constructor<LitElement>\n>(LitElement) {\n @query('input[type=\"checkbox\"]', true)\n protected input!: HTMLInputElement;\n\n @state()\n protected focused = false;\n\n /** The name attribute of the control. /\n @property()\n public name!: string;\n\n /* The value attribute of the control. /\n @property()\n public value!: string;\n\n /* Disables the control. /\n @property({ type: Boolean, reflect: true })\n public disabled = false;\n\n /* The checked state of the control. /\n @property({ type: Boolean })\n @blazorTwoWayBind('igcChange', 'detail')\n public checked = false;\n\n /* Makes the control a required field. /\n @property({ type: Boolean, reflect: true })\n public required = false;\n\n /* Controls the validity of the control. /\n @property({ type: Boolean, reflect: true })\n public invalid = false;\n\n /* The label position of the control. /\n @property({ reflect: true, attribute: 'label-position' })\n public labelPosition: 'before' \| 'after' = 'after';\n\n /* Sets the aria-labelledby attribute for the control. /\n @property({ reflect: true, attribute: 'aria-labelledby' })\n public ariaLabelledby!: string;\n\n /* Simulates a click on the control. /\n public override click() {\n this.input.click();\n }\n\n /* Sets focus on the control. /\n @alternateName('focusComponent')\n public override focus(options?: FocusOptions) {\n this.input.focus(options);\n }\n\n /* Removes focus from the control. /\n @alternateName('blurComponent')\n public override blur() {\n this.input.blur();\n }\n\n /* Checks for validity of the control and shows the browser message if it invalid. /\n public reportValidity() {\n return this.input.reportValidity();\n }\n\n /\n Sets a custom validation message for the control.\n * As long as `message` is not empty, the control is considered invalid.\n */\n public setCustomValidity(message: string) {\n this.input.setCustomValidity(message);\n this.invalid = !this.input.checkValidity();\n }\n\n protected handleBlur() {\n this.emitEvent('igcBlur');\n this.focused = false;\n }\n\n protected handleFocus() {\n this.emitEvent('igcFocus');\n }\n\n protected handleMouseDown(event: PointerEvent) {\n event.preventDefault();\n this.input.focus();\n this.focused = false;\n }\n\n public override connectedCallback() {\n super.connectedCallback();\n this.addEventListener('keyup', this.handleKeyUp);\n }\n\n public override disconnectedCallback() {\n this.removeEventListener('keyup', this.handleKeyUp);\n }\n\n protected handleKeyUp() {\n if (!this.focused) {\n this.focused = true;\n }\n }\n}\n"]}

package/components/checkbox/checkbox.js CHANGED Viewed

@@ -8,15 +8,15 @@ import { html } from 'lit';
 import { property } from 'lit/decorators.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { live } from 'lit/directives/live.js';
-import { themes } from '../../theming';
+import { themes } from '../../theming/theming-decorator.js';
 import { watch } from '../common/decorators/watch.js';
 import { partNameMap } from '../common/util.js';
 import { IgcCheckboxBaseComponent } from './checkbox-base.js';
-import { styles } from './themes/light/checkbox.base.css';
-import { styles as bootstrap } from './themes/light/checkbox.bootstrap.css';
-import { styles as fluent } from './themes/light/checkbox.fluent.css';
-import { styles as indigo } from './themes/light/checkbox.indigo.css';
-import { styles as material } from './themes/light/checkbox.material.css';
+import { styles } from './themes/light/checkbox.base.css.js';
+import { styles as bootstrap } from './themes/light/checkbox.bootstrap.css.js';
+import { styles as fluent } from './themes/light/checkbox.fluent.css.js';
+import { styles as indigo } from './themes/light/checkbox.indigo.css.js';
+import { styles as material } from './themes/light/checkbox.material.css.js';
 let nextId = 0;
 let IgcCheckboxComponent = class IgcCheckboxComponent extends IgcCheckboxBaseComponent {
     constructor() {
@@ -43,7 +43,6 @@ let IgcCheckboxComponent = class IgcCheckboxComponent extends IgcCheckboxBaseCom
         })}
         for=${this.inputId}
         @pointerdown=${this.handleMouseDown}
-        .focused=${this.focused}
       >
         <input
           id=${this.inputId}

package/components/checkbox/checkbox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,~~eAAe~~,CAAC;~~AACvC~~,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,~~kCAAkC~~,CAAC;~~AAC1D~~,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,~~uCAAuC~~,CAAC;~~AAC5E~~,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,~~oCAAoC~~,CAAC;~~AACtE~~,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,~~oCAAoC~~,CAAC;~~AACtE~~,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,~~sCAAsC~~,CAAC;~~AAE1E~~,IAAI,MAAM,GAAG,CAAC,CAAC;AAmBf,IAAqB,oBAAoB,GAAzC,MAAqB,oBAAqB,SAAQ,wBAAwB;IAA1E;;QAIU,YAAO,GAAG,YAAY,MAAM,EAAE,EAAE,CAAC;QACjC,YAAO,GAAG,kBAAkB,IAAI,CAAC,OAAO,EAAE,CAAC;QAI5C,kBAAa,GAAG,KAAK,CAAC;~~IA+D~~/B,CAAC;~~IA7DW~~,WAAW;QACnB,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC;QAC7B,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;QAC3B,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;IACxD,CAAC;IAKS,YAAY;QACpB,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,CAAC;IAC7C,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;;eAEA,WAAW,CAAC;YACjB,IAAI,EAAE,IAAI;YACV,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,OAAO,EAAE,IAAI,CAAC,OAAO;SACtB,CAAC;cACI,IAAI,CAAC,OAAO;uBACH,IAAI,CAAC,eAAe~~;mBACxB,IAAI,CAAC,OAAO~~;;;~~eAGhB~~,IAAI,CAAC,OAAO;;iBAEV,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;kBACnB,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC;sBACjB,IAAI,CAAC,QAAQ;sBACb,IAAI,CAAC,QAAQ;qBACd,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC;2BACZ,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC;yBAC1B,IAAI,CAAC,aAAa,IAAI,CAAC,IAAI,CAAC,OAAO;YAChD,CAAC,CAAC,OAAO;YACT,CAAC,CAAC,IAAI,CAAC,OAAO;0BACA,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;4BAC9B,IAAI,CAAC,cAAc;YACnC,CAAC,CAAC,IAAI,CAAC,cAAc;YACrB,CAAC,CAAC,IAAI,CAAC,OAAO;mBACP,IAAI,CAAC,WAAW;kBACjB,IAAI,CAAC,UAAU;mBACd,IAAI,CAAC,WAAW;;qBAEd,WAAW,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC;uBACnD,WAAW,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC;;;;;;;iBAO7D,WAAW,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC;eACrD,IAAI,CAAC,OAAO;;;;;KAKtB,CAAC;IACJ,CAAC;CACF,CAAA;~~AAvEwB~~,4BAAO,GAAG,cAAe,CAAA;AAC/B,2BAAM,GAAG,MAAO,CAAA;AAOjC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2DACd;AAW7B;IAHC,KAAK,CAAC,SAAS,EAAE,EAAE,oBAAoB,EAAE,IAAI,EAAE,CAAC;IAChD,KAAK,CAAC,SAAS,EAAE,EAAE,oBAAoB,EAAE,IAAI,EAAE,CAAC;IAChD,KAAK,CAAC,eAAe,EAAE,EAAE,oBAAoB,EAAE,IAAI,EAAE,CAAC;wDAGtD;AAtBkB,oBAAoB;IADxC,MAAM,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;GAC3B,oBAAoB,~~CAwExC~~;~~eAxEoB~~,oBAAoB","sourcesContent":["import { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\nimport { themes } from '../../theming';\nimport { watch } from '../common/decorators/watch.js';\nimport { partNameMap } from '../common/util.js';\nimport { IgcCheckboxBaseComponent } from './checkbox-base.js';\nimport { styles } from './themes/light/checkbox.base.css';\nimport { styles as bootstrap } from './themes/light/checkbox.bootstrap.css';\nimport { styles as fluent } from './themes/light/checkbox.fluent.css';\nimport { styles as indigo } from './themes/light/checkbox.indigo.css';\nimport { styles as material } from './themes/light/checkbox.material.css';\n\nlet nextId = 0;\n\n/*\n A check box allowing single values to be selected/deselected.\n \n @element igc-checkbox\n \n @slot - The checkbox label.\n \n @fires igcChange - Emitted when the control's checked state changes.\n * @fires igcFocus - Emitted when the control gains focus.\n * @fires igcBlur - Emitted when the control loses focus.\n \n @csspart base - The base wrapper of the checkbox.\n * @csspart control - The checkbox control.\n * @csspart label - The checkbox label.\n * @csspart indicator - The checkbox icon.\n /\n@themes({ material, bootstrap, fluent, indigo })\nexport default class IgcCheckboxComponent extends IgcCheckboxBaseComponent {\n public static readonly tagName = 'igc-checkbox';\n protected static styles = styles;\n\n private inputId = `checkbox-${nextId++}`;\n private labelId = `checkbox-label-${this.inputId}`;\n\n /* Draws the checkbox in indeterminate state. */\n @property({ type: Boolean, reflect: true })\n public indeterminate = false;\n\n protected handleClick() {\n this.checked = !this.checked;\n this.indeterminate = false;\n this.emitEvent('igcChange', { detail: this.checked });\n }\n\n @watch('checked', { waitUntilFirstUpdate: true })\n @watch('focused', { waitUntilFirstUpdate: true })\n @watch('indeterminate', { waitUntilFirstUpdate: true })\n protected handleChange() {\n this.invalid = !this.input.checkValidity();\n }\n\n protected override render() {\n return html`\n <label\n part=${partNameMap({\n base: true,\n checked: this.checked,\n focused: this.focused,\n })}\n for=${this.inputId}\n @pointerdown=${this.handleMouseDown}\n ~~.focused=${this.focused}\n~~ >\n <input\n id=${this.inputId}\n type=\"checkbox\"\n name=${ifDefined(this.name)}\n value=${ifDefined(this.value)}\n .required=${this.required}\n .disabled=${this.disabled}\n .checked=${live(this.checked)}\n .indeterminate=${live(this.indeterminate)}\n aria-checked=${this.indeterminate && !this.checked\n ? 'mixed'\n : this.checked}\n aria-disabled=${this.disabled ? 'true' : 'false'}\n aria-labelledby=${this.ariaLabelledby\n ? this.ariaLabelledby\n : this.labelId}\n @click=${this.handleClick}\n @blur=${this.handleBlur}\n @focus=${this.handleFocus}\n />\n <span part=${partNameMap({ control: true, checked: this.checked })}>\n <span part=${partNameMap({ indicator: true, checked: this.checked })}>\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n <path d=\"M4.1,12.7 9,17.6 20.3,6.3\" />\n </svg>\n </span>\n </span>\n <span\n part=${partNameMap({ label: true, checked: this.checked })}\n id=${this.labelId}\n >\n <slot></slot>\n </span>\n </label>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-checkbox': IgcCheckboxComponent;\n }\n}\n"]}
1	+ {"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox.ts"],"names":[],"mappings":"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","sourcesContent":["import { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\nimport { themes } from '../../theming/theming-decorator.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { partNameMap } from '../common/util.js';\nimport { IgcCheckboxBaseComponent } from './checkbox-base.js';\nimport { styles } from './themes/light/checkbox.base.css.js';\nimport { styles as bootstrap } from './themes/light/checkbox.bootstrap.css.js';\nimport { styles as fluent } from './themes/light/checkbox.fluent.css.js';\nimport { styles as indigo } from './themes/light/checkbox.indigo.css.js';\nimport { styles as material } from './themes/light/checkbox.material.css.js';\n\nlet nextId = 0;\n\n/*\n A check box allowing single values to be selected/deselected.\n \n @element igc-checkbox\n \n @slot - The checkbox label.\n \n @fires igcChange - Emitted when the control's checked state changes.\n * @fires igcFocus - Emitted when the control gains focus.\n * @fires igcBlur - Emitted when the control loses focus.\n \n @csspart base - The base wrapper of the checkbox.\n * @csspart control - The checkbox control.\n * @csspart label - The checkbox label.\n * @csspart indicator - The checkbox icon.\n /\n@themes({ material, bootstrap, fluent, indigo })\nexport default class IgcCheckboxComponent extends IgcCheckboxBaseComponent {\n public static readonly tagName = 'igc-checkbox';\n protected static styles = styles;\n\n private inputId = `checkbox-${nextId++}`;\n private labelId = `checkbox-label-${this.inputId}`;\n\n /* Draws the checkbox in indeterminate state. */\n @property({ type: Boolean, reflect: true })\n public indeterminate = false;\n\n protected handleClick() {\n this.checked = !this.checked;\n this.indeterminate = false;\n this.emitEvent('igcChange', { detail: this.checked });\n }\n\n @watch('checked', { waitUntilFirstUpdate: true })\n @watch('focused', { waitUntilFirstUpdate: true })\n @watch('indeterminate', { waitUntilFirstUpdate: true })\n protected handleChange() {\n this.invalid = !this.input.checkValidity();\n }\n\n protected override render() {\n return html`\n <label\n part=${partNameMap({\n base: true,\n checked: this.checked,\n focused: this.focused,\n })}\n for=${this.inputId}\n @pointerdown=${this.handleMouseDown}\n >\n <input\n id=${this.inputId}\n type=\"checkbox\"\n name=${ifDefined(this.name)}\n value=${ifDefined(this.value)}\n .required=${this.required}\n .disabled=${this.disabled}\n .checked=${live(this.checked)}\n .indeterminate=${live(this.indeterminate)}\n aria-checked=${this.indeterminate && !this.checked\n ? 'mixed'\n : this.checked}\n aria-disabled=${this.disabled ? 'true' : 'false'}\n aria-labelledby=${this.ariaLabelledby\n ? this.ariaLabelledby\n : this.labelId}\n @click=${this.handleClick}\n @blur=${this.handleBlur}\n @focus=${this.handleFocus}\n />\n <span part=${partNameMap({ control: true, checked: this.checked })}>\n <span part=${partNameMap({ indicator: true, checked: this.checked })}>\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n <path d=\"M4.1,12.7 9,17.6 20.3,6.3\" />\n </svg>\n </span>\n </span>\n <span\n part=${partNameMap({ label: true, checked: this.checked })}\n id=${this.labelId}\n >\n <slot></slot>\n </span>\n </label>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-checkbox': IgcCheckboxComponent;\n }\n}\n"]}

package/components/checkbox/switch.js CHANGED Viewed

@@ -7,15 +7,15 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { html } from 'lit';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { live } from 'lit/directives/live.js';
-import { themes } from '../../theming';
+import { themes } from '../../theming/theming-decorator.js';
 import { watch } from '../common/decorators/watch.js';
 import { partNameMap } from '../common/util.js';
 import { IgcCheckboxBaseComponent } from './checkbox-base.js';
-import { styles } from './themes/light/switch.base.css';
-import { styles as bootstrap } from './themes/light/switch.bootstrap.css';
-import { styles as fluent } from './themes/light/switch.fluent.css';
-import { styles as indigo } from './themes/light/switch.indigo.css';
-import { styles as material } from './themes/light/switch.material.css';
+import { styles } from './themes/light/switch.base.css.js';
+import { styles as bootstrap } from './themes/light/switch.bootstrap.css.js';
+import { styles as fluent } from './themes/light/switch.fluent.css.js';
+import { styles as indigo } from './themes/light/switch.indigo.css.js';
+import { styles as material } from './themes/light/switch.material.css.js';
 let nextId = 0;
 let IgcSwitchComponent = class IgcSwitchComponent extends IgcCheckboxBaseComponent {
     constructor() {
@@ -36,7 +36,6 @@ let IgcSwitchComponent = class IgcSwitchComponent extends IgcCheckboxBaseCompone
         part=${partNameMap({ base: true, checked: this.checked })}
         for=${this.inputId}
         @pointerdown=${this.handleMouseDown}
-        .focused=${this.focused}
       >
         <input
           id=${this.inputId}