ids-enterprise-wc 1.15.9-patch.18 → 1.15.9-patch.19

package/components/ids-card/ids-card.css

@@ -1,5 +1,345 @@
-/* Ids Card Action */
-:root {
-  margin-inline-start: auto;
+/* Ids Card Component */
+.ids-card {
+  background-color: var(--ids-card-color-background);
+  border: 1px solid var(--ids-card-color-border);
+  border-radius: var(--ids-card-border-radius);
+  box-shadow: var(--ids-card-shadow);
+  margin-block-end: var(--ids-card-margin-bottom);
+  height: max-content;
+  overflow: hidden;
+  position: relative;
+  width: var(--ids-card-width);
 }
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2J1aWxkcy9pbmZvci1kZXNpZ24vZW50ZXJwcmlzZS13Yy9zcmMvY29tcG9uZW50cy9pZHMtY2FyZCIsInNvdXJjZXMiOlsiaWRzLWNhcmQtYWN0aW9uLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7QUFDQTtFQUNFIiwic291cmNlc0NvbnRlbnQiOlsiLyogSWRzIENhcmQgQWN0aW9uICovXG46aG9zdCB7XG4gIG1hcmdpbi1pbmxpbmUtc3RhcnQ6IGF1dG87XG59XG4iXX0= */
+.ids-card .ids-card-content {
+  height: var(--ids-card-content-height);
+  overflow: auto;
+  width: 100%;
+  overflow-x: hidden;
+  position: relative;
+}
+.ids-card .ids-card-content.overflow-hidden {
+  overflow: hidden;
+}
+.ids-card .ids-card-content.has-data-grid {
+  overflow: hidden;
+}
+.ids-card .ids-card-content.has-data-grid ::slotted([slot=card-content]) {
+  height: calc(100% + 3px);
+  display: block;
+}
+.ids-card.shadowed {
+  border: 1px solid transparent;
+}
+.ids-card-checkbox {
+  position: absolute;
+  display: flex;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  width: 50px;
+  align-items: center;
+  justify-content: center;
+}
+.ids-card.is-selectable {
+  cursor: var(--ids-cursor-pointer);
+}
+.ids-card.is-selected {
+  background-color: var(--ids-card-color-background-selected);
+  outline: 2px solid var(--ids-card-color-border-selected);
+  outline-offset: -1px;
+}
+.ids-card .hidden {
+  display: none;
+}
+
+.ids-card-header {
+  align-items: center;
+  color: var(--ids-card-header-title-color);
+  display: flex;
+  padding-inline-start: var(--ids-card-header-padding-inline-start);
+  padding-inline-end: var(--ids-card-header-padding-inline-start);
+  height: var(--ids-card-header-height);
+}
+
+.ids-card-subheader {
+  align-items: flex-start;
+  color: var(--ids-card-header-title-color);
+  display: flex;
+  flex-direction: column;
+  height: auto;
+  padding-inline-start: var(--ids-card-header-padding-inline-start);
+  padding-inline-end: var(--ids-card-header-padding-inline-start);
+}
+
+::slotted([slot=card-header]) {
+  display: block;
+  align-items: center;
+  position: relative;
+  width: 100%;
+}
+
+::slotted([slot=card-subheader]) {
+  display: flex;
+  align-items: center;
+  padding-block-end: var(--ids-card-subheader-padding-block-end);
+  position: relative;
+  width: 100%;
+}
+
+::slotted([slot=card-subheader]:first-child) {
+  padding-block-start: 0;
+}
+
+:host([no-header]) .ids-card-header {
+  display: none;
+}
+
+:host([shadowed]) .ids-card {
+  border: 1px solid var(--ids-box-shadowed-color-border);
+  overflow-x: hidden;
+}
+
+.ids-card-footer {
+  padding: 3px 0;
+  display: none;
+  bottom: 0;
+  border-top: 1px solid var(--ids-card-divider-color-border);
+  min-height: var(--ids-card-footer-height);
+  overflow: hidden;
+  width: 100%;
+}
+.ids-card-footer.no-padding {
+  padding: 0;
+}
+
+:host([height]) .ids-card {
+  height: 100%;
+}
+:host([height]) .ids-card .ids-card-content {
+  height: calc(100% - 48px);
+}
+:host([height]) .has-footer .ids-card-content {
+  height: calc(100% - 100px);
+}
+
+.has-footer .ids-card-content {
+  height: 260px;
+}
+.has-footer .ids-card-footer {
+  display: flex;
+  align-content: center;
+  align-items: center;
+  flex-direction: row;
+  flex-wrap: wrap;
+  justify-content: center;
+  overflow-x: hidden;
+}
+
+:host([auto-fit]) .ids-card {
+  box-sizing: border-box;
+  height: 100%;
+  margin: 0;
+  display: flex;
+  flex-direction: column;
+  min-height: auto;
+}
+:host([auto-fit]) .ids-card .ids-card-content {
+  height: unset;
+}
+
+:host([auto-height]) .ids-card {
+  min-height: auto;
+  height: auto;
+}
+:host([auto-height]) .ids-card .ids-card-content {
+  height: auto;
+}
+:host([auto-height]) .ids-card ids-button,
+:host([auto-height]) .ids-card ids-hyperlink {
+  height: auto;
+}
+:host([auto-height]) .ids-card ids-button::part(button),
+:host([auto-height]) .ids-card ids-hyperlink::part(link) {
+  height: auto;
+}
+
+:host([borderless]) .ids-card {
+  border-color: var(--ids-color-transparent);
+  box-shadow: none;
+}
+:host([borderless]) .ids-card:hover {
+  border-color: transparent;
+}
+
+:host([actionable]) ids-hyperlink {
+  height: 50px;
+}
+:host([actionable]) ids-hyperlink::part(link) {
+  box-sizing: border-box;
+  border: none;
+  color: var(--ids-card-color-text-default);
+  display: flex;
+  margin: 0;
+  padding: 0;
+  text-align: center;
+  text-decoration: none;
+  width: 100%;
+  white-space: normal;
+}
+:host([actionable]) ids-hyperlink::part(link):hover {
+  color: var(--ids-card-color-text-hover);
+}
+
+:host .flex-content,
+:host ::slotted(.flex-content) {
+  display: flex;
+  align-items: center;
+  padding: 15px var(--ids-space-sm);
+  gap: var(--ids-space-sm);
+}
+
+:host([actionable]) .ids-card {
+  contain: unset;
+  height: auto;
+  transition: var(--ids-motion-duration) var(--ids-motion-ease);
+}
+:host([actionable]) .ids-card:hover {
+  border: 1px solid var(--ids-card-color-border-hover);
+}
+:host([actionable]) .ids-card:not(.hide-focus):focus-within {
+  border: 1px solid var(--ids-card-color-border-focus);
+  box-shadow: var(--ids-shadow-30);
+}
+:host([actionable]) .ids-card ::slotted([slot=card-content]) {
+  pointer-events: none;
+  width: 100%;
+}
+:host([actionable]) .ids-card ids-button {
+  align-items: center;
+  height: 50px;
+  width: 100%;
+}
+:host([actionable]) .ids-card ids-hyperlink::part(link),
+:host([actionable]) .ids-card ids-button::part(button) {
+  align-items: center;
+  border: 1px solid transparent;
+  background-color: var(--ids-color-transparent);
+  height: 50px;
+}
+:host([actionable]) .ids-card ids-hyperlink::part(link):hover,
+:host([actionable]) .ids-card ids-button::part(button):hover {
+  background-color: var(--ids-color-transparent);
+  color: var(--ids-button-tertiary-color-text-default);
+}
+
+.ids-card-body {
+  width: 100%;
+  overflow-x: hidden;
+  height: inherit;
+}
+.ids-card-body.has-checkbox {
+  padding-inline-start: 50px;
+  width: calc(100% - 50px);
+}
+
+::slotted([slot=card-content].fixed-height) {
+  align-items: center;
+  box-sizing: border-box;
+  cursor: pointer;
+  display: flex;
+  flex-direction: column;
+  height: inherit;
+  justify-content: center;
+  padding: 0 var(--ids-space-xs);
+  text-align: center;
+  width: 100%;
+}
+
+:host([draggable]) {
+  width: var(--ids-card-width);
+  z-index: 1;
+  transition: var(--ids-motion-duration) var(--ids-motion-ease);
+}
+:host([draggable]) .ids-card {
+  border: 1px solid var(--ids-card-color-border-draggable);
+  box-shadow: none;
+  height: auto;
+  min-height: auto;
+  cursor: move;
+  overflow-x: hidden;
+}
+:host([draggable]) .ids-card .ids-card-header {
+  min-height: 56px;
+}
+:host([draggable]) .ids-card .ids-card-header slot[name=card-header] {
+  display: flex;
+  align-items: center;
+  gap: 20px;
+}
+:host([draggable]) .ids-card:hover {
+  background-color: var(--ids-card-color-background-hover);
+  color: var(--ids-card-color-text-hover);
+}
+:host([draggable]) .ids-card:hover .ids-card-header slot[name=card-header] {
+  color: var(--ids-card-color-text-hover);
+}
+:host([draggable]) .ids-card.is-overlapping {
+  cursor: no-drop;
+}
+:host([draggable]) .ids-card.is-dropped {
+  z-index: 99;
+  width: var(--ids-card-width-dropped, var(--ids-card-width));
+  height: var(--ids-card-height-dropped, "auto");
+  background-color: var(--ids-card-color-background-dropped, #F5F5F5);
+  opacity: 0.8;
+}
+:host([draggable]) .ids-card.is-dropped .ids-card-header slot[name=card-header] {
+  color: var(--ids-card-color-text-default);
+}
+:host([draggable]) .ids-card.is-dragging {
+  z-index: 999;
+  width: var(--ids-card-width-dragged, var(--ids-card-width));
+  height: var(--ids-card-height-dragged, "auto");
+  background-color: var(--ids-card-color-background-dragged, #F5F5F5);
+  opacity: 0.8;
+}
+:host([draggable]) .ids-card.is-dragging .ids-card-header slot[name=card-header] {
+  color: var(--ids-card-color-text-default);
+}
+:host([draggable]) .ids-card.is-fixed.is-dropped, :host([draggable]) .ids-card.is-fixed.is-dragging {
+  position: absolute;
+  justify-content: center;
+}
+:host([draggable]) .ids-card.is-fixed.is-dropped .ids-card-header, :host([draggable]) .ids-card.is-fixed.is-dragging .ids-card-header {
+  justify-content: center;
+  align-items: center;
+}
+
+:host([draggable][is-dragging]) {
+  z-index: 99;
+  transition: none;
+}
+
+:host([draggable][dropped]) {
+  z-index: 9;
+  transition: none;
+}
+
+:host([disabled]) .ids-card {
+  pointer-events: none;
+  opacity: 0.5;
+}
+
+:host([actionable][height]) .ids-card ids-hyperlink {
+  height: inherit;
+}
+:host([actionable][height]) .ids-card ids-hyperlink::part(link) {
+  height: inherit;
+}
+:host([actionable][height]) .ids-card ids-button {
+  height: inherit;
+}
+:host([actionable][height]) .ids-card ids-button::part(button) {
+  height: inherit;
+}
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2J1aWxkcy9pbmZvci1kZXNpZ24vZW50ZXJwcmlzZS13Yy9zcmMvY29tcG9uZW50cy9pZHMtY2FyZCIsInNvdXJjZXMiOlsiaWRzLWNhcmQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtBQUVBO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUVBO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFFQTtFQUNFOztBQUdGO0VBQ0U7O0FBRUE7RUFDRTtFQUNBOztBQUtOO0VBQ0U7O0FBR0Y7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUdGO0VBQ0U7O0FBR0Y7RUFDRTtFQUNBO0VBQ0E7O0FBR0Y7RUFDRTs7O0FBS0o7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7OztBQUdGO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7OztBQUdGO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7OztBQUdGO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7O0FBR0Y7RUFDRTs7O0FBSUE7RUFDRTs7O0FBS0Y7RUFDRTtFQUNBOzs7QUFLSjtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUVBO0VBQ0U7OztBQUtGO0VBQ0U7O0FBRUE7RUFDRTs7QUFJSjtFQUNFOzs7QUFLRjtFQUNFOztBQUdGO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7OztBQU1GO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUVBO0VBQ0U7OztBQU9KO0VBQ0U7RUFDQTs7QUFFQTtFQUNFOztBQUdGO0FBQUE7RUFFRTs7QUFHRjtBQUFBO0VBRUU7OztBQU1KO0VBQ0U7RUFDQTs7QUFFQTtFQUNFOzs7QUFNTjtFQUNFOztBQUVBO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBRUE7RUFDRTs7O0FBTUo7QUFBQTtFQUVFO0VBQ0E7RUFDQTtFQUNBOzs7QUFLSjtFQUNFO0VBQ0E7RUFDQTs7QUFFQTtFQUNFOztBQUdGO0VBQ0U7RUFDQTs7QUFHRjtFQUNFO0VBQ0E7O0FBR0Y7RUFDRTtFQUNBO0VBQ0E7O0FBR0Y7QUFBQTtFQUVFO0VBQ0E7RUFDQTtFQUNBOztBQUVBO0FBQUE7RUFDRTtFQUNBOzs7QUFNTjtFQUNFO0VBQ0E7RUFDQTs7QUFFQTtFQUNFO0VBQ0E7OztBQUlKO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7OztBQUdGO0VBQ0U7RUFDQTtFQUNBOztBQUVBO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUVBO0VBQ0U7O0FBRUE7RUFDRTtFQUNBO0VBQ0E7O0FBSUo7RUFDRTtFQUNBOztBQUdFO0VBQ0U7O0FBS047RUFDRTs7QUFHRjtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBR0U7RUFDRTs7QUFLTjtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBR0U7RUFDRTs7QUFNSjtFQUNFO0VBQ0E7O0FBRUE7RUFDRTtFQUNBOzs7QUFPVjtFQUNFO0VBQ0E7OztBQUdGO0VBQ0U7RUFDQTs7O0FBSUE7RUFDRTtFQUNBOzs7QUFLRjtFQUNFOztBQUdGO0VBQ0U7O0FBR0Y7RUFDRTs7QUFHRjtFQUNFIiwic291cmNlc0NvbnRlbnQiOlsiLyogSWRzIENhcmQgQ29tcG9uZW50ICovXG5cbi5pZHMtY2FyZCB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWlkcy1jYXJkLWNvbG9yLWJhY2tncm91bmQpO1xuICBib3JkZXI6IDFweCBzb2xpZCB2YXIoLS1pZHMtY2FyZC1jb2xvci1ib3JkZXIpO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1pZHMtY2FyZC1ib3JkZXItcmFkaXVzKTtcbiAgYm94LXNoYWRvdzogdmFyKC0taWRzLWNhcmQtc2hhZG93KTtcbiAgbWFyZ2luLWJsb2NrLWVuZDogdmFyKC0taWRzLWNhcmQtbWFyZ2luLWJvdHRvbSk7XG4gIGhlaWdodDogbWF4LWNvbnRlbnQ7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgd2lkdGg6IHZhcigtLWlkcy1jYXJkLXdpZHRoKTtcblxuICAuaWRzLWNhcmQtY29udGVudCB7XG4gICAgaGVpZ2h0OiB2YXIoLS1pZHMtY2FyZC1jb250ZW50LWhlaWdodCk7XG4gICAgb3ZlcmZsb3c6IGF1dG87XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgb3ZlcmZsb3cteDogaGlkZGVuO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAgICYub3ZlcmZsb3ctaGlkZGVuIHtcbiAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgfVxuXG4gICAgJi5oYXMtZGF0YS1ncmlkIHtcbiAgICAgIG92ZXJmbG93OiBoaWRkZW47XG5cbiAgICAgIDo6c2xvdHRlZChbc2xvdD1cImNhcmQtY29udGVudFwiXSkge1xuICAgICAgICBoZWlnaHQ6IGNhbGMoMTAwJSArIDNweCk7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gICYuc2hhZG93ZWQge1xuICAgIGJvcmRlcjogMXB4IHNvbGlkIHRyYW5zcGFyZW50O1xuICB9XG5cbiAgJi1jaGVja2JveCB7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgYm90dG9tOiAwO1xuICAgIHdpZHRoOiA1MHB4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIH1cblxuICAmLmlzLXNlbGVjdGFibGUge1xuICAgIGN1cnNvcjogdmFyKC0taWRzLWN1cnNvci1wb2ludGVyKTtcbiAgfVxuXG4gICYuaXMtc2VsZWN0ZWQge1xuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWlkcy1jYXJkLWNvbG9yLWJhY2tncm91bmQtc2VsZWN0ZWQpO1xuICAgIG91dGxpbmU6IDJweCBzb2xpZCB2YXIoLS1pZHMtY2FyZC1jb2xvci1ib3JkZXItc2VsZWN0ZWQpO1xuICAgIG91dGxpbmUtb2Zmc2V0OiAtMXB4O1xuICB9XG5cbiAgLmhpZGRlbiB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxufVxuXG4vLyBIZWFkZXIgQXJlYVxuLmlkcy1jYXJkLWhlYWRlciB7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGNvbG9yOiB2YXIoLS1pZHMtY2FyZC1oZWFkZXItdGl0bGUtY29sb3IpO1xuICBkaXNwbGF5OiBmbGV4O1xuICBwYWRkaW5nLWlubGluZS1zdGFydDogdmFyKC0taWRzLWNhcmQtaGVhZGVyLXBhZGRpbmctaW5saW5lLXN0YXJ0KTtcbiAgcGFkZGluZy1pbmxpbmUtZW5kOiB2YXIoLS1pZHMtY2FyZC1oZWFkZXItcGFkZGluZy1pbmxpbmUtc3RhcnQpO1xuICBoZWlnaHQ6IHZhcigtLWlkcy1jYXJkLWhlYWRlci1oZWlnaHQpO1xufVxuXG4uaWRzLWNhcmQtc3ViaGVhZGVyIHtcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gIGNvbG9yOiB2YXIoLS1pZHMtY2FyZC1oZWFkZXItdGl0bGUtY29sb3IpO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBoZWlnaHQ6IGF1dG87XG4gIHBhZGRpbmctaW5saW5lLXN0YXJ0OiB2YXIoLS1pZHMtY2FyZC1oZWFkZXItcGFkZGluZy1pbmxpbmUtc3RhcnQpO1xuICBwYWRkaW5nLWlubGluZS1lbmQ6IHZhcigtLWlkcy1jYXJkLWhlYWRlci1wYWRkaW5nLWlubGluZS1zdGFydCk7XG59XG5cbjo6c2xvdHRlZChbc2xvdD0nY2FyZC1oZWFkZXInXSkge1xuICBkaXNwbGF5OiBibG9jaztcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB3aWR0aDogMTAwJTtcbn1cblxuOjpzbG90dGVkKFtzbG90PSdjYXJkLXN1YmhlYWRlciddKSB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHBhZGRpbmctYmxvY2stZW5kOiB2YXIoLS1pZHMtY2FyZC1zdWJoZWFkZXItcGFkZGluZy1ibG9jay1lbmQpO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHdpZHRoOiAxMDAlO1xufVxuXG46OnNsb3R0ZWQoW3Nsb3Q9J2NhcmQtc3ViaGVhZGVyJ106Zmlyc3QtY2hpbGQpIHtcbiAgcGFkZGluZy1ibG9jay1zdGFydDogMDtcbn1cblxuOmhvc3QoW25vLWhlYWRlcl0pIHtcbiAgLmlkcy1jYXJkLWhlYWRlciB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxufVxuXG46aG9zdChbc2hhZG93ZWRdKSB7XG4gIC5pZHMtY2FyZCB7XG4gICAgYm9yZGVyOiAxcHggc29saWQgdmFyKC0taWRzLWJveC1zaGFkb3dlZC1jb2xvci1ib3JkZXIpO1xuICAgIG92ZXJmbG93LXg6IGhpZGRlbjtcbiAgfVxufVxuXG4vLyBGb290ZXIgQXJlYVxuLmlkcy1jYXJkLWZvb3RlciB7XG4gIHBhZGRpbmc6IDNweCAwO1xuICBkaXNwbGF5OiBub25lO1xuICBib3R0b206IDA7XG4gIGJvcmRlci10b3A6IDFweCBzb2xpZCB2YXIoLS1pZHMtY2FyZC1kaXZpZGVyLWNvbG9yLWJvcmRlcik7XG4gIG1pbi1oZWlnaHQ6IHZhcigtLWlkcy1jYXJkLWZvb3Rlci1oZWlnaHQpO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICB3aWR0aDogMTAwJTtcblxuICAmLm5vLXBhZGRpbmcge1xuICAgIHBhZGRpbmc6IDA7XG4gIH1cbn1cblxuOmhvc3QoW2hlaWdodF0pIHtcbiAgLmlkcy1jYXJkIHtcbiAgICBoZWlnaHQ6IDEwMCU7XG5cbiAgICAuaWRzLWNhcmQtY29udGVudCB7XG4gICAgICBoZWlnaHQ6IGNhbGMoMTAwJSAtIDQ4cHgpO1xuICAgIH1cbiAgfVxuXG4gIC5oYXMtZm9vdGVyIC5pZHMtY2FyZC1jb250ZW50IHtcbiAgICBoZWlnaHQ6IGNhbGMoMTAwJSAtIDEwMHB4KTtcbiAgfVxufVxuXG4uaGFzLWZvb3RlciB7XG4gIC5pZHMtY2FyZC1jb250ZW50IHtcbiAgICBoZWlnaHQ6IDI2MHB4O1xuICB9XG5cbiAgLmlkcy1jYXJkLWZvb3RlciB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1jb250ZW50OiBjZW50ZXI7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgIGZsZXgtd3JhcDogd3JhcDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBvdmVyZmxvdy14OiBoaWRkZW47XG4gIH1cbn1cblxuLy8gQWRqdXN0IHRoZSB3aWR0aC9oZWlnaHQgdG8gcGFyZW50IGZpdFxuOmhvc3QoW2F1dG8tZml0XSkge1xuICAuaWRzLWNhcmQge1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIG1hcmdpbjogMDtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgbWluLWhlaWdodDogYXV0bztcblxuICAgIC5pZHMtY2FyZC1jb250ZW50IHtcbiAgICAgIGhlaWdodDogdW5zZXQ7XG4gICAgfVxuICB9XG59XG5cbi8vIEFkanVzdCB0aGUgaGVpZ2h0cyB3aXRoIHNldHRpbmdzXG46aG9zdChbYXV0by1oZWlnaHRdKSB7XG4gIC5pZHMtY2FyZCB7XG4gICAgbWluLWhlaWdodDogYXV0bztcbiAgICBoZWlnaHQ6IGF1dG87XG5cbiAgICAuaWRzLWNhcmQtY29udGVudCB7XG4gICAgICBoZWlnaHQ6IGF1dG87XG4gICAgfVxuXG4gICAgaWRzLWJ1dHRvbixcbiAgICBpZHMtaHlwZXJsaW5rIHtcbiAgICAgIGhlaWdodDogYXV0bztcbiAgICB9XG5cbiAgICBpZHMtYnV0dG9uOjpwYXJ0KGJ1dHRvbiksXG4gICAgaWRzLWh5cGVybGluazo6cGFydChsaW5rKSB7XG4gICAgICBoZWlnaHQ6IGF1dG87XG4gICAgfVxuICB9XG59XG5cbjpob3N0KFtib3JkZXJsZXNzXSkge1xuICAuaWRzLWNhcmQge1xuICAgIGJvcmRlci1jb2xvcjogdmFyKC0taWRzLWNvbG9yLXRyYW5zcGFyZW50KTtcbiAgICBib3gtc2hhZG93OiBub25lO1xuXG4gICAgJjpob3ZlciB7XG4gICAgICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIH1cbiAgfVxufVxuXG4vLyBBY3Rpb25hYmxlIExpbmsgQ2FyZCBTdHlsZXNcbjpob3N0KFthY3Rpb25hYmxlXSkgaWRzLWh5cGVybGluayB7XG4gIGhlaWdodDogNTBweDtcblxuICAmOjpwYXJ0KGxpbmspIHtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBjb2xvcjogdmFyKC0taWRzLWNhcmQtY29sb3ItdGV4dC1kZWZhdWx0KTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIG1hcmdpbjogMDtcbiAgICBwYWRkaW5nOiAwO1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgd2hpdGUtc3BhY2U6IG5vcm1hbDtcblxuICAgICY6aG92ZXIge1xuICAgICAgY29sb3I6IHZhcigtLWlkcy1jYXJkLWNvbG9yLXRleHQtaG92ZXIpO1xuICAgIH1cbiAgfVxufVxuXG46aG9zdCB7XG4gIC5mbGV4LWNvbnRlbnQsXG4gIDo6c2xvdHRlZCguZmxleC1jb250ZW50KSB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIHBhZGRpbmc6IDE1cHggdmFyKC0taWRzLXNwYWNlLXNtKTtcbiAgICBnYXA6IHZhcigtLWlkcy1zcGFjZS1zbSk7XG4gIH1cbn1cblxuLy8gSGFuZGxlIEFjdGlvbmFibGVcbjpob3N0KFthY3Rpb25hYmxlXSkgLmlkcy1jYXJkIHtcbiAgY29udGFpbjogdW5zZXQ7XG4gIGhlaWdodDogYXV0bztcbiAgdHJhbnNpdGlvbjogdmFyKC0taWRzLW1vdGlvbi1kdXJhdGlvbikgdmFyKC0taWRzLW1vdGlvbi1lYXNlKTtcblxuICAmOmhvdmVyIHtcbiAgICBib3JkZXI6IDFweCBzb2xpZCB2YXIoLS1pZHMtY2FyZC1jb2xvci1ib3JkZXItaG92ZXIpO1xuICB9XG5cbiAgJjpub3QoLmhpZGUtZm9jdXMpOmZvY3VzLXdpdGhpbiB7XG4gICAgYm9yZGVyOiAxcHggc29saWQgdmFyKC0taWRzLWNhcmQtY29sb3ItYm9yZGVyLWZvY3VzKTtcbiAgICBib3gtc2hhZG93OiB2YXIoLS1pZHMtc2hhZG93LTMwKTtcbiAgfVxuXG4gIDo6c2xvdHRlZChbc2xvdD0nY2FyZC1jb250ZW50J10pIHtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICB3aWR0aDogMTAwJTtcbiAgfVxuXG4gIGlkcy1idXR0b24ge1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgaGVpZ2h0OiA1MHB4O1xuICAgIHdpZHRoOiAxMDAlO1xuICB9XG5cbiAgaWRzLWh5cGVybGluazo6cGFydChsaW5rKSxcbiAgaWRzLWJ1dHRvbjo6cGFydChidXR0b24pIHtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGJvcmRlcjogMXB4IHNvbGlkIHRyYW5zcGFyZW50O1xuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWlkcy1jb2xvci10cmFuc3BhcmVudCk7XG4gICAgaGVpZ2h0OiA1MHB4O1xuXG4gICAgJjpob3ZlciB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1pZHMtY29sb3ItdHJhbnNwYXJlbnQpO1xuICAgICAgY29sb3I6IHZhcigtLWlkcy1idXR0b24tdGVydGlhcnktY29sb3ItdGV4dC1kZWZhdWx0KTtcbiAgICB9XG4gIH1cbn1cblxuLy8gU3R5bGUgdGhlIHRpdGxlXG4uaWRzLWNhcmQtYm9keSB7XG4gIHdpZHRoOiAxMDAlO1xuICBvdmVyZmxvdy14OiBoaWRkZW47XG4gIGhlaWdodDogaW5oZXJpdDtcblxuICAmLmhhcy1jaGVja2JveCB7XG4gICAgcGFkZGluZy1pbmxpbmUtc3RhcnQ6IDUwcHg7XG4gICAgd2lkdGg6IGNhbGMoMTAwJSAtIDUwcHgpO1xuICB9XG59XG5cbjo6c2xvdHRlZChbc2xvdD0nY2FyZC1jb250ZW50J10uZml4ZWQtaGVpZ2h0KSB7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgaGVpZ2h0OiBpbmhlcml0O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgcGFkZGluZzogMCB2YXIoLS1pZHMtc3BhY2UteHMpO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIHdpZHRoOiAxMDAlO1xufVxuXG46aG9zdChbZHJhZ2dhYmxlXSkge1xuICB3aWR0aDogdmFyKC0taWRzLWNhcmQtd2lkdGgpO1xuICB6LWluZGV4OiAxO1xuICB0cmFuc2l0aW9uOiB2YXIoLS1pZHMtbW90aW9uLWR1cmF0aW9uKSB2YXIoLS1pZHMtbW90aW9uLWVhc2UpO1xuXG4gIC5pZHMtY2FyZCB7XG4gICAgYm9yZGVyOiAxcHggc29saWQgdmFyKC0taWRzLWNhcmQtY29sb3ItYm9yZGVyLWRyYWdnYWJsZSk7XG4gICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICBoZWlnaHQ6IGF1dG87XG4gICAgbWluLWhlaWdodDogYXV0bztcbiAgICBjdXJzb3I6IG1vdmU7XG4gICAgb3ZlcmZsb3cteDogaGlkZGVuO1xuXG4gICAgLmlkcy1jYXJkLWhlYWRlciB7XG4gICAgICBtaW4taGVpZ2h0OiA1NnB4O1xuXG4gICAgICBzbG90W25hbWU9J2NhcmQtaGVhZGVyJ10ge1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBnYXA6IDIwcHg7XG4gICAgICB9XG4gICAgfVxuXG4gICAgJjpob3ZlciB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1pZHMtY2FyZC1jb2xvci1iYWNrZ3JvdW5kLWhvdmVyKTtcbiAgICAgIGNvbG9yOiB2YXIoLS1pZHMtY2FyZC1jb2xvci10ZXh0LWhvdmVyKTtcblxuICAgICAgLmlkcy1jYXJkLWhlYWRlciB7XG4gICAgICAgIHNsb3RbbmFtZT0nY2FyZC1oZWFkZXInXSB7XG4gICAgICAgICAgY29sb3I6IHZhcigtLWlkcy1jYXJkLWNvbG9yLXRleHQtaG92ZXIpO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuXG4gICAgJi5pcy1vdmVybGFwcGluZyB7XG4gICAgICBjdXJzb3I6IG5vLWRyb3A7XG4gICAgfVxuXG4gICAgJi5pcy1kcm9wcGVkIHtcbiAgICAgIHotaW5kZXg6IDk5O1xuICAgICAgd2lkdGg6IHZhcigtLWlkcy1jYXJkLXdpZHRoLWRyb3BwZWQsIHZhcigtLWlkcy1jYXJkLXdpZHRoKSk7XG4gICAgICBoZWlnaHQ6IHZhcigtLWlkcy1jYXJkLWhlaWdodC1kcm9wcGVkLCAnYXV0bycpO1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0taWRzLWNhcmQtY29sb3ItYmFja2dyb3VuZC1kcm9wcGVkLCAjRjVGNUY1KTtcbiAgICAgIG9wYWNpdHk6IDAuODtcblxuICAgICAgLmlkcy1jYXJkLWhlYWRlciB7XG4gICAgICAgIHNsb3RbbmFtZT0nY2FyZC1oZWFkZXInXSB7XG4gICAgICAgICAgY29sb3I6IHZhcigtLWlkcy1jYXJkLWNvbG9yLXRleHQtZGVmYXVsdCk7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG5cbiAgICAmLmlzLWRyYWdnaW5nIHtcbiAgICAgIHotaW5kZXg6IDk5OTtcbiAgICAgIHdpZHRoOiB2YXIoLS1pZHMtY2FyZC13aWR0aC1kcmFnZ2VkLCB2YXIoLS1pZHMtY2FyZC13aWR0aCkpO1xuICAgICAgaGVpZ2h0OiB2YXIoLS1pZHMtY2FyZC1oZWlnaHQtZHJhZ2dlZCwgJ2F1dG8nKTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWlkcy1jYXJkLWNvbG9yLWJhY2tncm91bmQtZHJhZ2dlZCwgI0Y1RjVGNSk7XG4gICAgICBvcGFjaXR5OiAwLjg7XG5cbiAgICAgIC5pZHMtY2FyZC1oZWFkZXIge1xuICAgICAgICBzbG90W25hbWU9J2NhcmQtaGVhZGVyJ10ge1xuICAgICAgICAgIGNvbG9yOiB2YXIoLS1pZHMtY2FyZC1jb2xvci10ZXh0LWRlZmF1bHQpO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuXG4gICAgJi5pcy1maXhlZCB7XG4gICAgICAmLmlzLWRyb3BwZWQsICYuaXMtZHJhZ2dpbmcge1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXG4gICAgICAgIC5pZHMtY2FyZC1oZWFkZXIge1xuICAgICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG4gIH1cbn1cblxuOmhvc3QoW2RyYWdnYWJsZV1baXMtZHJhZ2dpbmddKSB7XG4gIHotaW5kZXg6IDk5O1xuICB0cmFuc2l0aW9uOiBub25lO1xufVxuXG46aG9zdChbZHJhZ2dhYmxlXVtkcm9wcGVkXSkge1xuICB6LWluZGV4OiA5O1xuICB0cmFuc2l0aW9uOiBub25lO1xufVxuXG46aG9zdChbZGlzYWJsZWRdKSB7XG4gIC5pZHMtY2FyZCB7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgb3BhY2l0eTogMC41O1xuICB9XG59XG5cbjpob3N0KFthY3Rpb25hYmxlXVtoZWlnaHRdKSAuaWRzLWNhcmQge1xuICBpZHMtaHlwZXJsaW5rIHtcbiAgICBoZWlnaHQ6IGluaGVyaXQ7XG4gIH1cblxuICBpZHMtaHlwZXJsaW5rOjpwYXJ0KGxpbmspIHtcbiAgICBoZWlnaHQ6IGluaGVyaXQ7XG4gIH1cblxuICBpZHMtYnV0dG9uIHtcbiAgICBoZWlnaHQ6IGluaGVyaXQ7XG4gIH1cblxuICBpZHMtYnV0dG9uOjpwYXJ0KGJ1dHRvbikge1xuICAgIGhlaWdodDogaW5oZXJpdDtcbiAgfVxufVxuIl19 */

package/components/ids-data-grid/ids-data-grid-column.d.ts

@@ -197,6 +197,14 @@ export interface IdsDataGridColumn {
         maxlength?: number;
         /**  Adds the autocomplete attribute to the input element allowing for browser autocomplete */
         browserAutocomplete?: string;
+        /** Override the decimal separator character for decimal filter (e.g., '.' or ','). Defaults to locale setting. */
+        decimal?: string;
+        /** Override the group (thousands) separator for decimal filter (e.g., ',' or '.'). Defaults to locale. */
+        group?: string;
+        /** Mask type to use for filter input (e.g., 'number', 'date') */
+        mask?: string;
+        /** Mask options to pass to the filter input for full customization */
+        maskOptions?: Record<string, unknown>;
     } & IdsDataGridDatePickerOptions;
     /** Lets you make a dynamic filter function */
     filterFunction?: any;

package/components/ids-data-grid/ids-data-grid-column.js

@@ -4,7 +4,7 @@
  */
 import {
   DEFAULT_COLUMN_MIN_WIDTH
-} from "../../chunks/ids-chunk-6QLFPR6M-full.js";
+} from "../../chunks/ids-chunk-YGNZM5DD-full.js";
 import "../../chunks/ids-chunk-U4UNMGHM-full.js";
 export {
   DEFAULT_COLUMN_MIN_WIDTH

package/components/ids-data-grid/ids-data-grid-filters.js

@@ -4,7 +4,7 @@
  */
 import {
   IdsDataGridFilters
-} from "../../chunks/ids-chunk-GL7SUNG4-full.js";
+} from "../../chunks/ids-chunk-OITRWBV5-full.js";
 import "../../chunks/ids-chunk-GHWD4TOS-full.js";
 import "../../chunks/ids-chunk-QQ742HQ7-full.js";
 import "../../chunks/ids-chunk-SCDFDZ6N-full.js";

package/components/ids-data-grid/ids-data-grid.js

@@ -4,7 +4,7 @@
  */
 import {
   IdsDataGrid
-} from "../../chunks/ids-chunk-J6OWJIUI-full.js";
+} from "../../chunks/ids-chunk-EDQ2YH35-full.js";
 import "../../chunks/ids-chunk-GIBGRDF6-full.js";
 import "../../chunks/ids-chunk-QX3ENXGH-full.js";
 import "../../chunks/ids-chunk-PYIQTBXS-full.js";
@@ -26,7 +26,7 @@ import "../../chunks/ids-chunk-V6DGPV4K-full.js";
 import "../../chunks/ids-chunk-E45UPRIO-full.js";
 import "../../chunks/ids-chunk-I4MUCWJB-full.js";
 import "../../chunks/ids-chunk-3BYETIBG-full.js";
-import "../../chunks/ids-chunk-GL7SUNG4-full.js";
+import "../../chunks/ids-chunk-OITRWBV5-full.js";
 import "../../chunks/ids-chunk-AKBAXNZI-full.js";
 import "../../chunks/ids-chunk-32DESHTM-full.js";
 import "../../chunks/ids-chunk-474UA5XS-full.js";
@@ -38,7 +38,7 @@ import "../../chunks/ids-chunk-WCEYHKG2-full.js";
 import "../../chunks/ids-chunk-ETJKDQAM-full.js";
 import "../../chunks/ids-chunk-DSBFQ4RK-full.js";
 import "../../chunks/ids-chunk-GHWD4TOS-full.js";
-import "../../chunks/ids-chunk-6QLFPR6M-full.js";
+import "../../chunks/ids-chunk-YGNZM5DD-full.js";
 import "../../chunks/ids-chunk-KHRPRI46-full.js";
 import "../../chunks/ids-chunk-CWCY7AOA-full.js";
 import "../../chunks/ids-chunk-4R57YO3P-full.js";

package/components/ids-hierarchy/ids-hierarchy.css

@@ -1,21 +1,124 @@
-:root {
-  --background: var(--ids-hierarchy-legend-color-background-default);
+.ids-hierarchy-item {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  flex-direction: column;
+  padding-inline-start: calc(var(--ids-space-xs) * 12);
+}
+@media all and (max-width: 600px) {
+  .ids-hierarchy-item {
+    padding-inline-start: var(--ids-space-none);
+  }
 }
 
-.ids-hierarchy-legend-item {
-  display: flex;
+.leaf {
+  border: var(--ids-space-4xs) solid var(--ids-hierarchy-item-leaf-color-border);
+  margin-block-end: calc(var(--ids-space-xs) * 4);
+  box-shadow: var(--ids-hierarchy-item-leaf-shadow);
+  border-radius: var(--ids-hierarchy-item-border-radius);
+  position: relative;
+  width: 315px;
+}
+.leaf::before {
+  display: block;
+  position: absolute;
+  border-bottom: 1.34px solid var(--ids-hierarchy-item-leaf-before-color-border);
+  border-inline-start: 1.34px solid var(--ids-hierarchy-item-leaf-before-color-border);
+  content: "";
+  height: 112px;
+  inset-inline-start: -30px;
+  top: -70px;
+  width: 50%;
+  z-index: 0;
+}
+
+.leaf-inside {
   align-items: center;
-  margin-inline-end: calc(var(--ids-space-xs) * 4);
-  margin-block-end: var(--ids-space-xs);
+  background-color: var(--ids-hierarchy-item-color-background);
+  border-inline-start: var(--ids-hierarchy-item-leaf-inside-border-left);
+  box-shadow: var(--ids-hierarchy-item-leaf-inside-shadow);
+  padding: var(--ids-space-xs) calc(var(--ids-space-xs) * 2);
   position: relative;
+  display: flex;
+  z-index: 1;
 }
-.ids-hierarchy-legend-item::before {
-  border-radius: var(--ids-border-radius-circle);
-  content: " ";
+
+.avatar {
+  flex-shrink: 0;
   display: block;
-  height: calc(var(--ids-space-xs) * 2);
-  width: calc(var(--ids-space-xs) * 2);
-  margin-inline-end: var(--ids-space-xs);
-  background-color: var(--background);
+  height: 55px;
+  width: 55px;
+  border: var(--ids-hierarchy-item-border-default);
+  border-radius: 100%;
+  margin-inline-end: calc(var(--ids-space-xs) * 2);
+  overflow: hidden;
+}
+.avatar ::slotted(img) {
+  max-width: 100%;
+}
+
+:host([root-item]) .leaf::before {
+  display: none;
+}
+:host([root-item]) .ids-hierarchy-item {
+  padding-inline-start: var(--ids-space-none);
+}
+
+@media all and (max-width: 600px) {
+  :host([root-item][expanded]) .leaf::before {
+    border-inline-start: none;
+    display: block;
+  }
+}
+
+:host(:focus) {
+  outline: none;
+  border: none;
+  border-color: var(--ids-color-transparent);
+  box-shadow: var(--ids-hierarchy-item-shadow-focus);
+}
+
+:host([selected]) .leaf {
+  box-shadow: var(--ids-hierarchy-item-selected-leaf-shadow);
+}
+
+div[part=actions] {
+  margin-inline-start: auto;
+  display: flex;
+}
+
+ids-button[part=icon-menu] {
+  margin-inline-end: var(--ids-space-2xs);
+}
+ids-button[part=icon-menu] .ids-icon-button {
+  padding: var(--ids-space-2xs);
+}
+
+ids-button[part=icon-btn] {
+  display: none;
+  cursor: pointer;
+}
+ids-button[part=icon-btn] .ids-icon-button {
+  padding: var(--ids-space-2xs);
+}
+
+:host([expanded]) ids-button[part=icon-btn] ids-icon {
+  transform: rotate(180deg);
+}
+
+.has-nested-items ids-button[part=icon-btn] {
+  display: block;
+}
+
+.sub-level {
+  display: none;
+}
+
+:host([expanded]) .sub-level {
+  display: block;
+}
+
+::slotted([slot=menu]) {
+  position: relative;
 }
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2J1aWxkcy9pbmZvci1kZXNpZ24vZW50ZXJwcmlzZS13Yy9zcmMvY29tcG9uZW50cy9pZHMtaGllcmFyY2h5Iiwic291cmNlcyI6WyJpZHMtaGllcmFyY2h5LWxlZ2VuZC1pdGVtLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDRTs7O0FBR0Y7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUVBO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0EiLCJzb3VyY2VzQ29udGVudCI6WyI6aG9zdCB7XG4gIC0tYmFja2dyb3VuZDogdmFyKC0taWRzLWhpZXJhcmNoeS1sZWdlbmQtY29sb3ItYmFja2dyb3VuZC1kZWZhdWx0KTtcbn1cblxuLmlkcy1oaWVyYXJjaHktbGVnZW5kLWl0ZW0ge1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBtYXJnaW4taW5saW5lLWVuZDogY2FsYyh2YXIoLS1pZHMtc3BhY2UteHMpICogNCk7XG4gIG1hcmdpbi1ibG9jay1lbmQ6IHZhcigtLWlkcy1zcGFjZS14cyk7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAmOjpiZWZvcmUge1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLWlkcy1ib3JkZXItcmFkaXVzLWNpcmNsZSk7XG4gICAgY29udGVudDogJyAnO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIGhlaWdodDogY2FsYyh2YXIoLS1pZHMtc3BhY2UteHMpICogMik7XG4gICAgd2lkdGg6IGNhbGModmFyKC0taWRzLXNwYWNlLXhzKSAqIDIpO1xuICAgIG1hcmdpbi1pbmxpbmUtZW5kOiB2YXIoLS1pZHMtc3BhY2UteHMpO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWJhY2tncm91bmQpO1xuICB9XG59XG4iXX0= */
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2J1aWxkcy9pbmZvci1kZXNpZ24vZW50ZXJwcmlzZS13Yy9zcmMvY29tcG9uZW50cy9pZHMtaGllcmFyY2h5Iiwic291cmNlcyI6WyJpZHMtaGllcmFyY2h5LWl0ZW0uc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQTtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBRUE7RUFQRjtJQVFJOzs7O0FBSUo7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBRUE7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7O0FBSUo7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOzs7QUFHRjtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBRUE7RUFDRTs7O0FBTUE7RUFDRTs7QUFJSjtFQUNFOzs7QUFPRTtFQURGO0lBRUk7SUFDQTs7OztBQU1SO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7OztBQUlBO0VBQ0U7OztBQUlKO0VBQ0U7RUFDQTs7O0FBR0Y7RUFDRTs7QUFFQTtFQUNFOzs7QUFJSjtFQUNFO0VBQ0E7O0FBRUE7RUFDRTs7O0FBTUE7RUFDRTs7O0FBTUo7RUFDRTs7O0FBSUo7RUFDRTs7O0FBR0Y7RUFDRTs7O0FBSUY7RUFDRSIsInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJy4uLy4uL3RoZW1lcy9taXhpbnMvaWRzLWNvcmUtbWl4aW5zJyBhcyAqO1xuXG4uaWRzLWhpZXJhcmNoeS1pdGVtIHtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIHBhZGRpbmctaW5saW5lLXN0YXJ0OiBjYWxjKHZhcigtLWlkcy1zcGFjZS14cykgKiAxMik7XG5cbiAgQG1lZGlhIGFsbCBhbmQgKG1heC13aWR0aDogJGJyZWFrcG9pbnQtc20pIHtcbiAgICBwYWRkaW5nLWlubGluZS1zdGFydDogdmFyKC0taWRzLXNwYWNlLW5vbmUpO1xuICB9XG59XG5cbi5sZWFmIHtcbiAgYm9yZGVyOiB2YXIoLS1pZHMtc3BhY2UtNHhzKSBzb2xpZCB2YXIoLS1pZHMtaGllcmFyY2h5LWl0ZW0tbGVhZi1jb2xvci1ib3JkZXIpO1xuICBtYXJnaW4tYmxvY2stZW5kOiBjYWxjKHZhcigtLWlkcy1zcGFjZS14cykgKiA0KTtcbiAgYm94LXNoYWRvdzogdmFyKC0taWRzLWhpZXJhcmNoeS1pdGVtLWxlYWYtc2hhZG93KTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taWRzLWhpZXJhcmNoeS1pdGVtLWJvcmRlci1yYWRpdXMpO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHdpZHRoOiAzMTVweDtcblxuICAmOjpiZWZvcmUge1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBib3JkZXItYm90dG9tOiAxLjM0cHggc29saWQgdmFyKC0taWRzLWhpZXJhcmNoeS1pdGVtLWxlYWYtYmVmb3JlLWNvbG9yLWJvcmRlcik7XG4gICAgYm9yZGVyLWlubGluZS1zdGFydDogMS4zNHB4IHNvbGlkIHZhcigtLWlkcy1oaWVyYXJjaHktaXRlbS1sZWFmLWJlZm9yZS1jb2xvci1ib3JkZXIpO1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIGhlaWdodDogMTEycHg7XG4gICAgaW5zZXQtaW5saW5lLXN0YXJ0OiAtMzBweDtcbiAgICB0b3A6IC03MHB4O1xuICAgIHdpZHRoOiA1MCU7XG4gICAgei1pbmRleDogMDtcbiAgfVxufVxuXG4ubGVhZi1pbnNpZGUge1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1pZHMtaGllcmFyY2h5LWl0ZW0tY29sb3ItYmFja2dyb3VuZCk7XG4gIGJvcmRlci1pbmxpbmUtc3RhcnQ6IHZhcigtLWlkcy1oaWVyYXJjaHktaXRlbS1sZWFmLWluc2lkZS1ib3JkZXItbGVmdCk7XG4gIGJveC1zaGFkb3c6IHZhcigtLWlkcy1oaWVyYXJjaHktaXRlbS1sZWFmLWluc2lkZS1zaGFkb3cpO1xuICBwYWRkaW5nOiB2YXIoLS1pZHMtc3BhY2UteHMpIGNhbGModmFyKC0taWRzLXNwYWNlLXhzKSAqIDIpO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIHotaW5kZXg6IDE7XG59XG5cbi5hdmF0YXIge1xuICBmbGV4LXNocmluazogMDtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGhlaWdodDogNTVweDtcbiAgd2lkdGg6IDU1cHg7XG4gIGJvcmRlcjogdmFyKC0taWRzLWhpZXJhcmNoeS1pdGVtLWJvcmRlci1kZWZhdWx0KTtcbiAgYm9yZGVyLXJhZGl1czogMTAwJTtcbiAgbWFyZ2luLWlubGluZS1lbmQ6IGNhbGModmFyKC0taWRzLXNwYWNlLXhzKSAqIDIpO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuXG4gIDo6c2xvdHRlZChpbWcpIHtcbiAgICBtYXgtd2lkdGg6IDEwMCU7XG4gIH1cbn1cblxuOmhvc3QoW3Jvb3QtaXRlbV0pIHtcbiAgLmxlYWYge1xuICAgICY6OmJlZm9yZSB7XG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbiAgfVxuXG4gIC5pZHMtaGllcmFyY2h5LWl0ZW0ge1xuICAgIHBhZGRpbmctaW5saW5lLXN0YXJ0OiB2YXIoLS1pZHMtc3BhY2Utbm9uZSk7XG4gIH1cbn1cblxuOmhvc3QoW3Jvb3QtaXRlbV1bZXhwYW5kZWRdKSB7XG4gIC5sZWFmIHtcbiAgICAmOjpiZWZvcmUge1xuICAgICAgQG1lZGlhIGFsbCBhbmQgKG1heC13aWR0aDogJGJyZWFrcG9pbnQtc20pIHtcbiAgICAgICAgYm9yZGVyLWlubGluZS1zdGFydDogbm9uZTtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICB9XG4gICAgfVxuICB9XG59XG5cbjpob3N0KDpmb2N1cykge1xuICBvdXRsaW5lOiBub25lO1xuICBib3JkZXI6IG5vbmU7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0taWRzLWNvbG9yLXRyYW5zcGFyZW50KTtcbiAgYm94LXNoYWRvdzogdmFyKC0taWRzLWhpZXJhcmNoeS1pdGVtLXNoYWRvdy1mb2N1cyk7XG59XG5cbjpob3N0KFtzZWxlY3RlZF0pIHtcbiAgLmxlYWYge1xuICAgIGJveC1zaGFkb3c6IHZhcigtLWlkcy1oaWVyYXJjaHktaXRlbS1zZWxlY3RlZC1sZWFmLXNoYWRvdyk7XG4gIH1cbn1cblxuZGl2W3BhcnQ9J2FjdGlvbnMnXSB7XG4gIG1hcmdpbi1pbmxpbmUtc3RhcnQ6IGF1dG87XG4gIGRpc3BsYXk6IGZsZXg7XG59XG5cbmlkcy1idXR0b25bcGFydD0naWNvbi1tZW51J10ge1xuICBtYXJnaW4taW5saW5lLWVuZDogdmFyKC0taWRzLXNwYWNlLTJ4cyk7XG5cbiAgLmlkcy1pY29uLWJ1dHRvbiB7XG4gICAgcGFkZGluZzogdmFyKC0taWRzLXNwYWNlLTJ4cyk7XG4gIH1cbn1cblxuaWRzLWJ1dHRvbltwYXJ0PSdpY29uLWJ0biddIHtcbiAgZGlzcGxheTogbm9uZTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuXG4gIC5pZHMtaWNvbi1idXR0b24ge1xuICAgIHBhZGRpbmc6IHZhcigtLWlkcy1zcGFjZS0yeHMpO1xuICB9XG59XG5cbjpob3N0KFtleHBhbmRlZF0pIHtcbiAgaWRzLWJ1dHRvbltwYXJ0PSdpY29uLWJ0biddIHtcbiAgICBpZHMtaWNvbiB7XG4gICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgxODBkZWcpO1xuICAgIH1cbiAgfVxufVxuXG4uaGFzLW5lc3RlZC1pdGVtcyB7XG4gIGlkcy1idXR0b25bcGFydD0naWNvbi1idG4nXSB7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gIH1cbn1cblxuLnN1Yi1sZXZlbCB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbjpob3N0KFtleHBhbmRlZF0pIC5zdWItbGV2ZWwge1xuICBkaXNwbGF5OiBibG9jaztcbn1cblxuLy8gRm9yIGlkcy1wb3B1cC1tZW51IHRvIGNhbGN1bGF0ZSBpdHMgcG9zaXRpb24gY29ycmVjdGx5XG46OnNsb3R0ZWQoW3Nsb3Q9J21lbnUnXSkge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG4iXX0= */