@getflip/swirl-components 0.6.1 → 0.6.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/cjs/flip-avatar.cjs.entry.js +1 -1
- package/dist/cjs/flip-button.cjs.entry.js +1 -1
- package/dist/cjs/flip-console-layout.cjs.entry.js +1 -1
- package/dist/collection/components/flip-avatar/flip-avatar.css +1 -0
- package/dist/collection/components/flip-button/flip-button.css +3 -2
- package/dist/collection/components/flip-console-layout/flip-console-layout.css +4 -5
- package/dist/components/flip-avatar.js +1 -1
- package/dist/components/flip-button2.js +1 -1
- package/dist/components/flip-console-layout.js +1 -1
- package/dist/esm/flip-avatar.entry.js +1 -1
- package/dist/esm/flip-button.entry.js +1 -1
- package/dist/esm/flip-console-layout.entry.js +1 -1
- package/dist/swirl-components/p-53c9a488.entry.js +1 -0
- package/dist/swirl-components/p-57de1eef.entry.js +1 -0
- package/dist/swirl-components/{p-cf4f9e4d.entry.js → p-e8049b2d.entry.js} +1 -1
- package/dist/swirl-components/swirl-components.esm.js +1 -1
- package/package.json +1 -1
- package/dist/swirl-components/p-963eb79a.entry.js +0 -1
- package/dist/swirl-components/p-e1434bcd.entry.js +0 -1
|
@@ -6,7 +6,7 @@ const index = require('./index-72831c5f.js');
|
|
|
6
6
|
const index$1 = require('./index-b8470262.js');
|
|
7
7
|
require('./_commonjsHelpers-a5111d61.js');
|
|
8
8
|
|
|
9
|
-
const flipAvatarCss = ":host{display:inline-flex;align-items:center;flex-direction:column}:host *{box-sizing:border-box}.avatar{position:relative;display:inline-flex;justify-content:center;align-items:center;border-radius:50%}.avatar--has-icon{color:var(--s-icon-default);background-color:var(--s-surface-raised-default)}.avatar--has-initials{padding-right:0;padding-left:0;color:#fff}.avatar--interactive{cursor:pointer}.avatar--interactive:focus{outline-color:var(--s-focus-default)}.avatar--size-xs{width:1.75rem;height:1.75rem;font-size:0.75rem}.avatar--size-xs.avatar--has-icon{padding-right:0.4375rem;padding-left:0.4375rem}.avatar--size-xs.avatar--variant-square,.avatar--size-xs.avatar--variant-square .avatar__image,.avatar--size-xs.avatar--variant-square .avatar__initials{border-radius:0.5rem}.avatar--size-s{width:2rem;height:2rem;font-size:0.75rem}.avatar--size-s.avatar--has-icon{padding-right:var(--s-space-8);padding-left:var(--s-space-8)}.avatar--size-s.avatar--variant-square,.avatar--size-s.avatar--variant-square .avatar__image,.avatar--size-s.avatar--variant-square .avatar__initials{border-radius:0.5rem}.avatar--size-m{width:2.5rem;height:2.5rem;font-size:var(--s-font-size-base)}.avatar--size-m.avatar--has-icon{padding-right:0.625rem;padding-left:0.625rem}.avatar--size-m.avatar--variant-square,.avatar--size-m.avatar--variant-square .avatar__image,.avatar--size-m.avatar--variant-square .avatar__initials{border-radius:0.625rem}.avatar--size-l{width:3rem;height:3rem;font-size:var(--s-font-size-lg)}.avatar--size-l.avatar--has-icon{padding-right:var(--s-space-12);padding-left:var(--s-space-12)}.avatar--size-l.avatar--variant-square,.avatar--size-l.avatar--variant-square .avatar__image,.avatar--size-l.avatar--variant-square .avatar__initials{border-radius:0.75rem}.avatar--size-xl{width:4rem;height:4rem;font-size:var(--s-font-size-xl)}.avatar--size-xl.avatar--has-icon{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}.avatar--size-xl.avatar--variant-square,.avatar--size-xl.avatar--variant-square .avatar__image,.avatar--size-xl.avatar--variant-square .avatar__initials{border-radius:1rem}.avatar--size-2xl{width:9rem;height:9rem;font-size:3.375rem}.avatar--size-2xl.avatar--has-icon{padding-right:var(--s-space-32);padding-left:var(--s-space-32)}.avatar--size-2xl.avatar--variant-square,.avatar--size-2xl.avatar--variant-square .avatar__image,.avatar--size-2xl.avatar--variant-square .avatar__initials{border-radius:2.25rem}.avatar--color-banana .avatar__initials{color:var(--s-decorative-banana-text);background-color:var(--s-decorative-banana-surface-subdued)}.avatar--color-blueberry .avatar__initials{color:var(--s-decorative-blueberry-text);background-color:var(--s-decorative-blueberry-surface-subdued)}.avatar--color-chilli .avatar__initials{color:var(--s-decorative-chilli-text);background-color:var(--s-decorative-chilli-surface-subdued)}.avatar--color-grape .avatar__initials{color:var(--s-decorative-grape-text);background-color:var(--s-decorative-grape-surface-subdued)}.avatar--color-kiwi .avatar__initials{color:var(--s-decorative-kiwi-text);background-color:var(--s-decorative-kiwi-surface-subdued)}.avatar--color-pumpkin .avatar__initials{color:var(--s-decorative-pumpkin-text);background-color:var(--s-decorative-pumpkin-surface-subdued)}.avatar--color-radish .avatar__initials{color:var(--s-decorative-radish-text);background-color:var(--s-decorative-radish-surface-subdued)}.avatar__image{overflow:hidden;width:100%;height:100%;border-radius:50%}.avatar__image>img{width:100%;height:100%}.avatar__icon{display:inline-flex;width:100%;height:100%}.avatar__icon>*{width:100%;height:100%}.avatar__icon>*::part(icon){width:100%;height:100%}.avatar__initials{display:inline-flex;width:100%;min-width:0;height:100%;padding-right:0.0625rem;padding-left:0.0625rem;justify-content:center;align-items:center;border-radius:50%;font-weight:var(--s-font-weight-medium)}.avatar__initials>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.avatar__badge{position:absolute;bottom:0;left:55%;display:inline-flex;min-width:1.5rem;height:1.5rem;transform:translate3d(0, 25%, 0)}.avatar__badge--position-top{top:0;bottom:auto;transform:translate3d(0, -25%, 0)}.avatar__label{margin-top:var(--s-space-4);color:var(--s-icon-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);text-align:center}";
|
|
9
|
+
const flipAvatarCss = ":host{display:inline-flex;flex-shrink:0;align-items:center;flex-direction:column}:host *{box-sizing:border-box}.avatar{position:relative;display:inline-flex;justify-content:center;align-items:center;border-radius:50%}.avatar--has-icon{color:var(--s-icon-default);background-color:var(--s-surface-raised-default)}.avatar--has-initials{padding-right:0;padding-left:0;color:#fff}.avatar--interactive{cursor:pointer}.avatar--interactive:focus{outline-color:var(--s-focus-default)}.avatar--size-xs{width:1.75rem;height:1.75rem;font-size:0.75rem}.avatar--size-xs.avatar--has-icon{padding-right:0.4375rem;padding-left:0.4375rem}.avatar--size-xs.avatar--variant-square,.avatar--size-xs.avatar--variant-square .avatar__image,.avatar--size-xs.avatar--variant-square .avatar__initials{border-radius:0.5rem}.avatar--size-s{width:2rem;height:2rem;font-size:0.75rem}.avatar--size-s.avatar--has-icon{padding-right:var(--s-space-8);padding-left:var(--s-space-8)}.avatar--size-s.avatar--variant-square,.avatar--size-s.avatar--variant-square .avatar__image,.avatar--size-s.avatar--variant-square .avatar__initials{border-radius:0.5rem}.avatar--size-m{width:2.5rem;height:2.5rem;font-size:var(--s-font-size-base)}.avatar--size-m.avatar--has-icon{padding-right:0.625rem;padding-left:0.625rem}.avatar--size-m.avatar--variant-square,.avatar--size-m.avatar--variant-square .avatar__image,.avatar--size-m.avatar--variant-square .avatar__initials{border-radius:0.625rem}.avatar--size-l{width:3rem;height:3rem;font-size:var(--s-font-size-lg)}.avatar--size-l.avatar--has-icon{padding-right:var(--s-space-12);padding-left:var(--s-space-12)}.avatar--size-l.avatar--variant-square,.avatar--size-l.avatar--variant-square .avatar__image,.avatar--size-l.avatar--variant-square .avatar__initials{border-radius:0.75rem}.avatar--size-xl{width:4rem;height:4rem;font-size:var(--s-font-size-xl)}.avatar--size-xl.avatar--has-icon{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}.avatar--size-xl.avatar--variant-square,.avatar--size-xl.avatar--variant-square .avatar__image,.avatar--size-xl.avatar--variant-square .avatar__initials{border-radius:1rem}.avatar--size-2xl{width:9rem;height:9rem;font-size:3.375rem}.avatar--size-2xl.avatar--has-icon{padding-right:var(--s-space-32);padding-left:var(--s-space-32)}.avatar--size-2xl.avatar--variant-square,.avatar--size-2xl.avatar--variant-square .avatar__image,.avatar--size-2xl.avatar--variant-square .avatar__initials{border-radius:2.25rem}.avatar--color-banana .avatar__initials{color:var(--s-decorative-banana-text);background-color:var(--s-decorative-banana-surface-subdued)}.avatar--color-blueberry .avatar__initials{color:var(--s-decorative-blueberry-text);background-color:var(--s-decorative-blueberry-surface-subdued)}.avatar--color-chilli .avatar__initials{color:var(--s-decorative-chilli-text);background-color:var(--s-decorative-chilli-surface-subdued)}.avatar--color-grape .avatar__initials{color:var(--s-decorative-grape-text);background-color:var(--s-decorative-grape-surface-subdued)}.avatar--color-kiwi .avatar__initials{color:var(--s-decorative-kiwi-text);background-color:var(--s-decorative-kiwi-surface-subdued)}.avatar--color-pumpkin .avatar__initials{color:var(--s-decorative-pumpkin-text);background-color:var(--s-decorative-pumpkin-surface-subdued)}.avatar--color-radish .avatar__initials{color:var(--s-decorative-radish-text);background-color:var(--s-decorative-radish-surface-subdued)}.avatar__image{overflow:hidden;width:100%;height:100%;border-radius:50%}.avatar__image>img{width:100%;height:100%}.avatar__icon{display:inline-flex;width:100%;height:100%}.avatar__icon>*{width:100%;height:100%}.avatar__icon>*::part(icon){width:100%;height:100%}.avatar__initials{display:inline-flex;width:100%;min-width:0;height:100%;padding-right:0.0625rem;padding-left:0.0625rem;justify-content:center;align-items:center;border-radius:50%;font-weight:var(--s-font-weight-medium)}.avatar__initials>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.avatar__badge{position:absolute;bottom:0;left:55%;display:inline-flex;min-width:1.5rem;height:1.5rem;transform:translate3d(0, 25%, 0)}.avatar__badge--position-top{top:0;bottom:auto;transform:translate3d(0, -25%, 0)}.avatar__label{margin-top:var(--s-space-4);color:var(--s-icon-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);text-align:center}";
|
|
10
10
|
|
|
11
11
|
const flipAvatarSizeMappings = {
|
|
12
12
|
xs: 28,
|
|
@@ -6,7 +6,7 @@ const index = require('./index-72831c5f.js');
|
|
|
6
6
|
const index$1 = require('./index-b8470262.js');
|
|
7
7
|
require('./_commonjsHelpers-a5111d61.js');
|
|
8
8
|
|
|
9
|
-
const flipButtonCss = ".sc-flip-button-h{display:inline-block;max-width:100
|
|
9
|
+
const flipButtonCss = ".sc-flip-button-h{display:inline-block;max-width:100%;flex-shrink:0}.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-left-radius:var(--flip-button-border-top-left-radius);border-top-right-radius:var(--flip-button-border-top-right-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)),\n 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)),\n 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)),\n 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)),\n 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-left-radius:var(--flip-icon-button-border-top-left-radius);border-top-right-radius:var(--flip-icon-button-border-top-right-radius);border-bottom-right-radius:var(\n --flip-icon-button-border-bottom-right-radius\n );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}";
|
|
10
10
|
|
|
11
11
|
const FlipButton = class {
|
|
12
12
|
constructor(hostRef) {
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-72831c5f.js');
|
|
6
6
|
|
|
7
|
-
const flipConsoleLayoutCss = ":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-x:hidden;overflow-y:auto;
|
|
7
|
+
const flipConsoleLayoutCss = ":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-x:hidden;overflow-y:auto;height:100%;border-right:var(--s-border-width-default) solid var(--s-border-default);grid-template-rows:auto 1fr auto;grid-template-areas:\"header\"\n \"navigation\"\n \"user\";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\"\n \"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)}";
|
|
8
8
|
|
|
9
9
|
const FlipConsoleLayout = class {
|
|
10
10
|
constructor(hostRef) {
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
:host {
|
|
2
2
|
display: inline-block;
|
|
3
3
|
max-width: 100%;
|
|
4
|
+
flex-shrink: 0;
|
|
4
5
|
}
|
|
5
6
|
|
|
6
7
|
:host * {
|
|
@@ -14,8 +15,8 @@
|
|
|
14
15
|
justify-content: center;
|
|
15
16
|
align-items: center;
|
|
16
17
|
border: none;
|
|
17
|
-
border-top-right-radius: var(--flip-button-border-top-right-radius);
|
|
18
18
|
border-top-left-radius: var(--flip-button-border-top-left-radius);
|
|
19
|
+
border-top-right-radius: var(--flip-button-border-top-right-radius);
|
|
19
20
|
border-bottom-right-radius: var(--flip-button-border-bottom-right-radius);
|
|
20
21
|
border-bottom-left-radius: var(--flip-button-border-bottom-left-radius);
|
|
21
22
|
color: var(--s-text-subdued);
|
|
@@ -279,8 +280,8 @@
|
|
|
279
280
|
|
|
280
281
|
.button--icon-only {
|
|
281
282
|
padding: var(--s-space-8);
|
|
282
|
-
border-top-right-radius: var(--flip-icon-button-border-top-right-radius);
|
|
283
283
|
border-top-left-radius: var(--flip-icon-button-border-top-left-radius);
|
|
284
|
+
border-top-right-radius: var(--flip-icon-button-border-top-right-radius);
|
|
284
285
|
border-bottom-right-radius: var(
|
|
285
286
|
--flip-icon-button-border-bottom-right-radius
|
|
286
287
|
);
|
|
@@ -20,7 +20,6 @@
|
|
|
20
20
|
display: grid;
|
|
21
21
|
overflow-x: hidden;
|
|
22
22
|
overflow-y: auto;
|
|
23
|
-
width: 100%;
|
|
24
23
|
height: 100%;
|
|
25
24
|
border-right: var(--s-border-width-default) solid var(--s-border-default);
|
|
26
25
|
grid-template-rows: auto 1fr auto;
|
|
@@ -32,8 +31,7 @@
|
|
|
32
31
|
}
|
|
33
32
|
|
|
34
33
|
.console-layout__header {
|
|
35
|
-
|
|
36
|
-
top: 0;
|
|
34
|
+
overflow: hidden;
|
|
37
35
|
min-width: 0;
|
|
38
36
|
padding: var(--s-space-20) var(--s-space-24);
|
|
39
37
|
background-color: var(--s-background-default);
|
|
@@ -41,6 +39,8 @@
|
|
|
41
39
|
}
|
|
42
40
|
|
|
43
41
|
.console-layout__navigation {
|
|
42
|
+
overflow-x: hidden;
|
|
43
|
+
overflow-y: auto;
|
|
44
44
|
padding-top: var(--s-space-8);
|
|
45
45
|
padding-bottom: var(--s-space-8);
|
|
46
46
|
background-color: var(--s-background-default);
|
|
@@ -48,8 +48,7 @@
|
|
|
48
48
|
}
|
|
49
49
|
|
|
50
50
|
.console-layout__user {
|
|
51
|
-
|
|
52
|
-
bottom: 0;
|
|
51
|
+
overflow: hidden;
|
|
53
52
|
margin-top: var(--s-border-width-default);
|
|
54
53
|
padding: var(--s-space-16) var(--s-space-24) var(--s-space-24);
|
|
55
54
|
border-top: var(--s-border-width-default) solid var(--s-border-default);
|
|
@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal
|
|
|
2
2
|
import { c as classnames } from './index2.js';
|
|
3
3
|
import { d as defineCustomElement$2 } from './flip-icon-person2.js';
|
|
4
4
|
|
|
5
|
-
const flipAvatarCss = ":host{display:inline-flex;align-items:center;flex-direction:column}:host *{box-sizing:border-box}.avatar{position:relative;display:inline-flex;justify-content:center;align-items:center;border-radius:50%}.avatar--has-icon{color:var(--s-icon-default);background-color:var(--s-surface-raised-default)}.avatar--has-initials{padding-right:0;padding-left:0;color:#fff}.avatar--interactive{cursor:pointer}.avatar--interactive:focus{outline-color:var(--s-focus-default)}.avatar--size-xs{width:1.75rem;height:1.75rem;font-size:0.75rem}.avatar--size-xs.avatar--has-icon{padding-right:0.4375rem;padding-left:0.4375rem}.avatar--size-xs.avatar--variant-square,.avatar--size-xs.avatar--variant-square .avatar__image,.avatar--size-xs.avatar--variant-square .avatar__initials{border-radius:0.5rem}.avatar--size-s{width:2rem;height:2rem;font-size:0.75rem}.avatar--size-s.avatar--has-icon{padding-right:var(--s-space-8);padding-left:var(--s-space-8)}.avatar--size-s.avatar--variant-square,.avatar--size-s.avatar--variant-square .avatar__image,.avatar--size-s.avatar--variant-square .avatar__initials{border-radius:0.5rem}.avatar--size-m{width:2.5rem;height:2.5rem;font-size:var(--s-font-size-base)}.avatar--size-m.avatar--has-icon{padding-right:0.625rem;padding-left:0.625rem}.avatar--size-m.avatar--variant-square,.avatar--size-m.avatar--variant-square .avatar__image,.avatar--size-m.avatar--variant-square .avatar__initials{border-radius:0.625rem}.avatar--size-l{width:3rem;height:3rem;font-size:var(--s-font-size-lg)}.avatar--size-l.avatar--has-icon{padding-right:var(--s-space-12);padding-left:var(--s-space-12)}.avatar--size-l.avatar--variant-square,.avatar--size-l.avatar--variant-square .avatar__image,.avatar--size-l.avatar--variant-square .avatar__initials{border-radius:0.75rem}.avatar--size-xl{width:4rem;height:4rem;font-size:var(--s-font-size-xl)}.avatar--size-xl.avatar--has-icon{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}.avatar--size-xl.avatar--variant-square,.avatar--size-xl.avatar--variant-square .avatar__image,.avatar--size-xl.avatar--variant-square .avatar__initials{border-radius:1rem}.avatar--size-2xl{width:9rem;height:9rem;font-size:3.375rem}.avatar--size-2xl.avatar--has-icon{padding-right:var(--s-space-32);padding-left:var(--s-space-32)}.avatar--size-2xl.avatar--variant-square,.avatar--size-2xl.avatar--variant-square .avatar__image,.avatar--size-2xl.avatar--variant-square .avatar__initials{border-radius:2.25rem}.avatar--color-banana .avatar__initials{color:var(--s-decorative-banana-text);background-color:var(--s-decorative-banana-surface-subdued)}.avatar--color-blueberry .avatar__initials{color:var(--s-decorative-blueberry-text);background-color:var(--s-decorative-blueberry-surface-subdued)}.avatar--color-chilli .avatar__initials{color:var(--s-decorative-chilli-text);background-color:var(--s-decorative-chilli-surface-subdued)}.avatar--color-grape .avatar__initials{color:var(--s-decorative-grape-text);background-color:var(--s-decorative-grape-surface-subdued)}.avatar--color-kiwi .avatar__initials{color:var(--s-decorative-kiwi-text);background-color:var(--s-decorative-kiwi-surface-subdued)}.avatar--color-pumpkin .avatar__initials{color:var(--s-decorative-pumpkin-text);background-color:var(--s-decorative-pumpkin-surface-subdued)}.avatar--color-radish .avatar__initials{color:var(--s-decorative-radish-text);background-color:var(--s-decorative-radish-surface-subdued)}.avatar__image{overflow:hidden;width:100%;height:100%;border-radius:50%}.avatar__image>img{width:100%;height:100%}.avatar__icon{display:inline-flex;width:100%;height:100%}.avatar__icon>*{width:100%;height:100%}.avatar__icon>*::part(icon){width:100%;height:100%}.avatar__initials{display:inline-flex;width:100%;min-width:0;height:100%;padding-right:0.0625rem;padding-left:0.0625rem;justify-content:center;align-items:center;border-radius:50%;font-weight:var(--s-font-weight-medium)}.avatar__initials>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.avatar__badge{position:absolute;bottom:0;left:55%;display:inline-flex;min-width:1.5rem;height:1.5rem;transform:translate3d(0, 25%, 0)}.avatar__badge--position-top{top:0;bottom:auto;transform:translate3d(0, -25%, 0)}.avatar__label{margin-top:var(--s-space-4);color:var(--s-icon-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);text-align:center}";
|
|
5
|
+
const flipAvatarCss = ":host{display:inline-flex;flex-shrink:0;align-items:center;flex-direction:column}:host *{box-sizing:border-box}.avatar{position:relative;display:inline-flex;justify-content:center;align-items:center;border-radius:50%}.avatar--has-icon{color:var(--s-icon-default);background-color:var(--s-surface-raised-default)}.avatar--has-initials{padding-right:0;padding-left:0;color:#fff}.avatar--interactive{cursor:pointer}.avatar--interactive:focus{outline-color:var(--s-focus-default)}.avatar--size-xs{width:1.75rem;height:1.75rem;font-size:0.75rem}.avatar--size-xs.avatar--has-icon{padding-right:0.4375rem;padding-left:0.4375rem}.avatar--size-xs.avatar--variant-square,.avatar--size-xs.avatar--variant-square .avatar__image,.avatar--size-xs.avatar--variant-square .avatar__initials{border-radius:0.5rem}.avatar--size-s{width:2rem;height:2rem;font-size:0.75rem}.avatar--size-s.avatar--has-icon{padding-right:var(--s-space-8);padding-left:var(--s-space-8)}.avatar--size-s.avatar--variant-square,.avatar--size-s.avatar--variant-square .avatar__image,.avatar--size-s.avatar--variant-square .avatar__initials{border-radius:0.5rem}.avatar--size-m{width:2.5rem;height:2.5rem;font-size:var(--s-font-size-base)}.avatar--size-m.avatar--has-icon{padding-right:0.625rem;padding-left:0.625rem}.avatar--size-m.avatar--variant-square,.avatar--size-m.avatar--variant-square .avatar__image,.avatar--size-m.avatar--variant-square .avatar__initials{border-radius:0.625rem}.avatar--size-l{width:3rem;height:3rem;font-size:var(--s-font-size-lg)}.avatar--size-l.avatar--has-icon{padding-right:var(--s-space-12);padding-left:var(--s-space-12)}.avatar--size-l.avatar--variant-square,.avatar--size-l.avatar--variant-square .avatar__image,.avatar--size-l.avatar--variant-square .avatar__initials{border-radius:0.75rem}.avatar--size-xl{width:4rem;height:4rem;font-size:var(--s-font-size-xl)}.avatar--size-xl.avatar--has-icon{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}.avatar--size-xl.avatar--variant-square,.avatar--size-xl.avatar--variant-square .avatar__image,.avatar--size-xl.avatar--variant-square .avatar__initials{border-radius:1rem}.avatar--size-2xl{width:9rem;height:9rem;font-size:3.375rem}.avatar--size-2xl.avatar--has-icon{padding-right:var(--s-space-32);padding-left:var(--s-space-32)}.avatar--size-2xl.avatar--variant-square,.avatar--size-2xl.avatar--variant-square .avatar__image,.avatar--size-2xl.avatar--variant-square .avatar__initials{border-radius:2.25rem}.avatar--color-banana .avatar__initials{color:var(--s-decorative-banana-text);background-color:var(--s-decorative-banana-surface-subdued)}.avatar--color-blueberry .avatar__initials{color:var(--s-decorative-blueberry-text);background-color:var(--s-decorative-blueberry-surface-subdued)}.avatar--color-chilli .avatar__initials{color:var(--s-decorative-chilli-text);background-color:var(--s-decorative-chilli-surface-subdued)}.avatar--color-grape .avatar__initials{color:var(--s-decorative-grape-text);background-color:var(--s-decorative-grape-surface-subdued)}.avatar--color-kiwi .avatar__initials{color:var(--s-decorative-kiwi-text);background-color:var(--s-decorative-kiwi-surface-subdued)}.avatar--color-pumpkin .avatar__initials{color:var(--s-decorative-pumpkin-text);background-color:var(--s-decorative-pumpkin-surface-subdued)}.avatar--color-radish .avatar__initials{color:var(--s-decorative-radish-text);background-color:var(--s-decorative-radish-surface-subdued)}.avatar__image{overflow:hidden;width:100%;height:100%;border-radius:50%}.avatar__image>img{width:100%;height:100%}.avatar__icon{display:inline-flex;width:100%;height:100%}.avatar__icon>*{width:100%;height:100%}.avatar__icon>*::part(icon){width:100%;height:100%}.avatar__initials{display:inline-flex;width:100%;min-width:0;height:100%;padding-right:0.0625rem;padding-left:0.0625rem;justify-content:center;align-items:center;border-radius:50%;font-weight:var(--s-font-weight-medium)}.avatar__initials>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.avatar__badge{position:absolute;bottom:0;left:55%;display:inline-flex;min-width:1.5rem;height:1.5rem;transform:translate3d(0, 25%, 0)}.avatar__badge--position-top{top:0;bottom:auto;transform:translate3d(0, -25%, 0)}.avatar__label{margin-top:var(--s-space-4);color:var(--s-icon-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);text-align:center}";
|
|
6
6
|
|
|
7
7
|
const flipAvatarSizeMappings = {
|
|
8
8
|
xs: 28,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
|
|
2
2
|
import { c as classnames } from './index2.js';
|
|
3
3
|
|
|
4
|
-
const flipButtonCss = ".sc-flip-button-h{display:inline-block;max-width:100
|
|
4
|
+
const flipButtonCss = ".sc-flip-button-h{display:inline-block;max-width:100%;flex-shrink:0}.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-left-radius:var(--flip-button-border-top-left-radius);border-top-right-radius:var(--flip-button-border-top-right-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)),\n 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)),\n 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)),\n 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)),\n 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-left-radius:var(--flip-icon-button-border-top-left-radius);border-top-right-radius:var(--flip-icon-button-border-top-right-radius);border-bottom-right-radius:var(\n --flip-icon-button-border-bottom-right-radius\n );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}";
|
|
5
5
|
|
|
6
6
|
const FlipButton = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
7
7
|
constructor() {
|
|
@@ -3,7 +3,7 @@ import { d as defineCustomElement$4 } from './flip-button2.js';
|
|
|
3
3
|
import { d as defineCustomElement$3 } from './flip-heading2.js';
|
|
4
4
|
import { d as defineCustomElement$2 } from './flip-text2.js';
|
|
5
5
|
|
|
6
|
-
const flipConsoleLayoutCss = ":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-x:hidden;overflow-y:auto;
|
|
6
|
+
const flipConsoleLayoutCss = ":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-x:hidden;overflow-y:auto;height:100%;border-right:var(--s-border-width-default) solid var(--s-border-default);grid-template-rows:auto 1fr auto;grid-template-areas:\"header\"\n \"navigation\"\n \"user\";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\"\n \"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)}";
|
|
7
7
|
|
|
8
8
|
const FlipConsoleLayout$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
9
9
|
constructor() {
|
|
@@ -2,7 +2,7 @@ import { r as registerInstance, h, H as Host, g as getElement } from './index-5a
|
|
|
2
2
|
import { c as classnames } from './index-6d2e18c6.js';
|
|
3
3
|
import './_commonjsHelpers-44457d8d.js';
|
|
4
4
|
|
|
5
|
-
const flipAvatarCss = ":host{display:inline-flex;align-items:center;flex-direction:column}:host *{box-sizing:border-box}.avatar{position:relative;display:inline-flex;justify-content:center;align-items:center;border-radius:50%}.avatar--has-icon{color:var(--s-icon-default);background-color:var(--s-surface-raised-default)}.avatar--has-initials{padding-right:0;padding-left:0;color:#fff}.avatar--interactive{cursor:pointer}.avatar--interactive:focus{outline-color:var(--s-focus-default)}.avatar--size-xs{width:1.75rem;height:1.75rem;font-size:0.75rem}.avatar--size-xs.avatar--has-icon{padding-right:0.4375rem;padding-left:0.4375rem}.avatar--size-xs.avatar--variant-square,.avatar--size-xs.avatar--variant-square .avatar__image,.avatar--size-xs.avatar--variant-square .avatar__initials{border-radius:0.5rem}.avatar--size-s{width:2rem;height:2rem;font-size:0.75rem}.avatar--size-s.avatar--has-icon{padding-right:var(--s-space-8);padding-left:var(--s-space-8)}.avatar--size-s.avatar--variant-square,.avatar--size-s.avatar--variant-square .avatar__image,.avatar--size-s.avatar--variant-square .avatar__initials{border-radius:0.5rem}.avatar--size-m{width:2.5rem;height:2.5rem;font-size:var(--s-font-size-base)}.avatar--size-m.avatar--has-icon{padding-right:0.625rem;padding-left:0.625rem}.avatar--size-m.avatar--variant-square,.avatar--size-m.avatar--variant-square .avatar__image,.avatar--size-m.avatar--variant-square .avatar__initials{border-radius:0.625rem}.avatar--size-l{width:3rem;height:3rem;font-size:var(--s-font-size-lg)}.avatar--size-l.avatar--has-icon{padding-right:var(--s-space-12);padding-left:var(--s-space-12)}.avatar--size-l.avatar--variant-square,.avatar--size-l.avatar--variant-square .avatar__image,.avatar--size-l.avatar--variant-square .avatar__initials{border-radius:0.75rem}.avatar--size-xl{width:4rem;height:4rem;font-size:var(--s-font-size-xl)}.avatar--size-xl.avatar--has-icon{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}.avatar--size-xl.avatar--variant-square,.avatar--size-xl.avatar--variant-square .avatar__image,.avatar--size-xl.avatar--variant-square .avatar__initials{border-radius:1rem}.avatar--size-2xl{width:9rem;height:9rem;font-size:3.375rem}.avatar--size-2xl.avatar--has-icon{padding-right:var(--s-space-32);padding-left:var(--s-space-32)}.avatar--size-2xl.avatar--variant-square,.avatar--size-2xl.avatar--variant-square .avatar__image,.avatar--size-2xl.avatar--variant-square .avatar__initials{border-radius:2.25rem}.avatar--color-banana .avatar__initials{color:var(--s-decorative-banana-text);background-color:var(--s-decorative-banana-surface-subdued)}.avatar--color-blueberry .avatar__initials{color:var(--s-decorative-blueberry-text);background-color:var(--s-decorative-blueberry-surface-subdued)}.avatar--color-chilli .avatar__initials{color:var(--s-decorative-chilli-text);background-color:var(--s-decorative-chilli-surface-subdued)}.avatar--color-grape .avatar__initials{color:var(--s-decorative-grape-text);background-color:var(--s-decorative-grape-surface-subdued)}.avatar--color-kiwi .avatar__initials{color:var(--s-decorative-kiwi-text);background-color:var(--s-decorative-kiwi-surface-subdued)}.avatar--color-pumpkin .avatar__initials{color:var(--s-decorative-pumpkin-text);background-color:var(--s-decorative-pumpkin-surface-subdued)}.avatar--color-radish .avatar__initials{color:var(--s-decorative-radish-text);background-color:var(--s-decorative-radish-surface-subdued)}.avatar__image{overflow:hidden;width:100%;height:100%;border-radius:50%}.avatar__image>img{width:100%;height:100%}.avatar__icon{display:inline-flex;width:100%;height:100%}.avatar__icon>*{width:100%;height:100%}.avatar__icon>*::part(icon){width:100%;height:100%}.avatar__initials{display:inline-flex;width:100%;min-width:0;height:100%;padding-right:0.0625rem;padding-left:0.0625rem;justify-content:center;align-items:center;border-radius:50%;font-weight:var(--s-font-weight-medium)}.avatar__initials>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.avatar__badge{position:absolute;bottom:0;left:55%;display:inline-flex;min-width:1.5rem;height:1.5rem;transform:translate3d(0, 25%, 0)}.avatar__badge--position-top{top:0;bottom:auto;transform:translate3d(0, -25%, 0)}.avatar__label{margin-top:var(--s-space-4);color:var(--s-icon-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);text-align:center}";
|
|
5
|
+
const flipAvatarCss = ":host{display:inline-flex;flex-shrink:0;align-items:center;flex-direction:column}:host *{box-sizing:border-box}.avatar{position:relative;display:inline-flex;justify-content:center;align-items:center;border-radius:50%}.avatar--has-icon{color:var(--s-icon-default);background-color:var(--s-surface-raised-default)}.avatar--has-initials{padding-right:0;padding-left:0;color:#fff}.avatar--interactive{cursor:pointer}.avatar--interactive:focus{outline-color:var(--s-focus-default)}.avatar--size-xs{width:1.75rem;height:1.75rem;font-size:0.75rem}.avatar--size-xs.avatar--has-icon{padding-right:0.4375rem;padding-left:0.4375rem}.avatar--size-xs.avatar--variant-square,.avatar--size-xs.avatar--variant-square .avatar__image,.avatar--size-xs.avatar--variant-square .avatar__initials{border-radius:0.5rem}.avatar--size-s{width:2rem;height:2rem;font-size:0.75rem}.avatar--size-s.avatar--has-icon{padding-right:var(--s-space-8);padding-left:var(--s-space-8)}.avatar--size-s.avatar--variant-square,.avatar--size-s.avatar--variant-square .avatar__image,.avatar--size-s.avatar--variant-square .avatar__initials{border-radius:0.5rem}.avatar--size-m{width:2.5rem;height:2.5rem;font-size:var(--s-font-size-base)}.avatar--size-m.avatar--has-icon{padding-right:0.625rem;padding-left:0.625rem}.avatar--size-m.avatar--variant-square,.avatar--size-m.avatar--variant-square .avatar__image,.avatar--size-m.avatar--variant-square .avatar__initials{border-radius:0.625rem}.avatar--size-l{width:3rem;height:3rem;font-size:var(--s-font-size-lg)}.avatar--size-l.avatar--has-icon{padding-right:var(--s-space-12);padding-left:var(--s-space-12)}.avatar--size-l.avatar--variant-square,.avatar--size-l.avatar--variant-square .avatar__image,.avatar--size-l.avatar--variant-square .avatar__initials{border-radius:0.75rem}.avatar--size-xl{width:4rem;height:4rem;font-size:var(--s-font-size-xl)}.avatar--size-xl.avatar--has-icon{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}.avatar--size-xl.avatar--variant-square,.avatar--size-xl.avatar--variant-square .avatar__image,.avatar--size-xl.avatar--variant-square .avatar__initials{border-radius:1rem}.avatar--size-2xl{width:9rem;height:9rem;font-size:3.375rem}.avatar--size-2xl.avatar--has-icon{padding-right:var(--s-space-32);padding-left:var(--s-space-32)}.avatar--size-2xl.avatar--variant-square,.avatar--size-2xl.avatar--variant-square .avatar__image,.avatar--size-2xl.avatar--variant-square .avatar__initials{border-radius:2.25rem}.avatar--color-banana .avatar__initials{color:var(--s-decorative-banana-text);background-color:var(--s-decorative-banana-surface-subdued)}.avatar--color-blueberry .avatar__initials{color:var(--s-decorative-blueberry-text);background-color:var(--s-decorative-blueberry-surface-subdued)}.avatar--color-chilli .avatar__initials{color:var(--s-decorative-chilli-text);background-color:var(--s-decorative-chilli-surface-subdued)}.avatar--color-grape .avatar__initials{color:var(--s-decorative-grape-text);background-color:var(--s-decorative-grape-surface-subdued)}.avatar--color-kiwi .avatar__initials{color:var(--s-decorative-kiwi-text);background-color:var(--s-decorative-kiwi-surface-subdued)}.avatar--color-pumpkin .avatar__initials{color:var(--s-decorative-pumpkin-text);background-color:var(--s-decorative-pumpkin-surface-subdued)}.avatar--color-radish .avatar__initials{color:var(--s-decorative-radish-text);background-color:var(--s-decorative-radish-surface-subdued)}.avatar__image{overflow:hidden;width:100%;height:100%;border-radius:50%}.avatar__image>img{width:100%;height:100%}.avatar__icon{display:inline-flex;width:100%;height:100%}.avatar__icon>*{width:100%;height:100%}.avatar__icon>*::part(icon){width:100%;height:100%}.avatar__initials{display:inline-flex;width:100%;min-width:0;height:100%;padding-right:0.0625rem;padding-left:0.0625rem;justify-content:center;align-items:center;border-radius:50%;font-weight:var(--s-font-weight-medium)}.avatar__initials>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.avatar__badge{position:absolute;bottom:0;left:55%;display:inline-flex;min-width:1.5rem;height:1.5rem;transform:translate3d(0, 25%, 0)}.avatar__badge--position-top{top:0;bottom:auto;transform:translate3d(0, -25%, 0)}.avatar__label{margin-top:var(--s-space-4);color:var(--s-icon-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);text-align:center}";
|
|
6
6
|
|
|
7
7
|
const flipAvatarSizeMappings = {
|
|
8
8
|
xs: 28,
|
|
@@ -2,7 +2,7 @@ import { r as registerInstance, h, H as Host } from './index-5a3b2828.js';
|
|
|
2
2
|
import { c as classnames } from './index-6d2e18c6.js';
|
|
3
3
|
import './_commonjsHelpers-44457d8d.js';
|
|
4
4
|
|
|
5
|
-
const flipButtonCss = ".sc-flip-button-h{display:inline-block;max-width:100
|
|
5
|
+
const flipButtonCss = ".sc-flip-button-h{display:inline-block;max-width:100%;flex-shrink:0}.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-left-radius:var(--flip-button-border-top-left-radius);border-top-right-radius:var(--flip-button-border-top-right-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)),\n 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)),\n 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)),\n 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)),\n 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-left-radius:var(--flip-icon-button-border-top-left-radius);border-top-right-radius:var(--flip-icon-button-border-top-right-radius);border-bottom-right-radius:var(\n --flip-icon-button-border-bottom-right-radius\n );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}";
|
|
6
6
|
|
|
7
7
|
const FlipButton = class {
|
|
8
8
|
constructor(hostRef) {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, H as Host } from './index-5a3b2828.js';
|
|
2
2
|
|
|
3
|
-
const flipConsoleLayoutCss = ":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-x:hidden;overflow-y:auto;
|
|
3
|
+
const flipConsoleLayoutCss = ":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-x:hidden;overflow-y:auto;height:100%;border-right:var(--s-border-width-default) solid var(--s-border-default);grid-template-rows:auto 1fr auto;grid-template-areas:\"header\"\n \"navigation\"\n \"user\";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\"\n \"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)}";
|
|
4
4
|
|
|
5
5
|
const FlipConsoleLayout = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as o,H as n}from"./p-9fe00e8a.js";import{c as i}from"./p-efffd297.js";import"./p-86bd3473.js";const a=class{constructor(o){t(this,o),this.iconPosition="start",this.intent="default",this.size="m",this.type="button",this.variant="ghost"}componentDidLoad(){this.forceIconProps()}forceIconProps(){if(!Boolean(this.iconEl))return;const t=this.iconEl.children[0];null==t||t.setAttribute("size","24")}getAriaLabel(t){return Boolean(this.flipAriaLabel)?this.flipAriaLabel:t?this.label:void 0}render(){const t=this.hideLabel&&Boolean(this.icon)||"floating"===this.variant&&"default"===this.intent,a=Boolean(this.href),r=this.getAriaLabel(t),e=i("button",`button--icon-position-${this.iconPosition}`,`button--intent-${this.intent}`,`button--size-${this.size}`,`button--variant-${this.variant}`,{"button--icon-only":t});return o(n,null,o(a?"a":"button",{"aria-describedby":this.flipAriaDescribedby,"aria-disabled":this.disabled&&!a?"true":void 0,"aria-label":r,class:e,disabled:a?void 0:this.disabled,download:a?void 0:this.download,form:a?void 0:this.form,href:this.href,name:a?void 0:this.name,target:a?this.target:void 0,type:a?void 0:this.type,value:a?void 0:this.value},this.icon&&o("span",{class:"button__icon",innerHTML:this.icon,ref:t=>this.iconEl=t}),!t&&o("span",{class:"button__label"},this.label)))}};a.style=".sc-flip-button-h{display:inline-block;max-width:100%;flex-shrink:0}.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-left-radius:var(--flip-button-border-top-left-radius);border-top-right-radius:var(--flip-button-border-top-right-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)),\n 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)),\n 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)),\n 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)),\n 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-left-radius:var(--flip-icon-button-border-top-left-radius);border-top-right-radius:var(--flip-icon-button-border-top-right-radius);border-bottom-right-radius:var(\n --flip-icon-button-border-bottom-right-radius\n );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}";export{a as flip_button}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as a,h as r,H as t,g as i}from"./p-9fe00e8a.js";import{c as e}from"./p-efffd297.js";import"./p-86bd3473.js";const s={xs:28,s:32,m:40,l:48,xl:64,"2xl":144},o=class{constructor(r){a(this,r),this.badgePosition="bottom",this.color="kiwi",this.interactive=!1,this.showLabel=!1,this.size="m",this.variant="round",this.setImageAvailable=()=>{this.imageAvailable=!0},this.setImageUnavailable=()=>{this.imageAvailable=!1},this.onKeydown=a=>{"Space"===a.code?a.preventDefault():"Enter"===a.code&&(a.preventDefault(),this.element.click())},this.onKeyup=a=>{"Space"===a.code&&(a.preventDefault(),this.element.click())}}componentDidLoad(){this.forceBadgeProps()}watchSrcProp(){this.imageAvailable=void 0}forceBadgeProps(){if(!Boolean(this.badge))return;const a=this.badgeEl.querySelector("flip-badge");null==a||a.setAttribute("size","m")}render(){const a=Boolean(this.src)&&(this.imageAvailable||void 0===this.imageAvailable),i=!a&&Boolean(this.initials),o=!a&&!i&&Boolean(this.icon),n=!a&&!i&&!o,v=Boolean(this.badge)&&"m"===this.size,l=this.interactive?"button":"img",d=e("avatar",`avatar--color-${this.color}`,`avatar--size-${this.size}`,`avatar--variant-${this.variant}`,{"avatar--has-icon":o||n,"avatar--has-initials":i,"avatar--interactive":this.interactive}),h=e("avatar__badge",`avatar__badge--position-${this.badgePosition}`);return r(t,{"aria-label":this.label,onKeydown:this.interactive?this.onKeydown:void 0,onKeyup:this.interactive?this.onKeyup:void 0,role:l,tabIndex:this.interactive?0:void 0},r("span",{class:d,part:"avatar"},a&&r("span",{class:"avatar__image"},r("img",{alt:"",height:s[this.size],onError:this.setImageUnavailable,onLoad:this.setImageAvailable,src:this.src,width:s[this.size]})),i&&r("span",{class:"avatar__initials"},r("span",null,this.initials)),o&&r("span",{class:"avatar__icon",innerHTML:this.icon}),n&&r("span",{class:"avatar__icon"},r("flip-icon-person",null)),v&&r("span",{class:h,innerHTML:this.badge,ref:a=>this.badgeEl=a})),this.showLabel&&r("span",{"aria-hidden":!0,class:"avatar__label"},this.label))}get element(){return i(this)}static get watchers(){return{src:["watchSrcProp"]}}};o.style=":host{display:inline-flex;flex-shrink:0;align-items:center;flex-direction:column}:host *{box-sizing:border-box}.avatar{position:relative;display:inline-flex;justify-content:center;align-items:center;border-radius:50%}.avatar--has-icon{color:var(--s-icon-default);background-color:var(--s-surface-raised-default)}.avatar--has-initials{padding-right:0;padding-left:0;color:#fff}.avatar--interactive{cursor:pointer}.avatar--interactive:focus{outline-color:var(--s-focus-default)}.avatar--size-xs{width:1.75rem;height:1.75rem;font-size:0.75rem}.avatar--size-xs.avatar--has-icon{padding-right:0.4375rem;padding-left:0.4375rem}.avatar--size-xs.avatar--variant-square,.avatar--size-xs.avatar--variant-square .avatar__image,.avatar--size-xs.avatar--variant-square .avatar__initials{border-radius:0.5rem}.avatar--size-s{width:2rem;height:2rem;font-size:0.75rem}.avatar--size-s.avatar--has-icon{padding-right:var(--s-space-8);padding-left:var(--s-space-8)}.avatar--size-s.avatar--variant-square,.avatar--size-s.avatar--variant-square .avatar__image,.avatar--size-s.avatar--variant-square .avatar__initials{border-radius:0.5rem}.avatar--size-m{width:2.5rem;height:2.5rem;font-size:var(--s-font-size-base)}.avatar--size-m.avatar--has-icon{padding-right:0.625rem;padding-left:0.625rem}.avatar--size-m.avatar--variant-square,.avatar--size-m.avatar--variant-square .avatar__image,.avatar--size-m.avatar--variant-square .avatar__initials{border-radius:0.625rem}.avatar--size-l{width:3rem;height:3rem;font-size:var(--s-font-size-lg)}.avatar--size-l.avatar--has-icon{padding-right:var(--s-space-12);padding-left:var(--s-space-12)}.avatar--size-l.avatar--variant-square,.avatar--size-l.avatar--variant-square .avatar__image,.avatar--size-l.avatar--variant-square .avatar__initials{border-radius:0.75rem}.avatar--size-xl{width:4rem;height:4rem;font-size:var(--s-font-size-xl)}.avatar--size-xl.avatar--has-icon{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}.avatar--size-xl.avatar--variant-square,.avatar--size-xl.avatar--variant-square .avatar__image,.avatar--size-xl.avatar--variant-square .avatar__initials{border-radius:1rem}.avatar--size-2xl{width:9rem;height:9rem;font-size:3.375rem}.avatar--size-2xl.avatar--has-icon{padding-right:var(--s-space-32);padding-left:var(--s-space-32)}.avatar--size-2xl.avatar--variant-square,.avatar--size-2xl.avatar--variant-square .avatar__image,.avatar--size-2xl.avatar--variant-square .avatar__initials{border-radius:2.25rem}.avatar--color-banana .avatar__initials{color:var(--s-decorative-banana-text);background-color:var(--s-decorative-banana-surface-subdued)}.avatar--color-blueberry .avatar__initials{color:var(--s-decorative-blueberry-text);background-color:var(--s-decorative-blueberry-surface-subdued)}.avatar--color-chilli .avatar__initials{color:var(--s-decorative-chilli-text);background-color:var(--s-decorative-chilli-surface-subdued)}.avatar--color-grape .avatar__initials{color:var(--s-decorative-grape-text);background-color:var(--s-decorative-grape-surface-subdued)}.avatar--color-kiwi .avatar__initials{color:var(--s-decorative-kiwi-text);background-color:var(--s-decorative-kiwi-surface-subdued)}.avatar--color-pumpkin .avatar__initials{color:var(--s-decorative-pumpkin-text);background-color:var(--s-decorative-pumpkin-surface-subdued)}.avatar--color-radish .avatar__initials{color:var(--s-decorative-radish-text);background-color:var(--s-decorative-radish-surface-subdued)}.avatar__image{overflow:hidden;width:100%;height:100%;border-radius:50%}.avatar__image>img{width:100%;height:100%}.avatar__icon{display:inline-flex;width:100%;height:100%}.avatar__icon>*{width:100%;height:100%}.avatar__icon>*::part(icon){width:100%;height:100%}.avatar__initials{display:inline-flex;width:100%;min-width:0;height:100%;padding-right:0.0625rem;padding-left:0.0625rem;justify-content:center;align-items:center;border-radius:50%;font-weight:var(--s-font-weight-medium)}.avatar__initials>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.avatar__badge{position:absolute;bottom:0;left:55%;display:inline-flex;min-width:1.5rem;height:1.5rem;transform:translate3d(0, 25%, 0)}.avatar__badge--position-top{top:0;bottom:auto;transform:translate3d(0, -25%, 0)}.avatar__label{margin-top:var(--s-space-4);color:var(--s-icon-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);text-align:center}";export{o as flip_avatar}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as a,c as o,h as e,H as
|
|
1
|
+
import{r as a,c as o,h as e,H as l}from"./p-9fe00e8a.js";const t=class{constructor(e){a(this,e),this.backButtonClick=o(this,"backButtonClick",7),this.helpButtonClick=o(this,"helpButtonClick",7),this.backButonLabel="Back",this.helpButonLabel="Help",this.logoText="Admin",this.navigationLabel="Main",this.onBackButtonClick=a=>{this.backButtonClick.emit(a)},this.onHelpButtonClick=a=>{this.helpButtonClick.emit(a)}}render(){return e(l,null,e("div",{class:"console-layout"},e("div",{class:"console-layout__sidebar"},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-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,variant:"flat"})),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"}))))))}};t.style=':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-x:hidden;overflow-y:auto;height:100%;border-right:var(--s-border-width-default) solid var(--s-border-default);grid-template-rows:auto 1fr auto;grid-template-areas:"header"\n "navigation"\n "user";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"\n "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)}';export{t as flip_console_layout}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,b as i}from"./p-9fe00e8a.js";(()=>{const i=import.meta.url,l={};return""!==i&&(l.resourcesUrl=new URL(".",i).href),e(l)})().then((e=>i(JSON.parse('[["p-025eef8f",[[1,"file-manager",{"selectedDirectory":[32],"selectedFile":[32]}]]],["p-1a41a293",[[1,"flip-pdf-reader",{"autoZoomLabel":[1,"auto-zoom-label"],"closeButtonLabel":[1,"close-button-label"],"downloadButtonLabel":[1,"download-button-label"],"file":[1],"label":[1],"printButtonLabel":[1,"print-button-label"],"zoomInButtonLabel":[1,"zoom-in-button-label"],"zoomOutButtonLabel":[1,"zoom-out-button-label"],"zoomSelectLabel":[1,"zoom-select-label"],"active":[32],"closing":[32],"downloading":[32],"zoom":[32],"zoomSteps":[32],"open":[64],"close":[64]},[[9,"resize","onWindowResize"]]]]],["p-6b43c3be",[[2,"flip-autocomplete",{"autoSelect":[4,"auto-select"],"clearable":[4],"clearButtonLabel":[1,"clear-button-label"],"disabled":[4],"flipAriaDescribedby":[1,"flip-aria-describedby"],"generateSuggestions":[1040],"invalid":[4],"maxLength":[2,"max-length"],"menuLabel":[1,"menu-label"],"mode":[1],"required":[4],"spellCheck":[4,"spell-check"],"value":[1537],"active":[32],"loading":[32],"position":[32],"suggestions":[32]},[[8,"click","onWindowClick"]]]]],["p-732d9198",[[1,"flip-resource-list-file-item",{"description":[1],"errorMessage":[1,"error-message"],"icon":[1],"label":[1],"loading":[4],"removable":[4],"removeButtonLabel":[1,"remove-button-label"]}]]],["p-5bc6cc3e",[[1,"flip-lightbox",{"closeButtonLabel":[1,"close-button-label"],"downloadButtonLabel":[1,"download-button-label"],"label":[1],"nextSlideButtonLabel":[1,"next-slide-button-label"],"previousSlideButtonLabel":[1,"previous-slide-button-label"],"activeSlideIndex":[32],"closing":[32],"slides":[32],"open":[64],"close":[64],"activateSlide":[64]}]]],["p-08f3a8ab",[[1,"flip-modal",{"closeButtonLabel":[1,"close-button-label"],"label":[1],"primaryActionLabel":[1,"primary-action-label"],"secondaryActionLabel":[1,"secondary-action-label"],"closing":[32],"scrollable":[32],"scrolled":[32],"scrolledDown":[32],"open":[64],"close":[64]},[[9,"resize","onWindowResize"]]]]],["p-215365c6",[[6,"flip-select",{"disabled":[4],"flipAriaDescribedby":[1,"flip-aria-describedby"],"invalid":[4],"label":[1],"multiSelect":[4,"multi-select"],"required":[4],"value":[1040],"options":[32],"open":[32]},[[8,"focusin","onWindowFocusIn"]]]]],["p-cf4f9e4d",[[1,"flip-console-layout",{"appName":[1,"app-name"],"backButonLabel":[1,"back-buton-label"],"heading":[1],"helpButonLabel":[1,"help-buton-label"],"logoText":[1,"logo-text"],"navigationLabel":[1,"navigation-label"],"showBackButton":[4,"show-back-button"],"showHelpButton":[4,"show-help-button"],"subheading":[1]}]]],["p-8f9ff36b",[[2,"flip-date-input",{"autoFocus":[4,"auto-focus"],"autoSelect":[4,"auto-select"],"datePickerLabel":[1,"date-picker-label"],"disabled":[4],"flipAriaDescribedby":[1,"flip-aria-describedby"],"format":[1],"invalid":[4],"locale":[16],"placeholder":[1],"required":[4],"value":[1537]}]]],["p-d00bb096",[[1,"flip-dialog",{"hideLabel":[4,"hide-label"],"intent":[1],"label":[1],"primaryActionLabel":[1,"primary-action-label"],"secondaryActionLabel":[1,"secondary-action-label"],"closing":[32],"open":[64],"close":[64]}]]],["p-034d8fce",[[1,"flip-pagination",{"accessibleNextButtonLabel":[1,"accessible-next-button-label"],"accessiblePrevButtonLabel":[1,"accessible-prev-button-label"],"nextButtonLabel":[1,"next-button-label"],"pageLabel":[1,"page-label"],"prevButtonLabel":[1,"prev-button-label"],"label":[1],"page":[2],"pages":[2],"pageSelectLabel":[1,"page-select-label"],"variant":[1]}]]],["p-4743c7ae",[[1,"flip-toast-provider",{"globalDuration":[2,"global-duration"],"toasts":[32],"clearAll":[64],"dismiss":[64],"toast":[64]}]]],["p-96c0db13",[[2,"flip-checkbox",{"checked":[1032],"description":[1],"disabled":[4],"flipAriaDescribedby":[1,"flip-aria-describedby"],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"invalid":[4],"label":[1],"value":[1]}]]],["p-fd9592ce",[[2,"flip-file-uploader",{"accept":[1],"ctaLabel":[1,"cta-label"],"description":[1],"disabled":[4],"dragDropLabel":[1,"drag-drop-label"],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"label":[1],"multiple":[4],"showDropzone":[4,"show-dropzone"],"uploadButtonLabel":[1,"upload-button-label"],"reset":[64]}]]],["p-6b6ccfd4",[[6,"flip-form-control",{"description":[1],"disabled":[4],"errorMessage":[1,"error-message"],"invalid":[4],"label":[1],"hasFocus":[32],"inputValue":[32]},[[8,"click","onWindowClick"]]]]],["p-831f283c",[[2,"flip-search",{"autoFocus":[4,"auto-focus"],"clearButtonLabel":[1,"clear-button-label"],"disabled":[4],"inputName":[1,"input-name"],"inputId":[1,"input-id"],"label":[1],"placeholder":[1],"value":[1025]},[[8,"keydown","onKeyDown"]]]]],["p-963eb79a",[[1,"flip-avatar",{"badge":[1],"badgePosition":[1,"badge-position"],"color":[1],"icon":[1],"initials":[1],"interactive":[4],"label":[1],"showLabel":[4,"show-label"],"size":[1],"src":[1],"variant":[1],"imageAvailable":[32]}]]],["p-2e09604f",[[1,"flip-banner",{"actionLabel":[1,"action-label"],"content":[1],"dismissable":[4],"dismissLabel":[1,"dismiss-label"],"importance":[1],"intent":[1],"showIcon":[4,"show-icon"]}]]],["p-b71da729",[[2,"flip-radio",{"checked":[1032],"description":[1],"disabled":[4],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"invalid":[4],"label":[1],"value":[1]}]]],["p-f7f4d8c0",[[2,"flip-switch",{"checked":[1028],"disabled":[4],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"label":[1],"size":[1],"value":[1]},[[9,"pointerup","onWindowPointerUp"]]]]],["p-bd724c5d",[[1,"flip-tag",{"intent":[1],"label":[1],"removable":[4],"removalButtonLabel":[1,"removal-button-label"]}]]],["p-bc77430b",[[1,"flip-video-thumbnail",{"durationLabel":[1,"duration-label"],"duration":[1],"label":[1],"src":[1]}]]],["p-ce6f898e",[[1,"flip-action-list"]]],["p-8d0be4e1",[[1,"flip-action-list-item",{"disabled":[4],"description":[1],"icon":[1],"intent":[1],"label":[1],"size":[1],"suffix":[1]}]]],["p-4a0e1a9b",[[1,"flip-action-list-section",{"label":[1]}]]],["p-4b8420aa",[[1,"flip-avatar-group",{"badge":[1]}]]],["p-a74e7ffc",[[1,"flip-badge",{"icon":[1],"intent":[1],"label":[1],"size":[1],"variant":[1]}]]],["p-d8a18ef0",[[1,"flip-chip",{"avatar":[1],"icon":[1],"intent":[1],"interactive":[4],"label":[1]}]]],["p-4efeac03",[[1,"flip-description-list"]]],["p-631f7b44",[[1,"flip-description-list-item",{"term":[1]}]]],["p-8fec99c3",[[6,"flip-form-group",{"orientation":[1]}]]],["p-ea24f76c",[[1,"flip-icon-add-photo",{"size":[2]}]]],["p-1d32e589",[[1,"flip-icon-admin-panel-settings",{"size":[2]}]]],["p-ee6518ef",[[1,"flip-icon-arrow-back",{"size":[2]}]]],["p-250ff48d",[[1,"flip-icon-arrow-forward",{"size":[2]}]]],["p-c2e52120",[[1,"flip-icon-arrow-right-small",{"size":[2]}]]],["p-d995e868",[[1,"flip-icon-attachment",{"size":[2]}]]],["p-d77ad92a",[[1,"flip-icon-chat-bubble",{"size":[2]}]]],["p-902c3556",[[1,"flip-icon-check",{"size":[2]}]]],["p-2da9d315",[[1,"flip-icon-check-circle",{"size":[2]}]]],["p-5f95972f",[[1,"flip-icon-chevron-left",{"size":[2]}]]],["p-a8971044",[[1,"flip-icon-chevron-right",{"size":[2]}]]],["p-507a3b94",[[1,"flip-icon-close-small",{"size":[2]}]]],["p-ebad091c",[[1,"flip-icon-comment",{"size":[2]}]]],["p-1e428993",[[1,"flip-icon-copy",{"size":[2]}]]],["p-4cb721ff",[[1,"flip-icon-date-range",{"size":[2]}]]],["p-452c6599",[[1,"flip-icon-delete",{"size":[2]}]]],["p-6131750a",[[1,"flip-icon-description",{"size":[2]}]]],["p-e8350582",[[1,"flip-icon-edit",{"size":[2]}]]],["p-eab9da55",[[1,"flip-icon-emoji-mood",{"size":[2]}]]],["p-9ada969e",[[1,"flip-icon-emoji-satisfied",{"size":[2]}]]],["p-62ac92c4",[[1,"flip-icon-file",{"size":[2]}]]],["p-7c4503c5",[[1,"flip-icon-folder-shared",{"size":[2]}]]],["p-e2e566aa",[[1,"flip-icon-group-assign",{"size":[2]}]]],["p-8933ba02",[[1,"flip-icon-groups",{"size":[2]}]]],["p-cc2d1220",[[1,"flip-icon-groups-custom",{"size":[2]}]]],["p-1e74139c",[[1,"flip-icon-help",{"size":[2]}]]],["p-de7facf8",[[1,"flip-icon-image",{"size":[2]}]]],["p-86dbaf1a",[[1,"flip-icon-info",{"size":[2]}]]],["p-eb9e789f",[[1,"flip-icon-inventory",{"size":[2]}]]],["p-b984416b",[[1,"flip-icon-like",{"size":[2]}]]],["p-2a716203",[[1,"flip-icon-link",{"size":[2]}]]],["p-fcf3c03b",[[1,"flip-icon-lock",{"size":[2]}]]],["p-f65aa65c",[[1,"flip-icon-logout",{"size":[2]}]]],["p-29d6ddd5",[[1,"flip-icon-mail",{"size":[2]}]]],["p-28cb3086",[[1,"flip-icon-manage-accounts",{"size":[2]}]]],["p-12951126",[[1,"flip-icon-mention",{"size":[2]}]]],["p-36362426",[[1,"flip-icon-message",{"size":[2]}]]],["p-83f16a5e",[[1,"flip-icon-more-horizontal",{"size":[2]}]]],["p-280b3cc8",[[1,"flip-icon-more-vertikal",{"size":[2]}]]],["p-dbb08ab0",[[1,"flip-icon-notifications",{"size":[2]}]]],["p-9685ad51",[[1,"flip-icon-notifications-active",{"size":[2]}]]],["p-7a4171cb",[[1,"flip-icon-notifications-off",{"size":[2]}]]],["p-897713f2",[[1,"flip-icon-open-in-new",{"size":[2]}]]],["p-f989263a",[[1,"flip-icon-people-alt",{"size":[2]}]]],["p-27e1f33b",[[1,"flip-icon-person-off",{"size":[2]}]]],["p-f0aaded5",[[1,"flip-icon-phone",{"size":[2]}]]],["p-aea30015",[[1,"flip-icon-poll",{"size":[2]}]]],["p-c46e5bc9",[[1,"flip-icon-print",{"size":[2]}]]],["p-b89e8fac",[[1,"flip-icon-recieved",{"size":[2]}]]],["p-ad671f6b",[[1,"flip-icon-search-strong",{"size":[2]}]]],["p-79c2c1f7",[[1,"flip-icon-send",{"size":[2]}]]],["p-cb3b830c",[[1,"flip-icon-settings",{"size":[2]}]]],["p-0e382683",[[1,"flip-icon-time-filled",{"size":[2]}]]],["p-73b19c89",[[1,"flip-icon-time-outlined",{"size":[2]}]]],["p-df221966",[[1,"flip-icon-user-assign",{"size":[2]}]]],["p-99c36b3a",[[1,"flip-icon-video-camera",{"size":[2]}]]],["p-af271690",[[1,"flip-icon-warning",{"size":[2]}]]],["p-5a113067",[[1,"flip-link",{"href":[1],"label":[1],"target":[1]}]]],["p-6a7d9caa",[[4,"flip-list"]]],["p-1300cc2d",[[1,"flip-option-list-section",{"label":[1]}]]],["p-d5c812c1",[[1,"flip-progress-indicator",{"label":[1],"size":[1],"value":[2],"variant":[1]}]]],["p-3b3c9c2e",[[6,"flip-radio-group",{"flipAriaDescribedby":[1,"flip-aria-describedby"],"value":[1537]}]]],["p-56c64774",[[1,"flip-tab",{"active":[4],"label":[1],"tabId":[1,"tab-id"]}]]],["p-1789ca90",[[6,"flip-tabs",{"initialTab":[1,"initial-tab"],"label":[1],"activeTab":[32],"activateTab":[64]}]]],["p-d5ed5f60",[[6,"flip-theme-provider",{"config":[16],"getActiveTheme":[64],"getPreferredTheme":[64],"setPreferredTheme":[64],"resetPreferredTheme":[64]}]]],["p-39a3bdf7",[[1,"flip-thumbnail",{"alt":[1],"format":[1],"size":[1],"src":[1]}]]],["p-2b35b65a",[[1,"flip-tooltip",{"content":[1],"delay":[2],"position":[1],"actualPosition":[32],"visible":[32]},[[1,"mouseenter","onMouseEnter"],[1,"mouseleave","onMouseLeave"],[9,"resize","onWindowResize"],[9,"scroll","onWindowScroll"]]]]],["p-6b7077e3",[[2,"flip-text-input",{"autoComplete":[1,"auto-complete"],"autoFocus":[4,"auto-focus"],"autoSelect":[4,"auto-select"],"clearable":[4],"clearButtonLabel":[1,"clear-button-label"],"disabled":[4],"disableDynamicWidth":[4,"disable-dynamic-width"],"flipAriaAutocomplete":[1,"flip-aria-autocomplete"],"flipAriaControls":[1,"flip-aria-controls"],"flipAriaDescribedby":[1,"flip-aria-describedby"],"flipAriaExpanded":[1,"flip-aria-expanded"],"flipRole":[1,"flip-role"],"invalid":[4],"maxLength":[2,"max-length"],"max":[2],"min":[2],"mode":[1],"prefixLabel":[1,"prefix-label"],"required":[4],"rows":[2],"showCharacterCounter":[4,"show-character-counter"],"spellCheck":[4,"spell-check"],"suffixLabel":[1,"suffix-label"],"step":[2],"passwordToggleLabel":[1,"password-toggle-label"],"type":[1],"value":[1537],"showPassword":[32]}]]],["p-922d882f",[[1,"flip-toast",{"accessibleDismissLabel":[1,"accessible-dismiss-label"],"content":[1],"dismissLabel":[1,"dismiss-label"],"duration":[2],"icon":[1],"intent":[1],"toastId":[1,"toast-id"]}]]],["p-af02457c",[[1,"flip-icon-cloud-upload",{"size":[2]}]]],["p-47a1cad2",[[1,"flip-icon-person",{"size":[2]}]]],["p-e8d80905",[[1,"flip-icon-search",{"size":[2]}]]],["p-5d7619bb",[[1,"flip-button-group",{"orientation":[1],"segmented":[4],"stretch":[4],"wrap":[4]}]]],["p-5b14d410",[[1,"flip-date-picker",{"locale":[16],"maxDate":[16],"minDate":[16],"range":[4],"startDate":[16],"value":[1040]}],[1,"flip-icon-today",{"size":[2]}]]],["p-109c8448",[[1,"flip-icon-arrow-left",{"size":[2]}],[1,"flip-icon-arrow-right",{"size":[2]}],[1,"flip-icon-download",{"size":[2]}]]],["p-4d82b925",[[1,"flip-popover",{"animation":[1],"enableFlip":[4,"enable-flip"],"label":[1],"offset":[2],"placement":[1],"popoverId":[1,"popover-id"],"trigger":[1],"useContainerWidth":[8,"use-container-width"],"active":[32],"closing":[32],"position":[32],"close":[64],"open":[64]},[[8,"focusin","onWindowFocusIn"],[8,"click","onWindowClick"]]]]],["p-e8e6243b",[[1,"flip-icon-add",{"size":[2]}],[1,"flip-icon-fullscreen",{"size":[2]}],[1,"flip-icon-fullscreen-exit",{"size":[2]}],[1,"flip-icon-remove",{"size":[2]}]]],["p-a31ea0e5",[[1,"flip-icon-check-strong",{"size":[2]}]]],["p-a1d09ebe",[[1,"flip-stack",{"align":[1],"as":[1],"justify":[1],"orientation":[1],"spacing":[1],"wrap":[4]}]]],["p-1bf07805",[[1,"flip-app-layout",{"appBarMedia":[1,"app-bar-media"],"appName":[1,"app-name"],"backToNavigationViewButtonLabel":[1,"back-to-navigation-view-button-label"],"ctaIcon":[1,"cta-icon"],"ctaLabel":[1,"cta-label"],"heading":[1],"navigationBackButtonLabel":[1,"navigation-back-button-label"],"navigationLabel":[1,"navigation-label"],"showNavigationBackButton":[4,"show-navigation-back-button"],"sidebarCloseButtonLabel":[1,"sidebar-close-button-label"],"sidebarHeading":[1,"sidebar-heading"],"subheading":[1],"transitionStyle":[1,"transition-style"],"hasNavigation":[32],"hasSidebar":[32],"mobileView":[32],"sidebarActive":[32],"sidebarClosing":[32],"transitioningFrom":[32],"transitioningTo":[32],"showSidebar":[64],"hideSidebar":[64],"toggleSidebar":[64],"changeMobileView":[64]}],[1,"flip-empty-state",{"heading":[1],"illustration":[1]}],[1,"flip-resource-list-item",{"checked":[1028],"description":[1],"disabled":[4],"hideDivider":[4,"hide-divider"],"href":[1],"label":[1],"media":[1],"menuTriggerId":[1,"menu-trigger-id"],"menuTriggerLabel":[1,"menu-trigger-label"],"meta":[1],"selectable":[4],"value":[1]}],[1,"flip-resource-list",{"label":[1]}],[1,"flip-box",{"as":[1],"bordered":[4],"centerBlock":[4,"center-block"],"centerInline":[4,"center-inline"],"cover":[4],"padding":[1]}]]],["p-be01e1cd",[[1,"flip-icon-close",{"size":[2]}]]],["p-538575fb",[[1,"flip-icon-expand-more",{"size":[2]}]]],["p-3574a311",[[1,"flip-option-list-item",{"context":[1025],"disabled":[4],"icon":[1],"label":[1],"selected":[1028],"value":[1]}],[1,"flip-icon-check-small",{"size":[2]}],[6,"flip-option-list",{"disabled":[4],"label":[1],"optionListId":[1,"option-list-id"],"multiSelect":[4,"multi-select"],"value":[1040]}]]],["p-b2079530",[[1,"flip-text",{"align":[1],"as":[1],"color":[1],"fontStyle":[1,"font-style"],"size":[1],"truncate":[4],"weight":[1]}],[2,"flip-heading",{"align":[1],"as":[1],"headingId":[1,"heading-id"],"level":[2],"text":[1]}]]],["p-29633de8",[[1,"flip-icon-visibility",{"size":[2]}],[1,"flip-icon-visibility-off",{"size":[2]}],[1,"flip-icon-cancel",{"size":[2]}],[1,"flip-icon-expand-less",{"size":[2]}]]],["p-e1434bcd",[[2,"flip-button",{"disabled":[4],"download":[1],"flipAriaDescribedby":[1,"flip-aria-describedby"],"flipAriaLabel":[1,"flip-aria-label"],"form":[1],"hideLabel":[4,"hide-label"],"href":[1],"icon":[1],"iconPosition":[1,"icon-position"],"intent":[1],"label":[1],"name":[1],"size":[1],"target":[1],"type":[1],"value":[1],"variant":[1]}]]],["p-f2d451a7",[[1,"flip-visually-hidden"]]],["p-ec8199f2",[[1,"flip-inline-error",{"message":[1],"size":[1]}],[1,"flip-spinner",{"label":[1],"size":[1]}],[1,"flip-icon-error",{"size":[2]}]]],["p-de892e4e",[[1,"flip-file-viewer",{"active":[4],"autoplay":[4],"description":[1],"errorMessage":[1,"error-message"],"file":[1],"type":[1],"typeUnsupportedMessage":[1,"type-unsupported-message"],"zoom":[8],"download":[64],"print":[64]}],[1,"flip-file-viewer-csv",{"errorMessage":[1,"error-message"],"file":[1],"data":[32],"error":[32],"loading":[32]}],[1,"flip-file-viewer-image",{"description":[1],"errorMessage":[1,"error-message"],"file":[1],"error":[32],"loading":[32]}],[1,"flip-file-viewer-pdf",{"errorMessage":[1,"error-message"],"file":[1],"singlePageMode":[4,"single-page-mode"],"zoom":[8],"doc":[32],"error":[32],"loading":[32],"renderedPages":[32],"scrolledDown":[32],"singlePageModePage":[32],"visiblePages":[32],"print":[64],"nextPage":[64],"previousPage":[64],"setPage":[64]},[[9,"resize","onWindowResize"]]],[1,"flip-file-viewer-text",{"errorMessage":[1,"error-message"],"file":[1],"error":[32],"loading":[32],"text":[32]}],[1,"flip-file-viewer-audio",{"autoplay":[4],"file":[1],"type":[1]}],[1,"flip-file-viewer-video",{"autoplay":[4],"file":[1],"type":[1]}]]]]'),e)));
|
|
1
|
+
import{p as e,b as i}from"./p-9fe00e8a.js";(()=>{const i=import.meta.url,l={};return""!==i&&(l.resourcesUrl=new URL(".",i).href),e(l)})().then((e=>i(JSON.parse('[["p-025eef8f",[[1,"file-manager",{"selectedDirectory":[32],"selectedFile":[32]}]]],["p-1a41a293",[[1,"flip-pdf-reader",{"autoZoomLabel":[1,"auto-zoom-label"],"closeButtonLabel":[1,"close-button-label"],"downloadButtonLabel":[1,"download-button-label"],"file":[1],"label":[1],"printButtonLabel":[1,"print-button-label"],"zoomInButtonLabel":[1,"zoom-in-button-label"],"zoomOutButtonLabel":[1,"zoom-out-button-label"],"zoomSelectLabel":[1,"zoom-select-label"],"active":[32],"closing":[32],"downloading":[32],"zoom":[32],"zoomSteps":[32],"open":[64],"close":[64]},[[9,"resize","onWindowResize"]]]]],["p-6b43c3be",[[2,"flip-autocomplete",{"autoSelect":[4,"auto-select"],"clearable":[4],"clearButtonLabel":[1,"clear-button-label"],"disabled":[4],"flipAriaDescribedby":[1,"flip-aria-describedby"],"generateSuggestions":[1040],"invalid":[4],"maxLength":[2,"max-length"],"menuLabel":[1,"menu-label"],"mode":[1],"required":[4],"spellCheck":[4,"spell-check"],"value":[1537],"active":[32],"loading":[32],"position":[32],"suggestions":[32]},[[8,"click","onWindowClick"]]]]],["p-732d9198",[[1,"flip-resource-list-file-item",{"description":[1],"errorMessage":[1,"error-message"],"icon":[1],"label":[1],"loading":[4],"removable":[4],"removeButtonLabel":[1,"remove-button-label"]}]]],["p-5bc6cc3e",[[1,"flip-lightbox",{"closeButtonLabel":[1,"close-button-label"],"downloadButtonLabel":[1,"download-button-label"],"label":[1],"nextSlideButtonLabel":[1,"next-slide-button-label"],"previousSlideButtonLabel":[1,"previous-slide-button-label"],"activeSlideIndex":[32],"closing":[32],"slides":[32],"open":[64],"close":[64],"activateSlide":[64]}]]],["p-08f3a8ab",[[1,"flip-modal",{"closeButtonLabel":[1,"close-button-label"],"label":[1],"primaryActionLabel":[1,"primary-action-label"],"secondaryActionLabel":[1,"secondary-action-label"],"closing":[32],"scrollable":[32],"scrolled":[32],"scrolledDown":[32],"open":[64],"close":[64]},[[9,"resize","onWindowResize"]]]]],["p-215365c6",[[6,"flip-select",{"disabled":[4],"flipAriaDescribedby":[1,"flip-aria-describedby"],"invalid":[4],"label":[1],"multiSelect":[4,"multi-select"],"required":[4],"value":[1040],"options":[32],"open":[32]},[[8,"focusin","onWindowFocusIn"]]]]],["p-e8049b2d",[[1,"flip-console-layout",{"appName":[1,"app-name"],"backButonLabel":[1,"back-buton-label"],"heading":[1],"helpButonLabel":[1,"help-buton-label"],"logoText":[1,"logo-text"],"navigationLabel":[1,"navigation-label"],"showBackButton":[4,"show-back-button"],"showHelpButton":[4,"show-help-button"],"subheading":[1]}]]],["p-8f9ff36b",[[2,"flip-date-input",{"autoFocus":[4,"auto-focus"],"autoSelect":[4,"auto-select"],"datePickerLabel":[1,"date-picker-label"],"disabled":[4],"flipAriaDescribedby":[1,"flip-aria-describedby"],"format":[1],"invalid":[4],"locale":[16],"placeholder":[1],"required":[4],"value":[1537]}]]],["p-d00bb096",[[1,"flip-dialog",{"hideLabel":[4,"hide-label"],"intent":[1],"label":[1],"primaryActionLabel":[1,"primary-action-label"],"secondaryActionLabel":[1,"secondary-action-label"],"closing":[32],"open":[64],"close":[64]}]]],["p-034d8fce",[[1,"flip-pagination",{"accessibleNextButtonLabel":[1,"accessible-next-button-label"],"accessiblePrevButtonLabel":[1,"accessible-prev-button-label"],"nextButtonLabel":[1,"next-button-label"],"pageLabel":[1,"page-label"],"prevButtonLabel":[1,"prev-button-label"],"label":[1],"page":[2],"pages":[2],"pageSelectLabel":[1,"page-select-label"],"variant":[1]}]]],["p-4743c7ae",[[1,"flip-toast-provider",{"globalDuration":[2,"global-duration"],"toasts":[32],"clearAll":[64],"dismiss":[64],"toast":[64]}]]],["p-96c0db13",[[2,"flip-checkbox",{"checked":[1032],"description":[1],"disabled":[4],"flipAriaDescribedby":[1,"flip-aria-describedby"],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"invalid":[4],"label":[1],"value":[1]}]]],["p-fd9592ce",[[2,"flip-file-uploader",{"accept":[1],"ctaLabel":[1,"cta-label"],"description":[1],"disabled":[4],"dragDropLabel":[1,"drag-drop-label"],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"label":[1],"multiple":[4],"showDropzone":[4,"show-dropzone"],"uploadButtonLabel":[1,"upload-button-label"],"reset":[64]}]]],["p-6b6ccfd4",[[6,"flip-form-control",{"description":[1],"disabled":[4],"errorMessage":[1,"error-message"],"invalid":[4],"label":[1],"hasFocus":[32],"inputValue":[32]},[[8,"click","onWindowClick"]]]]],["p-831f283c",[[2,"flip-search",{"autoFocus":[4,"auto-focus"],"clearButtonLabel":[1,"clear-button-label"],"disabled":[4],"inputName":[1,"input-name"],"inputId":[1,"input-id"],"label":[1],"placeholder":[1],"value":[1025]},[[8,"keydown","onKeyDown"]]]]],["p-57de1eef",[[1,"flip-avatar",{"badge":[1],"badgePosition":[1,"badge-position"],"color":[1],"icon":[1],"initials":[1],"interactive":[4],"label":[1],"showLabel":[4,"show-label"],"size":[1],"src":[1],"variant":[1],"imageAvailable":[32]}]]],["p-2e09604f",[[1,"flip-banner",{"actionLabel":[1,"action-label"],"content":[1],"dismissable":[4],"dismissLabel":[1,"dismiss-label"],"importance":[1],"intent":[1],"showIcon":[4,"show-icon"]}]]],["p-b71da729",[[2,"flip-radio",{"checked":[1032],"description":[1],"disabled":[4],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"invalid":[4],"label":[1],"value":[1]}]]],["p-f7f4d8c0",[[2,"flip-switch",{"checked":[1028],"disabled":[4],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"label":[1],"size":[1],"value":[1]},[[9,"pointerup","onWindowPointerUp"]]]]],["p-bd724c5d",[[1,"flip-tag",{"intent":[1],"label":[1],"removable":[4],"removalButtonLabel":[1,"removal-button-label"]}]]],["p-bc77430b",[[1,"flip-video-thumbnail",{"durationLabel":[1,"duration-label"],"duration":[1],"label":[1],"src":[1]}]]],["p-ce6f898e",[[1,"flip-action-list"]]],["p-8d0be4e1",[[1,"flip-action-list-item",{"disabled":[4],"description":[1],"icon":[1],"intent":[1],"label":[1],"size":[1],"suffix":[1]}]]],["p-4a0e1a9b",[[1,"flip-action-list-section",{"label":[1]}]]],["p-4b8420aa",[[1,"flip-avatar-group",{"badge":[1]}]]],["p-a74e7ffc",[[1,"flip-badge",{"icon":[1],"intent":[1],"label":[1],"size":[1],"variant":[1]}]]],["p-d8a18ef0",[[1,"flip-chip",{"avatar":[1],"icon":[1],"intent":[1],"interactive":[4],"label":[1]}]]],["p-4efeac03",[[1,"flip-description-list"]]],["p-631f7b44",[[1,"flip-description-list-item",{"term":[1]}]]],["p-8fec99c3",[[6,"flip-form-group",{"orientation":[1]}]]],["p-ea24f76c",[[1,"flip-icon-add-photo",{"size":[2]}]]],["p-1d32e589",[[1,"flip-icon-admin-panel-settings",{"size":[2]}]]],["p-ee6518ef",[[1,"flip-icon-arrow-back",{"size":[2]}]]],["p-250ff48d",[[1,"flip-icon-arrow-forward",{"size":[2]}]]],["p-c2e52120",[[1,"flip-icon-arrow-right-small",{"size":[2]}]]],["p-d995e868",[[1,"flip-icon-attachment",{"size":[2]}]]],["p-d77ad92a",[[1,"flip-icon-chat-bubble",{"size":[2]}]]],["p-902c3556",[[1,"flip-icon-check",{"size":[2]}]]],["p-2da9d315",[[1,"flip-icon-check-circle",{"size":[2]}]]],["p-5f95972f",[[1,"flip-icon-chevron-left",{"size":[2]}]]],["p-a8971044",[[1,"flip-icon-chevron-right",{"size":[2]}]]],["p-507a3b94",[[1,"flip-icon-close-small",{"size":[2]}]]],["p-ebad091c",[[1,"flip-icon-comment",{"size":[2]}]]],["p-1e428993",[[1,"flip-icon-copy",{"size":[2]}]]],["p-4cb721ff",[[1,"flip-icon-date-range",{"size":[2]}]]],["p-452c6599",[[1,"flip-icon-delete",{"size":[2]}]]],["p-6131750a",[[1,"flip-icon-description",{"size":[2]}]]],["p-e8350582",[[1,"flip-icon-edit",{"size":[2]}]]],["p-eab9da55",[[1,"flip-icon-emoji-mood",{"size":[2]}]]],["p-9ada969e",[[1,"flip-icon-emoji-satisfied",{"size":[2]}]]],["p-62ac92c4",[[1,"flip-icon-file",{"size":[2]}]]],["p-7c4503c5",[[1,"flip-icon-folder-shared",{"size":[2]}]]],["p-e2e566aa",[[1,"flip-icon-group-assign",{"size":[2]}]]],["p-8933ba02",[[1,"flip-icon-groups",{"size":[2]}]]],["p-cc2d1220",[[1,"flip-icon-groups-custom",{"size":[2]}]]],["p-1e74139c",[[1,"flip-icon-help",{"size":[2]}]]],["p-de7facf8",[[1,"flip-icon-image",{"size":[2]}]]],["p-86dbaf1a",[[1,"flip-icon-info",{"size":[2]}]]],["p-eb9e789f",[[1,"flip-icon-inventory",{"size":[2]}]]],["p-b984416b",[[1,"flip-icon-like",{"size":[2]}]]],["p-2a716203",[[1,"flip-icon-link",{"size":[2]}]]],["p-fcf3c03b",[[1,"flip-icon-lock",{"size":[2]}]]],["p-f65aa65c",[[1,"flip-icon-logout",{"size":[2]}]]],["p-29d6ddd5",[[1,"flip-icon-mail",{"size":[2]}]]],["p-28cb3086",[[1,"flip-icon-manage-accounts",{"size":[2]}]]],["p-12951126",[[1,"flip-icon-mention",{"size":[2]}]]],["p-36362426",[[1,"flip-icon-message",{"size":[2]}]]],["p-83f16a5e",[[1,"flip-icon-more-horizontal",{"size":[2]}]]],["p-280b3cc8",[[1,"flip-icon-more-vertikal",{"size":[2]}]]],["p-dbb08ab0",[[1,"flip-icon-notifications",{"size":[2]}]]],["p-9685ad51",[[1,"flip-icon-notifications-active",{"size":[2]}]]],["p-7a4171cb",[[1,"flip-icon-notifications-off",{"size":[2]}]]],["p-897713f2",[[1,"flip-icon-open-in-new",{"size":[2]}]]],["p-f989263a",[[1,"flip-icon-people-alt",{"size":[2]}]]],["p-27e1f33b",[[1,"flip-icon-person-off",{"size":[2]}]]],["p-f0aaded5",[[1,"flip-icon-phone",{"size":[2]}]]],["p-aea30015",[[1,"flip-icon-poll",{"size":[2]}]]],["p-c46e5bc9",[[1,"flip-icon-print",{"size":[2]}]]],["p-b89e8fac",[[1,"flip-icon-recieved",{"size":[2]}]]],["p-ad671f6b",[[1,"flip-icon-search-strong",{"size":[2]}]]],["p-79c2c1f7",[[1,"flip-icon-send",{"size":[2]}]]],["p-cb3b830c",[[1,"flip-icon-settings",{"size":[2]}]]],["p-0e382683",[[1,"flip-icon-time-filled",{"size":[2]}]]],["p-73b19c89",[[1,"flip-icon-time-outlined",{"size":[2]}]]],["p-df221966",[[1,"flip-icon-user-assign",{"size":[2]}]]],["p-99c36b3a",[[1,"flip-icon-video-camera",{"size":[2]}]]],["p-af271690",[[1,"flip-icon-warning",{"size":[2]}]]],["p-5a113067",[[1,"flip-link",{"href":[1],"label":[1],"target":[1]}]]],["p-6a7d9caa",[[4,"flip-list"]]],["p-1300cc2d",[[1,"flip-option-list-section",{"label":[1]}]]],["p-d5c812c1",[[1,"flip-progress-indicator",{"label":[1],"size":[1],"value":[2],"variant":[1]}]]],["p-3b3c9c2e",[[6,"flip-radio-group",{"flipAriaDescribedby":[1,"flip-aria-describedby"],"value":[1537]}]]],["p-56c64774",[[1,"flip-tab",{"active":[4],"label":[1],"tabId":[1,"tab-id"]}]]],["p-1789ca90",[[6,"flip-tabs",{"initialTab":[1,"initial-tab"],"label":[1],"activeTab":[32],"activateTab":[64]}]]],["p-d5ed5f60",[[6,"flip-theme-provider",{"config":[16],"getActiveTheme":[64],"getPreferredTheme":[64],"setPreferredTheme":[64],"resetPreferredTheme":[64]}]]],["p-39a3bdf7",[[1,"flip-thumbnail",{"alt":[1],"format":[1],"size":[1],"src":[1]}]]],["p-2b35b65a",[[1,"flip-tooltip",{"content":[1],"delay":[2],"position":[1],"actualPosition":[32],"visible":[32]},[[1,"mouseenter","onMouseEnter"],[1,"mouseleave","onMouseLeave"],[9,"resize","onWindowResize"],[9,"scroll","onWindowScroll"]]]]],["p-6b7077e3",[[2,"flip-text-input",{"autoComplete":[1,"auto-complete"],"autoFocus":[4,"auto-focus"],"autoSelect":[4,"auto-select"],"clearable":[4],"clearButtonLabel":[1,"clear-button-label"],"disabled":[4],"disableDynamicWidth":[4,"disable-dynamic-width"],"flipAriaAutocomplete":[1,"flip-aria-autocomplete"],"flipAriaControls":[1,"flip-aria-controls"],"flipAriaDescribedby":[1,"flip-aria-describedby"],"flipAriaExpanded":[1,"flip-aria-expanded"],"flipRole":[1,"flip-role"],"invalid":[4],"maxLength":[2,"max-length"],"max":[2],"min":[2],"mode":[1],"prefixLabel":[1,"prefix-label"],"required":[4],"rows":[2],"showCharacterCounter":[4,"show-character-counter"],"spellCheck":[4,"spell-check"],"suffixLabel":[1,"suffix-label"],"step":[2],"passwordToggleLabel":[1,"password-toggle-label"],"type":[1],"value":[1537],"showPassword":[32]}]]],["p-922d882f",[[1,"flip-toast",{"accessibleDismissLabel":[1,"accessible-dismiss-label"],"content":[1],"dismissLabel":[1,"dismiss-label"],"duration":[2],"icon":[1],"intent":[1],"toastId":[1,"toast-id"]}]]],["p-af02457c",[[1,"flip-icon-cloud-upload",{"size":[2]}]]],["p-47a1cad2",[[1,"flip-icon-person",{"size":[2]}]]],["p-e8d80905",[[1,"flip-icon-search",{"size":[2]}]]],["p-5d7619bb",[[1,"flip-button-group",{"orientation":[1],"segmented":[4],"stretch":[4],"wrap":[4]}]]],["p-5b14d410",[[1,"flip-date-picker",{"locale":[16],"maxDate":[16],"minDate":[16],"range":[4],"startDate":[16],"value":[1040]}],[1,"flip-icon-today",{"size":[2]}]]],["p-109c8448",[[1,"flip-icon-arrow-left",{"size":[2]}],[1,"flip-icon-arrow-right",{"size":[2]}],[1,"flip-icon-download",{"size":[2]}]]],["p-4d82b925",[[1,"flip-popover",{"animation":[1],"enableFlip":[4,"enable-flip"],"label":[1],"offset":[2],"placement":[1],"popoverId":[1,"popover-id"],"trigger":[1],"useContainerWidth":[8,"use-container-width"],"active":[32],"closing":[32],"position":[32],"close":[64],"open":[64]},[[8,"focusin","onWindowFocusIn"],[8,"click","onWindowClick"]]]]],["p-e8e6243b",[[1,"flip-icon-add",{"size":[2]}],[1,"flip-icon-fullscreen",{"size":[2]}],[1,"flip-icon-fullscreen-exit",{"size":[2]}],[1,"flip-icon-remove",{"size":[2]}]]],["p-a31ea0e5",[[1,"flip-icon-check-strong",{"size":[2]}]]],["p-a1d09ebe",[[1,"flip-stack",{"align":[1],"as":[1],"justify":[1],"orientation":[1],"spacing":[1],"wrap":[4]}]]],["p-1bf07805",[[1,"flip-app-layout",{"appBarMedia":[1,"app-bar-media"],"appName":[1,"app-name"],"backToNavigationViewButtonLabel":[1,"back-to-navigation-view-button-label"],"ctaIcon":[1,"cta-icon"],"ctaLabel":[1,"cta-label"],"heading":[1],"navigationBackButtonLabel":[1,"navigation-back-button-label"],"navigationLabel":[1,"navigation-label"],"showNavigationBackButton":[4,"show-navigation-back-button"],"sidebarCloseButtonLabel":[1,"sidebar-close-button-label"],"sidebarHeading":[1,"sidebar-heading"],"subheading":[1],"transitionStyle":[1,"transition-style"],"hasNavigation":[32],"hasSidebar":[32],"mobileView":[32],"sidebarActive":[32],"sidebarClosing":[32],"transitioningFrom":[32],"transitioningTo":[32],"showSidebar":[64],"hideSidebar":[64],"toggleSidebar":[64],"changeMobileView":[64]}],[1,"flip-empty-state",{"heading":[1],"illustration":[1]}],[1,"flip-resource-list-item",{"checked":[1028],"description":[1],"disabled":[4],"hideDivider":[4,"hide-divider"],"href":[1],"label":[1],"media":[1],"menuTriggerId":[1,"menu-trigger-id"],"menuTriggerLabel":[1,"menu-trigger-label"],"meta":[1],"selectable":[4],"value":[1]}],[1,"flip-resource-list",{"label":[1]}],[1,"flip-box",{"as":[1],"bordered":[4],"centerBlock":[4,"center-block"],"centerInline":[4,"center-inline"],"cover":[4],"padding":[1]}]]],["p-be01e1cd",[[1,"flip-icon-close",{"size":[2]}]]],["p-538575fb",[[1,"flip-icon-expand-more",{"size":[2]}]]],["p-3574a311",[[1,"flip-option-list-item",{"context":[1025],"disabled":[4],"icon":[1],"label":[1],"selected":[1028],"value":[1]}],[1,"flip-icon-check-small",{"size":[2]}],[6,"flip-option-list",{"disabled":[4],"label":[1],"optionListId":[1,"option-list-id"],"multiSelect":[4,"multi-select"],"value":[1040]}]]],["p-b2079530",[[1,"flip-text",{"align":[1],"as":[1],"color":[1],"fontStyle":[1,"font-style"],"size":[1],"truncate":[4],"weight":[1]}],[2,"flip-heading",{"align":[1],"as":[1],"headingId":[1,"heading-id"],"level":[2],"text":[1]}]]],["p-29633de8",[[1,"flip-icon-visibility",{"size":[2]}],[1,"flip-icon-visibility-off",{"size":[2]}],[1,"flip-icon-cancel",{"size":[2]}],[1,"flip-icon-expand-less",{"size":[2]}]]],["p-53c9a488",[[2,"flip-button",{"disabled":[4],"download":[1],"flipAriaDescribedby":[1,"flip-aria-describedby"],"flipAriaLabel":[1,"flip-aria-label"],"form":[1],"hideLabel":[4,"hide-label"],"href":[1],"icon":[1],"iconPosition":[1,"icon-position"],"intent":[1],"label":[1],"name":[1],"size":[1],"target":[1],"type":[1],"value":[1],"variant":[1]}]]],["p-f2d451a7",[[1,"flip-visually-hidden"]]],["p-ec8199f2",[[1,"flip-inline-error",{"message":[1],"size":[1]}],[1,"flip-spinner",{"label":[1],"size":[1]}],[1,"flip-icon-error",{"size":[2]}]]],["p-de892e4e",[[1,"flip-file-viewer",{"active":[4],"autoplay":[4],"description":[1],"errorMessage":[1,"error-message"],"file":[1],"type":[1],"typeUnsupportedMessage":[1,"type-unsupported-message"],"zoom":[8],"download":[64],"print":[64]}],[1,"flip-file-viewer-csv",{"errorMessage":[1,"error-message"],"file":[1],"data":[32],"error":[32],"loading":[32]}],[1,"flip-file-viewer-image",{"description":[1],"errorMessage":[1,"error-message"],"file":[1],"error":[32],"loading":[32]}],[1,"flip-file-viewer-pdf",{"errorMessage":[1,"error-message"],"file":[1],"singlePageMode":[4,"single-page-mode"],"zoom":[8],"doc":[32],"error":[32],"loading":[32],"renderedPages":[32],"scrolledDown":[32],"singlePageModePage":[32],"visiblePages":[32],"print":[64],"nextPage":[64],"previousPage":[64],"setPage":[64]},[[9,"resize","onWindowResize"]]],[1,"flip-file-viewer-text",{"errorMessage":[1,"error-message"],"file":[1],"error":[32],"loading":[32],"text":[32]}],[1,"flip-file-viewer-audio",{"autoplay":[4],"file":[1],"type":[1]}],[1,"flip-file-viewer-video",{"autoplay":[4],"file":[1],"type":[1]}]]]]'),e)));
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as a,h as r,H as t,g as i}from"./p-9fe00e8a.js";import{c as e}from"./p-efffd297.js";import"./p-86bd3473.js";const s={xs:28,s:32,m:40,l:48,xl:64,"2xl":144},o=class{constructor(r){a(this,r),this.badgePosition="bottom",this.color="kiwi",this.interactive=!1,this.showLabel=!1,this.size="m",this.variant="round",this.setImageAvailable=()=>{this.imageAvailable=!0},this.setImageUnavailable=()=>{this.imageAvailable=!1},this.onKeydown=a=>{"Space"===a.code?a.preventDefault():"Enter"===a.code&&(a.preventDefault(),this.element.click())},this.onKeyup=a=>{"Space"===a.code&&(a.preventDefault(),this.element.click())}}componentDidLoad(){this.forceBadgeProps()}watchSrcProp(){this.imageAvailable=void 0}forceBadgeProps(){if(!Boolean(this.badge))return;const a=this.badgeEl.querySelector("flip-badge");null==a||a.setAttribute("size","m")}render(){const a=Boolean(this.src)&&(this.imageAvailable||void 0===this.imageAvailable),i=!a&&Boolean(this.initials),o=!a&&!i&&Boolean(this.icon),n=!a&&!i&&!o,v=Boolean(this.badge)&&"m"===this.size,l=this.interactive?"button":"img",d=e("avatar",`avatar--color-${this.color}`,`avatar--size-${this.size}`,`avatar--variant-${this.variant}`,{"avatar--has-icon":o||n,"avatar--has-initials":i,"avatar--interactive":this.interactive}),h=e("avatar__badge",`avatar__badge--position-${this.badgePosition}`);return r(t,{"aria-label":this.label,onKeydown:this.interactive?this.onKeydown:void 0,onKeyup:this.interactive?this.onKeyup:void 0,role:l,tabIndex:this.interactive?0:void 0},r("span",{class:d,part:"avatar"},a&&r("span",{class:"avatar__image"},r("img",{alt:"",height:s[this.size],onError:this.setImageUnavailable,onLoad:this.setImageAvailable,src:this.src,width:s[this.size]})),i&&r("span",{class:"avatar__initials"},r("span",null,this.initials)),o&&r("span",{class:"avatar__icon",innerHTML:this.icon}),n&&r("span",{class:"avatar__icon"},r("flip-icon-person",null)),v&&r("span",{class:h,innerHTML:this.badge,ref:a=>this.badgeEl=a})),this.showLabel&&r("span",{"aria-hidden":!0,class:"avatar__label"},this.label))}get element(){return i(this)}static get watchers(){return{src:["watchSrcProp"]}}};o.style=":host{display:inline-flex;align-items:center;flex-direction:column}:host *{box-sizing:border-box}.avatar{position:relative;display:inline-flex;justify-content:center;align-items:center;border-radius:50%}.avatar--has-icon{color:var(--s-icon-default);background-color:var(--s-surface-raised-default)}.avatar--has-initials{padding-right:0;padding-left:0;color:#fff}.avatar--interactive{cursor:pointer}.avatar--interactive:focus{outline-color:var(--s-focus-default)}.avatar--size-xs{width:1.75rem;height:1.75rem;font-size:0.75rem}.avatar--size-xs.avatar--has-icon{padding-right:0.4375rem;padding-left:0.4375rem}.avatar--size-xs.avatar--variant-square,.avatar--size-xs.avatar--variant-square .avatar__image,.avatar--size-xs.avatar--variant-square .avatar__initials{border-radius:0.5rem}.avatar--size-s{width:2rem;height:2rem;font-size:0.75rem}.avatar--size-s.avatar--has-icon{padding-right:var(--s-space-8);padding-left:var(--s-space-8)}.avatar--size-s.avatar--variant-square,.avatar--size-s.avatar--variant-square .avatar__image,.avatar--size-s.avatar--variant-square .avatar__initials{border-radius:0.5rem}.avatar--size-m{width:2.5rem;height:2.5rem;font-size:var(--s-font-size-base)}.avatar--size-m.avatar--has-icon{padding-right:0.625rem;padding-left:0.625rem}.avatar--size-m.avatar--variant-square,.avatar--size-m.avatar--variant-square .avatar__image,.avatar--size-m.avatar--variant-square .avatar__initials{border-radius:0.625rem}.avatar--size-l{width:3rem;height:3rem;font-size:var(--s-font-size-lg)}.avatar--size-l.avatar--has-icon{padding-right:var(--s-space-12);padding-left:var(--s-space-12)}.avatar--size-l.avatar--variant-square,.avatar--size-l.avatar--variant-square .avatar__image,.avatar--size-l.avatar--variant-square .avatar__initials{border-radius:0.75rem}.avatar--size-xl{width:4rem;height:4rem;font-size:var(--s-font-size-xl)}.avatar--size-xl.avatar--has-icon{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}.avatar--size-xl.avatar--variant-square,.avatar--size-xl.avatar--variant-square .avatar__image,.avatar--size-xl.avatar--variant-square .avatar__initials{border-radius:1rem}.avatar--size-2xl{width:9rem;height:9rem;font-size:3.375rem}.avatar--size-2xl.avatar--has-icon{padding-right:var(--s-space-32);padding-left:var(--s-space-32)}.avatar--size-2xl.avatar--variant-square,.avatar--size-2xl.avatar--variant-square .avatar__image,.avatar--size-2xl.avatar--variant-square .avatar__initials{border-radius:2.25rem}.avatar--color-banana .avatar__initials{color:var(--s-decorative-banana-text);background-color:var(--s-decorative-banana-surface-subdued)}.avatar--color-blueberry .avatar__initials{color:var(--s-decorative-blueberry-text);background-color:var(--s-decorative-blueberry-surface-subdued)}.avatar--color-chilli .avatar__initials{color:var(--s-decorative-chilli-text);background-color:var(--s-decorative-chilli-surface-subdued)}.avatar--color-grape .avatar__initials{color:var(--s-decorative-grape-text);background-color:var(--s-decorative-grape-surface-subdued)}.avatar--color-kiwi .avatar__initials{color:var(--s-decorative-kiwi-text);background-color:var(--s-decorative-kiwi-surface-subdued)}.avatar--color-pumpkin .avatar__initials{color:var(--s-decorative-pumpkin-text);background-color:var(--s-decorative-pumpkin-surface-subdued)}.avatar--color-radish .avatar__initials{color:var(--s-decorative-radish-text);background-color:var(--s-decorative-radish-surface-subdued)}.avatar__image{overflow:hidden;width:100%;height:100%;border-radius:50%}.avatar__image>img{width:100%;height:100%}.avatar__icon{display:inline-flex;width:100%;height:100%}.avatar__icon>*{width:100%;height:100%}.avatar__icon>*::part(icon){width:100%;height:100%}.avatar__initials{display:inline-flex;width:100%;min-width:0;height:100%;padding-right:0.0625rem;padding-left:0.0625rem;justify-content:center;align-items:center;border-radius:50%;font-weight:var(--s-font-weight-medium)}.avatar__initials>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.avatar__badge{position:absolute;bottom:0;left:55%;display:inline-flex;min-width:1.5rem;height:1.5rem;transform:translate3d(0, 25%, 0)}.avatar__badge--position-top{top:0;bottom:auto;transform:translate3d(0, -25%, 0)}.avatar__label{margin-top:var(--s-space-4);color:var(--s-icon-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);text-align:center}";export{o as flip_avatar}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as o,H as n}from"./p-9fe00e8a.js";import{c as i}from"./p-efffd297.js";import"./p-86bd3473.js";const a=class{constructor(o){t(this,o),this.iconPosition="start",this.intent="default",this.size="m",this.type="button",this.variant="ghost"}componentDidLoad(){this.forceIconProps()}forceIconProps(){if(!Boolean(this.iconEl))return;const t=this.iconEl.children[0];null==t||t.setAttribute("size","24")}getAriaLabel(t){return Boolean(this.flipAriaLabel)?this.flipAriaLabel:t?this.label:void 0}render(){const t=this.hideLabel&&Boolean(this.icon)||"floating"===this.variant&&"default"===this.intent,a=Boolean(this.href),r=this.getAriaLabel(t),e=i("button",`button--icon-position-${this.iconPosition}`,`button--intent-${this.intent}`,`button--size-${this.size}`,`button--variant-${this.variant}`,{"button--icon-only":t});return o(n,null,o(a?"a":"button",{"aria-describedby":this.flipAriaDescribedby,"aria-disabled":this.disabled&&!a?"true":void 0,"aria-label":r,class:e,disabled:a?void 0:this.disabled,download:a?void 0:this.download,form:a?void 0:this.form,href:this.href,name:a?void 0:this.name,target:a?this.target:void 0,type:a?void 0:this.type,value:a?void 0:this.value},this.icon&&o("span",{class:"button__icon",innerHTML:this.icon,ref:t=>this.iconEl=t}),!t&&o("span",{class:"button__label"},this.label)))}};a.style=".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)),\n 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)),\n 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)),\n 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)),\n 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(\n --flip-icon-button-border-bottom-right-radius\n );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}";export{a as flip_button}
|