igniteui-webcomponents 5.0.0 → 5.0.2
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 +21 -0
- package/README.md +3 -3
- package/components/accordion/accordion.d.ts +0 -2
- package/components/accordion/accordion.js +7 -14
- package/components/accordion/accordion.js.map +1 -1
- package/components/accordion/themes/accordion.base.css.js +1 -1
- package/components/accordion/themes/accordion.base.css.js.map +1 -1
- package/components/avatar/themes/avatar.base.css.js +1 -1
- package/components/avatar/themes/avatar.base.css.js.map +1 -1
- package/components/badge/themes/badge.base.css.js +1 -1
- package/components/badge/themes/badge.base.css.js.map +1 -1
- package/components/badge/themes/shared/badge.bootstrap.css.js +1 -1
- package/components/badge/themes/shared/badge.bootstrap.css.js.map +1 -1
- package/components/badge/themes/shared/badge.common.css.js +1 -1
- package/components/badge/themes/shared/badge.common.css.js.map +1 -1
- package/components/banner/themes/banner.base.css.js +1 -1
- package/components/banner/themes/banner.base.css.js.map +1 -1
- package/components/banner/themes/shared/banner.bootstrap.css.js +1 -1
- package/components/banner/themes/shared/banner.bootstrap.css.js.map +1 -1
- package/components/banner/themes/shared/banner.fluent.css.js +1 -1
- package/components/banner/themes/shared/banner.fluent.css.js.map +1 -1
- package/components/banner/themes/shared/banner.indigo.css.js +1 -1
- package/components/banner/themes/shared/banner.indigo.css.js.map +1 -1
- package/components/banner/themes/shared/banner.material.css.js +1 -1
- package/components/banner/themes/shared/banner.material.css.js.map +1 -1
- package/components/button/themes/button/button.base.css.js +1 -1
- package/components/button/themes/button/button.base.css.js.map +1 -1
- package/components/button/themes/button/shared/button.bootstrap.css.js +1 -1
- package/components/button/themes/button/shared/button.bootstrap.css.js.map +1 -1
- package/components/button/themes/button/shared/button.common.css.js +1 -1
- package/components/button/themes/button/shared/button.common.css.js.map +1 -1
- package/components/button/themes/button/shared/button.fluent.css.js +1 -1
- package/components/button/themes/button/shared/button.fluent.css.js.map +1 -1
- package/components/button/themes/button/shared/button.indigo.css.js +1 -1
- package/components/button/themes/button/shared/button.indigo.css.js.map +1 -1
- package/components/button/themes/button/shared/button.material.css.js +1 -1
- package/components/button/themes/button/shared/button.material.css.js.map +1 -1
- package/components/button/themes/icon-button/icon-button.base.css.js +1 -1
- package/components/button/themes/icon-button/icon-button.base.css.js.map +1 -1
- package/components/button/themes/icon-button/shared/icon-button.bootstrap.css.js +1 -1
- package/components/button/themes/icon-button/shared/icon-button.bootstrap.css.js.map +1 -1
- package/components/button/themes/icon-button/shared/icon-button.fluent.css.js +1 -1
- package/components/button/themes/icon-button/shared/icon-button.fluent.css.js.map +1 -1
- package/components/button/themes/icon-button/shared/icon-button.indigo.css.js +1 -1
- package/components/button/themes/icon-button/shared/icon-button.indigo.css.js.map +1 -1
- package/components/button/themes/icon-button/shared/icon-button.material.css.js +1 -1
- package/components/button/themes/icon-button/shared/icon-button.material.css.js.map +1 -1
- package/components/button-group/themes/button.base.css.js +1 -1
- package/components/button-group/themes/button.base.css.js.map +1 -1
- package/components/button-group/themes/group.base.css.js +1 -1
- package/components/button-group/themes/group.base.css.js.map +1 -1
- package/components/button-group/themes/shared/button/button.bootstrap.css.js +1 -1
- package/components/button-group/themes/shared/button/button.bootstrap.css.js.map +1 -1
- package/components/button-group/themes/shared/button/button.fluent.css.js +1 -1
- package/components/button-group/themes/shared/button/button.fluent.css.js.map +1 -1
- package/components/button-group/themes/shared/button/button.indigo.css.js +1 -1
- package/components/button-group/themes/shared/button/button.indigo.css.js.map +1 -1
- package/components/button-group/themes/shared/group/group.common.css.js +1 -1
- package/components/button-group/themes/shared/group/group.common.css.js.map +1 -1
- package/components/calendar/calendar.d.ts +3 -2
- package/components/calendar/calendar.js +10 -9
- package/components/calendar/calendar.js.map +1 -1
- package/components/calendar/themes/calendar.base.css.js +1 -1
- package/components/calendar/themes/calendar.base.css.js.map +1 -1
- package/components/calendar/themes/dark/calendar.bootstrap.css.js +1 -1
- package/components/calendar/themes/dark/calendar.bootstrap.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/dark/calendar.indigo.css.js +1 -1
- package/components/calendar/themes/dark/calendar.indigo.css.js.map +1 -1
- package/components/calendar/themes/dark/calendar.material.css.js +1 -1
- package/components/calendar/themes/dark/calendar.material.css.js.map +1 -1
- package/components/calendar/themes/days-view.base.css.js +1 -1
- package/components/calendar/themes/days-view.base.css.js.map +1 -1
- package/components/calendar/themes/light/calendar.bootstrap.css.js +1 -1
- package/components/calendar/themes/light/calendar.bootstrap.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.indigo.css.js +1 -1
- package/components/calendar/themes/light/calendar.indigo.css.js.map +1 -1
- package/components/calendar/themes/light/calendar.material.css.js +1 -1
- package/components/calendar/themes/light/calendar.material.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/calendar/themes/shared/bootstrap/calendar.bootstrap.css.js +1 -1
- package/components/calendar/themes/shared/bootstrap/calendar.bootstrap.css.js.map +1 -1
- package/components/calendar/themes/shared/bootstrap/days-view.bootstrap.css.js +1 -1
- package/components/calendar/themes/shared/bootstrap/days-view.bootstrap.css.js.map +1 -1
- package/components/calendar/themes/shared/bootstrap/year-month-view.bootstrap.css.js +1 -1
- package/components/calendar/themes/shared/bootstrap/year-month-view.bootstrap.css.js.map +1 -1
- package/components/calendar/themes/shared/fluent/calendar.fluent.css.js +1 -1
- package/components/calendar/themes/shared/fluent/calendar.fluent.css.js.map +1 -1
- package/components/calendar/themes/shared/fluent/days-view.fluent.css.js +1 -1
- package/components/calendar/themes/shared/fluent/days-view.fluent.css.js.map +1 -1
- package/components/calendar/themes/shared/fluent/year-month-view.fluent.css.js +1 -1
- package/components/calendar/themes/shared/fluent/year-month-view.fluent.css.js.map +1 -1
- package/components/calendar/themes/shared/indigo/calendar.indigo.css.js +1 -1
- package/components/calendar/themes/shared/indigo/calendar.indigo.css.js.map +1 -1
- package/components/calendar/themes/shared/indigo/days-view.indigo.css.js +1 -1
- package/components/calendar/themes/shared/indigo/days-view.indigo.css.js.map +1 -1
- package/components/calendar/themes/shared/indigo/year-month-view.indigo.css.js +1 -1
- package/components/calendar/themes/shared/indigo/year-month-view.indigo.css.js.map +1 -1
- package/components/calendar/themes/shared/material/calendar.material.css.js +1 -1
- package/components/calendar/themes/shared/material/calendar.material.css.js.map +1 -1
- package/components/calendar/themes/shared/material/days-view.material.css.js +1 -1
- package/components/calendar/themes/shared/material/days-view.material.css.js.map +1 -1
- package/components/calendar/themes/shared/material/year-month-view.material.css.js +1 -1
- package/components/calendar/themes/shared/material/year-month-view.material.css.js.map +1 -1
- package/components/calendar/themes/year-month-view.base.css.js +1 -1
- package/components/calendar/themes/year-month-view.base.css.js.map +1 -1
- package/components/card/themes/card.actions.base.css.js +1 -1
- package/components/card/themes/card.actions.base.css.js.map +1 -1
- package/components/card/themes/card.content.base.css.js +1 -1
- package/components/card/themes/card.content.base.css.js.map +1 -1
- package/components/card/themes/card.header.base.css.js +1 -1
- package/components/card/themes/card.header.base.css.js.map +1 -1
- package/components/card/themes/card.media.base.css.js +1 -1
- package/components/card/themes/card.media.base.css.js.map +1 -1
- package/components/card/themes/container.base.css.js +1 -1
- package/components/card/themes/container.base.css.js.map +1 -1
- package/components/card/themes/shared/container/card.common.css.js +1 -1
- package/components/card/themes/shared/container/card.common.css.js.map +1 -1
- package/components/card/themes/shared/container/card.fluent.css.js +1 -1
- package/components/card/themes/shared/container/card.fluent.css.js.map +1 -1
- package/components/card/themes/shared/container/card.indigo.css.js +1 -1
- package/components/card/themes/shared/container/card.indigo.css.js.map +1 -1
- package/components/card/themes/shared/header/card.header.indigo.css.js +1 -1
- package/components/card/themes/shared/header/card.header.indigo.css.js.map +1 -1
- package/components/checkbox/checkbox-base.d.ts +2 -3
- package/components/checkbox/checkbox-base.js +6 -10
- package/components/checkbox/checkbox-base.js.map +1 -1
- package/components/checkbox/themes/checkbox.base.css.js +1 -1
- package/components/checkbox/themes/checkbox.base.css.js.map +1 -1
- package/components/checkbox/themes/shared/checkbox/checkbox.bootstrap.css.js +1 -1
- package/components/checkbox/themes/shared/checkbox/checkbox.bootstrap.css.js.map +1 -1
- package/components/checkbox/themes/shared/checkbox/checkbox.fluent.css.js +1 -1
- package/components/checkbox/themes/shared/checkbox/checkbox.fluent.css.js.map +1 -1
- package/components/checkbox/themes/shared/checkbox/checkbox.indigo.css.js +1 -1
- package/components/checkbox/themes/shared/checkbox/checkbox.indigo.css.js.map +1 -1
- package/components/checkbox/themes/shared/checkbox/checkbox.material.css.js +1 -1
- package/components/checkbox/themes/shared/checkbox/checkbox.material.css.js.map +1 -1
- package/components/checkbox/themes/shared/switch/switch.bootstrap.css.js +1 -1
- package/components/checkbox/themes/shared/switch/switch.bootstrap.css.js.map +1 -1
- package/components/checkbox/themes/shared/switch/switch.common.css.js +1 -1
- package/components/checkbox/themes/shared/switch/switch.common.css.js.map +1 -1
- package/components/checkbox/themes/shared/switch/switch.fluent.css.js +1 -1
- package/components/checkbox/themes/shared/switch/switch.fluent.css.js.map +1 -1
- package/components/checkbox/themes/shared/switch/switch.indigo.css.js +1 -1
- package/components/checkbox/themes/shared/switch/switch.indigo.css.js.map +1 -1
- package/components/checkbox/themes/shared/switch/switch.material.css.js +1 -1
- package/components/checkbox/themes/shared/switch/switch.material.css.js.map +1 -1
- package/components/checkbox/themes/switch.base.css.js +1 -1
- package/components/checkbox/themes/switch.base.css.js.map +1 -1
- package/components/chip/chip.d.ts +1 -1
- package/components/chip/themes/chip.base.css.js +1 -1
- package/components/chip/themes/chip.base.css.js.map +1 -1
- package/components/combo/combo.d.ts +3 -4
- package/components/combo/combo.js +11 -23
- package/components/combo/combo.js.map +1 -1
- package/components/combo/themes/combo-header.base.css.js +1 -1
- package/components/combo/themes/combo-header.base.css.js.map +1 -1
- package/components/combo/themes/combo-item.base.css.js +1 -1
- package/components/combo/themes/combo-item.base.css.js.map +1 -1
- package/components/combo/themes/combo.base.css.js +1 -1
- package/components/combo/themes/combo.base.css.js.map +1 -1
- package/components/combo/themes/dark/combo.indigo.css.js +1 -1
- package/components/combo/themes/dark/combo.indigo.css.js.map +1 -1
- package/components/combo/themes/light/combo.indigo.css.js +1 -1
- package/components/combo/themes/light/combo.indigo.css.js.map +1 -1
- package/components/combo/themes/shared/combo.bootstrap.css.js +1 -1
- package/components/combo/themes/shared/combo.bootstrap.css.js.map +1 -1
- package/components/combo/themes/shared/combo.common.css.js +1 -1
- package/components/combo/themes/shared/combo.common.css.js.map +1 -1
- package/components/combo/themes/shared/combo.fluent.css.js +1 -1
- package/components/combo/themes/shared/combo.fluent.css.js.map +1 -1
- package/components/combo/themes/shared/combo.indigo.css.js +1 -1
- package/components/combo/themes/shared/combo.indigo.css.js.map +1 -1
- package/components/combo/themes/shared/combo.material.css.js +1 -1
- package/components/combo/themes/shared/combo.material.css.js.map +1 -1
- package/components/common/controllers/key-bindings.d.ts +3 -3
- package/components/common/controllers/key-bindings.js +48 -49
- package/components/common/controllers/key-bindings.js.map +1 -1
- package/components/common/mixins/combo-box.d.ts +2 -2
- package/components/common/mixins/forms/associated-required.d.ts +13 -0
- package/components/common/mixins/forms/associated-required.js +47 -0
- package/components/common/mixins/forms/associated-required.js.map +1 -0
- package/components/common/mixins/forms/associated.d.ts +11 -0
- package/components/common/mixins/{form-associated.js → forms/associated.js} +102 -57
- package/components/common/mixins/forms/associated.js.map +1 -0
- package/components/common/mixins/forms/types.d.ts +125 -0
- package/components/common/mixins/forms/types.js +2 -0
- package/components/common/mixins/forms/types.js.map +1 -0
- package/components/date-picker/date-picker.d.ts +6 -3
- package/components/date-picker/date-picker.js +30 -24
- package/components/date-picker/date-picker.js.map +1 -1
- package/components/date-picker/themes/dark/date-picker.bootstrap.css.js +1 -1
- package/components/date-picker/themes/dark/date-picker.bootstrap.css.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/dark/date-picker.indigo.css.js +1 -1
- package/components/date-picker/themes/dark/date-picker.indigo.css.js.map +1 -1
- package/components/date-picker/themes/dark/date-picker.material.css.js +1 -1
- package/components/date-picker/themes/dark/date-picker.material.css.js.map +1 -1
- package/components/date-picker/themes/date-picker.base.css.js +1 -1
- package/components/date-picker/themes/date-picker.base.css.js.map +1 -1
- package/components/date-picker/themes/light/date-picker.bootstrap.css.js +1 -1
- package/components/date-picker/themes/light/date-picker.bootstrap.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.indigo.css.js +1 -1
- package/components/date-picker/themes/light/date-picker.indigo.css.js.map +1 -1
- package/components/date-picker/themes/light/date-picker.material.css.js +1 -1
- package/components/date-picker/themes/light/date-picker.material.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-picker/themes/shared/date-picker.bootstrap.css.js +1 -1
- package/components/date-picker/themes/shared/date-picker.bootstrap.css.js.map +1 -1
- package/components/date-picker/themes/shared/date-picker.common.css.js +1 -1
- package/components/date-picker/themes/shared/date-picker.common.css.js.map +1 -1
- package/components/date-picker/themes/shared/date-picker.indigo.css.js +1 -1
- package/components/date-picker/themes/shared/date-picker.indigo.css.js.map +1 -1
- package/components/date-time-input/date-time-input.js +5 -6
- package/components/date-time-input/date-time-input.js.map +1 -1
- package/components/dialog/dialog.d.ts +1 -1
- package/components/dialog/themes/dialog.base.css.js +1 -1
- package/components/dialog/themes/dialog.base.css.js.map +1 -1
- package/components/dialog/themes/shared/dialog.bootstrap.css.js +1 -1
- package/components/dialog/themes/shared/dialog.bootstrap.css.js.map +1 -1
- package/components/dialog/themes/shared/dialog.common.css.js +1 -1
- package/components/dialog/themes/shared/dialog.common.css.js.map +1 -1
- package/components/dialog/themes/shared/dialog.fluent.css.js +1 -1
- package/components/dialog/themes/shared/dialog.fluent.css.js.map +1 -1
- package/components/dialog/themes/shared/dialog.indigo.css.js +1 -1
- package/components/dialog/themes/shared/dialog.indigo.css.js.map +1 -1
- package/components/divider/themes/divider.base.css.js +1 -1
- package/components/divider/themes/divider.base.css.js.map +1 -1
- package/components/dropdown/themes/dropdown-group.base.css.js +1 -1
- package/components/dropdown/themes/dropdown-group.base.css.js.map +1 -1
- package/components/dropdown/themes/dropdown-header.base.css.js +1 -1
- package/components/dropdown/themes/dropdown-header.base.css.js.map +1 -1
- package/components/dropdown/themes/dropdown-item.base.css.js +1 -1
- package/components/dropdown/themes/dropdown-item.base.css.js.map +1 -1
- package/components/dropdown/themes/dropdown.base.css.js +1 -1
- package/components/dropdown/themes/dropdown.base.css.js.map +1 -1
- package/components/dropdown/themes/shared/dropdown.fluent.css.js +1 -1
- package/components/dropdown/themes/shared/dropdown.fluent.css.js.map +1 -1
- package/components/dropdown/themes/shared/dropdown.indigo.css.js +1 -1
- package/components/dropdown/themes/shared/dropdown.indigo.css.js.map +1 -1
- package/components/dropdown/themes/shared/dropdown.material.css.js +1 -1
- package/components/dropdown/themes/shared/dropdown.material.css.js.map +1 -1
- package/components/dropdown/themes/shared/header/dropdown-header.indigo.css.js +1 -1
- package/components/dropdown/themes/shared/header/dropdown-header.indigo.css.js.map +1 -1
- package/components/dropdown/themes/shared/item/dropdown-item.indigo.css.js +1 -1
- package/components/dropdown/themes/shared/item/dropdown-item.indigo.css.js.map +1 -1
- package/components/expansion-panel/expansion-panel.d.ts +1 -1
- package/components/expansion-panel/themes/expansion-panel.base.css.js +1 -1
- package/components/expansion-panel/themes/expansion-panel.base.css.js.map +1 -1
- package/components/expansion-panel/themes/shared/expansion-panel.indigo.css.js +1 -1
- package/components/expansion-panel/themes/shared/expansion-panel.indigo.css.js.map +1 -1
- package/components/icon/registry/default-map.d.ts +1 -1
- package/components/icon/themes/icon.base.css.js +1 -1
- package/components/icon/themes/icon.base.css.js.map +1 -1
- package/components/input/input-base.d.ts +2 -2
- package/components/input/input-base.js +1 -1
- package/components/input/input-base.js.map +1 -1
- package/components/input/input.d.ts +0 -2
- package/components/input/input.js +4 -10
- package/components/input/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/input/themes/shared/input.bootstrap.css.js +1 -1
- package/components/input/themes/shared/input.bootstrap.css.js.map +1 -1
- package/components/input/themes/shared/input.common.css.js +1 -1
- package/components/input/themes/shared/input.common.css.js.map +1 -1
- package/components/input/themes/shared/input.fluent.css.js +1 -1
- package/components/input/themes/shared/input.fluent.css.js.map +1 -1
- package/components/input/themes/shared/input.indigo.css.js +1 -1
- package/components/input/themes/shared/input.indigo.css.js.map +1 -1
- package/components/input/themes/shared/input.material.css.js +1 -1
- package/components/input/themes/shared/input.material.css.js.map +1 -1
- package/components/list/themes/container.base.css.js +1 -1
- package/components/list/themes/container.base.css.js.map +1 -1
- package/components/list/themes/header.base.css.js +1 -1
- package/components/list/themes/header.base.css.js.map +1 -1
- package/components/list/themes/item.base.css.js +1 -1
- package/components/list/themes/item.base.css.js.map +1 -1
- package/components/list/themes/shared/item/list-item.common.css.js +1 -1
- package/components/list/themes/shared/item/list-item.common.css.js.map +1 -1
- package/components/list/themes/shared/item/list-item.indigo.css.js +1 -1
- package/components/list/themes/shared/item/list-item.indigo.css.js.map +1 -1
- package/components/mask-input/mask-input.d.ts +1 -2
- package/components/mask-input/mask-input.js +5 -10
- package/components/mask-input/mask-input.js.map +1 -1
- package/components/nav-drawer/nav-drawer-item.d.ts +1 -1
- package/components/nav-drawer/nav-drawer.d.ts +1 -1
- package/components/nav-drawer/themes/container.base.css.js +1 -1
- package/components/nav-drawer/themes/container.base.css.js.map +1 -1
- package/components/nav-drawer/themes/header-item.base.css.js +1 -1
- package/components/nav-drawer/themes/header-item.base.css.js.map +1 -1
- package/components/nav-drawer/themes/item.base.css.js +1 -1
- package/components/nav-drawer/themes/item.base.css.js.map +1 -1
- package/components/nav-drawer/themes/shared/container/nav-drawer.common.css.js +1 -1
- package/components/nav-drawer/themes/shared/container/nav-drawer.common.css.js.map +1 -1
- package/components/nav-drawer/themes/shared/header-item/header-item.indigo.css.js +1 -1
- package/components/nav-drawer/themes/shared/header-item/header-item.indigo.css.js.map +1 -1
- package/components/nav-drawer/themes/shared/item/item.indigo.css.js +1 -1
- package/components/nav-drawer/themes/shared/item/item.indigo.css.js.map +1 -1
- package/components/navbar/themes/dark/navbar.bootstrap.css.js +1 -1
- package/components/navbar/themes/dark/navbar.bootstrap.css.js.map +1 -1
- package/components/navbar/themes/dark/navbar.indigo.css.js +1 -1
- package/components/navbar/themes/dark/navbar.indigo.css.js.map +1 -1
- package/components/navbar/themes/dark/navbar.material.css.js +1 -1
- package/components/navbar/themes/dark/navbar.material.css.js.map +1 -1
- package/components/navbar/themes/light/navbar.bootstrap.css.js +1 -1
- package/components/navbar/themes/light/navbar.bootstrap.css.js.map +1 -1
- package/components/navbar/themes/light/navbar.indigo.css.js +1 -1
- package/components/navbar/themes/light/navbar.indigo.css.js.map +1 -1
- package/components/navbar/themes/light/navbar.shared.css.js +1 -1
- package/components/navbar/themes/light/navbar.shared.css.js.map +1 -1
- package/components/navbar/themes/navbar.base.css.js +1 -1
- package/components/navbar/themes/navbar.base.css.js.map +1 -1
- package/components/navbar/themes/shared/navbar.bootstrap.css.js +1 -1
- package/components/navbar/themes/shared/navbar.bootstrap.css.js.map +1 -1
- package/components/navbar/themes/shared/navbar.common.css.js +1 -1
- package/components/navbar/themes/shared/navbar.common.css.js.map +1 -1
- package/components/navbar/themes/shared/navbar.indigo.css.js +1 -1
- package/components/navbar/themes/shared/navbar.indigo.css.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/base.d.ts +1 -1
- package/components/progress/themes/circular/circular.progress.base.css.js +1 -1
- package/components/progress/themes/circular/circular.progress.base.css.js.map +1 -1
- package/components/progress/themes/circular/shared/circular.progress.bootstrap.css.js +1 -1
- package/components/progress/themes/circular/shared/circular.progress.bootstrap.css.js.map +1 -1
- package/components/progress/themes/linear/linear.progress.base.css.js +1 -1
- package/components/progress/themes/linear/linear.progress.base.css.js.map +1 -1
- package/components/progress/themes/linear/shared/linear.progress.bootstrap.css.js +1 -1
- package/components/progress/themes/linear/shared/linear.progress.bootstrap.css.js.map +1 -1
- package/components/progress/themes/linear/shared/linear.progress.common.css.js +1 -1
- package/components/progress/themes/linear/shared/linear.progress.common.css.js.map +1 -1
- package/components/progress/themes/linear/shared/linear.progress.fluent.css.js +1 -1
- package/components/progress/themes/linear/shared/linear.progress.fluent.css.js.map +1 -1
- package/components/progress/themes/linear/shared/linear.progress.indigo.css.js +1 -1
- package/components/progress/themes/linear/shared/linear.progress.indigo.css.js.map +1 -1
- package/components/radio/radio.d.ts +4 -5
- package/components/radio/radio.js +24 -32
- package/components/radio/radio.js.map +1 -1
- package/components/radio/themes/radio.base.css.js +1 -1
- package/components/radio/themes/radio.base.css.js.map +1 -1
- package/components/radio/themes/shared/radio.bootstrap.css.js +1 -1
- package/components/radio/themes/shared/radio.bootstrap.css.js.map +1 -1
- package/components/radio/themes/shared/radio.fluent.css.js +1 -1
- package/components/radio/themes/shared/radio.fluent.css.js.map +1 -1
- package/components/radio/themes/shared/radio.indigo.css.js +1 -1
- package/components/radio/themes/shared/radio.indigo.css.js.map +1 -1
- package/components/radio/themes/shared/radio.material.css.js +1 -1
- package/components/radio/themes/shared/radio.material.css.js.map +1 -1
- package/components/radio/utils.js +1 -1
- package/components/radio/utils.js.map +1 -1
- package/components/radio-group/radio-group.base.css.js +1 -1
- package/components/radio-group/radio-group.base.css.js.map +1 -1
- package/components/radio-group/radio-group.js +1 -1
- package/components/radio-group/radio-group.js.map +1 -1
- package/components/rating/rating.d.ts +4 -3
- package/components/rating/rating.js +26 -25
- package/components/rating/rating.js.map +1 -1
- package/components/rating/themes/rating-symbol.base.css.js +1 -1
- package/components/rating/themes/rating-symbol.base.css.js.map +1 -1
- package/components/rating/themes/rating.base.css.js +1 -1
- package/components/rating/themes/rating.base.css.js.map +1 -1
- package/components/rating/themes/shared/rating.indigo.css.js +1 -1
- package/components/rating/themes/shared/rating.indigo.css.js.map +1 -1
- package/components/ripple/ripple.material.css.js +1 -1
- package/components/ripple/ripple.material.css.js.map +1 -1
- package/components/select/select.d.ts +2 -2
- package/components/select/select.js +12 -15
- package/components/select/select.js.map +1 -1
- package/components/select/themes/dark/select.bootstrap.css.js +1 -1
- package/components/select/themes/dark/select.bootstrap.css.js.map +1 -1
- package/components/select/themes/dark/select.fluent.css.js +1 -1
- package/components/select/themes/dark/select.fluent.css.js.map +1 -1
- package/components/select/themes/dark/select.indigo.css.js +1 -1
- package/components/select/themes/dark/select.indigo.css.js.map +1 -1
- package/components/select/themes/dark/select.material.css.js +1 -1
- package/components/select/themes/dark/select.material.css.js.map +1 -1
- package/components/select/themes/light/select.bootstrap.css.js +1 -1
- package/components/select/themes/light/select.bootstrap.css.js.map +1 -1
- package/components/select/themes/light/select.fluent.css.js +1 -1
- package/components/select/themes/light/select.fluent.css.js.map +1 -1
- package/components/select/themes/light/select.indigo.css.js +1 -1
- package/components/select/themes/light/select.indigo.css.js.map +1 -1
- package/components/select/themes/light/select.material.css.js +1 -1
- package/components/select/themes/light/select.material.css.js.map +1 -1
- package/components/select/themes/select.base.css.js +1 -1
- package/components/select/themes/select.base.css.js.map +1 -1
- package/components/select/themes/shared/select.bootstrap.css.js +1 -1
- package/components/select/themes/shared/select.bootstrap.css.js.map +1 -1
- package/components/select/themes/shared/select.common.css.js +1 -1
- package/components/select/themes/shared/select.common.css.js.map +1 -1
- package/components/select/themes/shared/select.fluent.css.js +1 -1
- package/components/select/themes/shared/select.fluent.css.js.map +1 -1
- package/components/select/themes/shared/select.indigo.css.js +1 -1
- package/components/select/themes/shared/select.indigo.css.js.map +1 -1
- package/components/select/themes/shared/select.material.css.js +1 -1
- package/components/select/themes/shared/select.material.css.js.map +1 -1
- package/components/slider/slider.d.ts +2 -1
- package/components/slider/slider.js +5 -2
- package/components/slider/slider.js.map +1 -1
- package/components/slider/themes/shared/slider.bootstrap.css.js +1 -1
- package/components/slider/themes/shared/slider.bootstrap.css.js.map +1 -1
- package/components/slider/themes/shared/slider.fluent.css.js +1 -1
- package/components/slider/themes/shared/slider.fluent.css.js.map +1 -1
- package/components/slider/themes/shared/slider.indigo.css.js +1 -1
- package/components/slider/themes/shared/slider.indigo.css.js.map +1 -1
- package/components/slider/themes/shared/slider.material.css.js +1 -1
- package/components/slider/themes/shared/slider.material.css.js.map +1 -1
- package/components/slider/themes/slider.base.css.js +1 -1
- package/components/slider/themes/slider.base.css.js.map +1 -1
- package/components/snackbar/themes/shared/snackbar.common.css.js +1 -1
- package/components/snackbar/themes/shared/snackbar.common.css.js.map +1 -1
- package/components/snackbar/themes/shared/snackbar.indigo.css.js +1 -1
- package/components/snackbar/themes/shared/snackbar.indigo.css.js.map +1 -1
- package/components/snackbar/themes/snackbar.base.css.js +1 -1
- package/components/snackbar/themes/snackbar.base.css.js.map +1 -1
- package/components/stepper/themes/step/shared/step.bootstrap.css.js +1 -1
- package/components/stepper/themes/step/shared/step.bootstrap.css.js.map +1 -1
- package/components/stepper/themes/step/shared/step.common.css.js +1 -1
- package/components/stepper/themes/step/shared/step.common.css.js.map +1 -1
- package/components/stepper/themes/step/shared/step.fluent.css.js +1 -1
- package/components/stepper/themes/step/shared/step.fluent.css.js.map +1 -1
- package/components/stepper/themes/step/shared/step.indigo.css.js +1 -1
- package/components/stepper/themes/step/shared/step.indigo.css.js.map +1 -1
- package/components/stepper/themes/step/step.base.css.js +1 -1
- package/components/stepper/themes/step/step.base.css.js.map +1 -1
- package/components/stepper/themes/stepper/stepper.base.css.js +1 -1
- package/components/stepper/themes/stepper/stepper.base.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/tab-panel.base.css.js +1 -1
- package/components/tabs/themes/tab-panel.base.css.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.base.css.js +1 -1
- package/components/tabs/themes/tabs.base.css.js.map +1 -1
- package/components/textarea/textarea.d.ts +1 -1
- package/components/textarea/textarea.js +4 -9
- package/components/textarea/textarea.js.map +1 -1
- package/components/textarea/themes/shared/textarea.bootstrap.css.js +1 -1
- package/components/textarea/themes/shared/textarea.bootstrap.css.js.map +1 -1
- package/components/textarea/themes/shared/textarea.common.css.js +1 -1
- package/components/textarea/themes/shared/textarea.common.css.js.map +1 -1
- package/components/textarea/themes/shared/textarea.fluent.css.js +1 -1
- package/components/textarea/themes/shared/textarea.fluent.css.js.map +1 -1
- package/components/textarea/themes/shared/textarea.indigo.css.js +1 -1
- package/components/textarea/themes/shared/textarea.indigo.css.js.map +1 -1
- package/components/textarea/themes/shared/textarea.material.css.js +1 -1
- package/components/textarea/themes/shared/textarea.material.css.js.map +1 -1
- package/components/textarea/themes/textarea.base.css.js +1 -1
- package/components/textarea/themes/textarea.base.css.js.map +1 -1
- package/components/toast/themes/shared/toast.common.css.js +1 -1
- package/components/toast/themes/shared/toast.common.css.js.map +1 -1
- package/components/toast/themes/toast.base.css.js +1 -1
- package/components/toast/themes/toast.base.css.js.map +1 -1
- package/components/tree/themes/container.base.css.js +1 -1
- package/components/tree/themes/container.base.css.js.map +1 -1
- package/components/tree/themes/item.base.css.js +1 -1
- package/components/tree/themes/item.base.css.js.map +1 -1
- package/components/tree/themes/shared/item.common.css.js +1 -1
- package/components/tree/themes/shared/item.common.css.js.map +1 -1
- package/components/tree/themes/shared/item.indigo.css.js +1 -1
- package/components/tree/themes/shared/item.indigo.css.js.map +1 -1
- package/components/tree/themes/shared/item.material.css.js +1 -1
- package/components/tree/themes/shared/item.material.css.js.map +1 -1
- package/custom-elements.json +5994 -2394
- package/igniteui-webcomponents.html-data.json +1 -1
- package/index.d.ts +2 -0
- package/index.js.map +1 -1
- package/package.json +1 -1
- package/themes/dark/indigo.css +1 -1
- package/themes/light/indigo.css +1 -1
- package/web-types.json +1 -1
- package/components/common/mixins/form-associated-required.d.ts +0 -16
- package/components/common/mixins/form-associated-required.js +0 -29
- package/components/common/mixins/form-associated-required.js.map +0 -1
- package/components/common/mixins/form-associated.d.ts +0 -92
- package/components/common/mixins/form-associated.js.map +0 -1
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--component-size: var(--ig-size, var(--default-size));--input-size: var(--component-size)}:host [part=prefix],:host [part=suffix]{font-size:.875rem;cursor:default}:host [part=prefix] ::slotted(*),:host [part=suffix] ::slotted(*){color:inherit}:host [name=prefix]::slotted(*),:host [name=suffix]::slotted(*){display
|
|
2
|
+
export const styles = css `:host{--component-size: var(--ig-size, var(--default-size));--input-size: var(--component-size)}:host [part=prefix],:host [part=suffix]{font-size:.875rem;cursor:default}:host [part=prefix] ::slotted(*),:host [part=suffix] ::slotted(*){color:inherit}:host [name=prefix]::slotted(*),:host [name=suffix]::slotted(*){display:inline-flex;align-items:center;width:-moz-max-content;width:max-content;height:100%;padding-inline:max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(12px, -1 * 12px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}:host [part=prefix]{grid-area:1/1}:host [part=suffix]{grid-area:1/3}:host [part=label]{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);color:var(--idle-secondary-color);margin-block-end:.3125rem}:host [part^=container]{height:var(--size);border-radius:var(--border-border-radius);border:0.0625rem solid var(--border-color);transition:none;cursor:text;grid-template-columns:auto 1fr auto;overflow:hidden}:host [part~=input]{color:var(--idle-text-color);height:calc(var(--size) - 0.125rem);background:initial;font-size:.875rem;padding-inline:.5rem;max-height:100%;border:none;grid-area:1/2}:host [part=helper-text]{padding:0;margin-top:.3125rem}:host(:hover) [part^=container]{border-color:var(--hover-border-color)}:host(:focus-within) [part=label]{color:hsla(var(--ig-gray-800), var(--ig-gray-a))}:host(:focus-within) [part^=container]{border-color:var(--focused-border-color);border-width:0.125rem}:host(:focus-within) [part~=input]{height:calc(var(--size) - 0.25rem)}:host(:focus-within) [part=prefix]{margin-inline-start:-0.0625rem}:host(:focus-within) [part=suffix]{margin-inline-end:-0.0625rem}:host(:focus-within) [name=prefix]::slotted(*),:host(:focus-within) [name=suffix]::slotted(*){padding-block:max(var(--is-large, 1)*max(10px, -1 * 10px)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(8px, -1 * 8px)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(6px, -1 * 6px)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)))}:host([type=search]:focus-within) [part=prefix]{display:none}:host([required]) [part=label]::after{color:var(--error-secondary-color)}:host([invalid]) [part^=container]{border-color:var(--error-secondary-color)}:host(:disabled) [part^=container],:host([disabled]) [part^=container]{border-color:var(--disabled-border-color)}:host(:disabled) [part^=container],:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host([disabled]) [part^=container],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix]{background:var(--border-disabled-background)}:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host(:disabled) [part=label],:host(:disabled) [part=label]::after,:host(:disabled) [part=helper-text],:host(:disabled) [part~=input],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) [part=label],:host([disabled]) [part=label]::after,:host([disabled]) [part=helper-text],:host([disabled]) [part~=input]{color:var(--disabled-text-color)}`;
|
|
3
3
|
//# sourceMappingURL=input.fluent.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/shared/input.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":"input.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/shared/input.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kmHAAkmH,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size));--input-size: var(--component-size)}:host [part=prefix],:host [part=suffix]{font-size:.875rem;cursor:default}:host [part=prefix] ::slotted(*),:host [part=suffix] ::slotted(*){color:inherit}:host [name=prefix]::slotted(*),:host [name=suffix]::slotted(*){display:inline-flex;align-items:center;width:-moz-max-content;width:max-content;height:100%;padding-inline:max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(12px, -1 * 12px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}:host [part=prefix]{grid-area:1/1}:host [part=suffix]{grid-area:1/3}:host [part=label]{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);color:var(--idle-secondary-color);margin-block-end:.3125rem}:host [part^=container]{height:var(--size);border-radius:var(--border-border-radius);border:0.0625rem solid var(--border-color);transition:none;cursor:text;grid-template-columns:auto 1fr auto;overflow:hidden}:host [part~=input]{color:var(--idle-text-color);height:calc(var(--size) - 0.125rem);background:initial;font-size:.875rem;padding-inline:.5rem;max-height:100%;border:none;grid-area:1/2}:host [part=helper-text]{padding:0;margin-top:.3125rem}:host(:hover) [part^=container]{border-color:var(--hover-border-color)}:host(:focus-within) [part=label]{color:hsla(var(--ig-gray-800), var(--ig-gray-a))}:host(:focus-within) [part^=container]{border-color:var(--focused-border-color);border-width:0.125rem}:host(:focus-within) [part~=input]{height:calc(var(--size) - 0.25rem)}:host(:focus-within) [part=prefix]{margin-inline-start:-0.0625rem}:host(:focus-within) [part=suffix]{margin-inline-end:-0.0625rem}:host(:focus-within) [name=prefix]::slotted(*),:host(:focus-within) [name=suffix]::slotted(*){padding-block:max(var(--is-large, 1)*max(10px, -1 * 10px)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(8px, -1 * 8px)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(6px, -1 * 6px)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)))}:host([type=search]:focus-within) [part=prefix]{display:none}:host([required]) [part=label]::after{color:var(--error-secondary-color)}:host([invalid]) [part^=container]{border-color:var(--error-secondary-color)}:host(:disabled) [part^=container],:host([disabled]) [part^=container]{border-color:var(--disabled-border-color)}:host(:disabled) [part^=container],:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host([disabled]) [part^=container],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix]{background:var(--border-disabled-background)}:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host(:disabled) [part=label],:host(:disabled) [part=label]::after,:host(:disabled) [part=helper-text],:host(:disabled) [part~=input],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) [part=label],:host([disabled]) [part=label]::after,:host([disabled]) [part=helper-text],:host([disabled]) [part~=input]{color:var(--disabled-text-color)}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host [part=suffix] ::slotted(*),:host [part=prefix] ::slotted(*){position:relative;display
|
|
2
|
+
export const styles = css `:host [part=suffix] ::slotted(*),:host [part=prefix] ::slotted(*){position:relative;display:inline-flex;width:-moz-max-content;width:max-content;align-items:center;height:calc(100% - 0.0625rem);padding-inline:max(var(--is-large, 1)*max(6px, -1 * 6px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(4px, -1 * 4px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(2px, -1 * 2px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}:host{--component-size: var(--ig-size, var(--default-size));--input-size: var(--component-size);--input-icon: max(var(--is-large, 1) * max(1.125rem, -1 * 1.125rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem))}:host ::slotted(igc-icon){--size: var(--input-icon) !important}:host [part=prefix],:host [part=suffix]{transition-duration:0ms}:host [part=prefix] ::slotted(*),:host [part=suffix] ::slotted(*){height:100%;color:inherit;transition-duration:0ms}:host [part=prefix]{border-start-start-radius:var(--border-border-radius);grid-area:1/1}:host [part=suffix]{border-start-end-radius:var(--border-border-radius);grid-area:1/3}:host [part~=label]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);color:var(--idle-secondary-color);margin-block-end:.25rem}:host [part^=container]{border-radius:var(--box-border-radius);border-end-start-radius:0;border-end-end-radius:0;border-bottom:.0625rem solid var(--idle-bottom-line-color);transition:background .25s ease-out;grid-template-columns:auto 1fr auto;height:var(--size)}:host [part^=container]::after{position:absolute;content:"";width:100%;height:.0625rem;left:0;right:0;bottom:-1px;background:var(--focused-bottom-line-color);transform:scaleY(0);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);transform-origin:bottom center}:host [part~=input]{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);color:var(--idle-text-color);font-size:.75rem;line-height:1rem;background:initial;padding-block:.375rem;padding-inline:max(var(--is-large, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));border:none;grid-area:1/2;height:calc(var(--size) - 1px)}:host [part~=input]::-moz-placeholder{font-style:italic}:host [part~=input]::placeholder{font-style:italic}:host [part~=prefixed]{padding-inline-start:0}:host [part~=suffixed]{padding-inline-end:0}:host [part=helper-text]{margin-top:.25rem}:host(:focus-within) [part^=container],:host(:hover) [part^=container]{background:var(--box-background-hover)}[part~=filled] [part~=input]{color:var(--filled-text-color)}:host(:hover) [part~=filled] [part~=input]{color:var(--filled-text-hover-color)}:host(:hover) [part^=container]{border-color:var(--hover-bottom-line-color)}:host(:focus-within) [part=prefix],:host(:focus-within) [part=suffix]{transition-duration:.25s}:host(:focus-within) [part^=container]{caret-color:var(--focused-bottom-line-color)}:host(:focus-within) [part^=container]::after{transform:scaleY(1)}:host(:focus-within) [part=label]{color:var(--focused-secondary-color)}:host(:focus-within) [part~=filled] [part~=input]{color:var(--focused-text-color)}:host([invalid]) [part^=container]{caret-color:initial;border-color:var(--error-secondary-color)}:host([invalid]) [part^=container]::after{background:var(--error-secondary-color)}:host([invalid]) [part=helper-text]{color:var(--helper-text-color)}:host:host([type=search]) [part=prefix] ::slotted(*),:host:host([type=search]) [part=suffix] ::slotted(*){padding-inline:max(var(--is-large, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}:host([type=search]) [part~=input]{padding-inline:max(var(--is-large, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}:host([type=search]) [part~=prefixed]{padding-inline-start:0}:host([type=search]) [part~=suffixed]{padding-inline-end:0}:host(:disabled) [part^=container],:host([disabled]) [part^=container]{border-color:var(--disabled-bottom-line-color)}:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host(:disabled) [part=label],:host(:disabled) [part~=input],:host(:disabled) [part=helper-text],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) [part=label],:host([disabled]) [part~=input],:host([disabled]) [part=helper-text]{color:var(--disabled-text-color)}`;
|
|
3
3
|
//# sourceMappingURL=input.indigo.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/shared/input.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":"input.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/shared/input.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6yLAA6yL,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host [part=suffix] ::slotted(*),:host [part=prefix] ::slotted(*){position:relative;display:inline-flex;width:-moz-max-content;width:max-content;align-items:center;height:calc(100% - 0.0625rem);padding-inline:max(var(--is-large, 1)*max(6px, -1 * 6px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(4px, -1 * 4px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(2px, -1 * 2px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}:host{--component-size: var(--ig-size, var(--default-size));--input-size: var(--component-size);--input-icon: max(var(--is-large, 1) * max(1.125rem, -1 * 1.125rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem))}:host ::slotted(igc-icon){--size: var(--input-icon) !important}:host [part=prefix],:host [part=suffix]{transition-duration:0ms}:host [part=prefix] ::slotted(*),:host [part=suffix] ::slotted(*){height:100%;color:inherit;transition-duration:0ms}:host [part=prefix]{border-start-start-radius:var(--border-border-radius);grid-area:1/1}:host [part=suffix]{border-start-end-radius:var(--border-border-radius);grid-area:1/3}:host [part~=label]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);color:var(--idle-secondary-color);margin-block-end:.25rem}:host [part^=container]{border-radius:var(--box-border-radius);border-end-start-radius:0;border-end-end-radius:0;border-bottom:.0625rem solid var(--idle-bottom-line-color);transition:background .25s ease-out;grid-template-columns:auto 1fr auto;height:var(--size)}:host [part^=container]::after{position:absolute;content:\"\";width:100%;height:.0625rem;left:0;right:0;bottom:-1px;background:var(--focused-bottom-line-color);transform:scaleY(0);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);transform-origin:bottom center}:host [part~=input]{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);color:var(--idle-text-color);font-size:.75rem;line-height:1rem;background:initial;padding-block:.375rem;padding-inline:max(var(--is-large, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));border:none;grid-area:1/2;height:calc(var(--size) - 1px)}:host [part~=input]::-moz-placeholder{font-style:italic}:host [part~=input]::placeholder{font-style:italic}:host [part~=prefixed]{padding-inline-start:0}:host [part~=suffixed]{padding-inline-end:0}:host [part=helper-text]{margin-top:.25rem}:host(:focus-within) [part^=container],:host(:hover) [part^=container]{background:var(--box-background-hover)}[part~=filled] [part~=input]{color:var(--filled-text-color)}:host(:hover) [part~=filled] [part~=input]{color:var(--filled-text-hover-color)}:host(:hover) [part^=container]{border-color:var(--hover-bottom-line-color)}:host(:focus-within) [part=prefix],:host(:focus-within) [part=suffix]{transition-duration:.25s}:host(:focus-within) [part^=container]{caret-color:var(--focused-bottom-line-color)}:host(:focus-within) [part^=container]::after{transform:scaleY(1)}:host(:focus-within) [part=label]{color:var(--focused-secondary-color)}:host(:focus-within) [part~=filled] [part~=input]{color:var(--focused-text-color)}:host([invalid]) [part^=container]{caret-color:initial;border-color:var(--error-secondary-color)}:host([invalid]) [part^=container]::after{background:var(--error-secondary-color)}:host([invalid]) [part=helper-text]{color:var(--helper-text-color)}:host:host([type=search]) [part=prefix] ::slotted(*),:host:host([type=search]) [part=suffix] ::slotted(*){padding-inline:max(var(--is-large, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}:host([type=search]) [part~=input]{padding-inline:max(var(--is-large, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}:host([type=search]) [part~=prefixed]{padding-inline-start:0}:host([type=search]) [part~=suffixed]{padding-inline-end:0}:host(:disabled) [part^=container],:host([disabled]) [part^=container]{border-color:var(--disabled-bottom-line-color)}:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host(:disabled) [part=label],:host(:disabled) [part~=input],:host(:disabled) [part=helper-text],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) [part=label],:host([disabled]) [part~=input],:host([disabled]) [part=helper-text]{color:var(--disabled-text-color)}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `input:-moz-placeholder-shown+[part=notch] [part=label]{--label-position: max(var(--is-large, 1) * max(26px, -1 * 26px), var(--is-medium, 1) * max(22px, -1 * 22px), var(--is-small, 1) * max(18px, -1 * 18px));transform:translateY(calc(var(--label-position) * -1));font-size:.75rem}input:-ms-input-placeholder+[part=notch] [part=label]{--label-position: max(var(--is-large, 1) * max(26px, -1 * 26px), var(--is-medium, 1) * max(22px, -1 * 22px), var(--is-small, 1) * max(18px, -1 * 18px));-ms-transform:translateY(calc(var(--label-position) * -1));transform:translateY(calc(var(--label-position) * -1));font-size:.75rem}:host(:focus-within) [part=label],input:placeholder-shown+[part=notch] [part=label],[part~=filled]+[part=notch] [part=label]{--label-position: max(var(--is-large, 1) * max(26px, -1 * 26px), var(--is-medium, 1) * max(22px, -1 * 22px), var(--is-small, 1) * max(18px, -1 * 18px));-webkit-transform:translateY(calc(var(--label-position) * -1));-ms-transform:translateY(calc(var(--label-position) * -1));transform:translateY(calc(var(--label-position) * -1));font-size:.75rem}:host(:disabled[outlined]) input:-moz-placeholder-shown+[part=notch], :host([disabled][outlined]) input:-moz-placeholder-shown+[part=notch], :host([outlined][invalid]) input:-moz-placeholder-shown+[part=notch], :host([outlined][invalid]:focus-within) input:-moz-placeholder-shown+[part=notch], :host input:-moz-placeholder-shown+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:disabled[outlined]) input:-ms-input-placeholder+[part=notch], :host([disabled][outlined]) input:-ms-input-placeholder+[part=notch], :host([outlined][invalid]) input:-ms-input-placeholder+[part=notch], :host([outlined][invalid]:focus-within) input:-ms-input-placeholder+[part=notch], :host input:-ms-input-placeholder+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:disabled) [part~=filled]+[part=notch],:host([disabled]) [part~=filled]+[part=notch],:host(:disabled[outlined]) input:placeholder-shown+[part=notch],:host(:disabled[outlined]) [part~=filled]+[part=notch],:host([disabled][outlined]) input:placeholder-shown+[part=notch],:host([disabled][outlined]) [part~=filled]+[part=notch],:host([outlined][invalid]) input:placeholder-shown+[part=notch],:host([outlined][invalid]) [part~=filled]+[part=notch],:host([outlined][invalid]:focus-within) input:placeholder-shown+[part=notch],:host([outlined][invalid]:focus-within) [part~=filled]+[part=notch],:host([outlined]) [part~=filled]+[part=notch],:host input:placeholder-shown+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}[part=end]>[part=suffix] ::slotted(*),[part=start]>[part=prefix] ::slotted(*){display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:-webkit-max-content;width:-moz-max-content;width:max-content;height:100%;padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}:host{--component-size: var(--ig-size, var(--default-size));--input-size: var(--component-size)}[part=prefix] ::slotted(*),[part=suffix] ::slotted(*){color:inherit}[part~=input]{color:var(--filled-text-color);background:rgba(0,0,0,0);padding:0 .25rem;font-size:1rem;grid-area:1/2/span 1/span 2}[part=label]{color:var(--idle-secondary-color);-webkit-transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1),font-size 150ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1),font-size 150ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1),color 150ms cubic-bezier(0.4, 0, 0.2, 1),font-size 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1),color 150ms cubic-bezier(0.4, 0, 0.2, 1),font-size 150ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);line-height:normal;text-overflow:ellipsis;overflow:hidden;will-change:font-size,color,transform}[part^=container]{grid-template-columns:auto auto 1fr auto}[part~=input],[part^=container]{height:var(--size)}[part=start]{border-start-start-radius:var(--border-border-radius);-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;grid-area:1/1}[part=notch]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:auto;min-width:0;height:100%;grid-area:1/2;padding:0 .25rem;overflow:visible}[part=notch]:empty{display:none}[part=filler]{grid-area:1/3}[part=end]{border-start-end-radius:var(--border-border-radius);-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;grid-area:1/4}[part=start],[part=end]{display:-webkit-box;display:-ms-flexbox;display:flex;min-width:max(var(--is-large, 1)*max(0.875rem, -1 * 0.875rem),var(--is-medium, 1)*max(0.75rem, -1 * 0.75rem),var(--is-small, 1)*max(0.625rem, -1 * 0.625rem));height:var(--size);overflow:hidden}[part=helper-text]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);padding-inline:max(var(--is-large, 1)*max(1.125rem, -1 * 1.125rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));margin-top:.3125rem}:host(:focus-within) [part=label]{color:var(--focused-secondary-color)}:host([readonly]:not([outlined]):focus-within) :not([part~=filled]) input:not(:-moz-placeholder-shown)+[part=notch] [part=label]{transform:translate(0);font-size:initial}:host([readonly]:not([outlined]):focus-within) :not([part~=filled]) input:not(:-ms-input-placeholder)+[part=notch] [part=label]{-ms-transform:translate(0);transform:translate(0);font-size:initial}:host([readonly]:not([outlined]):focus-within) :not([part~=filled]) input:not(:placeholder-shown)+[part=notch] [part=label]{-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0);font-size:initial}:host(:not([outlined])) [part=prefix],:host(:not([outlined])) [part=suffix]{max-height:calc(100% - 0.0625rem)}:host(:not([outlined])) [part=label]{inset-inline-start:.125rem}:host(:not([outlined])) [part~=container]{background:var(--box-background);border-bottom:1px solid var(--idle-bottom-line-color);border-start-end-radius:var(--box-border-radius);border-start-start-radius:var(--box-border-radius);-webkit-transition:border-bottom-width 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:border-bottom-width 150ms cubic-bezier(0.4, 0, 0.2, 1)}:host(:not([outlined])) [part~=container]::after{position:absolute;content:"";width:100%;height:.125rem;left:0;right:0;bottom:-1px;background:var(--idle-bottom-line-color);-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transition:opacity 180ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 180ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1)}:host(:not([outlined])) [part~=labelled] [part~=input]{padding-top:1.25rem;padding-bottom:.375rem}:host(:not([outlined])) input:-moz-placeholder-shown+[part=notch] [part=label]{transform:translateY(-73%)}:host(:not([outlined])) input:-ms-input-placeholder+[part=notch] [part=label]{-ms-transform:translateY(-73%);transform:translateY(-73%)}:host(:not([outlined])) input:placeholder-shown+[part=notch] [part=label],:host(:not([outlined])) [part~=filled]+[part=notch] [part=label]{-webkit-transform:translateY(-73%);-ms-transform:translateY(-73%);transform:translateY(-73%)}:host(:not([outlined]):hover) [part~=container]{background:var(--box-background-hover);border-bottom-color:var(--hover-bottom-line-color)}:host(:not([outlined]):hover) [part~=container]::after{background:var(--hover-bottom-line-color)}:host(:not([outlined]):focus-within) [part~=container]{background:var(--box-background-focus);border-bottom-color:var(--focused-bottom-line-color)}:host(:not([outlined]):focus-within) [part~=container]::after{background:var(--focused-bottom-line-color);-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);opacity:1}:host(:not([outlined]):focus-within) [part=notch] [part=label]{-webkit-transform:translateY(-73%);-ms-transform:translateY(-73%);transform:translateY(-73%)}:host(:not([outlined])[invalid]) [part~=container],:host(:not([outlined])[invalid]:focus-within) [part~=container]{border-color:var(--error-secondary-color)}:host(:not([outlined])[invalid]) [part~=container]::after,:host(:not([outlined])[invalid]:focus-within) [part~=container]::after{background:var(--error-secondary-color)}:host(:not([outlined])[disabled]) [part~=container],:host(:not([outlined]):disabled) [part~=container]{background:var(--box-disabled-background);border-color:var(--disabled-border-color);border-bottom-style:dashed}:host([type=search]) [part^=container]{background:var(--search-background);border-bottom:none;-webkit-box-shadow:var(--search-resting-elevation);box-shadow:var(--search-resting-elevation);border-radius:var(--search-border-radius);overflow:hidden}:host([type=search]) [part^=container]:focus-within{background:var(--search-background)}:host([type=search]) [part^=container]:focus-within::after{display:none}:host([type=search]:hover) [part^=container],:host([type=search]:focus-within) [part^=container]{-webkit-box-shadow:var(--search-hover-elevation);box-shadow:var(--search-hover-elevation);background:var(--search-background)}:host(:disabled[type=search]) [part^=container],:host([disabled][type=search]) [part^=container]{background:var(--search-disabled-background);-webkit-box-shadow:var(--search-disabled-elevation);box-shadow:var(--search-disabled-elevation);border:none}:host([outlined]) [part^=container]{border-radius:var(--border-border-radius);background:var(--border-background)}:host([outlined]) [part=start]{border-style:solid;border-color:var(--border-color);border-inline-start-width:.0625rem;border-inline-end-width:0;border-block-start-width:.0625rem;border-block-end-width:.0625rem;border-start-start-radius:var(--border-border-radius);border-end-start-radius:var(--border-border-radius)}:host([outlined]) [part=notch]{border-width:.0625rem;border-style:solid;border-color:var(--border-color);border-left:none;border-right:none}:host([outlined]) [part=filler]{border-width:.0625rem;border-style:solid;border-color:var(--border-color);border-left:none;border-right:none}:host([outlined]) [part=end]{border-style:solid;border-color:var(--border-color);border-inline-start-width:0;border-inline-end-width:.0625rem;border-block-start-width:.0625rem;border-block-end-width:.0625rem;border-start-end-radius:var(--border-border-radius);border-end-end-radius:var(--border-border-radius)}:host([readonly][outlined]:focus-within) :not([part~=filled]) input:not(:-moz-placeholder-shown)+[part=notch] [part=label]{transform:translate(0);font-size:initial}:host([readonly][outlined]:focus-within) :not([part~=filled]) input:not(:-ms-input-placeholder)+[part=notch] [part=label]{-ms-transform:translate(0);transform:translate(0);font-size:initial}:host([readonly][outlined]:focus-within) :not([part~=filled]) input:not(:placeholder-shown)+[part=notch] [part=label]{-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0);font-size:initial}:host([readonly][outlined]:focus-within) :not([part~=filled]) input:not(:-moz-placeholder-shown)+[part=notch]{border-width:.125rem;border-color:var(--focused-border-color)}:host([readonly][outlined]:focus-within) :not([part~=filled]) input:not(:-ms-input-placeholder)+[part=notch]{border-width:.125rem;border-color:var(--focused-border-color)}:host([readonly][outlined]:focus-within) :not([part~=filled]) input:not(:placeholder-shown)+[part=notch]{border-width:.125rem;border-color:var(--focused-border-color)}:host([outlined]:focus-within) [part=label]{-webkit-margin-before:calc(0.125rem/2);margin-block-start:calc(0.125rem/2)}:host([outlined]:focus-within) [part=start]{border-color:var(--focused-border-color);border-inline-start-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host([outlined]:focus-within) [part=notch]{border-width:.125rem;border-color:var(--focused-border-color);border-top:.0625rem solid rgba(0,0,0,0)}:host([outlined]:focus-within) [part=filler]{border-width:.125rem;border-color:var(--focused-border-color)}:host([outlined]:focus-within) [part=end]{border-color:var(--focused-border-color);border-inline-end-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host([outlined]:active) [part=suffix],:host([outlined]:focus) [part=suffix],:host([outlined]:focus-within) [part=suffix]{-webkit-margin-end:-0.0625rem;margin-inline-end:-0.0625rem}:host([outlined]:active) [part=prefix],:host([outlined]:focus) [part=prefix],:host([outlined]:focus-within) [part=prefix]{-webkit-margin-start:-0.0625rem;margin-inline-start:-0.0625rem}:host([outlined]:active) [part=suffix] ::slotted(*),:host([outlined]:active) [part=prefix] ::slotted(*),:host([outlined]:focus) [part=suffix] ::slotted(*),:host([outlined]:focus) [part=prefix] ::slotted(*),:host([outlined]:focus-within) [part=suffix] ::slotted(*),:host([outlined]:focus-within) [part=prefix] ::slotted(*){padding-block:max(var(--is-large, 1)*max(14px, -1 * 14px)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(12px, -1 * 12px)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(10px, -1 * 10px)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)))}:host([outlined][invalid]) [part=start],:host([outlined][invalid]) [part=notch],:host([outlined][invalid]) [part=filler],:host([outlined][invalid]) [part=end],:host([outlined][invalid]:focus-within) [part=start],:host([outlined][invalid]:focus-within) [part=notch],:host([outlined][invalid]:focus-within) [part=filler],:host([outlined][invalid]:focus-within) [part=end]{border-color:var(--error-secondary-color)}:host([outlined][invalid]:focus-within) [part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host([readonly][outlined][invalid]:focus-within) input:not(:-moz-placeholder-shown)+[part=notch]{border-width:.125rem;border-color:var(--error-secondary-color);border-top:.125rem solid var(--error-secondary-color)}:host([readonly][outlined][invalid]:focus-within) input:not(:-ms-input-placeholder)+[part=notch]{border-width:.125rem;border-color:var(--error-secondary-color);border-top:.125rem solid var(--error-secondary-color)}:host([readonly][outlined][invalid]:focus-within) input:not(:placeholder-shown)+[part=notch]{border-width:.125rem;border-color:var(--error-secondary-color);border-top:.125rem solid var(--error-secondary-color)}:host([invalid]) [part=label]{color:var(--error-secondary-color)}:host(:disabled[outlined]) [part=start],:host(:disabled[outlined]) [part=filler],:host(:disabled[outlined]) [part=notch],:host(:disabled[outlined]) [part=end],:host([disabled][outlined]) [part=start],:host([disabled][outlined]) [part=filler],:host([disabled][outlined]) [part=notch],:host([disabled][outlined]) [part=end]{border-color:var(--disabled-border-color)}:host(:disabled) [part~=input],:host(:disabled) [part=label],:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host(:disabled) [part=helper-text],:host([disabled]) [part~=input],:host([disabled]) [part=label],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) [part=helper-text]{color:var(--disabled-text-color)}:host(:disabled) [part=start],:host(:disabled) [part=filler],:host(:disabled) [part=notch],:host(:disabled) [part=end],:host([disabled]) [part=start],:host([disabled]) [part=filler],:host([disabled]) [part=notch],:host([disabled]) [part=end]{color:var(--disabled-text-color)}`;
|
|
2
|
+
export const styles = css `input:-moz-placeholder-shown+[part=notch] [part=label]{--label-position: max(var(--is-large, 1) * max(26px, -1 * 26px), var(--is-medium, 1) * max(22px, -1 * 22px), var(--is-small, 1) * max(18px, -1 * 18px));transform:translateY(calc(var(--label-position) * -1))}:host(:focus-within) [part=label],input:placeholder-shown+[part=notch] [part=label],[part~=filled]+[part=notch] [part=label]{--label-position: max(var(--is-large, 1) * max(26px, -1 * 26px), var(--is-medium, 1) * max(22px, -1 * 22px), var(--is-small, 1) * max(18px, -1 * 18px));transform:translateY(calc(var(--label-position) * -1))}:host(:disabled[outlined]) input:-moz-placeholder-shown+[part=notch], :host([disabled][outlined]) input:-moz-placeholder-shown+[part=notch], :host([outlined][invalid]) input:-moz-placeholder-shown+[part=notch], :host([outlined][invalid]:focus-within) input:-moz-placeholder-shown+[part=notch], :host input:-moz-placeholder-shown+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:disabled) [part~=filled]+[part=notch],:host([disabled]) [part~=filled]+[part=notch],:host(:disabled[outlined]) input:placeholder-shown+[part=notch],:host(:disabled[outlined]) [part~=filled]+[part=notch],:host([disabled][outlined]) input:placeholder-shown+[part=notch],:host([disabled][outlined]) [part~=filled]+[part=notch],:host([outlined][invalid]) input:placeholder-shown+[part=notch],:host([outlined][invalid]) [part~=filled]+[part=notch],:host([outlined][invalid]:focus-within) input:placeholder-shown+[part=notch],:host([outlined][invalid]:focus-within) [part~=filled]+[part=notch],:host([outlined]) [part~=filled]+[part=notch],:host input:placeholder-shown+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}[part=end]>[part=suffix] ::slotted(*),[part=start]>[part=prefix] ::slotted(*){display:inline-flex;align-items:center;width:-moz-max-content;width:max-content;height:100%;padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}:host{--component-size: var(--ig-size, var(--default-size));--input-size: var(--component-size)}[part=prefix] ::slotted(*),[part=suffix] ::slotted(*){color:inherit}input:-moz-placeholder-shown+[part=notch] [part=label]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom)}input:placeholder-shown+[part=notch] [part=label],[part~=filled]+[part=notch] [part=label]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom)}[part~=input]{color:var(--filled-text-color);background:rgba(0,0,0,0);padding:0 .25rem;font-size:1rem;grid-area:1/2/span 1/span 2}[part=label]{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom);color:var(--idle-secondary-color);transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1),color 150ms cubic-bezier(0.4, 0, 0.2, 1),font-size 150ms cubic-bezier(0.4, 0, 0.2, 1);line-height:normal;text-overflow:ellipsis;overflow:hidden;will-change:font-size,color,transform}[part^=container]{grid-template-columns:auto auto 1fr auto}[part~=input],[part^=container]{height:var(--size)}[part=start]{border-start-start-radius:var(--border-border-radius);justify-content:flex-start;grid-area:1/1}[part=notch]{display:flex;align-items:center;width:auto;min-width:0;height:100%;grid-area:1/2;padding:0 .25rem;overflow:visible}[part=notch]:empty{display:none}[part=filler]{grid-area:1/3}[part=end]{border-start-end-radius:var(--border-border-radius);justify-content:flex-end;grid-area:1/4}[part=start],[part=end]{display:flex;min-width:max(var(--is-large, 1)*max(0.875rem, -1 * 0.875rem),var(--is-medium, 1)*max(0.75rem, -1 * 0.75rem),var(--is-small, 1)*max(0.625rem, -1 * 0.625rem));height:var(--size);overflow:hidden}[part=helper-text]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);padding-inline:max(var(--is-large, 1)*max(1.125rem, -1 * 1.125rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));margin-top:.3125rem}:host(:focus-within) [part=label]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);color:var(--focused-secondary-color)}:host([readonly]:not([outlined]):focus-within) :not([part~=filled]) input:not(:-moz-placeholder-shown)+[part=notch] [part=label]{transform:translate(0);font-size:initial}:host([readonly]:not([outlined]):focus-within) :not([part~=filled]) input:not(:placeholder-shown)+[part=notch] [part=label]{transform:translate(0);font-size:initial}:host(:not([outlined])) [part=prefix],:host(:not([outlined])) [part=suffix]{max-height:calc(100% - 0.0625rem)}:host(:not([outlined])) [part=label]{inset-inline-start:.125rem}:host(:not([outlined])) [part~=container]{background:var(--box-background);border-bottom:1px solid var(--idle-bottom-line-color);border-start-end-radius:var(--box-border-radius);border-start-start-radius:var(--box-border-radius);transition:border-bottom-width 150ms cubic-bezier(0.4, 0, 0.2, 1)}:host(:not([outlined])) [part~=container]::after{position:absolute;content:"";width:100%;height:.125rem;left:0;right:0;bottom:-1px;background:var(--idle-bottom-line-color);transform:scaleX(0);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1)}:host(:not([outlined])) [part~=labelled] [part~=input]{padding-top:1.25rem;padding-bottom:.375rem}:host(:not([outlined])) input:-moz-placeholder-shown+[part=notch] [part=label]{transform:translateY(-73%)}:host(:not([outlined])) input:placeholder-shown+[part=notch] [part=label],:host(:not([outlined])) [part~=filled]+[part=notch] [part=label]{transform:translateY(-73%)}:host(:not([outlined]):hover) [part~=container]{background:var(--box-background-hover);border-bottom-color:var(--hover-bottom-line-color)}:host(:not([outlined]):hover) [part~=container]::after{background:var(--hover-bottom-line-color)}:host(:not([outlined]):focus-within) [part~=container]{background:var(--box-background-focus);border-bottom-color:var(--focused-bottom-line-color)}:host(:not([outlined]):focus-within) [part~=container]::after{background:var(--focused-bottom-line-color);transform:scaleX(1);opacity:1}:host(:not([outlined]):focus-within) [part=notch] [part=label]{transform:translateY(-73%)}:host(:not([outlined])[invalid]) [part~=container],:host(:not([outlined])[invalid]:focus-within) [part~=container]{border-color:var(--error-secondary-color)}:host(:not([outlined])[invalid]) [part~=container]::after,:host(:not([outlined])[invalid]:focus-within) [part~=container]::after{background:var(--error-secondary-color)}:host(:not([outlined])[disabled]) [part~=container],:host(:not([outlined]):disabled) [part~=container]{background:var(--box-disabled-background);border-color:var(--disabled-border-color);border-bottom-style:dashed}:host([type=search]) [part^=container]{background:var(--search-background);border-bottom:none;box-shadow:var(--search-resting-elevation);border-radius:var(--search-border-radius);overflow:hidden}:host([type=search]) [part^=container]:focus-within{background:var(--search-background)}:host([type=search]) [part^=container]:focus-within::after{display:none}:host([type=search]:hover) [part^=container],:host([type=search]:focus-within) [part^=container]{box-shadow:var(--search-hover-elevation);background:var(--search-background)}:host(:disabled[type=search]) [part^=container],:host([disabled][type=search]) [part^=container]{background:var(--search-disabled-background);box-shadow:var(--search-disabled-elevation);border:none}:host([outlined]) [part^=container]{border-radius:var(--border-border-radius);background:var(--border-background)}:host([outlined]) [part=start]{border-style:solid;border-color:var(--border-color);border-inline-start-width:.0625rem;border-inline-end-width:0;border-block-start-width:.0625rem;border-block-end-width:.0625rem;border-start-start-radius:var(--border-border-radius);border-end-start-radius:var(--border-border-radius)}:host([outlined]) [part=notch]{border-width:.0625rem;border-style:solid;border-color:var(--border-color);border-left:none;border-right:none}:host([outlined]) [part=filler]{border-width:.0625rem;border-style:solid;border-color:var(--border-color);border-left:none;border-right:none}:host([outlined]) [part=end]{border-style:solid;border-color:var(--border-color);border-inline-start-width:0;border-inline-end-width:.0625rem;border-block-start-width:.0625rem;border-block-end-width:.0625rem;border-start-end-radius:var(--border-border-radius);border-end-end-radius:var(--border-border-radius)}:host([readonly][outlined]:focus-within) :not([part~=filled]) input:not(:-moz-placeholder-shown)+[part=notch] [part=label]{transform:translate(0);font-size:initial}:host([readonly][outlined]:focus-within) :not([part~=filled]) input:not(:placeholder-shown)+[part=notch] [part=label]{transform:translate(0);font-size:initial}:host([readonly][outlined]:focus-within) :not([part~=filled]) input:not(:-moz-placeholder-shown)+[part=notch]{border-width:.125rem;border-color:var(--focused-border-color)}:host([readonly][outlined]:focus-within) :not([part~=filled]) input:not(:placeholder-shown)+[part=notch]{border-width:.125rem;border-color:var(--focused-border-color)}:host([outlined]:focus-within) [part=label]{margin-block-start:calc(0.125rem/2)}:host([outlined]:focus-within) [part=start]{border-color:var(--focused-border-color);border-inline-start-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host([outlined]:focus-within) [part=notch]{border-width:.125rem;border-color:var(--focused-border-color);border-top:.0625rem solid rgba(0,0,0,0)}:host([outlined]:focus-within) [part=filler]{border-width:.125rem;border-color:var(--focused-border-color)}:host([outlined]:focus-within) [part=end]{border-color:var(--focused-border-color);border-inline-end-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host([outlined]:active) [part=suffix],:host([outlined]:focus) [part=suffix],:host([outlined]:focus-within) [part=suffix]{margin-inline-end:-0.0625rem}:host([outlined]:active) [part=prefix],:host([outlined]:focus) [part=prefix],:host([outlined]:focus-within) [part=prefix]{margin-inline-start:-0.0625rem}:host([outlined]:active) [part=suffix] ::slotted(*),:host([outlined]:active) [part=prefix] ::slotted(*),:host([outlined]:focus) [part=suffix] ::slotted(*),:host([outlined]:focus) [part=prefix] ::slotted(*),:host([outlined]:focus-within) [part=suffix] ::slotted(*),:host([outlined]:focus-within) [part=prefix] ::slotted(*){padding-block:max(var(--is-large, 1)*max(14px, -1 * 14px)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(12px, -1 * 12px)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(10px, -1 * 10px)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)))}:host([outlined][invalid]) [part=start],:host([outlined][invalid]) [part=notch],:host([outlined][invalid]) [part=filler],:host([outlined][invalid]) [part=end],:host([outlined][invalid]:focus-within) [part=start],:host([outlined][invalid]:focus-within) [part=notch],:host([outlined][invalid]:focus-within) [part=filler],:host([outlined][invalid]:focus-within) [part=end]{border-color:var(--error-secondary-color)}:host([outlined][invalid]:focus-within) [part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host([readonly][outlined][invalid]:focus-within) input:not(:-moz-placeholder-shown)+[part=notch]{border-width:.125rem;border-color:var(--error-secondary-color);border-top:.125rem solid var(--error-secondary-color)}:host([readonly][outlined][invalid]:focus-within) input:not(:placeholder-shown)+[part=notch]{border-width:.125rem;border-color:var(--error-secondary-color);border-top:.125rem solid var(--error-secondary-color)}:host([invalid]) [part=label]{color:var(--error-secondary-color)}:host(:disabled[outlined]) [part=start],:host(:disabled[outlined]) [part=filler],:host(:disabled[outlined]) [part=notch],:host(:disabled[outlined]) [part=end],:host([disabled][outlined]) [part=start],:host([disabled][outlined]) [part=filler],:host([disabled][outlined]) [part=notch],:host([disabled][outlined]) [part=end]{border-color:var(--disabled-border-color)}:host(:disabled) [part~=input],:host(:disabled) [part=label],:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host(:disabled) [part=helper-text],:host([disabled]) [part~=input],:host([disabled]) [part=label],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) [part=helper-text]{color:var(--disabled-text-color)}:host(:disabled) [part=start],:host(:disabled) [part=filler],:host(:disabled) [part=notch],:host(:disabled) [part=end],:host([disabled]) [part=start],:host([disabled]) [part=filler],:host([disabled]) [part=notch],:host([disabled]) [part=end]{color:var(--disabled-text-color)}`;
|
|
3
3
|
//# sourceMappingURL=input.material.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input.material.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/shared/input.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+5gBAA+5gB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`input:-moz-placeholder-shown+[part=notch] [part=label]{--label-position: max(var(--is-large, 1) * max(26px, -1 * 26px), var(--is-medium, 1) * max(22px, -1 * 22px), var(--is-small, 1) * max(18px, -1 * 18px));transform:translateY(calc(var(--label-position) * -1));font-size:.75rem}input:-ms-input-placeholder+[part=notch] [part=label]{--label-position: max(var(--is-large, 1) * max(26px, -1 * 26px), var(--is-medium, 1) * max(22px, -1 * 22px), var(--is-small, 1) * max(18px, -1 * 18px));-ms-transform:translateY(calc(var(--label-position) * -1));transform:translateY(calc(var(--label-position) * -1));font-size:.75rem}:host(:focus-within) [part=label],input:placeholder-shown+[part=notch] [part=label],[part~=filled]+[part=notch] [part=label]{--label-position: max(var(--is-large, 1) * max(26px, -1 * 26px), var(--is-medium, 1) * max(22px, -1 * 22px), var(--is-small, 1) * max(18px, -1 * 18px));-webkit-transform:translateY(calc(var(--label-position) * -1));-ms-transform:translateY(calc(var(--label-position) * -1));transform:translateY(calc(var(--label-position) * -1));font-size:.75rem}:host(:disabled[outlined]) input:-moz-placeholder-shown+[part=notch], :host([disabled][outlined]) input:-moz-placeholder-shown+[part=notch], :host([outlined][invalid]) input:-moz-placeholder-shown+[part=notch], :host([outlined][invalid]:focus-within) input:-moz-placeholder-shown+[part=notch], :host input:-moz-placeholder-shown+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:disabled[outlined]) input:-ms-input-placeholder+[part=notch], :host([disabled][outlined]) input:-ms-input-placeholder+[part=notch], :host([outlined][invalid]) input:-ms-input-placeholder+[part=notch], :host([outlined][invalid]:focus-within) input:-ms-input-placeholder+[part=notch], :host input:-ms-input-placeholder+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:disabled) [part~=filled]+[part=notch],:host([disabled]) [part~=filled]+[part=notch],:host(:disabled[outlined]) input:placeholder-shown+[part=notch],:host(:disabled[outlined]) [part~=filled]+[part=notch],:host([disabled][outlined]) input:placeholder-shown+[part=notch],:host([disabled][outlined]) [part~=filled]+[part=notch],:host([outlined][invalid]) input:placeholder-shown+[part=notch],:host([outlined][invalid]) [part~=filled]+[part=notch],:host([outlined][invalid]:focus-within) input:placeholder-shown+[part=notch],:host([outlined][invalid]:focus-within) [part~=filled]+[part=notch],:host([outlined]) [part~=filled]+[part=notch],:host input:placeholder-shown+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}[part=end]>[part=suffix] ::slotted(*),[part=start]>[part=prefix] ::slotted(*){display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:-webkit-max-content;width:-moz-max-content;width:max-content;height:100%;padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}:host{--component-size: var(--ig-size, var(--default-size));--input-size: var(--component-size)}[part=prefix] ::slotted(*),[part=suffix] ::slotted(*){color:inherit}[part~=input]{color:var(--filled-text-color);background:rgba(0,0,0,0);padding:0 .25rem;font-size:1rem;grid-area:1/2/span 1/span 2}[part=label]{color:var(--idle-secondary-color);-webkit-transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1),font-size 150ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1),font-size 150ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1),color 150ms cubic-bezier(0.4, 0, 0.2, 1),font-size 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1),color 150ms cubic-bezier(0.4, 0, 0.2, 1),font-size 150ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);line-height:normal;text-overflow:ellipsis;overflow:hidden;will-change:font-size,color,transform}[part^=container]{grid-template-columns:auto auto 1fr auto}[part~=input],[part^=container]{height:var(--size)}[part=start]{border-start-start-radius:var(--border-border-radius);-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;grid-area:1/1}[part=notch]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:auto;min-width:0;height:100%;grid-area:1/2;padding:0 .25rem;overflow:visible}[part=notch]:empty{display:none}[part=filler]{grid-area:1/3}[part=end]{border-start-end-radius:var(--border-border-radius);-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;grid-area:1/4}[part=start],[part=end]{display:-webkit-box;display:-ms-flexbox;display:flex;min-width:max(var(--is-large, 1)*max(0.875rem, -1 * 0.875rem),var(--is-medium, 1)*max(0.75rem, -1 * 0.75rem),var(--is-small, 1)*max(0.625rem, -1 * 0.625rem));height:var(--size);overflow:hidden}[part=helper-text]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);padding-inline:max(var(--is-large, 1)*max(1.125rem, -1 * 1.125rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));margin-top:.3125rem}:host(:focus-within) [part=label]{color:var(--focused-secondary-color)}:host([readonly]:not([outlined]):focus-within) :not([part~=filled]) input:not(:-moz-placeholder-shown)+[part=notch] [part=label]{transform:translate(0);font-size:initial}:host([readonly]:not([outlined]):focus-within) :not([part~=filled]) input:not(:-ms-input-placeholder)+[part=notch] [part=label]{-ms-transform:translate(0);transform:translate(0);font-size:initial}:host([readonly]:not([outlined]):focus-within) :not([part~=filled]) input:not(:placeholder-shown)+[part=notch] [part=label]{-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0);font-size:initial}:host(:not([outlined])) [part=prefix],:host(:not([outlined])) [part=suffix]{max-height:calc(100% - 0.0625rem)}:host(:not([outlined])) [part=label]{inset-inline-start:.125rem}:host(:not([outlined])) [part~=container]{background:var(--box-background);border-bottom:1px solid var(--idle-bottom-line-color);border-start-end-radius:var(--box-border-radius);border-start-start-radius:var(--box-border-radius);-webkit-transition:border-bottom-width 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:border-bottom-width 150ms cubic-bezier(0.4, 0, 0.2, 1)}:host(:not([outlined])) [part~=container]::after{position:absolute;content:\"\";width:100%;height:.125rem;left:0;right:0;bottom:-1px;background:var(--idle-bottom-line-color);-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transition:opacity 180ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 180ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1)}:host(:not([outlined])) [part~=labelled] [part~=input]{padding-top:1.25rem;padding-bottom:.375rem}:host(:not([outlined])) input:-moz-placeholder-shown+[part=notch] [part=label]{transform:translateY(-73%)}:host(:not([outlined])) input:-ms-input-placeholder+[part=notch] [part=label]{-ms-transform:translateY(-73%);transform:translateY(-73%)}:host(:not([outlined])) input:placeholder-shown+[part=notch] [part=label],:host(:not([outlined])) [part~=filled]+[part=notch] [part=label]{-webkit-transform:translateY(-73%);-ms-transform:translateY(-73%);transform:translateY(-73%)}:host(:not([outlined]):hover) [part~=container]{background:var(--box-background-hover);border-bottom-color:var(--hover-bottom-line-color)}:host(:not([outlined]):hover) [part~=container]::after{background:var(--hover-bottom-line-color)}:host(:not([outlined]):focus-within) [part~=container]{background:var(--box-background-focus);border-bottom-color:var(--focused-bottom-line-color)}:host(:not([outlined]):focus-within) [part~=container]::after{background:var(--focused-bottom-line-color);-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);opacity:1}:host(:not([outlined]):focus-within) [part=notch] [part=label]{-webkit-transform:translateY(-73%);-ms-transform:translateY(-73%);transform:translateY(-73%)}:host(:not([outlined])[invalid]) [part~=container],:host(:not([outlined])[invalid]:focus-within) [part~=container]{border-color:var(--error-secondary-color)}:host(:not([outlined])[invalid]) [part~=container]::after,:host(:not([outlined])[invalid]:focus-within) [part~=container]::after{background:var(--error-secondary-color)}:host(:not([outlined])[disabled]) [part~=container],:host(:not([outlined]):disabled) [part~=container]{background:var(--box-disabled-background);border-color:var(--disabled-border-color);border-bottom-style:dashed}:host([type=search]) [part^=container]{background:var(--search-background);border-bottom:none;-webkit-box-shadow:var(--search-resting-elevation);box-shadow:var(--search-resting-elevation);border-radius:var(--search-border-radius);overflow:hidden}:host([type=search]) [part^=container]:focus-within{background:var(--search-background)}:host([type=search]) [part^=container]:focus-within::after{display:none}:host([type=search]:hover) [part^=container],:host([type=search]:focus-within) [part^=container]{-webkit-box-shadow:var(--search-hover-elevation);box-shadow:var(--search-hover-elevation);background:var(--search-background)}:host(:disabled[type=search]) [part^=container],:host([disabled][type=search]) [part^=container]{background:var(--search-disabled-background);-webkit-box-shadow:var(--search-disabled-elevation);box-shadow:var(--search-disabled-elevation);border:none}:host([outlined]) [part^=container]{border-radius:var(--border-border-radius);background:var(--border-background)}:host([outlined]) [part=start]{border-style:solid;border-color:var(--border-color);border-inline-start-width:.0625rem;border-inline-end-width:0;border-block-start-width:.0625rem;border-block-end-width:.0625rem;border-start-start-radius:var(--border-border-radius);border-end-start-radius:var(--border-border-radius)}:host([outlined]) [part=notch]{border-width:.0625rem;border-style:solid;border-color:var(--border-color);border-left:none;border-right:none}:host([outlined]) [part=filler]{border-width:.0625rem;border-style:solid;border-color:var(--border-color);border-left:none;border-right:none}:host([outlined]) [part=end]{border-style:solid;border-color:var(--border-color);border-inline-start-width:0;border-inline-end-width:.0625rem;border-block-start-width:.0625rem;border-block-end-width:.0625rem;border-start-end-radius:var(--border-border-radius);border-end-end-radius:var(--border-border-radius)}:host([readonly][outlined]:focus-within) :not([part~=filled]) input:not(:-moz-placeholder-shown)+[part=notch] [part=label]{transform:translate(0);font-size:initial}:host([readonly][outlined]:focus-within) :not([part~=filled]) input:not(:-ms-input-placeholder)+[part=notch] [part=label]{-ms-transform:translate(0);transform:translate(0);font-size:initial}:host([readonly][outlined]:focus-within) :not([part~=filled]) input:not(:placeholder-shown)+[part=notch] [part=label]{-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0);font-size:initial}:host([readonly][outlined]:focus-within) :not([part~=filled]) input:not(:-moz-placeholder-shown)+[part=notch]{border-width:.125rem;border-color:var(--focused-border-color)}:host([readonly][outlined]:focus-within) :not([part~=filled]) input:not(:-ms-input-placeholder)+[part=notch]{border-width:.125rem;border-color:var(--focused-border-color)}:host([readonly][outlined]:focus-within) :not([part~=filled]) input:not(:placeholder-shown)+[part=notch]{border-width:.125rem;border-color:var(--focused-border-color)}:host([outlined]:focus-within) [part=label]{-webkit-margin-before:calc(0.125rem/2);margin-block-start:calc(0.125rem/2)}:host([outlined]:focus-within) [part=start]{border-color:var(--focused-border-color);border-inline-start-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host([outlined]:focus-within) [part=notch]{border-width:.125rem;border-color:var(--focused-border-color);border-top:.0625rem solid rgba(0,0,0,0)}:host([outlined]:focus-within) [part=filler]{border-width:.125rem;border-color:var(--focused-border-color)}:host([outlined]:focus-within) [part=end]{border-color:var(--focused-border-color);border-inline-end-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host([outlined]:active) [part=suffix],:host([outlined]:focus) [part=suffix],:host([outlined]:focus-within) [part=suffix]{-webkit-margin-end:-0.0625rem;margin-inline-end:-0.0625rem}:host([outlined]:active) [part=prefix],:host([outlined]:focus) [part=prefix],:host([outlined]:focus-within) [part=prefix]{-webkit-margin-start:-0.0625rem;margin-inline-start:-0.0625rem}:host([outlined]:active) [part=suffix] ::slotted(*),:host([outlined]:active) [part=prefix] ::slotted(*),:host([outlined]:focus) [part=suffix] ::slotted(*),:host([outlined]:focus) [part=prefix] ::slotted(*),:host([outlined]:focus-within) [part=suffix] ::slotted(*),:host([outlined]:focus-within) [part=prefix] ::slotted(*){padding-block:max(var(--is-large, 1)*max(14px, -1 * 14px)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(12px, -1 * 12px)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(10px, -1 * 10px)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)))}:host([outlined][invalid]) [part=start],:host([outlined][invalid]) [part=notch],:host([outlined][invalid]) [part=filler],:host([outlined][invalid]) [part=end],:host([outlined][invalid]:focus-within) [part=start],:host([outlined][invalid]:focus-within) [part=notch],:host([outlined][invalid]:focus-within) [part=filler],:host([outlined][invalid]:focus-within) [part=end]{border-color:var(--error-secondary-color)}:host([outlined][invalid]:focus-within) [part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host([readonly][outlined][invalid]:focus-within) input:not(:-moz-placeholder-shown)+[part=notch]{border-width:.125rem;border-color:var(--error-secondary-color);border-top:.125rem solid var(--error-secondary-color)}:host([readonly][outlined][invalid]:focus-within) input:not(:-ms-input-placeholder)+[part=notch]{border-width:.125rem;border-color:var(--error-secondary-color);border-top:.125rem solid var(--error-secondary-color)}:host([readonly][outlined][invalid]:focus-within) input:not(:placeholder-shown)+[part=notch]{border-width:.125rem;border-color:var(--error-secondary-color);border-top:.125rem solid var(--error-secondary-color)}:host([invalid]) [part=label]{color:var(--error-secondary-color)}:host(:disabled[outlined]) [part=start],:host(:disabled[outlined]) [part=filler],:host(:disabled[outlined]) [part=notch],:host(:disabled[outlined]) [part=end],:host([disabled][outlined]) [part=start],:host([disabled][outlined]) [part=filler],:host([disabled][outlined]) [part=notch],:host([disabled][outlined]) [part=end]{border-color:var(--disabled-border-color)}:host(:disabled) [part~=input],:host(:disabled) [part=label],:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host(:disabled) [part=helper-text],:host([disabled]) [part~=input],:host([disabled]) [part=label],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) [part=helper-text]{color:var(--disabled-text-color)}:host(:disabled) [part=start],:host(:disabled) [part=filler],:host(:disabled) [part=notch],:host(:disabled) [part=end],:host([disabled]) [part=start],:host([disabled]) [part=filler],:host([disabled]) [part=notch],:host([disabled]) [part=end]{color:var(--disabled-text-color)}`;\n"]}
|
|
1
|
+
{"version":3,"file":"input.material.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/shared/input.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2ldAA2ld,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`input:-moz-placeholder-shown+[part=notch] [part=label]{--label-position: max(var(--is-large, 1) * max(26px, -1 * 26px), var(--is-medium, 1) * max(22px, -1 * 22px), var(--is-small, 1) * max(18px, -1 * 18px));transform:translateY(calc(var(--label-position) * -1))}:host(:focus-within) [part=label],input:placeholder-shown+[part=notch] [part=label],[part~=filled]+[part=notch] [part=label]{--label-position: max(var(--is-large, 1) * max(26px, -1 * 26px), var(--is-medium, 1) * max(22px, -1 * 22px), var(--is-small, 1) * max(18px, -1 * 18px));transform:translateY(calc(var(--label-position) * -1))}:host(:disabled[outlined]) input:-moz-placeholder-shown+[part=notch], :host([disabled][outlined]) input:-moz-placeholder-shown+[part=notch], :host([outlined][invalid]) input:-moz-placeholder-shown+[part=notch], :host([outlined][invalid]:focus-within) input:-moz-placeholder-shown+[part=notch], :host input:-moz-placeholder-shown+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:disabled) [part~=filled]+[part=notch],:host([disabled]) [part~=filled]+[part=notch],:host(:disabled[outlined]) input:placeholder-shown+[part=notch],:host(:disabled[outlined]) [part~=filled]+[part=notch],:host([disabled][outlined]) input:placeholder-shown+[part=notch],:host([disabled][outlined]) [part~=filled]+[part=notch],:host([outlined][invalid]) input:placeholder-shown+[part=notch],:host([outlined][invalid]) [part~=filled]+[part=notch],:host([outlined][invalid]:focus-within) input:placeholder-shown+[part=notch],:host([outlined][invalid]:focus-within) [part~=filled]+[part=notch],:host([outlined]) [part~=filled]+[part=notch],:host input:placeholder-shown+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}[part=end]>[part=suffix] ::slotted(*),[part=start]>[part=prefix] ::slotted(*){display:inline-flex;align-items:center;width:-moz-max-content;width:max-content;height:100%;padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}:host{--component-size: var(--ig-size, var(--default-size));--input-size: var(--component-size)}[part=prefix] ::slotted(*),[part=suffix] ::slotted(*){color:inherit}input:-moz-placeholder-shown+[part=notch] [part=label]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom)}input:placeholder-shown+[part=notch] [part=label],[part~=filled]+[part=notch] [part=label]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom)}[part~=input]{color:var(--filled-text-color);background:rgba(0,0,0,0);padding:0 .25rem;font-size:1rem;grid-area:1/2/span 1/span 2}[part=label]{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom);color:var(--idle-secondary-color);transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1),color 150ms cubic-bezier(0.4, 0, 0.2, 1),font-size 150ms cubic-bezier(0.4, 0, 0.2, 1);line-height:normal;text-overflow:ellipsis;overflow:hidden;will-change:font-size,color,transform}[part^=container]{grid-template-columns:auto auto 1fr auto}[part~=input],[part^=container]{height:var(--size)}[part=start]{border-start-start-radius:var(--border-border-radius);justify-content:flex-start;grid-area:1/1}[part=notch]{display:flex;align-items:center;width:auto;min-width:0;height:100%;grid-area:1/2;padding:0 .25rem;overflow:visible}[part=notch]:empty{display:none}[part=filler]{grid-area:1/3}[part=end]{border-start-end-radius:var(--border-border-radius);justify-content:flex-end;grid-area:1/4}[part=start],[part=end]{display:flex;min-width:max(var(--is-large, 1)*max(0.875rem, -1 * 0.875rem),var(--is-medium, 1)*max(0.75rem, -1 * 0.75rem),var(--is-small, 1)*max(0.625rem, -1 * 0.625rem));height:var(--size);overflow:hidden}[part=helper-text]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);padding-inline:max(var(--is-large, 1)*max(1.125rem, -1 * 1.125rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));margin-top:.3125rem}:host(:focus-within) [part=label]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);color:var(--focused-secondary-color)}:host([readonly]:not([outlined]):focus-within) :not([part~=filled]) input:not(:-moz-placeholder-shown)+[part=notch] [part=label]{transform:translate(0);font-size:initial}:host([readonly]:not([outlined]):focus-within) :not([part~=filled]) input:not(:placeholder-shown)+[part=notch] [part=label]{transform:translate(0);font-size:initial}:host(:not([outlined])) [part=prefix],:host(:not([outlined])) [part=suffix]{max-height:calc(100% - 0.0625rem)}:host(:not([outlined])) [part=label]{inset-inline-start:.125rem}:host(:not([outlined])) [part~=container]{background:var(--box-background);border-bottom:1px solid var(--idle-bottom-line-color);border-start-end-radius:var(--box-border-radius);border-start-start-radius:var(--box-border-radius);transition:border-bottom-width 150ms cubic-bezier(0.4, 0, 0.2, 1)}:host(:not([outlined])) [part~=container]::after{position:absolute;content:\"\";width:100%;height:.125rem;left:0;right:0;bottom:-1px;background:var(--idle-bottom-line-color);transform:scaleX(0);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1)}:host(:not([outlined])) [part~=labelled] [part~=input]{padding-top:1.25rem;padding-bottom:.375rem}:host(:not([outlined])) input:-moz-placeholder-shown+[part=notch] [part=label]{transform:translateY(-73%)}:host(:not([outlined])) input:placeholder-shown+[part=notch] [part=label],:host(:not([outlined])) [part~=filled]+[part=notch] [part=label]{transform:translateY(-73%)}:host(:not([outlined]):hover) [part~=container]{background:var(--box-background-hover);border-bottom-color:var(--hover-bottom-line-color)}:host(:not([outlined]):hover) [part~=container]::after{background:var(--hover-bottom-line-color)}:host(:not([outlined]):focus-within) [part~=container]{background:var(--box-background-focus);border-bottom-color:var(--focused-bottom-line-color)}:host(:not([outlined]):focus-within) [part~=container]::after{background:var(--focused-bottom-line-color);transform:scaleX(1);opacity:1}:host(:not([outlined]):focus-within) [part=notch] [part=label]{transform:translateY(-73%)}:host(:not([outlined])[invalid]) [part~=container],:host(:not([outlined])[invalid]:focus-within) [part~=container]{border-color:var(--error-secondary-color)}:host(:not([outlined])[invalid]) [part~=container]::after,:host(:not([outlined])[invalid]:focus-within) [part~=container]::after{background:var(--error-secondary-color)}:host(:not([outlined])[disabled]) [part~=container],:host(:not([outlined]):disabled) [part~=container]{background:var(--box-disabled-background);border-color:var(--disabled-border-color);border-bottom-style:dashed}:host([type=search]) [part^=container]{background:var(--search-background);border-bottom:none;box-shadow:var(--search-resting-elevation);border-radius:var(--search-border-radius);overflow:hidden}:host([type=search]) [part^=container]:focus-within{background:var(--search-background)}:host([type=search]) [part^=container]:focus-within::after{display:none}:host([type=search]:hover) [part^=container],:host([type=search]:focus-within) [part^=container]{box-shadow:var(--search-hover-elevation);background:var(--search-background)}:host(:disabled[type=search]) [part^=container],:host([disabled][type=search]) [part^=container]{background:var(--search-disabled-background);box-shadow:var(--search-disabled-elevation);border:none}:host([outlined]) [part^=container]{border-radius:var(--border-border-radius);background:var(--border-background)}:host([outlined]) [part=start]{border-style:solid;border-color:var(--border-color);border-inline-start-width:.0625rem;border-inline-end-width:0;border-block-start-width:.0625rem;border-block-end-width:.0625rem;border-start-start-radius:var(--border-border-radius);border-end-start-radius:var(--border-border-radius)}:host([outlined]) [part=notch]{border-width:.0625rem;border-style:solid;border-color:var(--border-color);border-left:none;border-right:none}:host([outlined]) [part=filler]{border-width:.0625rem;border-style:solid;border-color:var(--border-color);border-left:none;border-right:none}:host([outlined]) [part=end]{border-style:solid;border-color:var(--border-color);border-inline-start-width:0;border-inline-end-width:.0625rem;border-block-start-width:.0625rem;border-block-end-width:.0625rem;border-start-end-radius:var(--border-border-radius);border-end-end-radius:var(--border-border-radius)}:host([readonly][outlined]:focus-within) :not([part~=filled]) input:not(:-moz-placeholder-shown)+[part=notch] [part=label]{transform:translate(0);font-size:initial}:host([readonly][outlined]:focus-within) :not([part~=filled]) input:not(:placeholder-shown)+[part=notch] [part=label]{transform:translate(0);font-size:initial}:host([readonly][outlined]:focus-within) :not([part~=filled]) input:not(:-moz-placeholder-shown)+[part=notch]{border-width:.125rem;border-color:var(--focused-border-color)}:host([readonly][outlined]:focus-within) :not([part~=filled]) input:not(:placeholder-shown)+[part=notch]{border-width:.125rem;border-color:var(--focused-border-color)}:host([outlined]:focus-within) [part=label]{margin-block-start:calc(0.125rem/2)}:host([outlined]:focus-within) [part=start]{border-color:var(--focused-border-color);border-inline-start-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host([outlined]:focus-within) [part=notch]{border-width:.125rem;border-color:var(--focused-border-color);border-top:.0625rem solid rgba(0,0,0,0)}:host([outlined]:focus-within) [part=filler]{border-width:.125rem;border-color:var(--focused-border-color)}:host([outlined]:focus-within) [part=end]{border-color:var(--focused-border-color);border-inline-end-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host([outlined]:active) [part=suffix],:host([outlined]:focus) [part=suffix],:host([outlined]:focus-within) [part=suffix]{margin-inline-end:-0.0625rem}:host([outlined]:active) [part=prefix],:host([outlined]:focus) [part=prefix],:host([outlined]:focus-within) [part=prefix]{margin-inline-start:-0.0625rem}:host([outlined]:active) [part=suffix] ::slotted(*),:host([outlined]:active) [part=prefix] ::slotted(*),:host([outlined]:focus) [part=suffix] ::slotted(*),:host([outlined]:focus) [part=prefix] ::slotted(*),:host([outlined]:focus-within) [part=suffix] ::slotted(*),:host([outlined]:focus-within) [part=prefix] ::slotted(*){padding-block:max(var(--is-large, 1)*max(14px, -1 * 14px)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(12px, -1 * 12px)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(10px, -1 * 10px)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)))}:host([outlined][invalid]) [part=start],:host([outlined][invalid]) [part=notch],:host([outlined][invalid]) [part=filler],:host([outlined][invalid]) [part=end],:host([outlined][invalid]:focus-within) [part=start],:host([outlined][invalid]:focus-within) [part=notch],:host([outlined][invalid]:focus-within) [part=filler],:host([outlined][invalid]:focus-within) [part=end]{border-color:var(--error-secondary-color)}:host([outlined][invalid]:focus-within) [part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host([readonly][outlined][invalid]:focus-within) input:not(:-moz-placeholder-shown)+[part=notch]{border-width:.125rem;border-color:var(--error-secondary-color);border-top:.125rem solid var(--error-secondary-color)}:host([readonly][outlined][invalid]:focus-within) input:not(:placeholder-shown)+[part=notch]{border-width:.125rem;border-color:var(--error-secondary-color);border-top:.125rem solid var(--error-secondary-color)}:host([invalid]) [part=label]{color:var(--error-secondary-color)}:host(:disabled[outlined]) [part=start],:host(:disabled[outlined]) [part=filler],:host(:disabled[outlined]) [part=notch],:host(:disabled[outlined]) [part=end],:host([disabled][outlined]) [part=start],:host([disabled][outlined]) [part=filler],:host([disabled][outlined]) [part=notch],:host([disabled][outlined]) [part=end]{border-color:var(--disabled-border-color)}:host(:disabled) [part~=input],:host(:disabled) [part=label],:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host(:disabled) [part=helper-text],:host([disabled]) [part~=input],:host([disabled]) [part=label],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) [part=helper-text]{color:var(--disabled-text-color)}:host(:disabled) [part=start],:host(:disabled) [part=filler],:host(:disabled) [part=notch],:host(:disabled) [part=end],:host([disabled]) [part=start],:host([disabled]) [part=filler],:host([disabled]) [part=notch],:host([disabled]) [part=end]{color:var(--disabled-text-color)}`;\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
|
|
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);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:flex;flex-flow:column nowrap;font-family:var(--ig-font-family);overflow:hidden auto;height:auto;background:var(--background);border-radius:var(--border-radius)}`;
|
|
3
3
|
//# sourceMappingURL=container.base.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"container.base.css.js","sourceRoot":"","sources":["../../../../src/components/list/themes/container.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":"container.base.css.js","sourceRoot":"","sources":["../../../../src/components/list/themes/container.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,g+BAAg+B,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);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:flex;flex-flow:column nowrap;font-family:var(--ig-font-family);overflow:hidden auto;height:auto;background:var(--background);border-radius:var(--border-radius)}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{font-family:var(--ig-overline-font-family, var(--ig-font-family));font-size:var(--ig-overline-font-size);font-weight:var(--ig-overline-font-weight);font-style:var(--ig-overline-font-style);line-height:var(--ig-overline-line-height);letter-spacing:var(--ig-overline-letter-spacing);text-transform:var(--ig-overline-text-transform);margin-top:var(--ig-overline-margin-top);margin-bottom:var(--ig-overline-margin-bottom);display
|
|
2
|
+
export const styles = css `:host{font-family:var(--ig-overline-font-family, var(--ig-font-family));font-size:var(--ig-overline-font-size);font-weight:var(--ig-overline-font-weight);font-style:var(--ig-overline-font-style);line-height:var(--ig-overline-line-height);letter-spacing:var(--ig-overline-letter-spacing);text-transform:var(--ig-overline-text-transform);margin-top:var(--ig-overline-margin-top);margin-bottom:var(--ig-overline-margin-bottom);display:flex;align-items:center;justify-content:flex-start;padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));padding-block:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)))}::slotted(*){font:inherit;margin:inherit}`;
|
|
3
3
|
//# sourceMappingURL=header.base.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"header.base.css.js","sourceRoot":"","sources":["../../../../src/components/list/themes/header.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":"header.base.css.js","sourceRoot":"","sources":["../../../../src/components/list/themes/header.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,yuCAAyuC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{font-family:var(--ig-overline-font-family, var(--ig-font-family));font-size:var(--ig-overline-font-size);font-weight:var(--ig-overline-font-weight);font-style:var(--ig-overline-font-style);line-height:var(--ig-overline-line-height);letter-spacing:var(--ig-overline-letter-spacing);text-transform:var(--ig-overline-text-transform);margin-top:var(--ig-overline-margin-top);margin-bottom:var(--ig-overline-margin-bottom);display:flex;align-items:center;justify-content:flex-start;padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));padding-block:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)))}::slotted(*){font:inherit;margin:inherit}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{display
|
|
2
|
+
export const styles = css `:host{display:flex;align-items:center;position:relative;transition:background .15s ease-out;padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));padding-block:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)))}:host ::slotted(igc-avatar){--ig-size: 1}::slotted(*){margin:0;font:inherit;opacity:inherit}[part=content]{flex-grow:1}[part=start],[part=end]{display:flex;align-items:center;justify-content:center}[part=title]{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom)}[part=subtitle]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom)}`;
|
|
3
3
|
//# sourceMappingURL=item.base.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"item.base.css.js","sourceRoot":"","sources":["../../../../src/components/list/themes/item.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":"item.base.css.js","sourceRoot":"","sources":["../../../../src/components/list/themes/item.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,y2DAAy2D,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{display:flex;align-items:center;position:relative;transition:background .15s ease-out;padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));padding-block:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)))}:host ::slotted(igc-avatar){--ig-size: 1}::slotted(*){margin:0;font:inherit;opacity:inherit}[part=content]{flex-grow:1}[part=start],[part=end]{display:flex;align-items:center;justify-content:center}[part=title]{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom)}[part=subtitle]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom)}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{border-radius:var(--item-border-radius);color:var(--item-text-color);background:var(--item-background)}::slotted(igc-icon){color:var(--item-action-color)}:host(:hover),:host(:focus-within){background:var(--item-background-hover)}:host(:hover) ::slotted(igc-icon),:host(:focus-within) ::slotted(igc-icon){color:var(--item-action-color-hover)}:host(:hover) [part=title],:host(:focus-within) [part=title]{color:var(--item-text-color-hover)}:host(:hover) [part=subtitle],:host(:focus-within) [part=subtitle]{color:var(--item-subtitle-color-hover)}:host(:hover) [part=start],:host(:focus-within) [part=start]{color:var(--item-thumbnail-color-hover)}:host(:hover) [part=end],:host(:focus-within) [part=end]{color:var(--item-action-color-hover)}[part=title]{color:var(--item-title-color)}[part=subtitle]{color:var(--item-subtitle-color)}[part=start]{color:var(--item-thumbnail-color)}[part=end]{color:var(--item-action-color)}[name=start]::slotted(*){
|
|
2
|
+
export const styles = css `:host{border-radius:var(--item-border-radius);color:var(--item-text-color);background:var(--item-background)}::slotted(igc-icon){color:var(--item-action-color)}:host(:hover),:host(:focus-within){background:var(--item-background-hover)}:host(:hover) ::slotted(igc-icon),:host(:focus-within) ::slotted(igc-icon){color:var(--item-action-color-hover)}:host(:hover) [part=title],:host(:focus-within) [part=title]{color:var(--item-text-color-hover)}:host(:hover) [part=subtitle],:host(:focus-within) [part=subtitle]{color:var(--item-subtitle-color-hover)}:host(:hover) [part=start],:host(:focus-within) [part=start]{color:var(--item-thumbnail-color-hover)}:host(:hover) [part=end],:host(:focus-within) [part=end]{color:var(--item-action-color-hover)}[part=title]{color:var(--item-title-color)}[part=subtitle]{color:var(--item-subtitle-color)}[part=start]{color:var(--item-thumbnail-color)}[part=end]{color:var(--item-action-color)}[name=start]::slotted(*){margin-inline-end:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)))}[name=end]::slotted(*){margin-inline-start:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)))}`;
|
|
3
3
|
//# sourceMappingURL=list-item.common.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list-item.common.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/shared/item/list-item.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":"list-item.common.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/shared/item/list-item.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ykDAAykD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{border-radius:var(--item-border-radius);color:var(--item-text-color);background:var(--item-background)}::slotted(igc-icon){color:var(--item-action-color)}:host(:hover),:host(:focus-within){background:var(--item-background-hover)}:host(:hover) ::slotted(igc-icon),:host(:focus-within) ::slotted(igc-icon){color:var(--item-action-color-hover)}:host(:hover) [part=title],:host(:focus-within) [part=title]{color:var(--item-text-color-hover)}:host(:hover) [part=subtitle],:host(:focus-within) [part=subtitle]{color:var(--item-subtitle-color-hover)}:host(:hover) [part=start],:host(:focus-within) [part=start]{color:var(--item-thumbnail-color-hover)}:host(:hover) [part=end],:host(:focus-within) [part=end]{color:var(--item-action-color-hover)}[part=title]{color:var(--item-title-color)}[part=subtitle]{color:var(--item-subtitle-color)}[part=start]{color:var(--item-thumbnail-color)}[part=end]{color:var(--item-action-color)}[name=start]::slotted(*){margin-inline-end:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)))}[name=end]::slotted(*){margin-inline-start:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)))}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));padding-block:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)));gap:.5rem}:host ::slotted(igc-avatar){--ig-size: 2}[part=title],[part=subtitle]{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)}[part=start],[part=end]{gap:.5rem}[name=start]::slotted(*){
|
|
2
|
+
export const styles = css `:host{padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));padding-block:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)));gap:.5rem}:host ::slotted(igc-avatar){--ig-size: 2}[part=title],[part=subtitle]{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)}[part=start],[part=end]{gap:.5rem}[name=start]::slotted(*){margin-inline-end:0}[name=end]::slotted(*){margin-inline-start:0}[part=header]{display:flex;flex-direction:column;gap:.125rem}`;
|
|
3
3
|
//# sourceMappingURL=list-item.indigo.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list-item.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/shared/item/list-item.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":"list-item.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/shared/item/list-item.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,43CAA43C,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));padding-block:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)));gap:.5rem}:host ::slotted(igc-avatar){--ig-size: 2}[part=title],[part=subtitle]{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)}[part=start],[part=end]{gap:.5rem}[name=start]::slotted(*){margin-inline-end:0}[name=end]::slotted(*){margin-inline-start:0}[part=header]{display:flex;flex-direction:column;gap:.125rem}`;\n"]}
|
|
@@ -47,8 +47,7 @@ export default class IgcMaskInputComponent extends IgcMaskInputBaseComponent {
|
|
|
47
47
|
get mask(): string;
|
|
48
48
|
/** The mask pattern to apply on the input. */
|
|
49
49
|
set mask(value: string);
|
|
50
|
-
|
|
51
|
-
protected setDefaultValue(): void;
|
|
50
|
+
protected _setDefaultValue(_: string | null, current: string | null): void;
|
|
52
51
|
protected updateFormValue(): void;
|
|
53
52
|
protected promptChange(): void;
|
|
54
53
|
protected updateInput(string: string, range: MaskRange): Promise<void>;
|
|
@@ -44,19 +44,14 @@ class IgcMaskInputComponent extends IgcMaskInputBaseComponent {
|
|
|
44
44
|
this.maskedValue = this.parser.apply(this._value);
|
|
45
45
|
}
|
|
46
46
|
}
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
this.updateValidity();
|
|
50
|
-
}
|
|
51
|
-
setDefaultValue() {
|
|
52
|
-
this._defaultValue = this._value;
|
|
47
|
+
_setDefaultValue(_, current) {
|
|
48
|
+
this._defaultValue = current;
|
|
53
49
|
}
|
|
54
50
|
updateFormValue() {
|
|
55
51
|
this.valueMode === 'raw'
|
|
56
|
-
? this.
|
|
57
|
-
: this.
|
|
58
|
-
this.
|
|
59
|
-
this.setInvalidState();
|
|
52
|
+
? this._setFormValue(this.value || null)
|
|
53
|
+
: this._setFormValue(this.maskedValue || null);
|
|
54
|
+
this._validate();
|
|
60
55
|
}
|
|
61
56
|
promptChange() {
|
|
62
57
|
this.parser.prompt = this.prompt;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mask-input.js","sourceRoot":"","sources":["../../../src/components/mask-input/mask-input.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;AAE9C,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EACL,yBAAyB,GAE1B,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAsBjD,MAAqB,qBAAsB,SAAQ,yBAAyB;IAA5E;;QAYY,WAAM,GAAG,EAAE,CAAC;QAUf,cAAS,GAA6B,KAAK,CAAC;IAgKrD,CAAC;IAlLQ,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,qBAAqB,CAAC,CAAC;IAC3C,CAAC;IAED,IAAuB,YAAY;QACjC,OAAO,cAAc,CAAC;IACxB,CAAC;IAoBD,IAAW,KAAK;QACd,OAAO,IAAI,CAAC,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC;IACnE,CAAC;IAID,IAAW,KAAK,CAAC,MAAc;QAC7B,IAAI,CAAC,MAAM,GAAG,MAAM,IAAI,EAAE,CAAC;QAC3B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAClD,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACzB,IAAI,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC;IAOD,IAAW,IAAI;QACb,OAAO,IAAI,CAAC,KAAK,CAAC;IACpB,CAAC;IAGD,IAAW,IAAI,CAAC,KAAa;QAC3B,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,MAAM,CAAC,IAAI,GAAG,KAAK,CAAC;QACzB,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YACf,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACpD,CAAC;IACH,CAAC;IAEe,iBAAiB;QAC/B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,cAAc,EAAE,CAAC;IACxB,CAAC;IAEkB,eAAe;QAChC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,MAAM,CAAC;IACnC,CAAC;IAES,eAAe;QACvB,IAAI,CAAC,SAAS,KAAK,KAAK;YACtB,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC;YACnD,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,WAAW,IAAI,IAAI,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;QAClE,IAAI,CAAC,cAAc,EAAE,CAAC;QACtB,IAAI,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC;IAGS,YAAY;QACpB,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;QACjC,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YACf,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACpD,CAAC;IACH,CAAC;IAES,KAAK,CAAC,WAAW,CAAC,MAAc,EAAE,KAAgB;QAC1D,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,CACxC,IAAI,CAAC,WAAW,EAChB,MAAM,EACN,KAAK,CAAC,KAAK,EACX,KAAK,CAAC,GAAG,CACV,CAAC;QAEF,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;QACzB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAEvC,IAAI,CAAC,eAAe,EAAE,CAAC;QACvB,IAAI,CAAC,aAAa,EAAE,CAAC;QAErB,IAAI,KAAK,CAAC,KAAK,KAAK,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;YACrC,IAAI,CAAC,SAAS,CAAC,UAAU,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;QACrD,CAAC;QACD,MAAM,IAAI,CAAC,cAAc,CAAC;QAE1B,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;IACzC,CAAC;IAES,eAAe;QACvB,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;YAClC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,SAAS,CAAC;QACpC,CAAC;IACH,CAAC;IAES,eAAe;QACvB,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;YAClB,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAC3B,CAAC;IACH,CAAC;IAES,KAAK,CAAC,WAAW;QACzB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QAEpB,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,OAAO;QACT,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;YAEjB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,SAAS,CAAC;YAElC,MAAM,IAAI,CAAC,cAAc,CAAC;YAC1B,IAAI,CAAC,MAAM,EAAE,CAAC;QAChB,CAAC;IACH,CAAC;IAES,UAAU;QAClB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACrB,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACzB,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;IACvC,CAAC;IAES,YAAY;QACpB,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;IACtD,CAAC;IAES,iBAAiB;QACzB,IAAI,IAAI,CAAC,WAAW,KAAK,IAAI,CAAC,SAAS,EAAE,CAAC;YACxC,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;QACxB,CAAC;IACH,CAAC;IAEkB,wBAAwB;QACzC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IACnD,CAAC;IAEkB,WAAW;QAC5B,OAAO,IAAI,CAAA;;;eAGA,WAAW,CAAC,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;eAC3C,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;iBAClB,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC;uBAChB,IAAI,CAAC,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC;oBACpD,IAAI,CAAC,QAAQ;oBACb,IAAI,CAAC,QAAQ;qBACZ,IAAI,CAAC,eAAe;qBACpB,IAAI,CAAC,eAAe;qBACpB,IAAI,CAAC,eAAe;gBACzB,IAAI,CAAC,UAAU;iBACd,IAAI,CAAC,WAAW;eAClB,IAAI,CAAC,SAAS;kBACX,IAAI,CAAC,YAAY;iBAClB,IAAI,CAAC,WAAW;4BACL,IAAI,CAAC,sBAAsB;0BAC7B,IAAI,CAAC,oBAAoB;iBAClC,IAAI,CAAC,WAAW;uBACV,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;mBACnC,IAAI,CAAC,aAAa;;KAEhC,CAAC;IACJ,CAAC;;AApLsB,6BAAO,GAAG,gBAAgB,AAAnB,CAAoB;eAD/B,qBAAqB;AAsBjC;IADN,QAAQ,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;wDACa;AAcnD;IADC,QAAQ,EAAE;kDAMV;AAOD;IADC,QAAQ,EAAE;iDAGV;AA6BS;IADT,KAAK,CAAC,QAAQ,CAAC;yDAMf","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';\n\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { partNameMap } from '../common/util.js';\nimport {\n IgcMaskInputBaseComponent,\n type MaskRange,\n} from './mask-input-base.js';\nimport { maskValidators } from './validators.js';\n\n/**\n * A masked input is an input field where a developer can control user input and format the visible value,\n * based on configurable rules\n *\n * @element igc-mask-input\n *\n * @slot prefix - Renders content before the input\n * @slot suffix - Renders content after the input\n * @slot helper-text - Renders content below the input\n *\n * @fires igcInput - Emitted when the control receives user input\n * @fires igcChange - Emitted when an alteration of the control's value is committed by the user\n *\n * @csspart container - The main wrapper that holds all main input elements\n * @csspart input - The native input element\n * @csspart label - The native label element\n * @csspart prefix - The prefix wrapper\n * @csspart suffix - The suffix wrapper\n * @csspart helper-text - The helper text wrapper\n */\nexport default class IgcMaskInputComponent extends IgcMaskInputBaseComponent {\n public static readonly tagName = 'igc-mask-input';\n\n /* blazorSuppress */\n public static register() {\n registerComponent(IgcMaskInputComponent);\n }\n\n protected override get __validators() {\n return maskValidators;\n }\n\n protected _value = '';\n\n /**\n * Dictates the behavior when retrieving the value of the control:\n *\n * - `raw` will return the clean user input.\n * - `withFormatting` will return the value with all literals and prompts.\n * @attr value-mode\n */\n @property({ attribute: 'value-mode' })\n public valueMode: 'raw' | 'withFormatting' = 'raw';\n\n /**\n * The value of the input.\n *\n * Regardless of the currently set `value-mode`, an empty value will return an empty string.\n * @attr\n */\n public get value(): string {\n return this.valueMode !== 'raw' ? this.maskedValue : this._value;\n }\n\n /* @tsTwoWayProperty(true, \"igcChange\", \"detail\", false) */\n @property()\n public set value(string: string) {\n this._value = string ?? '';\n this.maskedValue = this.parser.apply(this._value);\n this.updateMaskedValue();\n this.updateFormValue();\n }\n\n /**\n * The mask pattern to apply on the input.\n * @attr\n */\n @property()\n public get mask(): string {\n return this._mask;\n }\n\n /** The mask pattern to apply on the input. */\n public set mask(value: string) {\n this._mask = value;\n this.parser.mask = value;\n if (this.value) {\n this.maskedValue = this.parser.apply(this._value);\n }\n }\n\n public override connectedCallback(): void {\n super.connectedCallback();\n this.updateValidity();\n }\n\n protected override setDefaultValue(): void {\n this._defaultValue = this._value;\n }\n\n protected updateFormValue() {\n this.valueMode === 'raw'\n ? this.setFormValue(this.value || null, this.value)\n : this.setFormValue(this.maskedValue || null, this.maskedValue);\n this.updateValidity();\n this.setInvalidState();\n }\n\n @watch('prompt')\n protected promptChange() {\n this.parser.prompt = this.prompt;\n if (this.value) {\n this.maskedValue = this.parser.apply(this._value);\n }\n }\n\n protected async updateInput(string: string, range: MaskRange) {\n const { value, end } = this.parser.replace(\n this.maskedValue,\n string,\n range.start,\n range.end\n );\n\n this.maskedValue = value;\n this._value = this.parser.parse(value);\n\n this.updateFormValue();\n this.requestUpdate();\n\n if (range.start !== this.mask.length) {\n this.emitEvent('igcInput', { detail: this.value });\n }\n await this.updateComplete;\n\n this.input.setSelectionRange(end, end);\n }\n\n protected handleDragEnter() {\n if (!this.focused && !this._value) {\n this.maskedValue = this.emptyMask;\n }\n }\n\n protected handleDragLeave() {\n if (!this.focused) {\n this.updateMaskedValue();\n }\n }\n\n protected async handleFocus() {\n this.focused = true;\n\n if (this.readOnly) {\n return;\n }\n\n if (!this._value) {\n // In case of empty value, select the whole mask\n this.maskedValue = this.emptyMask;\n\n await this.updateComplete;\n this.select();\n }\n }\n\n protected handleBlur() {\n this.focused = false;\n this.updateMaskedValue();\n this.invalid = !this.checkValidity();\n }\n\n protected handleChange() {\n this.emitEvent('igcChange', { detail: this.value });\n }\n\n protected updateMaskedValue() {\n if (this.maskedValue === this.emptyMask) {\n this.maskedValue = '';\n }\n }\n\n protected override _updateSetRangeTextValue() {\n this.value = this.parser.parse(this.maskedValue);\n }\n\n protected override renderInput() {\n return html`\n <input\n type=\"text\"\n part=${partNameMap(this.resolvePartNames('input'))}\n name=${ifDefined(this.name)}\n .value=${live(this.maskedValue)}\n .placeholder=${live(this.placeholder ?? this.parser.escapedMask)}\n ?readonly=${this.readOnly}\n ?disabled=${this.disabled}\n @dragenter=${this.handleDragEnter}\n @dragleave=${this.handleDragLeave}\n @dragstart=${this.handleDragStart}\n @blur=${this.handleBlur}\n @focus=${this.handleFocus}\n @cut=${this.handleCut}\n @change=${this.handleChange}\n @click=${this.handleClick}\n @compositionstart=${this.handleCompositionStart}\n @compositionend=${this.handleCompositionEnd}\n @input=${this.handleInput}\n aria-invalid=${this.invalid ? 'true' : 'false'}\n @keydown=${this.handleKeydown}\n />\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-mask-input': IgcMaskInputComponent;\n }\n}\n"]}
|
|
1
|
+
{"version":3,"file":"mask-input.js","sourceRoot":"","sources":["../../../src/components/mask-input/mask-input.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';\n\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { partNameMap } from '../common/util.js';\nimport {\n IgcMaskInputBaseComponent,\n type MaskRange,\n} from './mask-input-base.js';\nimport { maskValidators } from './validators.js';\n\n/**\n * A masked input is an input field where a developer can control user input and format the visible value,\n * based on configurable rules\n *\n * @element igc-mask-input\n *\n * @slot prefix - Renders content before the input\n * @slot suffix - Renders content after the input\n * @slot helper-text - Renders content below the input\n *\n * @fires igcInput - Emitted when the control receives user input\n * @fires igcChange - Emitted when an alteration of the control's value is committed by the user\n *\n * @csspart container - The main wrapper that holds all main input elements\n * @csspart input - The native input element\n * @csspart label - The native label element\n * @csspart prefix - The prefix wrapper\n * @csspart suffix - The suffix wrapper\n * @csspart helper-text - The helper text wrapper\n */\nexport default class IgcMaskInputComponent extends IgcMaskInputBaseComponent {\n public static readonly tagName = 'igc-mask-input';\n\n /* blazorSuppress */\n public static register() {\n registerComponent(IgcMaskInputComponent);\n }\n\n protected override get __validators() {\n return maskValidators;\n }\n\n protected _value = '';\n\n /**\n * Dictates the behavior when retrieving the value of the control:\n *\n * - `raw` will return the clean user input.\n * - `withFormatting` will return the value with all literals and prompts.\n * @attr value-mode\n */\n @property({ attribute: 'value-mode' })\n public valueMode: 'raw' | 'withFormatting' = 'raw';\n\n /**\n * The value of the input.\n *\n * Regardless of the currently set `value-mode`, an empty value will return an empty string.\n * @attr\n */\n public get value(): string {\n return this.valueMode !== 'raw' ? this.maskedValue : this._value;\n }\n\n /* @tsTwoWayProperty(true, \"igcChange\", \"detail\", false) */\n @property()\n public set value(string: string) {\n this._value = string ?? '';\n this.maskedValue = this.parser.apply(this._value);\n this.updateMaskedValue();\n this.updateFormValue();\n }\n\n /**\n * The mask pattern to apply on the input.\n * @attr\n */\n @property()\n public get mask(): string {\n return this._mask;\n }\n\n /** The mask pattern to apply on the input. */\n public set mask(value: string) {\n this._mask = value;\n this.parser.mask = value;\n if (this.value) {\n this.maskedValue = this.parser.apply(this._value);\n }\n }\n\n protected override _setDefaultValue(\n _: string | null,\n current: string | null\n ): void {\n this._defaultValue = current;\n }\n\n protected updateFormValue() {\n this.valueMode === 'raw'\n ? this._setFormValue(this.value || null)\n : this._setFormValue(this.maskedValue || null);\n this._validate();\n }\n\n @watch('prompt')\n protected promptChange() {\n this.parser.prompt = this.prompt;\n if (this.value) {\n this.maskedValue = this.parser.apply(this._value);\n }\n }\n\n protected async updateInput(string: string, range: MaskRange) {\n const { value, end } = this.parser.replace(\n this.maskedValue,\n string,\n range.start,\n range.end\n );\n\n this.maskedValue = value;\n this._value = this.parser.parse(value);\n\n this.updateFormValue();\n this.requestUpdate();\n\n if (range.start !== this.mask.length) {\n this.emitEvent('igcInput', { detail: this.value });\n }\n await this.updateComplete;\n\n this.input.setSelectionRange(end, end);\n }\n\n protected handleDragEnter() {\n if (!this.focused && !this._value) {\n this.maskedValue = this.emptyMask;\n }\n }\n\n protected handleDragLeave() {\n if (!this.focused) {\n this.updateMaskedValue();\n }\n }\n\n protected async handleFocus() {\n this.focused = true;\n\n if (this.readOnly) {\n return;\n }\n\n if (!this._value) {\n // In case of empty value, select the whole mask\n this.maskedValue = this.emptyMask;\n\n await this.updateComplete;\n this.select();\n }\n }\n\n protected handleBlur() {\n this.focused = false;\n this.updateMaskedValue();\n this.invalid = !this.checkValidity();\n }\n\n protected handleChange() {\n this.emitEvent('igcChange', { detail: this.value });\n }\n\n protected updateMaskedValue() {\n if (this.maskedValue === this.emptyMask) {\n this.maskedValue = '';\n }\n }\n\n protected override _updateSetRangeTextValue() {\n this.value = this.parser.parse(this.maskedValue);\n }\n\n protected override renderInput() {\n return html`\n <input\n type=\"text\"\n part=${partNameMap(this.resolvePartNames('input'))}\n name=${ifDefined(this.name)}\n .value=${live(this.maskedValue)}\n .placeholder=${live(this.placeholder ?? this.parser.escapedMask)}\n ?readonly=${this.readOnly}\n ?disabled=${this.disabled}\n @dragenter=${this.handleDragEnter}\n @dragleave=${this.handleDragLeave}\n @dragstart=${this.handleDragStart}\n @blur=${this.handleBlur}\n @focus=${this.handleFocus}\n @cut=${this.handleCut}\n @change=${this.handleChange}\n @click=${this.handleClick}\n @compositionstart=${this.handleCompositionStart}\n @compositionend=${this.handleCompositionEnd}\n @input=${this.handleInput}\n aria-invalid=${this.invalid ? 'true' : 'false'}\n @keydown=${this.handleKeydown}\n />\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-mask-input': IgcMaskInputComponent;\n }\n}\n"]}
|
|
@@ -28,7 +28,7 @@ export default class IgcNavDrawerItemComponent extends LitElement {
|
|
|
28
28
|
private _textLength;
|
|
29
29
|
private _text;
|
|
30
30
|
protected navdrawerIcon: Array<Node>;
|
|
31
|
-
protected createRenderRoot():
|
|
31
|
+
protected createRenderRoot(): DocumentFragment | HTMLElement;
|
|
32
32
|
protected render(): import("lit-html").TemplateResult<1>;
|
|
33
33
|
}
|
|
34
34
|
declare global {
|
|
@@ -27,7 +27,7 @@ export default class IgcNavDrawerComponent extends LitElement {
|
|
|
27
27
|
* @attr
|
|
28
28
|
*/
|
|
29
29
|
open: boolean;
|
|
30
|
-
protected createRenderRoot():
|
|
30
|
+
protected createRenderRoot(): DocumentFragment | HTMLElement;
|
|
31
31
|
private _waitTransitions;
|
|
32
32
|
/** Opens the drawer. */
|
|
33
33
|
show(): Promise<boolean>;
|
|
@@ -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
|
|
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);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{--menu-full-width: 15rem;display:flex;flex-shrink:0;font-family:var(--ig-font-family)}:host [part=base],:host [part~=mini]{--ig-scrollbar-size: rem(8px);position:fixed;height:100%;min-height:100%;overflow-x:hidden;inset-block:0;z-index:999;opacity:1;transition:transform ease-out .3s,.3s,opacity ease-out .3s,.3s}:host [part~=mini]{min-width:var(--menu-mini-width)}:host [part=base]{width:var(--menu-full-width)}:host [part=main]{width:100%}:host [part=overlay]{position:fixed;inset:0;z-index:2;opacity:1;transition:opacity ease-out .3s,.3s}:host([position=relative]) [part=base]{position:relative;width:var(--menu-full-width);box-shadow:none;z-index:initial;border-inline-end-style:solid;border-inline-end-width:.0625rem}:host([position=relative]) [part~=mini]{position:relative;border-inline-end-style:solid;border-inline-end-width:.0625rem}:host([position=relative]) [part=overlay]{display:none}:host([position=top]) [part=main],:host([position=bottom]) [part=main]{width:100%}:host([position=top]) [part=base],:host([position=bottom]) [part=base]{height:50vh;min-height:initial;width:100%;inset-inline:0}:host([position=top]) [part=base]{top:0;bottom:auto}:host([position=bottom]) [part=base]{top:auto;bottom:0}:host([position=start]) [part=base],:host([position=start]) [part~=mini]{inset-inline-start:0;border-inline-end-style:solid;border-inline-end-width:.0625rem}:host([position=end]) [part=base],:host([position=end]) [part~=mini]{inset-inline-end:0;border-inline-start-style:solid;border-inline-start-width:.0625rem}:host(:not([open])[position=start]),:host([dir=rtl]:not([open])[position=end]){--dir: calc(var(--ig-dir, 1) * -1)}:host(:not([open])[position=end]),:host([dir=rtl]:not([open])[position=start]){--dir: calc(var(--ig-dir, 1) * 1)}:host(:not([open])[position=relative]) [part=base]{margin-inline-start:calc(var(--menu-full-width)*-1)}:host(:not([open])[position=top]) [part=base],:host(:not([open])[position=bottom]) [part=base]{transform:translateY(-60vh)}:host(:not([open])[position=top]) [part=mini],:host(:not([open])[position=bottom]) [part=mini]{display:none}:host(:not([open])[position=bottom]) [part=base]{transform:translateY(60vh)}:host([open][position=end]) [part=base]{border-inline-end:none;border-inline-start-style:solid;border-inline-start-width:.0625rem}:host([open]) [part=mini],[part="mini hidden"]{display:none}:host([open]:not([position=relative])) [part=base]{border-inline-end-style:solid;border-inline-end-width:.0625rem}:host(:not([open])) [part=base]{transform:translateX(calc(100% * var(--dir)));opacity:0}:host(:not([open])) [part=overlay]{pointer-events:none;opacity:0}`;
|
|
3
3
|
//# sourceMappingURL=container.base.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"container.base.css.js","sourceRoot":"","sources":["../../../../src/components/nav-drawer/themes/container.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":"container.base.css.js","sourceRoot":"","sources":["../../../../src/components/nav-drawer/themes/container.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,q3GAAq3G,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);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{--menu-full-width: 15rem;display:flex;flex-shrink:0;font-family:var(--ig-font-family)}:host [part=base],:host [part~=mini]{--ig-scrollbar-size: rem(8px);position:fixed;height:100%;min-height:100%;overflow-x:hidden;inset-block:0;z-index:999;opacity:1;transition:transform ease-out .3s,.3s,opacity ease-out .3s,.3s}:host [part~=mini]{min-width:var(--menu-mini-width)}:host [part=base]{width:var(--menu-full-width)}:host [part=main]{width:100%}:host [part=overlay]{position:fixed;inset:0;z-index:2;opacity:1;transition:opacity ease-out .3s,.3s}:host([position=relative]) [part=base]{position:relative;width:var(--menu-full-width);box-shadow:none;z-index:initial;border-inline-end-style:solid;border-inline-end-width:.0625rem}:host([position=relative]) [part~=mini]{position:relative;border-inline-end-style:solid;border-inline-end-width:.0625rem}:host([position=relative]) [part=overlay]{display:none}:host([position=top]) [part=main],:host([position=bottom]) [part=main]{width:100%}:host([position=top]) [part=base],:host([position=bottom]) [part=base]{height:50vh;min-height:initial;width:100%;inset-inline:0}:host([position=top]) [part=base]{top:0;bottom:auto}:host([position=bottom]) [part=base]{top:auto;bottom:0}:host([position=start]) [part=base],:host([position=start]) [part~=mini]{inset-inline-start:0;border-inline-end-style:solid;border-inline-end-width:.0625rem}:host([position=end]) [part=base],:host([position=end]) [part~=mini]{inset-inline-end:0;border-inline-start-style:solid;border-inline-start-width:.0625rem}:host(:not([open])[position=start]),:host([dir=rtl]:not([open])[position=end]){--dir: calc(var(--ig-dir, 1) * -1)}:host(:not([open])[position=end]),:host([dir=rtl]:not([open])[position=start]){--dir: calc(var(--ig-dir, 1) * 1)}:host(:not([open])[position=relative]) [part=base]{margin-inline-start:calc(var(--menu-full-width)*-1)}:host(:not([open])[position=top]) [part=base],:host(:not([open])[position=bottom]) [part=base]{transform:translateY(-60vh)}:host(:not([open])[position=top]) [part=mini],:host(:not([open])[position=bottom]) [part=mini]{display:none}:host(:not([open])[position=bottom]) [part=base]{transform:translateY(60vh)}:host([open][position=end]) [part=base]{border-inline-end:none;border-inline-start-style:solid;border-inline-start-width:.0625rem}:host([open]) [part=mini],[part=\"mini hidden\"]{display:none}:host([open]:not([position=relative])) [part=base]{border-inline-end-style:solid;border-inline-end-width:.0625rem}:host(:not([open])) [part=base]{transform:translateX(calc(100% * var(--dir)));opacity:0}:host(:not([open])) [part=overlay]{pointer-events:none;opacity:0}`;\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
|
|
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);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:flex;align-items:center;white-space:nowrap}`;
|
|
3
3
|
//# sourceMappingURL=header-item.base.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"header-item.base.css.js","sourceRoot":"","sources":["../../../../src/components/nav-drawer/themes/header-item.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":"header-item.base.css.js","sourceRoot":"","sources":["../../../../src/components/nav-drawer/themes/header-item.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,22BAA22B,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);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:flex;align-items:center;white-space:nowrap}`;\n"]}
|