igniteui-webcomponents 5.1.2 → 5.3.0-alpha.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +53 -0
- package/components/avatar/themes/avatar.base.css.js +1 -1
- package/components/avatar/themes/avatar.base.css.js.map +1 -1
- package/components/avatar/themes/dark/avatar.bootstrap.css.js +1 -1
- package/components/avatar/themes/dark/avatar.bootstrap.css.js.map +1 -1
- package/components/avatar/themes/light/avatar.bootstrap.css.js +1 -1
- package/components/avatar/themes/light/avatar.bootstrap.css.js.map +1 -1
- package/components/avatar/themes/light/avatar.shared.css.js +1 -1
- package/components/avatar/themes/light/avatar.shared.css.js.map +1 -1
- package/components/avatar/themes/shared/avatar.common.css.js +1 -1
- package/components/avatar/themes/shared/avatar.common.css.js.map +1 -1
- package/components/avatar/themes/shared/avatar.indigo.css.js +1 -1
- package/components/avatar/themes/shared/avatar.indigo.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/dark/badge.bootstrap.css.js +1 -1
- package/components/badge/themes/dark/badge.bootstrap.css.js.map +1 -1
- package/components/badge/themes/dark/badge.indigo.css.js +1 -1
- package/components/badge/themes/dark/badge.indigo.css.js.map +1 -1
- package/components/badge/themes/light/badge.bootstrap.css.js +1 -1
- package/components/badge/themes/light/badge.bootstrap.css.js.map +1 -1
- package/components/badge/themes/light/badge.indigo.css.js +1 -1
- package/components/badge/themes/light/badge.indigo.css.js.map +1 -1
- package/components/badge/themes/light/badge.shared.css.js +1 -1
- package/components/badge/themes/light/badge.shared.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/badge/themes/shared/badge.indigo.css.js +1 -1
- package/components/badge/themes/shared/badge.indigo.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/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-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/calendar/base.d.ts +7 -7
- package/components/calendar/base.js +23 -16
- package/components/calendar/base.js.map +1 -1
- package/components/calendar/calendar.js.map +1 -1
- package/components/calendar/helpers.d.ts +28 -3
- package/components/calendar/helpers.js +36 -11
- package/components/calendar/helpers.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/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/dark/card.fluent.css.js +1 -1
- package/components/card/themes/dark/card.fluent.css.js.map +1 -1
- package/components/card/themes/light/container/card.fluent.css.js +1 -1
- package/components/card/themes/light/container/card.fluent.css.js.map +1 -1
- package/components/carousel/carousel-indicator.js +1 -1
- package/components/carousel/carousel-indicator.js.map +1 -1
- package/components/carousel/carousel-slide.js +1 -1
- package/components/carousel/carousel-slide.js.map +1 -1
- package/components/carousel/carousel.js +1 -1
- package/components/carousel/carousel.js.map +1 -1
- package/components/carousel/themes/carousel-indicator-container.base.css.js +1 -1
- package/components/carousel/themes/carousel-indicator-container.base.css.js.map +1 -1
- package/components/carousel/themes/carousel-indicator.base.css.js +1 -1
- package/components/carousel/themes/carousel-indicator.base.css.js.map +1 -1
- package/components/carousel/themes/carousel-slide.base.css.js +1 -1
- package/components/carousel/themes/carousel-slide.base.css.js.map +1 -1
- package/components/carousel/themes/carousel.base.css.js +1 -1
- package/components/carousel/themes/carousel.base.css.js.map +1 -1
- package/components/checkbox/checkbox-base.d.ts +3 -1
- package/components/checkbox/checkbox-base.js +14 -10
- package/components/checkbox/checkbox-base.js.map +1 -1
- package/components/checkbox/checkbox.js +1 -2
- package/components/checkbox/checkbox.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/dark/checkbox/checkbox.bootstrap.css.js +1 -1
- package/components/checkbox/themes/dark/checkbox/checkbox.bootstrap.css.js.map +1 -1
- package/components/checkbox/themes/dark/checkbox/checkbox.indigo.css.js +1 -1
- package/components/checkbox/themes/dark/checkbox/checkbox.indigo.css.js.map +1 -1
- package/components/checkbox/themes/light/checkbox/checkbox.bootstrap.css.js +1 -1
- package/components/checkbox/themes/light/checkbox/checkbox.bootstrap.css.js.map +1 -1
- package/components/checkbox/themes/light/checkbox/checkbox.indigo.css.js +1 -1
- package/components/checkbox/themes/light/checkbox/checkbox.indigo.css.js.map +1 -1
- package/components/checkbox/themes/light/checkbox/checkbox.shared.css.js +1 -1
- package/components/checkbox/themes/light/checkbox/checkbox.shared.css.js.map +1 -1
- package/components/checkbox/themes/shared/checkbox/checkbox.bootstrap.css.js +1 -1
- package/components/checkbox/themes/shared/checkbox/checkbox.bootstrap.css.js.map +1 -1
- package/components/checkbox/themes/shared/checkbox/checkbox.common.css.js +1 -1
- package/components/checkbox/themes/shared/checkbox/checkbox.common.css.js.map +1 -1
- package/components/checkbox/themes/shared/checkbox/checkbox.fluent.css.js +1 -1
- package/components/checkbox/themes/shared/checkbox/checkbox.fluent.css.js.map +1 -1
- package/components/checkbox/themes/shared/checkbox/checkbox.indigo.css.js +1 -1
- package/components/checkbox/themes/shared/checkbox/checkbox.indigo.css.js.map +1 -1
- package/components/checkbox/themes/shared/checkbox/checkbox.material.css.js +1 -1
- package/components/checkbox/themes/shared/checkbox/checkbox.material.css.js.map +1 -1
- package/components/checkbox/themes/switch.base.css.js +1 -1
- package/components/checkbox/themes/switch.base.css.js.map +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-item.d.ts +4 -2
- package/components/combo/combo-item.js +19 -16
- package/components/combo/combo-item.js.map +1 -1
- package/components/combo/combo.d.ts +52 -41
- package/components/combo/combo.js +340 -339
- package/components/combo/combo.js.map +1 -1
- package/components/combo/controllers/data.d.ts +3 -1
- package/components/combo/controllers/data.js +9 -2
- package/components/combo/controllers/data.js.map +1 -1
- package/components/combo/controllers/navigation.d.ts +3 -1
- package/components/combo/controllers/navigation.js +4 -3
- package/components/combo/controllers/navigation.js.map +1 -1
- package/components/combo/controllers/selection.d.ts +14 -6
- package/components/combo/controllers/selection.js +66 -59
- package/components/combo/controllers/selection.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/common/context.d.ts +22 -0
- package/components/common/context.js +6 -0
- package/components/common/context.js.map +1 -0
- package/components/common/mixins/alert.js.map +1 -1
- package/components/common/mixins/combo-box.js.map +1 -1
- package/components/common/mixins/forms/associated.js +41 -39
- package/components/common/mixins/forms/associated.js.map +1 -1
- package/components/common/mixins/forms/form-value.d.ts +32 -0
- package/components/common/mixins/forms/form-value.js +59 -0
- package/components/common/mixins/forms/form-value.js.map +1 -0
- package/components/common/mixins/forms/types.d.ts +9 -8
- package/components/common/mixins/forms/types.js.map +1 -1
- package/components/common/util.d.ts +4 -0
- package/components/common/util.js +21 -0
- package/components/common/util.js.map +1 -1
- package/components/common/validators.d.ts +7 -7
- package/components/common/validators.js +24 -17
- package/components/common/validators.js.map +1 -1
- package/components/date-picker/date-picker.d.ts +17 -14
- package/components/date-picker/date-picker.js +30 -20
- package/components/date-picker/date-picker.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/validators.js +2 -2
- package/components/date-picker/validators.js.map +1 -1
- package/components/date-time-input/date-time-input.d.ts +9 -6
- package/components/date-time-input/date-time-input.js +33 -30
- package/components/date-time-input/date-time-input.js.map +1 -1
- package/components/date-time-input/date-util.js +2 -12
- package/components/date-time-input/date-util.js.map +1 -1
- package/components/date-time-input/validators.js +2 -2
- package/components/date-time-input/validators.js.map +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.fluent.css.js +1 -1
- package/components/dialog/themes/shared/dialog.fluent.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/header.js +7 -0
- package/components/dropdown/themes/header.js.map +1 -1
- package/components/dropdown/themes/shared/dropdown.bootstrap.css.js +1 -1
- package/components/dropdown/themes/shared/dropdown.bootstrap.css.js.map +1 -1
- package/components/dropdown/themes/shared/header/dropdown-header.fluent.css.d.ts +1 -0
- package/components/dropdown/themes/shared/header/dropdown-header.fluent.css.js +3 -0
- package/components/dropdown/themes/shared/header/dropdown-header.fluent.css.js.map +1 -0
- 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/icon/icon-references.js +46 -0
- package/components/icon/icon-references.js.map +1 -1
- package/components/icon/icon-state.broadcast.d.ts +1 -0
- package/components/icon/icon-state.broadcast.js +4 -1
- package/components/icon/icon-state.broadcast.js.map +1 -1
- package/components/icon/internal-icons-lib.js +47 -0
- package/components/icon/internal-icons-lib.js.map +1 -1
- package/components/icon/registry/types.d.ts +1 -0
- package/components/icon/registry/types.js.map +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.js +8 -2
- package/components/input/input-base.js.map +1 -1
- package/components/input/input.d.ts +21 -9
- package/components/input/input.js +59 -32
- 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.common.css.js +1 -1
- package/components/input/themes/shared/input.common.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/dark/container/list.bootstrap.css.js +1 -1
- package/components/list/themes/dark/container/list.bootstrap.css.js.map +1 -1
- package/components/list/themes/dark/container/list.fluent.css.js +1 -1
- package/components/list/themes/dark/container/list.fluent.css.js.map +1 -1
- package/components/list/themes/dark/container/list.indigo.css.js +1 -1
- package/components/list/themes/dark/container/list.indigo.css.js.map +1 -1
- package/components/list/themes/dark/container/list.material.css.js +1 -1
- package/components/list/themes/dark/container/list.material.css.js.map +1 -1
- package/components/list/themes/dark/header/list-header.bootstrap.css.js +1 -1
- package/components/list/themes/dark/header/list-header.bootstrap.css.js.map +1 -1
- package/components/list/themes/dark/header/list-header.fluent.css.js +1 -1
- package/components/list/themes/dark/header/list-header.fluent.css.js.map +1 -1
- package/components/list/themes/dark/header/list-header.indigo.css.js +1 -1
- package/components/list/themes/dark/header/list-header.indigo.css.js.map +1 -1
- package/components/list/themes/dark/header/list-header.material.css.js +1 -1
- package/components/list/themes/dark/header/list-header.material.css.js.map +1 -1
- package/components/list/themes/dark/item/list-item.bootstrap.css.js +1 -1
- package/components/list/themes/dark/item/list-item.bootstrap.css.js.map +1 -1
- package/components/list/themes/dark/item/list-item.fluent.css.js +1 -1
- package/components/list/themes/dark/item/list-item.fluent.css.js.map +1 -1
- package/components/list/themes/dark/item/list-item.indigo.css.js +1 -1
- package/components/list/themes/dark/item/list-item.indigo.css.js.map +1 -1
- package/components/list/themes/dark/item/list-item.material.css.js +1 -1
- package/components/list/themes/dark/item/list-item.material.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/light/container/list.fluent.css.js +1 -1
- package/components/list/themes/light/container/list.fluent.css.js.map +1 -1
- package/components/list/themes/light/container/list.indigo.css.js +1 -1
- package/components/list/themes/light/container/list.indigo.css.js.map +1 -1
- package/components/list/themes/light/container/list.shared.css.js +1 -1
- package/components/list/themes/light/container/list.shared.css.js.map +1 -1
- package/components/list/themes/light/header/list-header.fluent.css.js +1 -1
- package/components/list/themes/light/header/list-header.fluent.css.js.map +1 -1
- package/components/list/themes/light/header/list-header.indigo.css.js +1 -1
- package/components/list/themes/light/header/list-header.indigo.css.js.map +1 -1
- package/components/list/themes/light/item/list-item.fluent.css.js +1 -1
- package/components/list/themes/light/item/list-item.fluent.css.js.map +1 -1
- package/components/list/themes/light/item/list-item.indigo.css.js +1 -1
- package/components/list/themes/light/item/list-item.indigo.css.js.map +1 -1
- package/components/list/themes/shared/container/list.indigo.css.js +1 -1
- package/components/list/themes/shared/container/list.indigo.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.fluent.css.js +1 -1
- package/components/list/themes/shared/item/list-item.fluent.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 +5 -3
- package/components/mask-input/mask-input.js +35 -23
- package/components/mask-input/mask-input.js.map +1 -1
- package/components/nav-drawer/themes/container.base.css.js +1 -1
- package/components/nav-drawer/themes/container.base.css.js.map +1 -1
- package/components/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/navbar/themes/navbar.base.css.js +1 -1
- package/components/navbar/themes/navbar.base.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 +11 -12
- package/components/progress/base.js +59 -70
- package/components/progress/base.js.map +1 -1
- package/components/progress/circular-progress.d.ts +0 -1
- package/components/progress/circular-progress.js +15 -15
- package/components/progress/circular-progress.js.map +1 -1
- package/components/progress/linear-progress.js +7 -13
- package/components/progress/linear-progress.js.map +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/circular/shared/circular.progress.common.css.js +1 -1
- package/components/progress/themes/circular/shared/circular.progress.common.css.js.map +1 -1
- package/components/progress/themes/circular/shared/circular.progress.fluent.css.js +1 -1
- package/components/progress/themes/circular/shared/circular.progress.fluent.css.js.map +1 -1
- package/components/progress/themes/circular/shared/circular.progress.indigo.css.js +1 -1
- package/components/progress/themes/circular/shared/circular.progress.indigo.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 -3
- package/components/radio/radio.js +48 -33
- 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-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.d.ts +4 -0
- package/components/radio-group/radio-group.js +18 -0
- package/components/radio-group/radio-group.js.map +1 -1
- package/components/rating/rating-symbol.js +2 -2
- package/components/rating/rating-symbol.js.map +1 -1
- package/components/rating/rating.d.ts +25 -17
- package/components/rating/rating.js +47 -43
- 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/ripple/ripple.material.css.js +1 -1
- package/components/ripple/ripple.material.css.js.map +1 -1
- package/components/select/select.d.ts +7 -9
- package/components/select/select.js +29 -31
- package/components/select/select.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/slider/slider-base.d.ts +0 -1
- package/components/slider/slider-base.js +0 -4
- package/components/slider/slider-base.js.map +1 -1
- package/components/slider/slider.d.ts +3 -2
- package/components/slider/slider.js +9 -9
- package/components/slider/slider.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/snackbar.base.css.js +1 -1
- package/components/snackbar/themes/snackbar.base.css.js.map +1 -1
- package/components/stepper/step.d.ts +1 -1
- package/components/stepper/step.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/dark/tab.bootstrap.css.js +1 -1
- package/components/tabs/themes/dark/tab.bootstrap.css.js.map +1 -1
- package/components/tabs/themes/dark/tab.fluent.css.js +1 -1
- package/components/tabs/themes/dark/tab.fluent.css.js.map +1 -1
- package/components/tabs/themes/dark/tab.indigo.css.js +1 -1
- package/components/tabs/themes/dark/tab.indigo.css.js.map +1 -1
- package/components/tabs/themes/dark/tab.material.css.js +1 -1
- package/components/tabs/themes/dark/tab.material.css.js.map +1 -1
- package/components/tabs/themes/light/tab.bootstrap.css.js +1 -1
- package/components/tabs/themes/light/tab.bootstrap.css.js.map +1 -1
- package/components/tabs/themes/light/tab.fluent.css.js +1 -1
- package/components/tabs/themes/light/tab.fluent.css.js.map +1 -1
- package/components/tabs/themes/light/tab.indigo.css.js +1 -1
- package/components/tabs/themes/light/tab.indigo.css.js.map +1 -1
- package/components/tabs/themes/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 +5 -4
- package/components/textarea/textarea.js +15 -8
- package/components/textarea/textarea.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.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/tile-manager/controllers/fullscreen.d.ts +15 -0
- package/components/tile-manager/controllers/fullscreen.js +43 -0
- package/components/tile-manager/controllers/fullscreen.js.map +1 -0
- package/components/tile-manager/controllers/tile-dnd.d.ts +24 -0
- package/components/tile-manager/controllers/tile-dnd.js +46 -0
- package/components/tile-manager/controllers/tile-dnd.js.map +1 -0
- package/components/tile-manager/position.d.ts +20 -0
- package/components/tile-manager/position.js +61 -0
- package/components/tile-manager/position.js.map +1 -0
- package/components/tile-manager/resize-controller.d.ts +52 -0
- package/components/tile-manager/resize-controller.js +157 -0
- package/components/tile-manager/resize-controller.js.map +1 -0
- package/components/tile-manager/resize-element.d.ts +41 -0
- package/components/tile-manager/resize-element.js +107 -0
- package/components/tile-manager/resize-element.js.map +1 -0
- package/components/tile-manager/serializer.d.ts +24 -0
- package/components/tile-manager/serializer.js +52 -0
- package/components/tile-manager/serializer.js.map +1 -0
- package/components/tile-manager/themes/container.d.ts +2 -0
- package/components/tile-manager/themes/container.js +47 -0
- package/components/tile-manager/themes/container.js.map +1 -0
- package/components/tile-manager/themes/dark/tile-manager.bootstrap.css.d.ts +1 -0
- package/components/tile-manager/themes/dark/tile-manager.bootstrap.css.js +3 -0
- package/components/tile-manager/themes/dark/tile-manager.bootstrap.css.js.map +1 -0
- package/components/tile-manager/themes/dark/tile-manager.fluent.css.d.ts +1 -0
- package/components/tile-manager/themes/dark/tile-manager.fluent.css.js +3 -0
- package/components/tile-manager/themes/dark/tile-manager.fluent.css.js.map +1 -0
- package/components/tile-manager/themes/dark/tile-manager.indigo.css.d.ts +1 -0
- package/components/tile-manager/themes/dark/tile-manager.indigo.css.js +3 -0
- package/components/tile-manager/themes/dark/tile-manager.indigo.css.js.map +1 -0
- package/components/tile-manager/themes/dark/tile-manager.material.css.d.ts +1 -0
- package/components/tile-manager/themes/dark/tile-manager.material.css.js +3 -0
- package/components/tile-manager/themes/dark/tile-manager.material.css.js.map +1 -0
- package/components/tile-manager/themes/dark/tile-manager.shared.css.d.ts +1 -0
- package/components/tile-manager/themes/dark/tile-manager.shared.css.js +3 -0
- package/components/tile-manager/themes/dark/tile-manager.shared.css.js.map +1 -0
- package/components/tile-manager/themes/header.d.ts +2 -0
- package/components/tile-manager/themes/header.js +28 -0
- package/components/tile-manager/themes/header.js.map +1 -0
- package/components/tile-manager/themes/light/tile-manager.bootstrap.css.d.ts +1 -0
- package/components/tile-manager/themes/light/tile-manager.bootstrap.css.js +3 -0
- package/components/tile-manager/themes/light/tile-manager.bootstrap.css.js.map +1 -0
- package/components/tile-manager/themes/light/tile-manager.fluent.css.d.ts +1 -0
- package/components/tile-manager/themes/light/tile-manager.fluent.css.js +3 -0
- package/components/tile-manager/themes/light/tile-manager.fluent.css.js.map +1 -0
- package/components/tile-manager/themes/light/tile-manager.indigo.css.d.ts +1 -0
- package/components/tile-manager/themes/light/tile-manager.indigo.css.js +3 -0
- package/components/tile-manager/themes/light/tile-manager.indigo.css.js.map +1 -0
- package/components/tile-manager/themes/light/tile-manager.material.css.d.ts +1 -0
- package/components/tile-manager/themes/light/tile-manager.material.css.js +3 -0
- package/components/tile-manager/themes/light/tile-manager.material.css.js.map +1 -0
- package/components/tile-manager/themes/light/tile-manager.shared.css.d.ts +1 -0
- package/components/tile-manager/themes/light/tile-manager.shared.css.js +3 -0
- package/components/tile-manager/themes/light/tile-manager.shared.css.js.map +1 -0
- package/components/tile-manager/themes/resize.base.css.d.ts +1 -0
- package/components/tile-manager/themes/resize.base.css.js +3 -0
- package/components/tile-manager/themes/resize.base.css.js.map +1 -0
- package/components/tile-manager/themes/shared/header/tile-header.bootstrap.css.d.ts +1 -0
- package/components/tile-manager/themes/shared/header/tile-header.bootstrap.css.js +3 -0
- package/components/tile-manager/themes/shared/header/tile-header.bootstrap.css.js.map +1 -0
- package/components/tile-manager/themes/shared/header/tile-header.common.css.d.ts +1 -0
- package/components/tile-manager/themes/shared/header/tile-header.common.css.js +3 -0
- package/components/tile-manager/themes/shared/header/tile-header.common.css.js.map +1 -0
- package/components/tile-manager/themes/shared/header/tile-header.fluent.css.d.ts +1 -0
- package/components/tile-manager/themes/shared/header/tile-header.fluent.css.js +3 -0
- package/components/tile-manager/themes/shared/header/tile-header.fluent.css.js.map +1 -0
- package/components/tile-manager/themes/shared/header/tile-header.indigo.css.d.ts +1 -0
- package/components/tile-manager/themes/shared/header/tile-header.indigo.css.js +3 -0
- package/components/tile-manager/themes/shared/header/tile-header.indigo.css.js.map +1 -0
- package/components/tile-manager/themes/shared/resize.common.css.d.ts +1 -0
- package/components/tile-manager/themes/shared/resize.common.css.js +3 -0
- package/components/tile-manager/themes/shared/resize.common.css.js.map +1 -0
- package/components/tile-manager/themes/shared/tile/tile.common.css.d.ts +1 -0
- package/components/tile-manager/themes/shared/tile/tile.common.css.js +3 -0
- package/components/tile-manager/themes/shared/tile/tile.common.css.js.map +1 -0
- package/components/tile-manager/themes/shared/tile/tile.indigo.css.d.ts +1 -0
- package/components/tile-manager/themes/shared/tile/tile.indigo.css.js +3 -0
- package/components/tile-manager/themes/shared/tile/tile.indigo.css.js.map +1 -0
- package/components/tile-manager/themes/shared/tile-manager.common.css.d.ts +1 -0
- package/components/tile-manager/themes/shared/tile-manager.common.css.js +3 -0
- package/components/tile-manager/themes/shared/tile-manager.common.css.js.map +1 -0
- package/components/tile-manager/themes/tile-header.base.css.d.ts +1 -0
- package/components/tile-manager/themes/tile-header.base.css.js +3 -0
- package/components/tile-manager/themes/tile-header.base.css.js.map +1 -0
- package/components/tile-manager/themes/tile-manager.base.css.d.ts +1 -0
- package/components/tile-manager/themes/tile-manager.base.css.js +3 -0
- package/components/tile-manager/themes/tile-manager.base.css.js.map +1 -0
- package/components/tile-manager/themes/tile.base.css.d.ts +1 -0
- package/components/tile-manager/themes/tile.base.css.js +3 -0
- package/components/tile-manager/themes/tile.base.css.js.map +1 -0
- package/components/tile-manager/themes/tile.d.ts +2 -0
- package/components/tile-manager/themes/tile.js +14 -0
- package/components/tile-manager/themes/tile.js.map +1 -0
- package/components/tile-manager/tile-header.d.ts +34 -0
- package/components/tile-manager/tile-header.js +106 -0
- package/components/tile-manager/tile-header.js.map +1 -0
- package/components/tile-manager/tile-manager.d.ts +83 -0
- package/components/tile-manager/tile-manager.js +188 -0
- package/components/tile-manager/tile-manager.js.map +1 -0
- package/components/tile-manager/tile-util.d.ts +6 -0
- package/components/tile-manager/tile-util.js +70 -0
- package/components/tile-manager/tile-util.js.map +1 -0
- package/components/tile-manager/tile.d.ts +128 -0
- package/components/tile-manager/tile.js +467 -0
- package/components/tile-manager/tile.js.map +1 -0
- package/components/toast/themes/toast.base.css.js +1 -1
- package/components/toast/themes/toast.base.css.js.map +1 -1
- package/components/tree/themes/container.base.css.js +1 -1
- package/components/tree/themes/container.base.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 +7211 -4772
- package/igniteui-webcomponents.css-data.json +1 -1
- package/igniteui-webcomponents.html-data.json +1 -1
- package/index.d.ts +3 -0
- package/index.js +3 -0
- package/index.js.map +1 -1
- package/package.json +1 -1
- package/themes/dark/bootstrap.css +1 -1
- package/themes/dark/fluent.css +1 -1
- package/themes/dark/indigo.css +1 -1
- package/themes/dark/material.css +1 -1
- package/themes/light/bootstrap.css +1 -1
- package/themes/light/fluent.css +1 -1
- package/themes/light/indigo.css +1 -1
- package/themes/light/material.css +1 -1
- package/web-types.json +2 -2
- package/components/carousel/context.d.ts +0 -4
- package/components/carousel/context.js +0 -3
- package/components/carousel/context.js.map +0 -1
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
export const styles = css `:host{--hover-border-color: var(--ig-tile-manager-hover-border-color, hsl(from var(--ig-gray-200) h s l/1));--resize-indicator: var(--ig-tile-manager-resize-indicator, hsl(from var(--ig-gray-200) h s l/1));--placeholder-background: var(--ig-tile-manager-placeholder-background, hsl(from var(--ig-primary-700) h s l/0.15));--overlay-background: var(--ig-tile-manager-overlay-background, hsl(from var(--ig-primary-700) h s l/0.5))}`;
|
|
3
|
+
//# sourceMappingURL=tile-manager.shared.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tile-manager.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/tile-manager/themes/dark/tile-manager.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+aAA+a,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--hover-border-color: var(--ig-tile-manager-hover-border-color, hsl(from var(--ig-gray-200) h s l/1));--resize-indicator: var(--ig-tile-manager-resize-indicator, hsl(from var(--ig-gray-200) h s l/1));--placeholder-background: var(--ig-tile-manager-placeholder-background, hsl(from var(--ig-primary-700) h s l/0.15));--overlay-background: var(--ig-tile-manager-overlay-background, hsl(from var(--ig-primary-700) h s l/0.5))}`;\n"]}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
import { styles as bootstrap } from './shared/header/tile-header.bootstrap.css.js';
|
|
3
|
+
import { styles as fluent } from './shared/header/tile-header.fluent.css.js';
|
|
4
|
+
import { styles as indigo } from './shared/header/tile-header.indigo.css.js';
|
|
5
|
+
const light = {
|
|
6
|
+
bootstrap: css `
|
|
7
|
+
${bootstrap}
|
|
8
|
+
`,
|
|
9
|
+
fluent: css `
|
|
10
|
+
${fluent}
|
|
11
|
+
`,
|
|
12
|
+
indigo: css `
|
|
13
|
+
${indigo}
|
|
14
|
+
`,
|
|
15
|
+
};
|
|
16
|
+
const dark = {
|
|
17
|
+
bootstrap: css `
|
|
18
|
+
${bootstrap}
|
|
19
|
+
`,
|
|
20
|
+
fluent: css `
|
|
21
|
+
${fluent}
|
|
22
|
+
`,
|
|
23
|
+
indigo: css `
|
|
24
|
+
${indigo}
|
|
25
|
+
`,
|
|
26
|
+
};
|
|
27
|
+
export const all = { light, dark };
|
|
28
|
+
//# sourceMappingURL=header.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../../src/components/tile-manager/themes/header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,8CAA8C,CAAC;AACnF,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,2CAA2C,CAAC;AAC7E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,2CAA2C,CAAC;AAE7E,MAAM,KAAK,GAAG;IACZ,SAAS,EAAE,GAAG,CAAA;MACV,SAAS;GACZ;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,SAAS,EAAE,GAAG,CAAA;MACV,SAAS;GACZ;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '../../../theming/types.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/header/tile-header.bootstrap.css.js';\nimport { styles as fluent } from './shared/header/tile-header.fluent.css.js';\nimport { styles as indigo } from './shared/header/tile-header.indigo.css.js';\n\nconst light = {\n bootstrap: css`\n ${bootstrap}\n `,\n fluent: css`\n ${fluent}\n `,\n indigo: css`\n ${indigo}\n `,\n};\n\nconst dark = {\n bootstrap: css`\n ${bootstrap}\n `,\n fluent: css`\n ${fluent}\n `,\n indigo: css`\n ${indigo}\n `,\n};\n\nexport const all: Themes = { light, dark };\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const styles: import("lit").CSSResult;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
export const styles = css `:host{--tile-manager-background: var(--ig-tile-manager-tile-manager-background, hsl(from var(--ig-gray-200) h s l/1));--border-color: var(--ig-tile-manager-border-color, hsl(from var(--ig-gray-300) h s l/1));--placeholder-background: var(--ig-tile-manager-placeholder-background, hsl(from var(--ig-primary-300) h s l/0.15));--overlay-background: var(--ig-tile-manager-overlay-background, hsl(from var(--ig-primary-300) h s l/0.4))}`;
|
|
3
|
+
//# sourceMappingURL=tile-manager.bootstrap.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tile-manager.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/tile-manager/themes/light/tile-manager.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ibAAib,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--tile-manager-background: var(--ig-tile-manager-tile-manager-background, hsl(from var(--ig-gray-200) h s l/1));--border-color: var(--ig-tile-manager-border-color, hsl(from var(--ig-gray-300) h s l/1));--placeholder-background: var(--ig-tile-manager-placeholder-background, hsl(from var(--ig-primary-300) h s l/0.15));--overlay-background: var(--ig-tile-manager-overlay-background, hsl(from var(--ig-primary-300) h s l/0.4))}`;\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const styles: import("lit").CSSResult;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
export const styles = css `:host{--placeholder-background: var(--ig-tile-manager-placeholder-background, hsl(from var(--ig-primary-100) h s l/0.2));--overlay-background: var(--ig-tile-manager-overlay-background, hsl(from var(--ig-primary-100) h s l/0.5));--border-radius: var(--ig-tile-manager-border-radius, 0)}`;
|
|
3
|
+
//# sourceMappingURL=tile-manager.fluent.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tile-manager.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/tile-manager/themes/light/tile-manager.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+RAA+R,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--placeholder-background: var(--ig-tile-manager-placeholder-background, hsl(from var(--ig-primary-100) h s l/0.2));--overlay-background: var(--ig-tile-manager-overlay-background, hsl(from var(--ig-primary-100) h s l/0.5));--border-radius: var(--ig-tile-manager-border-radius, 0)}`;\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const styles: import("lit").CSSResult;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
export const styles = css `:host{--tile-manager-background: var(--ig-tile-manager-tile-manager-background, hsl(from var(--ig-surface-500) h s l/1));--tile-background: var(--ig-tile-manager-tile-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--title-color: var(--ig-tile-manager-title-color, hsl(from var(--ig-gray-800) h s l/1));--header-background: var(--ig-tile-manager-header-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--content-background: var(--ig-tile-manager-content-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--border-color: var(--ig-tile-manager-border-color, hsl(from var(--ig-gray-400) h s l/1));--hover-border-color: var(--ig-tile-manager-hover-border-color, hsl(from var(--ig-gray-500) h s l/1));--resize-indicator: var(--ig-tile-manager-resize-indicator, hsl(from var(--ig-gray-500) h s l/1));--placeholder-background: var(--ig-tile-manager-placeholder-background, hsl(from var(--ig-primary-100) h s l/0.2));--border-radius: var(--ig-tile-manager-border-radius, 0.375rem)}`;
|
|
3
|
+
//# sourceMappingURL=tile-manager.indigo.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tile-manager.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/tile-manager/themes/light/tile-manager.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4iCAA4iC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--tile-manager-background: var(--ig-tile-manager-tile-manager-background, hsl(from var(--ig-surface-500) h s l/1));--tile-background: var(--ig-tile-manager-tile-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--title-color: var(--ig-tile-manager-title-color, hsl(from var(--ig-gray-800) h s l/1));--header-background: var(--ig-tile-manager-header-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--content-background: var(--ig-tile-manager-content-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--border-color: var(--ig-tile-manager-border-color, hsl(from var(--ig-gray-400) h s l/1));--hover-border-color: var(--ig-tile-manager-hover-border-color, hsl(from var(--ig-gray-500) h s l/1));--resize-indicator: var(--ig-tile-manager-resize-indicator, hsl(from var(--ig-gray-500) h s l/1));--placeholder-background: var(--ig-tile-manager-placeholder-background, hsl(from var(--ig-primary-100) h s l/0.2));--border-radius: var(--ig-tile-manager-border-radius, 0.375rem)}`;\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const styles: import("lit").CSSResult;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tile-manager.material.css.js","sourceRoot":"","sources":["../../../../../src/components/tile-manager/themes/light/tile-manager.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css``;\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const styles: import("lit").CSSResult;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
export const styles = css `:host{--resting-elevation: var(--ig-tile-manager-resting-elevation, var(--ig-elevation-0));--drag-elevation: var(--ig-tile-manager-drag-elevation, var(--ig-elevation-5));--tile-manager-background: var(--ig-tile-manager-tile-manager-background, hsl(from var(--ig-gray-100) h s l/1));--tile-background: var(--ig-tile-manager-tile-background, hsl(from var(--ig-surface-500) h s l/1));--title-color: var(--ig-tile-manager-title-color, hsl(from var(--ig-gray-900) h s l/1));--header-background: var(--ig-tile-manager-header-background, hsl(from var(--ig-surface-500) h s l/1));--content-background: var(--ig-tile-manager-content-background, hsl(from var(--ig-surface-500) h s l/1));--content-color: var(--ig-tile-manager-content-color, hsl(from var(--ig-gray-700) h s l/1));--border-color: var(--ig-tile-manager-border-color, transparent);--hover-border-color: var(--ig-tile-manager-hover-border-color, hsl(from var(--ig-gray-400) h s l/1));--resize-indicator: var(--ig-tile-manager-resize-indicator, hsl(from var(--ig-gray-400) h s l/1));--placeholder-background: var(--ig-tile-manager-placeholder-background, hsl(from var(--ig-primary-100) h s l/0.3));--overlay-background: var(--ig-tile-manager-overlay-background, hsl(from var(--ig-primary-100) h s l/0.6));--ghost-border: var(--ig-tile-manager-ghost-border, hsl(from var(--ig-primary-500) h s l/1));--divider-color: var(--ig-tile-manager-divider-color, transparent);--border-radius: var(--ig-tile-manager-border-radius, 0.25rem);--default-size: var(--ig-tile-manager-default-size, 2)}`;
|
|
3
|
+
//# sourceMappingURL=tile-manager.shared.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tile-manager.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/tile-manager/themes/light/tile-manager.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ggDAAggD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--resting-elevation: var(--ig-tile-manager-resting-elevation, var(--ig-elevation-0));--drag-elevation: var(--ig-tile-manager-drag-elevation, var(--ig-elevation-5));--tile-manager-background: var(--ig-tile-manager-tile-manager-background, hsl(from var(--ig-gray-100) h s l/1));--tile-background: var(--ig-tile-manager-tile-background, hsl(from var(--ig-surface-500) h s l/1));--title-color: var(--ig-tile-manager-title-color, hsl(from var(--ig-gray-900) h s l/1));--header-background: var(--ig-tile-manager-header-background, hsl(from var(--ig-surface-500) h s l/1));--content-background: var(--ig-tile-manager-content-background, hsl(from var(--ig-surface-500) h s l/1));--content-color: var(--ig-tile-manager-content-color, hsl(from var(--ig-gray-700) h s l/1));--border-color: var(--ig-tile-manager-border-color, transparent);--hover-border-color: var(--ig-tile-manager-hover-border-color, hsl(from var(--ig-gray-400) h s l/1));--resize-indicator: var(--ig-tile-manager-resize-indicator, hsl(from var(--ig-gray-400) h s l/1));--placeholder-background: var(--ig-tile-manager-placeholder-background, hsl(from var(--ig-primary-100) h s l/0.3));--overlay-background: var(--ig-tile-manager-overlay-background, hsl(from var(--ig-primary-100) h s l/0.6));--ghost-border: var(--ig-tile-manager-ghost-border, hsl(from var(--ig-primary-500) h s l/1));--divider-color: var(--ig-tile-manager-divider-color, transparent);--border-radius: var(--ig-tile-manager-border-radius, 0.25rem);--default-size: var(--ig-tile-manager-default-size, 2)}`;\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const styles: import("lit").CSSResult;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{--resize-visibility: hidden;display:contents}[part=resize-base]{position:relative;height:100%}[part=trigger]{display:inline-flex;visibility:var(--resize-visibility);cursor:nwse-resize;position:absolute;bottom:.125rem;right:.125rem;z-index:1}[part=trigger] igc-icon{--size: 0.5625rem !important;--ig-icon-size: 0.5625rem;--igx-icon-size: 0.5625rem}[part=trigger]:focus{outline:none}`;
|
|
3
|
+
//# sourceMappingURL=resize.base.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"resize.base.css.js","sourceRoot":"","sources":["../../../../src/components/tile-manager/themes/resize.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,60CAA60C,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{--resize-visibility: hidden;display:contents}[part=resize-base]{position:relative;height:100%}[part=trigger]{display:inline-flex;visibility:var(--resize-visibility);cursor:nwse-resize;position:absolute;bottom:.125rem;right:.125rem;z-index:1}[part=trigger] igc-icon{--size: 0.5625rem !important;--ig-icon-size: 0.5625rem;--igx-icon-size: 0.5625rem}[part=trigger]:focus{outline:none}`;\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const styles: import("lit").CSSResult;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
export const styles = css `[part=header]{padding-block:max(var(--is-large, 1)*max(0.5625rem, -1 * 0.5625rem),var(--is-medium, 1)*max(0.5625rem, -1 * 0.5625rem),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem))}::slotted([slot=title]){font-family:var(--ig-h5-font-family, var(--ig-font-family));font-size:var(--ig-h5-font-size);font-weight:var(--ig-h5-font-weight);font-style:var(--ig-h5-font-style);line-height:var(--ig-h5-line-height);letter-spacing:var(--ig-h5-letter-spacing);text-transform:var(--ig-h5-text-transform);margin-top:var(--ig-h5-margin-top);margin-bottom:var(--ig-h5-margin-bottom);margin:0}`;
|
|
3
|
+
//# sourceMappingURL=tile-header.bootstrap.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tile-header.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/tile-manager/themes/shared/header/tile-header.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ikBAAikB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=header]{padding-block:max(var(--is-large, 1)*max(0.5625rem, -1 * 0.5625rem),var(--is-medium, 1)*max(0.5625rem, -1 * 0.5625rem),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem))}::slotted([slot=title]){font-family:var(--ig-h5-font-family, var(--ig-font-family));font-size:var(--ig-h5-font-size);font-weight:var(--ig-h5-font-weight);font-style:var(--ig-h5-font-style);line-height:var(--ig-h5-line-height);letter-spacing:var(--ig-h5-letter-spacing);text-transform:var(--ig-h5-text-transform);margin-top:var(--ig-h5-margin-top);margin-bottom:var(--ig-h5-margin-bottom);margin:0}`;\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const styles: import("lit").CSSResult;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
export const styles = css `[part=header]{background:var(--tile-background);border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius)}[part=title]{color:var(--title-color)}igc-divider{--color: var-get($theme, "divider-color")}`;
|
|
3
|
+
//# sourceMappingURL=tile-header.common.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tile-header.common.css.js","sourceRoot":"","sources":["../../../../../../src/components/tile-manager/themes/shared/header/tile-header.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,uOAAuO,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=header]{background:var(--tile-background);border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius)}[part=title]{color:var(--title-color)}igc-divider{--color: var-get($theme, \"divider-color\")}`;\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const styles: import("lit").CSSResult;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
export const styles = css `[part=header]{padding-block:max(var(--is-large, 1)*max(0.75rem, -1 * 0.75rem),var(--is-medium, 1)*max(0.75rem, -1 * 0.75rem),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem))}`;
|
|
3
|
+
//# sourceMappingURL=tile-header.fluent.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tile-header.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/tile-manager/themes/shared/header/tile-header.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4KAA4K,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=header]{padding-block:max(var(--is-large, 1)*max(0.75rem, -1 * 0.75rem),var(--is-medium, 1)*max(0.75rem, -1 * 0.75rem),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem))}`;\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const styles: import("lit").CSSResult;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
export const styles = css `[part=header]{padding-block:max(var(--is-large, 1)*max(0.875rem, -1 * 0.875rem),var(--is-medium, 1)*max(0.875rem, -1 * 0.875rem),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem))}`;
|
|
3
|
+
//# sourceMappingURL=tile-header.indigo.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tile-header.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/tile-manager/themes/shared/header/tile-header.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gLAAgL,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=header]{padding-block:max(var(--is-large, 1)*max(0.875rem, -1 * 0.875rem),var(--is-medium, 1)*max(0.875rem, -1 * 0.875rem),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem))}`;\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const styles: import("lit").CSSResult;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"resize.common.css.js","sourceRoot":"","sources":["../../../../../src/components/tile-manager/themes/shared/resize.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wDAAwD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=trigger] igc-icon{color:var(--resize-indicator)}`;\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const styles: import("lit").CSSResult;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
export const styles = css `:host{--component-size: var(--ig-size, var(--default-size))}[part~=base]{background:var(--tile-background);border-radius:var(--border-radius);box-shadow:var(--resting-elevation)}[part~=base]:hover::after{content:"";position:absolute;pointer-events:none;border-radius:inherit;inset:0;width:100%;height:100%;border:.0625rem solid var(--hover-border-color)}[part~=base][part~=resizing]{opacity:.3}[part~=base][part~=resizing]:hover::after{display:none}[part=content-container]{background:var(--content-background);color:var(--content-color)}[part=ghost]{border-radius:var(--border-radius);border:.0625rem solid var(--ghost-border);background:var(--overlay-background)}[part~=drag-over]::after{content:"";position:absolute;pointer-events:none;border-radius:inherit;inset:0;width:100%;height:100%;z-index:1000;border:.0625rem solid var(--ghost-border);background:var(--overlay-background)}`;
|
|
3
|
+
//# sourceMappingURL=tile.common.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tile.common.css.js","sourceRoot":"","sources":["../../../../../../src/components/tile-manager/themes/shared/tile/tile.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,s3BAAs3B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size))}[part~=base]{background:var(--tile-background);border-radius:var(--border-radius);box-shadow:var(--resting-elevation)}[part~=base]:hover::after{content:\"\";position:absolute;pointer-events:none;border-radius:inherit;inset:0;width:100%;height:100%;border:.0625rem solid var(--hover-border-color)}[part~=base][part~=resizing]{opacity:.3}[part~=base][part~=resizing]:hover::after{display:none}[part=content-container]{background:var(--content-background);color:var(--content-color)}[part=ghost]{border-radius:var(--border-radius);border:.0625rem solid var(--ghost-border);background:var(--overlay-background)}[part~=drag-over]::after{content:\"\";position:absolute;pointer-events:none;border-radius:inherit;inset:0;width:100%;height:100%;z-index:1000;border:.0625rem solid var(--ghost-border);background:var(--overlay-background)}`;\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const styles: import("lit").CSSResult;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
export const styles = css `[part~=base]{border:.0625rem solid var(--border-color)}[part~=base]:hover{border:.0625rem solid var(--hover-border-color)}[part~=base]:hover::after{display:none}[part=content-container] ::slotted(*){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);margin:0}`;
|
|
3
|
+
//# sourceMappingURL=tile.indigo.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tile.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/tile-manager/themes/shared/tile/tile.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kmBAAkmB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=base]{border:.0625rem solid var(--border-color)}[part~=base]:hover{border:.0625rem solid var(--hover-border-color)}[part~=base]:hover::after{display:none}[part=content-container] ::slotted(*){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);margin:0}`;\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const styles: import("lit").CSSResult;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tile-manager.common.css.js","sourceRoot":"","sources":["../../../../../src/components/tile-manager/themes/shared/tile-manager.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wDAAwD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=base]{background:var(--tile-manager-background)}`;\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const styles: import("lit").CSSResult;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}[part=header]{display:flex;align-items:center;gap:max(var(--is-large, 1)*max(1rem, -1 * 1rem),var(--is-medium, 1)*max(1rem, -1 * 1rem),var(--is-small, 1)*max(0.75rem, -1 * 0.75rem));padding-block:max(var(--is-large, 1)*max(0.8125rem, -1 * 0.8125rem),var(--is-medium, 1)*max(0.8125rem, -1 * 0.8125rem),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem));padding-inline:max(var(--is-large, 1)*max(1.25rem, -1 * 1.25rem),var(--is-medium, 1)*max(1rem, -1 * 1rem),var(--is-small, 1)*max(0.75rem, -1 * 0.75rem))}::slotted([slot=title]){font-family:var(--ig-h6-font-family, var(--ig-font-family));font-size:var(--ig-h6-font-size);font-weight:var(--ig-h6-font-weight);font-style:var(--ig-h6-font-style);line-height:var(--ig-h6-line-height);letter-spacing:var(--ig-h6-letter-spacing);text-transform:var(--ig-h6-text-transform);margin-top:var(--ig-h6-margin-top);margin-bottom:var(--ig-h6-margin-bottom);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:0;min-width:2ch}[part=actions]{display:flex;gap:.5rem;margin-inline-start:auto}`;
|
|
3
|
+
//# sourceMappingURL=tile-header.base.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tile-header.base.css.js","sourceRoot":"","sources":["../../../../src/components/tile-manager/themes/tile-header.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,w9DAAw9D,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}[part=header]{display:flex;align-items:center;gap:max(var(--is-large, 1)*max(1rem, -1 * 1rem),var(--is-medium, 1)*max(1rem, -1 * 1rem),var(--is-small, 1)*max(0.75rem, -1 * 0.75rem));padding-block:max(var(--is-large, 1)*max(0.8125rem, -1 * 0.8125rem),var(--is-medium, 1)*max(0.8125rem, -1 * 0.8125rem),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem));padding-inline:max(var(--is-large, 1)*max(1.25rem, -1 * 1.25rem),var(--is-medium, 1)*max(1rem, -1 * 1rem),var(--is-small, 1)*max(0.75rem, -1 * 0.75rem))}::slotted([slot=title]){font-family:var(--ig-h6-font-family, var(--ig-font-family));font-size:var(--ig-h6-font-size);font-weight:var(--ig-h6-font-weight);font-style:var(--ig-h6-font-style);line-height:var(--ig-h6-line-height);letter-spacing:var(--ig-h6-letter-spacing);text-transform:var(--ig-h6-text-transform);margin-top:var(--ig-h6-margin-top);margin-bottom:var(--ig-h6-margin-bottom);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:0;min-width:2ch}[part=actions]{display:flex;gap:.5rem;margin-inline-start:auto}`;\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const styles: import("lit").CSSResult;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:block;--ig-min-col-width: 200px;--ig-min-row-height: 200px}[part~=base]{display:grid;position:relative;padding:1.25rem;width:100%;height:100%;grid-template-columns:repeat(var(--ig-column-count, auto-fit), minmax(var(--ig-min-col-width), 1fr));grid-auto-rows:minmax(var(--ig-min-row-height), auto);grid-gap:var(--ig-gap, 0.625rem);grid-auto-flow:dense;overflow:auto hidden}[part~=maximized-tile]{overflow:clip}`;
|
|
3
|
+
//# sourceMappingURL=tile-manager.base.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tile-manager.base.css.js","sourceRoot":"","sources":["../../../../src/components/tile-manager/themes/tile-manager.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,i3CAAi3C,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:block;--ig-min-col-width: 200px;--ig-min-row-height: 200px}[part~=base]{display:grid;position:relative;padding:1.25rem;width:100%;height:100%;grid-template-columns:repeat(var(--ig-column-count, auto-fit), minmax(var(--ig-min-col-width), 1fr));grid-auto-rows:minmax(var(--ig-min-row-height), auto);grid-gap:var(--ig-gap, 0.625rem);grid-auto-flow:dense;overflow:auto hidden}[part~=maximized-tile]{overflow:clip}`;\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const styles: import("lit").CSSResult;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:block;position:relative;grid-column:var(--ig-col-start, auto)/span var(--ig-col-span, 1);grid-row:var(--ig-row-start, auto)/span var(--ig-row-span, 1)}:host(:hover) igc-resize{--resize-visibility: visible}:host([part=resizing]) igc-resize,:host([part=dragging]) igc-resize{--resize-visibility: hidden}[part~=tile-container]{width:100%;height:100%}[part~=base]{width:100%;height:100%;overflow:hidden}[part=content-container]{display:block;border-radius:inherit}[part=content-container] ::slotted(*){font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom);margin:0}:host([maximized]){position:absolute;inset:0;width:100%;height:100%;z-index:10;grid-column:unset;grid-row:unset}:host([maximized]) [part~=base]{width:100%;height:100%}[part=ghost]{position:absolute;top:0;left:0;width:100%;height:100%;transform:scale(0);z-index:10}`;
|
|
3
|
+
//# sourceMappingURL=tile.base.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tile.base.css.js","sourceRoot":"","sources":["../../../../src/components/tile-manager/themes/tile.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2mEAA2mE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:block;position:relative;grid-column:var(--ig-col-start, auto)/span var(--ig-col-span, 1);grid-row:var(--ig-row-start, auto)/span var(--ig-row-span, 1)}:host(:hover) igc-resize{--resize-visibility: visible}:host([part=resizing]) igc-resize,:host([part=dragging]) igc-resize{--resize-visibility: hidden}[part~=tile-container]{width:100%;height:100%}[part~=base]{width:100%;height:100%;overflow:hidden}[part=content-container]{display:block;border-radius:inherit}[part=content-container] ::slotted(*){font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom);margin:0}:host([maximized]){position:absolute;inset:0;width:100%;height:100%;z-index:10;grid-column:unset;grid-row:unset}:host([maximized]) [part~=base]{width:100%;height:100%}[part=ghost]{position:absolute;top:0;left:0;width:100%;height:100%;transform:scale(0);z-index:10}`;\n"]}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
import { styles as indigo } from './shared/tile/tile.indigo.css.js';
|
|
3
|
+
const light = {
|
|
4
|
+
indigo: css `
|
|
5
|
+
${indigo}
|
|
6
|
+
`,
|
|
7
|
+
};
|
|
8
|
+
const dark = {
|
|
9
|
+
indigo: css `
|
|
10
|
+
${indigo}
|
|
11
|
+
`,
|
|
12
|
+
};
|
|
13
|
+
export const all = { light, dark };
|
|
14
|
+
//# sourceMappingURL=tile.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tile.js","sourceRoot":"","sources":["../../../../src/components/tile-manager/themes/tile.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAEpE,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '../../../theming/types.js';\n// Shared Styles\nimport { styles as indigo } from './shared/tile/tile.indigo.css.js';\n\nconst light = {\n indigo: css`\n ${indigo}\n `,\n};\n\nconst dark = {\n indigo: css`\n ${indigo}\n `,\n};\n\nexport const all: Themes = { light, dark };\n"]}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
/** A container for tile's header
|
|
3
|
+
* @element igc-tile-header
|
|
4
|
+
*
|
|
5
|
+
* @slot title - Renders the tile title
|
|
6
|
+
* @slot actions - Renders the tile actions
|
|
7
|
+
*
|
|
8
|
+
* @csspart header - The tile header container
|
|
9
|
+
* @csspart title - The tile title container
|
|
10
|
+
* @csspart actions - The tile actions container
|
|
11
|
+
*/
|
|
12
|
+
export default class IgcTileHeaderComponent extends LitElement {
|
|
13
|
+
static readonly tagName = "igc-tile-header";
|
|
14
|
+
static styles: import("lit").CSSResult[];
|
|
15
|
+
static register(): void;
|
|
16
|
+
private _tileContext?;
|
|
17
|
+
private get _tile();
|
|
18
|
+
private get _isMaximized();
|
|
19
|
+
private get _isFullscreen();
|
|
20
|
+
protected createRenderRoot(): HTMLElement | DocumentFragment;
|
|
21
|
+
private handleFullscreen;
|
|
22
|
+
private handleMaximize;
|
|
23
|
+
private emitMaximizedEvent;
|
|
24
|
+
protected _renderAction({ icon, handler, }: {
|
|
25
|
+
icon: string;
|
|
26
|
+
handler: () => unknown;
|
|
27
|
+
}): import("lit-html").TemplateResult<1>;
|
|
28
|
+
protected render(): import("lit-html").TemplateResult<1>;
|
|
29
|
+
}
|
|
30
|
+
declare global {
|
|
31
|
+
interface HTMLElementTagNameMap {
|
|
32
|
+
'igc-tile-header': IgcTileHeaderComponent;
|
|
33
|
+
}
|
|
34
|
+
}
|
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
+
};
|
|
7
|
+
var IgcTileHeaderComponent_1;
|
|
8
|
+
import { consume } from '@lit/context';
|
|
9
|
+
import { LitElement, html, nothing } from 'lit';
|
|
10
|
+
import { themes } from '../../theming/theming-decorator.js';
|
|
11
|
+
import IgcIconButtonComponent from '../button/icon-button.js';
|
|
12
|
+
import { tileContext } from '../common/context.js';
|
|
13
|
+
import { registerComponent } from '../common/definitions/register.js';
|
|
14
|
+
import IgcDividerComponent from '../divider/divider.js';
|
|
15
|
+
import { all } from './themes/header.js';
|
|
16
|
+
import { styles as shared } from './themes/shared/header/tile-header.common.css.js';
|
|
17
|
+
import { styles } from './themes/tile-header.base.css.js';
|
|
18
|
+
let IgcTileHeaderComponent = IgcTileHeaderComponent_1 = class IgcTileHeaderComponent extends LitElement {
|
|
19
|
+
static register() {
|
|
20
|
+
registerComponent(IgcTileHeaderComponent_1, IgcIconButtonComponent, IgcDividerComponent);
|
|
21
|
+
}
|
|
22
|
+
get _tile() {
|
|
23
|
+
return this._tileContext?.instance;
|
|
24
|
+
}
|
|
25
|
+
get _isMaximized() {
|
|
26
|
+
return this._tile ? this._tile.maximized : false;
|
|
27
|
+
}
|
|
28
|
+
get _isFullscreen() {
|
|
29
|
+
return this._tile ? this._tile.fullscreen : false;
|
|
30
|
+
}
|
|
31
|
+
createRenderRoot() {
|
|
32
|
+
const root = super.createRenderRoot();
|
|
33
|
+
root.addEventListener('slotchange', () => this.requestUpdate());
|
|
34
|
+
return root;
|
|
35
|
+
}
|
|
36
|
+
handleFullscreen() {
|
|
37
|
+
if (this._tileContext) {
|
|
38
|
+
this._tileContext.setFullscreenState(!this._isFullscreen, true);
|
|
39
|
+
this.requestUpdate();
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
handleMaximize() {
|
|
43
|
+
if (!this.emitMaximizedEvent()) {
|
|
44
|
+
return;
|
|
45
|
+
}
|
|
46
|
+
if (this._tile) {
|
|
47
|
+
this._tile.maximized = !this._tile.maximized;
|
|
48
|
+
this.requestUpdate();
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
emitMaximizedEvent() {
|
|
52
|
+
return this._tile?.emitEvent('igcTileMaximize', {
|
|
53
|
+
detail: { tile: this._tile, state: !this._tile.maximized },
|
|
54
|
+
cancelable: true,
|
|
55
|
+
});
|
|
56
|
+
}
|
|
57
|
+
_renderAction({ icon, handler, }) {
|
|
58
|
+
return html `
|
|
59
|
+
<igc-icon-button
|
|
60
|
+
variant="flat"
|
|
61
|
+
collection="default"
|
|
62
|
+
exportparts="icon"
|
|
63
|
+
name=${icon}
|
|
64
|
+
aria-label=${icon}
|
|
65
|
+
@click=${handler}
|
|
66
|
+
></igc-icon-button>
|
|
67
|
+
`;
|
|
68
|
+
}
|
|
69
|
+
render() {
|
|
70
|
+
const maximize = {
|
|
71
|
+
icon: this._isMaximized ? 'collapse_content' : 'expand_content',
|
|
72
|
+
handler: this.handleMaximize,
|
|
73
|
+
};
|
|
74
|
+
const fullscreen = {
|
|
75
|
+
icon: this._isFullscreen ? 'fullscreen_exit' : 'fullscreen',
|
|
76
|
+
handler: this.handleFullscreen,
|
|
77
|
+
};
|
|
78
|
+
return html `
|
|
79
|
+
<div part="header">
|
|
80
|
+
<slot part="title" name="title"></slot>
|
|
81
|
+
<section part="actions">
|
|
82
|
+
<slot name="default-actions">
|
|
83
|
+
<slot name="maximize-action">
|
|
84
|
+
${!this._isFullscreen ? this._renderAction(maximize) : nothing}
|
|
85
|
+
</slot>
|
|
86
|
+
<slot name="fullscreen-action">
|
|
87
|
+
${this._renderAction(fullscreen)}
|
|
88
|
+
</slot>
|
|
89
|
+
</slot>
|
|
90
|
+
<slot name="actions"></slot>
|
|
91
|
+
</section>
|
|
92
|
+
</div>
|
|
93
|
+
<igc-divider></igc-divider>
|
|
94
|
+
`;
|
|
95
|
+
}
|
|
96
|
+
};
|
|
97
|
+
IgcTileHeaderComponent.tagName = 'igc-tile-header';
|
|
98
|
+
IgcTileHeaderComponent.styles = [styles, shared];
|
|
99
|
+
__decorate([
|
|
100
|
+
consume({ context: tileContext, subscribe: true })
|
|
101
|
+
], IgcTileHeaderComponent.prototype, "_tileContext", void 0);
|
|
102
|
+
IgcTileHeaderComponent = IgcTileHeaderComponent_1 = __decorate([
|
|
103
|
+
themes(all)
|
|
104
|
+
], IgcTileHeaderComponent);
|
|
105
|
+
export default IgcTileHeaderComponent;
|
|
106
|
+
//# sourceMappingURL=tile-header.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tile-header.js","sourceRoot":"","sources":["../../../src/components/tile-manager/tile-header.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,sBAAsB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAoB,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,kDAAkD,CAAC;AACpF,OAAO,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAa3C,IAAM,sBAAsB,8BAA5B,MAAM,sBAAuB,SAAQ,UAAU;IAKrD,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CACf,wBAAsB,EACtB,sBAAsB,EACtB,mBAAmB,CACpB,CAAC;IACJ,CAAC;IAKD,IAAY,KAAK;QACf,OAAO,IAAI,CAAC,YAAY,EAAE,QAAQ,CAAC;IACrC,CAAC;IAED,IAAY,YAAY;QACtB,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC;IACnD,CAAC;IAED,IAAY,aAAa;QACvB,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC;IACpD,CAAC;IAEkB,gBAAgB;QACjC,MAAM,IAAI,GAAG,KAAK,CAAC,gBAAgB,EAAE,CAAC;QACtC,IAAI,CAAC,gBAAgB,CAAC,YAAY,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;QAChE,OAAO,IAAI,CAAC;IACd,CAAC;IAEO,gBAAgB;QACtB,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;YACtB,IAAI,CAAC,YAAY,CAAC,kBAAkB,CAAC,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC;YAEhE,IAAI,CAAC,aAAa,EAAE,CAAC;QACvB,CAAC;IACH,CAAC;IAEO,cAAc;QACpB,IAAI,CAAC,IAAI,CAAC,kBAAkB,EAAE,EAAE,CAAC;YAC/B,OAAO;QACT,CAAC;QAED,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YACf,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC;YAE7C,IAAI,CAAC,aAAa,EAAE,CAAC;QACvB,CAAC;IACH,CAAC;IAEO,kBAAkB;QACxB,OAAO,IAAI,CAAC,KAAK,EAAE,SAAS,CAAC,iBAAiB,EAAE;YAC9C,MAAM,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE;YAC1D,UAAU,EAAE,IAAI;SACjB,CAAC,CAAC;IACL,CAAC;IAES,aAAa,CAAC,EACtB,IAAI,EACJ,OAAO,GAIR;QACC,OAAO,IAAI,CAAA;;;;;eAKA,IAAI;qBACE,IAAI;iBACR,OAAO;;KAEnB,CAAC;IACJ,CAAC;IAEkB,MAAM;QACvB,MAAM,QAAQ,GAAG;YACf,IAAI,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,gBAAgB;YAC/D,OAAO,EAAE,IAAI,CAAC,cAAc;SAC7B,CAAC;QACF,MAAM,UAAU,GAAG;YACjB,IAAI,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,YAAY;YAC3D,OAAO,EAAE,IAAI,CAAC,gBAAgB;SAC/B,CAAC;QAEF,OAAO,IAAI,CAAA;;;;;;gBAMC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,OAAO;;;gBAG5D,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC;;;;;;;KAOzC,CAAC;IACJ,CAAC;;AA1GsB,8BAAO,GAAG,iBAAiB,AAApB,CAAqB;AAC5B,6BAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;AAYzC;IADP,OAAO,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;4DAChB;AAdhB,sBAAsB;IAD1C,MAAM,CAAC,GAAG,CAAC;GACS,sBAAsB,CA4G1C;eA5GoB,sBAAsB","sourcesContent":["import { consume } from '@lit/context';\nimport { LitElement, html, nothing } from 'lit';\nimport { themes } from '../../theming/theming-decorator.js';\nimport IgcIconButtonComponent from '../button/icon-button.js';\nimport { type TileContext, tileContext } from '../common/context.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport IgcDividerComponent from '../divider/divider.js';\nimport { all } from './themes/header.js';\nimport { styles as shared } from './themes/shared/header/tile-header.common.css.js';\nimport { styles } from './themes/tile-header.base.css.js';\n\n/** A container for tile's header\n * @element igc-tile-header\n *\n * @slot title - Renders the tile title\n * @slot actions - Renders the tile actions\n *\n * @csspart header - The tile header container\n * @csspart title - The tile title container\n * @csspart actions - The tile actions container\n */\n@themes(all)\nexport default class IgcTileHeaderComponent extends LitElement {\n public static readonly tagName = 'igc-tile-header';\n public static override styles = [styles, shared];\n\n /* blazorSuppress */\n public static register() {\n registerComponent(\n IgcTileHeaderComponent,\n IgcIconButtonComponent,\n IgcDividerComponent\n );\n }\n\n @consume({ context: tileContext, subscribe: true })\n private _tileContext?: TileContext;\n\n private get _tile() {\n return this._tileContext?.instance;\n }\n\n private get _isMaximized() {\n return this._tile ? this._tile.maximized : false;\n }\n\n private get _isFullscreen() {\n return this._tile ? this._tile.fullscreen : false;\n }\n\n protected override createRenderRoot() {\n const root = super.createRenderRoot();\n root.addEventListener('slotchange', () => this.requestUpdate());\n return root;\n }\n\n private handleFullscreen() {\n if (this._tileContext) {\n this._tileContext.setFullscreenState(!this._isFullscreen, true);\n // REVIEW: Leave the `requestUpdate` call or trigger through `setValue` from the tile context?\n this.requestUpdate();\n }\n }\n\n private handleMaximize() {\n if (!this.emitMaximizedEvent()) {\n return;\n }\n\n if (this._tile) {\n this._tile.maximized = !this._tile.maximized;\n // REVIEW: Leave the `requestUpdate` call or trigger through `setValue` from the tile context?\n this.requestUpdate();\n }\n }\n\n private emitMaximizedEvent() {\n return this._tile?.emitEvent('igcTileMaximize', {\n detail: { tile: this._tile, state: !this._tile.maximized },\n cancelable: true,\n });\n }\n\n protected _renderAction({\n icon,\n handler,\n }: {\n icon: string;\n handler: () => unknown;\n }) {\n return html`\n <igc-icon-button\n variant=\"flat\"\n collection=\"default\"\n exportparts=\"icon\"\n name=${icon}\n aria-label=${icon}\n @click=${handler}\n ></igc-icon-button>\n `;\n }\n\n protected override render() {\n const maximize = {\n icon: this._isMaximized ? 'collapse_content' : 'expand_content',\n handler: this.handleMaximize,\n };\n const fullscreen = {\n icon: this._isFullscreen ? 'fullscreen_exit' : 'fullscreen',\n handler: this.handleFullscreen,\n };\n\n return html`\n <div part=\"header\">\n <slot part=\"title\" name=\"title\"></slot>\n <section part=\"actions\">\n <slot name=\"default-actions\">\n <slot name=\"maximize-action\">\n ${!this._isFullscreen ? this._renderAction(maximize) : nothing}\n </slot>\n <slot name=\"fullscreen-action\">\n ${this._renderAction(fullscreen)}\n </slot>\n </slot>\n <slot name=\"actions\"></slot>\n </section>\n </div>\n <igc-divider></igc-divider>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-tile-header': IgcTileHeaderComponent;\n }\n}\n"]}
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
import type { Constructor } from '../common/mixins/constructor.js';
|
|
3
|
+
import IgcTileComponent from './tile.js';
|
|
4
|
+
export interface IgcTileManagerComponentEventMap {
|
|
5
|
+
igcTileDragStarted: CustomEvent<IgcTileComponent>;
|
|
6
|
+
}
|
|
7
|
+
declare const IgcTileManagerComponent_base: Constructor<import("../common/mixins/event-emitter.js").EventEmitterInterface<IgcTileManagerComponentEventMap>> & Constructor<LitElement>;
|
|
8
|
+
/**
|
|
9
|
+
* The tile manager component enables the dynamic arrangement, resizing, and interaction of tiles.
|
|
10
|
+
*
|
|
11
|
+
* @element igc-tile-manager
|
|
12
|
+
*
|
|
13
|
+
* @fires igcTileDragStarted - Fired when an owning tile begins a drag operation.
|
|
14
|
+
*/
|
|
15
|
+
export default class IgcTileManagerComponent extends IgcTileManagerComponent_base {
|
|
16
|
+
static readonly tagName = "igc-tile-manager";
|
|
17
|
+
static styles: import("lit").CSSResult[];
|
|
18
|
+
protected static shadowRootOptions: ShadowRootInit;
|
|
19
|
+
static register(): void;
|
|
20
|
+
private _internalStyles;
|
|
21
|
+
private _columnCount;
|
|
22
|
+
private _gap?;
|
|
23
|
+
private _minColWidth?;
|
|
24
|
+
private _minRowHeight?;
|
|
25
|
+
private _draggedItem;
|
|
26
|
+
private _lastSwapTile;
|
|
27
|
+
private _serializer;
|
|
28
|
+
private _tilesState;
|
|
29
|
+
private _context;
|
|
30
|
+
private _setManagerContext;
|
|
31
|
+
private _observerCallback;
|
|
32
|
+
/**
|
|
33
|
+
* Determines whether the tiles slide or swap on drop.
|
|
34
|
+
* @attr drag-mode
|
|
35
|
+
*/
|
|
36
|
+
dragMode: 'slide' | 'swap';
|
|
37
|
+
/**
|
|
38
|
+
* Sets the number of columns for the tile manager.
|
|
39
|
+
* Setting value <= than zero will trigger a responsive layout.
|
|
40
|
+
*
|
|
41
|
+
* @attr column-count
|
|
42
|
+
* @default 0
|
|
43
|
+
*/
|
|
44
|
+
set columnCount(value: number);
|
|
45
|
+
get columnCount(): number;
|
|
46
|
+
/**
|
|
47
|
+
* Sets the minimum width for a column unit in the tile manager.
|
|
48
|
+
* @attr min-column-width
|
|
49
|
+
*/
|
|
50
|
+
set minColumnWidth(value: string | undefined);
|
|
51
|
+
get minColumnWidth(): string | undefined;
|
|
52
|
+
/**
|
|
53
|
+
* Sets the minimum height for a row unit in the tile manager.
|
|
54
|
+
* @attr min-row-height
|
|
55
|
+
*/
|
|
56
|
+
set minRowHeight(value: string | undefined);
|
|
57
|
+
get minRowHeight(): string | undefined;
|
|
58
|
+
/**
|
|
59
|
+
* Sets the gap size of the the tile manager.
|
|
60
|
+
*/
|
|
61
|
+
set gap(value: string | undefined);
|
|
62
|
+
get gap(): string | undefined;
|
|
63
|
+
/**
|
|
64
|
+
* Gets the tiles sorted by their position in the layout.
|
|
65
|
+
* @attr
|
|
66
|
+
*/
|
|
67
|
+
get tiles(): IgcTileComponent[];
|
|
68
|
+
constructor();
|
|
69
|
+
protected firstUpdated(): void;
|
|
70
|
+
private handleTileDragStart;
|
|
71
|
+
private handleTileDragEnd;
|
|
72
|
+
private handleDragOver;
|
|
73
|
+
private handleDrop;
|
|
74
|
+
saveLayout(): string;
|
|
75
|
+
loadLayout(data: string): void;
|
|
76
|
+
protected render(): import("lit-html").TemplateResult<1>;
|
|
77
|
+
}
|
|
78
|
+
declare global {
|
|
79
|
+
interface HTMLElementTagNameMap {
|
|
80
|
+
'igc-tile-manager': IgcTileManagerComponent;
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
export {};
|