@getflip/swirl-components-react 0.5.5 → 0.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (129) hide show
  1. package/dist/{file-manager.entry.8a3c8ec0.js → file-manager.entry.f44ca89d.js} +1 -1
  2. package/dist/{flip-action-list-item.entry.dccdc252.js → flip-action-list-item.entry.9cc10db7.js} +1 -1
  3. package/dist/{flip-action-list-section.entry.f12d05c7.js → flip-action-list-section.entry.62a6323a.js} +1 -1
  4. package/dist/{flip-action-list.entry.e220773c.js → flip-action-list.entry.6d0ee85a.js} +1 -1
  5. package/dist/{flip-app-layout_5.entry.d8471769.js → flip-app-layout_5.entry.8e8da590.js} +1 -1
  6. package/dist/{flip-autocomplete.entry.01f59991.js → flip-autocomplete.entry.cb9bb184.js} +1 -1
  7. package/dist/{flip-avatar-group.entry.7ce11dad.js → flip-avatar-group.entry.80911780.js} +1 -1
  8. package/dist/{flip-avatar.entry.bd8df7fb.js → flip-avatar.entry.0b0726cc.js} +1 -1
  9. package/dist/{flip-badge.entry.797550cf.js → flip-badge.entry.08161a7d.js} +1 -1
  10. package/dist/{flip-banner.entry.4df3f478.js → flip-banner.entry.28ab05dc.js} +1 -1
  11. package/dist/{flip-button-group.entry.1d756608.js → flip-button-group.entry.2f462f0d.js} +1 -1
  12. package/dist/{flip-button.entry.e13ef1bf.js → flip-button.entry.c9a5a50b.js} +2 -2
  13. package/dist/{flip-checkbox.entry.20bc7d49.js → flip-checkbox.entry.a062eb92.js} +1 -1
  14. package/dist/{flip-chip.entry.61771731.js → flip-chip.entry.9dd68f13.js} +1 -1
  15. package/dist/flip-console-layout.entry.80407195.js +513 -0
  16. package/dist/{flip-date-input.entry.b5c7344d.js → flip-date-input.entry.67b16eed.js} +1 -1
  17. package/dist/{flip-date-picker_2.entry.4b4581fc.js → flip-date-picker_2.entry.db05a3da.js} +1 -1
  18. package/dist/{flip-description-list-item.entry.f21d8b05.js → flip-description-list-item.entry.481d7f37.js} +1 -1
  19. package/dist/{flip-description-list.entry.3940d69c.js → flip-description-list.entry.f37d9c19.js} +1 -1
  20. package/dist/{flip-dialog.entry.85217f08.js → flip-dialog.entry.ed57a3d2.js} +1 -1
  21. package/dist/{flip-file-uploader.entry.df8899bb.js → flip-file-uploader.entry.3b52ce4d.js} +1 -1
  22. package/dist/{flip-file-viewer_7.entry.f0072b50.js → flip-file-viewer_7.entry.a632f2a8.js} +1 -1
  23. package/dist/{flip-form-control.entry.7941114b.js → flip-form-control.entry.e6dec516.js} +1 -1
  24. package/dist/{flip-form-group.entry.0aa6de0e.js → flip-form-group.entry.3c219b67.js} +1 -1
  25. package/dist/{flip-heading_2.entry.4f6a5bdd.js → flip-heading_2.entry.6378f099.js} +1 -1
  26. package/dist/{flip-icon-add-photo.entry.20174646.js → flip-icon-add-photo.entry.cb7ba212.js} +1 -1
  27. package/dist/{flip-icon-add_4.entry.312e9ba3.js → flip-icon-add_4.entry.fc52f07b.js} +1 -1
  28. package/dist/{flip-icon-admin-panel-settings.entry.ada4f286.js → flip-icon-admin-panel-settings.entry.8b116c69.js} +1 -1
  29. package/dist/{flip-icon-arrow-back.entry.76031467.js → flip-icon-arrow-back.entry.634d0f12.js} +1 -1
  30. package/dist/{flip-icon-arrow-forward.entry.31b53b79.js → flip-icon-arrow-forward.entry.d231efc0.js} +1 -1
  31. package/dist/{flip-icon-arrow-left_3.entry.38a452ac.js → flip-icon-arrow-left_3.entry.092c3434.js} +1 -1
  32. package/dist/{flip-icon-arrow-right-small.entry.38bc4a18.js → flip-icon-arrow-right-small.entry.ebb6f9b5.js} +1 -1
  33. package/dist/{flip-icon-attachment.entry.044054e4.js → flip-icon-attachment.entry.3dafb58b.js} +1 -1
  34. package/dist/flip-icon-block.entry.f14a5e60.js +15 -0
  35. package/dist/{flip-icon-cancel_4.entry.978c5a2f.js → flip-icon-cancel_4.entry.1b81a740.js} +1 -1
  36. package/dist/{flip-icon-chat-bubble.entry.df582023.js → flip-icon-chat-bubble.entry.569a318c.js} +1 -1
  37. package/dist/{flip-icon-check-circle.entry.09625ac1.js → flip-icon-check-circle.entry.2d915c17.js} +1 -1
  38. package/dist/{flip-icon-check-small_3.entry.22e32cb9.js → flip-icon-check-small_3.entry.aa48ad39.js} +1 -1
  39. package/dist/{flip-icon-check-strong.entry.9d59102a.js → flip-icon-check-strong.entry.a75fbe23.js} +1 -1
  40. package/dist/{flip-icon-check.entry.d6d7b2a8.js → flip-icon-check.entry.805e5241.js} +1 -1
  41. package/dist/{flip-icon-chevron-left.entry.14f63271.js → flip-icon-chevron-left.entry.318d799a.js} +1 -1
  42. package/dist/{flip-icon-chevron-right.entry.f167203f.js → flip-icon-chevron-right.entry.4e9bb2f7.js} +1 -1
  43. package/dist/{flip-icon-close-small.entry.7279d707.js → flip-icon-close-small.entry.57c76644.js} +1 -1
  44. package/dist/{flip-icon-close.entry.a64d51ac.js → flip-icon-close.entry.6d5ed1a4.js} +1 -1
  45. package/dist/{flip-icon-cloud-upload.entry.7bb831d0.js → flip-icon-cloud-upload.entry.b334e11b.js} +1 -1
  46. package/dist/{flip-icon-comment.entry.d3ab925b.js → flip-icon-comment.entry.2d0c1d16.js} +1 -1
  47. package/dist/{flip-icon-copy.entry.63bd3f05.js → flip-icon-copy.entry.d2130ac2.js} +1 -1
  48. package/dist/{flip-icon-date-range.entry.0d2a7fc6.js → flip-icon-date-range.entry.475632c4.js} +1 -1
  49. package/dist/{flip-icon-delete.entry.1d495b98.js → flip-icon-delete.entry.d14e0c2b.js} +1 -1
  50. package/dist/{flip-icon-description.entry.bf51ff64.js → flip-icon-description.entry.145cf9d3.js} +1 -1
  51. package/dist/{flip-icon-edit.entry.281675cd.js → flip-icon-edit.entry.e20374f4.js} +1 -1
  52. package/dist/{flip-icon-emoji-mood.entry.7ff8c151.js → flip-icon-emoji-mood.entry.42225b37.js} +1 -1
  53. package/dist/{flip-icon-emoji-satisfied.entry.bec2e77e.js → flip-icon-emoji-satisfied.entry.b4be6d20.js} +1 -1
  54. package/dist/{flip-icon-error_3.entry.71bb14b0.js → flip-icon-error_3.entry.38290194.js} +1 -1
  55. package/dist/{flip-icon-expand-more.entry.9cff4d03.js → flip-icon-expand-more.entry.197a1cd5.js} +1 -1
  56. package/dist/{flip-icon-file.entry.03e45dc3.js → flip-icon-file.entry.f5660b29.js} +1 -1
  57. package/dist/{flip-icon-folder-shared.entry.e117a85d.js → flip-icon-folder-shared.entry.8ae46b72.js} +1 -1
  58. package/dist/{flip-icon-group-assign.entry.2760bf46.js → flip-icon-group-assign.entry.9f6d05e6.js} +1 -1
  59. package/dist/{flip-icon-groups-custom.entry.d9d7a6ac.js → flip-icon-groups-custom.entry.c895c2dd.js} +1 -1
  60. package/dist/{flip-icon-groups.entry.cea2cf8f.js → flip-icon-groups.entry.54bbdf8b.js} +1 -1
  61. package/dist/{flip-icon-help.entry.9cd76672.js → flip-icon-help.entry.442f057a.js} +1 -1
  62. package/dist/{flip-icon-image.entry.4c65bbdb.js → flip-icon-image.entry.06a9bff3.js} +1 -1
  63. package/dist/{flip-icon-info.entry.09432857.js → flip-icon-info.entry.beeda452.js} +1 -1
  64. package/dist/{flip-icon-inventory.entry.59074387.js → flip-icon-inventory.entry.a1f30207.js} +1 -1
  65. package/dist/{flip-icon-like.entry.0d933d93.js → flip-icon-like.entry.7376cddd.js} +1 -1
  66. package/dist/{flip-icon-link.entry.7bd96449.js → flip-icon-link.entry.cf6e4bf6.js} +1 -1
  67. package/dist/{flip-icon-lock.entry.703505c8.js → flip-icon-lock.entry.06dadd5a.js} +1 -1
  68. package/dist/{flip-icon-logout.entry.97cef8ef.js → flip-icon-logout.entry.34557c15.js} +1 -1
  69. package/dist/{flip-icon-mail.entry.b9758f75.js → flip-icon-mail.entry.9f890485.js} +1 -1
  70. package/dist/{flip-icon-manage-accounts.entry.9abe6b4e.js → flip-icon-manage-accounts.entry.c435fccb.js} +1 -1
  71. package/dist/{flip-icon-mention.entry.f02761ac.js → flip-icon-mention.entry.b7fe5130.js} +1 -1
  72. package/dist/flip-icon-menu.entry.cccc41dc.js +15 -0
  73. package/dist/{flip-icon-message.entry.4642fa8a.js → flip-icon-message.entry.4a768af8.js} +1 -1
  74. package/dist/{flip-icon-more-horizontal.entry.6b9da876.js → flip-icon-more-horizontal.entry.0097fb29.js} +1 -1
  75. package/dist/{flip-icon-more-vertikal.entry.3e45e959.js → flip-icon-more-vertikal.entry.626894d6.js} +1 -1
  76. package/dist/{flip-icon-notifications-active.entry.93c8e528.js → flip-icon-notifications-active.entry.634fa319.js} +1 -1
  77. package/dist/{flip-icon-notifications-off.entry.9acea6f9.js → flip-icon-notifications-off.entry.25800b9f.js} +1 -1
  78. package/dist/{flip-icon-notifications.entry.d6bd3478.js → flip-icon-notifications.entry.0f46a4d5.js} +1 -1
  79. package/dist/{flip-icon-open-in-new.entry.1108eda1.js → flip-icon-open-in-new.entry.40e88739.js} +1 -1
  80. package/dist/{flip-icon-people-alt.entry.cf552822.js → flip-icon-people-alt.entry.15373d5a.js} +1 -1
  81. package/dist/{flip-icon-person-off.entry.07b2a76c.js → flip-icon-person-off.entry.09436e64.js} +1 -1
  82. package/dist/{flip-icon-person.entry.808c455a.js → flip-icon-person.entry.250cd2ce.js} +1 -1
  83. package/dist/{flip-icon-phone.entry.8be1c343.js → flip-icon-phone.entry.966b5d3f.js} +1 -1
  84. package/dist/{flip-icon-poll.entry.abf8c8de.js → flip-icon-poll.entry.09e5c326.js} +1 -1
  85. package/dist/{flip-icon-print.entry.2f15925c.js → flip-icon-print.entry.8294c2c1.js} +1 -1
  86. package/dist/{flip-icon-recieved.entry.337b411d.js → flip-icon-recieved.entry.d2431c69.js} +1 -1
  87. package/dist/{flip-icon-search-strong.entry.da96b6d0.js → flip-icon-search-strong.entry.73b28121.js} +1 -1
  88. package/dist/{flip-icon-search.entry.a60fc16b.js → flip-icon-search.entry.7ff835e1.js} +1 -1
  89. package/dist/{flip-icon-send.entry.b0609dd3.js → flip-icon-send.entry.609a3d55.js} +1 -1
  90. package/dist/{flip-icon-settings.entry.96161a36.js → flip-icon-settings.entry.053b316e.js} +1 -1
  91. package/dist/{flip-icon-time-filled.entry.78eba0c8.js → flip-icon-time-filled.entry.d2e403eb.js} +1 -1
  92. package/dist/{flip-icon-time-outlined.entry.52c0e275.js → flip-icon-time-outlined.entry.2c9a3c11.js} +1 -1
  93. package/dist/{flip-icon-user-assign.entry.0e9212fc.js → flip-icon-user-assign.entry.3c57c49f.js} +1 -1
  94. package/dist/{flip-icon-video-camera.entry.553d9d8b.js → flip-icon-video-camera.entry.d2375661.js} +1 -1
  95. package/dist/{flip-icon-warning.entry.f63d239c.js → flip-icon-warning.entry.a90dd20c.js} +1 -1
  96. package/dist/{flip-lightbox.entry.b19eb032.js → flip-lightbox.entry.3b3fbe25.js} +1 -1
  97. package/dist/{flip-link.entry.ffd4734a.js → flip-link.entry.794a2ace.js} +1 -1
  98. package/dist/{flip-list.entry.309c437b.js → flip-list.entry.cfabad4c.js} +1 -1
  99. package/dist/{flip-modal.entry.a4863b1f.js → flip-modal.entry.417eec10.js} +1 -1
  100. package/dist/{flip-option-list-section.entry.ebe40e5a.js → flip-option-list-section.entry.32b82230.js} +1 -1
  101. package/dist/{flip-pagination.entry.dc882194.js → flip-pagination.entry.26a6546f.js} +1 -1
  102. package/dist/{flip-pdf-reader.entry.22dd6011.js → flip-pdf-reader.entry.167e616b.js} +1 -1
  103. package/dist/{flip-popover.entry.40febe9e.js → flip-popover.entry.c368a29e.js} +1 -1
  104. package/dist/{flip-progress-indicator.entry.3157acbd.js → flip-progress-indicator.entry.76a921da.js} +1 -1
  105. package/dist/{flip-radio-group.entry.50358b0d.js → flip-radio-group.entry.c49798b5.js} +1 -1
  106. package/dist/{flip-radio.entry.a8ce99ab.js → flip-radio.entry.e3900820.js} +1 -1
  107. package/dist/{flip-resource-list-file-item.entry.66719d54.js → flip-resource-list-file-item.entry.39139674.js} +1 -1
  108. package/dist/{flip-search.entry.76a5ee5a.js → flip-search.entry.e9c816f6.js} +1 -1
  109. package/dist/{flip-select.entry.38d887e7.js → flip-select.entry.57cc5141.js} +1 -1
  110. package/dist/{flip-stack.entry.68b864f4.js → flip-stack.entry.6044521e.js} +1 -1
  111. package/dist/{flip-switch.entry.562bcd31.js → flip-switch.entry.d945c48c.js} +1 -1
  112. package/dist/{flip-tab.entry.5fd94899.js → flip-tab.entry.03ff282c.js} +1 -1
  113. package/dist/{flip-tabs.entry.eda2b249.js → flip-tabs.entry.eb300e41.js} +1 -1
  114. package/dist/{flip-tag.entry.58a517c1.js → flip-tag.entry.00f3929f.js} +1 -1
  115. package/dist/{flip-text-input.entry.9129e443.js → flip-text-input.entry.23139dd3.js} +1 -1
  116. package/dist/{flip-theme-provider.entry.09cc449c.js → flip-theme-provider.entry.edf80cab.js} +1 -1
  117. package/dist/{flip-thumbnail.entry.5ec7e69e.js → flip-thumbnail.entry.595fb74a.js} +1 -1
  118. package/dist/{flip-toast-provider.entry.90a4c193.js → flip-toast-provider.entry.ce24ca49.js} +1 -1
  119. package/dist/{flip-toast.entry.be66bb40.js → flip-toast.entry.c9c76480.js} +1 -1
  120. package/dist/{flip-tooltip.entry.64b7d129.js → flip-tooltip.entry.6ea92af7.js} +1 -1
  121. package/dist/{flip-tree-navigation-item.entry.951323b3.js → flip-tree-navigation-item.entry.5a653b08.js} +1 -1
  122. package/dist/{flip-video-thumbnail.entry.a763f42f.js → flip-video-thumbnail.entry.8cd49a7a.js} +1 -1
  123. package/dist/{flip-visually-hidden.entry.6fcbfed4.js → flip-visually-hidden.entry.196fde6e.js} +1 -1
  124. package/dist/{index.c232ca43.js → index.db0142c3.js} +114 -112
  125. package/dist/stencil-generated/index.d.ts +2 -0
  126. package/dist/swirl-components-react.js +108 -106
  127. package/dist/swirl-components-react.umd.cjs +43 -37
  128. package/package.json +2 -2
  129. package/dist/flip-console-layout.entry.ad504be1.js +0 -22
@@ -1,4 +1,4 @@
1
- import { r as o, h as e, H as n } from "./index.c232ca43.js";
1
+ import { r as o, h as e, H as n } from "./index.db0142c3.js";
2
2
  import "react";
3
3
  import "react-dom";
4
4
  const a = {
@@ -1,4 +1,4 @@
1
- import { r as s, h as i, H as a } from "./index.c232ca43.js";
1
+ import { r as s, h as i, H as a } from "./index.db0142c3.js";
2
2
  import { c as o } from "./index-6d2e18c6.289636d4.js";
3
3
  import "react";
4
4
  import "react-dom";
@@ -1,4 +1,4 @@
1
- import { r as i, h as t, H as o } from "./index.c232ca43.js";
1
+ import { r as i, h as t, H as o } from "./index.db0142c3.js";
2
2
  import "react";
3
3
  import "react-dom";
4
4
  const e = ":host{display:block}:host *{box-sizing:border-box}.action-list-section{background-color:var(--s-surface-overlay-default)}.action-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}", l = class {
@@ -1,4 +1,4 @@
1
- import { r as s, h as i, H as n, g as r } from "./index.c232ca43.js";
1
+ import { r as s, h as i, H as n, g as r } from "./index.db0142c3.js";
2
2
  import { q as c } from "./utils-39b2afe8.37b54ba4.js";
3
3
  import "react";
4
4
  import "react-dom";
@@ -1,4 +1,4 @@
1
- import { r as n, c as s, h as a, H as r, g as l } from "./index.c232ca43.js";
1
+ import { r as n, c as s, h as a, H as r, g as l } from "./index.db0142c3.js";
2
2
  import { c as p } from "./index-6d2e18c6.289636d4.js";
3
3
  import { i as d } from "./utils-39b2afe8.37b54ba4.js";
4
4
  import "react";
@@ -1,4 +1,4 @@
1
- import { r as n, c, h as o, H as r, g as u } from "./index.c232ca43.js";
1
+ import { r as n, c, h as o, H as r, g as u } from "./index.db0142c3.js";
2
2
  import { a as h, c as p, o as d } from "./floating-ui.dom.esm-1a4e8b8a.87557233.js";
3
3
  import { c as m } from "./index-6d2e18c6.289636d4.js";
4
4
  import { d as f } from "./utils-39b2afe8.37b54ba4.js";
@@ -1,4 +1,4 @@
1
- import { r as i, h as a, H as s } from "./index.c232ca43.js";
1
+ import { r as i, h as a, H as s } from "./index.db0142c3.js";
2
2
  import { c as e } from "./index-6d2e18c6.289636d4.js";
3
3
  import "react";
4
4
  import "react-dom";
@@ -1,4 +1,4 @@
1
- import { r as h, h as i, H as g, g as u } from "./index.c232ca43.js";
1
+ import { r as h, h as i, H as g, g as u } from "./index.db0142c3.js";
2
2
  import { c as s } from "./index-6d2e18c6.289636d4.js";
3
3
  import "react";
4
4
  import "react-dom";
@@ -1,4 +1,4 @@
1
- import { r as t, h as e, H as i } from "./index.c232ca43.js";
1
+ import { r as t, h as e, H as i } from "./index.db0142c3.js";
2
2
  import { c as r } from "./index-6d2e18c6.289636d4.js";
3
3
  import "react";
4
4
  import "react-dom";
@@ -1,4 +1,4 @@
1
- import { r, c as a, h as n, H as o, g as c } from "./index.c232ca43.js";
1
+ import { r, c as a, h as n, H as o, g as c } from "./index.db0142c3.js";
2
2
  import { c as l } from "./index-6d2e18c6.289636d4.js";
3
3
  import "react";
4
4
  import "react-dom";
@@ -1,4 +1,4 @@
1
- import { r as i, h as o, H as e } from "./index.c232ca43.js";
1
+ import { r as i, h as o, H as e } from "./index.db0142c3.js";
2
2
  import { c as s } from "./index-6d2e18c6.289636d4.js";
3
3
  import "react";
4
4
  import "react-dom";
@@ -1,4 +1,4 @@
1
- import { r as e, h as n, H as l } from "./index.c232ca43.js";
1
+ import { r as e, h as n, H as l } from "./index.db0142c3.js";
2
2
  import { c as s } from "./index-6d2e18c6.289636d4.js";
3
3
  import "react";
4
4
  import "react-dom";
@@ -32,7 +32,7 @@ const b = `.sc-flip-button-h{display:inline-block;max-width:100%;flex-shrink:0}.
32
32
  const t = this.hideLabel && Boolean(this.icon) || this.variant === "floating" && this.intent === "default", o = Boolean(this.href), i = this.getAriaLabel(t), a = s("button", `button--icon-position-${this.iconPosition}`, `button--intent-${this.intent}`, `button--size-${this.size}`, `button--variant-${this.variant}`, {
33
33
  "button--icon-only": t
34
34
  });
35
- return n(l, null, n(o ? "a" : "button", { "aria-describedby": this.flipAriaDescribedby, "aria-disabled": this.disabled && !o ? "true" : void 0, "aria-label": i, class: a, disabled: o ? void 0 : this.disabled, download: o ? void 0 : this.download, form: o ? void 0 : this.form, href: this.href, name: o ? void 0 : this.name, target: o ? this.target : void 0, type: o ? void 0 : this.type, value: o ? void 0 : this.value }, this.icon && n("span", { class: "button__icon", innerHTML: this.icon, ref: (r) => this.iconEl = r }), !t && n("span", { class: "button__label" }, this.label)));
35
+ return n(l, null, n(o ? "a" : "button", { "aria-describedby": this.flipAriaDescribedby, "aria-disabled": this.disabled && !o ? "true" : void 0, "aria-expanded": this.flipAriaExpanded, "aria-label": i, class: a, disabled: o ? void 0 : this.disabled, download: o ? void 0 : this.download, form: o ? void 0 : this.form, href: this.href, name: o ? void 0 : this.name, target: o ? this.target : void 0, type: o ? void 0 : this.type, value: o ? void 0 : this.value }, this.icon && n("span", { class: "button__icon", innerHTML: this.icon, ref: (r) => this.iconEl = r }), !t && n("span", { class: "button__label" }, this.label)));
36
36
  }
37
37
  };
38
38
  c.style = b;
@@ -1,4 +1,4 @@
1
- import { r, c as a, h as c, H as t } from "./index.c232ca43.js";
1
+ import { r, c as a, h as c, H as t } from "./index.db0142c3.js";
2
2
  import { c as n } from "./index-6d2e18c6.289636d4.js";
3
3
  import "react";
4
4
  import "react-dom";
@@ -1,4 +1,4 @@
1
- import { r as s, h as e, H as c } from "./index.c232ca43.js";
1
+ import { r as s, h as e, H as c } from "./index.db0142c3.js";
2
2
  import { c as n } from "./index-6d2e18c6.289636d4.js";
3
3
  import "react";
4
4
  import "react-dom";
@@ -0,0 +1,513 @@
1
+ import { r as oe, c as U, h as u, H as se, g as le } from "./index.db0142c3.js";
2
+ import { c as ce } from "./index-6d2e18c6.289636d4.js";
3
+ import { i as B } from "./utils-39b2afe8.37b54ba4.js";
4
+ import "react";
5
+ import "react-dom";
6
+ import "./_commonjsHelpers-44457d8d.ba94af77.js";
7
+ /*!
8
+ * tabbable 6.0.1
9
+ * @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
10
+ */
11
+ var X = ["input", "select", "textarea", "a[href]", "button", "[tabindex]:not(slot)", "audio[controls]", "video[controls]", '[contenteditable]:not([contenteditable="false"])', "details>summary:first-of-type", "details"], A = /* @__PURE__ */ X.join(","), J = typeof Element > "u", T = J ? function() {
12
+ } : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector, D = !J && Element.prototype.getRootNode ? function(r) {
13
+ return r.getRootNode();
14
+ } : function(r) {
15
+ return r.ownerDocument;
16
+ }, Q = function(e, t, a) {
17
+ var s = Array.prototype.slice.apply(e.querySelectorAll(A));
18
+ return t && T.call(e, A) && s.unshift(e), s = s.filter(a), s;
19
+ }, ee = function r(e, t, a) {
20
+ for (var s = [], l = Array.from(e); l.length; ) {
21
+ var i = l.shift();
22
+ if (i.tagName === "SLOT") {
23
+ var d = i.assignedElements(), h = d.length ? d : i.children, g = r(h, !0, a);
24
+ a.flatten ? s.push.apply(s, g) : s.push({
25
+ scopeParent: i,
26
+ candidates: g
27
+ });
28
+ } else {
29
+ var _ = T.call(i, A);
30
+ _ && a.filter(i) && (t || !e.includes(i)) && s.push(i);
31
+ var y = i.shadowRoot || typeof a.getShadowRoot == "function" && a.getShadowRoot(i), C = !a.shadowRootFilter || a.shadowRootFilter(i);
32
+ if (y && C) {
33
+ var w = r(y === !0 ? i.children : y.children, !0, a);
34
+ a.flatten ? s.push.apply(s, w) : s.push({
35
+ scopeParent: i,
36
+ candidates: w
37
+ });
38
+ } else
39
+ l.unshift.apply(l, i.children);
40
+ }
41
+ }
42
+ return s;
43
+ }, te = function(e, t) {
44
+ return e.tabIndex < 0 && (t || /^(AUDIO|VIDEO|DETAILS)$/.test(e.tagName) || e.isContentEditable) && isNaN(parseInt(e.getAttribute("tabindex"), 10)) ? 0 : e.tabIndex;
45
+ }, ue = function(e, t) {
46
+ return e.tabIndex === t.tabIndex ? e.documentOrder - t.documentOrder : e.tabIndex - t.tabIndex;
47
+ }, ae = function(e) {
48
+ return e.tagName === "INPUT";
49
+ }, de = function(e) {
50
+ return ae(e) && e.type === "hidden";
51
+ }, fe = function(e) {
52
+ var t = e.tagName === "DETAILS" && Array.prototype.slice.apply(e.children).some(function(a) {
53
+ return a.tagName === "SUMMARY";
54
+ });
55
+ return t;
56
+ }, be = function(e, t) {
57
+ for (var a = 0; a < e.length; a++)
58
+ if (e[a].checked && e[a].form === t)
59
+ return e[a];
60
+ }, ve = function(e) {
61
+ if (!e.name)
62
+ return !0;
63
+ var t = e.form || D(e), a = function(d) {
64
+ return t.querySelectorAll('input[type="radio"][name="' + d + '"]');
65
+ }, s;
66
+ if (typeof window < "u" && typeof window.CSS < "u" && typeof window.CSS.escape == "function")
67
+ s = a(window.CSS.escape(e.name));
68
+ else
69
+ try {
70
+ s = a(e.name);
71
+ } catch (i) {
72
+ return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s", i.message), !1;
73
+ }
74
+ var l = be(s, e.form);
75
+ return !l || l === e;
76
+ }, he = function(e) {
77
+ return ae(e) && e.type === "radio";
78
+ }, pe = function(e) {
79
+ return he(e) && !ve(e);
80
+ }, ge = function(e) {
81
+ for (var t, a = D(e).host, s = !!((t = a) !== null && t !== void 0 && t.ownerDocument.contains(a) || e.ownerDocument.contains(e)); !s && a; ) {
82
+ var l;
83
+ a = D(a).host, s = !!((l = a) !== null && l !== void 0 && l.ownerDocument.contains(a));
84
+ }
85
+ return s;
86
+ }, V = function(e) {
87
+ var t = e.getBoundingClientRect(), a = t.width, s = t.height;
88
+ return a === 0 && s === 0;
89
+ }, me = function(e, t) {
90
+ var a = t.displayCheck, s = t.getShadowRoot;
91
+ if (getComputedStyle(e).visibility === "hidden")
92
+ return !0;
93
+ var l = T.call(e, "details>summary:first-of-type"), i = l ? e.parentElement : e;
94
+ if (T.call(i, "details:not([open]) *"))
95
+ return !0;
96
+ if (!a || a === "full" || a === "legacy-full") {
97
+ if (typeof s == "function") {
98
+ for (var d = e; e; ) {
99
+ var h = e.parentElement, g = D(e);
100
+ if (h && !h.shadowRoot && s(h) === !0)
101
+ return V(e);
102
+ e.assignedSlot ? e = e.assignedSlot : !h && g !== e.ownerDocument ? e = g.host : e = h;
103
+ }
104
+ e = d;
105
+ }
106
+ if (ge(e))
107
+ return !e.getClientRects().length;
108
+ if (a !== "legacy-full")
109
+ return !0;
110
+ } else if (a === "non-zero-area")
111
+ return V(e);
112
+ return !1;
113
+ }, ye = function(e) {
114
+ if (/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(e.tagName))
115
+ for (var t = e.parentElement; t; ) {
116
+ if (t.tagName === "FIELDSET" && t.disabled) {
117
+ for (var a = 0; a < t.children.length; a++) {
118
+ var s = t.children.item(a);
119
+ if (s.tagName === "LEGEND")
120
+ return T.call(t, "fieldset[disabled] *") ? !0 : !s.contains(e);
121
+ }
122
+ return !0;
123
+ }
124
+ t = t.parentElement;
125
+ }
126
+ return !1;
127
+ }, L = function(e, t) {
128
+ return !(t.disabled || de(t) || me(t, e) || fe(t) || ye(t));
129
+ }, P = function(e, t) {
130
+ return !(pe(t) || te(t) < 0 || !L(e, t));
131
+ }, we = function(e) {
132
+ var t = parseInt(e.getAttribute("tabindex"), 10);
133
+ return !!(isNaN(t) || t >= 0);
134
+ }, ke = function r(e) {
135
+ var t = [], a = [];
136
+ return e.forEach(function(s, l) {
137
+ var i = !!s.scopeParent, d = i ? s.scopeParent : s, h = te(d, i), g = i ? r(s.candidates) : d;
138
+ h === 0 ? i ? t.push.apply(t, g) : t.push(d) : a.push({
139
+ documentOrder: l,
140
+ tabIndex: h,
141
+ item: s,
142
+ isScope: i,
143
+ content: g
144
+ });
145
+ }), a.sort(ue).reduce(function(s, l) {
146
+ return l.isScope ? s.push.apply(s, l.content) : s.push(l.content), s;
147
+ }, []).concat(t);
148
+ }, _e = function(e, t) {
149
+ t = t || {};
150
+ var a;
151
+ return t.getShadowRoot ? a = ee([e], t.includeContainer, {
152
+ filter: P.bind(null, t),
153
+ flatten: !1,
154
+ getShadowRoot: t.getShadowRoot,
155
+ shadowRootFilter: we
156
+ }) : a = Q(e, t.includeContainer, P.bind(null, t)), ke(a);
157
+ }, Ce = function(e, t) {
158
+ t = t || {};
159
+ var a;
160
+ return t.getShadowRoot ? a = ee([e], t.includeContainer, {
161
+ filter: L.bind(null, t),
162
+ flatten: !0,
163
+ getShadowRoot: t.getShadowRoot
164
+ }) : a = Q(e, t.includeContainer, L.bind(null, t)), a;
165
+ }, F = function(e, t) {
166
+ if (t = t || {}, !e)
167
+ throw new Error("No node provided");
168
+ return T.call(e, A) === !1 ? !1 : P(t, e);
169
+ }, Te = /* @__PURE__ */ X.concat("iframe").join(","), O = function(e, t) {
170
+ if (t = t || {}, !e)
171
+ throw new Error("No node provided");
172
+ return T.call(e, Te) === !1 ? !1 : L(t, e);
173
+ };
174
+ /*!
175
+ * focus-trap 7.1.0
176
+ * @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
177
+ */
178
+ function Z(r, e) {
179
+ var t = Object.keys(r);
180
+ if (Object.getOwnPropertySymbols) {
181
+ var a = Object.getOwnPropertySymbols(r);
182
+ e && (a = a.filter(function(s) {
183
+ return Object.getOwnPropertyDescriptor(r, s).enumerable;
184
+ })), t.push.apply(t, a);
185
+ }
186
+ return t;
187
+ }
188
+ function z(r) {
189
+ for (var e = 1; e < arguments.length; e++) {
190
+ var t = arguments[e] != null ? arguments[e] : {};
191
+ e % 2 ? Z(Object(t), !0).forEach(function(a) {
192
+ Se(r, a, t[a]);
193
+ }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(r, Object.getOwnPropertyDescriptors(t)) : Z(Object(t)).forEach(function(a) {
194
+ Object.defineProperty(r, a, Object.getOwnPropertyDescriptor(t, a));
195
+ });
196
+ }
197
+ return r;
198
+ }
199
+ function Se(r, e, t) {
200
+ return e in r ? Object.defineProperty(r, e, {
201
+ value: t,
202
+ enumerable: !0,
203
+ configurable: !0,
204
+ writable: !0
205
+ }) : r[e] = t, r;
206
+ }
207
+ var xe = [], W = {
208
+ activateTrap: function(e, t) {
209
+ if (e.length > 0) {
210
+ var a = e[e.length - 1];
211
+ a !== t && a.pause();
212
+ }
213
+ var s = e.indexOf(t);
214
+ s === -1 || e.splice(s, 1), e.push(t);
215
+ },
216
+ deactivateTrap: function(e, t) {
217
+ var a = e.indexOf(t);
218
+ a !== -1 && e.splice(a, 1), e.length > 0 && e[e.length - 1].unpause();
219
+ }
220
+ }, Ne = function(e) {
221
+ return e.tagName && e.tagName.toLowerCase() === "input" && typeof e.select == "function";
222
+ }, Fe = function(e) {
223
+ return e.key === "Escape" || e.key === "Esc" || e.keyCode === 27;
224
+ }, Ee = function(e) {
225
+ return e.key === "Tab" || e.keyCode === 9;
226
+ }, Y = function(e) {
227
+ return setTimeout(e, 0);
228
+ }, $ = function(e, t) {
229
+ var a = -1;
230
+ return e.every(function(s, l) {
231
+ return t(s) ? (a = l, !1) : !0;
232
+ }), a;
233
+ }, x = function(e) {
234
+ for (var t = arguments.length, a = new Array(t > 1 ? t - 1 : 0), s = 1; s < t; s++)
235
+ a[s - 1] = arguments[s];
236
+ return typeof e == "function" ? e.apply(void 0, a) : e;
237
+ }, E = function(e) {
238
+ return e.target.shadowRoot && typeof e.composedPath == "function" ? e.composedPath()[0] : e.target;
239
+ }, Ae = function(e, t) {
240
+ var a = (t == null ? void 0 : t.document) || document, s = (t == null ? void 0 : t.trapStack) || xe, l = z({
241
+ returnFocusOnDeactivate: !0,
242
+ escapeDeactivates: !0,
243
+ delayInitialFocus: !0
244
+ }, t), i = {
245
+ containers: [],
246
+ containerGroups: [],
247
+ tabbableGroups: [],
248
+ nodeFocusedBeforeActivation: null,
249
+ mostRecentlyFocusedNode: null,
250
+ active: !1,
251
+ paused: !1,
252
+ delayInitialFocusTimer: void 0
253
+ }, d, h = function(n, o, c) {
254
+ return n && n[o] !== void 0 ? n[o] : l[c || o];
255
+ }, g = function(n) {
256
+ return i.containerGroups.findIndex(function(o) {
257
+ var c = o.container, v = o.tabbableNodes;
258
+ return c.contains(n) || v.find(function(f) {
259
+ return f === n;
260
+ });
261
+ });
262
+ }, _ = function(n) {
263
+ var o = l[n];
264
+ if (typeof o == "function") {
265
+ for (var c = arguments.length, v = new Array(c > 1 ? c - 1 : 0), f = 1; f < c; f++)
266
+ v[f - 1] = arguments[f];
267
+ o = o.apply(void 0, v);
268
+ }
269
+ if (o === !0 && (o = void 0), !o) {
270
+ if (o === void 0 || o === !1)
271
+ return o;
272
+ throw new Error("`".concat(n, "` was specified but was not a node, or did not return a node"));
273
+ }
274
+ var p = o;
275
+ if (typeof o == "string" && (p = a.querySelector(o), !p))
276
+ throw new Error("`".concat(n, "` as selector refers to no known node"));
277
+ return p;
278
+ }, y = function() {
279
+ var n = _("initialFocus");
280
+ if (n === !1)
281
+ return !1;
282
+ if (n === void 0)
283
+ if (g(a.activeElement) >= 0)
284
+ n = a.activeElement;
285
+ else {
286
+ var o = i.tabbableGroups[0], c = o && o.firstTabbableNode;
287
+ n = c || _("fallbackFocus");
288
+ }
289
+ if (!n)
290
+ throw new Error("Your focus-trap needs to have at least one focusable element");
291
+ return n;
292
+ }, C = function() {
293
+ if (i.containerGroups = i.containers.map(function(n) {
294
+ var o = _e(n, l.tabbableOptions), c = Ce(n, l.tabbableOptions);
295
+ return {
296
+ container: n,
297
+ tabbableNodes: o,
298
+ focusableNodes: c,
299
+ firstTabbableNode: o.length > 0 ? o[0] : null,
300
+ lastTabbableNode: o.length > 0 ? o[o.length - 1] : null,
301
+ nextTabbableNode: function(f) {
302
+ var p = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, m = c.findIndex(function(k) {
303
+ return k === f;
304
+ });
305
+ if (!(m < 0))
306
+ return p ? c.slice(m + 1).find(function(k) {
307
+ return F(k, l.tabbableOptions);
308
+ }) : c.slice(0, m).reverse().find(function(k) {
309
+ return F(k, l.tabbableOptions);
310
+ });
311
+ }
312
+ };
313
+ }), i.tabbableGroups = i.containerGroups.filter(function(n) {
314
+ return n.tabbableNodes.length > 0;
315
+ }), i.tabbableGroups.length <= 0 && !_("fallbackFocus"))
316
+ throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times");
317
+ }, w = function b(n) {
318
+ if (n !== !1 && n !== a.activeElement) {
319
+ if (!n || !n.focus) {
320
+ b(y());
321
+ return;
322
+ }
323
+ n.focus({
324
+ preventScroll: !!l.preventScroll
325
+ }), i.mostRecentlyFocusedNode = n, Ne(n) && n.select();
326
+ }
327
+ }, M = function(n) {
328
+ var o = _("setReturnFocus", n);
329
+ return o || (o === !1 ? !1 : n);
330
+ }, N = function(n) {
331
+ var o = E(n);
332
+ if (!(g(o) >= 0)) {
333
+ if (x(l.clickOutsideDeactivates, n)) {
334
+ d.deactivate({
335
+ returnFocus: l.returnFocusOnDeactivate && !O(o, l.tabbableOptions)
336
+ });
337
+ return;
338
+ }
339
+ x(l.allowOutsideClick, n) || n.preventDefault();
340
+ }
341
+ }, H = function(n) {
342
+ var o = E(n), c = g(o) >= 0;
343
+ c || o instanceof Document ? c && (i.mostRecentlyFocusedNode = o) : (n.stopImmediatePropagation(), w(i.mostRecentlyFocusedNode || y()));
344
+ }, ie = function(n) {
345
+ var o = E(n);
346
+ C();
347
+ var c = null;
348
+ if (i.tabbableGroups.length > 0) {
349
+ var v = g(o), f = v >= 0 ? i.containerGroups[v] : void 0;
350
+ if (v < 0)
351
+ n.shiftKey ? c = i.tabbableGroups[i.tabbableGroups.length - 1].lastTabbableNode : c = i.tabbableGroups[0].firstTabbableNode;
352
+ else if (n.shiftKey) {
353
+ var p = $(i.tabbableGroups, function(R) {
354
+ var I = R.firstTabbableNode;
355
+ return o === I;
356
+ });
357
+ if (p < 0 && (f.container === o || O(o, l.tabbableOptions) && !F(o, l.tabbableOptions) && !f.nextTabbableNode(o, !1)) && (p = v), p >= 0) {
358
+ var m = p === 0 ? i.tabbableGroups.length - 1 : p - 1, k = i.tabbableGroups[m];
359
+ c = k.lastTabbableNode;
360
+ }
361
+ } else {
362
+ var S = $(i.tabbableGroups, function(R) {
363
+ var I = R.lastTabbableNode;
364
+ return o === I;
365
+ });
366
+ if (S < 0 && (f.container === o || O(o, l.tabbableOptions) && !F(o, l.tabbableOptions) && !f.nextTabbableNode(o)) && (S = v), S >= 0) {
367
+ var re = S === i.tabbableGroups.length - 1 ? 0 : S + 1, ne = i.tabbableGroups[re];
368
+ c = ne.firstTabbableNode;
369
+ }
370
+ }
371
+ } else
372
+ c = _("fallbackFocus");
373
+ c && (n.preventDefault(), w(c));
374
+ }, j = function(n) {
375
+ if (Fe(n) && x(l.escapeDeactivates, n) !== !1) {
376
+ n.preventDefault(), d.deactivate();
377
+ return;
378
+ }
379
+ if (Ee(n)) {
380
+ ie(n);
381
+ return;
382
+ }
383
+ }, q = function(n) {
384
+ var o = E(n);
385
+ g(o) >= 0 || x(l.clickOutsideDeactivates, n) || x(l.allowOutsideClick, n) || (n.preventDefault(), n.stopImmediatePropagation());
386
+ }, G = function() {
387
+ if (!!i.active)
388
+ return W.activateTrap(s, d), i.delayInitialFocusTimer = l.delayInitialFocus ? Y(function() {
389
+ w(y());
390
+ }) : w(y()), a.addEventListener("focusin", H, !0), a.addEventListener("mousedown", N, {
391
+ capture: !0,
392
+ passive: !1
393
+ }), a.addEventListener("touchstart", N, {
394
+ capture: !0,
395
+ passive: !1
396
+ }), a.addEventListener("click", q, {
397
+ capture: !0,
398
+ passive: !1
399
+ }), a.addEventListener("keydown", j, {
400
+ capture: !0,
401
+ passive: !1
402
+ }), d;
403
+ }, K = function() {
404
+ if (!!i.active)
405
+ return a.removeEventListener("focusin", H, !0), a.removeEventListener("mousedown", N, !0), a.removeEventListener("touchstart", N, !0), a.removeEventListener("click", q, !0), a.removeEventListener("keydown", j, !0), d;
406
+ };
407
+ return d = {
408
+ get active() {
409
+ return i.active;
410
+ },
411
+ get paused() {
412
+ return i.paused;
413
+ },
414
+ activate: function(n) {
415
+ if (i.active)
416
+ return this;
417
+ var o = h(n, "onActivate"), c = h(n, "onPostActivate"), v = h(n, "checkCanFocusTrap");
418
+ v || C(), i.active = !0, i.paused = !1, i.nodeFocusedBeforeActivation = a.activeElement, o && o();
419
+ var f = function() {
420
+ v && C(), G(), c && c();
421
+ };
422
+ return v ? (v(i.containers.concat()).then(f, f), this) : (f(), this);
423
+ },
424
+ deactivate: function(n) {
425
+ if (!i.active)
426
+ return this;
427
+ var o = z({
428
+ onDeactivate: l.onDeactivate,
429
+ onPostDeactivate: l.onPostDeactivate,
430
+ checkCanReturnFocus: l.checkCanReturnFocus
431
+ }, n);
432
+ clearTimeout(i.delayInitialFocusTimer), i.delayInitialFocusTimer = void 0, K(), i.active = !1, i.paused = !1, W.deactivateTrap(s, d);
433
+ var c = h(o, "onDeactivate"), v = h(o, "onPostDeactivate"), f = h(o, "checkCanReturnFocus"), p = h(o, "returnFocus", "returnFocusOnDeactivate");
434
+ c && c();
435
+ var m = function() {
436
+ Y(function() {
437
+ p && w(M(i.nodeFocusedBeforeActivation)), v && v();
438
+ });
439
+ };
440
+ return p && f ? (f(M(i.nodeFocusedBeforeActivation)).then(m, m), this) : (m(), this);
441
+ },
442
+ pause: function() {
443
+ return i.paused || !i.active ? this : (i.paused = !0, K(), this);
444
+ },
445
+ unpause: function() {
446
+ return !i.paused || !i.active ? this : (i.paused = !1, C(), G(), this);
447
+ },
448
+ updateContainerElements: function(n) {
449
+ var o = [].concat(n).filter(Boolean);
450
+ return i.containers = o.map(function(c) {
451
+ return typeof c == "string" ? a.querySelector(c) : c;
452
+ }), i.active && C(), this;
453
+ }
454
+ }, d.updateContainerElements(e), d;
455
+ };
456
+ const De = `:host{display:block;width:100%;height:100vh}:host *{box-sizing:border-box}.console-layout{display:grid;width:100%;height:100%;grid-template-columns:1fr;grid-template-areas:"main"}@media (min-width: 768px){.console-layout{grid-template-columns:20rem 1fr;grid-template-areas:"sidebar main"}}@media (max-width: 767px){.console-layout--sidebar-active .console-layout__sidebar{transform:translate3d(0, 0, 0)}}.console-layout__sidebar{position:fixed;z-index:1;top:4rem;bottom:0;left:0;display:grid;overflow-x:hidden;overflow-y:auto;width:100%;max-width:20rem;height:100%;border-right:var(--s-border-width-default) solid var(--s-border-default);transition:transform 0.15s;transform:translate3d(-100%, 0, 0);box-shadow:0 0 1rem rgba(0, 0, 0, 0.06);grid-template-rows:auto 1fr auto;grid-template-areas:"header"
457
+ "navigation"
458
+ "user"}@media (prefers-reduced-motion){.console-layout__sidebar{transition:none}}@media (min-width: 768px){.console-layout__sidebar{position:static;top:auto;left:auto;max-width:none;transform:none;box-shadow:none;grid-area:sidebar}}.console-layout__header{overflow:hidden;min-width:0;padding:var(--s-space-20) var(--s-space-24);background-color:var(--s-background-default);grid-area:header}.console-layout__navigation{overflow-x:hidden;overflow-y:auto;padding-top:var(--s-space-8);padding-bottom:var(--s-space-8);background-color:var(--s-background-default);grid-area:navigation}@media (min-width: 768px){.console-layout__hide-navigation-button{display:none}}.console-layout__user{overflow:hidden;margin-top:var(--s-border-width-default);padding:var(--s-space-16) var(--s-space-24) var(--s-space-24);border-top:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:user}.console-layout__main{display:grid;overflow-x:hidden;overflow-y:auto;width:100%;height:100%;grid-area:main;gap:var(--s-border-width-default);grid-template-rows:4rem 1fr;grid-template-areas:"app-bar"
459
+ "content"}.console-layout__app-bar{position:sticky;z-index:1;top:0;display:flex;min-width:0;padding-right:var(--s-space-16);padding-left:var(--s-space-16);align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);gap:var(--s-space-12);grid-area:app-bar}@media (min-width: 768px){.console-layout__app-bar{padding-right:2.5rem;padding-left:2.5rem}}@media (min-width: 768px){.console-layout__mobile-navigation-button{display:none}}.console-layout__app-name{min-width:0;flex-grow:1}.console-layout__app-name .heading{overflow:hidden;font-weight:var(--s-font-weight-regular);white-space:nowrap;text-overflow:ellipsis}.console-layout__help-button{flex-shrink:0}.console-layout__content{display:flex;padding:var(--s-space-16);background-color:var(--s-background-default);flex-direction:column;grid-area:content}@media (min-width: 768px){.console-layout__content{padding:2.5rem}}.console-layout__content-header{flex-shrink:0}.console-layout__integration{flex-grow:1}.console-layout__logo{display:flex;min-width:0;align-items:center;gap:var(--s-space-12)}.console-layout__logo-mark{flex-shrink:0}.console-layout__logo-text{min-width:0}.console-layout__logo-text::part(text){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.console-layout__content-header{display:flex;margin-bottom:2.5rem;gap:var(--s-space-16)}.console-layout__back-button{position:relative;top:calc(-1 * var(--s-space-2));flex-shrink:0}.console-layout__subheading{margin-top:var(--s-space-8)}`, Le = class {
460
+ constructor(r) {
461
+ oe(this, r), this.backButtonClick = U(this, "backButtonClick", 7), this.helpButtonClick = U(this, "helpButtonClick", 7), this.backButonLabel = "Back", this.helpButonLabel = "Help", this.hideNavigationButtonLabel = "Hide main navigation", this.logoText = "Admin", this.showNavigationButtonLabel = "Show main navigation", this.navigationLabel = "Main", this.onBackButtonClick = (e) => {
462
+ this.backButtonClick.emit(e);
463
+ }, this.onHelpButtonClick = (e) => {
464
+ this.helpButtonClick.emit(e);
465
+ }, this.onMobileNavigationToggleClick = () => {
466
+ this.toggleSidebar();
467
+ }, this.onClick = (e) => {
468
+ const t = e.target, a = Boolean(t.closest(".console-layout__mobile-navigation-button"));
469
+ !e.composedPath().includes(this.sidebarEl) && !a && this.sidebarActive && (this.sidebarActive = !1);
470
+ }, this.onKeyDown = (e) => {
471
+ e.code === "Escape" && this.sidebarActive && this.deactivateSidebar();
472
+ };
473
+ }
474
+ componentDidLoad() {
475
+ const r = [
476
+ this.sidebarEl,
477
+ ...Array.from(this.el.querySelectorAll('[slot="navigation"], [slot="user"]')).filter((e) => Boolean(e))
478
+ ];
479
+ this.focusTrap = Ae(r, {
480
+ clickOutsideDeactivates: !0
481
+ }), queueMicrotask(() => {
482
+ B() ? this.deactivateSidebar() : this.activateSidebar();
483
+ });
484
+ }
485
+ onWindowResize() {
486
+ const r = B();
487
+ !r && !this.sidebarActive ? this.activateSidebar() : r && this.deactivateSidebar();
488
+ }
489
+ async toggleSidebar() {
490
+ this.sidebarActive ? this.deactivateSidebar() : this.activateSidebar();
491
+ }
492
+ activateSidebar() {
493
+ var r;
494
+ this.sidebarActive = !0, this.sidebarEl.removeAttribute("inert"), B() && ((r = this.focusTrap) === null || r === void 0 || r.activate());
495
+ }
496
+ deactivateSidebar() {
497
+ var r;
498
+ this.sidebarActive = !1, this.sidebarEl.setAttribute("inert", ""), (r = this.focusTrap) === null || r === void 0 || r.deactivate({ returnFocus: !0 });
499
+ }
500
+ render() {
501
+ const r = ce("console-layout", {
502
+ "console-layout--sidebar-active": this.sidebarActive
503
+ });
504
+ return u(se, null, u("div", { class: r, onClick: this.onClick, onKeyDown: this.onKeyDown }, u("div", { "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (e) => this.sidebarEl = e }, u("header", { class: "console-layout__header" }, u("div", { class: "console-layout__logo" }, u("svg", { class: "console-layout__logo-mark", fill: "none", height: "26", viewBox: "0 0 16 26", width: "16", xmlns: "http://www.w3.org/2000/svg" }, u("path", { d: "M0.624238 14.0705C0.326496 13.5353 0.118077 12.9406 0.0287543 12.3161C-0.0307941 11.662 -0.0010199 11.0375 0.147851 10.4428C0.296722 9.84813 0.594464 9.25343 0.951754 8.77767C1.33882 8.27217 1.78543 7.85588 2.35114 7.55853L14.6181 0.362671C14.9159 0.8979 15.1243 1.4926 15.2136 2.11703C15.3029 2.74147 15.2434 3.3659 15.0945 3.99034C14.9456 4.58504 14.6479 5.17974 14.2906 5.6555C13.9035 6.16099 13.4569 6.57728 12.8912 6.87463L0.624238 14.0705Z", fill: "#145AF5" }), u("path", { d: "M3.69214 21.4743C3.3944 20.9391 3.18598 20.3444 3.09666 19.72C3.00733 19.0956 3.06688 18.4711 3.21575 17.8467C3.36462 17.252 3.66237 16.6573 4.01966 16.1815C4.40672 15.676 4.85333 15.2597 5.41904 14.9624L12.2076 10.9779C12.5053 11.5131 12.7137 12.1078 12.803 12.7323C12.8924 13.3567 12.8328 13.9811 12.6839 14.6056C12.5351 15.2003 12.2373 15.795 11.88 16.2707C11.493 16.7762 11.0464 17.1925 10.4807 17.4899L3.69214 21.4743Z", fill: "#145AF5" }), u("path", { d: "M3.69141 21.4739L7.77047 19.0951C8.39573 20.1953 8.5446 21.5036 8.24686 22.7228C7.91934 23.9419 7.14521 24.9826 6.04357 25.6368L3.69141 21.4739Z", fill: "#80A8F4" }), u("path", { d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), u("flip-text", { class: "console-layout__logo-text", weight: "medium" }, this.logoText))), u("nav", { "aria-label": this.navigationLabel, class: "console-layout__navigation" }, u("slot", { name: "navigation" }), this.sidebarActive && u("flip-visually-hidden", null, u("button", { class: "console-layout__hide-navigation-button", onClick: this.onMobileNavigationToggleClick, type: "button" }, this.hideNavigationButtonLabel))), u("div", { class: "console-layout__user" }, u("slot", { name: "user" }))), u("main", { "aria-labelledby": "app-name", class: "console-layout__main" }, u("header", { class: "console-layout__app-bar" }, u("flip-button", { class: "console-layout__mobile-navigation-button", flipAriaExpanded: String(this.sidebarActive), hideLabel: !0, icon: this.sidebarActive ? "<flip-icon-close></flip-icon-close>" : "<flip-icon-menu></flip-icon-menu>", label: this.sidebarActive ? this.hideNavigationButtonLabel : this.showNavigationButtonLabel, onClick: this.onMobileNavigationToggleClick }), u("flip-heading", { as: "h1", class: "console-layout__app-name", headingId: "app-name", level: 4, text: this.appName }), this.showHelpButton && u("flip-button", { class: "console-layout__help-button", hideLabel: !0, icon: "<flip-icon-help></flip-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick })), u("section", { "aria-labelledby": "heading", class: "console-layout__content" }, u("header", { class: "console-layout__content-header" }, this.showBackButton && u("flip-button", { class: "console-layout__back-button", hideLabel: !0, icon: "<flip-icon-arrow-back></flip-icon-arrow-back>", label: this.backButonLabel, onClick: this.onBackButtonClick }), u("div", null, u("flip-heading", { as: "h2", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && u("flip-text", { class: "console-layout__subheading", color: "subdued" }, this.subheading))), u("div", { class: "console-layout__integration" }, u("slot", { name: "content" }))))));
505
+ }
506
+ get el() {
507
+ return le(this);
508
+ }
509
+ };
510
+ Le.style = De;
511
+ export {
512
+ Le as flip_console_layout
513
+ };
@@ -1,4 +1,4 @@
1
- import { r as Co, c as No, h as F, H as Io } from "./index.c232ca43.js";
1
+ import { r as Co, c as No, h as F, H as Io } from "./index.db0142c3.js";
2
2
  import { c as Uo, a as Yo } from "./_commonjsHelpers-44457d8d.ba94af77.js";
3
3
  import "react";
4
4
  import "react-dom";
@@ -1,4 +1,4 @@
1
- import { r as le, c as we, h as x, H as be, F as te } from "./index.c232ca43.js";
1
+ import { r as le, c as we, h as x, H as be, F as te } from "./index.db0142c3.js";
2
2
  import { c as de, a as Ce, g as ke } from "./_commonjsHelpers-44457d8d.ba94af77.js";
3
3
  import "react";
4
4
  import "react-dom";
@@ -1,4 +1,4 @@
1
- import { r as t, h as i, H as s } from "./index.c232ca43.js";
1
+ import { r as t, h as i, H as s } from "./index.db0142c3.js";
2
2
  import "react";
3
3
  import "react-dom";
4
4
  const e = `:host {
@@ -1,4 +1,4 @@
1
- import { r as i, h as t, H as o } from "./index.c232ca43.js";
1
+ import { r as i, h as t, H as o } from "./index.db0142c3.js";
2
2
  import "react";
3
3
  import "react-dom";
4
4
  const r = ":host{display:block;container-type:inline-size;container-name:description-list}:host *{box-sizing:border-box}.description-list{display:block;max-width:100%;margin:0}.description-list ::slotted(*){padding-bottom:var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default)}.description-list ::slotted(*:not(:last-child)){margin-bottom:var(--s-space-16)}", e = class {