@getflip/swirl-components-react 0.7.0 → 0.7.2
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.381bca2c.js → file-manager.entry.65fe1cef.js} +1 -1
- package/dist/{flip-action-list-item.entry.7a86abf2.js → flip-action-list-item.entry.d8b92a21.js} +1 -1
- package/dist/{flip-action-list-section.entry.53539b0e.js → flip-action-list-section.entry.d7b9fc49.js} +1 -1
- package/dist/{flip-action-list.entry.c4efc3eb.js → flip-action-list.entry.efa5bca0.js} +1 -1
- package/dist/{flip-app-layout_5.entry.4f224220.js → flip-app-layout_5.entry.fa0de175.js} +1 -1
- package/dist/{flip-autocomplete.entry.2ba5bb08.js → flip-autocomplete.entry.d6b8f421.js} +1 -1
- package/dist/{flip-avatar-group.entry.55b9b3cc.js → flip-avatar-group.entry.5081ddc8.js} +1 -1
- package/dist/{flip-avatar.entry.d6e4521d.js → flip-avatar.entry.512e16ea.js} +1 -1
- package/dist/{flip-badge.entry.e7dad856.js → flip-badge.entry.6b5ed110.js} +1 -1
- package/dist/{flip-banner.entry.539b68f0.js → flip-banner.entry.4c146b6d.js} +1 -1
- package/dist/{flip-button-group.entry.1712c870.js → flip-button-group.entry.0c0ae871.js} +1 -1
- package/dist/{flip-button.entry.d89add7e.js → flip-button.entry.16872ac7.js} +1 -1
- package/dist/{flip-card.entry.639a3897.js → flip-card.entry.9e93b3d0.js} +1 -1
- package/dist/{flip-checkbox.entry.ea93e8e2.js → flip-checkbox.entry.db655955.js} +1 -1
- package/dist/{flip-chip.entry.b495caee.js → flip-chip.entry.94c513ca.js} +1 -1
- package/dist/flip-console-layout.entry.a403996c.js +66 -0
- package/dist/{flip-date-input.entry.3e285ebe.js → flip-date-input.entry.d3ceb819.js} +1 -1
- package/dist/{flip-date-picker_2.entry.72a30ff6.js → flip-date-picker_2.entry.2c0e6cd8.js} +1 -1
- package/dist/{flip-description-list-item.entry.be38d45f.js → flip-description-list-item.entry.f975f7b0.js} +1 -1
- package/dist/{flip-description-list.entry.43ef2cf9.js → flip-description-list.entry.14bd0193.js} +1 -1
- package/dist/{flip-dialog.entry.1d4c8e1d.js → flip-dialog.entry.2bd2d709.js} +1 -1
- package/dist/{flip-file-uploader.entry.07a3e698.js → flip-file-uploader.entry.f9aa740b.js} +1 -1
- package/dist/{flip-file-viewer_7.entry.eb909027.js → flip-file-viewer_7.entry.b9e30a9b.js} +1 -1
- package/dist/{flip-form-control.entry.7aeaac69.js → flip-form-control.entry.903524a3.js} +1 -1
- package/dist/{flip-form-group.entry.5549cc50.js → flip-form-group.entry.544e8b62.js} +1 -1
- package/dist/{flip-heading_2.entry.2bbe19bb.js → flip-heading_2.entry.729ded86.js} +1 -1
- package/dist/{flip-icon-add-photo.entry.5a951b8b.js → flip-icon-add-photo.entry.adabaca7.js} +1 -1
- package/dist/{flip-icon-add_4.entry.86d01b0c.js → flip-icon-add_4.entry.2445801c.js} +1 -1
- package/dist/{flip-icon-admin-panel-settings.entry.494d09cb.js → flip-icon-admin-panel-settings.entry.2875eeec.js} +1 -1
- package/dist/{flip-icon-arrow-back.entry.cd2cd991.js → flip-icon-arrow-back.entry.65731300.js} +1 -1
- package/dist/{flip-icon-arrow-forward.entry.913b516d.js → flip-icon-arrow-forward.entry.e16b1ebf.js} +1 -1
- package/dist/{flip-icon-arrow-left_3.entry.77ec16f8.js → flip-icon-arrow-left_3.entry.ab9a0b4b.js} +1 -1
- package/dist/{flip-icon-arrow-right-small.entry.49c24c8a.js → flip-icon-arrow-right-small.entry.f40fbfd2.js} +1 -1
- package/dist/{flip-icon-attachment.entry.fbb862b8.js → flip-icon-attachment.entry.e15f7597.js} +1 -1
- package/dist/{flip-icon-block.entry.cd06725d.js → flip-icon-block.entry.f930c84b.js} +1 -1
- package/dist/{flip-icon-cancel_4.entry.5ba73b31.js → flip-icon-cancel_4.entry.d3250ea3.js} +1 -1
- package/dist/{flip-icon-chat-bubble.entry.14c6cfea.js → flip-icon-chat-bubble.entry.bef3e503.js} +1 -1
- package/dist/{flip-icon-check-circle.entry.ee08d2e2.js → flip-icon-check-circle.entry.0fb7d65f.js} +1 -1
- package/dist/{flip-icon-check-small_3.entry.76b63e47.js → flip-icon-check-small_3.entry.be416fc8.js} +1 -1
- package/dist/{flip-icon-check-strong.entry.bcf7aeb6.js → flip-icon-check-strong.entry.5f2cc583.js} +1 -1
- package/dist/{flip-icon-check.entry.db0243dd.js → flip-icon-check.entry.0ae4c059.js} +1 -1
- package/dist/{flip-icon-chevron-left.entry.ec60eba7.js → flip-icon-chevron-left.entry.6f4112a8.js} +1 -1
- package/dist/{flip-icon-chevron-right.entry.67c8768d.js → flip-icon-chevron-right.entry.b8e36d26.js} +1 -1
- package/dist/{flip-icon-close-small.entry.95df030c.js → flip-icon-close-small.entry.25292cfb.js} +1 -1
- package/dist/{flip-icon-close.entry.b0979067.js → flip-icon-close.entry.7dc0226a.js} +1 -1
- package/dist/{flip-icon-cloud-upload.entry.6239ed9e.js → flip-icon-cloud-upload.entry.cd05fbf8.js} +1 -1
- package/dist/{flip-icon-comment.entry.108babd3.js → flip-icon-comment.entry.afcde770.js} +1 -1
- package/dist/{flip-icon-copy.entry.a767fb52.js → flip-icon-copy.entry.c3e314e9.js} +1 -1
- package/dist/{flip-icon-date-range.entry.1e69e954.js → flip-icon-date-range.entry.a8b3c482.js} +1 -1
- package/dist/{flip-icon-delete.entry.250c81ce.js → flip-icon-delete.entry.032166e8.js} +1 -1
- package/dist/{flip-icon-description.entry.149046f2.js → flip-icon-description.entry.e8bac067.js} +1 -1
- package/dist/{flip-icon-edit.entry.5838c4b3.js → flip-icon-edit.entry.49d08746.js} +1 -1
- package/dist/{flip-icon-emoji-mood.entry.7faf9f6d.js → flip-icon-emoji-mood.entry.919a40ca.js} +1 -1
- package/dist/{flip-icon-emoji-satisfied.entry.eb4df5fd.js → flip-icon-emoji-satisfied.entry.8cd5e1fe.js} +1 -1
- package/dist/{flip-icon-error_3.entry.5d03a8cc.js → flip-icon-error_3.entry.347b6f7c.js} +1 -1
- package/dist/{flip-icon-expand-more.entry.97d42371.js → flip-icon-expand-more.entry.83bd89c9.js} +1 -1
- package/dist/{flip-icon-file.entry.cb80f03d.js → flip-icon-file.entry.84e1203b.js} +1 -1
- package/dist/{flip-icon-folder-shared.entry.f96a285c.js → flip-icon-folder-shared.entry.9ee29775.js} +1 -1
- package/dist/{flip-icon-group-assign.entry.853f0f91.js → flip-icon-group-assign.entry.91200686.js} +1 -1
- package/dist/{flip-icon-groups-custom.entry.57a32f94.js → flip-icon-groups-custom.entry.4923a160.js} +1 -1
- package/dist/{flip-icon-groups.entry.118c2762.js → flip-icon-groups.entry.d7efffef.js} +1 -1
- package/dist/{flip-icon-help.entry.ba97e38c.js → flip-icon-help.entry.cacd7cf3.js} +1 -1
- package/dist/{flip-icon-image.entry.4140a0f2.js → flip-icon-image.entry.b33dce1d.js} +1 -1
- package/dist/{flip-icon-info.entry.594b69a7.js → flip-icon-info.entry.c2d6ea1f.js} +1 -1
- package/dist/{flip-icon-inventory.entry.67f8b0d0.js → flip-icon-inventory.entry.0cc9c967.js} +1 -1
- package/dist/{flip-icon-like.entry.33a1d543.js → flip-icon-like.entry.333e5ed6.js} +1 -1
- package/dist/{flip-icon-link.entry.96725333.js → flip-icon-link.entry.dfecf480.js} +1 -1
- package/dist/{flip-icon-lock.entry.173af4b5.js → flip-icon-lock.entry.b04de1c8.js} +1 -1
- package/dist/{flip-icon-logout.entry.64da002b.js → flip-icon-logout.entry.d0928560.js} +1 -1
- package/dist/{flip-icon-mail.entry.925a95df.js → flip-icon-mail.entry.ffaf3da5.js} +1 -1
- package/dist/{flip-icon-manage-accounts.entry.71f3b4e6.js → flip-icon-manage-accounts.entry.ef190a0f.js} +1 -1
- package/dist/{flip-icon-mention.entry.57ce6ad1.js → flip-icon-mention.entry.557008b7.js} +1 -1
- package/dist/{flip-icon-menu.entry.01500884.js → flip-icon-menu.entry.e85679e8.js} +1 -1
- package/dist/{flip-icon-message.entry.1d7d24e8.js → flip-icon-message.entry.b7fed9e5.js} +1 -1
- package/dist/{flip-icon-more-horizontal.entry.10dfbe24.js → flip-icon-more-horizontal.entry.e5a3ea15.js} +1 -1
- package/dist/{flip-icon-more-vertikal.entry.0fdc7aaf.js → flip-icon-more-vertikal.entry.2a9ad437.js} +1 -1
- package/dist/{flip-icon-notifications-active.entry.992aefa0.js → flip-icon-notifications-active.entry.99c79b31.js} +1 -1
- package/dist/{flip-icon-notifications-off.entry.cceb7574.js → flip-icon-notifications-off.entry.087eee6c.js} +1 -1
- package/dist/{flip-icon-notifications.entry.0ec4bdba.js → flip-icon-notifications.entry.75507b0f.js} +1 -1
- package/dist/{flip-icon-open-in-new.entry.17f00705.js → flip-icon-open-in-new.entry.d2ccc647.js} +1 -1
- package/dist/{flip-icon-people-alt.entry.4623c789.js → flip-icon-people-alt.entry.3e978b91.js} +1 -1
- package/dist/{flip-icon-person-off.entry.231fcc3d.js → flip-icon-person-off.entry.c65c669c.js} +1 -1
- package/dist/{flip-icon-person.entry.30618854.js → flip-icon-person.entry.14dcdf33.js} +1 -1
- package/dist/{flip-icon-phone.entry.d19a9883.js → flip-icon-phone.entry.83df9b21.js} +1 -1
- package/dist/{flip-icon-poll.entry.1934e7af.js → flip-icon-poll.entry.56531b42.js} +1 -1
- package/dist/{flip-icon-print.entry.f837789e.js → flip-icon-print.entry.20704e7d.js} +1 -1
- package/dist/{flip-icon-recieved.entry.5422380d.js → flip-icon-recieved.entry.23ae5dcf.js} +1 -1
- package/dist/{flip-icon-search-strong.entry.15b24519.js → flip-icon-search-strong.entry.dcdf8aac.js} +1 -1
- package/dist/{flip-icon-search.entry.f0992037.js → flip-icon-search.entry.9f0ca998.js} +1 -1
- package/dist/{flip-icon-send.entry.e4d9fe5d.js → flip-icon-send.entry.6e928385.js} +1 -1
- package/dist/{flip-icon-settings.entry.f3c42297.js → flip-icon-settings.entry.56dd2b7c.js} +1 -1
- package/dist/{flip-icon-time-filled.entry.dab1264d.js → flip-icon-time-filled.entry.5f9e8691.js} +1 -1
- package/dist/{flip-icon-time-outlined.entry.fcd316a0.js → flip-icon-time-outlined.entry.e95edc18.js} +1 -1
- package/dist/{flip-icon-user-assign.entry.ab614763.js → flip-icon-user-assign.entry.a447a5bf.js} +1 -1
- package/dist/{flip-icon-video-camera.entry.78c9314a.js → flip-icon-video-camera.entry.872a0778.js} +1 -1
- package/dist/{flip-icon-warning.entry.cf728764.js → flip-icon-warning.entry.3b4b498b.js} +1 -1
- package/dist/{flip-lightbox.entry.3bfc71b4.js → flip-lightbox.entry.a365d150.js} +1 -1
- package/dist/{flip-link.entry.d4ce5943.js → flip-link.entry.71ce7ffa.js} +1 -1
- package/dist/{flip-list.entry.560f0766.js → flip-list.entry.78c3335a.js} +1 -1
- package/dist/{flip-modal.entry.fde5d3ab.js → flip-modal.entry.968eaf78.js} +1 -1
- package/dist/{flip-option-list-section.entry.f45613e2.js → flip-option-list-section.entry.ca80c49a.js} +1 -1
- package/dist/{flip-pagination.entry.f595668a.js → flip-pagination.entry.2c2cfb55.js} +1 -1
- package/dist/{flip-pdf-reader.entry.8e9d960c.js → flip-pdf-reader.entry.c71b60c1.js} +1 -1
- package/dist/{flip-popover.entry.a978f413.js → flip-popover.entry.8f8dac79.js} +2 -2
- package/dist/{flip-progress-indicator.entry.5d7e5939.js → flip-progress-indicator.entry.05736959.js} +1 -1
- package/dist/{flip-radio-group.entry.bca702b6.js → flip-radio-group.entry.a11b5a93.js} +1 -1
- package/dist/{flip-radio.entry.0473634b.js → flip-radio.entry.84bb94a7.js} +1 -1
- package/dist/{flip-resource-list-file-item.entry.455ad195.js → flip-resource-list-file-item.entry.a8fadde5.js} +1 -1
- package/dist/{flip-search.entry.ceeb6740.js → flip-search.entry.7df4071f.js} +1 -1
- package/dist/{flip-select.entry.39f6b9c7.js → flip-select.entry.55c239db.js} +1 -1
- package/dist/{flip-stack.entry.418b5adb.js → flip-stack.entry.c5e33fce.js} +1 -1
- package/dist/{flip-switch.entry.3c030eec.js → flip-switch.entry.81115abc.js} +1 -1
- package/dist/{flip-tab.entry.744d2048.js → flip-tab.entry.5e897159.js} +1 -1
- package/dist/{flip-tabs.entry.f0c07079.js → flip-tabs.entry.acbc4ea9.js} +1 -1
- package/dist/{flip-tag.entry.488c908a.js → flip-tag.entry.6ae392fe.js} +1 -1
- package/dist/{flip-text-input.entry.790256b3.js → flip-text-input.entry.dd3812f6.js} +1 -1
- package/dist/{flip-theme-provider.entry.d53649d5.js → flip-theme-provider.entry.0ba37fb4.js} +1 -1
- package/dist/{flip-thumbnail.entry.eb20b7ff.js → flip-thumbnail.entry.5d5e0879.js} +1 -1
- package/dist/{flip-toast-provider.entry.5861e801.js → flip-toast-provider.entry.1bc37bac.js} +1 -1
- package/dist/{flip-toast.entry.b147536b.js → flip-toast.entry.924ce25b.js} +1 -1
- package/dist/{flip-tooltip.entry.0541953e.js → flip-tooltip.entry.904fb36c.js} +1 -1
- package/dist/{flip-tree-navigation-item.entry.77f3f7b1.js → flip-tree-navigation-item.entry.8873a27c.js} +1 -1
- package/dist/{flip-video-thumbnail.entry.5a495aef.js → flip-video-thumbnail.entry.bbab0fea.js} +1 -1
- package/dist/{flip-visually-hidden.entry.4c22fbaf.js → flip-visually-hidden.entry.ced271bc.js} +1 -1
- package/dist/{index.6432d866.js → index.6df4b8e0.js} +2 -2
- package/dist/swirl-components-react.js +1 -1
- package/dist/swirl-components-react.umd.cjs +37 -43
- package/package.json +2 -2
- package/dist/flip-console-layout.entry.a6368096.js +0 -513
|
@@ -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.6df4b8e0.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.6df4b8e0.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.6df4b8e0.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,66 @@
|
|
|
1
|
+
import { r as d, c as s, h as e, H as c, g as h } from "./index.6df4b8e0.js";
|
|
2
|
+
import { c as u } from "./index-6d2e18c6.289636d4.js";
|
|
3
|
+
import { i as t } 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}@media (min-width: 768px){.console-layout__hide-navigation-button{display:none}}.console-layout__user{overflow:hidden;margin-top:var(--s-border-width-default);padding:var(--s-space-16) var(--s-space-24) var(--s-space-24);border-top:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:user}.console-layout__main{display:grid;overflow-x:hidden;overflow-y:auto;width:100%;height:100%;grid-area:main;gap:var(--s-border-width-default);grid-template-rows:4rem 1fr;grid-template-areas:"app-bar"
|
|
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 = (i) => {
|
|
13
|
+
this.backButtonClick.emit(i);
|
|
14
|
+
}, this.onHelpButtonClick = (i) => {
|
|
15
|
+
this.helpButtonClick.emit(i);
|
|
16
|
+
}, this.onMobileNavigationToggleClick = () => {
|
|
17
|
+
this.toggleSidebar();
|
|
18
|
+
}, this.onHideNavigationButtonClick = () => {
|
|
19
|
+
this.hideSidebar();
|
|
20
|
+
}, this.onClick = (i) => {
|
|
21
|
+
var o;
|
|
22
|
+
const l = i.target, n = Boolean(l.closest(".console-layout__mobile-navigation-button")), r = ((o = l.closest("[slot]")) === null || o === void 0 ? void 0 : o.slot) === "overlays";
|
|
23
|
+
!i.composedPath().includes(this.sidebarEl) && !n && !r && this.sidebarActive && this.deactivateSidebar();
|
|
24
|
+
}, this.onKeyDown = (i) => {
|
|
25
|
+
i.code === "Escape" && this.sidebarActive && this.deactivateSidebar();
|
|
26
|
+
};
|
|
27
|
+
}
|
|
28
|
+
componentDidLoad() {
|
|
29
|
+
queueMicrotask(() => {
|
|
30
|
+
t() ? this.deactivateSidebar() : this.activateSidebar();
|
|
31
|
+
});
|
|
32
|
+
}
|
|
33
|
+
onWindowResize() {
|
|
34
|
+
const a = t();
|
|
35
|
+
!a && !this.sidebarActive ? this.activateSidebar() : a && this.deactivateSidebar();
|
|
36
|
+
}
|
|
37
|
+
async toggleSidebar() {
|
|
38
|
+
this.sidebarActive ? this.deactivateSidebar() : this.activateSidebar();
|
|
39
|
+
}
|
|
40
|
+
async showSidebar() {
|
|
41
|
+
this.sidebarActive || this.activateSidebar();
|
|
42
|
+
}
|
|
43
|
+
async hideSidebar() {
|
|
44
|
+
this.sidebarActive && this.deactivateSidebar();
|
|
45
|
+
}
|
|
46
|
+
activateSidebar() {
|
|
47
|
+
var a;
|
|
48
|
+
this.sidebarActive = !0, this.sidebarEl.removeAttribute("inert"), t() && ((a = this.el.querySelector("flip-tree-navigation-item")) === null || a === void 0 || a.focus());
|
|
49
|
+
}
|
|
50
|
+
deactivateSidebar() {
|
|
51
|
+
this.sidebarActive = !1, t() && this.sidebarEl.setAttribute("inert", "");
|
|
52
|
+
}
|
|
53
|
+
render() {
|
|
54
|
+
const a = u("console-layout", {
|
|
55
|
+
"console-layout--sidebar-active": this.sidebarActive
|
|
56
|
+
});
|
|
57
|
+
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: (i) => this.sidebarEl = i }, 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" }), this.sidebarActive && e("flip-visually-hidden", null, e("button", { class: "console-layout__hide-navigation-button", onClick: this.onHideNavigationButtonClick, type: "button" }, this.hideNavigationButtonLabel))), 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" })))));
|
|
58
|
+
}
|
|
59
|
+
get el() {
|
|
60
|
+
return h(this);
|
|
61
|
+
}
|
|
62
|
+
};
|
|
63
|
+
b.style = p;
|
|
64
|
+
export {
|
|
65
|
+
b as flip_console_layout
|
|
66
|
+
};
|
|
@@ -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.6df4b8e0.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.43ef2cf9.js → flip-description-list.entry.14bd0193.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.6df4b8e0.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.6df4b8e0.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.6df4b8e0.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.76b63e47.js → flip-icon-check-small_3.entry.be416fc8.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.6df4b8e0.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";
|