@orangelogic/design-system 3.0.0 → 3.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/library/chunks/{asset-link-format.D--xQVgR.js → asset-link-format.Ds5nq4mo.js} +1 -1
- package/library/chunks/{color-swatch-group.CCgwey9f.js → color-swatch-group.d5e1sYos.js} +362 -326
- package/library/chunks/{confirm-popover.CrQKEChc.js → confirm-popover.tftDINBg.js} +1 -1
- package/library/chunks/{dialog.CWGtufDA.js → dialog.CzSaiGBF.js} +1 -1
- package/library/chunks/{document-viewer.C90j1Xrr.js → document-viewer.B1EEIvUY.js} +1 -1
- package/library/chunks/{icon-button.CVrxJcZq.js → icon-button.BHC52xvk.js} +16 -10
- package/library/chunks/{markdown.DOHru2Rz.js → markdown.Dga4_SbU.js} +1 -1
- package/library/chunks/{pagination.mzolTIpF.js → pagination.D50ned8_.js} +1 -1
- package/library/chunks/{tab-group.uSHlsFu8.js → tab-group.DE0RsMX4.js} +1 -1
- package/library/components/alert.js +1 -1
- package/library/components/asset-link-format.js +1 -1
- package/library/components/atoms.js +6 -6
- package/library/components/audio.js +1 -1
- package/library/components/color-swatch-group.js +1 -1
- package/library/components/confirm-popover.js +2 -2
- package/library/components/date-calendar.js +1 -1
- package/library/components/dialog.js +2 -2
- package/library/components/document-viewer.js +1 -1
- package/library/components/drawer.js +1 -1
- package/library/components/dynamic-select.js +1 -1
- package/library/components/file-on-demand.js +4 -4
- package/library/components/icon-button.js +1 -1
- package/library/components/markdown.js +2 -2
- package/library/components/masonry.js +1 -1
- package/library/components/menu-item.js +8 -5
- package/library/components/molecules.js +1 -1
- package/library/components/organisms.js +2 -2
- package/library/components/pagination.js +2 -2
- package/library/components/sidebar.js +1 -1
- package/library/components/size-input-group.js +1 -1
- package/library/components/tab-group.js +2 -2
- package/library/components/tab.js +1 -1
- package/library/components/tag.js +1 -1
- package/library/components/typeface.js +1 -1
- package/library/components/types.js +13247 -13194
- package/library/package.json +1 -1
- package/library/packages/atoms/src/components/icon-button/icon-button.d.ts +11 -0
- package/library/packages/atoms/src/components/menu-item/submenu-controller.d.ts +1 -0
- package/library/packages/hybrid/table-core/src/table/styles/table-frozen.styles.d.ts +4 -4
- package/library/packages/hybrid/table-core/src/table/styles/table-overlay-scrollbar.styles.d.ts +8 -5
- package/library/packages/hybrid/table-core/src/table/table.d.ts +2 -12
- package/library/packages/hybrid/table-core/src/tabulator-tables/core/RowManager.d.ts +1 -0
- package/library/packages/hybrid/table-core/src/tabulator-tables/modules/ResizeColumns/ResizeColumns.d.ts +5 -3
- package/library/packages/organisms/src/comment/components/comment-menu/comment-menu.d.ts +10 -0
- package/library/packages/organisms/src/downloader/downloader.d.ts +1 -1
- package/library/react-web-component.d.ts +8 -0
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { C as _ } from "./button.BnkkUqiI.js";
|
|
2
|
-
import { C as u, D as h } from "./dialog.
|
|
2
|
+
import { C as u, D as h } from "./dialog.CzSaiGBF.js";
|
|
3
3
|
import g from "../components/dropdown.js";
|
|
4
4
|
import { C as x } from "./typography.IqHbnd3C.js";
|
|
5
5
|
import { n as e, C as b } from "./lib-cortex-element.CVMmyPMC.js";
|
|
@@ -16,7 +16,7 @@ import { o as wr } from "./style-map.llVFPd__.js";
|
|
|
16
16
|
import { n as lo } from "./when.Dr1es41R.js";
|
|
17
17
|
import { s as be, g as ae } from "./animation-registry.HmpwNuGH.js";
|
|
18
18
|
import xr from "../components/divider.js";
|
|
19
|
-
import { C as Sr } from "./icon-button.
|
|
19
|
+
import { C as Sr } from "./icon-button.BHC52xvk.js";
|
|
20
20
|
import zr from "../components/popup.js";
|
|
21
21
|
const Cr = _s`.os-size-observer,.os-size-observer-listener{direction:inherit;pointer-events:none;visibility:hidden;box-sizing:border-box;overflow:hidden;scroll-behavior:auto!important}.os-size-observer,.os-size-observer-listener,.os-size-observer-listener-item,.os-size-observer-listener-item-final{writing-mode:horizontal-tb;position:absolute;top:0;left:0}.os-size-observer{z-index:-1;contain:strict;padding:inherit;border:inherit;box-sizing:inherit;flex-flow:row;margin:-133px;display:flex;inset:0;transform:scale(.1)}.os-size-observer:before{content:"";box-sizing:inherit;flex:none;width:10px;height:10px;padding:10px}.os-size-observer-appear{animation:1ms forwards os-size-observer-appear-animation}.os-size-observer-listener{box-sizing:border-box;padding:inherit;border:inherit;flex:auto;margin:-133px;position:relative;transform:scale(10)}.os-size-observer-listener.ltr{margin-left:0;margin-right:-266px}.os-size-observer-listener.rtl{margin-left:-266px;margin-right:0}.os-size-observer-listener:empty:before{content:"";width:100%;height:100%}.os-size-observer-listener:empty:before,.os-size-observer-listener>.os-size-observer-listener-item{padding:inherit;border:inherit;box-sizing:content-box;flex:auto;display:block;position:relative}.os-size-observer-listener-scroll{box-sizing:border-box;display:flex}.os-size-observer-listener-item{direction:ltr;flex:none;bottom:0;right:0;overflow:hidden}.os-size-observer-listener-item-final{transition:none}@keyframes os-size-observer-appear-animation{0%{cursor:auto}to{cursor:none}}.os-trinsic-observer{box-sizing:border-box;z-index:-1;contain:strict;border:none;flex:none;max-width:0;height:0;max-height:1px;margin:0;padding:0;position:relative;top:calc(100% + 1px);overflow:hidden}.os-trinsic-observer:not(:empty){height:calc(100% + 1px);top:-1px}.os-trinsic-observer:not(:empty)>.os-size-observer{width:1000%;min-width:1px;height:1000%;min-height:1px}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport]),[data-overlayscrollbars-viewport~=scrollbarHidden]{scrollbar-width:none!important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar,[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar-corner,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner{-webkit-appearance:none!important;appearance:none!important;width:0!important;height:0!important;display:none!important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body){overflow:auto}html[data-overlayscrollbars-body]{overflow:hidden}html[data-overlayscrollbars-body],html[data-overlayscrollbars-body]>body{width:100%;height:100%;margin:0}html[data-overlayscrollbars-body]>body{margin:0;overflow:visible}[data-overlayscrollbars]{position:relative}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{display:flex;scroll-behavior:auto!important;flex-flow:row!important;align-items:stretch!important}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){box-sizing:inherit;z-index:0;border:none;flex:auto;width:100%;min-width:0;height:auto;margin:0;padding:0;position:relative}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){--os-vaw:0;--os-vah:0;outline:none}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]):focus{outline:none}[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]:before{content:"";pointer-events:none;z-index:-1;min-width:1px;min-height:1px;width:var(--os-vaw);height:var(--os-vah);position:absolute}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{overflow:hidden!important}[data-overlayscrollbars~=host][data-overlayscrollbars~=noClipping],[data-overlayscrollbars-padding~=noClipping]{overflow:visible!important}[data-overlayscrollbars-viewport]{--os-viewport-overflow-x:hidden;--os-viewport-overflow-y:hidden;overflow-x:var(--os-viewport-overflow-x);overflow-y:var(--os-viewport-overflow-y)}[data-overlayscrollbars-viewport~=overflowXVisible]{--os-viewport-overflow-x:visible}[data-overlayscrollbars-viewport~=overflowXHidden]{--os-viewport-overflow-x:hidden}[data-overlayscrollbars-viewport~=overflowXScroll]{--os-viewport-overflow-x:scroll}[data-overlayscrollbars-viewport~=overflowYVisible]{--os-viewport-overflow-y:visible}[data-overlayscrollbars-viewport~=overflowYHidden]{--os-viewport-overflow-y:hidden}[data-overlayscrollbars-viewport~=overflowYScroll]{--os-viewport-overflow-y:scroll}[data-overlayscrollbars-viewport~=overflowImportant]{overflow-x:var(--os-viewport-overflow-x)!important;overflow-y:var(--os-viewport-overflow-y)!important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId){font-size:0!important;line-height:0!important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId):before,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId):after,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)>*{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border-width:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;display:none!important;position:absolute!important;overflow:hidden!important}[data-overlayscrollbars-viewport~=measuring],[data-overlayscrollbars-viewport~=scrolling]{scroll-behavior:auto!important;scroll-snap-type:none!important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowXVisible]{overflow-x:hidden!important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowYVisible]{overflow-y:hidden!important}[data-overlayscrollbars-content]{box-sizing:inherit}[data-overlayscrollbars-contents]:not(#osFakeId):not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]){display:contents}[data-overlayscrollbars-grid],[data-overlayscrollbars-grid] [data-overlayscrollbars-padding]{grid-template:1fr/1fr;display:grid}[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding],[data-overlayscrollbars-grid]>[data-overlayscrollbars-viewport],[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding]>[data-overlayscrollbars-viewport]{width:auto!important;height:auto!important}@property --os-scroll-percent{syntax:"<number>";inherits:true;initial-value:0}@property --os-viewport-percent{syntax:"<number>";inherits:true;initial-value:0}.os-scrollbar{--os-viewport-percent:0;--os-scroll-percent:0;--os-scroll-direction:0;--os-scroll-percent-directional:calc(var(--os-scroll-percent) - (var(--os-scroll-percent) + (1 - var(--os-scroll-percent)) * -1) * var(--os-scroll-direction));contain:size layout;contain:size layout style;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .15s,visibility .15s,top .15s,right .15s,bottom .15s,left .15s;position:absolute}body>.os-scrollbar{z-index:99999;position:fixed}.os-scrollbar-transitionless{transition:none!important}.os-scrollbar-track{position:relative;border:none!important;padding:0!important}.os-scrollbar-handle{position:absolute}.os-scrollbar-track,.os-scrollbar-handle{pointer-events:none;width:100%;height:100%}.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle{pointer-events:auto;touch-action:none}.os-scrollbar-horizontal{bottom:0;left:0}.os-scrollbar-vertical{top:0;right:0}.os-scrollbar-rtl.os-scrollbar-horizontal{right:0}.os-scrollbar-rtl.os-scrollbar-vertical{left:0;right:auto}.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden{opacity:0;visibility:hidden}.os-scrollbar-interaction.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-unusable,.os-scrollbar-unusable *,.os-scrollbar-wheel,.os-scrollbar-wheel *{pointer-events:none!important}.os-scrollbar-unusable .os-scrollbar-handle{opacity:0!important;transition:none!important}.os-scrollbar-horizontal .os-scrollbar-handle{bottom:0;left:calc(var(--os-scroll-percent-directional) * 100%);transform:translateX(calc(var(--os-scroll-percent-directional) * -100%));width:calc(var(--os-viewport-percent) * 100%)}.os-scrollbar-vertical .os-scrollbar-handle{right:0;top:calc(var(--os-scroll-percent-directional) * 100%);transform:translateY(calc(var(--os-scroll-percent-directional) * -100%));height:calc(var(--os-viewport-percent) * 100%)}@supports (container-type:size){.os-scrollbar-track{container-type:size}.os-scrollbar-horizontal .os-scrollbar-handle{transform:translateX(calc(var(--os-scroll-percent-directional) * 100cqw + var(--os-scroll-percent-directional) * -100%));left:auto}.os-scrollbar-vertical .os-scrollbar-handle{transform:translateY(calc(var(--os-scroll-percent-directional) * 100cqh + var(--os-scroll-percent-directional) * -100%));top:auto}.os-scrollbar-rtl.os-scrollbar-horizontal .os-scrollbar-handle{left:0;right:auto}}.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle{left:0;right:auto}.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl{left:0;right:0}.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl{top:0;bottom:0}@media print{.os-scrollbar{display:none}}.os-scrollbar{--os-size:10px;--os-padding-perpendicular:4px;--os-padding-axis:2px;--os-track-border-radius:10px;--os-track-bg:none;--os-track-bg-hover:none;--os-track-bg-active:none;--os-track-border:none;--os-track-border-hover:none;--os-track-border-active:none;--os-handle-border-radius:13px;--os-handle-bg:var(--cx-color-neutral-400);--os-handle-bg-hover:var(--cx-color-neutral-500);--os-handle-bg-active:var(--cx-color-neutral-500);--os-handle-border:4px solid #0000;--os-handle-border-hover:4px solid #0000;--os-handle-border-active:4px solid #0000;--os-handle-min-size:50px;--os-handle-max-size:none;--os-handle-perpendicular-size:100%;--os-handle-perpendicular-size-hover:100%;--os-handle-perpendicular-size-active:100%;--os-handle-interactive-area-offset:4px}.os-scrollbar-track{border:var(--os-track-border);border-radius:var(--os-track-border-radius);background:var(--os-track-bg);transition:opacity .15s,background-color .15s,border-color .15s}.os-scrollbar-track:hover{border:var(--os-track-border-hover);background:var(--os-track-bg-hover)}.os-scrollbar-track:active{border:var(--os-track-border-active);background:var(--os-track-bg-active)}.os-scrollbar-handle{border:var(--os-handle-border);border-radius:var(--os-handle-border-radius);background:var(--os-handle-bg)}.os-scrollbar-handle:hover{background:var(--os-handle-bg-hover);border:var(--os-handle-border-hover)}.os-scrollbar-handle:active{border:var(--os-handle-border-active);background:var(--os-handle-bg-active)}.os-scrollbar-track:before,.os-scrollbar-handle:before{content:"";display:block;position:absolute;inset:0}.os-scrollbar-horizontal{padding:var(--os-padding-perpendicular) var(--os-padding-axis);right:var(--os-size);height:var(--os-size)}.os-scrollbar-horizontal.os-scrollbar-rtl{left:var(--os-size);right:0}.os-scrollbar-horizontal .os-scrollbar-track:before{top:calc(var(--os-padding-perpendicular) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal .os-scrollbar-handle{min-width:var(--os-handle-min-size);max-width:var(--os-handle-max-size);height:var(--os-handle-perpendicular-size);transition:opacity .15s,background-color .15s,border-color .15s,height .15s}.os-scrollbar-horizontal .os-scrollbar-handle:before{top:calc(( var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset) ) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal:hover .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-horizontal:active .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-active)}.os-scrollbar-vertical{padding:var(--os-padding-axis) var(--os-padding-perpendicular);bottom:var(--os-size);width:var(--os-size)}.os-scrollbar-vertical .os-scrollbar-track:before{left:calc(var(--os-padding-perpendicular) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical .os-scrollbar-handle{min-height:var(--os-handle-min-size);max-height:var(--os-handle-max-size);width:var(--os-handle-perpendicular-size);transition:opacity .15s,background-color .15s,border-color .15s,width .15s}.os-scrollbar-vertical .os-scrollbar-handle:before{left:calc(( var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset) ) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before{right:calc(( var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset) ) * -1);left:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical:hover .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-vertical:active .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-active)}[data-overlayscrollbars-viewport~=measuring]>.os-scrollbar,.os-theme-none.os-scrollbar{display:none!important}.os-theme-dark,.os-theme-light{box-sizing:border-box;--os-size:10px;--os-padding-perpendicular:4px;--os-padding-axis:2px;--os-track-border-radius:10px;--os-handle-interactive-area-offset:4px;--os-handle-border-radius:10px}`;
|
|
22
22
|
var jt = /* @__PURE__ */ ((t) => (t.Both = "both", t.Footer = "footer", t.Header = "header", t.None = "none", t))(jt || {});
|
|
@@ -3,7 +3,7 @@ import { C as CxButton } from "./button.BnkkUqiI.js";
|
|
|
3
3
|
import CxDrawer from "../components/drawer.js";
|
|
4
4
|
import CxDropdown from "../components/dropdown.js";
|
|
5
5
|
import { C as CxIcon } from "./icon.CpHbi8tH.js";
|
|
6
|
-
import { C as CxIconButton } from "./icon-button.
|
|
6
|
+
import { C as CxIconButton } from "./icon-button.BHC52xvk.js";
|
|
7
7
|
import { C as CxInput } from "./input.33UmFGqR.js";
|
|
8
8
|
import CxMenu from "../components/menu.js";
|
|
9
9
|
import CxMenuItem from "../components/menu-item.js";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { n as r, C as
|
|
2
|
-
import { c as
|
|
1
|
+
import { n as r, C as p } from "./lib-cortex-element.CVMmyPMC.js";
|
|
2
|
+
import { c as g } from "./component.styles.CRO4Odto.js";
|
|
3
3
|
import { c as h } from "./custom-element.L4WJXn1j.js";
|
|
4
4
|
import { L as m } from "./i18n.DbXTTLXx.js";
|
|
5
5
|
import { r as f } from "./state.CSDxrqLd.js";
|
|
@@ -13,12 +13,12 @@ import w from "../components/spinner.js";
|
|
|
13
13
|
import { i as $ } from "./lit-element.jLBm65_O.js";
|
|
14
14
|
var x = /* @__PURE__ */ ((o) => (o.Large = "large", o.Medium = "medium", o.Small = "small", o.XLarge = "x-large", o))(x || {});
|
|
15
15
|
const z = $`:host{color:var(--cx-color-neutral-600);--group-divider-color:#80808054;display:inline-block}.icon-button{border-radius:var(--cx-border-radius-medium);font-size:inherit;color:inherit;padding:var(--cx-spacing-x-small);cursor:pointer;transition:var(--cx-transition-x-fast) color;background:0 0;border:none;flex:none;align-items:center;display:flex;position:relative}.icon-button:focus{outline:none}.icon-button--disabled{opacity:.5;cursor:default}.icon-button:focus-visible{outline:var(--cx-focus-ring);outline-offset:var(--cx-focus-ring-offset)}.icon-button__icon{pointer-events:none;margin:auto}.icon-button--small{font-size:var(--cx-font-size-x-small);padding:var(--cx-spacing-2x-small);min-height:var(--cx-input-height-small);min-width:var(--cx-input-height-small)}.icon-button--medium{font-size:var(--cx-font-size-large);padding:var(--cx-spacing-2x-small);min-height:var(--cx-input-height-medium);min-width:var(--cx-input-height-medium)}.icon-button--large{font-size:var(--cx-font-size-large);padding:var(--cx-spacing-x-small);min-height:var(--cx-input-height-large);min-width:var(--cx-input-width-large)}.icon-button--x-large{font-size:var(--cx-font-size-large);padding:var(--cx-spacing-small);min-height:var(--cx-input-height-x-large);min-width:var(--cx-input-height-x-large)}.icon-button.icon-button--default{background-color:var(--cx-color-neutral-100);border-color:var(--cx-color-neutral-100);color:var(--cx-color-neutral)}.icon-button.icon-button--default:hover:not(.icon-button--disabled),.icon-button.icon-button--default.icon-button--focused:not(.icon-button--disabled){background-color:var(--cx-color-neutral-200);border-color:var(--cx-color-neutral-200);color:var(--cx-color-neutral)}.icon-button.icon-button--default:active:not(.icon-button--disabled){background-color:var(--cx-color-neutral-300);border-color:var(--cx-color-neutral-300);color:var(--cx-color-neutral)}.icon-button.icon-button--text:hover:not(.icon-button--disabled),.icon-button.icon-button--text.icon-button--focused:not(.icon-button--disabled){background-color:var(--cx-color-neutral-100);color:var(--cx-color-neutral)}.icon-button.icon-button--text:active:not(.icon-button--disabled){background-color:var(--cx-color-neutral-300);border-color:var(--cx-color-neutral-300);color:var(--cx-color-neutral)}.icon-button.icon-button--primary{background-color:var(--cx-color-primary);border-color:var(--cx-color-primary);color:var(--cx-color-neutral-0)}.icon-button.icon-button--primary:hover:not(.icon-button--disabled),.icon-button.icon-button--primary.icon-button--focused:not(.icon-button--disabled){background-color:var(--cx-color-primary-500);border-color:var(--cx-color-primary-500);color:var(--cx-color-neutral-0)}.icon-button.icon-button--primary:active:not(.icon-button--disabled){background-color:var(--cx-color-primary-700);border-color:var(--cx-color-primary-700);color:var(--cx-color-neutral-0)}.icon-button.icon-button--success{background-color:var(--cx-color-success);border-color:var(--cx-color-success);color:var(--cx-color-neutral-0)}.icon-button.icon-button--success:hover:not(.icon-button--disabled),.icon-button.icon-button--success.icon-button--focused:not(.icon-button--disabled){background-color:var(--cx-color-success-500);border-color:var(--cx-color-success-500);color:var(--cx-color-neutral-0)}.icon-button.icon-button--success:active:not(.icon-button--disabled){background-color:var(--cx-color-success-700);border-color:var(--cx-color-success-700);color:var(--cx-color-neutral-0)}.icon-button.icon-button--warning{background-color:var(--cx-color-warning);border-color:var(--cx-color-warning);color:var(--cx-color-neutral-0)}.icon-button.icon-button--warning:hover:not(.icon-button--disabled),.icon-button.icon-button--warning.icon-button--focused:not(.icon-button--disabled){background-color:var(--cx-color-warning-500);border-color:var(--cx-color-warning-500);color:var(--cx-color-neutral-0)}.icon-button.icon-button--warning:active:not(.icon-button--disabled){background-color:var(--cx-color-warning-700);border-color:var(--cx-color-warning-700);color:var(--cx-color-neutral-0)}.icon-button.icon-button--danger{background-color:var(--cx-color-danger);border-color:var(--cx-color-danger);color:var(--cx-color-neutral-0)}.icon-button.icon-button--danger:hover:not(.icon-button--disabled),.icon-button.icon-button--danger.icon-button--focused:not(.icon-button--disabled){background-color:var(--cx-color-danger-500);border-color:var(--cx-color-danger-500);color:var(--cx-color-neutral-0)}.icon-button.icon-button--danger:active:not(.icon-button--disabled){background-color:var(--cx-color-danger-700);border-color:var(--cx-color-danger-700);color:var(--cx-color-neutral-0)}.icon-button.icon-button--custom,.icon-button.icon-button--custom:hover:not(.icon-button--disabled),.icon-button.icon-button--custom.icon-button--focused:not(.icon-button--disabled),.icon-button.icon-button--custom:active:not(.icon-button--disabled){background-color:var(--background-color);border-color:var(--background-color);color:var(--color)}.icon-button--outline{border:solid var(--cx-input-border-width);border-color:var(--cx-input-border-color);background:0 0}.icon-button--outline.icon-button--default{border-color:var(--cx-input-border-color);color:var(--cx-color-neutral)}.icon-button--outline.icon-button--default:hover:not(.icon-button--disabled),.icon-button--outline.icon-button--default.icon-button--focused:not(.icon-button--disabled),.icon-button--outline.icon-button--default.icon-button--checked:not(.icon-button--disabled){border-color:var(--cx-color-neutral-300);background-color:var(--cx-color-neutral-100);color:var(--cx-color-neutral)}.icon-button--outline.icon-button--default:active:not(.icon-button--disabled){border-color:var(--cx-color-neutral-300);background-color:var(--cx-color-neutral-200);color:var(--cx-color-neutral)}.icon-button--outline.icon-button--primary{border-color:var(--cx-color-primary);color:var(--cx-color-primary)}.icon-button--outline.icon-button--primary:hover:not(.icon-button--disabled),.icon-button--outline.icon-button--primary.icon-button--focused:not(.icon-button--disabled),.icon-button--outline.icon-button--primary.icon-button--checked:not(.icon-button--disabled){background-color:var(--cx-color-primary-500);color:var(--cx-color-neutral-0)}.icon-button--outline.icon-button--primary:active:not(.icon-button--disabled){border-color:var(--cx-color-primary-700);background-color:var(--cx-color-primary-700);color:var(--cx-color-neutral-0)}.icon-button--outline.icon-button--success{border-color:var(--cx-color-success);color:var(--cx-color-success)}.icon-button--outline.icon-button--success:hover:not(.icon-button--disabled),.icon-button--outline.icon-button--success.icon-button--focused:not(.icon-button--disabled),.icon-button--outline.icon-button--success.icon-button--checked:not(.icon-button--disabled){background-color:var(--cx-color-success-500);color:var(--cx-color-neutral-0)}.icon-button--outline.icon-button--success:active:not(.icon-button--disabled){border-color:var(--cx-color-success);background-color:var(--cx-color-success);color:var(--cx-color-neutral-0)}.icon-button--outline.icon-button--warning{border-color:var(--cx-color-warning);color:var(--cx-color-warning)}.icon-button--outline.icon-button--warning:hover:not(.icon-button--disabled),.icon-button--outline.icon-button--warning.icon-button--focused:not(.icon-button--disabled),.icon-button--outline.icon-button--warning.icon-button--checked:not(.icon-button--disabled){background-color:var(--cx-color-warning-500);color:var(--cx-color-neutral-0)}.icon-button--outline.icon-button--warning:active:not(.icon-button--disabled){border-color:var(--cx-color-warning-700);background-color:var(--cx-color-warning-700);color:var(--cx-color-neutral-0)}.icon-button--outline.icon-button--danger{border-color:var(--cx-color-danger);color:var(--cx-color-danger)}.icon-button--outline.icon-button--danger:hover:not(.icon-button--disabled),.icon-button--outline.icon-button--danger.icon-button--focused:not(.icon-button--disabled),.icon-button--outline.icon-button--danger.icon-button--checked:not(.icon-button--disabled){background-color:var(--cx-color-danger-500);color:var(--cx-color-neutral-0)}.icon-button--outline.icon-button--danger:active:not(.icon-button--disabled){border-color:var(--cx-color-danger-700);background-color:var(--cx-color-danger-700);color:var(--cx-color-neutral-0)}.icon-button--tertiary{color:var(--cx-color-neutral);background-color:#0000;border-color:#0000}.icon-button--tertiary:hover:not(.icon-button--disabled),.icon-button--tertiary.icon-button--focused:not(.icon-button--disabled){background-color:var(--cx-color-neutral-100);color:var(--cx-color-neutral);border-color:#0000}.icon-button--tertiary:focus-visible:not(.icon-button--disabled){background-color:var(--cx-color-neutral-200);color:var(--cx-color-neutral);border-color:#0000}.icon-button--tertiary:active:not(.icon-button--disabled){background-color:var(--cx-color-neutral-300);color:var(--cx-color-neutral);border-color:#0000}.icon-button--circle{border-radius:var(--cx-border-radius-circle)}:host([data-cx-button-group__button--first]:not([data-cx-button-group__button--last])) .icon-button{border-start-end-radius:0;border-end-end-radius:0}:host([data-cx-button-group__button--inner]) .icon-button{border-radius:0}:host([data-cx-button-group__button--last]:not([data-cx-button-group__button--first])) .icon-button{border-start-start-radius:0;border-end-start-radius:0}:host([data-cx-button-group__button]:not([data-cx-button-group__button--first])){margin-inline-start:calc(-1 * var(--cx-input-border-width))}:host([data-cx-button-group__button]:not([data-cx-button-group__button--first],[data-cx-button-group__button--radio],[variant=default]):not(:hover)) .icon-button:after{content:"";top:0;inset-inline-start:0;border-left:solid 1px var(--group-divider-color);mix-blend-mode:multiply;position:absolute;bottom:0}:host([data-cx-button-group__button--hover]){z-index:1}:host([data-cx-button-group__button--focus]),:host([data-cx-button-group__button][checked]){z-index:2}.icon-button ::slotted(cx-badge){pointer-events:none;translate:50% -50%;top:0!important;left:unset!important;position:absolute!important;right:0!important}.icon-button--rtl ::slotted(cx-badge){left:0;right:auto;translate:-50% -50%}.icon-button__icon-container{justify-content:center;align-items:center;width:100%;height:100%;line-height:1;display:flex;position:relative}.icon-button--loading{cursor:wait;position:relative}.icon-button--loading cx-spinner{--indicator-color:currentColor;width:1em;height:1em;font-size:1em;position:absolute;top:calc(50% - .5em);left:calc(50% - .5em)}`;
|
|
16
|
-
var C = Object.defineProperty, V = Object.getOwnPropertyDescriptor, n = (o, i,
|
|
17
|
-
for (var e =
|
|
18
|
-
(b = o[u]) && (e = (
|
|
19
|
-
return
|
|
16
|
+
var C = Object.defineProperty, V = Object.getOwnPropertyDescriptor, n = (o, i, a, l) => {
|
|
17
|
+
for (var e = l > 1 ? void 0 : l ? V(i, a) : i, u = o.length - 1, b; u >= 0; u--)
|
|
18
|
+
(b = o[u]) && (e = (l ? b(i, a, e) : b(e)) || e);
|
|
19
|
+
return l && e && C(i, a, e), e;
|
|
20
20
|
};
|
|
21
|
-
let t = class extends
|
|
21
|
+
let t = class extends p {
|
|
22
22
|
constructor() {
|
|
23
23
|
super(...arguments), this.localize = new m(this), this.hasFocus = !1, this.variant = "outlined", this.buttonVariant = "text", this.label = "", this.disabled = !1, this.loading = !1, this.iconClass = "", this.size = x.Medium, this.outline = !1, this.circle = !1;
|
|
24
24
|
}
|
|
@@ -57,7 +57,7 @@ let t = class extends g {
|
|
|
57
57
|
this.button.blur();
|
|
58
58
|
}
|
|
59
59
|
render() {
|
|
60
|
-
const o = !!this.href, i = o ? d`a` : d`button
|
|
60
|
+
const o = !!this.href, i = o ? d`a` : d`button`, a = this.tabIndexValue !== void 0 ? this.tabIndexValue : this.disabled || this.loading ? "-1" : "0";
|
|
61
61
|
return s`<${i} part="base" class=${y({
|
|
62
62
|
"icon-button": !0,
|
|
63
63
|
"icon-button--circle": this.circle,
|
|
@@ -80,14 +80,14 @@ let t = class extends g {
|
|
|
80
80
|
"icon-button--x-large": this.size === "x-large"
|
|
81
81
|
})} ?disabled=${c(o ? void 0 : this.disabled)} type=${c(o ? void 0 : "button")} href=${c(o ? this.href : void 0)} target=${c(o ? this.target : void 0)} download=${c(o ? this.download : void 0)} rel=${c(
|
|
82
82
|
o && this.target ? "noreferrer noopener" : void 0
|
|
83
|
-
)} role=${c(o ? void 0 : "button")} aria-disabled=${this.disabled || this.loading ? "true" : "false"} aria-label=${this.label} tabindex=${
|
|
83
|
+
)} role=${c(o ? void 0 : "button")} aria-disabled=${this.disabled || this.loading ? "true" : "false"} aria-pressed=${c(this.pressed)} aria-label=${this.label} tabindex=${a} aria-busy=${this.loading ? "true" : "false"} @blur=${this.handleBlur} @focus=${this.handleFocus} @click=${this.handleClick}><div class="icon-button__icon-container">${k(
|
|
84
84
|
this.loading,
|
|
85
85
|
() => s`<cx-spinner part="spinner" role="status" aria-live="polite"></cx-spinner>`,
|
|
86
86
|
() => s`<cx-icon class="icon-button__icon" icon-class=${c(this.iconClass)} name=${c(this.name)} variant=${this.variant} src=${c(this.src)} aria-hidden="true" part="icon"></cx-icon>`
|
|
87
87
|
)}<slot name="badge"></slot></div></${i}>`;
|
|
88
88
|
}
|
|
89
89
|
};
|
|
90
|
-
t.styles = [
|
|
90
|
+
t.styles = [g, z];
|
|
91
91
|
t.dependencies = { "cx-icon": _, "cx-spinner": w };
|
|
92
92
|
n([
|
|
93
93
|
v(".icon-button")
|
|
@@ -140,6 +140,12 @@ n([
|
|
|
140
140
|
n([
|
|
141
141
|
r({ reflect: !0, type: Boolean })
|
|
142
142
|
], t.prototype, "circle", 2);
|
|
143
|
+
n([
|
|
144
|
+
r({ type: Boolean })
|
|
145
|
+
], t.prototype, "pressed", 2);
|
|
146
|
+
n([
|
|
147
|
+
r({ attribute: "tab-index", type: Number })
|
|
148
|
+
], t.prototype, "tabIndexValue", 2);
|
|
143
149
|
t = n([
|
|
144
150
|
h("cx-icon-button")
|
|
145
151
|
], t);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { C as jn, I as Yn } from "./icon-button.
|
|
1
|
+
import { C as jn, I as Yn } from "./icon-button.BHC52xvk.js";
|
|
2
2
|
import { C as Un, n as me } from "./lib-cortex-element.CVMmyPMC.js";
|
|
3
3
|
import { c as Gn } from "./custom-element.L4WJXn1j.js";
|
|
4
4
|
import { L as Hn } from "./i18n.DbXTTLXx.js";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import b from "../components/space.js";
|
|
2
2
|
import { n as o, C as _ } from "./lib-cortex-element.CVMmyPMC.js";
|
|
3
|
-
import { C as P, I as y } from "./icon-button.
|
|
3
|
+
import { C as P, I as y } from "./icon-button.BHC52xvk.js";
|
|
4
4
|
import { c as f } from "./custom-element.L4WJXn1j.js";
|
|
5
5
|
import { L as z } from "./i18n.DbXTTLXx.js";
|
|
6
6
|
import { c as m } from "./math.DuKzLacZ.js";
|
|
@@ -19,7 +19,7 @@ import { o as Ve } from "./style-map.llVFPd__.js";
|
|
|
19
19
|
import { n as Pe } from "./when.Dr1es41R.js";
|
|
20
20
|
import { C as Yn } from "./button.BnkkUqiI.js";
|
|
21
21
|
import Xn from "../components/dropdown.js";
|
|
22
|
-
import { C as qn } from "./icon-button.
|
|
22
|
+
import { C as qn } from "./icon-button.BHC52xvk.js";
|
|
23
23
|
import Gn from "../components/menu.js";
|
|
24
24
|
import Kn from "../components/menu-item.js";
|
|
25
25
|
import jn from "../components/tab.js";
|
|
@@ -10,7 +10,7 @@ import { r as A } from "../chunks/state.CSDxrqLd.js";
|
|
|
10
10
|
import { e as g } from "../chunks/query.BBf1UFkC.js";
|
|
11
11
|
import { e as v } from "../chunks/class-map.BiVq-cVR.js";
|
|
12
12
|
import { s as _, g as f } from "../chunks/animation-registry.HmpwNuGH.js";
|
|
13
|
-
import { C as H } from "../chunks/icon-button.
|
|
13
|
+
import { C as H } from "../chunks/icon-button.BHC52xvk.js";
|
|
14
14
|
const k = I`:host{margin:0;display:contents}.alert{background-color:var(--cx-panel-background-color);border:solid var(--cx-panel-border-width) var(--cx-panel-border-color);border-top-width:calc(var(--cx-panel-border-width) * 3);border-radius:var(--cx-border-radius-small);font-family:var(--cx-font-sans);font-size:var(--cx-font-size-small);font-weight:var(--cx-font-weight-regular);color:var(--cx-color-neutral-700);margin:inherit;align-items:stretch;line-height:1.6;display:flex;position:relative;overflow:hidden}.alert:not(.alert--has-icon) .alert__icon,.alert:not(.alert--closable) .alert__close-button{display:none}.alert__icon{font-size:var(--cx-font-size-large);flex:none;align-items:center;padding-inline-start:var(--cx-spacing-large);display:flex}.alert--has-countdown{border-bottom:none}.alert--primary{border-top-color:var(--cx-color-primary)}.alert--primary .alert__icon{color:var(--cx-color-primary)}.alert--success{border-top-color:var(--cx-color-success)}.alert--success .alert__icon{color:var(--cx-color-success)}.alert--neutral{border-top-color:var(--cx-color-neutral)}.alert--neutral .alert__icon{color:var(--cx-color-neutral)}.alert--warning{border-top-color:var(--cx-color-warning)}.alert--warning .alert__icon{color:var(--cx-color-warning)}.alert--danger{border-top-color:var(--cx-color-danger)}.alert--danger .alert__icon{color:var(--cx-color-danger)}.alert__message{padding:var(--cx-spacing-large);flex:auto;display:block;overflow:hidden}.alert__close-button{font-size:var(--cx-font-size-medium);flex:none;align-items:center;padding-inline-end:var(--cx-spacing-medium);display:flex}.alert__countdown{width:100%;height:calc(var(--cx-panel-border-width) * 3);background-color:var(--cx-panel-border-color);display:flex;position:absolute;bottom:0;left:0}.alert__countdown--ltr{justify-content:flex-end}.alert__countdown .alert__countdown-elapsed{width:0;height:100%}.alert--primary .alert__countdown-elapsed{background-color:var(--cx-color-primary)}.alert--success .alert__countdown-elapsed{background-color:var(--cx-color-success)}.alert--neutral .alert__countdown-elapsed{background-color:var(--cx-color-neutral-600)}.alert--warning .alert__countdown-elapsed{background-color:var(--cx-color-warning)}.alert--danger .alert__countdown-elapsed{background-color:var(--cx-color-danger)}.alert__timer{display:none}`;
|
|
15
15
|
var z = Object.defineProperty, $ = Object.getOwnPropertyDescriptor, t = (r, o, n, l) => {
|
|
16
16
|
for (var a = l > 1 ? void 0 : l ? $(o, n) : o, c = r.length - 1, d; c >= 0; c--)
|
|
@@ -3,7 +3,7 @@ import "../chunks/button.BnkkUqiI.js";
|
|
|
3
3
|
import "./space.js";
|
|
4
4
|
import "../chunks/typography.IqHbnd3C.js";
|
|
5
5
|
import "../chunks/lib-cortex-element.CVMmyPMC.js";
|
|
6
|
-
import { C as h } from "../chunks/asset-link-format.
|
|
6
|
+
import { C as h } from "../chunks/asset-link-format.Ds5nq4mo.js";
|
|
7
7
|
import "../chunks/component.styles.CRO4Odto.js";
|
|
8
8
|
import "../chunks/asset-link-format.ClaYu_v8.js";
|
|
9
9
|
import "../chunks/position-picker.DjnhxIKF.js";
|
|
@@ -18,9 +18,9 @@ import { default as q } from "./copy-button.js";
|
|
|
18
18
|
import { default as K } from "./date-calendar.js";
|
|
19
19
|
import { default as W } from "./details.js";
|
|
20
20
|
import { default as Y } from "./diff.js";
|
|
21
|
-
import { C as _ } from "../chunks/dialog.
|
|
21
|
+
import { C as _ } from "../chunks/dialog.CzSaiGBF.js";
|
|
22
22
|
import { default as oe } from "./divider.js";
|
|
23
|
-
import { C as ae } from "../chunks/document-viewer.
|
|
23
|
+
import { C as ae } from "../chunks/document-viewer.B1EEIvUY.js";
|
|
24
24
|
import { C as xe } from "../chunks/dot-pagination.BqGFeFXK.js";
|
|
25
25
|
import { default as me } from "./dot-status.js";
|
|
26
26
|
import { default as pe } from "./drawer.js";
|
|
@@ -37,7 +37,7 @@ import { C as Pe } from "../chunks/header.CWlWNree.js";
|
|
|
37
37
|
import { C as Me } from "../chunks/hub-connection.BtevPWYb.js";
|
|
38
38
|
import { f } from "../chunks/icon.CpHbi8tH.js";
|
|
39
39
|
import { C as Fe } from "../chunks/icon.CpHbi8tH.js";
|
|
40
|
-
import { C as Oe } from "../chunks/icon-button.
|
|
40
|
+
import { C as Oe } from "../chunks/icon-button.BHC52xvk.js";
|
|
41
41
|
import { C as Ee } from "../chunks/iframe.-GCTFas1.js";
|
|
42
42
|
import { C as Le } from "../chunks/image.CTMzUqCC.js";
|
|
43
43
|
import { default as je } from "./image-comparer.js";
|
|
@@ -45,14 +45,14 @@ import { default as Qe } from "./include.js";
|
|
|
45
45
|
import { C as qe } from "../chunks/input.33UmFGqR.js";
|
|
46
46
|
import { default as Ke } from "./input-group.js";
|
|
47
47
|
import { default as We } from "./line-clamp.js";
|
|
48
|
-
import { C as Ye } from "../chunks/markdown.
|
|
48
|
+
import { C as Ye } from "../chunks/markdown.Dga4_SbU.js";
|
|
49
49
|
import { default as _e } from "./menu.js";
|
|
50
50
|
import { default as oo } from "./menu-item.js";
|
|
51
51
|
import { default as ao } from "./menu-label.js";
|
|
52
52
|
import { default as xo } from "./menu-section.js";
|
|
53
53
|
import { default as mo } from "./mutation-observer.js";
|
|
54
54
|
import { C as po } from "../chunks/option.B6odSlS2.js";
|
|
55
|
-
import { C as uo } from "../chunks/pagination.
|
|
55
|
+
import { C as uo } from "../chunks/pagination.D50ned8_.js";
|
|
56
56
|
import { default as no } from "./popup.js";
|
|
57
57
|
import { default as co } from "./progress-bar.js";
|
|
58
58
|
import { default as bo } from "./progress-ring.js";
|
|
@@ -74,7 +74,7 @@ import { default as Uo } from "./step.js";
|
|
|
74
74
|
import { default as Xo } from "./stepper.js";
|
|
75
75
|
import { default as Zo } from "./switch.js";
|
|
76
76
|
import { default as et } from "./tab.js";
|
|
77
|
-
import { C as tt } from "../chunks/tab-group.
|
|
77
|
+
import { C as tt } from "../chunks/tab-group.DE0RsMX4.js";
|
|
78
78
|
import { default as rt } from "./tab-panel.js";
|
|
79
79
|
import { default as ft } from "./tag.js";
|
|
80
80
|
import { default as st } from "./textarea.js";
|
|
@@ -11,7 +11,7 @@ import { r } from "../chunks/state.CSDxrqLd.js";
|
|
|
11
11
|
import { e as k } from "../chunks/query.BBf1UFkC.js";
|
|
12
12
|
import { e as W } from "../chunks/class-map.BiVq-cVR.js";
|
|
13
13
|
import { n as d } from "../chunks/when.Dr1es41R.js";
|
|
14
|
-
import { C as z } from "../chunks/icon-button.
|
|
14
|
+
import { C as z } from "../chunks/icon-button.BHC52xvk.js";
|
|
15
15
|
import { C as T } from "../chunks/typography.IqHbnd3C.js";
|
|
16
16
|
const C = E`audio{display:none}:host{background-color:var(--background-color,var(--cx-color-neutral-0));border-radius:var(--border-radius,0px);border:var(--border,0px);box-sizing:border-box;color:var(--text-color,var(--cx-color-neutral));height:var(--height,auto);width:var(--width,100%);border-style:solid;display:block;position:relative}.audio{border-radius:inherit;gap:var(--cx-spacing-x-small,4px);height:100%;padding:var(--cx-spacing-small,8px);flex-direction:column;justify-content:center;display:flex;overflow:hidden}.audio--empty{height:var(--height,200px);min-height:var(--min-height,100%);padding:0}.audio--empty:before{background-color:var(--cx-color-neutral-1000);color:var(--cx-color-neutral-0);content:attr(data-empty-label);font-family:var(--cx-font-sans);font-size:clamp(var(--cx-font-size-x-small), 4cqw, var(--cx-font-size-large));font-weight:var(--cx-font-weight-semibold);text-align:center;height:100%;text-shadow:.05em .05em .1em var(--cx-color-neutral-1000);justify-content:center;align-items:center;width:100%;line-height:1;display:flex}.audio__play-button{--cx-input-border-width:2px;--cx-input-border-color:var(--text-color,var(--cx-color-neutral))}.audio__play-button::part(base){width:50px;height:50px;color:var(--text-color,var(--cx-color-neutral))!important}.audio__player{align-items:center;gap:var(--cx-spacing-small,8px);height:148px;display:flex}.audio__waveform{flex:1;min-width:0;overflow:hidden}.audio__waveform-svg{cursor:pointer;flex:1;width:100%;min-width:0;height:100%;display:block;overflow:hidden}.audio__waveform-wave{fill:var(--waves-color,var(--cx-color-primary))}.audio__waveform-played{fill:var(--played-color,color-mix(in srgb, var(--waves-color,var(--cx-color-primary)) 50%, black))}.audio__waveform-playhead{fill:var(--playhead-color,var(--cx-color-neutral-0));opacity:.9}.audio__footer{font-size:var(--cx-font-size-x-small,11px);color:var(--text-color,var(--cx-color-neutral));flex-direction:column;gap:0;padding-left:2px;display:flex}.audio__time{color:var(--text-color,var(--cx-color-neutral));font-variant-numeric:tabular-nums}.audio__filename{opacity:.75;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}`;
|
|
17
17
|
var I = Object.defineProperty, D = Object.getOwnPropertyDescriptor, e = (t, o, a, s) => {
|
|
@@ -3,7 +3,7 @@ import "../chunks/typography.IqHbnd3C.js";
|
|
|
3
3
|
import "../chunks/lib-cortex-element.CVMmyPMC.js";
|
|
4
4
|
import "../chunks/color-swatch.D6Gg5bpz.js";
|
|
5
5
|
import "../chunks/component.styles.CRO4Odto.js";
|
|
6
|
-
import { C as v } from "../chunks/color-swatch-group.
|
|
6
|
+
import { C as v } from "../chunks/color-swatch-group.d5e1sYos.js";
|
|
7
7
|
import "../chunks/transformation.8uLv6uwG.js";
|
|
8
8
|
import "../chunks/custom-element.L4WJXn1j.js";
|
|
9
9
|
import "../chunks/debounce.DaHuiSGU.js";
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import "../chunks/button.BnkkUqiI.js";
|
|
2
|
-
import "../chunks/dialog.
|
|
2
|
+
import "../chunks/dialog.CzSaiGBF.js";
|
|
3
3
|
import "./dropdown.js";
|
|
4
4
|
import "../chunks/typography.IqHbnd3C.js";
|
|
5
5
|
import "../chunks/lib-cortex-element.CVMmyPMC.js";
|
|
6
6
|
import "../chunks/component.styles.CRO4Odto.js";
|
|
7
|
-
import { C as x } from "../chunks/confirm-popover.
|
|
7
|
+
import { C as x } from "../chunks/confirm-popover.tftDINBg.js";
|
|
8
8
|
import "../chunks/custom-element.L4WJXn1j.js";
|
|
9
9
|
import "../chunks/i18n.DbXTTLXx.js";
|
|
10
10
|
import "../chunks/lit-element.jLBm65_O.js";
|
|
@@ -8,7 +8,7 @@ import { i as y, x as n } from "../chunks/lit-element.jLBm65_O.js";
|
|
|
8
8
|
import { r as h } from "../chunks/state.CSDxrqLd.js";
|
|
9
9
|
import { e as w } from "../chunks/class-map.BiVq-cVR.js";
|
|
10
10
|
import { c as k } from "../chunks/repeat.CFjcER6_.js";
|
|
11
|
-
import { C as D } from "../chunks/icon-button.
|
|
11
|
+
import { C as D } from "../chunks/icon-button.BHC52xvk.js";
|
|
12
12
|
const M = y`:host{display:inline-block}.calendar{background:var(--cx-color-neutral-0);border:1px solid var(--cx-color-neutral-200);border-radius:var(--cx-border-radius-medium);user-select:none;width:fit-content;overflow:hidden}.calendar__header{padding:var(--cx-spacing-3x-small);background:var(--header-background,var(--cx-color-neutral-100));border-bottom:1px solid var(--cx-color-neutral-200);justify-content:space-between;align-items:center;display:flex}.calendar__title{font-size:var(--cx-font-size-small);font-weight:var(--cx-font-weight-semibold);color:var(--cx-color-neutral-900)}.calendar__weekdays{grid-template-columns:repeat(7, var(--cell-size,30px));border-bottom:1px solid var(--cx-color-neutral-200);display:grid}.calendar__weekday{text-align:center;font-size:var(--cx-font-size-2x-small);font-weight:var(--cx-font-weight-regular);color:var(--cx-color-neutral-500);padding-block:var(--cx-spacing-2x-small)}.calendar__grid{grid-template-columns:repeat(7, var(--cell-size,30px));border-top:1px solid var(--cx-color-neutral-200);border-left:1px solid var(--cx-color-neutral-200);display:grid}.calendar__cell{height:var(--cell-size,30px);border:none;border-right:1px solid var(--cx-color-neutral-200);border-bottom:1px solid var(--cx-color-neutral-200);border-radius:var(--cell-border-radius,0);color:var(--cx-color-neutral-900);font-size:var(--cx-font-size-x-small);cursor:pointer;transition:background var(--cx-transition-x-fast) ease;background:0 0;justify-content:center;align-items:center;padding:0;display:flex}.calendar__cell:hover:not(.calendar__cell--selected){background:var(--cell-hover-background,var(--cx-color-primary-50))}.calendar__cell--disabled{background:var(--cx-color-neutral-50);color:var(--cx-color-neutral-300);cursor:not-allowed}.calendar__cell--disabled:hover{background:var(--cx-color-neutral-50)}.calendar__cell--outside{background:var(--cx-color-neutral-100);color:var(--cx-color-neutral-400)}.calendar__cell--today:not(.calendar__cell--selected){background:var(--cell-today-background,var(--cx-color-primary-200))}.calendar__cell--selected{background:var(--cell-selected-background,var(--cx-color-neutral-300));color:var(--cell-selected-color,var(--cx-color-neutral-0));font-weight:var(--cx-font-weight-bold)}.calendar__cell--selected:hover{background:var(--cell-selected-background,var(--cx-color-neutral-300));opacity:.85}`;
|
|
13
13
|
var $ = Object.defineProperty, C = Object.getOwnPropertyDescriptor, c = (e, a, o, r) => {
|
|
14
14
|
for (var l = r > 1 ? void 0 : r ? C(a, o) : a, i = e.length - 1, s; i >= 0; i--)
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import "../chunks/lib-cortex-element.CVMmyPMC.js";
|
|
2
2
|
import "../chunks/component.styles.CRO4Odto.js";
|
|
3
|
-
import { C as q } from "../chunks/dialog.
|
|
3
|
+
import { C as q } from "../chunks/dialog.CzSaiGBF.js";
|
|
4
4
|
import "../chunks/event.BeKOsirN.js";
|
|
5
5
|
import "../chunks/custom-element.L4WJXn1j.js";
|
|
6
6
|
import "../chunks/i18n.DbXTTLXx.js";
|
|
@@ -17,7 +17,7 @@ import "../chunks/style-map.llVFPd__.js";
|
|
|
17
17
|
import "../chunks/when.Dr1es41R.js";
|
|
18
18
|
import "../chunks/animation-registry.HmpwNuGH.js";
|
|
19
19
|
import "./divider.js";
|
|
20
|
-
import "../chunks/icon-button.
|
|
20
|
+
import "../chunks/icon-button.BHC52xvk.js";
|
|
21
21
|
import "./popup.js";
|
|
22
22
|
export {
|
|
23
23
|
q as default
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import "../chunks/resizable-component.styles.CAfXABBc.js";
|
|
2
|
-
import { C as b } from "../chunks/document-viewer.
|
|
2
|
+
import { C as b } from "../chunks/document-viewer.B1EEIvUY.js";
|
|
3
3
|
import "../chunks/component.styles.CRO4Odto.js";
|
|
4
4
|
import "../chunks/index.Cpamj0jB.js";
|
|
5
5
|
import "../chunks/custom-element.L4WJXn1j.js";
|
|
@@ -15,7 +15,7 @@ import { o as _ } from "../chunks/if-defined.BRoBj_Rp.js";
|
|
|
15
15
|
import { n as b } from "../chunks/when.Dr1es41R.js";
|
|
16
16
|
import { c as x } from "../chunks/capitalize.CIBKBL10.js";
|
|
17
17
|
import { s as o, g as c } from "../chunks/animation-registry.HmpwNuGH.js";
|
|
18
|
-
import { C as A } from "../chunks/icon-button.
|
|
18
|
+
import { C as A } from "../chunks/icon-button.BHC52xvk.js";
|
|
19
19
|
const q = B`:host{--size:25rem;--header-spacing:var(--cx-spacing-large);--body-spacing:var(--cx-spacing-large);--footer-spacing:var(--cx-spacing-large);--font-family:var(--cx-font-sans);display:contents}.drawer{top:0;pointer-events:none;width:0;height:0;inset-inline-start:0;overflow:hidden}.drawer--open{width:100%;height:100%}.drawer--persistent.drawer--open{width:var(--size);min-width:var(--size)}.drawer--contained{z-index:initial;position:absolute}.drawer--persistent{position:relative}.drawer--fixed{z-index:var(--cx-z-index-drawer);position:fixed}.drawer__panel{z-index:2;background-color:var(--cx-panel-background-color);max-width:100%;max-height:100%;box-shadow:var(--cx-shadow-large);pointer-events:all;flex-direction:column;display:flex;position:absolute;overflow:auto}.drawer__panel:focus{outline:none}.drawer--top .drawer__panel{top:0;inset-inline-end:auto;bottom:auto;width:100%;height:var(--size);inset-inline-start:0}.drawer--end .drawer__panel{top:0;inset-inline-end:0;bottom:auto;width:var(--size);height:100%;inset-inline-start:auto}.drawer--bottom .drawer__panel{top:auto;inset-inline-end:auto;bottom:0;width:100%;height:var(--size);inset-inline-start:0}.drawer--start .drawer__panel{top:0;inset-inline-end:auto;bottom:auto;width:var(--size);height:100%;inset-inline-start:0}.drawer__header{gap:var(--cx-spacing-small);padding:var(--header-spacing);border-bottom:solid 1px var(--cx-input-border-color);font-family:var(--font-family);display:flex}.drawer__header__content{flex:auto}.drawer__title{font:inherit;font-size:var(--cx-font-size-large);font-weight:var(--cx-font-weight-semibold);line-height:var(--cx-line-height-medium);align-items:center;margin:0;display:flex}.drawer__header-actions{justify-content:end;gap:var(--cx-spacing-2x-small);flex-wrap:wrap;flex-shrink:0;display:flex}.drawer__header-actions cx-icon-button,.drawer__header-actions ::slotted(cx-icon-button){font-size:var(--cx-font-size-medium);flex:none;align-items:center;display:flex}.drawer__description{font-family:var(--font-family);font-size:var(--cx-font-size-small);color:var(--cx-color-neutral-700)}.drawer__description ::slotted(*){margin:0}.drawer__body{padding:var(--body-spacing);-webkit-overflow-scrolling:touch;font-family:var(--font-family);flex:auto;display:block;overflow:auto}.drawer__footer{text-align:right;padding:var(--footer-spacing);font-family:var(--font-family)}.drawer__footer ::slotted(cx-button:not(:last-of-type)){margin-inline-end:var(--cx-spacing-x-small)}.drawer:not(.drawer--has-footer) .drawer__footer{display:none}.drawer__overlay{background-color:var(--cx-overlay-background-color);pointer-events:all;display:block;position:fixed;inset:0}.drawer--contained .drawer__overlay{opacity:0;position:absolute}.drawer--contained.drawer--ignore-parent-width.drawer--open{width:0;overflow:visible}.drawer--ignore-parent-width .drawer__panel{max-width:none}.drawer__overlay--disabled{display:none}@media (forced-colors:active){.drawer__panel{border:solid 1px var(--cx-color-neutral-0)}}`;
|
|
20
20
|
var E = Object.defineProperty, L = Object.getOwnPropertyDescriptor, r = (e, a, i, l) => {
|
|
21
21
|
for (var n = l > 1 ? void 0 : l ? L(a, i) : a, f = e.length - 1, m; f >= 0; f--)
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { C as g } from "../chunks/button.BnkkUqiI.js";
|
|
2
|
-
import { C as O } from "../chunks/icon-button.
|
|
2
|
+
import { C as O } from "../chunks/icon-button.BHC52xvk.js";
|
|
3
3
|
import { C as h, a as C } from "../chunks/option.B6odSlS2.js";
|
|
4
4
|
import $ from "./select.js";
|
|
5
5
|
import { n as s, C as v } from "../chunks/lib-cortex-element.CVMmyPMC.js";
|
|
@@ -17,21 +17,21 @@ import { b as At } from "../chunks/_baseEach.DQk0As2f.js";
|
|
|
17
17
|
import { b as Dt } from "../chunks/_baseIteratee.sC2wLi2m.js";
|
|
18
18
|
import Tt from "./avatar.js";
|
|
19
19
|
import { C as zt } from "../chunks/button.BnkkUqiI.js";
|
|
20
|
-
import { C as Pt } from "../chunks/dialog.
|
|
20
|
+
import { C as Pt } from "../chunks/dialog.CzSaiGBF.js";
|
|
21
21
|
import Et from "./divider.js";
|
|
22
22
|
import nt from "./format-bytes.js";
|
|
23
|
-
import { C as vt } from "../chunks/icon-button.
|
|
23
|
+
import { C as vt } from "../chunks/icon-button.BHC52xvk.js";
|
|
24
24
|
import { C as Lt } from "../chunks/input.33UmFGqR.js";
|
|
25
25
|
import { C as Ut } from "../chunks/option.B6odSlS2.js";
|
|
26
26
|
import yt from "./relative-time.js";
|
|
27
27
|
import Ft from "./select.js";
|
|
28
28
|
import Rt from "./space.js";
|
|
29
29
|
import kt from "./tab.js";
|
|
30
|
-
import { C as Ot } from "../chunks/tab-group.
|
|
30
|
+
import { C as Ot } from "../chunks/tab-group.DE0RsMX4.js";
|
|
31
31
|
import Nt from "./tab-panel.js";
|
|
32
32
|
import bt from "./tooltip.js";
|
|
33
33
|
import { C as rt } from "../chunks/typography.IqHbnd3C.js";
|
|
34
|
-
import { C as jt } from "../chunks/confirm-popover.
|
|
34
|
+
import { C as jt } from "../chunks/confirm-popover.tftDINBg.js";
|
|
35
35
|
import { d as Bt } from "../chunks/debounce.DaHuiSGU.js";
|
|
36
36
|
import { c as Z } from "../chunks/number.Cx2ncfJJ.js";
|
|
37
37
|
import { i as X, b as pt } from "../chunks/url.CGdWC06g.js";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import "../chunks/lib-cortex-element.CVMmyPMC.js";
|
|
2
2
|
import "../chunks/component.styles.CRO4Odto.js";
|
|
3
|
-
import { C } from "../chunks/icon-button.
|
|
3
|
+
import { C } from "../chunks/icon-button.BHC52xvk.js";
|
|
4
4
|
import "../chunks/custom-element.L4WJXn1j.js";
|
|
5
5
|
import "../chunks/i18n.DbXTTLXx.js";
|
|
6
6
|
import "../chunks/state.CSDxrqLd.js";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import "../chunks/icon-button.
|
|
2
|
-
import { C as s } from "../chunks/markdown.
|
|
1
|
+
import "../chunks/icon-button.BHC52xvk.js";
|
|
2
|
+
import { C as s } from "../chunks/markdown.Dga4_SbU.js";
|
|
3
3
|
import "../chunks/custom-element.L4WJXn1j.js";
|
|
4
4
|
import "../chunks/i18n.DbXTTLXx.js";
|
|
5
5
|
import "../chunks/watch.DJF5K-8U.js";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import _ from "./grid.js";
|
|
2
2
|
import f from "./grid-item.js";
|
|
3
|
-
import { C as v } from "../chunks/icon-button.
|
|
3
|
+
import { C as v } from "../chunks/icon-button.BHC52xvk.js";
|
|
4
4
|
import { C as $ } from "../chunks/image.CTMzUqCC.js";
|
|
5
5
|
import S from "./space.js";
|
|
6
6
|
import C from "./tooltip.js";
|
|
@@ -2,9 +2,9 @@ import { n as r, C as w } from "../chunks/lib-cortex-element.CVMmyPMC.js";
|
|
|
2
2
|
import { c as _ } from "../chunks/component.styles.CRO4Odto.js";
|
|
3
3
|
import { c as L } from "../chunks/custom-element.L4WJXn1j.js";
|
|
4
4
|
import { d as g, L as M } from "../chunks/i18n.DbXTTLXx.js";
|
|
5
|
-
import { H as z, g as
|
|
5
|
+
import { H as z, g as E } from "../chunks/slot.j5oheLJC.js";
|
|
6
6
|
import { w as p } from "../chunks/watch.DJF5K-8U.js";
|
|
7
|
-
import { i as
|
|
7
|
+
import { i as P, x as h, E as y } from "../chunks/lit-element.jLBm65_O.js";
|
|
8
8
|
import { e as b } from "../chunks/query.BBf1UFkC.js";
|
|
9
9
|
import { e as v } from "../chunks/class-map.BiVq-cVR.js";
|
|
10
10
|
import { o as m } from "../chunks/if-defined.BRoBj_Rp.js";
|
|
@@ -14,7 +14,7 @@ import $ from "./spinner.js";
|
|
|
14
14
|
import { f as k } from "../chunks/focus-when-visible.jWSw9ks0.js";
|
|
15
15
|
import { e as D, n as O } from "../chunks/ref.DktKp7fP.js";
|
|
16
16
|
var d = /* @__PURE__ */ ((o) => (o.Prefix = "prefix", o.Suffix = "suffix", o))(d || {});
|
|
17
|
-
const I =
|
|
17
|
+
const I = P`:host{--submenu-offset:0px;--prefix-font-size:var(--cx-font-size-small);--prefix-color:var(--cx-color-neutral-500);--label-color:var(--cx-color-neutral);--suffix-color:var(--cx-color-neutral);--font-weight:var(--cx-font-weight-regular);display:block}:host([inert]){display:none}.menu-item{font-family:var(--cx-font-sans);font-size:var(--cx-font-size-small);font-weight:var(--font-weight,var(--cx-font-weight-regular));line-height:var(--cx-line-height-large);letter-spacing:var(--cx-letter-spacing-normal);color:var(--cx-color-neutral);padding:var(--cx-spacing-x-small) var(--cx-spacing-small);transition:var(--cx-transition-fast) fill;background-color:var(--cx-menu-item-background-color,unset);-webkit-user-select:none;user-select:none;white-space:nowrap;cursor:pointer;align-items:stretch;text-decoration:none;display:flex;position:relative}.menu-item.menu-item--disabled{cursor:default;outline:none}.menu-item.menu-item--disabled .menu-item__label,.menu-item.menu-item--disabled .menu-item__prefix,.menu-item.menu-item--disabled .menu-item__chevron,.menu-item.menu-item--disabled .menu-item__check{opacity:.5}.menu-item.menu-item--disabled .menu-item__suffix:not(:slotted(cx-tooltip)){opacity:.5}.menu-item.menu-item--loading{cursor:wait;outline:none}.menu-item.menu-item--loading :not(cx-spinner){opacity:.5}.menu-item--loading cx-spinner{--indicator-color:currentColor;--track-width:1px;opacity:1;font-size:.75em;position:absolute;top:calc(50% - .5em);left:.65rem}.menu-item .menu-item__label{color:var(--label-color,var(--cx-color-neutral));text-overflow:ellipsis;flex:auto;margin:auto;display:inline-block;overflow:hidden}.menu-item--checked .menu-item__label{color:var(--cx-color-primary)}.menu-item .menu-item__prefix{color:var(--prefix-color,var(--cx-color-neutral-500));font-size:var(--prefix-font-size,var(--cx-font-size-small));flex:none;align-items:center;display:flex}.menu-item--checked{--prefix-color:var(--cx-color-primary);--suffix-color:var(--cx-color-primary)}.menu-item--checked .menu-item__check{color:var(--checked-icon-color,var(--cx-color-primary))}.menu-item .menu-item__prefix::slotted(*){margin-inline-end:var(--cx-spacing-x-small)}.menu-item .menu-item__suffix{color:var(--suffix-color);flex:none;align-items:center;display:flex}.menu-item .menu-item__suffix::slotted(*){margin-inline-start:var(--cx-spacing-medium)}.menu-item--submenu-expanded:after{content:"";z-index:calc(var(--cx-z-index-dropdown) - 1);clip-path:polygon(var(--safe-triangle-cursor-x,0) var(--safe-triangle-cursor-y,0), var(--safe-triangle-submenu-start-x,0) var(--safe-triangle-submenu-start-y,0), var(--safe-triangle-submenu-end-x,0) var(--safe-triangle-submenu-end-y,0));position:fixed;inset:0}@media (pointer:none),(pointer:coarse){.menu-item--submenu-expanded:after{display:none}}:host(:focus-visible){outline:var(--cx-focus-ring);outline-offset:calc(-1 * var(--cx-focus-ring-width))}:host(:hover:not([aria-disabled=true],:focus-visible,.disable-hover)) .menu-item,.menu-item--submenu-expanded{background-color:var(--cx-menu-item-background-color-hover);color:var(--cx-color-neutral-1000)}:host(:not([aria-disabled=true])) .menu-item--active{background-color:var(--cx-menu-item-background-color-active,var(--cx-menu-item-background-color-hover));color:var(--cx-color-neutral-1000)}:host(:hover:not([aria-disabled=true],:focus-visible,.disable-hover)) .menu-item--active{background-color:var(--cx-menu-item-background-color-active-hover,var(--cx-menu-item-background-color-active,var(--cx-menu-item-background-color-hover)))}:host(:focus-visible) .menu-item{outline:var(--cx-focus-ring);outline-offset:calc(-1 * var(--cx-focus-ring-width));background-color:var(--cx-menu-item-background-color-hover);opacity:1}.menu-item .menu-item__check,.menu-item .menu-item__chevron{width:var(--checked-icon-size,1.5em);visibility:hidden;flex:none;justify-content:center;align-items:center}.menu-item .menu-item__check{display:var(--checked-icon-display,flex);margin-inline-end:var(--cx-spacing-2x-small)}.menu-item .menu-item__check--suffix{margin-inline:auto 0;padding-inline-start:var(--cx-spacing-2x-small)}.menu-item .menu-item__check--always-show{visibility:visible}.menu-item .menu-item__chevron{display:var(--submenu-icon-display,flex)}.menu-item--checked .menu-item__check,.menu-item--has-submenu .menu-item__chevron{visibility:visible}cx-popup::part(popup){border:var(--cx-panel-border-width) solid var(--cx-popup-border-color);border-radius:var(--cx-border-radius-large);box-shadow:var(--cx-shadow-large);z-index:var(--cx-z-index-dropdown);margin-left:var(--submenu-offset,0px);overflow:hidden}.menu-item--rtl cx-popup::part(popup){margin-left:calc(-1 * var(--submenu-offset))}@media (forced-colors:active){:host(:hover:not([aria-disabled=true])) .menu-item,:host(:focus-visible) .menu-item{outline-offset:-1px;outline:1px dashed selecteditem}}::slotted(cx-menu){max-width:var(--auto-size-available-width)!important;max-height:var(--auto-size-available-height)!important}`;
|
|
18
18
|
class A {
|
|
19
19
|
constructor(e, t) {
|
|
20
20
|
this.popupRef = D(), this.parent = null, this.enableSubmenuTimer = -1, this.isHorizontalMenu = !1, this.isConnected = !1, this.isPopupConnected = !1, this.skidding = 0, this.submenuOpenDelay = 100, this.focusVisibilityTimeoutMs = 1e4, this.lazyLoadObserver = null, this.pendingFocusCancel = null, (this.host = e).addController(this), this.hasSlotController = t, this.handleMouseMove = this.handleMouseMove.bind(this), this.handleMouseOver = this.handleMouseOver.bind(this), this.handleKeyDown = this.handleKeyDown.bind(this), this.handleClick = this.handleClick.bind(this), this.handleSubmenuIconClick = this.handleSubmenuIconClick.bind(this), this.handleDocumentMouseDown = this.handleDocumentMouseDown.bind(this), this.handleMouseLeave = this.handleMouseLeave.bind(this), this.handlePopupMouseover = this.handlePopupMouseover.bind(this), this.handlePopupReposition = this.handlePopupReposition.bind(this);
|
|
@@ -33,7 +33,10 @@ class A {
|
|
|
33
33
|
this.removeListeners(), this.parentObserver && this.parentObserver.disconnect(), this.cancelPendingFocus();
|
|
34
34
|
}
|
|
35
35
|
hostUpdated() {
|
|
36
|
-
this.removeListeners(), this.hasSlotController.test("submenu") && !this.host.disabled && (this.addListeners(), this.updateSkidding(), this.syncIsHorizontalMenu());
|
|
36
|
+
this.removeListeners(), this.hasSlotController.test("submenu") && !this.host.disabled && (this.addListeners(), this.updateSkidding(), this.syncIsHorizontalMenu(), this.syncAriaExpanded());
|
|
37
|
+
}
|
|
38
|
+
syncAriaExpanded() {
|
|
39
|
+
this.host.setAttribute("aria-expanded", this.isExpanded() ? "true" : "false");
|
|
37
40
|
}
|
|
38
41
|
addListeners() {
|
|
39
42
|
this.isConnected || (this.host.addEventListener("mousemove", this.handleMouseMove), (this.host.submenuTrigger === "both" || this.host.submenuTrigger === "hover") && (this.host.addEventListener("mouseover", this.handleMouseOver), this.host.addEventListener("mouseleave", this.handleMouseLeave)), (this.host.submenuTrigger === "both" || this.host.submenuTrigger === "click") && (this.host.addEventListener("click", this.handleClick), this.host.submenuIcon?.addEventListener(
|
|
@@ -331,7 +334,7 @@ let i = class extends w {
|
|
|
331
334
|
}
|
|
332
335
|
/** Returns a text label based on the contents of the menu item's default slot. */
|
|
333
336
|
getTextLabel() {
|
|
334
|
-
return
|
|
337
|
+
return E(this.defaultSlot);
|
|
335
338
|
}
|
|
336
339
|
isSubmenu() {
|
|
337
340
|
return this.hasSlotController.test("submenu") || !!this.menu.trim();
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { default as e } from "./bicolor-picker.js";
|
|
2
2
|
import { default as a } from "./border-input-group.js";
|
|
3
3
|
import { C as x } from "../chunks/color-swatch.D6Gg5bpz.js";
|
|
4
|
-
import { C as u } from "../chunks/confirm-popover.
|
|
4
|
+
import { C as u } from "../chunks/confirm-popover.tftDINBg.js";
|
|
5
5
|
import { default as d } from "./corner-position-input-group.js";
|
|
6
6
|
import { default as l } from "./cropper.js";
|
|
7
7
|
import { default as i } from "./dynamic-select.js";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { C as a } from "../chunks/asset-link-format.
|
|
2
|
-
import { C as t } from "../chunks/color-swatch-group.
|
|
1
|
+
import { C as a } from "../chunks/asset-link-format.Ds5nq4mo.js";
|
|
2
|
+
import { C as t } from "../chunks/color-swatch-group.d5e1sYos.js";
|
|
3
3
|
import { default as C } from "./file-on-demand.js";
|
|
4
4
|
export {
|
|
5
5
|
a as CxAssetLinkFormat,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "./space.js";
|
|
2
2
|
import "../chunks/lib-cortex-element.CVMmyPMC.js";
|
|
3
|
-
import "../chunks/icon-button.
|
|
4
|
-
import { C as k } from "../chunks/pagination.
|
|
3
|
+
import "../chunks/icon-button.BHC52xvk.js";
|
|
4
|
+
import { C as k } from "../chunks/pagination.D50ned8_.js";
|
|
5
5
|
import "../chunks/custom-element.L4WJXn1j.js";
|
|
6
6
|
import "../chunks/i18n.DbXTTLXx.js";
|
|
7
7
|
import "../chunks/math.DuKzLacZ.js";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import b from "./divider.js";
|
|
2
2
|
import { C as v } from "../chunks/icon.CpHbi8tH.js";
|
|
3
|
-
import { C as u } from "../chunks/icon-button.
|
|
3
|
+
import { C as u } from "../chunks/icon-button.BHC52xvk.js";
|
|
4
4
|
import _ from "./resize-observer.js";
|
|
5
5
|
import { n as d, C as m } from "../chunks/lib-cortex-element.CVMmyPMC.js";
|
|
6
6
|
import { c as f } from "../chunks/component.styles.CRO4Odto.js";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "./resize-observer.js";
|
|
2
2
|
import "../chunks/lib-cortex-element.CVMmyPMC.js";
|
|
3
3
|
import "../chunks/component.styles.CRO4Odto.js";
|
|
4
|
-
import { C as A } from "../chunks/tab-group.
|
|
4
|
+
import { C as A } from "../chunks/tab-group.DE0RsMX4.js";
|
|
5
5
|
import "../chunks/custom-element.L4WJXn1j.js";
|
|
6
6
|
import "../chunks/i18n.DbXTTLXx.js";
|
|
7
7
|
import "../chunks/scroll.xtO5yojm.js";
|
|
@@ -20,7 +20,7 @@ import "../chunks/style-map.llVFPd__.js";
|
|
|
20
20
|
import "../chunks/when.Dr1es41R.js";
|
|
21
21
|
import "../chunks/button.BnkkUqiI.js";
|
|
22
22
|
import "./dropdown.js";
|
|
23
|
-
import "../chunks/icon-button.
|
|
23
|
+
import "../chunks/icon-button.BHC52xvk.js";
|
|
24
24
|
import "./menu.js";
|
|
25
25
|
import "./menu-item.js";
|
|
26
26
|
import "./tab.js";
|
|
@@ -7,7 +7,7 @@ import { w as p } from "../chunks/watch.DJF5K-8U.js";
|
|
|
7
7
|
import { i as b, x as d } from "../chunks/lit-element.jLBm65_O.js";
|
|
8
8
|
import { e as _ } from "../chunks/query.BBf1UFkC.js";
|
|
9
9
|
import { e as n } from "../chunks/class-map.BiVq-cVR.js";
|
|
10
|
-
import { C as g } from "../chunks/icon-button.
|
|
10
|
+
import { C as g } from "../chunks/icon-button.BHC52xvk.js";
|
|
11
11
|
import y from "./line-clamp.js";
|
|
12
12
|
const w = b`.tab{border-radius:var(--cx-border-radius-small);padding:var(--tab-padding,var(--cx-spacing-x-small));font:var(--cx-font-label-small);font-weight:var(--cx-font-weight-medium);white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:pointer;transition:var(--transition-speed) box-shadow, var(--transition-speed) color;max-width:var(--tab-max-width,none);align-items:center;display:inline-flex}.tab__label{flex:auto;min-width:0}.tab__label::part(content){word-break:break-all}.tab.tab--default{color:var(--tab-color,var(--cx-color-neutral-700));background-color:var(--tab-background-color,transparent)}.tab.tab--button{color:var(--tab-color,var(--cx-color-neutral-600));background-color:var(--tab-background-color,transparent);border-radius:var(--tab-border-radius,10px)}.tab.tab.tab--default:hover:not(.tab--disabled){color:var(--cx-color-primary)}.tab.tab.tab--button:hover:not(.tab--disabled):not(.tab--active){color:var(--cx-color-neutral-800)}.tab.tab--default.tab--active:not(.tab--disabled){color:var(--tab-active-color,var(--cx-color-primary));background-color:var(--tab-active-background-color,transparent)}.tab.tab--button.tab--active:not(.tab--disabled){background-color:var(--tab-active-background-color,var(--cx-color-neutral-200));color:var(--tab-active-color,var(--cx-color-neutral-800))}.tab.tab--closable{padding-inline-end:var(--cx-spacing-small)}.tab.tab--disabled{opacity:.5;cursor:default}.tab__close-button{font-size:var(--cx-font-size-small);margin-inline-start:var(--cx-spacing-small)}.tab__close-button::part(base){padding:var(--cx-spacing-3x-small)}@media (forced-colors:active){.tab.tab--active:not(.tab--disabled){outline-offset:-3px;outline:1px solid #0000}}`, k = b`.timeline-item{gap:var(--cx-spacing-small);font-family:var(--timeline-item-font-family), var(--cx-font-sans);font-style:var(--timeline-item-font-style,normal);font-size:var(--timeline-item-font-size,var(--cx-font-size-small));font-weight:var(--timeline-item-font-weight,var(--cx-font-weight-regular));border-radius:var(--cx-border-radius-small);padding:var(--tab-padding,var(--cx-spacing-x-small) var(--cx-spacing-small));white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:pointer;transition:var(--transition-speed) box-shadow, var(--transition-speed) color;max-width:var(--tab-max-width,none);flex-direction:column;display:flex;position:relative}.timeline-item--single{align-items:center}.timeline-item__content{--timeline-item-content-width:var(--min-tab-width);align-items:center;gap:var(--cx-spacing-x-large);left:calc(var(--i) / (var(--n) - 1) * (100% - var(--timeline-item-content-width)));width:var(--timeline-item-content-width);flex-direction:column;transition:left .4s linear;display:flex;position:relative}.timeline-item__label{flex:auto;min-width:0}.timeline-item__label::part(content){word-break:break-all}.timeline-item{color:var(--marker-color,var(--cx-color-neutral-700));background-color:var(--tab-background-color,transparent)}.timeline-item.timeline-item--active:not(.timeline-item--disabled),:host(:hover) .timeline-item:not(.timeline-item--disabled){color:var(--marker-active-color,var(--cx-color-primary))}.timeline-item.timeline-item--disabled{opacity:.5;cursor:default}@media (forced-colors:active){.timeline-item.timeline-item--active:not(.timeline-item--disabled){outline-offset:-3px;outline:1px solid #0000}}.timeline-item__thumbnail{width:var(--marker-image-width,120px);height:var(--marker-image-height,100px);border-radius:var(--marker-image-border-radius,var(--cx-border-radius-small));max-width:100%;display:block;overflow:hidden}.timeline-item.timeline-item--active:not(.timeline-item--disabled) .timeline-item__thumbnail:not(.timeline-item__thumbnail--empty),:host(:hover) .timeline-item:not(.timeline-item--disabled) .timeline-item__thumbnail:not(.timeline-item__thumbnail--empty){outline:4px solid var(--marker-active-color,var(--cx-color-primary))}.timeline-item__thumbnail.timeline-item__thumbnail--empty{display:none}.timeline-item__thumbnail::slotted(img){object-fit:cover;width:100%;height:100%}.timeline-item__indicator{isolation:isolate;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.timeline-item__indicator__dot{width:var(--cx-spacing-small);height:var(--cx-spacing-small);border-radius:var(--cx-border-radius-circle);background-color:var(--marker-color);z-index:1;display:block}.timeline-item__indicator__dot--active:not(.timeline-item__indicator__dot--disabled),:host(:hover) .timeline-item__indicator__dot:not(.timeline-item__indicator__dot--disabled){background-color:var(--marker-active-color)}`, C = b`
|
|
13
13
|
:host {
|
|
@@ -5,7 +5,7 @@ import { L as h } from "../chunks/i18n.DbXTTLXx.js";
|
|
|
5
5
|
import { H as v } from "../chunks/slot.j5oheLJC.js";
|
|
6
6
|
import { i as d, x as m } from "../chunks/lit-element.jLBm65_O.js";
|
|
7
7
|
import { e as f } from "../chunks/class-map.BiVq-cVR.js";
|
|
8
|
-
import { C as b } from "../chunks/icon-button.
|
|
8
|
+
import { C as b } from "../chunks/icon-button.BHC52xvk.js";
|
|
9
9
|
import _ from "./line-clamp.js";
|
|
10
10
|
const n = 1, y = d`:host{display:inline-block}.tag{white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid;align-items:center;line-height:1;display:flex}.tag__content{min-width:0}.tag--has-prefix .tag__prefix,.tag--has-suffix .tag__suffix{flex:none;align-items:center;display:inline-flex}.tag--has-prefix .tag__prefix{margin-inline-end:var(--cx-spacing-x-small)}.tag--has-suffix .tag__suffix{margin-inline-start:var(--cx-spacing-x-small)}.tag__remove::part(base){color:inherit;padding:0}.tag--primary{background-color:var(--cx-color-primary-50);border-color:var(--cx-color-primary-300);color:var(--cx-color-primary-800)}.tag--primary:active>cx-icon-button{color:var(--cx-color-primary)}.tag--success{background-color:var(--cx-color-success-50);border-color:var(--cx-color-success-200);color:var(--cx-color-success-800)}.tag--success:active>cx-icon-button{color:var(--cx-color-success)}.tag--neutral{background-color:var(--cx-color-neutral-50);border-color:var(--cx-color-neutral-200);color:var(--cx-color-neutral-800)}.tag--neutral:active>cx-icon-button{color:var(--cx-color-neutral-600)}.tag--warning{background-color:var(--cx-color-warning-50);border-color:var(--cx-color-warning-200);color:var(--cx-color-warning-800)}.tag--warning:active>cx-icon-button{color:var(--cx-color-warning)}.tag--danger{background-color:var(--cx-color-danger-50);border-color:var(--cx-color-danger-200);color:var(--cx-color-danger-800)}.tag--danger:active>cx-icon-button{color:var(--cx-color-danger)}.tag--small{font-size:var(--cx-button-font-size-small);height:calc(var(--cx-input-height-small) * .8);line-height:calc(var(--cx-input-height-small) - var(--cx-input-border-width) * 2);border-radius:var(--cx-input-border-radius-small);padding:0 var(--cx-spacing-x-small)}.tag--medium{font-size:var(--cx-button-font-size-medium);height:calc(var(--cx-input-height-medium) * .8);line-height:calc(var(--cx-input-height-medium) - var(--cx-input-border-width) * 2);border-radius:var(--cx-input-border-radius-medium);padding:0 var(--cx-spacing-small)}.tag--large{font-size:var(--cx-button-font-size-large);height:calc(var(--cx-input-height-large) * .8);line-height:calc(var(--cx-input-height-large) - var(--cx-input-border-width) * 2);border-radius:var(--cx-input-border-radius-large);padding:0 var(--cx-spacing-medium)}.tag--small .tag__remove::part(icon){--font-size:var(--cx-font-size-small)}.tag--medium .tag__remove::part(icon){--font-size:var(--cx-font-size-medium)}.tag--large .tag__remove::part(icon){--font-size:var(--cx-font-size-large)}.tag--pill{border-radius:var(--cx-border-radius-pill)}.tag--removable{padding-inline-end:0}.tag--multiline{white-space:normal;height:auto;padding-block:var(--cx-spacing-2x-small);align-items:flex-start}.tag--multiline.tag--small{line-height:var(--cx-line-height-small)}.tag--multiline.tag--medium{line-height:var(--cx-line-height-medium)}.tag--multiline.tag--large{line-height:var(--cx-line-height-large)}`;
|
|
11
11
|
var z = Object.defineProperty, w = Object.getOwnPropertyDescriptor, t = (e, o, c, l) => {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import d from "./grid.js";
|
|
2
2
|
import m from "./grid-item.js";
|
|
3
|
-
import { C as x } from "../chunks/icon-button.
|
|
3
|
+
import { C as x } from "../chunks/icon-button.BHC52xvk.js";
|
|
4
4
|
import h from "./line-clamp.js";
|
|
5
5
|
import g from "./space.js";
|
|
6
6
|
import { C as w } from "../chunks/typography.IqHbnd3C.js";
|