@getflip/swirl-components-react 0.4.0 → 0.5.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 (130) hide show
  1. package/dist/{file-manager.entry.07628dad.js → file-manager.entry.5df78d98.js} +1 -1
  2. package/dist/{flip-action-list-item.entry.a330605c.js → flip-action-list-item.entry.080e14b7.js} +1 -1
  3. package/dist/{flip-action-list-section.entry.19091d98.js → flip-action-list-section.entry.59cc892d.js} +1 -1
  4. package/dist/{flip-action-list.entry.319f0192.js → flip-action-list.entry.34dd165b.js} +1 -1
  5. package/dist/{flip-app-layout_5.entry.ac01996d.js → flip-app-layout_5.entry.20b263f5.js} +16 -16
  6. package/dist/{flip-autocomplete.entry.21deedf2.js → flip-autocomplete.entry.a63ad331.js} +1 -1
  7. package/dist/{flip-avatar-group.entry.c2cc9526.js → flip-avatar-group.entry.e00bcff1.js} +1 -1
  8. package/dist/{flip-avatar.entry.7034b888.js → flip-avatar.entry.32cb98bf.js} +1 -1
  9. package/dist/{flip-badge.entry.bc935c62.js → flip-badge.entry.63e2d414.js} +1 -1
  10. package/dist/{flip-banner.entry.d257835c.js → flip-banner.entry.a2f5eef8.js} +1 -1
  11. package/dist/{flip-button-group.entry.8ce7a3d4.js → flip-button-group.entry.7856eb4f.js} +1 -1
  12. package/dist/{flip-button.entry.eb07eb8a.js → flip-button.entry.82de4159.js} +12 -6
  13. package/dist/{flip-checkbox.entry.43a3832e.js → flip-checkbox.entry.4af2f2b4.js} +10 -7
  14. package/dist/{flip-chip.entry.a479c5b0.js → flip-chip.entry.9e153968.js} +1 -1
  15. package/dist/flip-console-layout.entry.940ff9f8.js +22 -0
  16. package/dist/{flip-date-input.entry.b98d662b.js → flip-date-input.entry.dce529bc.js} +6 -4
  17. package/dist/{flip-date-picker_2.entry.c2143459.js → flip-date-picker_2.entry.177499d7.js} +105 -103
  18. package/dist/{flip-description-list-item.entry.f1db6930.js → flip-description-list-item.entry.efd60d4e.js} +1 -1
  19. package/dist/{flip-description-list.entry.0e214ec2.js → flip-description-list.entry.28fc026b.js} +1 -1
  20. package/dist/{flip-dialog.entry.24f62804.js → flip-dialog.entry.1f35195b.js} +1 -1
  21. package/dist/{flip-file-uploader.entry.91b6ca52.js → flip-file-uploader.entry.3888ef19.js} +1 -1
  22. package/dist/{flip-file-viewer_7.entry.47a4ee0d.js → flip-file-viewer_7.entry.098a3dac.js} +2 -2
  23. package/dist/flip-form-control.entry.8a1150c0.js +65 -0
  24. package/dist/{flip-form-group.entry.89c2a7a6.js → flip-form-group.entry.42d83af8.js} +1 -1
  25. package/dist/flip-heading_2.entry.36e0c785.js +29 -0
  26. package/dist/{flip-icon-add-photo.entry.b5415432.js → flip-icon-add-photo.entry.4a5cdf22.js} +1 -1
  27. package/dist/{flip-icon-add_4.entry.b525e436.js → flip-icon-add_4.entry.890da8d3.js} +1 -1
  28. package/dist/{flip-icon-admin-panel-settings.entry.e416caa2.js → flip-icon-admin-panel-settings.entry.29420ba1.js} +1 -1
  29. package/dist/{flip-icon-arrow-back.entry.3b24c3c4.js → flip-icon-arrow-back.entry.c75093f3.js} +1 -1
  30. package/dist/{flip-icon-arrow-forward.entry.c3577622.js → flip-icon-arrow-forward.entry.a5ba53d2.js} +1 -1
  31. package/dist/{flip-icon-arrow-left_3.entry.0e8c6ffd.js → flip-icon-arrow-left_3.entry.492c928f.js} +1 -1
  32. package/dist/{flip-icon-arrow-right-small.entry.36a480f8.js → flip-icon-arrow-right-small.entry.d977647f.js} +1 -1
  33. package/dist/{flip-icon-attachment.entry.d44215f9.js → flip-icon-attachment.entry.33509693.js} +1 -1
  34. package/dist/{flip-icon-cancel_4.entry.90ff0e73.js → flip-icon-cancel_4.entry.c7533bde.js} +1 -1
  35. package/dist/{flip-icon-chat-bubble.entry.b8022c94.js → flip-icon-chat-bubble.entry.796b792b.js} +1 -1
  36. package/dist/{flip-icon-check-circle.entry.b59a0f63.js → flip-icon-check-circle.entry.942c13d5.js} +1 -1
  37. package/dist/{flip-icon-check-small_3.entry.fd9f691c.js → flip-icon-check-small_3.entry.0b74d78c.js} +10 -12
  38. package/dist/{flip-icon-check-strong.entry.cab3e061.js → flip-icon-check-strong.entry.f072021d.js} +1 -1
  39. package/dist/{flip-icon-check.entry.f6231fc3.js → flip-icon-check.entry.e4c5c94a.js} +1 -1
  40. package/dist/{flip-icon-chevron-left.entry.cd972c85.js → flip-icon-chevron-left.entry.65b612e3.js} +1 -1
  41. package/dist/{flip-icon-chevron-right.entry.b96a1ead.js → flip-icon-chevron-right.entry.0ea10200.js} +1 -1
  42. package/dist/{flip-icon-close-small.entry.292f402f.js → flip-icon-close-small.entry.cccd694a.js} +1 -1
  43. package/dist/{flip-icon-close.entry.a52651ec.js → flip-icon-close.entry.cf4afdfd.js} +1 -1
  44. package/dist/{flip-icon-cloud-upload.entry.8c3de009.js → flip-icon-cloud-upload.entry.8f2ba9c7.js} +1 -1
  45. package/dist/{flip-icon-comment.entry.68e5198c.js → flip-icon-comment.entry.bd9871c6.js} +1 -1
  46. package/dist/{flip-icon-copy.entry.ea55301c.js → flip-icon-copy.entry.1b311d2c.js} +1 -1
  47. package/dist/{flip-icon-date-range.entry.78991d34.js → flip-icon-date-range.entry.20ae3be8.js} +1 -1
  48. package/dist/{flip-icon-delete.entry.addf184d.js → flip-icon-delete.entry.91cce4b6.js} +1 -1
  49. package/dist/{flip-icon-description.entry.7688a64f.js → flip-icon-description.entry.1e861585.js} +1 -1
  50. package/dist/{flip-icon-edit.entry.5df4b598.js → flip-icon-edit.entry.6ce0adc0.js} +1 -1
  51. package/dist/{flip-icon-emoji-mood.entry.7772f2da.js → flip-icon-emoji-mood.entry.26ff5f4c.js} +1 -1
  52. package/dist/{flip-icon-emoji-satisfied.entry.3f11571c.js → flip-icon-emoji-satisfied.entry.c5964eb2.js} +1 -1
  53. package/dist/{flip-icon-error_3.entry.6d22b7a2.js → flip-icon-error_3.entry.ed9ea2ba.js} +1 -1
  54. package/dist/{flip-icon-expand-more.entry.2ffa6f0c.js → flip-icon-expand-more.entry.dfe65dc1.js} +1 -1
  55. package/dist/{flip-icon-file.entry.517a75cc.js → flip-icon-file.entry.1337f4a3.js} +1 -1
  56. package/dist/{flip-icon-folder-shared.entry.661494c2.js → flip-icon-folder-shared.entry.d729af99.js} +1 -1
  57. package/dist/{flip-icon-group-assign.entry.8131eb64.js → flip-icon-group-assign.entry.1b26fbcc.js} +1 -1
  58. package/dist/{flip-icon-groups-custom.entry.f0086123.js → flip-icon-groups-custom.entry.f1691911.js} +1 -1
  59. package/dist/{flip-icon-groups.entry.2e076144.js → flip-icon-groups.entry.8ee2103f.js} +1 -1
  60. package/dist/flip-icon-help.entry.258ffe77.js +15 -0
  61. package/dist/{flip-icon-image.entry.d0482319.js → flip-icon-image.entry.ed9e7cea.js} +1 -1
  62. package/dist/{flip-icon-info.entry.d16cf109.js → flip-icon-info.entry.7ecf555e.js} +1 -1
  63. package/dist/{flip-icon-inventory.entry.a209dd1e.js → flip-icon-inventory.entry.3dfdaf9f.js} +1 -1
  64. package/dist/{flip-icon-like.entry.631333f8.js → flip-icon-like.entry.0cc26e51.js} +1 -1
  65. package/dist/{flip-icon-link.entry.b67ce56a.js → flip-icon-link.entry.4a62a637.js} +1 -1
  66. package/dist/{flip-icon-lock.entry.13f8fa54.js → flip-icon-lock.entry.de97d106.js} +1 -1
  67. package/dist/{flip-icon-logout.entry.79b91644.js → flip-icon-logout.entry.551dbbfc.js} +1 -1
  68. package/dist/{flip-icon-mail.entry.62265dc6.js → flip-icon-mail.entry.8f23d662.js} +1 -1
  69. package/dist/{flip-icon-manage-accounts.entry.e821e9df.js → flip-icon-manage-accounts.entry.587cc1f2.js} +1 -1
  70. package/dist/{flip-icon-mention.entry.09ac190a.js → flip-icon-mention.entry.dea7e9bd.js} +1 -1
  71. package/dist/{flip-icon-message.entry.06934900.js → flip-icon-message.entry.661d3f8b.js} +1 -1
  72. package/dist/{flip-icon-more-horizontal.entry.d1d97d3d.js → flip-icon-more-horizontal.entry.e1b56167.js} +1 -1
  73. package/dist/{flip-icon-more-vertikal.entry.d40ca8b0.js → flip-icon-more-vertikal.entry.c8c2faf5.js} +1 -1
  74. package/dist/{flip-icon-notifications-active.entry.c38ee4bb.js → flip-icon-notifications-active.entry.17e2db26.js} +1 -1
  75. package/dist/{flip-icon-notifications-off.entry.02743a47.js → flip-icon-notifications-off.entry.fccd2c17.js} +1 -1
  76. package/dist/{flip-icon-notifications.entry.4f873bc3.js → flip-icon-notifications.entry.fd6974d0.js} +1 -1
  77. package/dist/{flip-icon-open-in-new.entry.cb673e42.js → flip-icon-open-in-new.entry.377230e7.js} +1 -1
  78. package/dist/{flip-icon-people-alt.entry.648a37d3.js → flip-icon-people-alt.entry.ff8dcfad.js} +1 -1
  79. package/dist/{flip-icon-person-off.entry.3bc3e587.js → flip-icon-person-off.entry.c1046231.js} +1 -1
  80. package/dist/{flip-icon-person.entry.b269287a.js → flip-icon-person.entry.a8e33281.js} +1 -1
  81. package/dist/{flip-icon-phone.entry.89c67938.js → flip-icon-phone.entry.b13cd9db.js} +1 -1
  82. package/dist/{flip-icon-poll.entry.51bd2d6b.js → flip-icon-poll.entry.d4d7ab35.js} +1 -1
  83. package/dist/{flip-icon-print.entry.fcdc08c4.js → flip-icon-print.entry.e22c899f.js} +1 -1
  84. package/dist/{flip-icon-recieved.entry.e52d5907.js → flip-icon-recieved.entry.42365f6e.js} +1 -1
  85. package/dist/{flip-icon-search-strong.entry.f9f740dc.js → flip-icon-search-strong.entry.3e2df830.js} +1 -1
  86. package/dist/{flip-icon-search.entry.530eb22a.js → flip-icon-search.entry.307ecf81.js} +1 -1
  87. package/dist/{flip-icon-send.entry.1a1f6a9f.js → flip-icon-send.entry.d821277c.js} +1 -1
  88. package/dist/{flip-icon-settings.entry.05357f2b.js → flip-icon-settings.entry.39d549e4.js} +1 -1
  89. package/dist/{flip-icon-time-filled.entry.7dfefe00.js → flip-icon-time-filled.entry.59391c42.js} +1 -1
  90. package/dist/{flip-icon-time-outlined.entry.b309035e.js → flip-icon-time-outlined.entry.7828e49b.js} +1 -1
  91. package/dist/{flip-icon-user-assign.entry.b595047d.js → flip-icon-user-assign.entry.d015d6d1.js} +1 -1
  92. package/dist/{flip-icon-video-camera.entry.08411542.js → flip-icon-video-camera.entry.08b245ec.js} +1 -1
  93. package/dist/{flip-icon-warning.entry.5d5e3ce9.js → flip-icon-warning.entry.6646b827.js} +1 -1
  94. package/dist/{flip-lightbox.entry.d7a5b33f.js → flip-lightbox.entry.89522005.js} +1 -1
  95. package/dist/{flip-link.entry.5415c5a4.js → flip-link.entry.21826dcf.js} +1 -1
  96. package/dist/{flip-list.entry.5ffbd0ef.js → flip-list.entry.28ca3e9a.js} +1 -1
  97. package/dist/{flip-modal.entry.8f99c357.js → flip-modal.entry.9dc00a89.js} +1 -1
  98. package/dist/{flip-option-list-section.entry.1c46b667.js → flip-option-list-section.entry.8016c860.js} +1 -1
  99. package/dist/{flip-pagination.entry.44ba4122.js → flip-pagination.entry.5c31f8e5.js} +1 -1
  100. package/dist/{flip-pdf-reader.entry.4fba8eda.js → flip-pdf-reader.entry.79fd6e1f.js} +2 -2
  101. package/dist/flip-popover.entry.712ebb5b.js +115 -0
  102. package/dist/{flip-progress-indicator.entry.98300d84.js → flip-progress-indicator.entry.342c1c4c.js} +1 -1
  103. package/dist/{flip-radio-group.entry.3a737bc9.js → flip-radio-group.entry.ab35d743.js} +1 -1
  104. package/dist/{flip-radio.entry.45be80ff.js → flip-radio.entry.35aa66f2.js} +8 -5
  105. package/dist/{flip-resource-list-file-item.entry.380c5dbe.js → flip-resource-list-file-item.entry.b56f8795.js} +1 -1
  106. package/dist/{flip-search.entry.6805dae6.js → flip-search.entry.cb0d0faa.js} +1 -1
  107. package/dist/flip-select.entry.67d74a11.js +48 -0
  108. package/dist/{flip-stack.entry.c7c6570a.js → flip-stack.entry.b7e0326d.js} +1 -1
  109. package/dist/{flip-switch.entry.d92b7292.js → flip-switch.entry.a5b1c2c6.js} +1 -1
  110. package/dist/{flip-tab.entry.e7a1ab1a.js → flip-tab.entry.97e217ad.js} +1 -1
  111. package/dist/{flip-tabs.entry.16f909d5.js → flip-tabs.entry.ad810ab3.js} +1 -1
  112. package/dist/{flip-tag.entry.8622ab43.js → flip-tag.entry.8d4916e7.js} +1 -1
  113. package/dist/{flip-text-input.entry.326d7e72.js → flip-text-input.entry.b963e731.js} +10 -8
  114. package/dist/{flip-theme-provider.entry.bb6a10e3.js → flip-theme-provider.entry.d5dd8213.js} +1 -1
  115. package/dist/{flip-thumbnail.entry.7e078ff9.js → flip-thumbnail.entry.5f5e44d2.js} +1 -1
  116. package/dist/{flip-toast-provider.entry.442c1fb8.js → flip-toast-provider.entry.4c55da45.js} +5 -3
  117. package/dist/{flip-toast.entry.696f6bd2.js → flip-toast.entry.c306c0f6.js} +1 -1
  118. package/dist/{flip-tooltip.entry.0c1774a4.js → flip-tooltip.entry.4544c9e8.js} +2 -2
  119. package/dist/{flip-video-thumbnail.entry.b6b896d0.js → flip-video-thumbnail.entry.7e6a70de.js} +1 -1
  120. package/dist/{flip-visually-hidden.entry.58a19f2e.js → flip-visually-hidden.entry.59b6f888.js} +1 -1
  121. package/dist/index.ac96d2b2.js +1368 -0
  122. package/dist/stencil-generated/index.d.ts +3 -0
  123. package/dist/swirl-components-react.js +125 -122
  124. package/dist/swirl-components-react.umd.cjs +39 -36
  125. package/package.json +2 -2
  126. package/dist/flip-form-control.entry.82737412.js +0 -58
  127. package/dist/flip-heading.entry.00139b62.js +0 -18
  128. package/dist/flip-popover.entry.0f8879c7.js +0 -99
  129. package/dist/flip-text.entry.a01cf4bc.js +0 -18
  130. package/dist/index.b66ff9f0.js +0 -1365
package/dist/{file-manager.entry.07628dad.js → file-manager.entry.5df78d98.js} RENAMED
@@ -1,4 +1,4 @@
1
- import { r as o, h as e, H as n } from "./index.b66ff9f0.js";
1
+ import { r as o, h as e, H as n } from "./index.ac96d2b2.js";
2
2
  import "react";
3
3
  import "react-dom";
4
4
  const a = {
package/dist/{flip-action-list-item.entry.a330605c.js → flip-action-list-item.entry.080e14b7.js} RENAMED
@@ -1,4 +1,4 @@
1
- import { r as s, h as i, H as a } from "./index.b66ff9f0.js";
1
+ import { r as s, h as i, H as a } from "./index.ac96d2b2.js";
2
2
  import { c as o } from "./index-6d2e18c6.289636d4.js";
3
3
  import "react";
4
4
  import "react-dom";
package/dist/{flip-action-list-section.entry.19091d98.js → flip-action-list-section.entry.59cc892d.js} RENAMED
@@ -1,4 +1,4 @@
1
- import { r as i, h as t, H as o } from "./index.b66ff9f0.js";
1
+ import { r as i, h as t, H as o } from "./index.ac96d2b2.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 {
package/dist/{flip-action-list.entry.319f0192.js → flip-action-list.entry.34dd165b.js} RENAMED
@@ -1,4 +1,4 @@
1
- import { r as s, h as i, H as n, g as r } from "./index.b66ff9f0.js";
1
+ import { r as s, h as i, H as n, g as r } from "./index.ac96d2b2.js";
2
2
  import { q as c } from "./utils-39b2afe8.37b54ba4.js";
3
3
  import "react";
4
4
  import "react-dom";
package/dist/{flip-app-layout_5.entry.ac01996d.js → flip-app-layout_5.entry.20b263f5.js} RENAMED
@@ -1,4 +1,4 @@
1
- import { r as s, c as o, h as a, H as n, g as l } from "./index.b66ff9f0.js";
1
+ import { r as n, c as s, h as a, H as r, g as l } from "./index.ac96d2b2.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";
@@ -15,13 +15,13 @@ const m = `:host{display:flex;width:100%;height:100%}:host *{box-sizing:border-b
15
15
  "navigation body"}}@media (min-width: 768px) and (max-width: 1439px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__sidebar{position:absolute;top:0;right:0;bottom:0;width:min(40%, 25rem);border-left:var(--s-border-width-default) solid var(--s-border-default);box-shadow:0.125rem 0.25rem 1rem rgba(0, 0, 0, 0.14)}}@media (max-width: 767px){.app-layout--mobile-view-navigation .app-layout__grid{grid-template-areas:"header"
16
16
  "navigation"}.app-layout--mobile-view-navigation .app-layout__body,.app-layout--mobile-view-navigation .app-layout__sidebar{display:none}}@media (max-width: 767px){.app-layout--mobile-view-body .app-layout__grid{grid-template-areas:"body"
17
17
  "body"}.app-layout--mobile-view-body .app-layout__header,.app-layout--mobile-view-body .app-layout__navigation,.app-layout--mobile-view-body .app-layout__sidebar{display:none}}@media (max-width: 767px){.app-layout--mobile-view-sidebar .app-layout__grid{grid-template-areas:"sidebar"
18
- "sidebar"}.app-layout--mobile-view-sidebar .app-layout__header,.app-layout--mobile-view-sidebar .app-layout__navigation,.app-layout--mobile-view-sidebar .app-layout__body{display:none}}.app-layout--has-sidebar:not(.app-layout--sidebar-active) .app-layout__sidebar{display:none}@media (min-width: 768px){.app-layout--sidebar-closing .app-layout__sidebar{-webkit-animation:app-layout-sidebar-overlay-slide-out 0.3s;animation:app-layout-sidebar-overlay-slide-out 0.3s}}@media (min-width: 1440px){.app-layout--sidebar-closing .app-layout__sidebar{-webkit-animation:none;animation:none}}.app-layout__header{z-index:1;display:flex;padding:var(--s-space-12) var(--s-space-16);align-items:center;background-color:var(--s-background-default);grid-area:header;will-change:transform;gap:var(--s-space-8)}.app-layout__app-name{min-width:0}.app-layout__app-name .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-layout__navigation-back-button{margin-left:calc(-1 * var(--s-space-4))}.app-layout__floating-cta{position:absolute;z-index:4;right:var(--s-space-16);bottom:var(--s-space-16)}.app-layout__navigation-controls{fles-shrink:0}.app-layout__navigation{z-index:1;overflow-y:auto;background-color:var(--s-background-default);grid-area:navigation;will-change:transform}.app-layout__body{z-index:2;display:grid;width:100%;height:100%;gap:var(--s-border-width-default);grid-area:body;grid-template-rows:4rem 1fr;grid-template-areas:"app-bar"
18
+ "sidebar"}.app-layout--mobile-view-sidebar .app-layout__header,.app-layout--mobile-view-sidebar .app-layout__navigation,.app-layout--mobile-view-sidebar .app-layout__body{display:none}}.app-layout--has-sidebar:not(.app-layout--sidebar-active) .app-layout__sidebar{display:none}@media (min-width: 768px){.app-layout--sidebar-closing .app-layout__sidebar{-webkit-animation:app-layout-sidebar-overlay-slide-out 0.3s;animation:app-layout-sidebar-overlay-slide-out 0.3s}}@media (min-width: 1440px){.app-layout--sidebar-closing .app-layout__sidebar{-webkit-animation:none;animation:none}}.app-layout__header{z-index:1;display:flex;padding:var(--s-space-12) var(--s-space-16);align-items:center;background-color:var(--s-background-default);grid-area:header;will-change:transform;gap:var(--s-space-8)}.app-layout__app-name{min-width:0}.app-layout__app-name .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-layout__navigation-back-button{margin-left:calc(-1 * var(--s-space-4))}.app-layout__floating-cta{position:absolute;z-index:4;right:var(--s-space-16);bottom:var(--s-space-16)}.app-layout__navigation-controls{flex-shrink:0}.app-layout__navigation{z-index:1;overflow-y:auto;background-color:var(--s-background-default);grid-area:navigation;will-change:transform}.app-layout__body{z-index:2;display:grid;width:100%;height:100%;gap:var(--s-border-width-default);grid-area:body;grid-template-rows:4rem 1fr;grid-template-areas:"app-bar"
19
19
  "content";will-change:transform}.app-layout__app-bar{display:flex;min-width:0;padding:var(--s-space-12) var(--s-space-16);align-items:center;background-color:var(--s-background-default);grid-area:app-bar;gap:var(--s-space-8)}.app-layout__back-to-navigation-button{margin-left:calc(-1 * var(--s-space-4))}@media (min-width: 768px){.app-layout__back-to-navigation-button{display:none}}.app-layout__app-bar-media{display:inline-flex;flex-shrink:0}.app-layout__app-bar-heading{min-width:0;flex-grow:1}.app-layout__app-bar-heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-layout__app-bar-subheading{display:block;overflow:hidden;max-width:100%;color:var(--s-text-subdued);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);white-space:nowrap;text-overflow:ellipsis}.app-layout__content{overflow:auto;background-color:var(--s-background-default);grid-area:content}.app-layout__sidebar{z-index:3;display:grid;width:100%;height:100%;will-change:transform;gap:var(--s-border-width-default);grid-area:sidebar;grid-template-rows:4rem 1fr;grid-template-areas:"sidebar-header"
20
20
  "sidebar-content"}@media (min-width: 768px){.app-layout__sidebar{-webkit-animation:app-layout-slide-in 0.3s;animation:app-layout-slide-in 0.3s}}@media (min-width: 1440px){.app-layout__sidebar{width:25rem;-webkit-animation:none;animation:none}}.app-layout__sidebar-header{display:flex;min-width:0;padding:var(--s-space-12) var(--s-space-16);align-items:center;background-color:var(--s-background-default);grid-area:sidebar-header;gap:var(--s-space-8)}.app-layout__sidebar-heading{min-width:0;flex-grow:1}.app-layout__sidebar-heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-layout__sidebar-close-button{margin-left:calc(-1 * var(--s-space-4))}.app-layout__sidebar-content{overflow-y:auto;background-color:var(--s-background-default);grid-area:sidebar-content}@media (max-width: 767px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__grid,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__grid{grid-template-columns:100%;grid-template-areas:"header"
21
21
  "navigation"}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{position:absolute;top:0;left:0;display:grid;width:100%;transform:translate3d(100%, 0, 0)}}@media (max-width: 767px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{display:flex}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{display:block}}@media (max-width: 991px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__grid,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__grid{grid-template-columns:100%;grid-template-areas:"body"
22
22
  "body"}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{position:absolute;top:0;left:0;display:grid;border-left:var(--s-border-width-default) solid var(--s-border-default)}}@media (max-width: 991px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{display:grid}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{display:grid}}@media (max-width: 767px){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__navigation,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{-webkit-animation:app-layout-slide-out 0.4s;animation:app-layout-slide-out 0.4s}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{-webkit-animation:app-layout-slide-in 0.4s;animation:app-layout-slide-in 0.4s}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body:after,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{position:absolute;top:0;right:100%;bottom:0;display:block;width:100%;background-color:rgba(0, 0, 0, 0.3);content:"";-webkit-animation:app-layout-fade-in 0.4s;animation:app-layout-fade-in 0.4s}}@media (max-width: 767px){.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{animation-direction:reverse}}@media (max-width: 991px){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{-webkit-animation:app-layout-slide-out 0.4s;animation:app-layout-slide-out 0.4s}.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{-webkit-animation:app-layout-slide-in 0.4s;animation:app-layout-slide-in 0.4s}.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar:after,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{position:absolute;top:0;right:100%;bottom:0;display:block;width:100%;background-color:rgba(0, 0, 0, 0.3);content:"";-webkit-animation:app-layout-fade-in 0.4s;animation:app-layout-fade-in 0.4s}}@media (max-width: 991px){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{animation-direction:reverse}}@media (max-width: 767px){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{-webkit-animation:app-layout-scale-in 0.3s;animation:app-layout-scale-in 0.3s}}@media (max-width: 767px){.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation-direction:reverse}}@media (max-width: 991px){.app-layout--transition-style-dialog.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{-webkit-animation:app-layout-scale-in 0.3s;animation:app-layout-scale-in 0.3s}}@media (max-width: 991px){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation-direction:reverse}}@-webkit-keyframes app-layout-sidebar-overlay-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(100%, 0, 0)}}@keyframes app-layout-sidebar-overlay-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(100%, 0, 0)}}@-webkit-keyframes app-layout-slide-in{0%{transform:translate3d(100%, 0, 0)}100%{transform:translate3d(0, 0, 0)}}@keyframes app-layout-slide-in{0%{transform:translate3d(100%, 0, 0)}100%{transform:translate3d(0, 0, 0)}}@-webkit-keyframes app-layout-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(-20%, 0, 0)}}@keyframes app-layout-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(-20%, 0, 0)}}@-webkit-keyframes app-layout-fade-in{0%{opacity:0}100%{opacity:1}}@keyframes app-layout-fade-in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes app-layout-scale-in{from{transform:scale(0);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0)}to{transform:scale(1);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0.25)}}@keyframes app-layout-scale-in{from{transform:scale(0);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0)}to{transform:scale(1);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0.25)}}@-webkit-keyframes app-layout-sidebar-slide-in{from{overflow:hidden;grid-template-columns:25rem 1fr 0}to{overflow:hidden;grid-template-columns:25rem 1fr 25rem}}@keyframes app-layout-sidebar-slide-in{from{overflow:hidden;grid-template-columns:25rem 1fr 0}to{overflow:hidden;grid-template-columns:25rem 1fr 25rem}}@-webkit-keyframes app-layout-sidebar-slide-out{from{overflow:hidden;grid-template-columns:25rem 1fr 25rem}to{overflow:hidden;grid-template-columns:25rem 1fr 0}}@keyframes app-layout-sidebar-slide-out{from{overflow:hidden;grid-template-columns:25rem 1fr 25rem}to{overflow:hidden;grid-template-columns:25rem 1fr 0}}`, h = class {
23
23
  constructor(t) {
24
- s(this, t), this.ctaClick = o(this, "ctaClick", 7), this.mobileViewChange = o(this, "mobileViewChange", 7), this.navigationBackButtonClick = o(this, "navigationBackButtonClick", 7), this.sidebarToggle = o(this, "sidebarToggle", 7), this.backToNavigationViewButtonLabel = "Back to navigation", this.navigationBackButtonLabel = "Go back", this.sidebarCloseButtonLabel = "Close sidebar", this.transitionStyle = "slides", this.mobileView = "navigation", this.onBackToNavigationViewButtonClick = () => {
24
+ n(this, t), this.ctaClick = s(this, "ctaClick", 7), this.mobileViewChange = s(this, "mobileViewChange", 7), this.navigationBackButtonClick = s(this, "navigationBackButtonClick", 7), this.sidebarToggle = s(this, "sidebarToggle", 7), this.backToNavigationViewButtonLabel = "Back to navigation", this.navigationBackButtonLabel = "Go back", this.sidebarCloseButtonLabel = "Close sidebar", this.transitionStyle = "slides", this.mobileView = "navigation", this.onBackToNavigationViewButtonClick = () => {
25
25
  this.changeMobileView("navigation");
26
26
  }, this.onCtaClick = (i) => {
27
27
  this.ctaClick.emit(i);
@@ -68,10 +68,10 @@ const m = `:host{display:flex;width:100%;height:100%}:host *{box-sizing:border-b
68
68
  return;
69
69
  }
70
70
  Boolean(this.transitionTimeout) && clearTimeout(this.transitionTimeout), this.transitioningFrom = this.mobileView, this.transitioningTo = t;
71
- const r = this.transitionStyle === "slides" ? 400 : this.transitionStyle === "dialog" ? 300 : 0;
72
- this.transitionTimeout = setTimeout(() => {
71
+ let o = 0;
72
+ this.transitionStyle === "slides" ? o = 400 : this.transitionStyle === "dialog" && (o = 300), this.transitionTimeout = setTimeout(() => {
73
73
  this.mobileView = t, this.transitioningFrom = void 0, this.transitioningTo = void 0, this.mobileViewChange.emit(this.mobileView);
74
- }, r);
74
+ }, o);
75
75
  }
76
76
  checkMobileView() {
77
77
  if (this.mobileView === "navigation" && !this.hasNavigation || this.mobileView === "sidebar" && !this.hasSidebar) {
@@ -94,7 +94,7 @@ const m = `:host{display:flex;width:100%;height:100%}:host *{box-sizing:border-b
94
94
  "app-layout--sidebar-active": this.mobileView === "sidebar" || this.sidebarActive,
95
95
  "app-layout--sidebar-closing": this.sidebarClosing
96
96
  });
97
- return a(n, null, a("section", { "aria-labelledby": "app-name", class: i, role: "document", tabIndex: 0 }, a("div", { class: "app-layout__grid" }, a("header", { class: "app-layout__header" }, this.showNavigationBackButton && a("span", { class: "app-layout__navigation-back-button" }, a("flip-button", { hideLabel: !0, icon: "<flip-icon-arrow-back></flip-icon-arrow-back>", intent: "primary", label: this.navigationBackButtonLabel, onClick: this.onNavigationBackButtonClick })), a("flip-heading", { as: "h1", class: "app-layout__app-name", headingId: "app-name", level: 2, text: this.appName }), this.hasNavigation && a("span", { class: "app-layout__navigation-controls" }, a("slot", { name: "navigation-controls" }))), a("nav", { "aria-label": this.navigationLabel, class: "app-layout__navigation" }, a("slot", { name: "navigation" })), a("section", { "aria-labelledby": this.hasNavigation ? "heading" : "app-name", class: "app-layout__body" }, this.hasNavigation ? a("header", { class: "app-layout__app-bar" }, t && a("span", { class: "app-layout__back-to-navigation-button" }, a("flip-button", { hideLabel: !0, icon: this.transitionStyle === "dialog" ? "<flip-icon-close></flip-icon-close>" : "<flip-icon-arrow-back></flip-icon-arrow-back>", intent: "primary", label: this.backToNavigationViewButtonLabel, onClick: this.onBackToNavigationViewButtonClick })), this.appBarMedia && a("div", { class: "app-layout__app-bar-media", innerHTML: this.appBarMedia }), a("div", { class: "app-layout__app-bar-heading" }, this.heading && a("flip-heading", { as: "h2", headingId: "heading", level: 4, text: this.heading }), this.subheading && a("span", { class: "app-layout__app-bar-subheading" }, this.subheading)), a("div", { class: "app-layout__app-bar-controls" }, a("slot", { name: "app-bar-controls" }))) : a("header", { class: "app-layout__app-bar" }, a("flip-heading", { as: "h1", headingId: "app-name", level: 2, text: this.appName }), a("span", { class: "app-layout__navigation-controls" }, a("slot", { name: "navigation-controls" }))), a("div", { class: "app-layout__content" }, a("slot", { name: "content" }))), a("aside", { class: "app-layout__sidebar" }, a("header", { class: "app-layout__sidebar-header" }, a("flip-button", { class: "app-layout__sidebar-close-button", hideLabel: !0, icon: "<flip-icon-close></flip-icon-close>", intent: "primary", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick }), a("flip-heading", { as: "h3", class: "app-layout__sidebar-heading", headingId: "sidebar-heading", level: 2, text: this.sidebarHeading })), a("div", { class: "app-layout__sidebar-content" }, a("slot", { name: "sidebar" }))), this.ctaLabel && a("span", { class: "app-layout__floating-cta" }, a("flip-button", { hideLabel: Boolean(this.ctaIcon), icon: this.ctaIcon, intent: "primary", label: this.ctaLabel, onClick: this.onCtaClick, variant: "floating" })))));
97
+ return a(r, null, a("section", { "aria-labelledby": "app-name", class: i, role: "document", tabIndex: 0 }, a("div", { class: "app-layout__grid" }, a("header", { class: "app-layout__header" }, this.showNavigationBackButton && a("span", { class: "app-layout__navigation-back-button" }, a("flip-button", { hideLabel: !0, icon: "<flip-icon-arrow-back></flip-icon-arrow-back>", intent: "primary", label: this.navigationBackButtonLabel, onClick: this.onNavigationBackButtonClick })), a("flip-heading", { as: "h1", class: "app-layout__app-name", headingId: "app-name", level: 2, text: this.appName }), this.hasNavigation && a("span", { class: "app-layout__navigation-controls" }, a("slot", { name: "navigation-controls" }))), a("nav", { "aria-label": this.navigationLabel, class: "app-layout__navigation" }, a("slot", { name: "navigation" })), a("section", { "aria-labelledby": this.hasNavigation ? "heading" : "app-name", class: "app-layout__body" }, this.hasNavigation ? a("header", { class: "app-layout__app-bar" }, t && a("span", { class: "app-layout__back-to-navigation-button" }, a("flip-button", { hideLabel: !0, icon: this.transitionStyle === "dialog" ? "<flip-icon-close></flip-icon-close>" : "<flip-icon-arrow-back></flip-icon-arrow-back>", intent: "primary", label: this.backToNavigationViewButtonLabel, onClick: this.onBackToNavigationViewButtonClick })), this.appBarMedia && a("div", { class: "app-layout__app-bar-media", innerHTML: this.appBarMedia }), a("div", { class: "app-layout__app-bar-heading" }, this.heading && a("flip-heading", { as: "h2", headingId: "heading", level: 4, text: this.heading }), this.subheading && a("span", { class: "app-layout__app-bar-subheading" }, this.subheading)), a("div", { class: "app-layout__app-bar-controls" }, a("slot", { name: "app-bar-controls" }))) : a("header", { class: "app-layout__app-bar" }, a("flip-heading", { as: "h1", headingId: "app-name", level: 2, text: this.appName }), a("span", { class: "app-layout__navigation-controls" }, a("slot", { name: "navigation-controls" }))), a("div", { class: "app-layout__content" }, a("slot", { name: "content" }))), a("aside", { class: "app-layout__sidebar" }, a("header", { class: "app-layout__sidebar-header" }, a("flip-button", { class: "app-layout__sidebar-close-button", hideLabel: !0, icon: "<flip-icon-close></flip-icon-close>", intent: "primary", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick }), a("flip-heading", { as: "h3", class: "app-layout__sidebar-heading", headingId: "sidebar-heading", level: 2, text: this.sidebarHeading })), a("div", { class: "app-layout__sidebar-content" }, a("slot", { name: "sidebar" }))), this.ctaLabel && a("span", { class: "app-layout__floating-cta" }, a("flip-button", { hideLabel: Boolean(this.ctaIcon), icon: this.ctaIcon, intent: "primary", label: this.ctaLabel, onClick: this.onCtaClick, variant: "floating" })))));
98
98
  }
99
99
  get el() {
100
100
  return l(this);
@@ -108,7 +108,7 @@ const m = `:host{display:flex;width:100%;height:100%}:host *{box-sizing:border-b
108
108
  h.style = m;
109
109
  const g = ":host{display:block;width:100%}:host *{box-sizing:border-box}.box--bordered{border:var(--s-border-width-default) solid var(--s-border-default)}.box--center-block{display:flex;align-items:center}.box--center-inline{display:flex;justify-content:center}.box--cover{width:100%;height:100%}", v = class {
110
110
  constructor(t) {
111
- s(this, t), this.as = "div", this.padding = "0";
111
+ n(this, t), this.as = "div", this.padding = "0";
112
112
  }
113
113
  render() {
114
114
  const t = this.as, i = { padding: `var(--s-space-${this.padding})` }, e = p("box", {
@@ -117,22 +117,22 @@ const g = ":host{display:block;width:100%}:host *{box-sizing:border-box}.box--bo
117
117
  "box--center-inline": this.centerInline,
118
118
  "box--cover": this.cover
119
119
  });
120
- return a(n, { style: this.cover ? { width: "100%", height: "100%" } : void 0 }, a(t, { class: e, style: i }, a("slot", null)));
120
+ return a(r, { style: this.cover ? { width: "100%", height: "100%" } : void 0 }, a(t, { class: e, style: i }, a("slot", null)));
121
121
  }
122
122
  };
123
123
  v.style = g;
124
124
  const _ = ":host{display:block}:host *{box-sizing:border-box}.empty-state{display:flex;max-width:28rem;align-items:center;flex-direction:column;gap:var(--s-space-16)}.empty-state__illustration{max-width:16rem}.empty-state__body{display:flex;align-items:center;flex-direction:column;gap:var(--s-space-8)}", f = class {
125
125
  constructor(t) {
126
- s(this, t);
126
+ n(this, t);
127
127
  }
128
128
  render() {
129
- return a(n, null, a("div", { class: "empty-state" }, this.illustration && a("img", { alt: "", class: "empty-state__illustration", src: this.illustration }), a("div", { class: "empty-state__body" }, this.heading && a("flip-heading", { align: "center", as: "p", text: this.heading }), a("div", { class: "empty-state__content" }, a("flip-text", { align: "center", color: "subdued" }, a("slot", null))))));
129
+ return a(r, null, a("div", { class: "empty-state" }, this.illustration && a("img", { alt: "", class: "empty-state__illustration", src: this.illustration }), a("div", { class: "empty-state__body" }, this.heading && a("flip-heading", { align: "center", as: "p", text: this.heading }), a("div", { class: "empty-state__content" }, a("flip-text", { align: "center", color: "subdued" }, a("slot", null))))));
130
130
  }
131
131
  };
132
132
  f.style = _;
133
133
  const w = ":host{display:block;width:100%}:host *{box-sizing:border-box}", k = class {
134
134
  constructor(t) {
135
- s(this, t), this.focusedIndex = 0, this.onFocus = () => {
135
+ n(this, t), this.focusedIndex = 0, this.onFocus = () => {
136
136
  this.focusItemAtIndex(this.focusedIndex);
137
137
  }, this.onKeyDown = (i) => {
138
138
  if (i.key === "ArrowDown")
@@ -166,7 +166,7 @@ const w = ":host{display:block;width:100%}:host *{box-sizing:border-box}", k = c
166
166
  e.setAttribute("tabIndex", "0"), e.focus(), this.focusedIndex = t;
167
167
  }
168
168
  render() {
169
- return a(n, { onKeyDown: this.onKeyDown }, a("flip-stack", { "aria-label": this.label, onFocus: this.onFocus, role: "grid", tabIndex: 0 }, a("slot", null)));
169
+ return a(r, { onKeyDown: this.onKeyDown }, a("flip-stack", { "aria-label": this.label, onFocus: this.onFocus, role: "grid", tabIndex: 0 }, a("slot", null)));
170
170
  }
171
171
  get el() {
172
172
  return l(this);
@@ -175,7 +175,7 @@ const w = ":host{display:block;width:100%}:host *{box-sizing:border-box}", k = c
175
175
  k.style = w;
176
176
  const x = ':host{display:block;width:100%}:host *{box-sizing:border-box}.resource-list-item{position:relative;width:100%}.resource-list-item--checked .resource-list-item__checkbox{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.resource-list-item--has-menu .resource-list-item__label-container{padding-right:calc(var(--s-space-16) + 2.5rem + var(--s-space-12))}@media (--from-tablet){.resource-list-item--selectable .resource-list-item__content{padding-left:calc(var(--s-space-16) + 1.5rem + var(--s-space-12))}}.resource-list-item--selectable .resource-list-item__label-container{padding-right:calc(var(--s-space-16) + 1.5rem + var(--s-space-12))}@media (--from-tablet){.resource-list-item--selectable .resource-list-item__label-container{padding-right:var(--s-space-16)}}.resource-list-item--hide-divider .resource-list-item__label-container:after{display:none}.resource-list-item__content{--flip-avatar-group-border-color:var(--s-background-default);--flip-badge-border-color:var(--s-background-default);display:flex;width:100%;margin:0;padding-top:var(--s-space-12);padding-right:0;padding-bottom:var(--s-space-12);padding-left:var(--s-space-16);align-items:center;border:none;color:var(--s-text-default);background-color:var(--s-background-default);font:inherit;line-height:var(--s-line-height-base);text-align:left;text-decoration:none;cursor:pointer;gap:var(--s-space-12)}.resource-list-item__content:hover:not(:disabled){background-color:var(--s-background-hovered)}.resource-list-item__content:hover:not(:disabled) .resource-list-item__media{--flip-avatar-group-border-color:var(--s-background-hovered);--flip-badge-border-color:var(--s-background-hovered)}.resource-list-item__content:active:not(:disabled){background-color:var(--s-background-pressed)}.resource-list-item__content:active:not(:disabled) .resource-list-item__media{--flip-avatar-group-border-color:var(--s-background-pressed);--flip-badge-border-color:var(--s-background-pressed)}.resource-list-item__content:focus{background-color:var(--s-background-hovered);outline:none}.resource-list-item__content:focus .resource-list-item__media{--flip-avatar-group-border-color:var(--s-background-hovered);--flip-badge-border-color:var(--s-background-hovered)}.resource-list-item__content:disabled{color:var(--s-text-disabled);background-color:var(--s-background-default);cursor:default}.resource-list-item__content:disabled .resource-list-item__description{color:var(--s-text-disabled)}.resource-list-item__media{display:inline-flex}.resource-list-item__label-container{position:relative;display:flex;min-width:0;min-height:2.875rem;padding-right:var(--s-space-16);flex-grow:1;justify-content:center;flex-direction:column}.resource-list-item__label-container:after{position:absolute;right:0;bottom:calc(-1 * var(--s-space-12));left:0;height:0.0625rem;background-color:var(--s-border-default);content:""}.resource-list-item__label{overflow:hidden;font-weight:var(--s-font-weight-medium);white-space:nowrap;text-overflow:ellipsis}.resource-list-item__description{overflow:hidden;margin-top:var(--s-space-2);color:var(--s-text-subdued);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);white-space:nowrap;text-overflow:ellipsis}.resource-list-item__menu-trigger{position:absolute;top:50%;right:var(--s-space-16);transform:translateY(-50%)}.resource-list-item__checkbox{position:absolute;top:50%;right:var(--s-space-16);display:flex;width:1.25rem;height:1.25rem;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s);transform:translateY(-50%)}@media (--from-tablet){.resource-list-item__checkbox{right:auto;left:var(--s-space-16)}}.resource-list-item__checkbox-icon{display:inline-flex;width:1.0625rem;height:1.0625rem}.resource-list-item__checkbox-icon>*::part(icon){width:1.0625rem;height:1.0625rem}.resource-list-item__meta{position:absolute;top:calc(var(--s-space-12) + var(--s-space-4));right:var(--s-space-16);color:var(--s-text-subdued);font-size:var(--s-font-size-sm)}', C = class {
177
177
  constructor(t) {
178
- s(this, t), this.valueChange = o(this, "valueChange", 7), this.checked = !1, this.menuTriggerLabel = "Options", this.onClick = () => {
178
+ n(this, t), this.valueChange = s(this, "valueChange", 7), this.checked = !1, this.menuTriggerLabel = "Options", this.onClick = () => {
179
179
  !this.selectable || (this.checked = !this.checked, this.valueChange.emit(this.checked));
180
180
  }, this.onMenuTriggerClick = (i) => {
181
181
  this.disabled && !Boolean(this.href) && i.stopPropagation();
@@ -193,13 +193,13 @@ const x = ':host{display:block;width:100%}:host *{box-sizing:border-box}.resourc
193
193
  !Boolean(t) || (t.setAttribute("format", "landscape"), ["s", "m"].includes(t.getAttribute("size")) || t.setAttribute("size", "m"));
194
194
  }
195
195
  render() {
196
- const t = Boolean(this.href) && !this.selectable ? "a" : "button", i = this.disabled && !Boolean(this.href), e = Boolean(this.menuTriggerId), r = e && !Boolean(this.meta) && !this.selectable, u = Boolean(this.meta) && !this.selectable, b = this.selectable ? String(this.checked) : void 0, c = this.selectable ? "checkbox" : void 0, y = p("resource-list-item", {
196
+ const t = Boolean(this.href) && !this.selectable ? "a" : "button", i = this.disabled && !Boolean(this.href), e = Boolean(this.menuTriggerId), o = e && !Boolean(this.meta) && !this.selectable, u = Boolean(this.meta) && !this.selectable, b = this.selectable ? String(this.checked) : void 0, y = this.selectable ? "checkbox" : void 0, c = p("resource-list-item", {
197
197
  "resource-list-item--checked": this.checked,
198
198
  "resource-list-item--has-menu": e,
199
199
  "resource-list-item--hide-divider": this.hideDivider,
200
200
  "resource-list-item--selectable": this.selectable
201
201
  });
202
- return a(n, { role: "row" }, a("div", { class: y, role: "gridcell" }, a(t, { "aria-checked": b, "aria-disabled": i ? "true" : void 0, "aria-labelledby": "label", class: "resource-list-item__content", href: this.href, disabled: i, onClick: this.onClick, role: c, tabIndex: 0 }, Boolean(this.media) && a("span", { class: "resource-list-item__media", innerHTML: this.media }), a("span", { class: "resource-list-item__label-container" }, a("span", { class: "resource-list-item__label", id: "label" }, this.label), this.description && a("span", { class: "resource-list-item__description" }, this.description))), this.selectable && a("span", { "aria-hidden": "true", class: "resource-list-item__checkbox" }, a("span", { class: "resource-list-item__checkbox-icon" }, this.checked && a("flip-icon-check-strong", null))), u && a("span", { class: "resource-list-item__meta" }, this.meta), r && a("flip-button", { "aria-disabled": i ? "true" : void 0, class: "resource-list-item__menu-trigger", disabled: i, hideLabel: !0, icon: "<flip-icon-more-horizontal></flip-icon-more-horizontal>", id: this.menuTriggerId, intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick })));
202
+ return a(r, { role: "row" }, a("div", { class: c, role: "gridcell" }, a(t, { "aria-checked": b, "aria-disabled": i ? "true" : void 0, "aria-labelledby": "label", class: "resource-list-item__content", href: this.href, disabled: i, onClick: this.onClick, role: y, tabIndex: 0 }, Boolean(this.media) && a("span", { class: "resource-list-item__media", innerHTML: this.media }), a("span", { class: "resource-list-item__label-container" }, a("span", { class: "resource-list-item__label", id: "label" }, this.label), this.description && a("span", { class: "resource-list-item__description" }, this.description))), this.selectable && a("span", { "aria-hidden": "true", class: "resource-list-item__checkbox" }, a("span", { class: "resource-list-item__checkbox-icon" }, this.checked && a("flip-icon-check-strong", null))), u && a("span", { class: "resource-list-item__meta" }, this.meta), o && a("flip-button", { "aria-disabled": i ? "true" : void 0, class: "resource-list-item__menu-trigger", disabled: i, hideLabel: !0, icon: "<flip-icon-more-horizontal></flip-icon-more-horizontal>", id: this.menuTriggerId, intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick })));
203
203
  }
204
204
  get el() {
205
205
  return l(this);
package/dist/{flip-autocomplete.entry.21deedf2.js → flip-autocomplete.entry.a63ad331.js} RENAMED
@@ -1,4 +1,4 @@
1
- import { r as n, c, h as o, H as r, g as u } from "./index.b66ff9f0.js";
1
+ import { r as n, c, h as o, H as r, g as u } from "./index.ac96d2b2.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";
package/dist/{flip-avatar-group.entry.c2cc9526.js → flip-avatar-group.entry.e00bcff1.js} RENAMED
@@ -1,4 +1,4 @@
1
- import { r as i, h as a, H as s } from "./index.b66ff9f0.js";
1
+ import { r as i, h as a, H as s } from "./index.ac96d2b2.js";
2
2
  import { c as e } from "./index-6d2e18c6.289636d4.js";
3
3
  import "react";
4
4
  import "react-dom";
package/dist/{flip-avatar.entry.7034b888.js → flip-avatar.entry.32cb98bf.js} RENAMED
@@ -1,4 +1,4 @@
1
- import { r as h, h as i, H as g, g as u } from "./index.b66ff9f0.js";
1
+ import { r as h, h as i, H as g, g as u } from "./index.ac96d2b2.js";
2
2
  import { c as s } from "./index-6d2e18c6.289636d4.js";
3
3
  import "react";
4
4
  import "react-dom";
package/dist/{flip-badge.entry.bc935c62.js → flip-badge.entry.63e2d414.js} RENAMED
@@ -1,4 +1,4 @@
1
- import { r as t, h as e, H as i } from "./index.b66ff9f0.js";
1
+ import { r as t, h as e, H as i } from "./index.ac96d2b2.js";
2
2
  import { c as r } from "./index-6d2e18c6.289636d4.js";
3
3
  import "react";
4
4
  import "react-dom";
package/dist/{flip-banner.entry.d257835c.js → flip-banner.entry.a2f5eef8.js} RENAMED
@@ -1,4 +1,4 @@
1
- import { r, c as a, h as n, H as o, g as c } from "./index.b66ff9f0.js";
1
+ import { r, c as a, h as n, H as o, g as c } from "./index.ac96d2b2.js";
2
2
  import { c as l } from "./index-6d2e18c6.289636d4.js";
3
3
  import "react";
4
4
  import "react-dom";
package/dist/{flip-button-group.entry.8ce7a3d4.js → flip-button-group.entry.7856eb4f.js} RENAMED
@@ -1,4 +1,4 @@
1
- import { r as i, h as o, H as e } from "./index.b66ff9f0.js";
1
+ import { r as i, h as o, H as e } from "./index.ac96d2b2.js";
2
2
  import { c as s } from "./index-6d2e18c6.289636d4.js";
3
3
  import "react";
4
4
  import "react-dom";
package/dist/{flip-button.entry.eb07eb8a.js → flip-button.entry.82de4159.js} RENAMED
@@ -1,15 +1,15 @@
1
- import { r as e, h as n, H as l } from "./index.b66ff9f0.js";
1
+ import { r as e, h as n, H as l } from "./index.ac96d2b2.js";
2
2
  import { c as s } from "./index-6d2e18c6.289636d4.js";
3
3
  import "react";
4
4
  import "react-dom";
5
5
  import "./_commonjsHelpers-44457d8d.ba94af77.js";
6
- const c = `.sc-flip-button-h{display:inline-block;max-width:100%}.sc-flip-button-h *.sc-flip-button{box-sizing:border-box}.button.sc-flip-button{display:inline-flex;width:100%;padding:var(--s-space-8) var(--s-space-16);justify-content:center;align-items:center;border:none;border-top-right-radius:var(--flip-button-border-top-right-radius);border-top-left-radius:var(--flip-button-border-top-left-radius);border-bottom-right-radius:var(--flip-button-border-bottom-right-radius);border-bottom-left-radius:var(--flip-button-border-bottom-left-radius);color:var(--s-text-subdued);background-color:var(--flip-ghost-button-background-default);font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-lg);text-decoration:none;cursor:pointer;gap:var(--s-space-8)}.button.sc-flip-button:hover{background-color:var(--flip-ghost-button-background-hovered)}.button.sc-flip-button:active{background-color:var(--flip-ghost-button-background-pressed)}.button.sc-flip-button:disabled{color:var(--s-text-disabled);background-color:var(--flip-ghost-button-background-default);cursor:default}.button.sc-flip-button:disabled .button__icon.sc-flip-button{color:var(--s-icon-disabled)}.button.sc-flip-button:focus{outline-color:var(--s-focus-default)}.button--variant-ghost.button--intent-primary.sc-flip-button:not(:disabled){color:var(--s-text-highlight)}.button--variant-ghost.button--intent-primary.sc-flip-button:not(:disabled) .button__icon.sc-flip-button{color:var(--s-icon-highlight)}.button--variant-ghost.button--intent-critical.sc-flip-button:not(:disabled){color:var(--s-text-critical)}.button--variant-ghost.button--intent-critical.sc-flip-button:not(:disabled) .button__icon.sc-flip-button{color:var(--s-icon-critical)}.button--variant-ghost.button--size-l.sc-flip-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-ghost.button--size-l.button--icon-only.sc-flip-button{padding:var(--s-space-12)}.button--variant-flat.sc-flip-button{color:var(--s-text-default);background-color:var(--s-action-neutral-default)}.button--variant-flat.sc-flip-button:hover{background-color:var(--s-action-neutral-hovered)}.button--variant-flat.sc-flip-button:active{background-color:var(--s-action-neutral-pressed)}.button--variant-flat.sc-flip-button:disabled{background-color:var(--s-action-neutral-disabled)}.button--variant-flat.button--intent-primary.sc-flip-button:not(:disabled){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.button--variant-flat.button--intent-primary.sc-flip-button:not(:disabled):hover{background-color:var(--s-action-primary-hovered)}.button--variant-flat.button--intent-primary.sc-flip-button:not(:disabled):active{background-color:var(--s-action-primary-pressed)}.button--variant-flat.button--intent-primary.sc-flip-button:not(:disabled) .button__icon.sc-flip-button{color:var(--s-icon-on-action-primary)}.button--variant-flat.sc-flip-button .button__icon.sc-flip-button{color:var(--s-icon-strong)}.button--variant-plain.sc-flip-button{padding:0;border-radius:0;color:var(--s-interactive-neutral-default);background-color:transparent}.button--variant-plain.sc-flip-button:hover:not(:disabled){color:var(--s-interactive-neutral-default);background-color:transparent;text-decoration:underline;text-underline-offset:var(--s-space-4)}.button--variant-plain.sc-flip-button:hover:not(:disabled) .button__icon.sc-flip-button{color:var(--s-interactive-neutral-default)}.button--variant-plain.sc-flip-button:active:not(:disabled){color:var(--s-interactive-neutral-hovered);background-color:transparent}.button--variant-plain.sc-flip-button:active:not(:disabled) .button__icon.sc-flip-button{color:var(--s-interactive-neutral-hovered)}.button--variant-plain.sc-flip-button:disabled{color:var(--s-interactive-neutral-disabled);background-color:transparent}.button--variant-plain.sc-flip-button:disabled .button__icon.sc-flip-button{color:var(--s-interactive-neutral-disabled)}.button--variant-plain.button--intent-primary.sc-flip-button{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-flip-button:hover{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-flip-button:hover .button__icon.sc-flip-button{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-flip-button:active{color:var(--s-interactive-primary-hovered)}.button--variant-plain.button--intent-primary.sc-flip-button:active .button__icon.sc-flip-button{color:var(--s-interactive-primary-hovered)}.button--variant-plain.button--intent-primary.sc-flip-button:disabled{color:var(--s-interactive-primary-disabled)}.button--variant-plain.button--intent-primary.sc-flip-button:disabled .button__icon.sc-flip-button{color:var(--s-interactive-primary-disabled)}.button--variant-plain.button--intent-primary.sc-flip-button .button__icon.sc-flip-button{color:var(--s-interactive-primary-default)}.button--variant-plain.sc-flip-button .button__icon.sc-flip-button{color:var(--s-interactive-neutral-default)}.button--variant-on-image.sc-flip-button{color:var(--s-text-on-image);background:linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
6
+ const b = `.sc-flip-button-h{display:inline-block;max-width:100%}.sc-flip-button-h *.sc-flip-button{box-sizing:border-box}.button.sc-flip-button{display:inline-flex;width:100%;padding:var(--s-space-8) var(--s-space-16);justify-content:center;align-items:center;border:none;border-top-right-radius:var(--flip-button-border-top-right-radius);border-top-left-radius:var(--flip-button-border-top-left-radius);border-bottom-right-radius:var(--flip-button-border-bottom-right-radius);border-bottom-left-radius:var(--flip-button-border-bottom-left-radius);color:var(--s-text-subdued);background-color:var(--flip-ghost-button-background-default);font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-lg);text-decoration:none;cursor:pointer;gap:var(--s-space-8)}.button.sc-flip-button:hover{background-color:var(--flip-ghost-button-background-hovered)}.button.sc-flip-button:active{background-color:var(--flip-ghost-button-background-pressed)}.button.sc-flip-button:disabled{color:var(--s-text-disabled);background-color:var(--flip-ghost-button-background-default);cursor:default}.button.sc-flip-button:disabled .button__icon.sc-flip-button{color:var(--s-icon-disabled)}.button.sc-flip-button:focus{outline-color:var(--s-focus-default)}.button--variant-ghost.button--intent-primary.sc-flip-button:not(:disabled){color:var(--s-text-highlight)}.button--variant-ghost.button--intent-primary.sc-flip-button:not(:disabled) .button__icon.sc-flip-button{color:var(--s-icon-highlight)}.button--variant-ghost.button--intent-critical.sc-flip-button:not(:disabled){color:var(--s-text-critical)}.button--variant-ghost.button--intent-critical.sc-flip-button:not(:disabled) .button__icon.sc-flip-button{color:var(--s-icon-critical)}.button--variant-ghost.button--size-l.sc-flip-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-ghost.button--size-l.button--icon-only.sc-flip-button{padding:var(--s-space-12)}.button--variant-flat.sc-flip-button{color:var(--s-text-default);background-color:var(--s-action-neutral-default)}.button--variant-flat.sc-flip-button:hover{background-color:var(--s-action-neutral-hovered)}.button--variant-flat.sc-flip-button:active{background-color:var(--s-action-neutral-pressed)}.button--variant-flat.sc-flip-button:disabled{background-color:var(--s-action-neutral-disabled)}.button--variant-flat.button--intent-primary.sc-flip-button:not(:disabled){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.button--variant-flat.button--intent-primary.sc-flip-button:not(:disabled):hover{background-color:var(--s-action-primary-hovered)}.button--variant-flat.button--intent-primary.sc-flip-button:not(:disabled):active{background-color:var(--s-action-primary-pressed)}.button--variant-flat.button--intent-primary.sc-flip-button:not(:disabled) .button__icon.sc-flip-button{color:var(--s-icon-on-action-primary)}.button--variant-flat.sc-flip-button .button__icon.sc-flip-button{color:var(--s-icon-strong)}.button--variant-plain.sc-flip-button{padding:0;border-radius:0;color:var(--s-interactive-neutral-default);background-color:transparent}.button--variant-plain.sc-flip-button:hover:not(:disabled){color:var(--s-interactive-neutral-default);background-color:transparent;text-decoration:underline;text-underline-offset:var(--s-space-4)}.button--variant-plain.sc-flip-button:hover:not(:disabled) .button__icon.sc-flip-button{color:var(--s-interactive-neutral-default)}.button--variant-plain.sc-flip-button:active:not(:disabled){color:var(--s-interactive-neutral-hovered);background-color:transparent}.button--variant-plain.sc-flip-button:active:not(:disabled) .button__icon.sc-flip-button{color:var(--s-interactive-neutral-hovered)}.button--variant-plain.sc-flip-button:disabled{color:var(--s-interactive-neutral-disabled);background-color:transparent}.button--variant-plain.sc-flip-button:disabled .button__icon.sc-flip-button{color:var(--s-interactive-neutral-disabled)}.button--variant-plain.button--intent-primary.sc-flip-button{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-flip-button:hover{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-flip-button:hover .button__icon.sc-flip-button{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-flip-button:active{color:var(--s-interactive-primary-hovered)}.button--variant-plain.button--intent-primary.sc-flip-button:active .button__icon.sc-flip-button{color:var(--s-interactive-primary-hovered)}.button--variant-plain.button--intent-primary.sc-flip-button:disabled{color:var(--s-interactive-primary-disabled)}.button--variant-plain.button--intent-primary.sc-flip-button:disabled .button__icon.sc-flip-button{color:var(--s-interactive-primary-disabled)}.button--variant-plain.button--intent-primary.sc-flip-button .button__icon.sc-flip-button{color:var(--s-interactive-primary-default)}.button--variant-plain.sc-flip-button .button__icon.sc-flip-button{color:var(--s-interactive-neutral-default)}.button--variant-on-image.sc-flip-button{color:var(--s-text-on-image);background:linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
7
7
  rgba(255, 255, 255, 0.3)}.button--variant-on-image.sc-flip-button:hover{background:linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
8
8
  rgba(255, 255, 255, 0.4)}.button--variant-on-image.sc-flip-button:active{background:linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
9
9
  rgba(255, 255, 255, 0.5)}.button--variant-on-image.sc-flip-button:disabled{color:var(--s-text-on-image);background:linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
10
10
  rgba(255, 255, 255, 0.3)}.button--variant-on-image.sc-flip-button:disabled .button__icon.sc-flip-button{color:var(--s-icon-on-image)}.button--variant-on-image.sc-flip-button .button__icon.sc-flip-button{color:var(--s-icon-on-image)}.button--variant-floating.sc-flip-button{color:var(--s-text-default);background-color:var(--s-surface-overlay-default);box-shadow:0.125rem 0.25rem 2.5rem rgba(0, 0, 0, 0.14)}.button--variant-floating.sc-flip-button:hover{color:var(--s-text-on-action-primary);background-color:var(--s-surface-overlay-hovered)}.button--variant-floating.sc-flip-button:active{color:var(--s-text-on-action-primary);background-color:var(--s-surface-overlay-pressed)}.button--variant-floating.button--icon-only.sc-flip-button{padding:var(--s-space-12)}.button--variant-floating.button--intent-primary.sc-flip-button{padding:var(--s-space-12) var(--s-space-20);border-radius:1.5rem;color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.button--variant-floating.button--intent-primary.sc-flip-button:hover:not(:disabled){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-hovered)}.button--variant-floating.button--intent-primary.sc-flip-button:active:not(:disabled){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-pressed)}.button--variant-floating.button--intent-primary.sc-flip-button:disabled{color:var(--s-text-on-action-primary)}.button--variant-floating.button--intent-primary.sc-flip-button:disabled .button__icon.sc-flip-button{color:var(--s-icon-on-action-primary)}.button--variant-floating.button--intent-primary.button--icon-only.sc-flip-button{padding:var(--s-space-12)}.button--variant-floating.button--intent-primary.sc-flip-button .button__icon.sc-flip-button{color:var(--s-icon-on-action-primary)}.button--variant-floating.sc-flip-button .button__icon.sc-flip-button{color:var(--s-icon-strong)}.button--icon-position-end.sc-flip-button .button__icon.sc-flip-button{margin-right:calc(-1 * var(--s-space-4));margin-left:0;order:2}.button--icon-only.sc-flip-button{padding:var(--s-space-8);border-top-right-radius:var(--flip-icon-button-border-top-right-radius);border-top-left-radius:var(--flip-icon-button-border-top-left-radius);border-bottom-right-radius:var(
11
11
  --flip-icon-button-border-bottom-right-radius
12
- );border-bottom-left-radius:var(--flip-icon-button-border-bottom-left-radius)}.button--icon-only.sc-flip-button .button__icon.sc-flip-button{margin-right:0;margin-left:0}.button__icon.sc-flip-button{display:inline-flex;margin-left:calc(-1 * var(--s-space-4));color:var(--s-icon-default);order:0}.button__label.sc-flip-button{overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis;order:1}`, b = class {
12
+ );border-bottom-left-radius:var(--flip-icon-button-border-bottom-left-radius)}.button--icon-only.sc-flip-button .button__icon.sc-flip-button{margin-right:0;margin-left:0}.button__icon.sc-flip-button{display:inline-flex;margin-left:calc(-1 * var(--s-space-4));color:var(--s-icon-default);order:0}.button__label.sc-flip-button{overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis;order:1}`, c = class {
13
13
  constructor(t) {
14
14
  e(this, t), this.iconPosition = "start", this.intent = "default", this.size = "m", this.type = "button", this.variant = "ghost";
15
15
  }
@@ -22,14 +22,20 @@ const c = `.sc-flip-button-h{display:inline-block;max-width:100%}.sc-flip-button
22
22
  const t = this.iconEl.children[0];
23
23
  t == null || t.setAttribute("size", "24");
24
24
  }
25
+ getAriaLabel(t) {
26
+ if (Boolean(this.flipAriaLabel))
27
+ return this.flipAriaLabel;
28
+ if (t)
29
+ return this.label;
30
+ }
25
31
  render() {
26
- const t = this.hideLabel && Boolean(this.icon) || this.variant === "floating" && this.intent === "default", o = Boolean(this.href), i = Boolean(this.flipAriaLabel) ? this.flipAriaLabel : t ? this.label : void 0, a = s("button", `button--icon-position-${this.iconPosition}`, `button--intent-${this.intent}`, `button--size-${this.size}`, `button--variant-${this.variant}`, {
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}`, {
27
33
  "button--icon-only": t
28
34
  });
29
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)));
30
36
  }
31
37
  };
32
- b.style = c;
38
+ c.style = b;
33
39
  export {
34
- b as flip_button
40
+ c as flip_button
35
41
  };
package/dist/{flip-checkbox.entry.43a3832e.js → flip-checkbox.entry.4af2f2b4.js} RENAMED
@@ -1,17 +1,20 @@
1
- import { r as a, c as r, h as c, H as t } from "./index.b66ff9f0.js";
1
+ import { r, c as a, h as c, H as t } from "./index.ac96d2b2.js";
2
2
  import { c as n } from "./index-6d2e18c6.289636d4.js";
3
3
  import "react";
4
4
  import "react-dom";
5
5
  import "./_commonjsHelpers-44457d8d.ba94af77.js";
6
- const x = `.sc-flip-checkbox-h{display:inline-flex}.sc-flip-checkbox-h *.sc-flip-checkbox{box-sizing:border-box}.checkbox.sc-flip-checkbox{display:inline-flex;line-height:var(--s-line-height-base);cursor:pointer}.checkbox.sc-flip-checkbox:focus-within .checkbox__box.sc-flip-checkbox{box-shadow:0 0 0 0.0625rem var(--s-background-default),
7
- 0 0 0 0.1875rem var(--s-focus-default)}.checkbox--checked.sc-flip-checkbox .checkbox__control.sc-flip-checkbox:hover .checkbox__box.sc-flip-checkbox,.checkbox--indeterminate.sc-flip-checkbox .checkbox__control.sc-flip-checkbox:hover .checkbox__box.sc-flip-checkbox{border-color:var(--s-interactive-primary-hovered);background-color:var(--s-interactive-primary-hovered)}.checkbox--checked.sc-flip-checkbox .checkbox__box.sc-flip-checkbox,.checkbox--indeterminate.sc-flip-checkbox .checkbox__box.sc-flip-checkbox{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.checkbox--invalid.checkbox--checked.sc-flip-checkbox .checkbox__box.sc-flip-checkbox,.checkbox--invalid.checkbox--indeterminate.sc-flip-checkbox .checkbox__box.sc-flip-checkbox{background-color:var(--s-icon-critical)}.checkbox--invalid.sc-flip-checkbox .checkbox__box.sc-flip-checkbox{border-color:var(--s-icon-critical)}.checkbox--disabled.sc-flip-checkbox{cursor:default}.checkbox--disabled.checkbox--checked.sc-flip-checkbox .checkbox__control.sc-flip-checkbox:hover .checkbox__box.sc-flip-checkbox,.checkbox--disabled.checkbox--indeterminate.sc-flip-checkbox .checkbox__control.sc-flip-checkbox:hover .checkbox__box.sc-flip-checkbox{border-color:var(--s-icon-disabled);background-color:var(--s-icon-disabled)}.checkbox--disabled.checkbox--checked.sc-flip-checkbox .checkbox__box.sc-flip-checkbox,.checkbox--disabled.checkbox--indeterminate.sc-flip-checkbox .checkbox__box.sc-flip-checkbox{background-color:var(--s-icon-disabled)}.checkbox--disabled.sc-flip-checkbox .checkbox__control.sc-flip-checkbox:hover .checkbox__box.sc-flip-checkbox{background-color:transparent}.checkbox--disabled.sc-flip-checkbox .checkbox__box.sc-flip-checkbox{border-color:var(--s-icon-disabled)}.checkbox--disabled.sc-flip-checkbox .checkbox__label.sc-flip-checkbox,.checkbox--disabled.sc-flip-checkbox .checkbox__description.sc-flip-checkbox{color:var(--s-text-disabled)}.checkbox__control.sc-flip-checkbox{position:relative;top:0.125rem;width:1.5rem;height:1.5rem;padding:var(--s-space-2);flex-shrink:0}.checkbox__control.sc-flip-checkbox:hover .checkbox__box.sc-flip-checkbox{background-color:var(--s-action-neutral-hovered)}.checkbox__box.sc-flip-checkbox{position:relative;z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s)}.checkbox__icon.sc-flip-checkbox{display:inline-flex;width:1.0625rem;height:1.0625rem}.checkbox__icon.sc-flip-checkbox>*.sc-flip-checkbox::part(icon){width:1.0625rem;height:1.0625rem}.checkbox__indeterminate-icon.sc-flip-checkbox{position:relative;width:100%;height:100%}.checkbox__indeterminate-icon.sc-flip-checkbox:after{position:absolute;top:50%;left:50%;width:0.625rem;height:0.125rem;border-radius:0.0625rem;background-color:currentColor;content:"";transform:translate3d(-50%, -50%, 0)}.checkbox__label-container.sc-flip-checkbox{display:inline-flex;margin-left:var(--s-space-8);padding-top:var(--s-space-4);align-items:flex-start;flex-direction:column}.checkbox__label.sc-flip-checkbox{font-weight:var(--s-font-weight-medium)}.checkbox__description.sc-flip-checkbox{color:var(--s-text-subdued)}`, k = class {
6
+ const k = `.sc-flip-checkbox-h{display:inline-flex}.sc-flip-checkbox-h *.sc-flip-checkbox{box-sizing:border-box}.checkbox.sc-flip-checkbox{display:inline-flex;line-height:var(--s-line-height-base);cursor:pointer}.checkbox.sc-flip-checkbox:focus-within .checkbox__box.sc-flip-checkbox{box-shadow:0 0 0 0.0625rem var(--s-background-default),
7
+ 0 0 0 0.1875rem var(--s-focus-default)}.checkbox--checked.sc-flip-checkbox .checkbox__control.sc-flip-checkbox:hover .checkbox__box.sc-flip-checkbox,.checkbox--indeterminate.sc-flip-checkbox .checkbox__control.sc-flip-checkbox:hover .checkbox__box.sc-flip-checkbox{border-color:var(--s-interactive-primary-hovered);background-color:var(--s-interactive-primary-hovered)}.checkbox--checked.sc-flip-checkbox .checkbox__box.sc-flip-checkbox,.checkbox--indeterminate.sc-flip-checkbox .checkbox__box.sc-flip-checkbox{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.checkbox--invalid.checkbox--checked.sc-flip-checkbox .checkbox__box.sc-flip-checkbox,.checkbox--invalid.checkbox--indeterminate.sc-flip-checkbox .checkbox__box.sc-flip-checkbox{background-color:var(--s-icon-critical)}.checkbox--invalid.sc-flip-checkbox .checkbox__box.sc-flip-checkbox{border-color:var(--s-icon-critical)}.checkbox--disabled.sc-flip-checkbox{cursor:default}.checkbox--disabled.checkbox--checked.sc-flip-checkbox .checkbox__control.sc-flip-checkbox:hover .checkbox__box.sc-flip-checkbox,.checkbox--disabled.checkbox--indeterminate.sc-flip-checkbox .checkbox__control.sc-flip-checkbox:hover .checkbox__box.sc-flip-checkbox{border-color:var(--s-icon-disabled);background-color:var(--s-icon-disabled)}.checkbox--disabled.checkbox--checked.sc-flip-checkbox .checkbox__box.sc-flip-checkbox,.checkbox--disabled.checkbox--indeterminate.sc-flip-checkbox .checkbox__box.sc-flip-checkbox{background-color:var(--s-icon-disabled)}.checkbox--disabled.sc-flip-checkbox .checkbox__control.sc-flip-checkbox:hover .checkbox__box.sc-flip-checkbox{background-color:transparent}.checkbox--disabled.sc-flip-checkbox .checkbox__box.sc-flip-checkbox{border-color:var(--s-icon-disabled)}.checkbox--disabled.sc-flip-checkbox .checkbox__label.sc-flip-checkbox,.checkbox--disabled.sc-flip-checkbox .checkbox__description.sc-flip-checkbox{color:var(--s-text-disabled)}.checkbox__control.sc-flip-checkbox{position:relative;top:0.125rem;width:1.5rem;height:1.5rem;padding:var(--s-space-2);flex-shrink:0}.checkbox__control.sc-flip-checkbox:hover .checkbox__box.sc-flip-checkbox{background-color:var(--s-action-neutral-hovered)}.checkbox__box.sc-flip-checkbox{position:relative;z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s)}.checkbox__icon.sc-flip-checkbox{display:inline-flex;width:1.0625rem;height:1.0625rem}.checkbox__icon.sc-flip-checkbox>*.sc-flip-checkbox::part(icon){width:1.0625rem;height:1.0625rem}.checkbox__indeterminate-icon.sc-flip-checkbox{position:relative;width:100%;height:100%}.checkbox__indeterminate-icon.sc-flip-checkbox:after{position:absolute;top:50%;left:50%;width:0.625rem;height:0.125rem;border-radius:0.0625rem;background-color:currentColor;content:"";transform:translate3d(-50%, -50%, 0)}.checkbox__label-container.sc-flip-checkbox{display:inline-flex;margin-left:var(--s-space-8);padding-top:var(--s-space-4);align-items:flex-start;flex-direction:column}.checkbox__label.sc-flip-checkbox{font-weight:var(--s-font-weight-medium)}.checkbox__description.sc-flip-checkbox{color:var(--s-text-subdued)}`, x = class {
8
8
  constructor(e) {
9
- a(this, e), this.valueChange = r(this, "valueChange", 7), this.checked = !1, this.disabled = !1, this.onChange = () => {
9
+ r(this, e), this.valueChange = a(this, "valueChange", 7), this.checked = !1, this.disabled = !1, this.onChange = () => {
10
10
  this.checked = !(this.checked === !0 || this.checked === "true"), this.valueChange.emit(this.checked);
11
11
  };
12
12
  }
13
+ getAriaCheckedLabel(e, o) {
14
+ return e ? "true" : o ? "false" : "mixed";
15
+ }
13
16
  render() {
14
- const e = this.checked === !1 || this.checked === "false", o = this.checked === !0 || this.checked === "true", i = this.checked === "indeterminate", h = Boolean(this.label) || Boolean(this.description), s = o ? "true" : e ? "false" : "mixed", l = this.invalid === !0 ? "true" : this.invalid === !1 ? "false" : void 0, b = n("checkbox", {
17
+ const e = this.checked === !1 || this.checked === "false", o = this.checked === !0 || this.checked === "true", i = this.checked === "indeterminate", h = Boolean(this.label) || Boolean(this.description), s = this.getAriaCheckedLabel(o, e), l = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, b = n("checkbox", {
15
18
  "checkbox--checked": o,
16
19
  "checkbox--disabled": this.disabled,
17
20
  "checkbox--indeterminate": i,
@@ -21,7 +24,7 @@ const x = `.sc-flip-checkbox-h{display:inline-flex}.sc-flip-checkbox-h *.sc-flip
21
24
  return c(t, null, c("label", { class: b, htmlFor: this.inputId }, c("span", { class: "checkbox__control" }, c("flip-visually-hidden", null, c("input", { "aria-checked": s, "aria-describedby": this.flipAriaDescribedby, "aria-invalid": l, checked: o, class: "checkbox__input", disabled: this.disabled, id: this.inputId, indeterminate: i, name: this.inputName, onChange: this.onChange, type: "checkbox", value: this.value })), c("span", { "aria-hidden": "true", class: "checkbox__box" }, c("span", { class: "checkbox__icon" }, o && c("flip-icon-check-strong", null), i && c("span", { class: "checkbox__indeterminate-icon" })))), h && c("span", { class: "checkbox__label-container" }, this.label && c("span", { class: "checkbox__label" }, this.label), this.description && c("span", { class: "checkbox__description" }, this.description))));
22
25
  }
23
26
  };
24
- k.style = x;
27
+ x.style = k;
25
28
  export {
26
- k as flip_checkbox
29
+ x as flip_checkbox
27
30
  };
package/dist/{flip-chip.entry.a479c5b0.js → flip-chip.entry.9e153968.js} RENAMED
@@ -1,4 +1,4 @@
1
- import { r as s, h as e, H as c } from "./index.b66ff9f0.js";
1
+ import { r as s, h as e, H as c } from "./index.ac96d2b2.js";
2
2
  import { c as n } from "./index-6d2e18c6.289636d4.js";
3
3
  import "react";
4
4
  import "react-dom";
package/dist/flip-console-layout.entry.940ff9f8.js ADDED
@@ -0,0 +1,22 @@
1
+ import { r as l, c as t, h as a, H as i } from "./index.ac96d2b2.js";
2
+ import "react";
3
+ import "react-dom";
4
+ const s = `:host{display:block;width:100%;height:100vh}:host *{box-sizing:border-box}.console-layout{display:grid;width:100%;height:100%;grid-template-columns:20rem 1fr;grid-template-areas:"sidebar main"}.console-layout__sidebar{display:grid;overflow:auto;width:100%;height:100%;border-right:var(--s-border-width-default) solid var(--s-border-default);grid-template-rows:auto 1fr auto;grid-template-areas:"header"
5
+ "navigation"
6
+ "user";grid-area:sidebar}.console-layout__header{position:sticky;top:0;min-width:0;padding:var(--s-space-20) var(--s-space-24);background-color:var(--s-background-default);grid-area:header}.console-layout__navigation{padding-top:var(--s-space-8);padding-bottom:var(--s-space-8);background-color:var(--s-background-default);grid-area:navigation}.console-layout__user{position:sticky;bottom:0;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"
7
+ "content"}.console-layout__app-bar{position:sticky;top:0;display:flex;min-width:0;padding-right:2.5rem;padding-left:2.5rem;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}.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{padding:2.5rem;background-color:var(--s-background-default);grid-area:content}.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)}`, n = class {
8
+ constructor(e) {
9
+ l(this, e), this.backButtonClick = t(this, "backButtonClick", 7), this.helpButtonClick = t(this, "helpButtonClick", 7), this.backButonLabel = "Back", this.helpButonLabel = "Help", this.logoText = "Admin", this.navigationLabel = "Main", this.onBackButtonClick = (o) => {
10
+ this.backButtonClick.emit(o);
11
+ }, this.onHelpButtonClick = (o) => {
12
+ this.helpButtonClick.emit(o);
13
+ };
14
+ }
15
+ render() {
16
+ return a(i, null, a("div", { class: "console-layout" }, a("div", { class: "console-layout__sidebar" }, a("header", { class: "console-layout__header" }, a("div", { class: "console-layout__logo" }, a("svg", { class: "console-layout__logo-mark", fill: "none", height: "26", viewBox: "0 0 16 26", width: "16", xmlns: "http://www.w3.org/2000/svg" }, a("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" }), a("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" }), a("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" }), a("path", { d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), a("flip-text", { class: "console-layout__logo-text", weight: "medium" }, this.logoText))), a("nav", { "aria-label": this.navigationLabel, class: "console-layout__navigation" }, a("slot", { name: "navigation" })), a("div", { class: "console-layout__user" }, a("slot", { name: "user" }))), a("main", { "aria-labelledby": "app-name", class: "console-layout__main" }, a("header", { class: "console-layout__app-bar" }, a("flip-heading", { as: "h1", class: "console-layout__app-name", headingId: "app-name", level: 4, text: this.appName }), this.showHelpButton && a("flip-button", { class: "console-layout__help-button", hideLabel: !0, icon: "<flip-icon-help></flip-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick, variant: "flat" })), a("section", { "aria-labelledby": "heading", class: "console-layout__content" }, a("header", { class: "console-layout__content-header" }, this.showBackButton && a("flip-button", { class: "console-layout__back-button", hideLabel: !0, icon: "<flip-icon-arrow-back></flip-icon-arrow-back>", label: this.backButonLabel, onClick: this.onBackButtonClick }), a("div", null, a("flip-heading", { as: "h2", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && a("flip-text", { class: "console-layout__subheading", color: "subdued" }, this.subheading))), a("div", { class: "console-layout__integration" }, a("slot", { name: "content" }))))));
17
+ }
18
+ };
19
+ n.style = s;
20
+ export {
21
+ n as flip_console_layout
22
+ };
package/dist/{flip-date-input.entry.b98d662b.js → flip-date-input.entry.dce529bc.js} RENAMED
@@ -1,4 +1,4 @@
1
- import { r as Co, c as No, h as F, H as Io } from "./index.b66ff9f0.js";
1
+ import { r as Co, c as No, h as F, H as Io } from "./index.ac96d2b2.js";
2
2
  import { c as Uo, a as Yo } from "./_commonjsHelpers-44457d8d.ba94af77.js";
3
3
  import "react";
4
4
  import "react-dom";
@@ -5418,7 +5418,9 @@ var fl = Uo(function(t, e) {
5418
5418
  const cl = ".sc-flip-date-input-h{display:flex;width:100%}.sc-flip-date-input-h *.sc-flip-date-input{box-sizing:border-box}.date-input.sc-flip-date-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);line-height:var(--s-line-height-sm)}.date-input__input.sc-flip-date-input{display:inline-flex;width:100%;margin:0;padding:0;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.date-input__input.sc-flip-date-input:focus{outline:none}.date-input__input.sc-flip-date-input:disabled{color:var(--s-text-disabled);background-color:transparent}.date-input__date-picker-button.sc-flip-date-input{position:absolute;top:calc(-1 * var(--s-space-12));right:0;display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer}.date-input__date-picker-button.sc-flip-date-input:focus{outline-color:var(--s-focus-default)}.date-input__date-picker-button.sc-flip-date-input:disabled{cursor:default;color:var(--s-icon-disabled)}", Et = "yyyy-MM-dd", ll = class {
5419
5419
  constructor(t) {
5420
5420
  Co(this, t), this.valueChange = No(this, "valueChange", 7), this.datePickerLabel = "Date picker", this.format = "yyyy-MM-dd", this.placeholder = "yyyy-mm-dd", this.onChange = (e) => {
5421
- const r = e.target.value, n = ho(r, this.format, new Date()), o = new RegExp(`^${this.format.replace(/y|d|M/g, "\\d")}$`);
5421
+ const r = e.target.value;
5422
+ r === "" && (this.value = void 0, this.valueChange.emit(void 0));
5423
+ const n = ho(r, this.format, new Date()), o = new RegExp(`^${this.format.replace(/[ydM]/g, "\\d")}$`);
5422
5424
  if (!Boolean(r.match(o)) || !Dt(n))
5423
5425
  return;
5424
5426
  const a = Rt(n, Et);
@@ -5454,11 +5456,11 @@ const cl = ".sc-flip-date-input-h{display:flex;width:100%}.sc-flip-date-input-h
5454
5456
  setupMask() {
5455
5457
  var t;
5456
5458
  (t = this.mask) === null || t === void 0 || t.destroy(), this.mask = fl.create(`#${this.id}`, {
5457
- mask: this.format.replace(/y|d|M/g, "#")
5459
+ mask: this.format.replace(/[ydM]/g, "#")
5458
5460
  });
5459
5461
  }
5460
5462
  render() {
5461
- const t = this.invalid === !0 ? "true" : this.invalid === !1 ? "false" : void 0, e = Boolean(this.value) ? ho(this.value, Et, new Date()) : void 0, r = Dt(e) ? Rt(e, this.format) : void 0;
5463
+ const t = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, e = Boolean(this.value) ? ho(this.value, Et, new Date()) : void 0, r = Dt(e) ? Rt(e, this.format) : void 0;
5462
5464
  return F(Io, null, F("div", { class: "date-input" }, F("input", { "aria-describedby": this.flipAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": t, autoFocus: this.autoFocus, class: "date-input__input", disabled: this.disabled, id: this.id, onClick: this.onClick, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, required: this.required, type: "text", value: r }), F("button", { "aria-hidden": "true", class: "date-input__date-picker-button", disabled: this.disabled, id: `${this.id}-trigger`, tabIndex: -1, type: "button" }, F("flip-icon-today", null))), !this.disabled && F("flip-popover", { label: this.datePickerLabel, placement: "bottom-end", popoverId: "popover", ref: (n) => this.pickerPopover = n, trigger: `${this.id}-trigger` }, F("flip-date-picker", { locale: this.locale, onValueChange: this.onPickDate, value: e })));
5463
5465
  }
5464
5466
  static get watchers() {