igniteui-webcomponents 5.4.1 → 6.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +74 -0
- package/README.md +6 -1
- package/components/avatar/themes/dark/avatar.bootstrap.css.js +1 -1
- package/components/avatar/themes/dark/avatar.bootstrap.css.js.map +1 -1
- package/components/avatar/themes/dark/avatar.fluent.css.js +1 -1
- package/components/avatar/themes/dark/avatar.fluent.css.js.map +1 -1
- package/components/avatar/themes/dark/avatar.material.css.js +1 -1
- package/components/avatar/themes/dark/avatar.material.css.js.map +1 -1
- package/components/calendar/themes/dark/calendar.fluent.css.js +1 -1
- package/components/calendar/themes/dark/calendar.fluent.css.js.map +1 -1
- package/components/calendar/themes/light/calendar.fluent.css.js +1 -1
- package/components/calendar/themes/light/calendar.fluent.css.js.map +1 -1
- package/components/calendar/themes/light/calendar.shared.css.js +1 -1
- package/components/calendar/themes/light/calendar.shared.css.js.map +1 -1
- package/components/checkbox/checkbox-base.d.ts +0 -2
- package/components/checkbox/checkbox-base.js.map +1 -1
- package/components/chip/chip.d.ts +4 -0
- package/components/chip/chip.js +26 -3
- package/components/chip/chip.js.map +1 -1
- package/components/chip/themes/shared/chip.common.css.js +1 -1
- package/components/chip/themes/shared/chip.common.css.js.map +1 -1
- package/components/chip/themes/shared/chip.indigo.css.js +1 -1
- package/components/chip/themes/shared/chip.indigo.css.js.map +1 -1
- package/components/common/controllers/gestures.d.ts +1 -0
- package/components/common/controllers/gestures.js.map +1 -1
- package/components/common/controllers/resize-observer.d.ts +40 -0
- package/components/common/controllers/resize-observer.js +37 -0
- package/components/common/controllers/resize-observer.js.map +1 -0
- package/components/common/definitions/defineAllComponents.js +0 -2
- package/components/common/definitions/defineAllComponents.js.map +1 -1
- package/components/common/util.d.ts +1 -17
- package/components/common/util.js +10 -10
- package/components/common/util.js.map +1 -1
- package/components/date-picker/date-picker.d.ts +35 -35
- package/components/date-picker/date-picker.js +131 -128
- package/components/date-picker/date-picker.js.map +1 -1
- package/components/date-picker/themes/dark/date-picker.fluent.css.js +1 -1
- package/components/date-picker/themes/dark/date-picker.fluent.css.js.map +1 -1
- package/components/date-picker/themes/light/date-picker.fluent.css.js +1 -1
- package/components/date-picker/themes/light/date-picker.fluent.css.js.map +1 -1
- package/components/date-picker/themes/light/date-picker.shared.css.js +1 -1
- package/components/date-picker/themes/light/date-picker.shared.css.js.map +1 -1
- package/components/date-time-input/date-time-input.js +1 -1
- package/components/date-time-input/date-time-input.js.map +1 -1
- package/components/file-input/file-input.d.ts +1 -1
- package/components/file-input/file-input.js.map +1 -1
- package/components/input/themes/input.base.css.js +1 -1
- package/components/input/themes/input.base.css.js.map +1 -1
- package/components/popover/popover.js +1 -1
- package/components/popover/popover.js.map +1 -1
- package/components/popover/themes/light/popover.base.css.js +1 -1
- package/components/popover/themes/light/popover.base.css.js.map +1 -1
- package/components/progress/themes/circular/dark/circular.progress.shared.css.js +1 -1
- package/components/progress/themes/circular/dark/circular.progress.shared.css.js.map +1 -1
- package/components/progress/themes/linear/dark/linear.progress.bootstrap.css.js +1 -1
- package/components/progress/themes/linear/dark/linear.progress.bootstrap.css.js.map +1 -1
- package/components/progress/themes/linear/dark/linear.progress.shared.css.js +1 -1
- package/components/progress/themes/linear/dark/linear.progress.shared.css.js.map +1 -1
- package/components/radio/radio.d.ts +0 -2
- package/components/radio/radio.js.map +1 -1
- package/components/radio-group/radio-group.d.ts +2 -1
- package/components/radio-group/radio-group.js +23 -10
- package/components/radio-group/radio-group.js.map +1 -1
- package/components/radio-group/themes/dark/radio-group.bootstrap.css.js +3 -0
- package/components/radio-group/themes/dark/radio-group.bootstrap.css.js.map +1 -0
- package/components/radio-group/themes/dark/radio-group.fluent.css.js +3 -0
- package/components/radio-group/themes/dark/radio-group.fluent.css.js.map +1 -0
- package/components/radio-group/themes/dark/radio-group.indigo.css.js +3 -0
- package/components/radio-group/themes/dark/radio-group.indigo.css.js.map +1 -0
- package/components/radio-group/themes/dark/radio-group.material.css.js +3 -0
- package/components/radio-group/themes/dark/radio-group.material.css.js.map +1 -0
- package/components/radio-group/themes/light/radio-group.bootstrap.css.js +3 -0
- package/components/radio-group/themes/light/radio-group.bootstrap.css.js.map +1 -0
- package/components/radio-group/themes/light/radio-group.fluent.css.d.ts +1 -0
- package/components/radio-group/themes/light/radio-group.fluent.css.js +3 -0
- package/components/radio-group/themes/light/radio-group.fluent.css.js.map +1 -0
- package/components/radio-group/themes/light/radio-group.indigo.css.d.ts +1 -0
- package/components/radio-group/themes/light/radio-group.indigo.css.js +3 -0
- package/components/radio-group/themes/light/radio-group.indigo.css.js.map +1 -0
- package/components/radio-group/themes/light/radio-group.material.css.d.ts +1 -0
- package/components/radio-group/themes/light/radio-group.material.css.js +3 -0
- package/components/radio-group/themes/light/radio-group.material.css.js.map +1 -0
- package/components/radio-group/themes/light/radio-group.shared.css.d.ts +1 -0
- package/components/radio-group/themes/light/radio-group.shared.css.js +3 -0
- package/components/radio-group/themes/light/radio-group.shared.css.js.map +1 -0
- package/components/radio-group/themes/radio-group.base.css.d.ts +1 -0
- package/components/radio-group/{radio-group.base.css.js → themes/radio-group.base.css.js} +1 -1
- package/components/radio-group/themes/radio-group.base.css.js.map +1 -0
- package/components/radio-group/themes/shared/radio-group.bootstrap.css.d.ts +1 -0
- package/components/radio-group/themes/shared/radio-group.bootstrap.css.js +3 -0
- package/components/radio-group/themes/shared/radio-group.bootstrap.css.js.map +1 -0
- package/components/radio-group/themes/shared/radio-group.common.css.d.ts +1 -0
- package/components/radio-group/themes/shared/radio-group.common.css.js +3 -0
- package/components/radio-group/themes/shared/radio-group.common.css.js.map +1 -0
- package/components/radio-group/themes/shared/radio-group.fluent.css.d.ts +1 -0
- package/components/radio-group/themes/shared/radio-group.fluent.css.js +3 -0
- package/components/radio-group/themes/shared/radio-group.fluent.css.js.map +1 -0
- package/components/radio-group/themes/shared/radio-group.indigo.css.d.ts +1 -0
- package/components/radio-group/themes/shared/radio-group.indigo.css.js +3 -0
- package/components/radio-group/themes/shared/radio-group.indigo.css.js.map +1 -0
- package/components/radio-group/themes/shared/radio-group.material.css.d.ts +1 -0
- package/components/radio-group/themes/shared/radio-group.material.css.js +3 -0
- package/components/radio-group/themes/shared/radio-group.material.css.js.map +1 -0
- package/components/radio-group/themes/themes.d.ts +2 -0
- package/components/radio-group/themes/themes.js +50 -0
- package/components/radio-group/themes/themes.js.map +1 -0
- package/components/slider/range-slider.d.ts +0 -2
- package/components/slider/range-slider.js.map +1 -1
- package/components/stepper/step.d.ts +1 -1
- package/components/stepper/step.js +3 -2
- package/components/stepper/step.js.map +1 -1
- package/components/stepper/stepper.common.d.ts +0 -4
- package/components/stepper/stepper.common.js.map +1 -1
- package/components/stepper/stepper.d.ts +2 -2
- package/components/stepper/stepper.js +2 -9
- package/components/stepper/stepper.js.map +1 -1
- package/components/stepper/themes/step/dark/step.indigo.css.js +1 -1
- package/components/stepper/themes/step/dark/step.indigo.css.js.map +1 -1
- package/components/stepper/themes/step/light/step.bootstrap.css.js +1 -1
- package/components/stepper/themes/step/light/step.bootstrap.css.js.map +1 -1
- package/components/stepper/themes/step/light/step.fluent.css.js +1 -1
- package/components/stepper/themes/step/light/step.fluent.css.js.map +1 -1
- package/components/stepper/themes/step/light/step.indigo.css.js +1 -1
- package/components/stepper/themes/step/light/step.indigo.css.js.map +1 -1
- package/components/stepper/themes/step/light/step.material.css.js +1 -1
- package/components/stepper/themes/step/light/step.material.css.js.map +1 -1
- package/components/stepper/themes/step/light/step.shared.css.js +1 -1
- package/components/stepper/themes/step/light/step.shared.css.js.map +1 -1
- package/components/tabs/tab-dom.d.ts +66 -0
- package/components/tabs/tab-dom.js +106 -0
- package/components/tabs/tab-dom.js.map +1 -0
- package/components/tabs/tab.d.ts +14 -15
- package/components/tabs/tab.js +27 -22
- package/components/tabs/tab.js.map +1 -1
- package/components/tabs/tabs.d.ts +43 -49
- package/components/tabs/tabs.js +178 -231
- package/components/tabs/tabs.js.map +1 -1
- package/components/tabs/themes/dark/tab.indigo.css.js +1 -1
- package/components/tabs/themes/dark/tab.indigo.css.js.map +1 -1
- package/components/tabs/themes/light/tab.indigo.css.js +1 -1
- package/components/tabs/themes/light/tab.indigo.css.js.map +1 -1
- package/components/tabs/themes/shared/tab/tab.bootstrap.css.js +1 -1
- package/components/tabs/themes/shared/tab/tab.bootstrap.css.js.map +1 -1
- package/components/tabs/themes/shared/tab/tab.common.css.js +1 -1
- package/components/tabs/themes/shared/tab/tab.common.css.js.map +1 -1
- package/components/tabs/themes/shared/tab/tab.fluent.css.js +1 -1
- package/components/tabs/themes/shared/tab/tab.fluent.css.js.map +1 -1
- package/components/tabs/themes/shared/tab/tab.indigo.css.js +1 -1
- package/components/tabs/themes/shared/tab/tab.indigo.css.js.map +1 -1
- package/components/tabs/themes/shared/tab/tab.material.css.d.ts +1 -0
- package/components/tabs/themes/shared/tab/tab.material.css.js +3 -0
- package/components/tabs/themes/shared/tab/tab.material.css.js.map +1 -0
- package/components/tabs/themes/shared/tabs/tabs.bootstrap.css.js +1 -1
- package/components/tabs/themes/shared/tabs/tabs.bootstrap.css.js.map +1 -1
- package/components/tabs/themes/shared/tabs/tabs.common.css.js +1 -1
- package/components/tabs/themes/shared/tabs/tabs.common.css.js.map +1 -1
- package/components/tabs/themes/shared/tabs/tabs.fluent.css.js +1 -1
- package/components/tabs/themes/shared/tabs/tabs.fluent.css.js.map +1 -1
- package/components/tabs/themes/shared/tabs/tabs.indigo.css.js +1 -1
- package/components/tabs/themes/shared/tabs/tabs.indigo.css.js.map +1 -1
- package/components/tabs/themes/shared/tabs/tabs.material.css.d.ts +1 -0
- package/components/tabs/themes/shared/tabs/tabs.material.css.js +3 -0
- package/components/tabs/themes/shared/tabs/tabs.material.css.js.map +1 -0
- package/components/tabs/themes/tab-themes.js +7 -0
- package/components/tabs/themes/tab-themes.js.map +1 -1
- package/components/tabs/themes/tab.base.css.js +1 -1
- package/components/tabs/themes/tab.base.css.js.map +1 -1
- package/components/tabs/themes/tabs-themes.js +3 -2
- package/components/tabs/themes/tabs-themes.js.map +1 -1
- package/components/tabs/themes/tabs.base.css.js +1 -1
- package/components/tabs/themes/tabs.base.css.js.map +1 -1
- package/components/tabs/themes/tabs.common.css.d.ts +1 -0
- package/components/tabs/themes/tabs.common.css.js +3 -0
- package/components/tabs/themes/tabs.common.css.js.map +1 -0
- package/components/textarea/textarea.d.ts +31 -34
- package/components/textarea/textarea.js +89 -91
- package/components/textarea/textarea.js.map +1 -1
- package/components/tooltip/tooltip.js.map +1 -1
- package/components/types.d.ts +2 -2
- package/components/types.js.map +1 -1
- package/components/validation-container/themes/dark/validator.indigo.css.js +1 -1
- package/components/validation-container/themes/dark/validator.indigo.css.js.map +1 -1
- package/custom-elements.json +873 -616
- package/igniteui-webcomponents.css-data.json +1 -1
- package/igniteui-webcomponents.html-data.json +1 -1
- package/index.d.ts +0 -5
- package/index.js +0 -1
- package/index.js.map +1 -1
- package/package.json +4 -3
- package/themes/dark/bootstrap.css +1 -1
- package/themes/dark/fluent.css +1 -1
- package/themes/dark/indigo.css +1 -1
- package/themes/dark/material.css +1 -1
- package/themes/light/bootstrap.css +1 -1
- package/themes/light/fluent.css +1 -1
- package/themes/light/indigo.css +1 -1
- package/themes/light/material.css +1 -1
- package/web-types.json +2 -2
- package/components/radio-group/radio-group.base.css.js.map +0 -1
- package/components/radio-group/radio-group.fluent.css.js +0 -3
- package/components/radio-group/radio-group.fluent.css.js.map +0 -1
- package/components/radio-group/radio-group.indigo.css.js +0 -3
- package/components/radio-group/radio-group.indigo.css.js.map +0 -1
- package/components/radio-group/radio-group.material.css.js +0 -3
- package/components/radio-group/radio-group.material.css.js.map +0 -1
- package/components/tabs/tab-panel.d.ts +0 -21
- package/components/tabs/tab-panel.js +0 -26
- package/components/tabs/tab-panel.js.map +0 -1
- package/components/tabs/themes/tab-panel.base.css.js +0 -3
- package/components/tabs/themes/tab-panel.base.css.js.map +0 -1
- /package/components/radio-group/{radio-group.base.css.d.ts → themes/dark/radio-group.bootstrap.css.d.ts} +0 -0
- /package/components/radio-group/{radio-group.fluent.css.d.ts → themes/dark/radio-group.fluent.css.d.ts} +0 -0
- /package/components/radio-group/{radio-group.indigo.css.d.ts → themes/dark/radio-group.indigo.css.d.ts} +0 -0
- /package/components/radio-group/{radio-group.material.css.d.ts → themes/dark/radio-group.material.css.d.ts} +0 -0
- /package/components/{tabs/themes/tab-panel.base.css.d.ts → radio-group/themes/light/radio-group.bootstrap.css.d.ts} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tab.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/tabs/themes/dark/tab.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"tab.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/tabs/themes/dark/tab.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,klEAAklE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--item-text-color: var(--ig-tabs-item-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-background: var(--ig-tabs-item-background, transparent);--item-hover-background: var(--ig-tabs-item-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--item-hover-color: var(--ig-tabs-item-hover-color, var(--ig-gray-50-contrast));--item-active-color: var(--ig-tabs-item-active-color, var(--ig-gray-50-contrast));--item-icon-color: var(--ig-tabs-item-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--item-active-icon-color: var(--ig-tabs-item-active-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-hover-icon-color: var(--ig-tabs-item-hover-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-disabled-icon-color: var(--ig-tabs-item-disabled-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--item-active-background: var(--ig-tabs-item-active-background, transparent);--item-disabled-color: var(--ig-tabs-item-disabled-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--indicator-color: var(--ig-tabs-indicator-color, var(--ig-primary-400));--button-color: var(--ig-tabs-button-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--button-background: var(--ig-tabs-button-background, transparent);--button-hover-background: var(--ig-tabs-button-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--button-hover-color: var(--ig-tabs-button-hover-color, var(--ig-gray-50-contrast));--button-disabled-color: var(--ig-tabs-button-disabled-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--tab-ripple-color: var(--ig-tabs-tab-ripple-color, var(--ig-gray-100));--button-ripple-color: var(--ig-tabs-button-ripple-color, var(--ig-gray-100));--border-color: var(--ig-tabs-border-color, hsl(from var(--ig-gray-50-contrast) h s l/0.15));--border-color--hover: var(--ig-tabs-border-color--hover, hsl(from var(--ig-gray-50-contrast) h s l/0.15));--border-radius: var(--ig-tabs-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.375rem), 0.375rem));--ig-theme: indigo;--navigation-border-color: var(--border-color)}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--item-text-color: var(--ig-tabs-item-text-color, var(--ig-gray-800));--item-background: var(--ig-tabs-item-background, transparent);--item-hover-background: var(--ig-tabs-item-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--item-active-color: var(--ig-tabs-item-active-color, var(--ig-gray-900));--item-icon-color: var(--ig-tabs-item-icon-color, var(--ig-gray-600));--item-active-icon-color: var(--ig-tabs-item-active-icon-color, var(--ig-gray-700));--item-disabled-icon-color: var(--ig-tabs-item-disabled-icon-color, hsl(from var(--ig-gray-900) h s l/0.2));--item-active-background: var(--ig-tabs-item-active-background, transparent);--item-disabled-color: var(--ig-tabs-item-disabled-color, hsl(from var(--ig-gray-900) h s l/0.2));--indicator-color: var(--ig-tabs-indicator-color, var(--ig-primary-400));--button-color: var(--ig-tabs-button-color, var(--ig-gray-600));--button-background: var(--ig-tabs-button-background, transparent);--button-hover-background: var(--ig-tabs-button-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--button-hover-color: var(--ig-tabs-button-hover-color, var(--ig-gray-700));--button-disabled-color: var(--ig-tabs-button-disabled-color, hsl(from var(--ig-gray-900) h s l/0.2));--border-color: var(--ig-tabs-border-color, hsl(from var(--ig-gray-900) h s l/0.15));--ig-theme: indigo;--navigation-border-color: var(--border-color)}`;
|
|
2
|
+
export const styles = css `:host{--item-text-color: var(--ig-tabs-item-text-color, var(--ig-gray-800));--item-background: var(--ig-tabs-item-background, transparent);--item-hover-background: var(--ig-tabs-item-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--item-active-color: var(--ig-tabs-item-active-color, var(--ig-gray-900));--item-icon-color: var(--ig-tabs-item-icon-color, var(--ig-gray-600));--item-active-icon-color: var(--ig-tabs-item-active-icon-color, var(--ig-gray-700));--item-disabled-icon-color: var(--ig-tabs-item-disabled-icon-color, hsl(from var(--ig-gray-900) h s l/0.2));--item-active-background: var(--ig-tabs-item-active-background, transparent);--item-disabled-color: var(--ig-tabs-item-disabled-color, hsl(from var(--ig-gray-900) h s l/0.2));--indicator-color: var(--ig-tabs-indicator-color, var(--ig-primary-400));--button-color: var(--ig-tabs-button-color, var(--ig-gray-600));--button-background: var(--ig-tabs-button-background, transparent);--button-hover-background: var(--ig-tabs-button-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--button-hover-color: var(--ig-tabs-button-hover-color, var(--ig-gray-700));--button-disabled-color: var(--ig-tabs-button-disabled-color, hsl(from var(--ig-gray-900) h s l/0.2));--border-color: var(--ig-tabs-border-color, hsl(from var(--ig-gray-900) h s l/0.15));--border-color--hover: var(--ig-tabs-border-color--hover, hsl(from var(--ig-gray-900) h s l/0.15));--ig-theme: indigo;--navigation-border-color: var(--border-color)}`;
|
|
3
3
|
//# sourceMappingURL=tab.indigo.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tab.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/tabs/themes/light/tab.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"tab.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/tabs/themes/light/tab.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,s9CAAs9C,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--item-text-color: var(--ig-tabs-item-text-color, var(--ig-gray-800));--item-background: var(--ig-tabs-item-background, transparent);--item-hover-background: var(--ig-tabs-item-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--item-active-color: var(--ig-tabs-item-active-color, var(--ig-gray-900));--item-icon-color: var(--ig-tabs-item-icon-color, var(--ig-gray-600));--item-active-icon-color: var(--ig-tabs-item-active-icon-color, var(--ig-gray-700));--item-disabled-icon-color: var(--ig-tabs-item-disabled-icon-color, hsl(from var(--ig-gray-900) h s l/0.2));--item-active-background: var(--ig-tabs-item-active-background, transparent);--item-disabled-color: var(--ig-tabs-item-disabled-color, hsl(from var(--ig-gray-900) h s l/0.2));--indicator-color: var(--ig-tabs-indicator-color, var(--ig-primary-400));--button-color: var(--ig-tabs-button-color, var(--ig-gray-600));--button-background: var(--ig-tabs-button-background, transparent);--button-hover-background: var(--ig-tabs-button-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--button-hover-color: var(--ig-tabs-button-hover-color, var(--ig-gray-700));--button-disabled-color: var(--ig-tabs-button-disabled-color, hsl(from var(--ig-gray-900) h s l/0.2));--border-color: var(--ig-tabs-border-color, hsl(from var(--ig-gray-900) h s l/0.15));--border-color--hover: var(--ig-tabs-border-color--hover, hsl(from var(--ig-gray-900) h s l/0.15));--ig-theme: indigo;--navigation-border-color: var(--border-color)}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{
|
|
2
|
+
export const styles = css `:host{border-end-end-radius:0;border-end-start-radius:0}:host [part=tab-header]{transition:none;border-radius:0;padding:.5rem 1rem}:host [part=tab-header]::before{content:"";position:absolute;border-radius:var(--border-radius) var(--border-radius) 0 0;inset:0;z-index:-1}:host [part=tab-header] ::slotted(igc-icon){transition:none}[part~=content]{font-family:var(--ig-button-font-family, var(--ig-font-family));font-size:var(--ig-button-font-size);font-weight:var(--ig-button-font-weight);font-style:var(--ig-button-font-style);line-height:var(--ig-button-line-height);letter-spacing:var(--ig-button-letter-spacing);text-transform:var(--ig-button-text-transform);margin-top:var(--ig-button-margin-top);margin-bottom:var(--ig-button-margin-bottom)}[part=tab-header]:hover::before{box-shadow:inset 0 var(--_border-size) 0 0 var(--border-color--hover),inset calc(var(--_border-size)*-1) 0 0 0 var(--border-color--hover),inset var(--_border-size) 0 0 0 var(--border-color--hover)}[part=tab-header]:focus,[part=tab-header]:focus-within{background:var(--item-hover-background);z-index:1}[part=tab-header]:focus-within::after{content:"";pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:absolute;width:100%;height:100%;box-shadow:inset 0 0 0 .125rem var(--item-hover-color);border-radius:var(--border-radius);z-index:2}:host([selected]) [part=tab-header]{position:relative}:host([selected]) [part=tab-header]::before{box-shadow:inset 0 var(--_border-size) 0 0 var(--border-color),inset calc(var(--_border-size)*-1) 0 0 0 var(--border-color),inset var(--_border-size) 0 0 0 var(--border-color)}:host([selected]) [part=tab-header]:hover{border-top-color:var(--border-color);border-inline-color:var(--border-color);border-bottom-color:var(--item-background)}:host([selected]) [part=tab-header]:focus,:host([selected]) [part=tab-header]:focus-within{background:var(--item-hover-background);z-index:1}:host(:not([selected])) [part=tab-header]{border-radius:0;box-shadow:inset 0 calc(var(--_border-size)*-1) 0 0 var(--border-color)}:host(:not([selected])) [part=tab-header]::before{height:calc(100% - var(--_border-size))}`;
|
|
3
3
|
//# sourceMappingURL=tab.bootstrap.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tab.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/tabs/themes/shared/tab/tab.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"tab.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/tabs/themes/shared/tab/tab.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0mEAA0mE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{border-end-end-radius:0;border-end-start-radius:0}:host [part=tab-header]{transition:none;border-radius:0;padding:.5rem 1rem}:host [part=tab-header]::before{content:\"\";position:absolute;border-radius:var(--border-radius) var(--border-radius) 0 0;inset:0;z-index:-1}:host [part=tab-header] ::slotted(igc-icon){transition:none}[part~=content]{font-family:var(--ig-button-font-family, var(--ig-font-family));font-size:var(--ig-button-font-size);font-weight:var(--ig-button-font-weight);font-style:var(--ig-button-font-style);line-height:var(--ig-button-line-height);letter-spacing:var(--ig-button-letter-spacing);text-transform:var(--ig-button-text-transform);margin-top:var(--ig-button-margin-top);margin-bottom:var(--ig-button-margin-bottom)}[part=tab-header]:hover::before{box-shadow:inset 0 var(--_border-size) 0 0 var(--border-color--hover),inset calc(var(--_border-size)*-1) 0 0 0 var(--border-color--hover),inset var(--_border-size) 0 0 0 var(--border-color--hover)}[part=tab-header]:focus,[part=tab-header]:focus-within{background:var(--item-hover-background);z-index:1}[part=tab-header]:focus-within::after{content:\"\";pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:absolute;width:100%;height:100%;box-shadow:inset 0 0 0 .125rem var(--item-hover-color);border-radius:var(--border-radius);z-index:2}:host([selected]) [part=tab-header]{position:relative}:host([selected]) [part=tab-header]::before{box-shadow:inset 0 var(--_border-size) 0 0 var(--border-color),inset calc(var(--_border-size)*-1) 0 0 0 var(--border-color),inset var(--_border-size) 0 0 0 var(--border-color)}:host([selected]) [part=tab-header]:hover{border-top-color:var(--border-color);border-inline-color:var(--border-color);border-bottom-color:var(--item-background)}:host([selected]) [part=tab-header]:focus,:host([selected]) [part=tab-header]:focus-within{background:var(--item-hover-background);z-index:1}:host(:not([selected])) [part=tab-header]{border-radius:0;box-shadow:inset 0 calc(var(--_border-size)*-1) 0 0 var(--border-color)}:host(:not([selected])) [part=tab-header]::before{height:calc(100% - var(--_border-size))}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css
|
|
2
|
+
export const styles = css `[part=tab-header]{color:var(--item-text-color);background:var(--item-background);border-radius:var(--border-radius)}[part=tab-header] ::slotted(igc-icon){color:var(--item-icon-color)}[part=tab-header]:hover,[part=tab-header]:focus-within{color:var(--item-hover-color);background:var(--item-hover-background)}[part=tab-header]:hover ::slotted(igc-icon),[part=tab-header]:focus-within ::slotted(igc-icon){color:var(--item-hover-icon-color)}:host([selected]) [part=tab-header]{color:var(--item-active-color)}:host([selected]) [part=tab-header] ::slotted(igc-icon){color:var(--item-active-icon-color)}:host([selected]) [part=tab-header]:hover,:host([selected]) [part=tab-header]:focus-within{color:var(--item-active-color)}:host([selected]) [part=tab-header]:hover ::slotted(igc-icon),:host([selected]) [part=tab-header]:focus-within ::slotted(igc-icon){color:var(--item-active-icon-color)}[part=tab-header]:focus-within,[part=tab-header]:focus,:host([selected]) [part=tab-header]:focus-within,:host([selected]) [part=tab-header]:focus{outline:none}:host([disabled]) [part=tab-header]{color:var(--item-disabled-color)}:host([disabled]) [part=tab-header] ::slotted(igc-icon){color:var(--item-disabled-icon-color)}`;
|
|
3
3
|
//# sourceMappingURL=tab.common.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tab.common.css.js","sourceRoot":"","sources":["../../../../../../src/components/tabs/themes/shared/tab/tab.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"tab.common.css.js","sourceRoot":"","sources":["../../../../../../src/components/tabs/themes/shared/tab/tab.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0rCAA0rC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=tab-header]{color:var(--item-text-color);background:var(--item-background);border-radius:var(--border-radius)}[part=tab-header] ::slotted(igc-icon){color:var(--item-icon-color)}[part=tab-header]:hover,[part=tab-header]:focus-within{color:var(--item-hover-color);background:var(--item-hover-background)}[part=tab-header]:hover ::slotted(igc-icon),[part=tab-header]:focus-within ::slotted(igc-icon){color:var(--item-hover-icon-color)}:host([selected]) [part=tab-header]{color:var(--item-active-color)}:host([selected]) [part=tab-header] ::slotted(igc-icon){color:var(--item-active-icon-color)}:host([selected]) [part=tab-header]:hover,:host([selected]) [part=tab-header]:focus-within{color:var(--item-active-color)}:host([selected]) [part=tab-header]:hover ::slotted(igc-icon),:host([selected]) [part=tab-header]:focus-within ::slotted(igc-icon){color:var(--item-active-icon-color)}[part=tab-header]:focus-within,[part=tab-header]:focus,:host([selected]) [part=tab-header]:focus-within,:host([selected]) [part=tab-header]:focus{outline:none}:host([disabled]) [part=tab-header]{color:var(--item-disabled-color)}:host([disabled]) [part=tab-header] ::slotted(igc-icon){color:var(--item-disabled-icon-color)}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css
|
|
2
|
+
export const styles = css `[part=tab-header]{transition:all .3s cubic-bezier(0.35, 0, 0.25, 1);padding:.625rem 1rem}[part=content]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}:host([selected]) [part=content]{font-weight:700}:host([selected]) [part=tab-header]:hover,:host([selected]) [part=tab-header]:focus-within{color:var(--item-hover-color)}:host([selected]) [part=tab-header]:hover ::slotted(igc-icon),:host([selected]) [part=tab-header]:focus-within ::slotted(igc-icon){color:var(--item-hover-icon-color)}`;
|
|
3
3
|
//# sourceMappingURL=tab.fluent.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tab.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/tabs/themes/shared/tab/tab.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"tab.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/tabs/themes/shared/tab/tab.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,00BAA00B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=tab-header]{transition:all .3s cubic-bezier(0.35, 0, 0.25, 1);padding:.625rem 1rem}[part=content]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}:host([selected]) [part=content]{font-weight:700}:host([selected]) [part=tab-header]:hover,:host([selected]) [part=tab-header]:focus-within{color:var(--item-hover-color)}:host([selected]) [part=tab-header]:hover ::slotted(igc-icon),:host([selected]) [part=tab-header]:focus-within ::slotted(igc-icon){color:var(--item-hover-icon-color)}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{
|
|
2
|
+
export const styles = css `:host{border-top:.0625rem solid rgba(0,0,0,0)}:host ::slotted(igc-icon){--ig-size: 2}[part=tab-header]{padding:.75rem 1rem}[part=content]{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom);text-transform:uppercase}`;
|
|
3
3
|
//# sourceMappingURL=tab.indigo.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tab.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/tabs/themes/shared/tab/tab.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"tab.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/tabs/themes/shared/tab/tab.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ylBAAylB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{border-top:.0625rem solid rgba(0,0,0,0)}:host ::slotted(igc-icon){--ig-size: 2}[part=tab-header]{padding:.75rem 1rem}[part=content]{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom);text-transform:uppercase}`;\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const styles: import("lit").CSSResult;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
export const styles = css `[part~=content]{font-family:var(--ig-button-font-family, var(--ig-font-family));font-size:var(--ig-button-font-size);font-weight:var(--ig-button-font-weight);font-style:var(--ig-button-font-style);line-height:var(--ig-button-line-height);letter-spacing:var(--ig-button-letter-spacing);text-transform:var(--ig-button-text-transform);margin-top:var(--ig-button-margin-top);margin-bottom:var(--ig-button-margin-bottom)}[part=tab-header]{padding:.75rem 1rem}::slotted(igc-icon){--size: 1.5rem}`;
|
|
3
|
+
//# sourceMappingURL=tab.material.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tab.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/tabs/themes/shared/tab/tab.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2eAA2e,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=content]{font-family:var(--ig-button-font-family, var(--ig-font-family));font-size:var(--ig-button-font-size);font-weight:var(--ig-button-font-weight);font-style:var(--ig-button-font-style);line-height:var(--ig-button-line-height);letter-spacing:var(--ig-button-letter-spacing);text-transform:var(--ig-button-text-transform);margin-top:var(--ig-button-margin-top);margin-bottom:var(--ig-button-margin-bottom)}[part=tab-header]{padding:.75rem 1rem}::slotted(igc-icon){--size: 1.5rem}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css
|
|
2
|
+
export const styles = css `:host{--header-min-height: 3rem}:host([alignment=start]) [part~=inner]:not([part~=scrollable])::after{box-shadow:inset 0 calc(var(--_border-size)*-1) 0 0 var(--border-color)}:host([alignment=center]) [part~=inner]:not([part~=scrollable])::before,:host([alignment=center]) [part~=inner]:not([part~=scrollable])::after{box-shadow:inset 0 calc(var(--_border-size)*-1) 0 0 var(--border-color)}:host([alignment=end]) [part~=inner]:not([part~=scrollable])::before{box-shadow:inset 0 calc(var(--_border-size)*-1) 0 0 var(--border-color)}[part=selected-indicator]{display:none}`;
|
|
3
3
|
//# sourceMappingURL=tabs.bootstrap.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/tabs/themes/shared/tabs/tabs.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"tabs.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/tabs/themes/shared/tabs/tabs.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2jBAA2jB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--header-min-height: 3rem}:host([alignment=start]) [part~=inner]:not([part~=scrollable])::after{box-shadow:inset 0 calc(var(--_border-size)*-1) 0 0 var(--border-color)}:host([alignment=center]) [part~=inner]:not([part~=scrollable])::before,:host([alignment=center]) [part~=inner]:not([part~=scrollable])::after{box-shadow:inset 0 calc(var(--_border-size)*-1) 0 0 var(--border-color)}:host([alignment=end]) [part~=inner]:not([part~=scrollable])::before{box-shadow:inset 0 calc(var(--_border-size)*-1) 0 0 var(--border-color)}[part=selected-indicator]{display:none}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `[part=
|
|
2
|
+
export const styles = css `[part=start-scroll-button],[part=end-scroll-button]{--foreground: var(--button-color);--background: var(--button-background);--hover-foreground: var(--button-hover-color);--hover-background: var(--button-hover-background);--focus-foreground: var(--button-hover-color);--focus-background: var(--button-hover-background);--active-foreground: var(--button-hover-color);--active-background: var(--button-hover-background);--border-color: var(--button-background);--disabled-foreground: var(--button-disabled-color);--disabled-background: var(--item-background)}[part=start-scroll-button] [part~=base],[part=end-scroll-button] [part~=base]{transition:all 0ms}[part=start-scroll-button]:active,[part=start-scroll-button]:hover,[part=end-scroll-button]:active,[part=end-scroll-button]:hover{--border-color: var(--button-hover-background)}:host([alignment=start]) [part~=inner]:not([part~=scrollable])::after{background:var(--item-background)}:host([alignment=center]) [part~=inner]:not([part~=scrollable])::before,:host([alignment=center]) [part~=inner]:not([part~=scrollable])::after{background:var(--item-background)}:host([alignment=end]) [part~=inner]:not([part~=scrollable])::before{background:var(--item-background)}igc-icon-button::part(icon){--size: 1.5rem}`;
|
|
3
3
|
//# sourceMappingURL=tabs.common.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.common.css.js","sourceRoot":"","sources":["../../../../../../src/components/tabs/themes/shared/tabs/tabs.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"tabs.common.css.js","sourceRoot":"","sources":["../../../../../../src/components/tabs/themes/shared/tabs/tabs.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4uCAA4uC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=start-scroll-button],[part=end-scroll-button]{--foreground: var(--button-color);--background: var(--button-background);--hover-foreground: var(--button-hover-color);--hover-background: var(--button-hover-background);--focus-foreground: var(--button-hover-color);--focus-background: var(--button-hover-background);--active-foreground: var(--button-hover-color);--active-background: var(--button-hover-background);--border-color: var(--button-background);--disabled-foreground: var(--button-disabled-color);--disabled-background: var(--item-background)}[part=start-scroll-button] [part~=base],[part=end-scroll-button] [part~=base]{transition:all 0ms}[part=start-scroll-button]:active,[part=start-scroll-button]:hover,[part=end-scroll-button]:active,[part=end-scroll-button]:hover{--border-color: var(--button-hover-background)}:host([alignment=start]) [part~=inner]:not([part~=scrollable])::after{background:var(--item-background)}:host([alignment=center]) [part~=inner]:not([part~=scrollable])::before,:host([alignment=center]) [part~=inner]:not([part~=scrollable])::after{background:var(--item-background)}:host([alignment=end]) [part~=inner]:not([part~=scrollable])::before{background:var(--item-background)}igc-icon-button::part(icon){--size: 1.5rem}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css
|
|
2
|
+
export const styles = css `:host{--header-min-height: 2.75rem}igc-icon-button::part(base) igc-icon{color:var(--button-color)}igc-icon-button[disabled]::part(base){background:var(--disabled-background)}[part=selected-indicator]{height:.125rem;margin-block-start:calc(0.125rem*-1)}[part=selected-indicator] span{height:.125rem;background:var(--indicator-color)}`;
|
|
3
3
|
//# sourceMappingURL=tabs.fluent.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/tabs/themes/shared/tabs/tabs.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"tabs.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/tabs/themes/shared/tabs/tabs.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8UAA8U,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--header-min-height: 2.75rem}igc-icon-button::part(base) igc-icon{color:var(--button-color)}igc-icon-button[disabled]::part(base){background:var(--disabled-background)}[part=selected-indicator]{height:.125rem;margin-block-start:calc(0.125rem*-1)}[part=selected-indicator] span{height:.125rem;background:var(--indicator-color)}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css
|
|
2
|
+
export const styles = css `:host{--header-min-height: 2.5rem;--scroll-btn-size: 2.5rem}[part=selected-indicator]{height:.0625rem;position:relative}[part=selected-indicator] span{background:var(--indicator-color);height:.1875rem;inset-block-end:100%}[part=selected-indicator]::before{content:"";position:absolute;width:100%;height:.0625rem;background-color:var(--border-color);inset-block-end:100%}[part=start-scroll-button],[part=end-scroll-button]{--hover-background: var(--button-background);--focus-background: var(--button-background);--active-background: var(--button-background)}[part=start-scroll-button]:active,[part=start-scroll-button]:hover,[part=end-scroll-button]:active,[part=end-scroll-button]:hover{--border-color: var(--button-background)}igc-icon-button:hover::part(base)::after{content:"";position:absolute;inset:0;background-color:var(--button-hover-background);z-index:1}igc-icon-button::part(base){overflow:hidden}igc-icon-button::part(icon){--size: 1rem;z-index:2}`;
|
|
3
3
|
//# sourceMappingURL=tabs.indigo.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/tabs/themes/shared/tabs/tabs.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"tabs.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/tabs/themes/shared/tabs/tabs.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,k8BAAk8B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--header-min-height: 2.5rem;--scroll-btn-size: 2.5rem}[part=selected-indicator]{height:.0625rem;position:relative}[part=selected-indicator] span{background:var(--indicator-color);height:.1875rem;inset-block-end:100%}[part=selected-indicator]::before{content:\"\";position:absolute;width:100%;height:.0625rem;background-color:var(--border-color);inset-block-end:100%}[part=start-scroll-button],[part=end-scroll-button]{--hover-background: var(--button-background);--focus-background: var(--button-background);--active-background: var(--button-background)}[part=start-scroll-button]:active,[part=start-scroll-button]:hover,[part=end-scroll-button]:active,[part=end-scroll-button]:hover{--border-color: var(--button-background)}igc-icon-button:hover::part(base)::after{content:\"\";position:absolute;inset:0;background-color:var(--button-hover-background);z-index:1}igc-icon-button::part(base){overflow:hidden}igc-icon-button::part(icon){--size: 1rem;z-index:2}`;\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const styles: import("lit").CSSResult;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
export const styles = css `:host{--header-min-height: 3rem}[part=selected-indicator]{height:.125rem;margin-block-start:calc(0.125rem*-1)}[part=selected-indicator] span{height:.125rem;background:var(--indicator-color)}`;
|
|
3
|
+
//# sourceMappingURL=tabs.material.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tabs.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/tabs/themes/shared/tabs/tabs.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gMAAgM,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--header-min-height: 3rem}[part=selected-indicator]{height:.125rem;margin-block-start:calc(0.125rem*-1)}[part=selected-indicator] span{height:.125rem;background:var(--indicator-color)}`;\n"]}
|
|
@@ -2,6 +2,7 @@ import { css } from 'lit';
|
|
|
2
2
|
import { styles as bootstrap } from './shared/tab/tab.bootstrap.css.js';
|
|
3
3
|
import { styles as fluent } from './shared/tab/tab.fluent.css.js';
|
|
4
4
|
import { styles as indigo } from './shared/tab/tab.indigo.css.js';
|
|
5
|
+
import { styles as material } from './shared/tab/tab.material.css.js';
|
|
5
6
|
const light = {
|
|
6
7
|
bootstrap: css `
|
|
7
8
|
${bootstrap}
|
|
@@ -12,6 +13,9 @@ const light = {
|
|
|
12
13
|
indigo: css `
|
|
13
14
|
${indigo}
|
|
14
15
|
`,
|
|
16
|
+
material: css `
|
|
17
|
+
${material}
|
|
18
|
+
`,
|
|
15
19
|
};
|
|
16
20
|
const dark = {
|
|
17
21
|
bootstrap: css `
|
|
@@ -23,6 +27,9 @@ const dark = {
|
|
|
23
27
|
indigo: css `
|
|
24
28
|
${indigo}
|
|
25
29
|
`,
|
|
30
|
+
material: css `
|
|
31
|
+
${material}
|
|
32
|
+
`,
|
|
26
33
|
};
|
|
27
34
|
export const all = { light, dark };
|
|
28
35
|
//# sourceMappingURL=tab-themes.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tab-themes.js","sourceRoot":"","sources":["../../../../src/components/tabs/themes/tab-themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;
|
|
1
|
+
{"version":3,"file":"tab-themes.js","sourceRoot":"","sources":["../../../../src/components/tabs/themes/tab-themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAEtE,MAAM,KAAK,GAAG;IACZ,SAAS,EAAE,GAAG,CAAA;MACV,SAAS;GACZ;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ;GACX;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,SAAS,EAAE,GAAG,CAAA;MACV,SAAS;GACZ;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ;GACX;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '../../../theming/types.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/tab/tab.bootstrap.css.js';\nimport { styles as fluent } from './shared/tab/tab.fluent.css.js';\nimport { styles as indigo } from './shared/tab/tab.indigo.css.js';\nimport { styles as material } from './shared/tab/tab.material.css.js';\n\nconst light = {\n bootstrap: css`\n ${bootstrap}\n `,\n fluent: css`\n ${fluent}\n `,\n indigo: css`\n ${indigo}\n `,\n material: css`\n ${material}\n `,\n};\n\nconst dark = {\n bootstrap: css`\n ${bootstrap}\n `,\n fluent: css`\n ${fluent}\n `,\n indigo: css`\n ${indigo}\n `,\n material: css`\n ${material}\n `,\n};\n\nexport const all: Themes = { light, dark };\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}
|
|
2
|
+
export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}[part~=tab-header]{display:flex;scroll-snap-align:var(--_ig-tab-snap);flex-direction:column;align-items:center;flex-shrink:0;text-align:center;justify-content:center;pointer-events:all;height:100%;max-width:var(--tab-max-width--justify, 22.5rem);min-width:5.625rem;cursor:pointer;position:relative;z-index:1;grid-row:1;overflow-wrap:anywhere;transition:background-color .3s cubic-bezier(0.35, 0, 0.25, 1),color .3s cubic-bezier(0.35, 0, 0.25, 1)}[part~=tab-header] ::slotted(igc-icon){transition:color .3s cubic-bezier(0.35, 0, 0.25, 1)}[part~=tab-header]:focus-within{outline-color:rgba(0,0,0,0)}[part=base]{display:flex;grid-row:var(--header-bottom, 1);align-items:center;justify-content:center;gap:.5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline-style:none}[part~=content]{display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;outline-style:none;gap:.5rem;flex:1}[part~=content] ::slotted(*){display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}[part~=content] ::slotted(igc-icon){display:flex}[part~=tab-body]{display:none;position:sticky;inset-inline-start:0;width:100%;height:100%;grid-row:3;grid-column:1/-1;max-width:var(--_ig-tabs-width);transition:transform 250ms ease-in-out}:host([selected]) [part~=tab-body]{display:block;transform:translateX(0)}:host([disabled]) [part=tab-header]{pointer-events:none;cursor:initial}`;
|
|
3
3
|
//# sourceMappingURL=tab.base.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tab.base.css.js","sourceRoot":"","sources":["../../../../src/components/tabs/themes/tab.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"tab.base.css.js","sourceRoot":"","sources":["../../../../src/components/tabs/themes/tab.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,s8EAAs8E,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}[part~=tab-header]{display:flex;scroll-snap-align:var(--_ig-tab-snap);flex-direction:column;align-items:center;flex-shrink:0;text-align:center;justify-content:center;pointer-events:all;height:100%;max-width:var(--tab-max-width--justify, 22.5rem);min-width:5.625rem;cursor:pointer;position:relative;z-index:1;grid-row:1;overflow-wrap:anywhere;transition:background-color .3s cubic-bezier(0.35, 0, 0.25, 1),color .3s cubic-bezier(0.35, 0, 0.25, 1)}[part~=tab-header] ::slotted(igc-icon){transition:color .3s cubic-bezier(0.35, 0, 0.25, 1)}[part~=tab-header]:focus-within{outline-color:rgba(0,0,0,0)}[part=base]{display:flex;grid-row:var(--header-bottom, 1);align-items:center;justify-content:center;gap:.5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline-style:none}[part~=content]{display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;outline-style:none;gap:.5rem;flex:1}[part~=content] ::slotted(*){display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}[part~=content] ::slotted(igc-icon){display:flex}[part~=tab-body]{display:none;position:sticky;inset-inline-start:0;width:100%;height:100%;grid-row:3;grid-column:1/-1;max-width:var(--_ig-tabs-width);transition:transform 250ms ease-in-out}:host([selected]) [part~=tab-body]{display:block;transform:translateX(0)}:host([disabled]) [part=tab-header]{pointer-events:none;cursor:initial}`;\n"]}
|
|
@@ -12,6 +12,7 @@ import { styles as sharedLight } from './light/tab.shared.css.js';
|
|
|
12
12
|
import { styles as bootstrap } from './shared/tabs/tabs.bootstrap.css.js';
|
|
13
13
|
import { styles as fluent } from './shared/tabs/tabs.fluent.css.js';
|
|
14
14
|
import { styles as indigo } from './shared/tabs/tabs.indigo.css.js';
|
|
15
|
+
import { styles as material } from './shared/tabs/tabs.material.css.js';
|
|
15
16
|
const light = {
|
|
16
17
|
shared: css `
|
|
17
18
|
${sharedLight}
|
|
@@ -20,7 +21,7 @@ const light = {
|
|
|
20
21
|
${bootstrap} ${bootstrapLight}
|
|
21
22
|
`,
|
|
22
23
|
material: css `
|
|
23
|
-
${materialLight}
|
|
24
|
+
${material} ${materialLight}
|
|
24
25
|
`,
|
|
25
26
|
fluent: css `
|
|
26
27
|
${fluent} ${fluentLight}
|
|
@@ -37,7 +38,7 @@ const dark = {
|
|
|
37
38
|
${bootstrap} ${bootstrapDark}
|
|
38
39
|
`,
|
|
39
40
|
material: css `
|
|
40
|
-
${materialDark}
|
|
41
|
+
${material} ${materialDark}
|
|
41
42
|
`,
|
|
42
43
|
fluent: css `
|
|
43
44
|
${fluent} ${fluentDark}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs-themes.js","sourceRoot":"","sources":["../../../../src/components/tabs/themes/tabs-themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,6BAA6B,CAAC;AACtE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEhE,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,8BAA8B,CAAC;AACxE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,6BAA6B,CAAC;AACtE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAElE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,qCAAqC,CAAC;AAC1E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,kCAAkC,CAAC;
|
|
1
|
+
{"version":3,"file":"tabs-themes.js","sourceRoot":"","sources":["../../../../src/components/tabs/themes/tabs-themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,6BAA6B,CAAC;AACtE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEhE,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,8BAA8B,CAAC;AACxE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,6BAA6B,CAAC;AACtE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAElE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,qCAAqC,CAAC;AAC1E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAExE,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;MACP,WAAW;GACd;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,cAAc;GAC9B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ,IAAI,aAAa;GAC5B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,GAAG,CAAA;MACP,UAAU;GACb;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,aAAa;GAC7B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ,IAAI,YAAY;GAC3B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '../../../theming/types.js';\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/tab.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/tab.fluent.css.js';\nimport { styles as indigoDark } from './dark/tab.indigo.css.js';\nimport { styles as materialDark } from './dark/tab.material.css.js';\nimport { styles as sharedDark } from './dark/tab.shared.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/tab.bootstrap.css.js';\nimport { styles as fluentLight } from './light/tab.fluent.css.js';\nimport { styles as indigoLight } from './light/tab.indigo.css.js';\nimport { styles as materialLight } from './light/tab.material.css.js';\nimport { styles as sharedLight } from './light/tab.shared.css.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/tabs/tabs.bootstrap.css.js';\nimport { styles as fluent } from './shared/tabs/tabs.fluent.css.js';\nimport { styles as indigo } from './shared/tabs/tabs.indigo.css.js';\nimport { styles as material } from './shared/tabs/tabs.material.css.js';\n\nconst light = {\n shared: css`\n ${sharedLight}\n `,\n bootstrap: css`\n ${bootstrap} ${bootstrapLight}\n `,\n material: css`\n ${material} ${materialLight}\n `,\n fluent: css`\n ${fluent} ${fluentLight}\n `,\n indigo: css`\n ${indigo} ${indigoLight}\n `,\n};\n\nconst dark = {\n shared: css`\n ${sharedDark}\n `,\n bootstrap: css`\n ${bootstrap} ${bootstrapDark}\n `,\n material: css`\n ${material} ${materialDark}\n `,\n fluent: css`\n ${fluent} ${fluentDark}\n `,\n indigo: css`\n ${indigo} ${indigoDark}\n `,\n};\n\nexport const all: Themes = { light, dark };\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{
|
|
2
|
+
export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{--scroll-btn-size: 3rem;--_border-size: 0.0625rem;display:block;overflow:hidden;position:relative;height:100%}:host([alignment=end]) [part~=inner]:not([part~=scrollable])::before,:host([alignment=center]) [part~=inner]:not([part~=scrollable])::before,:host([alignment=center]) [part~=inner]:not([part~=scrollable])::after,:host([alignment=start]) [part~=inner]:not([part~=scrollable])::after{content:"";width:100%;height:100%;grid-row:1}[part~=tabs]{display:flex;height:100%;scroll-padding-inline:var(--scroll-btn-size);scroll-behavior:smooth;overflow:scroll hidden;scroll-snap-type:both proximity;scrollbar-width:none;overscroll-behavior:none}[part~=tabs]::-webkit-scrollbar{display:none}[part~=inner]{display:grid;grid-template-rows:minmax(var(--header-min-height), auto) auto 1fr;align-items:center;position:relative;flex-grow:1}[part~=inner] ::slotted(igc-tab){display:contents}[part~=scrollable]{grid-template-columns:var(--scroll-btn-size) repeat(var(--_tabs-count), minmax(max-content, auto)) var(--scroll-btn-size)}[part~=inner]:not([part~=scrollable]){grid-template-columns:repeat(var(--_tabs-count), minmax(auto, min-content));min-width:5.625rem}:host([alignment=start]) [part~=inner]:not([part~=scrollable]){grid-template-columns:repeat(var(--_tabs-count), minmax(max-content, auto)) 1fr}:host([alignment=center]) [part~=inner]:not([part~=scrollable]){grid-template-columns:1fr repeat(var(--_tabs-count), minmax(max-content, auto)) 1fr}:host([alignment=end]) [part~=inner]:not([part~=scrollable]){grid-template-columns:1fr repeat(var(--_tabs-count), minmax(max-content, auto))}:host([alignment=justify]){--tab-max-width--justify: 100%}:host([alignment=justify]) [part~=scrollable]{grid-template-columns:var(--scroll-btn-size) repeat(var(--_tabs-count), minmax(5.625rem, 1fr)) var(--scroll-btn-size)}:host([alignment=justify]) [part~=inner]:not([part~=scrollable]){grid-template-columns:repeat(var(--_tabs-count), minmax(5.625rem, auto))}[part~=start-scroll-button],[part~=end-scroll-button]{grid-row:1;position:sticky;top:0;height:100%;min-width:var(--scroll-btn-size);width:var(--scroll-btn-size);z-index:2;transform:scaleX(calc(var(--ig-dir, 1) * 1));touch-action:none}[part~=start-scroll-button]{inset-inline-start:0}[part~=end-scroll-button]{inset-inline-end:0}igc-icon-button::part(base){border-radius:0;padding:0;height:100%;width:100%;transition:none}[part=selected-indicator]{position:relative;grid-row:2;grid-column:1/-1}[part=selected-indicator] span{position:absolute;display:inline-block;transition:transform .3s cubic-bezier(0.35, 0, 0.25, 1),width .2s cubic-bezier(0.35, 0, 0.25, 1);z-index:1}`;
|
|
3
3
|
//# sourceMappingURL=tabs.base.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.base.css.js","sourceRoot":"","sources":["../../../../src/components/tabs/themes/tabs.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"tabs.base.css.js","sourceRoot":"","sources":["../../../../src/components/tabs/themes/tabs.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0gHAA0gH,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{--scroll-btn-size: 3rem;--_border-size: 0.0625rem;display:block;overflow:hidden;position:relative;height:100%}:host([alignment=end]) [part~=inner]:not([part~=scrollable])::before,:host([alignment=center]) [part~=inner]:not([part~=scrollable])::before,:host([alignment=center]) [part~=inner]:not([part~=scrollable])::after,:host([alignment=start]) [part~=inner]:not([part~=scrollable])::after{content:\"\";width:100%;height:100%;grid-row:1}[part~=tabs]{display:flex;height:100%;scroll-padding-inline:var(--scroll-btn-size);scroll-behavior:smooth;overflow:scroll hidden;scroll-snap-type:both proximity;scrollbar-width:none;overscroll-behavior:none}[part~=tabs]::-webkit-scrollbar{display:none}[part~=inner]{display:grid;grid-template-rows:minmax(var(--header-min-height), auto) auto 1fr;align-items:center;position:relative;flex-grow:1}[part~=inner] ::slotted(igc-tab){display:contents}[part~=scrollable]{grid-template-columns:var(--scroll-btn-size) repeat(var(--_tabs-count), minmax(max-content, auto)) var(--scroll-btn-size)}[part~=inner]:not([part~=scrollable]){grid-template-columns:repeat(var(--_tabs-count), minmax(auto, min-content));min-width:5.625rem}:host([alignment=start]) [part~=inner]:not([part~=scrollable]){grid-template-columns:repeat(var(--_tabs-count), minmax(max-content, auto)) 1fr}:host([alignment=center]) [part~=inner]:not([part~=scrollable]){grid-template-columns:1fr repeat(var(--_tabs-count), minmax(max-content, auto)) 1fr}:host([alignment=end]) [part~=inner]:not([part~=scrollable]){grid-template-columns:1fr repeat(var(--_tabs-count), minmax(max-content, auto))}:host([alignment=justify]){--tab-max-width--justify: 100%}:host([alignment=justify]) [part~=scrollable]{grid-template-columns:var(--scroll-btn-size) repeat(var(--_tabs-count), minmax(5.625rem, 1fr)) var(--scroll-btn-size)}:host([alignment=justify]) [part~=inner]:not([part~=scrollable]){grid-template-columns:repeat(var(--_tabs-count), minmax(5.625rem, auto))}[part~=start-scroll-button],[part~=end-scroll-button]{grid-row:1;position:sticky;top:0;height:100%;min-width:var(--scroll-btn-size);width:var(--scroll-btn-size);z-index:2;transform:scaleX(calc(var(--ig-dir, 1) * 1));touch-action:none}[part~=start-scroll-button]{inset-inline-start:0}[part~=end-scroll-button]{inset-inline-end:0}igc-icon-button::part(base){border-radius:0;padding:0;height:100%;width:100%;transition:none}[part=selected-indicator]{position:relative;grid-row:2;grid-column:1/-1}[part=selected-indicator] span{position:absolute;display:inline-block;transition:transform .3s cubic-bezier(0.35, 0, 0.25, 1),width .2s cubic-bezier(0.35, 0, 0.25, 1);z-index:1}`;\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const styles: import("lit").CSSResult;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tabs.common.css.js","sourceRoot":"","sources":["../../../../src/components/tabs/themes/tabs.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css``;\n"]}
|
|
@@ -48,14 +48,13 @@ export default class IgcTextareaComponent extends IgcTextareaComponent_base {
|
|
|
48
48
|
};
|
|
49
49
|
private static readonly increment;
|
|
50
50
|
protected get __validators(): import("../common/validators.js").Validator<IgcTextareaComponent>[];
|
|
51
|
-
protected _formValue: FormValue<string>;
|
|
52
|
-
protected
|
|
53
|
-
private
|
|
54
|
-
|
|
55
|
-
protected
|
|
56
|
-
|
|
57
|
-
private
|
|
58
|
-
private get resizeStyles();
|
|
51
|
+
protected readonly _formValue: FormValue<string>;
|
|
52
|
+
protected readonly _inputId: string;
|
|
53
|
+
private readonly _projected;
|
|
54
|
+
protected readonly _prefixes: HTMLElement[];
|
|
55
|
+
protected readonly _suffixes: HTMLElement[];
|
|
56
|
+
private readonly _input;
|
|
57
|
+
private get _resizeStyles();
|
|
59
58
|
protected get _isMaterial(): boolean;
|
|
60
59
|
/**
|
|
61
60
|
* Specifies what if any permission the browser has to provide for automated assistance in filling out form field values,
|
|
@@ -72,7 +71,7 @@ export default class IgcTextareaComponent extends IgcTextareaComponent_base {
|
|
|
72
71
|
*
|
|
73
72
|
* @attr
|
|
74
73
|
*/
|
|
75
|
-
autocapitalize:
|
|
74
|
+
autocapitalize: string;
|
|
76
75
|
/**
|
|
77
76
|
* Hints at the type of data that might be entered by the user while editing the element or its contents.
|
|
78
77
|
* This allows a browser to display an appropriate virtual keyboard.
|
|
@@ -81,7 +80,7 @@ export default class IgcTextareaComponent extends IgcTextareaComponent_base {
|
|
|
81
80
|
*
|
|
82
81
|
* @attr inputmode
|
|
83
82
|
*/
|
|
84
|
-
inputMode:
|
|
83
|
+
inputMode: string;
|
|
85
84
|
/**
|
|
86
85
|
* The label for the control.
|
|
87
86
|
*
|
|
@@ -160,11 +159,22 @@ export default class IgcTextareaComponent extends IgcTextareaComponent_base {
|
|
|
160
159
|
* @attr validate-only
|
|
161
160
|
*/
|
|
162
161
|
validateOnly: boolean;
|
|
163
|
-
protected
|
|
164
|
-
protected
|
|
162
|
+
protected _valueChanged(): Promise<void>;
|
|
163
|
+
protected _setAreaHeight(): void;
|
|
165
164
|
constructor();
|
|
166
|
-
|
|
167
|
-
|
|
165
|
+
protected createRenderRoot(): HTMLElement | DocumentFragment;
|
|
166
|
+
protected _resolvePartNames(): {
|
|
167
|
+
container: boolean;
|
|
168
|
+
prefixed: boolean;
|
|
169
|
+
suffixed: boolean;
|
|
170
|
+
filled: boolean;
|
|
171
|
+
};
|
|
172
|
+
private _setAutoHeight;
|
|
173
|
+
protected _handleSlotChange({ target }: Event): void;
|
|
174
|
+
protected _handleInput(): void;
|
|
175
|
+
protected _handleChange(): void;
|
|
176
|
+
protected _handleFocus(): void;
|
|
177
|
+
protected _handleBlur(): void;
|
|
168
178
|
/** Selects all text within the control. */
|
|
169
179
|
select(): void;
|
|
170
180
|
/** Sets the text selection range of the control */
|
|
@@ -173,26 +183,13 @@ export default class IgcTextareaComponent extends IgcTextareaComponent_base {
|
|
|
173
183
|
setRangeText(replacement: string, start: number, end: number, selectMode?: RangeTextSelectMode): void;
|
|
174
184
|
scrollTo(options?: ScrollToOptions | undefined): void;
|
|
175
185
|
scrollTo(x: number, y: number): void;
|
|
176
|
-
protected
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
protected handleInput(): void;
|
|
184
|
-
protected handleChange(): void;
|
|
185
|
-
protected handleFocus(): void;
|
|
186
|
-
protected handleBlur(): void;
|
|
187
|
-
protected valueSlotChange(): void;
|
|
188
|
-
protected renderValueSlot(): TemplateResult<1>;
|
|
189
|
-
protected renderValidationContainer(): TemplateResult;
|
|
190
|
-
protected renderPrefix(): TemplateResult<1>;
|
|
191
|
-
protected renderSuffix(): TemplateResult<1>;
|
|
192
|
-
protected renderLabel(): TemplateResult<1> | typeof nothing;
|
|
193
|
-
protected renderStandard(): TemplateResult<1>;
|
|
194
|
-
protected renderMaterial(): TemplateResult<1>;
|
|
195
|
-
protected renderInput(): TemplateResult<1>;
|
|
186
|
+
protected _renderPrefix(): TemplateResult<1>;
|
|
187
|
+
protected _renderSuffix(): TemplateResult<1>;
|
|
188
|
+
protected _renderLabel(): TemplateResult<1> | typeof nothing;
|
|
189
|
+
protected _renderStandard(): TemplateResult<1>;
|
|
190
|
+
protected _renderMaterial(): TemplateResult<1>;
|
|
191
|
+
protected _renderInput(): TemplateResult<1>;
|
|
192
|
+
protected _renderValidationContainer(): TemplateResult;
|
|
196
193
|
protected render(): TemplateResult<1>;
|
|
197
194
|
}
|
|
198
195
|
declare global {
|