@getflip/swirl-components-react 0.7.1 → 0.7.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{file-manager.entry.dff0abdd.js → file-manager.entry.8f6f57a1.js} +1 -1
- package/dist/{flip-action-list-item.entry.66bdb014.js → flip-action-list-item.entry.a904ef8a.js} +1 -1
- package/dist/{flip-action-list-section.entry.35c705bc.js → flip-action-list-section.entry.0a435134.js} +1 -1
- package/dist/{flip-action-list.entry.944f177a.js → flip-action-list.entry.ad5fa5bb.js} +1 -1
- package/dist/{flip-app-layout_5.entry.680ec977.js → flip-app-layout_5.entry.21333df5.js} +1 -1
- package/dist/{flip-autocomplete.entry.7841a8c9.js → flip-autocomplete.entry.400b2c14.js} +1 -1
- package/dist/{flip-avatar-group.entry.438c663c.js → flip-avatar-group.entry.393763ee.js} +1 -1
- package/dist/{flip-avatar.entry.247a137e.js → flip-avatar.entry.39fcdf5d.js} +1 -1
- package/dist/{flip-badge.entry.94d71a7b.js → flip-badge.entry.bf39a3df.js} +1 -1
- package/dist/{flip-banner.entry.40379fc6.js → flip-banner.entry.85ddfea7.js} +1 -1
- package/dist/{flip-button-group.entry.7fb986ed.js → flip-button-group.entry.83369dee.js} +1 -1
- package/dist/{flip-button.entry.e36bb8c8.js → flip-button.entry.18309761.js} +1 -1
- package/dist/{flip-card.entry.d22db841.js → flip-card.entry.a8a6604e.js} +1 -1
- package/dist/{flip-checkbox.entry.2e44c52c.js → flip-checkbox.entry.ec235ce7.js} +1 -1
- package/dist/{flip-chip.entry.0bfc8ab0.js → flip-chip.entry.2d2bd1e5.js} +1 -1
- package/dist/flip-console-layout.entry.230af0d2.js +64 -0
- package/dist/{flip-date-input.entry.5e298976.js → flip-date-input.entry.a1e9aa33.js} +1 -1
- package/dist/{flip-date-picker_2.entry.619a54b8.js → flip-date-picker_2.entry.9668f333.js} +1 -1
- package/dist/{flip-description-list-item.entry.79300b6c.js → flip-description-list-item.entry.bd057d4e.js} +1 -1
- package/dist/{flip-description-list.entry.70b550c9.js → flip-description-list.entry.457804c9.js} +1 -1
- package/dist/{flip-dialog.entry.c572dafd.js → flip-dialog.entry.33e59142.js} +1 -1
- package/dist/{flip-file-uploader.entry.0b27e755.js → flip-file-uploader.entry.0479b1c7.js} +1 -1
- package/dist/{flip-file-viewer_7.entry.72daacbc.js → flip-file-viewer_7.entry.89eb541c.js} +1 -1
- package/dist/{flip-form-control.entry.fe38eadd.js → flip-form-control.entry.0390779e.js} +1 -1
- package/dist/{flip-form-group.entry.f0ffe632.js → flip-form-group.entry.50b8a310.js} +1 -1
- package/dist/{flip-heading_2.entry.a2046123.js → flip-heading_2.entry.fb84feec.js} +1 -1
- package/dist/{flip-icon-add-photo.entry.f1b62d1e.js → flip-icon-add-photo.entry.b402d357.js} +1 -1
- package/dist/{flip-icon-add_4.entry.cf20e99e.js → flip-icon-add_4.entry.15b8d991.js} +1 -1
- package/dist/{flip-icon-admin-panel-settings.entry.dc551a12.js → flip-icon-admin-panel-settings.entry.72aa60d0.js} +1 -1
- package/dist/{flip-icon-arrow-back.entry.608b9fae.js → flip-icon-arrow-back.entry.037aa73c.js} +1 -1
- package/dist/{flip-icon-arrow-forward.entry.d8e720bd.js → flip-icon-arrow-forward.entry.ebcfd63c.js} +1 -1
- package/dist/{flip-icon-arrow-left_3.entry.14726ff3.js → flip-icon-arrow-left_3.entry.ec7ac7f0.js} +1 -1
- package/dist/{flip-icon-arrow-right-small.entry.ac422698.js → flip-icon-arrow-right-small.entry.3d34150c.js} +1 -1
- package/dist/{flip-icon-attachment.entry.e1fb148b.js → flip-icon-attachment.entry.2fc13a48.js} +1 -1
- package/dist/{flip-icon-block.entry.6671ad04.js → flip-icon-block.entry.149242d9.js} +1 -1
- package/dist/{flip-icon-cancel_4.entry.e5b9ca80.js → flip-icon-cancel_4.entry.63db0aa4.js} +1 -1
- package/dist/{flip-icon-chat-bubble.entry.a32785be.js → flip-icon-chat-bubble.entry.5fe44f51.js} +1 -1
- package/dist/{flip-icon-check-circle.entry.f76dab5d.js → flip-icon-check-circle.entry.b44b81a1.js} +1 -1
- package/dist/{flip-icon-check-small_3.entry.05b9e155.js → flip-icon-check-small_3.entry.4c820a8f.js} +1 -1
- package/dist/{flip-icon-check-strong.entry.df9f3f01.js → flip-icon-check-strong.entry.0901a2cc.js} +1 -1
- package/dist/{flip-icon-check.entry.ce9974c3.js → flip-icon-check.entry.9228a50a.js} +1 -1
- package/dist/{flip-icon-chevron-left.entry.20fa4ec0.js → flip-icon-chevron-left.entry.3da9542f.js} +1 -1
- package/dist/{flip-icon-chevron-right.entry.3a865257.js → flip-icon-chevron-right.entry.6c04f19e.js} +1 -1
- package/dist/{flip-icon-close-small.entry.4a2575a1.js → flip-icon-close-small.entry.01e775ef.js} +1 -1
- package/dist/{flip-icon-close.entry.796a27b4.js → flip-icon-close.entry.1f3119ef.js} +1 -1
- package/dist/{flip-icon-cloud-upload.entry.7c9b98b6.js → flip-icon-cloud-upload.entry.d9979969.js} +1 -1
- package/dist/{flip-icon-comment.entry.5cc0c42a.js → flip-icon-comment.entry.f54b1acd.js} +1 -1
- package/dist/{flip-icon-copy.entry.6cbb5b0c.js → flip-icon-copy.entry.475bedd8.js} +1 -1
- package/dist/{flip-icon-date-range.entry.a22d3b7e.js → flip-icon-date-range.entry.de36a534.js} +1 -1
- package/dist/{flip-icon-delete.entry.60fc558d.js → flip-icon-delete.entry.d5493b09.js} +1 -1
- package/dist/{flip-icon-description.entry.fb3f2d08.js → flip-icon-description.entry.ec034ec0.js} +1 -1
- package/dist/{flip-icon-edit.entry.95307167.js → flip-icon-edit.entry.50bcc618.js} +1 -1
- package/dist/{flip-icon-emoji-mood.entry.e4718966.js → flip-icon-emoji-mood.entry.2db895e1.js} +1 -1
- package/dist/{flip-icon-emoji-satisfied.entry.7fb92967.js → flip-icon-emoji-satisfied.entry.715e0304.js} +1 -1
- package/dist/{flip-icon-error_3.entry.02e88f79.js → flip-icon-error_3.entry.6a4aca8d.js} +1 -1
- package/dist/{flip-icon-expand-more.entry.145b32d1.js → flip-icon-expand-more.entry.f404fc23.js} +1 -1
- package/dist/{flip-icon-file.entry.048e0950.js → flip-icon-file.entry.d1d6edd9.js} +1 -1
- package/dist/{flip-icon-folder-shared.entry.8b7a1483.js → flip-icon-folder-shared.entry.f466cef5.js} +1 -1
- package/dist/{flip-icon-group-assign.entry.cfb05886.js → flip-icon-group-assign.entry.0799293e.js} +1 -1
- package/dist/{flip-icon-groups-custom.entry.5d38d793.js → flip-icon-groups-custom.entry.9fd5d8b0.js} +1 -1
- package/dist/{flip-icon-groups.entry.fa819a32.js → flip-icon-groups.entry.844fdde8.js} +1 -1
- package/dist/{flip-icon-help.entry.58767a86.js → flip-icon-help.entry.a34cf225.js} +1 -1
- package/dist/{flip-icon-image.entry.df3ab350.js → flip-icon-image.entry.199e56b0.js} +1 -1
- package/dist/{flip-icon-info.entry.c3c866ae.js → flip-icon-info.entry.f7ee9293.js} +1 -1
- package/dist/{flip-icon-inventory.entry.7bf13bc9.js → flip-icon-inventory.entry.2be93c63.js} +1 -1
- package/dist/{flip-icon-like.entry.b88e6aec.js → flip-icon-like.entry.0ac017a7.js} +1 -1
- package/dist/{flip-icon-link.entry.740f4fbb.js → flip-icon-link.entry.87fe9f53.js} +1 -1
- package/dist/{flip-icon-lock.entry.d48359f3.js → flip-icon-lock.entry.d48ef521.js} +1 -1
- package/dist/{flip-icon-logout.entry.ef6e7ca7.js → flip-icon-logout.entry.1300b798.js} +1 -1
- package/dist/{flip-icon-mail.entry.8572dc81.js → flip-icon-mail.entry.b3153a31.js} +1 -1
- package/dist/{flip-icon-manage-accounts.entry.30640ba4.js → flip-icon-manage-accounts.entry.7b11af7f.js} +1 -1
- package/dist/{flip-icon-mention.entry.2c3290d1.js → flip-icon-mention.entry.110bc0b2.js} +1 -1
- package/dist/{flip-icon-menu.entry.6a65bc82.js → flip-icon-menu.entry.00a83d68.js} +1 -1
- package/dist/{flip-icon-message.entry.be906225.js → flip-icon-message.entry.d185a425.js} +1 -1
- package/dist/{flip-icon-more-horizontal.entry.a0486c36.js → flip-icon-more-horizontal.entry.0cb7c6ae.js} +1 -1
- package/dist/{flip-icon-more-vertikal.entry.2bf322a6.js → flip-icon-more-vertikal.entry.3f50386f.js} +1 -1
- package/dist/{flip-icon-notifications-active.entry.7afd21e7.js → flip-icon-notifications-active.entry.d659b586.js} +1 -1
- package/dist/{flip-icon-notifications-off.entry.ed1a4a71.js → flip-icon-notifications-off.entry.e0606543.js} +1 -1
- package/dist/{flip-icon-notifications.entry.e456f63a.js → flip-icon-notifications.entry.9abab9b5.js} +1 -1
- package/dist/{flip-icon-open-in-new.entry.0c95f414.js → flip-icon-open-in-new.entry.8798acd6.js} +1 -1
- package/dist/{flip-icon-people-alt.entry.16ac8c4a.js → flip-icon-people-alt.entry.13489745.js} +1 -1
- package/dist/{flip-icon-person-off.entry.6b97d497.js → flip-icon-person-off.entry.e6877195.js} +1 -1
- package/dist/{flip-icon-person.entry.1d5c59d9.js → flip-icon-person.entry.1c2dd914.js} +1 -1
- package/dist/{flip-icon-phone.entry.46a9063b.js → flip-icon-phone.entry.9a622d53.js} +1 -1
- package/dist/{flip-icon-poll.entry.04e62409.js → flip-icon-poll.entry.acfdcb0e.js} +1 -1
- package/dist/{flip-icon-print.entry.9585bb63.js → flip-icon-print.entry.68c3bfaf.js} +1 -1
- package/dist/{flip-icon-recieved.entry.c133e51b.js → flip-icon-recieved.entry.ecab9571.js} +1 -1
- package/dist/{flip-icon-search-strong.entry.cc46122a.js → flip-icon-search-strong.entry.1f8d957d.js} +1 -1
- package/dist/{flip-icon-search.entry.f9a3de1c.js → flip-icon-search.entry.f15ed01d.js} +1 -1
- package/dist/{flip-icon-send.entry.e9912707.js → flip-icon-send.entry.b9e8cade.js} +1 -1
- package/dist/{flip-icon-settings.entry.82467c7d.js → flip-icon-settings.entry.416ac5d5.js} +1 -1
- package/dist/{flip-icon-time-filled.entry.ad3697c1.js → flip-icon-time-filled.entry.4a1b77a1.js} +1 -1
- package/dist/{flip-icon-time-outlined.entry.5032089c.js → flip-icon-time-outlined.entry.978b9846.js} +1 -1
- package/dist/{flip-icon-user-assign.entry.5840954d.js → flip-icon-user-assign.entry.96624c5e.js} +1 -1
- package/dist/{flip-icon-video-camera.entry.3f6faf56.js → flip-icon-video-camera.entry.237da114.js} +1 -1
- package/dist/{flip-icon-warning.entry.e8d27832.js → flip-icon-warning.entry.038a145c.js} +1 -1
- package/dist/{flip-lightbox.entry.f5984107.js → flip-lightbox.entry.2092cca1.js} +1 -1
- package/dist/{flip-link.entry.aec4967a.js → flip-link.entry.423a8ace.js} +1 -1
- package/dist/{flip-list.entry.3269ee9b.js → flip-list.entry.ca629a59.js} +1 -1
- package/dist/{flip-modal.entry.a22251ba.js → flip-modal.entry.161e0b5f.js} +1 -1
- package/dist/{flip-option-list-section.entry.66f0d1b3.js → flip-option-list-section.entry.d962ad12.js} +1 -1
- package/dist/{flip-pagination.entry.412a59be.js → flip-pagination.entry.010081c1.js} +1 -1
- package/dist/{flip-pdf-reader.entry.91dcce71.js → flip-pdf-reader.entry.9eb13593.js} +1 -1
- package/dist/{flip-popover.entry.076eb9e8.js → flip-popover.entry.1a1679c3.js} +2 -2
- package/dist/{flip-progress-indicator.entry.e0d41dde.js → flip-progress-indicator.entry.5dba151c.js} +1 -1
- package/dist/{flip-radio-group.entry.884e1462.js → flip-radio-group.entry.0198f8d5.js} +1 -1
- package/dist/{flip-radio.entry.1dafac3f.js → flip-radio.entry.3d99d59a.js} +1 -1
- package/dist/{flip-resource-list-file-item.entry.82bd5f91.js → flip-resource-list-file-item.entry.19c0b184.js} +1 -1
- package/dist/{flip-search.entry.02b70258.js → flip-search.entry.ff096809.js} +1 -1
- package/dist/{flip-select.entry.8bddb12d.js → flip-select.entry.3798e896.js} +1 -1
- package/dist/{flip-stack.entry.8770879c.js → flip-stack.entry.1a893699.js} +1 -1
- package/dist/{flip-switch.entry.4b84e15d.js → flip-switch.entry.72fbee88.js} +1 -1
- package/dist/{flip-tab.entry.902c4cd7.js → flip-tab.entry.4a4eb968.js} +1 -1
- package/dist/{flip-tabs.entry.e54fa22c.js → flip-tabs.entry.81bee5a1.js} +1 -1
- package/dist/{flip-tag.entry.44859033.js → flip-tag.entry.1e1a5cb5.js} +1 -1
- package/dist/{flip-text-input.entry.4fe4deab.js → flip-text-input.entry.7c9fe7c4.js} +1 -1
- package/dist/{flip-theme-provider.entry.701f2c5a.js → flip-theme-provider.entry.3ad310cb.js} +1 -1
- package/dist/{flip-thumbnail.entry.76dd0d54.js → flip-thumbnail.entry.5ef122bc.js} +1 -1
- package/dist/{flip-toast-provider.entry.dda08792.js → flip-toast-provider.entry.50a7f7f3.js} +1 -1
- package/dist/{flip-toast.entry.bcbdcddc.js → flip-toast.entry.52637937.js} +1 -1
- package/dist/{flip-tooltip.entry.a0d49f3a.js → flip-tooltip.entry.0e56a9ce.js} +1 -1
- package/dist/flip-tree-navigation-item.entry.3bc2a90e.js +26 -0
- package/dist/{flip-video-thumbnail.entry.25379073.js → flip-video-thumbnail.entry.1fa48602.js} +1 -1
- package/dist/{flip-visually-hidden.entry.dcf11082.js → flip-visually-hidden.entry.82df4b9e.js} +1 -1
- package/dist/{index.753500cb.js → index.c72dae09.js} +2 -2
- package/dist/swirl-components-react.js +1 -1
- package/dist/swirl-components-react.umd.cjs +38 -44
- package/package.json +2 -2
- package/dist/flip-console-layout.entry.6f13ba0a.js +0 -521
- package/dist/flip-tree-navigation-item.entry.483b66ed.js +0 -28
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as i, h as t, H as o } from "./index.
|
|
1
|
+
import { r as i, h as t, H as o } from "./index.c72dae09.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 n, c as s, h as a, H as r, g as l } from "./index.
|
|
1
|
+
import { r as n, c as s, h as a, H as r, g as l } from "./index.c72dae09.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.
|
|
1
|
+
import { r as n, c, h as o, H as r, g as u } from "./index.c72dae09.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";
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import { r as d, c as s, h as e, H as c, g as h } from "./index.c72dae09.js";
|
|
2
|
+
import { c as u } from "./index-6d2e18c6.289636d4.js";
|
|
3
|
+
import { i as o } from "./utils-39b2afe8.37b54ba4.js";
|
|
4
|
+
import "react";
|
|
5
|
+
import "react-dom";
|
|
6
|
+
import "./_commonjsHelpers-44457d8d.ba94af77.js";
|
|
7
|
+
const p = `: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;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"
|
|
8
|
+
"navigation"
|
|
9
|
+
"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;height:100%;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}.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"
|
|
10
|
+
"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)}`, b = class {
|
|
11
|
+
constructor(a) {
|
|
12
|
+
d(this, a), this.backButtonClick = s(this, "backButtonClick", 7), this.helpButtonClick = s(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 = (t) => {
|
|
13
|
+
this.backButtonClick.emit(t);
|
|
14
|
+
}, this.onHelpButtonClick = (t) => {
|
|
15
|
+
this.helpButtonClick.emit(t);
|
|
16
|
+
}, this.onMobileNavigationToggleClick = () => {
|
|
17
|
+
this.toggleSidebar();
|
|
18
|
+
}, this.onClick = (t) => {
|
|
19
|
+
var i;
|
|
20
|
+
const l = t.target, n = Boolean(l.closest(".console-layout__mobile-navigation-button")), r = ((i = l.closest("[slot]")) === null || i === void 0 ? void 0 : i.slot) === "overlays";
|
|
21
|
+
!t.composedPath().includes(this.sidebarEl) && !n && !r && this.sidebarActive && this.deactivateSidebar();
|
|
22
|
+
}, this.onKeyDown = (t) => {
|
|
23
|
+
t.code === "Escape" && this.sidebarActive && this.deactivateSidebar();
|
|
24
|
+
};
|
|
25
|
+
}
|
|
26
|
+
componentDidLoad() {
|
|
27
|
+
queueMicrotask(() => {
|
|
28
|
+
o() ? this.deactivateSidebar() : this.activateSidebar();
|
|
29
|
+
});
|
|
30
|
+
}
|
|
31
|
+
onWindowResize() {
|
|
32
|
+
const a = o();
|
|
33
|
+
!a && !this.sidebarActive ? this.activateSidebar() : a && this.deactivateSidebar();
|
|
34
|
+
}
|
|
35
|
+
async toggleSidebar() {
|
|
36
|
+
this.sidebarActive ? this.deactivateSidebar() : this.activateSidebar();
|
|
37
|
+
}
|
|
38
|
+
async showSidebar() {
|
|
39
|
+
this.sidebarActive || this.activateSidebar();
|
|
40
|
+
}
|
|
41
|
+
async hideSidebar() {
|
|
42
|
+
this.sidebarActive && this.deactivateSidebar();
|
|
43
|
+
}
|
|
44
|
+
activateSidebar() {
|
|
45
|
+
var a;
|
|
46
|
+
this.sidebarActive = !0, this.sidebarEl.removeAttribute("inert"), o() && ((a = this.el.querySelector("flip-tree-navigation-item")) === null || a === void 0 || a.focus());
|
|
47
|
+
}
|
|
48
|
+
deactivateSidebar() {
|
|
49
|
+
this.sidebarActive = !1, o() && this.sidebarEl.setAttribute("inert", "");
|
|
50
|
+
}
|
|
51
|
+
render() {
|
|
52
|
+
const a = u("console-layout", {
|
|
53
|
+
"console-layout--sidebar-active": this.sidebarActive
|
|
54
|
+
});
|
|
55
|
+
return e(c, null, e("div", { class: a, onClick: this.onClick, onKeyDown: this.onKeyDown }, e("div", { "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (t) => this.sidebarEl = t }, e("header", { class: "console-layout__header" }, e("div", { class: "console-layout__logo" }, e("svg", { class: "console-layout__logo-mark", fill: "none", height: "26", viewBox: "0 0 16 26", width: "16", xmlns: "http://www.w3.org/2000/svg" }, e("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" }), e("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" }), e("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" }), e("path", { d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), e("flip-text", { class: "console-layout__logo-text", weight: "medium" }, this.logoText))), e("nav", { "aria-label": this.navigationLabel, class: "console-layout__navigation" }, e("slot", { name: "navigation" })), e("div", { class: "console-layout__user" }, e("slot", { name: "user" }))), e("main", { "aria-labelledby": "app-name", class: "console-layout__main" }, e("header", { class: "console-layout__app-bar" }, e("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 }), e("flip-heading", { as: "h1", class: "console-layout__app-name", headingId: "app-name", level: 4, text: this.appName }), this.showHelpButton && e("flip-button", { class: "console-layout__help-button", hideLabel: !0, icon: "<flip-icon-help></flip-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick })), e("section", { "aria-labelledby": "heading", class: "console-layout__content" }, e("header", { class: "console-layout__content-header" }, this.showBackButton && e("flip-button", { class: "console-layout__back-button", hideLabel: !0, icon: "<flip-icon-arrow-back></flip-icon-arrow-back>", label: this.backButonLabel, onClick: this.onBackButtonClick }), e("div", null, e("flip-heading", { as: "h2", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && e("flip-text", { class: "console-layout__subheading", color: "subdued" }, this.subheading))), e("div", { class: "console-layout__integration" }, e("slot", { name: "content" }))), e("div", { class: "console-layout__overlays" }, e("slot", { name: "overlays" })))));
|
|
56
|
+
}
|
|
57
|
+
get el() {
|
|
58
|
+
return h(this);
|
|
59
|
+
}
|
|
60
|
+
};
|
|
61
|
+
b.style = p;
|
|
62
|
+
export {
|
|
63
|
+
b as flip_console_layout
|
|
64
|
+
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as le, c as we, h as x, H as be, F as te } from "./index.
|
|
1
|
+
import { r as le, c as we, h as x, H as be, F as te } from "./index.c72dae09.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";
|
package/dist/{flip-description-list.entry.70b550c9.js → flip-description-list.entry.457804c9.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as i, h as t, H as o } from "./index.
|
|
1
|
+
import { r as i, h as t, H as o } from "./index.c72dae09.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 {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as e, c as t, h as o, H as n } from "./index.
|
|
1
|
+
import { r as e, c as t, h as o, H as n } from "./index.c72dae09.js";
|
|
2
2
|
import { A as s } from "./a11y-dialog.esm-d7a94c8c.bd6ae411.js";
|
|
3
3
|
import { c as l } from "./index-6d2e18c6.289636d4.js";
|
|
4
4
|
import "react";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as zt, c as jt, h as qe, H as Gt, g as Qt } from "./index.
|
|
1
|
+
import { r as zt, c as jt, h as qe, H as Gt, g as Qt } from "./index.c72dae09.js";
|
|
2
2
|
import { c as cr, a as vt, g as Qi, b as qr, d as Ji } from "./_commonjsHelpers-44457d8d.ba94af77.js";
|
|
3
3
|
import { d as Zi, g as ea, i as ta } from "./utils-39b2afe8.37b54ba4.js";
|
|
4
4
|
import "react";
|
package/dist/{flip-icon-check-small_3.entry.05b9e155.js → flip-icon-check-small_3.entry.4c820a8f.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as c, h as i, F as n, c as d, H as a, g as u } from "./index.
|
|
1
|
+
import { r as c, h as i, F as n, c as d, H as a, g as u } from "./index.c72dae09.js";
|
|
2
2
|
import { q as m } from "./utils-39b2afe8.37b54ba4.js";
|
|
3
3
|
import { c as p } from "./index-6d2e18c6.289636d4.js";
|
|
4
4
|
import "react";
|