@kumori/aurora-wui-components 0.0.273 → 0.0.274-dev4142.1
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/components/axebow-actions-footer/axebow-actions-footer.d.ts.map +1 -1
- package/dist/components/axebow-box-form/axebow-box-form.d.ts +5 -1
- package/dist/components/axebow-box-form/axebow-box-form.d.ts.map +1 -1
- package/dist/components/axebow-carousel-selector-tenant/parts/axebow-carousel-selector-item.d.ts +1 -1
- package/dist/components/axebow-carousel-selector-tenant/parts/axebow-carousel-selector-item.d.ts.map +1 -1
- package/dist/components/axebow-collaborators-dialog/axebow-collaborators-dialog.d.ts.map +1 -1
- package/dist/components/axebow-deploy-summary/axebow-deploy-summary.d.ts.map +1 -1
- package/dist/components/axebow-divider/axebow-divider.d.ts +17 -0
- package/dist/components/axebow-divider/axebow-divider.d.ts.map +1 -0
- package/dist/components/axebow-empty-state/axebow-empty-state.d.ts +11 -0
- package/dist/components/axebow-empty-state/axebow-empty-state.d.ts.map +1 -0
- package/dist/components/axebow-expandable-header/axebow-expandable-header.d.ts.map +1 -1
- package/dist/components/axebow-form-panel-field/axebow-form-panel-field.d.ts +5 -0
- package/dist/components/axebow-form-panel-field/axebow-form-panel-field.d.ts.map +1 -1
- package/dist/components/axebow-getting-started-card/axebow-getting-started-card.d.ts.map +1 -1
- package/dist/components/axebow-header/parts/axebow-quick-action-card.d.ts +2 -0
- package/dist/components/axebow-header/parts/axebow-quick-action-card.d.ts.map +1 -1
- package/dist/components/axebow-header/parts/axebow-quick-actions.d.ts +3 -1
- package/dist/components/axebow-header/parts/axebow-quick-actions.d.ts.map +1 -1
- package/dist/components/axebow-input/axebow-input-base.d.ts +2 -0
- package/dist/components/axebow-input/axebow-input-base.d.ts.map +1 -1
- package/dist/components/axebow-input/axebow-input.d.ts +2 -0
- package/dist/components/axebow-input/axebow-input.d.ts.map +1 -1
- package/dist/components/axebow-input/axebow-providers-input.d.ts +1 -0
- package/dist/components/axebow-input/axebow-providers-input.d.ts.map +1 -1
- package/dist/components/axebow-input/axebow-switch-input.d.ts +1 -0
- package/dist/components/axebow-input/axebow-switch-input.d.ts.map +1 -1
- package/dist/components/axebow-input/axebow-text-input.d.ts.map +1 -1
- package/dist/components/axebow-manage-hyperlinks/axebow-manage-hyperlinks.d.ts +1 -0
- package/dist/components/axebow-manage-hyperlinks/axebow-manage-hyperlinks.d.ts.map +1 -1
- package/dist/components/axebow-mesh-node-renderer/axebow-mesh-node-renderer.d.ts +0 -9
- package/dist/components/axebow-mesh-node-renderer/axebow-mesh-node-renderer.d.ts.map +1 -1
- package/dist/components/axebow-modals-confirmation/axebow-modals-confirmation.d.ts.map +1 -1
- package/dist/components/axebow-observability-container/axebow-observability-container.d.ts.map +1 -1
- package/dist/components/axebow-pill/axebow-pill.d.ts +4 -4
- package/dist/components/axebow-pill/axebow-pill.d.ts.map +1 -1
- package/dist/components/axebow-refresh-period-panel/axebow-refresh-period-panel.d.ts.map +1 -1
- package/dist/components/axebow-registry-selector/axebow-registry-selector.d.ts.map +1 -1
- package/dist/components/axebow-resource-limits/axebow-resource-limits-panel.d.ts.map +1 -1
- package/dist/components/axebow-resource-limits/axebow-resource-limits.models.d.ts +1 -0
- package/dist/components/axebow-resource-limits/axebow-resource-limits.models.d.ts.map +1 -1
- package/dist/components/axebow-resource-limits/parts/axebow-resource-limit-input.d.ts.map +1 -1
- package/dist/components/axebow-role-card/axebow-role-card.d.ts.map +1 -1
- package/dist/components/axebow-runtime-zip-dialog/axebow-runtime-zip-dialog.d.ts.map +1 -1
- package/dist/components/axebow-selector-card/axebow-selector-card.d.ts +15 -0
- package/dist/components/axebow-selector-card/axebow-selector-card.d.ts.map +1 -0
- package/dist/components/axebow-sidebar/axebow-sidebar.d.ts.map +1 -1
- package/dist/components/axebow-status/axebow-status.d.ts +3 -0
- package/dist/components/axebow-status/axebow-status.d.ts.map +1 -1
- package/dist/components/axebow-summary/axebow-summary-card.d.ts.map +1 -1
- package/dist/components/axebow-summary/axebow-summary-flavors.d.ts +0 -3
- package/dist/components/axebow-summary/axebow-summary-flavors.d.ts.map +1 -1
- package/dist/components/axebow-summary/axebow-summary-limits.d.ts +1 -0
- package/dist/components/axebow-summary/axebow-summary-limits.d.ts.map +1 -1
- package/dist/components/axebow-summary/axebow-summary-step-header.d.ts +1 -0
- package/dist/components/axebow-summary/axebow-summary-step-header.d.ts.map +1 -1
- package/dist/components/axebow-summary/axebow-summary-step.d.ts +1 -0
- package/dist/components/axebow-summary/axebow-summary-step.d.ts.map +1 -1
- package/dist/components/axebow-tabs-submenu/axebow-tabs-submenu.d.ts +2 -2
- package/dist/components/axebow-tenant-card/axebow-tenant-card.d.ts.map +1 -1
- package/dist/components/axebow-tenant-resource-table/axebow-tenant-resource-table.d.ts.map +1 -1
- package/dist/components/axebow-usage-tooltip/axebow-usage-tooltip.d.ts.map +1 -1
- package/dist/components/cards/parts/axebow-card-version-selector.d.ts.map +1 -1
- package/dist/index.d.ts +3 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +736 -340
- package/dist/index.js.map +1 -1
- package/dist/playground/schemas/axebow-divider.schema.d.ts +9 -0
- package/dist/playground/schemas/axebow-divider.schema.d.ts.map +1 -0
- package/dist/playground/schemas/axebow-empty-state.schema.d.ts +8 -0
- package/dist/playground/schemas/axebow-empty-state.schema.d.ts.map +1 -0
- package/dist/playground/schemas/axebow-header.schema.d.ts.map +1 -1
- package/dist/playground/schemas/axebow-input.schema.d.ts.map +1 -1
- package/dist/playground/schemas/axebow-manage-hyperlinks.schema.d.ts.map +1 -1
- package/dist/playground/schemas/axebow-quick-action-card.schema.d.ts.map +1 -1
- package/dist/playground/schemas/axebow-quick-actions.schema.d.ts.map +1 -1
- package/dist/playground/schemas/axebow-selector-card.schema.d.ts +8 -0
- package/dist/playground/schemas/axebow-selector-card.schema.d.ts.map +1 -0
- package/dist/playground/schemas/axebow-tenant-resource-table.schema.d.ts.map +1 -1
- package/dist/playground/schemas/axebow-text-input.schema.d.ts.map +1 -1
- package/dist/styles/axebow-theme.d.ts.map +1 -1
- package/dist/styles/common-styles.css +0 -1
- package/dist/styles/shoelace-style.css +24 -0
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -11,7 +11,6 @@ import "@shoelace-style/shoelace/dist/components/switch/switch.js";
|
|
|
11
11
|
import "@shoelace-style/shoelace/dist/components/tab-group/tab-group.js";
|
|
12
12
|
import "@shoelace-style/shoelace/dist/components/tab/tab.js";
|
|
13
13
|
import "@shoelace-style/shoelace/dist/components/tab-panel/tab-panel.js";
|
|
14
|
-
import "@shoelace-style/shoelace/dist/components/divider/divider.js";
|
|
15
14
|
import { live } from "lit/directives/live.js";
|
|
16
15
|
import "@shoelace-style/shoelace/dist/components/checkbox/checkbox.js";
|
|
17
16
|
import "@shoelace-style/shoelace/dist/components/carousel/carousel.js";
|
|
@@ -84,12 +83,31 @@ var axebowTheme = css`
|
|
|
84
83
|
border-color: var(--axebow-tertiary);
|
|
85
84
|
}
|
|
86
85
|
|
|
87
|
-
/** Axebow select and
|
|
86
|
+
/** Axebow select, input and textarea global focus */
|
|
87
|
+
sl-input,
|
|
88
|
+
sl-select,
|
|
89
|
+
sl-textarea {
|
|
90
|
+
--sl-input-border-color-focus: var(--axebow-black, #000000);
|
|
91
|
+
--sl-input-focus-ring-color: transparent;
|
|
92
|
+
--sl-focus-ring-color: transparent;
|
|
93
|
+
--sl-focus-ring-style: none;
|
|
94
|
+
--sl-focus-ring-width: 0;
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
sl-input::part(base),
|
|
98
|
+
sl-select::part(combobox),
|
|
99
|
+
sl-textarea::part(base) {
|
|
100
|
+
--sl-input-focus-ring-color: transparent;
|
|
101
|
+
--sl-input-border-color-focus: var(--axebow-black, #000000);
|
|
102
|
+
}
|
|
103
|
+
|
|
88
104
|
sl-input:focus-within::part(base),
|
|
89
|
-
sl-select:focus-within::part(combobox)
|
|
90
|
-
|
|
105
|
+
sl-select:focus-within::part(combobox),
|
|
106
|
+
sl-textarea:focus-within::part(base) {
|
|
107
|
+
border-color: var(--axebow-black, #000000) !important;
|
|
91
108
|
border-width: 1px !important;
|
|
92
109
|
box-shadow: none !important;
|
|
110
|
+
outline: none !important;
|
|
93
111
|
}
|
|
94
112
|
sl-select sl-option:hover::part(base) {
|
|
95
113
|
background-color: #e9ecef;
|
|
@@ -198,7 +216,7 @@ var STATUS_COLORS = {
|
|
|
198
216
|
};
|
|
199
217
|
//#endregion
|
|
200
218
|
//#region src/styles/tailwind.css?inline
|
|
201
|
-
var tailwind_default = "/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n@layer properties {\n @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {\n *, :before, :after, ::backdrop {\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-translate-z: 0;\n --tw-rotate-x: initial;\n --tw-rotate-y: initial;\n --tw-rotate-z: initial;\n --tw-skew-x: initial;\n --tw-skew-y: initial;\n --tw-space-y-reverse: 0;\n --tw-border-style: solid;\n --tw-leading: initial;\n --tw-font-weight: initial;\n --tw-tracking: initial;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-color: initial;\n --tw-shadow-alpha: 100%;\n --tw-inset-shadow: 0 0 #0000;\n --tw-inset-shadow-color: initial;\n --tw-inset-shadow-alpha: 100%;\n --tw-ring-color: initial;\n --tw-ring-shadow: 0 0 #0000;\n --tw-inset-ring-color: initial;\n --tw-inset-ring-shadow: 0 0 #0000;\n --tw-ring-inset: initial;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-outline-style: solid;\n --tw-blur: initial;\n --tw-brightness: initial;\n --tw-contrast: initial;\n --tw-grayscale: initial;\n --tw-hue-rotate: initial;\n --tw-invert: initial;\n --tw-opacity: initial;\n --tw-saturate: initial;\n --tw-sepia: initial;\n --tw-drop-shadow: initial;\n --tw-drop-shadow-color: initial;\n --tw-drop-shadow-alpha: 100%;\n --tw-drop-shadow-size: initial;\n --tw-duration: initial;\n --tw-ease: initial;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-scale-z: 1;\n }\n }\n}\n\n@layer theme {\n :root, :host {\n --font-sans: \"Open Sans\", sans-serif;\n --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\n \"Courier New\", monospace;\n --color-red-50: oklch(97.1% .013 17.38);\n --color-red-100: oklch(93.6% .032 17.717);\n --color-red-300: oklch(80.8% .114 19.571);\n --color-red-800: oklch(44.4% .177 26.899);\n --color-yellow-600: oklch(68.1% .162 75.834);\n --color-yellow-800: oklch(47.6% .114 61.907);\n --color-green-50: oklch(98.2% .018 155.826);\n --color-green-200: oklch(92.5% .084 155.995);\n --color-green-600: oklch(62.7% .194 149.214);\n --color-green-800: oklch(44.8% .119 151.328);\n --color-sky-50: oklch(97.7% .013 236.62);\n --color-sky-100: oklch(95.1% .026 236.824);\n --color-blue-50: oklch(97% .014 254.604);\n --color-blue-100: oklch(93.2% .032 255.585);\n --color-blue-200: oklch(88.2% .059 254.128);\n --color-blue-500: oklch(62.3% .214 259.815);\n --color-blue-600: oklch(54.6% .245 262.881);\n --color-blue-800: oklch(42.4% .199 265.638);\n --color-gray-50: oklch(98.5% .002 247.839);\n --color-gray-100: oklch(96.7% .003 264.542);\n --color-gray-200: oklch(92.8% .006 264.531);\n --color-gray-300: oklch(87.2% .01 258.338);\n --color-gray-400: oklch(70.7% .022 261.325);\n --color-gray-500: oklch(55.1% .027 264.364);\n --color-gray-600: oklch(44.6% .03 256.802);\n --color-gray-700: oklch(37.3% .034 259.733);\n --color-black: #000;\n --color-white: #fff;\n --spacing: .25rem;\n --text-xs: .625rem;\n --text-xs--line-height: .875rem;\n --text-sm: .75rem;\n --text-sm--line-height: 1rem;\n --text-base: .875rem;\n --text-base--line-height: 1.25rem;\n --text-lg: 1.125rem;\n --text-lg--line-height: 1.75rem;\n --text-xl: 1.25rem;\n --text-xl--line-height: 1.75rem;\n --text-3xl: 1.875rem;\n --text-5xl: 3rem;\n --font-weight-light: 300;\n --font-weight-normal: 400;\n --font-weight-medium: 500;\n --font-weight-semibold: 600;\n --font-weight-bold: 700;\n --font-weight-black: 900;\n --tracking-wider: .05em;\n --leading-tight: 1.25;\n --leading-snug: 1.375;\n --leading-relaxed: 1.625;\n --radius-md: .375rem;\n --radius-lg: .5rem;\n --radius-xl: .75rem;\n --ease-out: cubic-bezier(0, 0, .2, 1);\n --ease-in-out: cubic-bezier(.4, 0, .2, 1);\n --default-transition-duration: .15s;\n --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n --default-font-family: var(--font-sans);\n --default-mono-font-family: var(--font-mono);\n --text-md: 1rem;\n --text-md--line-height: 1.5rem;\n --spacing-18: 4.5rem;\n --spacing-30: 7.5rem;\n --spacing-38: 9.5rem;\n --spacing-43: 10.75rem;\n --spacing-50: 12.5rem;\n --spacing-75: 18.75rem;\n --spacing-117: 29.25rem;\n --spacing-120: 30rem;\n --spacing-150: 37.5rem;\n }\n}\n\n@layer base {\n *, :after, :before, ::backdrop {\n box-sizing: border-box;\n border: 0 solid;\n margin: 0;\n padding: 0;\n }\n\n ::file-selector-button {\n box-sizing: border-box;\n border: 0 solid;\n margin: 0;\n padding: 0;\n }\n\n html, :host {\n -webkit-text-size-adjust: 100%;\n tab-size: 4;\n line-height: 1.5;\n font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");\n font-feature-settings: var(--default-font-feature-settings, normal);\n font-variation-settings: var(--default-font-variation-settings, normal);\n -webkit-tap-highlight-color: transparent;\n }\n\n hr {\n height: 0;\n color: inherit;\n border-top-width: 1px;\n }\n\n abbr:where([title]) {\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n }\n\n h1, h2, h3, h4, h5, h6 {\n font-size: inherit;\n font-weight: inherit;\n }\n\n a {\n color: inherit;\n -webkit-text-decoration: inherit;\n -webkit-text-decoration: inherit;\n -webkit-text-decoration: inherit;\n text-decoration: inherit;\n }\n\n b, strong {\n font-weight: bolder;\n }\n\n code, kbd, samp, pre {\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\n font-size: 1em;\n }\n\n small {\n font-size: 80%;\n }\n\n sub, sup {\n vertical-align: baseline;\n font-size: 75%;\n line-height: 0;\n position: relative;\n }\n\n sub {\n bottom: -.25em;\n }\n\n sup {\n top: -.5em;\n }\n\n table {\n text-indent: 0;\n border-color: inherit;\n border-collapse: collapse;\n }\n\n :-moz-focusring {\n outline: auto;\n }\n\n progress {\n vertical-align: baseline;\n }\n\n summary {\n display: list-item;\n }\n\n ol, ul, menu {\n list-style: none;\n }\n\n img, svg, video, canvas, audio, iframe, embed, object {\n vertical-align: middle;\n display: block;\n }\n\n img, video {\n max-width: 100%;\n height: auto;\n }\n\n button, input, select, optgroup, textarea {\n font: inherit;\n font-feature-settings: inherit;\n font-variation-settings: inherit;\n letter-spacing: inherit;\n color: inherit;\n opacity: 1;\n background-color: #0000;\n border-radius: 0;\n }\n\n ::file-selector-button {\n font: inherit;\n font-feature-settings: inherit;\n font-variation-settings: inherit;\n letter-spacing: inherit;\n color: inherit;\n opacity: 1;\n background-color: #0000;\n border-radius: 0;\n }\n\n :where(select:is([multiple], [size])) optgroup {\n font-weight: bolder;\n }\n\n :where(select:is([multiple], [size])) optgroup option {\n padding-inline-start: 20px;\n }\n\n ::file-selector-button {\n margin-inline-end: 4px;\n }\n\n ::placeholder {\n opacity: 1;\n }\n\n @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {\n ::placeholder {\n color: currentColor;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n ::placeholder {\n color: color-mix(in oklab, currentcolor 50%, transparent);\n }\n }\n }\n\n textarea {\n resize: vertical;\n }\n\n ::-webkit-search-decoration {\n -webkit-appearance: none;\n }\n\n ::-webkit-date-and-time-value {\n min-height: 1lh;\n text-align: inherit;\n }\n\n ::-webkit-datetime-edit {\n display: inline-flex;\n }\n\n ::-webkit-datetime-edit-fields-wrapper {\n padding: 0;\n }\n\n ::-webkit-datetime-edit {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-year-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-month-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-day-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-hour-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-minute-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-second-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-millisecond-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-meridiem-field {\n padding-block: 0;\n }\n\n ::-webkit-calendar-picker-indicator {\n line-height: 1;\n }\n\n :-moz-ui-invalid {\n box-shadow: none;\n }\n\n button, input:where([type=\"button\"], [type=\"reset\"], [type=\"submit\"]) {\n appearance: button;\n }\n\n ::file-selector-button {\n appearance: button;\n }\n\n ::-webkit-inner-spin-button {\n height: auto;\n }\n\n ::-webkit-outer-spin-button {\n height: auto;\n }\n\n [hidden]:where(:not([hidden=\"until-found\"])) {\n display: none !important;\n }\n}\n\n@layer components;\n\n@layer utilities {\n .pointer-events-auto {\n pointer-events: auto;\n }\n\n .pointer-events-none {\n pointer-events: none;\n }\n\n .visible {\n visibility: visible;\n }\n\n .absolute {\n position: absolute;\n }\n\n .fixed {\n position: fixed;\n }\n\n .relative {\n position: relative;\n }\n\n .static {\n position: static;\n }\n\n .-top-2\\.25 {\n top: calc(var(--spacing) * -2.25);\n }\n\n .top-0 {\n top: 0;\n }\n\n .top-1 {\n top: var(--spacing);\n }\n\n .top-1\\/2 {\n top: 50%;\n }\n\n .top-3 {\n top: calc(var(--spacing) * 3);\n }\n\n .top-25 {\n top: calc(var(--spacing) * 25);\n }\n\n .top-\\[-7px\\] {\n top: -7px;\n }\n\n .top-full {\n top: 100%;\n }\n\n .-right-2\\.25 {\n right: calc(var(--spacing) * -2.25);\n }\n\n .right-0 {\n right: 0;\n }\n\n .right-0\\.5 {\n right: calc(var(--spacing) * .5);\n }\n\n .right-1 {\n right: var(--spacing);\n }\n\n .right-1\\.5 {\n right: calc(var(--spacing) * 1.5);\n }\n\n .right-3 {\n right: calc(var(--spacing) * 3);\n }\n\n .right-\\[calc\\(100\\%\\+10px\\)\\] {\n right: calc(100% + 10px);\n }\n\n .bottom-0 {\n bottom: 0;\n }\n\n .bottom-0\\.5 {\n bottom: calc(var(--spacing) * .5);\n }\n\n .bottom-full {\n bottom: 100%;\n }\n\n .left-0 {\n left: 0;\n }\n\n .left-1\\/2 {\n left: 50%;\n }\n\n .left-\\[-7px\\] {\n left: -7px;\n }\n\n .left-\\[calc\\(100\\%\\+10px\\)\\] {\n left: calc(100% + 10px);\n }\n\n .left-full {\n left: 100%;\n }\n\n .z-5 {\n z-index: 5;\n }\n\n .z-10 {\n z-index: 10;\n }\n\n .z-50 {\n z-index: 50;\n }\n\n .z-2000 {\n z-index: 2000;\n }\n\n .z-2001 {\n z-index: 2001;\n }\n\n .z-9999 {\n z-index: 9999;\n }\n\n .row-1 {\n grid-row: 1;\n }\n\n .container {\n width: 100%;\n }\n\n @media (min-width: 40rem) {\n .container {\n max-width: 40rem;\n }\n }\n\n @media (min-width: 48rem) {\n .container {\n max-width: 48rem;\n }\n }\n\n @media (min-width: 64rem) {\n .container {\n max-width: 64rem;\n }\n }\n\n @media (min-width: 80rem) {\n .container {\n max-width: 80rem;\n }\n }\n\n @media (min-width: 96rem) {\n .container {\n max-width: 96rem;\n }\n }\n\n .m-0 {\n margin: 0;\n }\n\n .mx-2 {\n margin-inline: calc(var(--spacing) * 2);\n }\n\n .mx-6 {\n margin-inline: calc(var(--spacing) * 6);\n }\n\n .mx-12 {\n margin-inline: calc(var(--spacing) * 12);\n }\n\n .mx-auto {\n margin-inline: auto;\n }\n\n .my-0\\.5 {\n margin-block: calc(var(--spacing) * .5);\n }\n\n .my-1\\.5 {\n margin-block: calc(var(--spacing) * 1.5);\n }\n\n .my-2 {\n margin-block: calc(var(--spacing) * 2);\n }\n\n .my-4 {\n margin-block: calc(var(--spacing) * 4);\n }\n\n .ms-auto {\n margin-inline-start: auto;\n }\n\n .mt-0 {\n margin-top: 0;\n }\n\n .mt-1 {\n margin-top: var(--spacing);\n }\n\n .mt-1\\.5 {\n margin-top: calc(var(--spacing) * 1.5);\n }\n\n .mt-1\\.75 {\n margin-top: calc(var(--spacing) * 1.75);\n }\n\n .mt-2 {\n margin-top: calc(var(--spacing) * 2);\n }\n\n .mt-2\\.25 {\n margin-top: calc(var(--spacing) * 2.25);\n }\n\n .mt-3 {\n margin-top: calc(var(--spacing) * 3);\n }\n\n .mt-4 {\n margin-top: calc(var(--spacing) * 4);\n }\n\n .mt-4\\.5 {\n margin-top: calc(var(--spacing) * 4.5);\n }\n\n .mt-5 {\n margin-top: calc(var(--spacing) * 5);\n }\n\n .mt-6 {\n margin-top: calc(var(--spacing) * 6);\n }\n\n .mt-6\\.75 {\n margin-top: calc(var(--spacing) * 6.75);\n }\n\n .mt-8 {\n margin-top: calc(var(--spacing) * 8);\n }\n\n .mr-0\\.5 {\n margin-right: calc(var(--spacing) * .5);\n }\n\n .mr-1 {\n margin-right: var(--spacing);\n }\n\n .mr-2 {\n margin-right: calc(var(--spacing) * 2);\n }\n\n .mr-4 {\n margin-right: calc(var(--spacing) * 4);\n }\n\n .mr-8 {\n margin-right: calc(var(--spacing) * 8);\n }\n\n .mb-1 {\n margin-bottom: var(--spacing);\n }\n\n .mb-1\\.5 {\n margin-bottom: calc(var(--spacing) * 1.5);\n }\n\n .mb-2 {\n margin-bottom: calc(var(--spacing) * 2);\n }\n\n .mb-3 {\n margin-bottom: calc(var(--spacing) * 3);\n }\n\n .mb-4 {\n margin-bottom: calc(var(--spacing) * 4);\n }\n\n .mb-6 {\n margin-bottom: calc(var(--spacing) * 6);\n }\n\n .mb-6\\.5 {\n margin-bottom: calc(var(--spacing) * 6.5);\n }\n\n .mb-8 {\n margin-bottom: calc(var(--spacing) * 8);\n }\n\n .ml-1 {\n margin-left: var(--spacing);\n }\n\n .ml-2 {\n margin-left: calc(var(--spacing) * 2);\n }\n\n .ml-4 {\n margin-left: calc(var(--spacing) * 4);\n }\n\n .ml-12 {\n margin-left: calc(var(--spacing) * 12);\n }\n\n .ml-\\[0\\.5rem\\] {\n margin-left: .5rem;\n }\n\n .ml-\\[1\\.265625rem\\] {\n margin-left: 1.26563rem;\n }\n\n .ml-auto {\n margin-left: auto;\n }\n\n .box-border {\n box-sizing: border-box;\n }\n\n .box-content {\n box-sizing: content-box;\n }\n\n .line-clamp-1 {\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n }\n\n .line-clamp-2 {\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n }\n\n .line-clamp-11 {\n -webkit-line-clamp: 11;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n }\n\n .block {\n display: block;\n }\n\n .contents {\n display: contents;\n }\n\n .flex {\n display: flex;\n }\n\n .grid {\n display: grid;\n }\n\n .hidden {\n display: none;\n }\n\n .inline {\n display: inline;\n }\n\n .inline-block {\n display: inline-block;\n }\n\n .inline-flex {\n display: inline-flex;\n }\n\n .table {\n display: table;\n }\n\n .aspect-square {\n aspect-ratio: 1;\n }\n\n .h-2 {\n height: calc(var(--spacing) * 2);\n }\n\n .h-2\\.25 {\n height: calc(var(--spacing) * 2.25);\n }\n\n .h-2\\.75 {\n height: calc(var(--spacing) * 2.75);\n }\n\n .h-3 {\n height: calc(var(--spacing) * 3);\n }\n\n .h-3\\.5 {\n height: calc(var(--spacing) * 3.5);\n }\n\n .h-4 {\n height: calc(var(--spacing) * 4);\n }\n\n .h-4\\.5 {\n height: calc(var(--spacing) * 4.5);\n }\n\n .h-4\\.25 {\n height: calc(var(--spacing) * 4.25);\n }\n\n .h-4\\.75 {\n height: calc(var(--spacing) * 4.75);\n }\n\n .h-5 {\n height: calc(var(--spacing) * 5);\n }\n\n .h-5\\.5 {\n height: calc(var(--spacing) * 5.5);\n }\n\n .h-5\\.25 {\n height: calc(var(--spacing) * 5.25);\n }\n\n .h-6 {\n height: calc(var(--spacing) * 6);\n }\n\n .h-7 {\n height: calc(var(--spacing) * 7);\n }\n\n .h-7\\.5 {\n height: calc(var(--spacing) * 7.5);\n }\n\n .h-7\\.25 {\n height: calc(var(--spacing) * 7.25);\n }\n\n .h-8 {\n height: calc(var(--spacing) * 8);\n }\n\n .h-8\\.5 {\n height: calc(var(--spacing) * 8.5);\n }\n\n .h-8\\.75 {\n height: calc(var(--spacing) * 8.75);\n }\n\n .h-9 {\n height: calc(var(--spacing) * 9);\n }\n\n .h-9\\.5 {\n height: calc(var(--spacing) * 9.5);\n }\n\n .h-9\\.75 {\n height: calc(var(--spacing) * 9.75);\n }\n\n .h-10 {\n height: calc(var(--spacing) * 10);\n }\n\n .h-10\\.5 {\n height: calc(var(--spacing) * 10.5);\n }\n\n .h-10\\.25 {\n height: calc(var(--spacing) * 10.25);\n }\n\n .h-11 {\n height: calc(var(--spacing) * 11);\n }\n\n .h-11\\.5 {\n height: calc(var(--spacing) * 11.5);\n }\n\n .h-11\\.25 {\n height: calc(var(--spacing) * 11.25);\n }\n\n .h-12 {\n height: calc(var(--spacing) * 12);\n }\n\n .h-12\\.5 {\n height: calc(var(--spacing) * 12.5);\n }\n\n .h-12\\.25 {\n height: calc(var(--spacing) * 12.25);\n }\n\n .h-12\\.75 {\n height: calc(var(--spacing) * 12.75);\n }\n\n .h-14 {\n height: calc(var(--spacing) * 14);\n }\n\n .h-14\\.25 {\n height: calc(var(--spacing) * 14.25);\n }\n\n .h-16 {\n height: calc(var(--spacing) * 16);\n }\n\n .h-17\\.75 {\n height: calc(var(--spacing) * 17.75);\n }\n\n .h-19\\.75 {\n height: calc(var(--spacing) * 19.75);\n }\n\n .h-20 {\n height: calc(var(--spacing) * 20);\n }\n\n .h-20\\.75 {\n height: calc(var(--spacing) * 20.75);\n }\n\n .h-21\\.25 {\n height: calc(var(--spacing) * 21.25);\n }\n\n .h-22\\.75 {\n height: calc(var(--spacing) * 22.75);\n }\n\n .h-24\\.75 {\n height: calc(var(--spacing) * 24.75);\n }\n\n .h-32\\.75 {\n height: calc(var(--spacing) * 32.75);\n }\n\n .h-49\\.5 {\n height: calc(var(--spacing) * 49.5);\n }\n\n .h-52\\.75 {\n height: calc(var(--spacing) * 52.75);\n }\n\n .h-57\\.5 {\n height: calc(var(--spacing) * 57.5);\n }\n\n .h-77\\.25 {\n height: calc(var(--spacing) * 77.25);\n }\n\n .h-79 {\n height: calc(var(--spacing) * 79);\n }\n\n .h-83\\.25 {\n height: calc(var(--spacing) * 83.25);\n }\n\n .h-89\\.25 {\n height: calc(var(--spacing) * 89.25);\n }\n\n .h-112 {\n height: calc(var(--spacing) * 112);\n }\n\n .h-\\[8\\.26375rem\\] {\n height: 8.26375rem;\n }\n\n .h-auto {\n height: auto;\n }\n\n .h-fit {\n height: fit-content;\n }\n\n .h-full {\n height: 100%;\n }\n\n .h-px {\n height: 1px;\n }\n\n .h-screen {\n height: 100vh;\n }\n\n .max-h-10 {\n max-height: calc(var(--spacing) * 10);\n }\n\n .max-h-40 {\n max-height: calc(var(--spacing) * 40);\n }\n\n .max-h-48 {\n max-height: calc(var(--spacing) * 48);\n }\n\n .max-h-75 {\n max-height: var(--spacing-75);\n }\n\n .max-h-\\[40vh\\] {\n max-height: 40vh;\n }\n\n .max-h-full {\n max-height: 100%;\n }\n\n .min-h-0 {\n min-height: 0;\n }\n\n .min-h-5 {\n min-height: calc(var(--spacing) * 5);\n }\n\n .min-h-9 {\n min-height: calc(var(--spacing) * 9);\n }\n\n .min-h-10 {\n min-height: calc(var(--spacing) * 10);\n }\n\n .min-h-12 {\n min-height: calc(var(--spacing) * 12);\n }\n\n .min-h-35 {\n min-height: calc(var(--spacing) * 35);\n }\n\n .min-h-102\\.5 {\n min-height: calc(var(--spacing) * 102.5);\n }\n\n .min-h-107\\.5 {\n min-height: calc(var(--spacing) * 107.5);\n }\n\n .min-h-113\\.25 {\n min-height: calc(var(--spacing) * 113.25);\n }\n\n .w-1\\.75 {\n width: calc(var(--spacing) * 1.75);\n }\n\n .w-1\\/3 {\n width: 33.3333%;\n }\n\n .w-2 {\n width: calc(var(--spacing) * 2);\n }\n\n .w-2\\.5 {\n width: calc(var(--spacing) * 2.5);\n }\n\n .w-3\\.5 {\n width: calc(var(--spacing) * 3.5);\n }\n\n .w-4 {\n width: calc(var(--spacing) * 4);\n }\n\n .w-4\\.5 {\n width: calc(var(--spacing) * 4.5);\n }\n\n .w-4\\.25 {\n width: calc(var(--spacing) * 4.25);\n }\n\n .w-5 {\n width: calc(var(--spacing) * 5);\n }\n\n .w-6 {\n width: calc(var(--spacing) * 6);\n }\n\n .w-7 {\n width: calc(var(--spacing) * 7);\n }\n\n .w-8 {\n width: calc(var(--spacing) * 8);\n }\n\n .w-9 {\n width: calc(var(--spacing) * 9);\n }\n\n .w-9\\.5 {\n width: calc(var(--spacing) * 9.5);\n }\n\n .w-10 {\n width: calc(var(--spacing) * 10);\n }\n\n .w-10\\.5 {\n width: calc(var(--spacing) * 10.5);\n }\n\n .w-11\\.5 {\n width: calc(var(--spacing) * 11.5);\n }\n\n .w-11\\.25 {\n width: calc(var(--spacing) * 11.25);\n }\n\n .w-12 {\n width: calc(var(--spacing) * 12);\n }\n\n .w-12\\.5 {\n width: calc(var(--spacing) * 12.5);\n }\n\n .w-12\\.75 {\n width: calc(var(--spacing) * 12.75);\n }\n\n .w-15\\.25 {\n width: calc(var(--spacing) * 15.25);\n }\n\n .w-16 {\n width: calc(var(--spacing) * 16);\n }\n\n .w-16\\.5 {\n width: calc(var(--spacing) * 16.5);\n }\n\n .w-17 {\n width: calc(var(--spacing) * 17);\n }\n\n .w-18 {\n width: var(--spacing-18);\n }\n\n .w-18\\.5 {\n width: calc(var(--spacing) * 18.5);\n }\n\n .w-18\\.75 {\n width: calc(var(--spacing) * 18.75);\n }\n\n .w-20 {\n width: calc(var(--spacing) * 20);\n }\n\n .w-20\\.5 {\n width: calc(var(--spacing) * 20.5);\n }\n\n .w-21\\.5 {\n width: calc(var(--spacing) * 21.5);\n }\n\n .w-24 {\n width: calc(var(--spacing) * 24);\n }\n\n .w-24\\.75 {\n width: calc(var(--spacing) * 24.75);\n }\n\n .w-25 {\n width: calc(var(--spacing) * 25);\n }\n\n .w-25\\.5 {\n width: calc(var(--spacing) * 25.5);\n }\n\n .w-25\\.25 {\n width: calc(var(--spacing) * 25.25);\n }\n\n .w-26\\.25 {\n width: calc(var(--spacing) * 26.25);\n }\n\n .w-27 {\n width: calc(var(--spacing) * 27);\n }\n\n .w-27\\.5 {\n width: calc(var(--spacing) * 27.5);\n }\n\n .w-30 {\n width: var(--spacing-30);\n }\n\n .w-30\\.75 {\n width: calc(var(--spacing) * 30.75);\n }\n\n .w-32 {\n width: calc(var(--spacing) * 32);\n }\n\n .w-33\\.25 {\n width: calc(var(--spacing) * 33.25);\n }\n\n .w-34\\.25 {\n width: calc(var(--spacing) * 34.25);\n }\n\n .w-35 {\n width: calc(var(--spacing) * 35);\n }\n\n .w-36 {\n width: calc(var(--spacing) * 36);\n }\n\n .w-37 {\n width: calc(var(--spacing) * 37);\n }\n\n .w-38\\.5 {\n width: calc(var(--spacing) * 38.5);\n }\n\n .w-39\\.5 {\n width: calc(var(--spacing) * 39.5);\n }\n\n .w-41 {\n width: calc(var(--spacing) * 41);\n }\n\n .w-41\\.75 {\n width: calc(var(--spacing) * 41.75);\n }\n\n .w-45 {\n width: calc(var(--spacing) * 45);\n }\n\n .w-47\\.75 {\n width: calc(var(--spacing) * 47.75);\n }\n\n .w-48 {\n width: calc(var(--spacing) * 48);\n }\n\n .w-48\\.5 {\n width: calc(var(--spacing) * 48.5);\n }\n\n .w-53 {\n width: calc(var(--spacing) * 53);\n }\n\n .w-53\\.25 {\n width: calc(var(--spacing) * 53.25);\n }\n\n .w-56\\.5 {\n width: calc(var(--spacing) * 56.5);\n }\n\n .w-57\\.5 {\n width: calc(var(--spacing) * 57.5);\n }\n\n .w-60\\.5 {\n width: calc(var(--spacing) * 60.5);\n }\n\n .w-62\\.5 {\n width: calc(var(--spacing) * 62.5);\n }\n\n .w-63\\.5 {\n width: calc(var(--spacing) * 63.5);\n }\n\n .w-63\\.75 {\n width: calc(var(--spacing) * 63.75);\n }\n\n .w-66 {\n width: calc(var(--spacing) * 66);\n }\n\n .w-68 {\n width: calc(var(--spacing) * 68);\n }\n\n .w-70\\.5 {\n width: calc(var(--spacing) * 70.5);\n }\n\n .w-71 {\n width: calc(var(--spacing) * 71);\n }\n\n .w-74\\.75 {\n width: calc(var(--spacing) * 74.75);\n }\n\n .w-87 {\n width: calc(var(--spacing) * 87);\n }\n\n .w-88\\.5 {\n width: calc(var(--spacing) * 88.5);\n }\n\n .w-91 {\n width: calc(var(--spacing) * 91);\n }\n\n .w-95 {\n width: calc(var(--spacing) * 95);\n }\n\n .w-99\\.75 {\n width: calc(var(--spacing) * 99.75);\n }\n\n .w-100\\.5 {\n width: calc(var(--spacing) * 100.5);\n }\n\n .w-102 {\n width: calc(var(--spacing) * 102);\n }\n\n .w-117 {\n width: var(--spacing-117);\n }\n\n .w-120 {\n width: var(--spacing-120);\n }\n\n .w-120\\.75 {\n width: calc(var(--spacing) * 120.75);\n }\n\n .w-121 {\n width: calc(var(--spacing) * 121);\n }\n\n .w-127\\.75 {\n width: calc(var(--spacing) * 127.75);\n }\n\n .w-130\\.25 {\n width: calc(var(--spacing) * 130.25);\n }\n\n .w-131 {\n width: calc(var(--spacing) * 131);\n }\n\n .w-139 {\n width: calc(var(--spacing) * 139);\n }\n\n .w-140\\.75 {\n width: calc(var(--spacing) * 140.75);\n }\n\n .w-144\\.75 {\n width: calc(var(--spacing) * 144.75);\n }\n\n .w-148\\.75 {\n width: calc(var(--spacing) * 148.75);\n }\n\n .w-186\\.5 {\n width: calc(var(--spacing) * 186.5);\n }\n\n .w-186\\.25 {\n width: calc(var(--spacing) * 186.25);\n }\n\n .w-194\\.25 {\n width: calc(var(--spacing) * 194.25);\n }\n\n .w-198\\.25 {\n width: calc(var(--spacing) * 198.25);\n }\n\n .w-270 {\n width: calc(var(--spacing) * 270);\n }\n\n .w-282 {\n width: calc(var(--spacing) * 282);\n }\n\n .w-286 {\n width: calc(var(--spacing) * 286);\n }\n\n .w-293\\.5 {\n width: calc(var(--spacing) * 293.5);\n }\n\n .w-294 {\n width: calc(var(--spacing) * 294);\n }\n\n .w-\\[10\\.5rem\\] {\n width: 10.5rem;\n }\n\n .w-\\[calc\\(100\\%-10px\\)\\] {\n width: calc(100% - 10px);\n }\n\n .w-auto {\n width: auto;\n }\n\n .w-full {\n width: 100%;\n }\n\n .w-px {\n width: 1px;\n }\n\n .max-w-36 {\n max-width: calc(var(--spacing) * 36);\n }\n\n .max-w-38 {\n max-width: var(--spacing-38);\n }\n\n .max-w-43 {\n max-width: var(--spacing-43);\n }\n\n .max-w-44 {\n max-width: calc(var(--spacing) * 44);\n }\n\n .max-w-51\\.5 {\n max-width: calc(var(--spacing) * 51.5);\n }\n\n .max-w-65 {\n max-width: calc(var(--spacing) * 65);\n }\n\n .max-w-95 {\n max-width: calc(var(--spacing) * 95);\n }\n\n .max-w-194\\.25 {\n max-width: calc(var(--spacing) * 194.25);\n }\n\n .max-w-full {\n max-width: 100%;\n }\n\n .min-w-0 {\n min-width: 0;\n }\n\n .min-w-4 {\n min-width: calc(var(--spacing) * 4);\n }\n\n .min-w-10 {\n min-width: calc(var(--spacing) * 10);\n }\n\n .min-w-20 {\n min-width: calc(var(--spacing) * 20);\n }\n\n .min-w-30 {\n min-width: var(--spacing-30);\n }\n\n .min-w-32 {\n min-width: calc(var(--spacing) * 32);\n }\n\n .min-w-36 {\n min-width: calc(var(--spacing) * 36);\n }\n\n .min-w-44 {\n min-width: calc(var(--spacing) * 44);\n }\n\n .min-w-50 {\n min-width: var(--spacing-50);\n }\n\n .min-w-53\\.25 {\n min-width: calc(var(--spacing) * 53.25);\n }\n\n .min-w-55 {\n min-width: calc(var(--spacing) * 55);\n }\n\n .min-w-160 {\n min-width: calc(var(--spacing) * 160);\n }\n\n .min-w-\\[8\\.2rem\\] {\n min-width: 8.2rem;\n }\n\n .min-w-fit {\n min-width: fit-content;\n }\n\n .min-w-full {\n min-width: 100%;\n }\n\n .flex-1 {\n flex: 1;\n }\n\n .flex-shrink {\n flex-shrink: 1;\n }\n\n .shrink-0 {\n flex-shrink: 0;\n }\n\n .border-collapse {\n border-collapse: collapse;\n }\n\n .-translate-x-1 {\n --tw-translate-x: calc(var(--spacing) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .-translate-x-1\\/2 {\n --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .translate-x-1 {\n --tw-translate-x: var(--spacing);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .-translate-y-1\\/2 {\n --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .scale-\\[1\\.02\\] {\n scale: 1.02;\n }\n\n .rotate-180 {\n rotate: 180deg;\n }\n\n .transform {\n transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );\n }\n\n .cursor-default {\n cursor: default;\n }\n\n .cursor-grab {\n cursor: grab;\n }\n\n .cursor-not-allowed {\n cursor: not-allowed;\n }\n\n .cursor-pointer {\n cursor: pointer;\n }\n\n .cursor-text {\n cursor: text;\n }\n\n .touch-none {\n touch-action: none;\n }\n\n .resize {\n resize: both;\n }\n\n .appearance-none {\n appearance: none;\n }\n\n .grid-cols-\\[7\\.5rem_7\\.5rem_7\\.5rem\\] {\n grid-template-columns: 7.5rem 7.5rem 7.5rem;\n }\n\n .grid-cols-\\[auto_auto_1fr_auto\\] {\n grid-template-columns: auto auto 1fr auto;\n }\n\n .flex-col {\n flex-direction: column;\n }\n\n .flex-row {\n flex-direction: row;\n }\n\n .flex-wrap {\n flex-wrap: wrap;\n }\n\n .items-baseline {\n align-items: baseline;\n }\n\n .items-center {\n align-items: center;\n }\n\n .items-end {\n align-items: flex-end;\n }\n\n .items-start {\n align-items: flex-start;\n }\n\n .justify-between {\n justify-content: space-between;\n }\n\n .justify-center {\n justify-content: center;\n }\n\n .justify-end {\n justify-content: flex-end;\n }\n\n .gap-0 {\n gap: 0;\n }\n\n .gap-0\\.5 {\n gap: calc(var(--spacing) * .5);\n }\n\n .gap-1 {\n gap: var(--spacing);\n }\n\n .gap-1\\.5 {\n gap: calc(var(--spacing) * 1.5);\n }\n\n .gap-1\\.25 {\n gap: calc(var(--spacing) * 1.25);\n }\n\n .gap-2 {\n gap: calc(var(--spacing) * 2);\n }\n\n .gap-2\\.5 {\n gap: calc(var(--spacing) * 2.5);\n }\n\n .gap-2\\.25 {\n gap: calc(var(--spacing) * 2.25);\n }\n\n .gap-2\\.75 {\n gap: calc(var(--spacing) * 2.75);\n }\n\n .gap-3 {\n gap: calc(var(--spacing) * 3);\n }\n\n .gap-4 {\n gap: calc(var(--spacing) * 4);\n }\n\n .gap-5 {\n gap: calc(var(--spacing) * 5);\n }\n\n .gap-6 {\n gap: calc(var(--spacing) * 6);\n }\n\n .gap-8 {\n gap: calc(var(--spacing) * 8);\n }\n\n .gap-8\\.75 {\n gap: calc(var(--spacing) * 8.75);\n }\n\n .gap-12 {\n gap: calc(var(--spacing) * 12);\n }\n\n .gap-19 {\n gap: calc(var(--spacing) * 19);\n }\n\n .gap-\\[0\\.625rem\\] {\n gap: .625rem;\n }\n\n .gap-\\[0\\.53125rem\\] {\n gap: .53125rem;\n }\n\n .gap-\\[2\\%\\] {\n gap: 2%;\n }\n\n :where(.space-y-1 > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));\n margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));\n }\n\n :where(.space-y-2 > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));\n margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));\n }\n\n :where(.space-y-3 > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));\n margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));\n }\n\n .gap-x-1 {\n column-gap: var(--spacing);\n }\n\n .gap-x-2 {\n column-gap: calc(var(--spacing) * 2);\n }\n\n .gap-x-4 {\n column-gap: calc(var(--spacing) * 4);\n }\n\n .gap-x-6 {\n column-gap: calc(var(--spacing) * 6);\n }\n\n .gap-y-0\\.75 {\n row-gap: calc(var(--spacing) * .75);\n }\n\n .gap-y-1 {\n row-gap: var(--spacing);\n }\n\n .self-end {\n align-self: flex-end;\n }\n\n .self-start {\n align-self: flex-start;\n }\n\n .truncate {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n }\n\n .overflow-auto {\n overflow: auto;\n }\n\n .overflow-hidden {\n overflow: hidden;\n }\n\n .overflow-visible {\n overflow: visible;\n }\n\n .overflow-x-auto {\n overflow-x: auto;\n }\n\n .overflow-x-hidden {\n overflow-x: hidden;\n }\n\n .overflow-y-auto {\n overflow-y: auto;\n }\n\n .overflow-y-hidden {\n overflow-y: hidden;\n }\n\n .rounded {\n border-radius: .25rem;\n }\n\n .rounded-full {\n border-radius: 3.40282e38px;\n }\n\n .rounded-lg {\n border-radius: var(--radius-lg);\n }\n\n .rounded-md {\n border-radius: var(--radius-md);\n }\n\n .rounded-none {\n border-radius: 0;\n }\n\n .rounded-none\\! {\n border-radius: 0 !important;\n }\n\n .rounded-t-lg {\n border-top-left-radius: var(--radius-lg);\n border-top-right-radius: var(--radius-lg);\n }\n\n .rounded-t-md {\n border-top-left-radius: var(--radius-md);\n border-top-right-radius: var(--radius-md);\n }\n\n .rounded-t-xl {\n border-top-left-radius: var(--radius-xl);\n border-top-right-radius: var(--radius-xl);\n }\n\n .rounded-l-xl {\n border-top-left-radius: var(--radius-xl);\n border-bottom-left-radius: var(--radius-xl);\n }\n\n .rounded-tl-xl {\n border-top-left-radius: var(--radius-xl);\n }\n\n .rounded-r-md {\n border-top-right-radius: var(--radius-md);\n border-bottom-right-radius: var(--radius-md);\n }\n\n .rounded-tr-xl {\n border-top-right-radius: var(--radius-xl);\n }\n\n .rounded-b-lg {\n border-bottom-right-radius: var(--radius-lg);\n border-bottom-left-radius: var(--radius-lg);\n }\n\n .rounded-b-md {\n border-bottom-right-radius: var(--radius-md);\n border-bottom-left-radius: var(--radius-md);\n }\n\n .rounded-b-xl {\n border-bottom-right-radius: var(--radius-xl);\n border-bottom-left-radius: var(--radius-xl);\n }\n\n .border {\n border-style: var(--tw-border-style);\n border-width: 1px;\n }\n\n .border-0 {\n border-style: var(--tw-border-style);\n border-width: 0;\n }\n\n .border-2 {\n border-style: var(--tw-border-style);\n border-width: 2px;\n }\n\n .border-x {\n border-inline-style: var(--tw-border-style);\n border-inline-width: 1px;\n }\n\n .border-t {\n border-top-style: var(--tw-border-style);\n border-top-width: 1px;\n }\n\n .border-t-0 {\n border-top-style: var(--tw-border-style);\n border-top-width: 0;\n }\n\n .border-t-4 {\n border-top-style: var(--tw-border-style);\n border-top-width: 4px;\n }\n\n .border-r {\n border-right-style: var(--tw-border-style);\n border-right-width: 1px;\n }\n\n .border-r-0 {\n border-right-style: var(--tw-border-style);\n border-right-width: 0;\n }\n\n .border-b {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 1px;\n }\n\n .border-b-0 {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 0;\n }\n\n .border-b-2 {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 2px;\n }\n\n .border-l {\n border-left-style: var(--tw-border-style);\n border-left-width: 1px;\n }\n\n .border-l-0 {\n border-left-style: var(--tw-border-style);\n border-left-width: 0;\n }\n\n .border-l-4 {\n border-left-style: var(--tw-border-style);\n border-left-width: 4px;\n }\n\n .border-dashed {\n --tw-border-style: dashed;\n border-style: dashed;\n }\n\n .border-none {\n --tw-border-style: none;\n border-style: none;\n }\n\n .border-solid {\n --tw-border-style: solid;\n border-style: solid;\n }\n\n .border-\\(--axebow-border-gray\\) {\n border-color: var(--axebow-border-gray);\n }\n\n .border-\\(--axebow-dark-yellow\\) {\n border-color: var(--axebow-dark-yellow);\n }\n\n .border-\\(--axebow-error-border\\) {\n border-color: var(--axebow-error-border);\n }\n\n .border-\\(--axebow-gray\\) {\n border-color: var(--axebow-gray);\n }\n\n .border-\\(--axebow-light-gray\\) {\n border-color: var(--axebow-light-gray);\n }\n\n .border-\\(--axebow-premium-text\\) {\n border-color: var(--axebow-premium-text);\n }\n\n .border-\\(--axebow-primary\\) {\n border-color: var(--axebow-primary);\n }\n\n .border-\\(--axebow-secondary\\) {\n border-color: var(--axebow-secondary);\n }\n\n .border-\\(--axebow-table-border\\) {\n border-color: var(--axebow-table-border);\n }\n\n .border-\\(--axebow-table-header-border\\) {\n border-color: var(--axebow-table-header-border);\n }\n\n .border-\\(--axebow-tertiary\\) {\n border-color: var(--axebow-tertiary);\n }\n\n .border-\\[\\#344966\\] {\n border-color: #344966;\n }\n\n .border-\\[\\#DBDDE4\\] {\n border-color: #dbdde4;\n }\n\n .border-\\[var\\(--axebow-error\\)\\] {\n border-color: var(--axebow-error);\n }\n\n .border-\\[var\\(--axebow-gray\\)\\] {\n border-color: var(--axebow-gray);\n }\n\n .border-\\[var\\(--axebow-tertiary\\)\\] {\n border-color: var(--axebow-tertiary);\n }\n\n .border-black\\/10 {\n border-color: #0000001a;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .border-black\\/10 {\n border-color: color-mix(in oklab, var(--color-black) 10%, transparent);\n }\n }\n\n .border-blue-200 {\n border-color: var(--color-blue-200);\n }\n\n .border-gray-100 {\n border-color: var(--color-gray-100);\n }\n\n .border-gray-200 {\n border-color: var(--color-gray-200);\n }\n\n .border-gray-300 {\n border-color: var(--color-gray-300);\n }\n\n .border-gray-400 {\n border-color: var(--color-gray-400);\n }\n\n .border-gray-500 {\n border-color: var(--color-gray-500);\n }\n\n .border-green-200 {\n border-color: var(--color-green-200);\n }\n\n .border-transparent {\n border-color: #0000;\n }\n\n .border-white {\n border-color: var(--color-white);\n }\n\n .bg-\\(--axebow-anti-flash-white\\) {\n background-color: var(--axebow-anti-flash-white);\n }\n\n .bg-\\(--axebow-base\\) {\n background-color: var(--axebow-base);\n }\n\n .bg-\\(--axebow-error\\) {\n background-color: var(--axebow-error);\n }\n\n .bg-\\(--axebow-error-bg\\) {\n background-color: var(--axebow-error-bg);\n }\n\n .bg-\\(--axebow-gray\\) {\n background-color: var(--axebow-gray);\n }\n\n .bg-\\(--axebow-light-gray\\), .bg-\\(--axebow-light-gray\\)\\/80 {\n background-color: var(--axebow-light-gray);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-\\(--axebow-light-gray\\)\\/80 {\n background-color: color-mix(in oklab, var(--axebow-light-gray) 80%, transparent);\n }\n }\n\n .bg-\\(--axebow-primary\\) {\n background-color: var(--axebow-primary);\n }\n\n .bg-\\(--axebow-primary-light\\) {\n background-color: var(--axebow-primary-light);\n }\n\n .bg-\\(--axebow-success\\) {\n background-color: var(--axebow-success);\n }\n\n .bg-\\(--axebow-tertiary\\), .bg-\\(--axebow-tertiary\\)\\/15 {\n background-color: var(--axebow-tertiary);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-\\(--axebow-tertiary\\)\\/15 {\n background-color: color-mix(in oklab, var(--axebow-tertiary) 15%, transparent);\n }\n }\n\n .bg-\\(--axebow-warning\\) {\n background-color: var(--axebow-warning);\n }\n\n .bg-\\(--axebow-warning-bg\\) {\n background-color: var(--axebow-warning-bg);\n }\n\n .bg-\\(--axebow-white\\) {\n background-color: var(--axebow-white);\n }\n\n .bg-\\[\\#006BFF\\] {\n background-color: #006bff;\n }\n\n .bg-\\[\\#C7DCFA\\] {\n background-color: #c7dcfa;\n }\n\n .bg-\\[\\#F0F1F5\\] {\n background-color: #f0f1f5;\n }\n\n .bg-blue-50 {\n background-color: var(--color-blue-50);\n }\n\n .bg-gray-50 {\n background-color: var(--color-gray-50);\n }\n\n .bg-gray-50\\/50 {\n background-color: #f9fafb80;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-gray-50\\/50 {\n background-color: color-mix(in oklab, var(--color-gray-50) 50%, transparent);\n }\n }\n\n .bg-gray-100 {\n background-color: var(--color-gray-100);\n }\n\n .bg-gray-200 {\n background-color: var(--color-gray-200);\n }\n\n .bg-gray-300 {\n background-color: var(--color-gray-300);\n }\n\n .bg-green-50 {\n background-color: var(--color-green-50);\n }\n\n .bg-red-50 {\n background-color: var(--color-red-50);\n }\n\n .bg-red-100 {\n background-color: var(--color-red-100);\n }\n\n .bg-sky-50 {\n background-color: var(--color-sky-50);\n }\n\n .bg-sky-100 {\n background-color: var(--color-sky-100);\n }\n\n .bg-transparent {\n background-color: #0000;\n }\n\n .bg-white {\n background-color: var(--color-white);\n }\n\n .object-contain {\n object-fit: contain;\n }\n\n .p-0 {\n padding: 0;\n }\n\n .p-1 {\n padding: var(--spacing);\n }\n\n .p-1\\.5 {\n padding: calc(var(--spacing) * 1.5);\n }\n\n .p-2 {\n padding: calc(var(--spacing) * 2);\n }\n\n .p-3 {\n padding: calc(var(--spacing) * 3);\n }\n\n .p-3\\.25 {\n padding: calc(var(--spacing) * 3.25);\n }\n\n .p-4 {\n padding: calc(var(--spacing) * 4);\n }\n\n .p-5 {\n padding: calc(var(--spacing) * 5);\n }\n\n .p-6 {\n padding: calc(var(--spacing) * 6);\n }\n\n .px-0\\.5 {\n padding-inline: calc(var(--spacing) * .5);\n }\n\n .px-1 {\n padding-inline: var(--spacing);\n }\n\n .px-1\\.5 {\n padding-inline: calc(var(--spacing) * 1.5);\n }\n\n .px-2 {\n padding-inline: calc(var(--spacing) * 2);\n }\n\n .px-3 {\n padding-inline: calc(var(--spacing) * 3);\n }\n\n .px-3\\.5 {\n padding-inline: calc(var(--spacing) * 3.5);\n }\n\n .px-4 {\n padding-inline: calc(var(--spacing) * 4);\n }\n\n .px-5 {\n padding-inline: calc(var(--spacing) * 5);\n }\n\n .px-6 {\n padding-inline: calc(var(--spacing) * 6);\n }\n\n .px-8 {\n padding-inline: calc(var(--spacing) * 8);\n }\n\n .py-0\\.5 {\n padding-block: calc(var(--spacing) * .5);\n }\n\n .py-1 {\n padding-block: var(--spacing);\n }\n\n .py-1\\.5 {\n padding-block: calc(var(--spacing) * 1.5);\n }\n\n .py-1\\.25 {\n padding-block: calc(var(--spacing) * 1.25);\n }\n\n .py-2 {\n padding-block: calc(var(--spacing) * 2);\n }\n\n .py-2\\.5 {\n padding-block: calc(var(--spacing) * 2.5);\n }\n\n .py-2\\.75 {\n padding-block: calc(var(--spacing) * 2.75);\n }\n\n .py-3 {\n padding-block: calc(var(--spacing) * 3);\n }\n\n .py-4 {\n padding-block: calc(var(--spacing) * 4);\n }\n\n .py-4\\.75 {\n padding-block: calc(var(--spacing) * 4.75);\n }\n\n .py-8 {\n padding-block: calc(var(--spacing) * 8);\n }\n\n .ps-4 {\n padding-inline-start: calc(var(--spacing) * 4);\n }\n\n .ps-8 {\n padding-inline-start: calc(var(--spacing) * 8);\n }\n\n .pe-4 {\n padding-inline-end: calc(var(--spacing) * 4);\n }\n\n .pt-0\\.5 {\n padding-top: calc(var(--spacing) * .5);\n }\n\n .pt-1 {\n padding-top: var(--spacing);\n }\n\n .pt-2 {\n padding-top: calc(var(--spacing) * 2);\n }\n\n .pt-3 {\n padding-top: calc(var(--spacing) * 3);\n }\n\n .pt-4 {\n padding-top: calc(var(--spacing) * 4);\n }\n\n .pt-6 {\n padding-top: calc(var(--spacing) * 6);\n }\n\n .pt-8 {\n padding-top: calc(var(--spacing) * 8);\n }\n\n .pt-px {\n padding-top: 1px;\n }\n\n .pr-1 {\n padding-right: var(--spacing);\n }\n\n .pr-2 {\n padding-right: calc(var(--spacing) * 2);\n }\n\n .pr-3\\.25 {\n padding-right: calc(var(--spacing) * 3.25);\n }\n\n .pr-4 {\n padding-right: calc(var(--spacing) * 4);\n }\n\n .pr-4\\.5 {\n padding-right: calc(var(--spacing) * 4.5);\n }\n\n .pr-5 {\n padding-right: calc(var(--spacing) * 5);\n }\n\n .pb-0 {\n padding-bottom: 0;\n }\n\n .pb-1 {\n padding-bottom: var(--spacing);\n }\n\n .pb-2 {\n padding-bottom: calc(var(--spacing) * 2);\n }\n\n .pb-3 {\n padding-bottom: calc(var(--spacing) * 3);\n }\n\n .pb-3\\.5 {\n padding-bottom: calc(var(--spacing) * 3.5);\n }\n\n .pb-4 {\n padding-bottom: calc(var(--spacing) * 4);\n }\n\n .pb-6 {\n padding-bottom: calc(var(--spacing) * 6);\n }\n\n .pl-1 {\n padding-left: var(--spacing);\n }\n\n .pl-1\\.5 {\n padding-left: calc(var(--spacing) * 1.5);\n }\n\n .pl-2 {\n padding-left: calc(var(--spacing) * 2);\n }\n\n .pl-4 {\n padding-left: calc(var(--spacing) * 4);\n }\n\n .pl-4\\.25 {\n padding-left: calc(var(--spacing) * 4.25);\n }\n\n .pl-5 {\n padding-left: calc(var(--spacing) * 5);\n }\n\n .pl-6 {\n padding-left: calc(var(--spacing) * 6);\n }\n\n .pl-11\\.75 {\n padding-left: calc(var(--spacing) * 11.75);\n }\n\n .pl-px {\n padding-left: 1px;\n }\n\n .text-center {\n text-align: center;\n }\n\n .text-left {\n text-align: left;\n }\n\n .text-right {\n text-align: right;\n }\n\n .text-start {\n text-align: start;\n }\n\n .align-middle {\n vertical-align: middle;\n }\n\n .font-\\[Material_Symbols_Outlined\\] {\n font-family: Material Symbols Outlined;\n }\n\n .font-\\[inherit\\] {\n font-family: inherit;\n }\n\n .text-base {\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n }\n\n .text-lg {\n font-size: var(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n }\n\n .text-md {\n font-size: var(--text-md);\n line-height: var(--tw-leading, var(--text-md--line-height));\n }\n\n .text-sm {\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n }\n\n .text-xl {\n font-size: var(--text-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n }\n\n .text-xs {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n }\n\n .text-\\[0\\.9375rem\\] {\n font-size: .9375rem;\n }\n\n .text-\\[1\\.25rem\\] {\n font-size: 1.25rem;\n }\n\n .text-\\[18px\\] {\n font-size: 18px;\n }\n\n .leading-3\\.5 {\n --tw-leading: calc(var(--spacing) * 3.5);\n line-height: calc(var(--spacing) * 3.5);\n }\n\n .leading-4\\.25 {\n --tw-leading: calc(var(--spacing) * 4.25);\n line-height: calc(var(--spacing) * 4.25);\n }\n\n .leading-\\[1\\.125rem\\] {\n --tw-leading: 1.125rem;\n line-height: 1.125rem;\n }\n\n .leading-\\[1\\.0625rem\\] {\n --tw-leading: 1.0625rem;\n line-height: 1.0625rem;\n }\n\n .leading-\\[1\\.21875rem\\] {\n --tw-leading: 1.21875rem;\n line-height: 1.21875rem;\n }\n\n .leading-none {\n --tw-leading: 1;\n line-height: 1;\n }\n\n .leading-relaxed {\n --tw-leading: var(--leading-relaxed);\n line-height: var(--leading-relaxed);\n }\n\n .leading-snug {\n --tw-leading: var(--leading-snug);\n line-height: var(--leading-snug);\n }\n\n .leading-tight {\n --tw-leading: var(--leading-tight);\n line-height: var(--leading-tight);\n }\n\n .font-black {\n --tw-font-weight: var(--font-weight-black);\n font-weight: var(--font-weight-black);\n }\n\n .font-bold {\n --tw-font-weight: var(--font-weight-bold);\n font-weight: var(--font-weight-bold);\n }\n\n .font-light {\n --tw-font-weight: var(--font-weight-light);\n font-weight: var(--font-weight-light);\n }\n\n .font-medium {\n --tw-font-weight: var(--font-weight-medium);\n font-weight: var(--font-weight-medium);\n }\n\n .font-normal {\n --tw-font-weight: var(--font-weight-normal);\n font-weight: var(--font-weight-normal);\n }\n\n .font-semibold {\n --tw-font-weight: var(--font-weight-semibold);\n font-weight: var(--font-weight-semibold);\n }\n\n .tracking-wider {\n --tw-tracking: var(--tracking-wider);\n letter-spacing: var(--tracking-wider);\n }\n\n .wrap-break-word {\n overflow-wrap: break-word;\n }\n\n .break-all {\n word-break: break-all;\n }\n\n .text-ellipsis {\n text-overflow: ellipsis;\n }\n\n .whitespace-normal {\n white-space: normal;\n }\n\n .whitespace-nowrap {\n white-space: nowrap;\n }\n\n .text-\\(--axebow-anti-flash-white\\) {\n color: var(--axebow-anti-flash-white);\n }\n\n .text-\\(--axebow-black\\) {\n color: var(--axebow-black);\n }\n\n .text-\\(--axebow-error\\) {\n color: var(--axebow-error);\n }\n\n .text-\\(--axebow-gray\\) {\n color: var(--axebow-gray);\n }\n\n .text-\\(--axebow-primary\\) {\n color: var(--axebow-primary);\n }\n\n .text-\\(--axebow-rich-black\\) {\n color: var(--axebow-rich-black);\n }\n\n .text-\\(--axebow-secondary\\) {\n color: var(--axebow-secondary);\n }\n\n .text-\\(--axebow-strong-gray\\) {\n color: var(--axebow-strong-gray);\n }\n\n .text-\\(--axebow-tertiary\\) {\n color: var(--axebow-tertiary);\n }\n\n .text-\\(--axebow-text-gray\\) {\n color: var(--axebow-text-gray);\n }\n\n .text-\\[\\#006BFF\\] {\n color: #006bff;\n }\n\n .text-\\[\\#8A94AE\\] {\n color: #8a94ae;\n }\n\n .text-\\[\\#78787A\\] {\n color: #78787a;\n }\n\n .text-\\[\\#344966\\] {\n color: #344966;\n }\n\n .text-\\[\\#E93A3A\\] {\n color: #e93a3a;\n }\n\n .text-\\[var\\(--axebow-error\\)\\] {\n color: var(--axebow-error);\n }\n\n .text-\\[var\\(--axebow-tertiary\\)\\] {\n color: var(--axebow-tertiary);\n }\n\n .text-black {\n color: var(--color-black);\n }\n\n .text-blue-600 {\n color: var(--color-blue-600);\n }\n\n .text-blue-800 {\n color: var(--color-blue-800);\n }\n\n .text-gray-300 {\n color: var(--color-gray-300);\n }\n\n .text-gray-400 {\n color: var(--color-gray-400);\n }\n\n .text-gray-500 {\n color: var(--color-gray-500);\n }\n\n .text-gray-600 {\n color: var(--color-gray-600);\n }\n\n .text-gray-700 {\n color: var(--color-gray-700);\n }\n\n .text-green-600 {\n color: var(--color-green-600);\n }\n\n .text-green-800 {\n color: var(--color-green-800);\n }\n\n .text-inherit {\n color: inherit;\n }\n\n .text-red-800 {\n color: var(--color-red-800);\n }\n\n .text-white {\n color: var(--color-white);\n }\n\n .text-yellow-600 {\n color: var(--color-yellow-600);\n }\n\n .text-yellow-800 {\n color: var(--color-yellow-800);\n }\n\n .capitalize {\n text-transform: capitalize;\n }\n\n .uppercase {\n text-transform: uppercase;\n }\n\n .italic {\n font-style: italic;\n }\n\n .not-italic {\n font-style: normal;\n }\n\n .no-underline {\n text-decoration-line: none;\n }\n\n .underline {\n text-decoration-line: underline;\n }\n\n .decoration-\\(--axebow-error\\) {\n -webkit-text-decoration-color: var(--axebow-error);\n -webkit-text-decoration-color: var(--axebow-error);\n text-decoration-color: var(--axebow-error);\n }\n\n .placeholder-gray-400::placeholder {\n color: var(--color-gray-400);\n }\n\n .opacity-0 {\n opacity: 0;\n }\n\n .opacity-40 {\n opacity: .4;\n }\n\n .opacity-50 {\n opacity: .5;\n }\n\n .opacity-60 {\n opacity: .6;\n }\n\n .opacity-70 {\n opacity: .7;\n }\n\n .opacity-100 {\n opacity: 1;\n }\n\n .shadow-\\[0_-8px_8px_-8px_rgba\\(13\\,24\\,33\\,0\\.15\\)\\] {\n --tw-shadow: 0 -8px 8px -8px var(--tw-shadow-color, #0d182126);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .shadow-\\[0_2px_6px_rgba\\(0\\,0\\,0\\,0\\.2\\)\\] {\n --tw-shadow: 0 2px 6px var(--tw-shadow-color, #0003);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .shadow-\\[0_4px_12px_rgba\\(0\\,0\\,0\\,0\\.1\\)\\] {\n --tw-shadow: 0 4px 12px var(--tw-shadow-color, #0000001a);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .shadow-\\[0_6px_16px_rgba\\(13\\,24\\,33\\,0\\.18\\)\\] {\n --tw-shadow: 0 6px 16px var(--tw-shadow-color, #0d18212e);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .shadow-\\[2px_2px_25px_0px_rgba\\(0\\,0\\,0\\,0\\.1\\)\\] {\n --tw-shadow: 2px 2px 25px 0px var(--tw-shadow-color, #0000001a);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .shadow-lg {\n --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .shadow-md {\n --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .shadow-none {\n --tw-shadow: 0 0 #0000;\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .shadow-sm {\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .axebow-shadow-hover {\n transition: box-shadow .2s ease-in-out;\n }\n\n .axebow-shadow-hover:hover {\n box-shadow: 0 4px 12px #0d182114;\n }\n\n .outline {\n outline-style: var(--tw-outline-style);\n outline-width: 1px;\n }\n\n .blur {\n --tw-blur: blur(8px);\n filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );\n }\n\n .grayscale {\n --tw-grayscale: grayscale(100%);\n filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );\n }\n\n .filter {\n filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );\n }\n\n .transition {\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n\n .transition-\\[filter\\] {\n transition-property: filter;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n\n .transition-all {\n transition-property: all;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n\n .transition-colors {\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n\n .transition-opacity {\n transition-property: opacity;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n\n .transition-shadow {\n transition-property: box-shadow;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n\n .transition-transform {\n transition-property: transform, translate, scale, rotate;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n\n .delay-100 {\n transition-delay: .1s;\n }\n\n .duration-120 {\n --tw-duration: .12s;\n transition-duration: .12s;\n }\n\n .duration-150 {\n --tw-duration: .15s;\n transition-duration: .15s;\n }\n\n .duration-200 {\n --tw-duration: .2s;\n transition-duration: .2s;\n }\n\n .duration-300 {\n --tw-duration: .3s;\n transition-duration: .3s;\n }\n\n .ease-in-out {\n --tw-ease: var(--ease-in-out);\n transition-timing-function: var(--ease-in-out);\n }\n\n .ease-out {\n --tw-ease: var(--ease-out);\n transition-timing-function: var(--ease-out);\n }\n\n .outline-none {\n --tw-outline-style: none;\n outline-style: none;\n }\n\n .select-none {\n -webkit-user-select: none;\n user-select: none;\n }\n\n .\\[font-variation-settings\\:\\'FILL\\'_0\\,\\'wght\\'_400\\,\\'GRAD\\'_0\\,\\'opsz\\'_24\\] {\n font-variation-settings: \"FILL\" 0,\"wght\" 400,\"GRAD\" 0,\"opsz\" 24;\n }\n\n .\\[font-variation-settings\\:\\'FILL\\'_1\\,\\'wght\\'_400\\,\\'GRAD\\'_0\\,\\'opsz\\'_24\\] {\n font-variation-settings: \"FILL\" 1,\"wght\" 400,\"GRAD\" 0,\"opsz\" 24;\n }\n\n @media (hover: hover) {\n .group-hover\\:translate-x-0:is(:where(.group):hover *) {\n --tw-translate-x: 0;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .group-hover\\:rotate-15:is(:where(.group):hover *) {\n rotate: 15deg;\n }\n\n .group-hover\\:font-semibold:is(:where(.group):hover *) {\n --tw-font-weight: var(--font-weight-semibold);\n font-weight: var(--font-weight-semibold);\n }\n\n .group-hover\\:text-\\(--axebow-primary\\):is(:where(.group):hover *) {\n color: var(--axebow-primary);\n }\n\n .group-hover\\:opacity-100:is(:where(.group):hover *) {\n opacity: 1;\n }\n\n .group-hover\\:invert:is(:where(.group):hover *) {\n --tw-invert: invert(100%);\n filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );\n }\n }\n\n .last\\:border-b-0:last-child {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 0;\n }\n\n .focus-within\\:border-\\(--axebow-tertiary\\):focus-within {\n border-color: var(--axebow-tertiary);\n }\n\n .focus-within\\:border-blue-500:focus-within {\n border-color: var(--color-blue-500);\n }\n\n .focus-within\\:ring-2:focus-within {\n --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .focus-within\\:ring-blue-100:focus-within {\n --tw-ring-color: var(--color-blue-100);\n }\n\n @media (hover: hover) {\n .hover\\:scale-105:hover {\n --tw-scale-x: 105%;\n --tw-scale-y: 105%;\n --tw-scale-z: 105%;\n scale: var(--tw-scale-x) var(--tw-scale-y);\n }\n\n .hover\\:border-2:hover {\n border-style: var(--tw-border-style);\n border-width: 2px;\n }\n\n .hover\\:border-solid:hover {\n --tw-border-style: solid;\n border-style: solid;\n }\n\n .hover\\:border-\\(--axebow-gray\\):hover {\n border-color: var(--axebow-gray);\n }\n\n .hover\\:border-\\(--axebow-primary\\):hover {\n border-color: var(--axebow-primary);\n }\n\n .hover\\:border-\\(--axebow-tertiary\\):hover, .hover\\:border-\\[var\\(--axebow-tertiary\\)\\]:hover {\n border-color: var(--axebow-tertiary);\n }\n\n .hover\\:border-red-300:hover {\n border-color: var(--color-red-300);\n }\n\n .hover\\:bg-\\(--axebow-anti-flash-white\\):hover {\n background-color: var(--axebow-anti-flash-white);\n }\n\n .hover\\:bg-\\(--axebow-base\\):hover {\n background-color: var(--axebow-base);\n }\n\n .hover\\:bg-\\(--axebow-gray\\):hover {\n background-color: var(--axebow-gray);\n }\n\n .hover\\:bg-\\(--axebow-light-gray\\):hover {\n background-color: var(--axebow-light-gray);\n }\n\n .hover\\:bg-\\(--axebow-primary\\):hover {\n background-color: var(--axebow-primary);\n }\n\n .hover\\:bg-\\[var\\(--axebow-anti-flash-white\\)\\]:hover {\n background-color: var(--axebow-anti-flash-white);\n }\n\n .hover\\:bg-gray-50:hover {\n background-color: var(--color-gray-50);\n }\n\n .hover\\:bg-gray-100:hover {\n background-color: var(--color-gray-100);\n }\n\n .hover\\:bg-gray-200:hover {\n background-color: var(--color-gray-200);\n }\n\n .hover\\:bg-red-50:hover {\n background-color: var(--color-red-50);\n }\n\n .hover\\:bg-white:hover {\n background-color: var(--color-white);\n }\n\n .hover\\:px-5\\.5:hover {\n padding-inline: calc(var(--spacing) * 5.5);\n }\n\n .hover\\:text-\\(--axebow-gray\\):hover {\n color: var(--axebow-gray);\n }\n\n .hover\\:text-\\(--axebow-primary\\):hover {\n color: var(--axebow-primary);\n }\n\n .hover\\:text-\\(--axebow-tertiary\\):hover {\n color: var(--axebow-tertiary);\n }\n\n .hover\\:text-black:hover {\n color: var(--color-black);\n }\n\n .hover\\:text-gray-700:hover {\n color: var(--color-gray-700);\n }\n\n .hover\\:underline:hover {\n text-decoration-line: underline;\n }\n\n .hover\\:opacity-80:hover {\n opacity: .8;\n }\n\n .hover\\:opacity-100:hover {\n opacity: 1;\n }\n\n .hover\\:shadow-\\[0_2px_6px_rgba\\(13\\,24\\,33\\,0\\.14\\)\\]:hover {\n --tw-shadow: 0 2px 6px var(--tw-shadow-color, #0d182124);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .hover\\:shadow-\\[0_4px_12px_0_rgba\\(13\\,24\\,33\\,0\\.08\\)\\]:hover {\n --tw-shadow: 0 4px 12px 0 var(--tw-shadow-color, #0d182114);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .hover\\:shadow-lg:hover {\n --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n\n .focus\\:outline-2:focus {\n outline-style: var(--tw-outline-style);\n outline-width: 2px;\n }\n\n .focus\\:outline-offset-1:focus {\n outline-offset: 1px;\n }\n\n .focus\\:outline-blue-500:focus {\n outline-color: var(--color-blue-500);\n }\n\n .focus\\:outline-none:focus {\n --tw-outline-style: none;\n outline-style: none;\n }\n\n .focus-visible\\:ring-2:focus-visible {\n --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .focus-visible\\:ring-\\[\\#006BFF\\]:focus-visible {\n --tw-ring-color: #006bff;\n }\n\n .focus-visible\\:outline-2:focus-visible {\n outline-style: var(--tw-outline-style);\n outline-width: 2px;\n }\n\n .focus-visible\\:outline-\\(--axebow-tertiary\\):focus-visible {\n outline-color: var(--axebow-tertiary);\n }\n\n .active\\:cursor-grabbing:active {\n cursor: grabbing;\n }\n\n .disabled\\:cursor-not-allowed:disabled {\n cursor: not-allowed;\n }\n\n .disabled\\:opacity-50:disabled {\n opacity: .5;\n }\n\n @media (min-width: 48rem) {\n .md\\:gap-8 {\n gap: calc(var(--spacing) * 8);\n }\n }\n\n @media (min-width: 64rem) {\n .lg\\:sticky {\n position: sticky;\n }\n\n .lg\\:block {\n display: block;\n }\n\n .lg\\:flex {\n display: flex;\n }\n\n .lg\\:hidden {\n display: none;\n }\n\n .lg\\:inline {\n display: inline;\n }\n\n .lg\\:min-h-\\(--card-height\\) {\n min-height: var(--card-height);\n }\n\n .lg\\:min-h-\\[calc\\(100vh-6\\.25rem\\)\\] {\n min-height: calc(100vh - 6.25rem);\n }\n\n .lg\\:w-\\(--card-width\\) {\n width: var(--card-width);\n }\n\n .lg\\:min-w-150 {\n min-width: var(--spacing-150);\n }\n\n .lg\\:cursor-default {\n cursor: default;\n }\n\n .lg\\:rounded-md {\n border-radius: var(--radius-md);\n }\n\n .lg\\:border {\n border-style: var(--tw-border-style);\n border-width: 1px;\n }\n\n .lg\\:text-base {\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n }\n\n .lg\\:text-lg {\n font-size: var(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n }\n\n .lg\\:shadow {\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n}\n\n:host {\n font-family: var(--font-sans);\n font-size: var(--text-base);\n line-height: var(--text-base--line-height);\n --font-sans: \"Open Sans\", sans-serif;\n --text-xs: .625rem;\n --text-xs--line-height: .875rem;\n --text-sm: .75rem;\n --text-sm--line-height: 1rem;\n --text-base: .875rem;\n --text-base--line-height: 1.25rem;\n --text-md: 1rem;\n --text-md--line-height: 1.5rem;\n --text-lg: 1.125rem;\n --text-lg--line-height: 1.75rem;\n --text-xl: 1.25rem;\n --text-xl--line-height: 1.75rem;\n --text-2xl: 1.5rem;\n --text-2xl--line-height: 2rem;\n --text-3xl: 1.875rem;\n --text-3xl--line-height: 2.25rem;\n --text-4xl: 2.25rem;\n --text-4xl--line-height: 2.5rem;\n --text-5xl: 3rem;\n --text-5xl--line-height: 1;\n --text-6xl: 3.75rem;\n --text-6xl--line-height: 1;\n --text-7xl: 4.5rem;\n --text-7xl--line-height: 1;\n --text-8xl: 4.625rem;\n --text-8xl--line-height: 1;\n --text-9xl: 6.125rem;\n --text-9xl--line-height: 1;\n}\n\n:root {\n --sl-font-sans: \"Open Sans\", sans-serif;\n --sl-font-size-2x-small: var(--text-xs);\n --sl-font-size-x-small: var(--text-xs);\n --sl-font-size-small: var(--text-sm);\n --sl-font-size-medium: var(--text-base);\n --sl-font-size-large: var(--text-md);\n --sl-font-size-x-large: var(--text-lg);\n --sl-font-size-2x-large: var(--text-xl);\n --sl-font-size-3x-large: var(--text-3xl);\n --sl-font-size-4x-large: var(--text-5xl);\n --sl-input-font-size-small: var(--text-sm);\n --sl-input-font-size-medium: var(--text-base);\n --sl-input-font-size-large: var(--text-md);\n --sl-button-font-size-small: var(--text-sm);\n --sl-button-font-size-medium: var(--text-base);\n --sl-button-font-size-large: var(--text-md);\n --sl-tooltip-font-size: var(--text-base);\n}\n\nbutton, input, select, textarea {\n font-family: inherit;\n font-size: inherit;\n}\n\ninput, select, textarea, sl-menu-item::part(label), sl-option::part(label) {\n font-size: var(--text-base);\n}\n\n:root {\n --axebow-scrollbar-line-color: var(--axebow-tertiary, #e51c8e);\n --axebow-scrollbar-track-color: #f0f1f5;\n --axebow-scrollbar-thumb-color: #cbd5e1;\n --axebow-scrollbar-thumb-hover-color: #94a3b8;\n}\n\nsl-select::part(listbox)::-webkit-scrollbar {\n border-left: 2px solid var(--axebow-scrollbar-line-color);\n width: 11px;\n height: 11px;\n}\n\nsl-dropdown::part(panel)::-webkit-scrollbar {\n border-left: 2px solid var(--axebow-scrollbar-line-color);\n width: 11px;\n height: 11px;\n}\n\nsl-menu::part(base)::-webkit-scrollbar {\n border-left: 2px solid var(--axebow-scrollbar-line-color);\n width: 11px;\n height: 11px;\n}\n\nsl-select::part(listbox)::-webkit-scrollbar-button {\n display: none;\n}\n\nsl-dropdown::part(panel)::-webkit-scrollbar-button {\n display: none;\n}\n\nsl-menu::part(base)::-webkit-scrollbar-button {\n display: none;\n}\n\nsl-select::part(listbox)::-webkit-scrollbar-track {\n background-color: var(--axebow-scrollbar-track-color);\n background-clip: padding-box;\n border: 2px solid #0000;\n border-left-width: 3px;\n border-radius: 9999px;\n}\n\nsl-dropdown::part(panel)::-webkit-scrollbar-track {\n background-color: var(--axebow-scrollbar-track-color);\n background-clip: padding-box;\n border: 2px solid #0000;\n border-left-width: 3px;\n border-radius: 9999px;\n}\n\nsl-menu::part(base)::-webkit-scrollbar-track {\n background-color: var(--axebow-scrollbar-track-color);\n background-clip: padding-box;\n border: 2px solid #0000;\n border-left-width: 3px;\n border-radius: 9999px;\n}\n\nsl-select::part(listbox)::-webkit-scrollbar-thumb {\n background-color: var(--axebow-scrollbar-thumb-color);\n background-clip: padding-box;\n border: 2px solid #0000;\n border-left-width: 3px;\n border-radius: 9999px;\n}\n\nsl-dropdown::part(panel)::-webkit-scrollbar-thumb {\n background-color: var(--axebow-scrollbar-thumb-color);\n background-clip: padding-box;\n border: 2px solid #0000;\n border-left-width: 3px;\n border-radius: 9999px;\n}\n\nsl-menu::part(base)::-webkit-scrollbar-thumb {\n background-color: var(--axebow-scrollbar-thumb-color);\n background-clip: padding-box;\n border: 2px solid #0000;\n border-left-width: 3px;\n border-radius: 9999px;\n}\n\nsl-select::part(listbox)::-webkit-scrollbar-thumb:hover {\n background-color: var(--axebow-scrollbar-thumb-hover-color);\n}\n\nsl-dropdown::part(panel)::-webkit-scrollbar-thumb:hover {\n background-color: var(--axebow-scrollbar-thumb-hover-color);\n}\n\nsl-menu::part(base)::-webkit-scrollbar-thumb:hover {\n background-color: var(--axebow-scrollbar-thumb-hover-color);\n}\n\nsl-select::part(listbox), sl-dropdown::part(panel), sl-menu::part(base) {\n scrollbar-width: thin;\n scrollbar-color: var(--axebow-scrollbar-thumb-color) transparent;\n}\n\nsl-select::part(listbox), sl-select::part(menu) {\n width: max-content !important;\n min-width: 100% !important;\n max-width: 90vw !important;\n}\n\n.axebow-blue-button::part(base) {\n background-color: var(--axebow-tertiary);\n}\n\n.info-container-page {\n flex-wrap: wrap;\n gap: 2rem;\n display: flex;\n}\n\nsl-divider {\n background: var(--axebow-light-gray);\n height: 1px;\n margin-top: .5rem;\n margin-bottom: .5rem;\n}\n\n.axebow-shadow {\n box-shadow: 2px 2px 25px #0000001a;\n}\n\n@property --tw-translate-x {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-translate-y {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-translate-z {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-rotate-x {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-rotate-y {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-rotate-z {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-skew-x {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-skew-y {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-space-y-reverse {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-border-style {\n syntax: \"*\";\n inherits: false;\n initial-value: solid;\n}\n\n@property --tw-leading {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-font-weight {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-tracking {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-shadow-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n\n@property --tw-inset-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-inset-shadow-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-inset-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n\n@property --tw-ring-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-ring-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-inset-ring-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-inset-ring-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-ring-inset {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-ring-offset-width {\n syntax: \"<length>\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-ring-offset-color {\n syntax: \"*\";\n inherits: false;\n initial-value: #fff;\n}\n\n@property --tw-ring-offset-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-outline-style {\n syntax: \"*\";\n inherits: false;\n initial-value: solid;\n}\n\n@property --tw-blur {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-brightness {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-contrast {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-grayscale {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-hue-rotate {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-invert {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-opacity {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-saturate {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-sepia {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-drop-shadow {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-drop-shadow-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-drop-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n\n@property --tw-drop-shadow-size {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-duration {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-ease {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-scale-x {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n\n@property --tw-scale-y {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n\n@property --tw-scale-z {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n";
|
|
219
|
+
var tailwind_default = "/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n@layer properties {\n @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {\n *, :before, :after, ::backdrop {\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-translate-z: 0;\n --tw-rotate-x: initial;\n --tw-rotate-y: initial;\n --tw-rotate-z: initial;\n --tw-skew-x: initial;\n --tw-skew-y: initial;\n --tw-space-y-reverse: 0;\n --tw-border-style: solid;\n --tw-leading: initial;\n --tw-font-weight: initial;\n --tw-tracking: initial;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-color: initial;\n --tw-shadow-alpha: 100%;\n --tw-inset-shadow: 0 0 #0000;\n --tw-inset-shadow-color: initial;\n --tw-inset-shadow-alpha: 100%;\n --tw-ring-color: initial;\n --tw-ring-shadow: 0 0 #0000;\n --tw-inset-ring-color: initial;\n --tw-inset-ring-shadow: 0 0 #0000;\n --tw-ring-inset: initial;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-outline-style: solid;\n --tw-blur: initial;\n --tw-brightness: initial;\n --tw-contrast: initial;\n --tw-grayscale: initial;\n --tw-hue-rotate: initial;\n --tw-invert: initial;\n --tw-opacity: initial;\n --tw-saturate: initial;\n --tw-sepia: initial;\n --tw-drop-shadow: initial;\n --tw-drop-shadow-color: initial;\n --tw-drop-shadow-alpha: 100%;\n --tw-drop-shadow-size: initial;\n --tw-duration: initial;\n --tw-ease: initial;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-scale-z: 1;\n }\n }\n}\n\n@layer theme {\n :root, :host {\n --font-sans: \"Open Sans\", sans-serif;\n --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\n \"Courier New\", monospace;\n --color-red-50: oklch(97.1% .013 17.38);\n --color-red-100: oklch(93.6% .032 17.717);\n --color-red-300: oklch(80.8% .114 19.571);\n --color-red-800: oklch(44.4% .177 26.899);\n --color-yellow-600: oklch(68.1% .162 75.834);\n --color-yellow-800: oklch(47.6% .114 61.907);\n --color-green-50: oklch(98.2% .018 155.826);\n --color-green-200: oklch(92.5% .084 155.995);\n --color-green-600: oklch(62.7% .194 149.214);\n --color-green-800: oklch(44.8% .119 151.328);\n --color-sky-50: oklch(97.7% .013 236.62);\n --color-sky-100: oklch(95.1% .026 236.824);\n --color-blue-50: oklch(97% .014 254.604);\n --color-blue-100: oklch(93.2% .032 255.585);\n --color-blue-200: oklch(88.2% .059 254.128);\n --color-blue-500: oklch(62.3% .214 259.815);\n --color-blue-600: oklch(54.6% .245 262.881);\n --color-blue-800: oklch(42.4% .199 265.638);\n --color-gray-50: oklch(98.5% .002 247.839);\n --color-gray-100: oklch(96.7% .003 264.542);\n --color-gray-200: oklch(92.8% .006 264.531);\n --color-gray-300: oklch(87.2% .01 258.338);\n --color-gray-400: oklch(70.7% .022 261.325);\n --color-gray-500: oklch(55.1% .027 264.364);\n --color-gray-600: oklch(44.6% .03 256.802);\n --color-gray-700: oklch(37.3% .034 259.733);\n --color-black: #000;\n --color-white: #fff;\n --spacing: .25rem;\n --text-xs: .625rem;\n --text-xs--line-height: .875rem;\n --text-sm: .75rem;\n --text-sm--line-height: 1rem;\n --text-base: .875rem;\n --text-base--line-height: 1.25rem;\n --text-lg: 1.125rem;\n --text-lg--line-height: 1.75rem;\n --text-xl: 1.25rem;\n --text-xl--line-height: 1.75rem;\n --text-3xl: 1.875rem;\n --text-5xl: 3rem;\n --font-weight-light: 300;\n --font-weight-normal: 400;\n --font-weight-medium: 500;\n --font-weight-semibold: 600;\n --font-weight-bold: 700;\n --font-weight-black: 900;\n --tracking-wider: .05em;\n --leading-tight: 1.25;\n --leading-snug: 1.375;\n --leading-relaxed: 1.625;\n --radius-sm: .25rem;\n --radius-md: .375rem;\n --radius-lg: .5rem;\n --radius-xl: .75rem;\n --ease-out: cubic-bezier(0, 0, .2, 1);\n --ease-in-out: cubic-bezier(.4, 0, .2, 1);\n --default-transition-duration: .15s;\n --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n --default-font-family: var(--font-sans);\n --default-mono-font-family: var(--font-mono);\n --text-md: 1rem;\n --text-md--line-height: 1.5rem;\n --spacing-18: 4.5rem;\n --spacing-30: 7.5rem;\n --spacing-38: 9.5rem;\n --spacing-43: 10.75rem;\n --spacing-50: 12.5rem;\n --spacing-75: 18.75rem;\n --spacing-117: 29.25rem;\n --spacing-120: 30rem;\n --spacing-150: 37.5rem;\n }\n}\n\n@layer base {\n *, :after, :before, ::backdrop {\n box-sizing: border-box;\n border: 0 solid;\n margin: 0;\n padding: 0;\n }\n\n ::file-selector-button {\n box-sizing: border-box;\n border: 0 solid;\n margin: 0;\n padding: 0;\n }\n\n html, :host {\n -webkit-text-size-adjust: 100%;\n tab-size: 4;\n line-height: 1.5;\n font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");\n font-feature-settings: var(--default-font-feature-settings, normal);\n font-variation-settings: var(--default-font-variation-settings, normal);\n -webkit-tap-highlight-color: transparent;\n }\n\n hr {\n height: 0;\n color: inherit;\n border-top-width: 1px;\n }\n\n abbr:where([title]) {\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n }\n\n h1, h2, h3, h4, h5, h6 {\n font-size: inherit;\n font-weight: inherit;\n }\n\n a {\n color: inherit;\n -webkit-text-decoration: inherit;\n -webkit-text-decoration: inherit;\n -webkit-text-decoration: inherit;\n text-decoration: inherit;\n }\n\n b, strong {\n font-weight: bolder;\n }\n\n code, kbd, samp, pre {\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\n font-size: 1em;\n }\n\n small {\n font-size: 80%;\n }\n\n sub, sup {\n vertical-align: baseline;\n font-size: 75%;\n line-height: 0;\n position: relative;\n }\n\n sub {\n bottom: -.25em;\n }\n\n sup {\n top: -.5em;\n }\n\n table {\n text-indent: 0;\n border-color: inherit;\n border-collapse: collapse;\n }\n\n :-moz-focusring {\n outline: auto;\n }\n\n progress {\n vertical-align: baseline;\n }\n\n summary {\n display: list-item;\n }\n\n ol, ul, menu {\n list-style: none;\n }\n\n img, svg, video, canvas, audio, iframe, embed, object {\n vertical-align: middle;\n display: block;\n }\n\n img, video {\n max-width: 100%;\n height: auto;\n }\n\n button, input, select, optgroup, textarea {\n font: inherit;\n font-feature-settings: inherit;\n font-variation-settings: inherit;\n letter-spacing: inherit;\n color: inherit;\n opacity: 1;\n background-color: #0000;\n border-radius: 0;\n }\n\n ::file-selector-button {\n font: inherit;\n font-feature-settings: inherit;\n font-variation-settings: inherit;\n letter-spacing: inherit;\n color: inherit;\n opacity: 1;\n background-color: #0000;\n border-radius: 0;\n }\n\n :where(select:is([multiple], [size])) optgroup {\n font-weight: bolder;\n }\n\n :where(select:is([multiple], [size])) optgroup option {\n padding-inline-start: 20px;\n }\n\n ::file-selector-button {\n margin-inline-end: 4px;\n }\n\n ::placeholder {\n opacity: 1;\n }\n\n @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {\n ::placeholder {\n color: currentColor;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n ::placeholder {\n color: color-mix(in oklab, currentcolor 50%, transparent);\n }\n }\n }\n\n textarea {\n resize: vertical;\n }\n\n ::-webkit-search-decoration {\n -webkit-appearance: none;\n }\n\n ::-webkit-date-and-time-value {\n min-height: 1lh;\n text-align: inherit;\n }\n\n ::-webkit-datetime-edit {\n display: inline-flex;\n }\n\n ::-webkit-datetime-edit-fields-wrapper {\n padding: 0;\n }\n\n ::-webkit-datetime-edit {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-year-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-month-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-day-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-hour-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-minute-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-second-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-millisecond-field {\n padding-block: 0;\n }\n\n ::-webkit-datetime-edit-meridiem-field {\n padding-block: 0;\n }\n\n ::-webkit-calendar-picker-indicator {\n line-height: 1;\n }\n\n :-moz-ui-invalid {\n box-shadow: none;\n }\n\n button, input:where([type=\"button\"], [type=\"reset\"], [type=\"submit\"]) {\n appearance: button;\n }\n\n ::file-selector-button {\n appearance: button;\n }\n\n ::-webkit-inner-spin-button {\n height: auto;\n }\n\n ::-webkit-outer-spin-button {\n height: auto;\n }\n\n [hidden]:where(:not([hidden=\"until-found\"])) {\n display: none !important;\n }\n}\n\n@layer components;\n\n@layer utilities {\n .pointer-events-auto {\n pointer-events: auto;\n }\n\n .pointer-events-none {\n pointer-events: none;\n }\n\n .visible {\n visibility: visible;\n }\n\n .absolute {\n position: absolute;\n }\n\n .fixed {\n position: fixed;\n }\n\n .relative {\n position: relative;\n }\n\n .static {\n position: static;\n }\n\n .-top-2\\.25 {\n top: calc(var(--spacing) * -2.25);\n }\n\n .top-0 {\n top: 0;\n }\n\n .top-1 {\n top: var(--spacing);\n }\n\n .top-1\\/2 {\n top: 50%;\n }\n\n .top-3 {\n top: calc(var(--spacing) * 3);\n }\n\n .top-25 {\n top: calc(var(--spacing) * 25);\n }\n\n .top-\\[-7px\\] {\n top: -7px;\n }\n\n .top-full {\n top: 100%;\n }\n\n .-right-2\\.25 {\n right: calc(var(--spacing) * -2.25);\n }\n\n .right-0 {\n right: 0;\n }\n\n .right-0\\.5 {\n right: calc(var(--spacing) * .5);\n }\n\n .right-1 {\n right: var(--spacing);\n }\n\n .right-1\\.5 {\n right: calc(var(--spacing) * 1.5);\n }\n\n .right-3 {\n right: calc(var(--spacing) * 3);\n }\n\n .right-\\[calc\\(100\\%\\+10px\\)\\] {\n right: calc(100% + 10px);\n }\n\n .bottom-0 {\n bottom: 0;\n }\n\n .bottom-0\\.5 {\n bottom: calc(var(--spacing) * .5);\n }\n\n .bottom-full {\n bottom: 100%;\n }\n\n .left-0 {\n left: 0;\n }\n\n .left-1\\/2 {\n left: 50%;\n }\n\n .left-\\[-7px\\] {\n left: -7px;\n }\n\n .left-\\[calc\\(100\\%\\+10px\\)\\] {\n left: calc(100% + 10px);\n }\n\n .left-full {\n left: 100%;\n }\n\n .z-5 {\n z-index: 5;\n }\n\n .z-10 {\n z-index: 10;\n }\n\n .z-50 {\n z-index: 50;\n }\n\n .z-2000 {\n z-index: 2000;\n }\n\n .z-2001 {\n z-index: 2001;\n }\n\n .z-9999 {\n z-index: 9999;\n }\n\n .row-1 {\n grid-row: 1;\n }\n\n .row-2 {\n grid-row: 2;\n }\n\n .container {\n width: 100%;\n }\n\n @media (min-width: 40rem) {\n .container {\n max-width: 40rem;\n }\n }\n\n @media (min-width: 48rem) {\n .container {\n max-width: 48rem;\n }\n }\n\n @media (min-width: 64rem) {\n .container {\n max-width: 64rem;\n }\n }\n\n @media (min-width: 80rem) {\n .container {\n max-width: 80rem;\n }\n }\n\n @media (min-width: 96rem) {\n .container {\n max-width: 96rem;\n }\n }\n\n .m-0 {\n margin: 0;\n }\n\n .mx-2 {\n margin-inline: calc(var(--spacing) * 2);\n }\n\n .mx-6 {\n margin-inline: calc(var(--spacing) * 6);\n }\n\n .mx-12 {\n margin-inline: calc(var(--spacing) * 12);\n }\n\n .mx-auto {\n margin-inline: auto;\n }\n\n .my-0\\.5 {\n margin-block: calc(var(--spacing) * .5);\n }\n\n .my-1\\.5 {\n margin-block: calc(var(--spacing) * 1.5);\n }\n\n .my-2 {\n margin-block: calc(var(--spacing) * 2);\n }\n\n .my-4 {\n margin-block: calc(var(--spacing) * 4);\n }\n\n .ms-auto {\n margin-inline-start: auto;\n }\n\n .mt-0 {\n margin-top: 0;\n }\n\n .mt-1 {\n margin-top: var(--spacing);\n }\n\n .mt-1\\.5 {\n margin-top: calc(var(--spacing) * 1.5);\n }\n\n .mt-1\\.75 {\n margin-top: calc(var(--spacing) * 1.75);\n }\n\n .mt-2 {\n margin-top: calc(var(--spacing) * 2);\n }\n\n .mt-2\\.25 {\n margin-top: calc(var(--spacing) * 2.25);\n }\n\n .mt-3 {\n margin-top: calc(var(--spacing) * 3);\n }\n\n .mt-4 {\n margin-top: calc(var(--spacing) * 4);\n }\n\n .mt-4\\.5 {\n margin-top: calc(var(--spacing) * 4.5);\n }\n\n .mt-5 {\n margin-top: calc(var(--spacing) * 5);\n }\n\n .mt-6 {\n margin-top: calc(var(--spacing) * 6);\n }\n\n .mt-6\\.75 {\n margin-top: calc(var(--spacing) * 6.75);\n }\n\n .mt-8 {\n margin-top: calc(var(--spacing) * 8);\n }\n\n .mr-0\\.5 {\n margin-right: calc(var(--spacing) * .5);\n }\n\n .mr-1 {\n margin-right: var(--spacing);\n }\n\n .mr-2 {\n margin-right: calc(var(--spacing) * 2);\n }\n\n .mr-4 {\n margin-right: calc(var(--spacing) * 4);\n }\n\n .mr-8 {\n margin-right: calc(var(--spacing) * 8);\n }\n\n .mb-1 {\n margin-bottom: var(--spacing);\n }\n\n .mb-1\\.5 {\n margin-bottom: calc(var(--spacing) * 1.5);\n }\n\n .mb-2 {\n margin-bottom: calc(var(--spacing) * 2);\n }\n\n .mb-3 {\n margin-bottom: calc(var(--spacing) * 3);\n }\n\n .mb-4 {\n margin-bottom: calc(var(--spacing) * 4);\n }\n\n .mb-6 {\n margin-bottom: calc(var(--spacing) * 6);\n }\n\n .mb-6\\.5 {\n margin-bottom: calc(var(--spacing) * 6.5);\n }\n\n .mb-8 {\n margin-bottom: calc(var(--spacing) * 8);\n }\n\n .ml-1 {\n margin-left: var(--spacing);\n }\n\n .ml-2 {\n margin-left: calc(var(--spacing) * 2);\n }\n\n .ml-4 {\n margin-left: calc(var(--spacing) * 4);\n }\n\n .ml-12 {\n margin-left: calc(var(--spacing) * 12);\n }\n\n .ml-\\[0\\.5rem\\] {\n margin-left: .5rem;\n }\n\n .ml-\\[1\\.265625rem\\] {\n margin-left: 1.26563rem;\n }\n\n .ml-auto {\n margin-left: auto;\n }\n\n .box-border {\n box-sizing: border-box;\n }\n\n .box-content {\n box-sizing: content-box;\n }\n\n .line-clamp-1 {\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n }\n\n .line-clamp-2 {\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n }\n\n .line-clamp-11 {\n -webkit-line-clamp: 11;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n }\n\n .block {\n display: block;\n }\n\n .contents {\n display: contents;\n }\n\n .flex {\n display: flex;\n }\n\n .grid {\n display: grid;\n }\n\n .hidden {\n display: none;\n }\n\n .inline {\n display: inline;\n }\n\n .inline-block {\n display: inline-block;\n }\n\n .inline-flex {\n display: inline-flex;\n }\n\n .table {\n display: table;\n }\n\n .aspect-square {\n aspect-ratio: 1;\n }\n\n .h-2 {\n height: calc(var(--spacing) * 2);\n }\n\n .h-2\\.25 {\n height: calc(var(--spacing) * 2.25);\n }\n\n .h-2\\.75 {\n height: calc(var(--spacing) * 2.75);\n }\n\n .h-3 {\n height: calc(var(--spacing) * 3);\n }\n\n .h-3\\.5 {\n height: calc(var(--spacing) * 3.5);\n }\n\n .h-4 {\n height: calc(var(--spacing) * 4);\n }\n\n .h-4\\.5 {\n height: calc(var(--spacing) * 4.5);\n }\n\n .h-4\\.25 {\n height: calc(var(--spacing) * 4.25);\n }\n\n .h-4\\.75 {\n height: calc(var(--spacing) * 4.75);\n }\n\n .h-5 {\n height: calc(var(--spacing) * 5);\n }\n\n .h-5\\.5 {\n height: calc(var(--spacing) * 5.5);\n }\n\n .h-5\\.25 {\n height: calc(var(--spacing) * 5.25);\n }\n\n .h-6 {\n height: calc(var(--spacing) * 6);\n }\n\n .h-7 {\n height: calc(var(--spacing) * 7);\n }\n\n .h-7\\.5 {\n height: calc(var(--spacing) * 7.5);\n }\n\n .h-7\\.25 {\n height: calc(var(--spacing) * 7.25);\n }\n\n .h-8 {\n height: calc(var(--spacing) * 8);\n }\n\n .h-8\\.75 {\n height: calc(var(--spacing) * 8.75);\n }\n\n .h-9 {\n height: calc(var(--spacing) * 9);\n }\n\n .h-9\\.5 {\n height: calc(var(--spacing) * 9.5);\n }\n\n .h-9\\.75 {\n height: calc(var(--spacing) * 9.75);\n }\n\n .h-10 {\n height: calc(var(--spacing) * 10);\n }\n\n .h-10\\.5 {\n height: calc(var(--spacing) * 10.5);\n }\n\n .h-10\\.25 {\n height: calc(var(--spacing) * 10.25);\n }\n\n .h-11 {\n height: calc(var(--spacing) * 11);\n }\n\n .h-11\\.5 {\n height: calc(var(--spacing) * 11.5);\n }\n\n .h-11\\.25 {\n height: calc(var(--spacing) * 11.25);\n }\n\n .h-12 {\n height: calc(var(--spacing) * 12);\n }\n\n .h-12\\.5 {\n height: calc(var(--spacing) * 12.5);\n }\n\n .h-12\\.25 {\n height: calc(var(--spacing) * 12.25);\n }\n\n .h-12\\.75 {\n height: calc(var(--spacing) * 12.75);\n }\n\n .h-14 {\n height: calc(var(--spacing) * 14);\n }\n\n .h-14\\.25 {\n height: calc(var(--spacing) * 14.25);\n }\n\n .h-16 {\n height: calc(var(--spacing) * 16);\n }\n\n .h-17\\.75 {\n height: calc(var(--spacing) * 17.75);\n }\n\n .h-19\\.75 {\n height: calc(var(--spacing) * 19.75);\n }\n\n .h-20 {\n height: calc(var(--spacing) * 20);\n }\n\n .h-20\\.75 {\n height: calc(var(--spacing) * 20.75);\n }\n\n .h-21\\.25 {\n height: calc(var(--spacing) * 21.25);\n }\n\n .h-22\\.75 {\n height: calc(var(--spacing) * 22.75);\n }\n\n .h-24\\.75 {\n height: calc(var(--spacing) * 24.75);\n }\n\n .h-32\\.75 {\n height: calc(var(--spacing) * 32.75);\n }\n\n .h-49\\.5 {\n height: calc(var(--spacing) * 49.5);\n }\n\n .h-52\\.75 {\n height: calc(var(--spacing) * 52.75);\n }\n\n .h-57\\.5 {\n height: calc(var(--spacing) * 57.5);\n }\n\n .h-77\\.25 {\n height: calc(var(--spacing) * 77.25);\n }\n\n .h-79 {\n height: calc(var(--spacing) * 79);\n }\n\n .h-83\\.25 {\n height: calc(var(--spacing) * 83.25);\n }\n\n .h-89\\.25 {\n height: calc(var(--spacing) * 89.25);\n }\n\n .h-112 {\n height: calc(var(--spacing) * 112);\n }\n\n .h-\\[8\\.26375rem\\] {\n height: 8.26375rem;\n }\n\n .h-auto {\n height: auto;\n }\n\n .h-fit {\n height: fit-content;\n }\n\n .h-full {\n height: 100%;\n }\n\n .h-px {\n height: 1px;\n }\n\n .h-screen {\n height: 100vh;\n }\n\n .max-h-10 {\n max-height: calc(var(--spacing) * 10);\n }\n\n .max-h-40 {\n max-height: calc(var(--spacing) * 40);\n }\n\n .max-h-48 {\n max-height: calc(var(--spacing) * 48);\n }\n\n .max-h-75 {\n max-height: var(--spacing-75);\n }\n\n .max-h-\\[40vh\\] {\n max-height: 40vh;\n }\n\n .max-h-full {\n max-height: 100%;\n }\n\n .min-h-0 {\n min-height: 0;\n }\n\n .min-h-5 {\n min-height: calc(var(--spacing) * 5);\n }\n\n .min-h-9 {\n min-height: calc(var(--spacing) * 9);\n }\n\n .min-h-10 {\n min-height: calc(var(--spacing) * 10);\n }\n\n .min-h-12 {\n min-height: calc(var(--spacing) * 12);\n }\n\n .min-h-14 {\n min-height: calc(var(--spacing) * 14);\n }\n\n .min-h-19 {\n min-height: calc(var(--spacing) * 19);\n }\n\n .min-h-35 {\n min-height: calc(var(--spacing) * 35);\n }\n\n .min-h-102\\.5 {\n min-height: calc(var(--spacing) * 102.5);\n }\n\n .min-h-107\\.5 {\n min-height: calc(var(--spacing) * 107.5);\n }\n\n .min-h-113\\.25 {\n min-height: calc(var(--spacing) * 113.25);\n }\n\n .w-1\\.75 {\n width: calc(var(--spacing) * 1.75);\n }\n\n .w-1\\/3 {\n width: 33.3333%;\n }\n\n .w-2 {\n width: calc(var(--spacing) * 2);\n }\n\n .w-2\\.5 {\n width: calc(var(--spacing) * 2.5);\n }\n\n .w-3\\.5 {\n width: calc(var(--spacing) * 3.5);\n }\n\n .w-4 {\n width: calc(var(--spacing) * 4);\n }\n\n .w-4\\.5 {\n width: calc(var(--spacing) * 4.5);\n }\n\n .w-4\\.25 {\n width: calc(var(--spacing) * 4.25);\n }\n\n .w-5 {\n width: calc(var(--spacing) * 5);\n }\n\n .w-6 {\n width: calc(var(--spacing) * 6);\n }\n\n .w-7 {\n width: calc(var(--spacing) * 7);\n }\n\n .w-8 {\n width: calc(var(--spacing) * 8);\n }\n\n .w-9 {\n width: calc(var(--spacing) * 9);\n }\n\n .w-9\\.5 {\n width: calc(var(--spacing) * 9.5);\n }\n\n .w-10 {\n width: calc(var(--spacing) * 10);\n }\n\n .w-10\\.5 {\n width: calc(var(--spacing) * 10.5);\n }\n\n .w-11\\.5 {\n width: calc(var(--spacing) * 11.5);\n }\n\n .w-11\\.25 {\n width: calc(var(--spacing) * 11.25);\n }\n\n .w-12 {\n width: calc(var(--spacing) * 12);\n }\n\n .w-12\\.5 {\n width: calc(var(--spacing) * 12.5);\n }\n\n .w-12\\.75 {\n width: calc(var(--spacing) * 12.75);\n }\n\n .w-15\\.25 {\n width: calc(var(--spacing) * 15.25);\n }\n\n .w-16 {\n width: calc(var(--spacing) * 16);\n }\n\n .w-16\\.5 {\n width: calc(var(--spacing) * 16.5);\n }\n\n .w-17 {\n width: calc(var(--spacing) * 17);\n }\n\n .w-18 {\n width: var(--spacing-18);\n }\n\n .w-18\\.5 {\n width: calc(var(--spacing) * 18.5);\n }\n\n .w-18\\.75 {\n width: calc(var(--spacing) * 18.75);\n }\n\n .w-20 {\n width: calc(var(--spacing) * 20);\n }\n\n .w-20\\.5 {\n width: calc(var(--spacing) * 20.5);\n }\n\n .w-21\\.5 {\n width: calc(var(--spacing) * 21.5);\n }\n\n .w-24 {\n width: calc(var(--spacing) * 24);\n }\n\n .w-24\\.75 {\n width: calc(var(--spacing) * 24.75);\n }\n\n .w-25 {\n width: calc(var(--spacing) * 25);\n }\n\n .w-25\\.5 {\n width: calc(var(--spacing) * 25.5);\n }\n\n .w-25\\.25 {\n width: calc(var(--spacing) * 25.25);\n }\n\n .w-26\\.25 {\n width: calc(var(--spacing) * 26.25);\n }\n\n .w-27 {\n width: calc(var(--spacing) * 27);\n }\n\n .w-27\\.5 {\n width: calc(var(--spacing) * 27.5);\n }\n\n .w-28\\.25 {\n width: calc(var(--spacing) * 28.25);\n }\n\n .w-30 {\n width: var(--spacing-30);\n }\n\n .w-30\\.75 {\n width: calc(var(--spacing) * 30.75);\n }\n\n .w-32 {\n width: calc(var(--spacing) * 32);\n }\n\n .w-33\\.25 {\n width: calc(var(--spacing) * 33.25);\n }\n\n .w-34\\.25 {\n width: calc(var(--spacing) * 34.25);\n }\n\n .w-35 {\n width: calc(var(--spacing) * 35);\n }\n\n .w-36 {\n width: calc(var(--spacing) * 36);\n }\n\n .w-37 {\n width: calc(var(--spacing) * 37);\n }\n\n .w-38\\.5 {\n width: calc(var(--spacing) * 38.5);\n }\n\n .w-39\\.5 {\n width: calc(var(--spacing) * 39.5);\n }\n\n .w-41 {\n width: calc(var(--spacing) * 41);\n }\n\n .w-41\\.75 {\n width: calc(var(--spacing) * 41.75);\n }\n\n .w-42 {\n width: calc(var(--spacing) * 42);\n }\n\n .w-45 {\n width: calc(var(--spacing) * 45);\n }\n\n .w-47\\.75 {\n width: calc(var(--spacing) * 47.75);\n }\n\n .w-48 {\n width: calc(var(--spacing) * 48);\n }\n\n .w-48\\.5 {\n width: calc(var(--spacing) * 48.5);\n }\n\n .w-53 {\n width: calc(var(--spacing) * 53);\n }\n\n .w-53\\.25 {\n width: calc(var(--spacing) * 53.25);\n }\n\n .w-56\\.5 {\n width: calc(var(--spacing) * 56.5);\n }\n\n .w-57\\.5 {\n width: calc(var(--spacing) * 57.5);\n }\n\n .w-60\\.5 {\n width: calc(var(--spacing) * 60.5);\n }\n\n .w-62\\.5 {\n width: calc(var(--spacing) * 62.5);\n }\n\n .w-63\\.5 {\n width: calc(var(--spacing) * 63.5);\n }\n\n .w-63\\.75 {\n width: calc(var(--spacing) * 63.75);\n }\n\n .w-66 {\n width: calc(var(--spacing) * 66);\n }\n\n .w-68 {\n width: calc(var(--spacing) * 68);\n }\n\n .w-70 {\n width: calc(var(--spacing) * 70);\n }\n\n .w-70\\.5 {\n width: calc(var(--spacing) * 70.5);\n }\n\n .w-71 {\n width: calc(var(--spacing) * 71);\n }\n\n .w-74\\.75 {\n width: calc(var(--spacing) * 74.75);\n }\n\n .w-87 {\n width: calc(var(--spacing) * 87);\n }\n\n .w-88\\.5 {\n width: calc(var(--spacing) * 88.5);\n }\n\n .w-91 {\n width: calc(var(--spacing) * 91);\n }\n\n .w-95 {\n width: calc(var(--spacing) * 95);\n }\n\n .w-99\\.75 {\n width: calc(var(--spacing) * 99.75);\n }\n\n .w-100\\.5 {\n width: calc(var(--spacing) * 100.5);\n }\n\n .w-102 {\n width: calc(var(--spacing) * 102);\n }\n\n .w-117 {\n width: var(--spacing-117);\n }\n\n .w-120 {\n width: var(--spacing-120);\n }\n\n .w-120\\.75 {\n width: calc(var(--spacing) * 120.75);\n }\n\n .w-121 {\n width: calc(var(--spacing) * 121);\n }\n\n .w-127\\.75 {\n width: calc(var(--spacing) * 127.75);\n }\n\n .w-130\\.25 {\n width: calc(var(--spacing) * 130.25);\n }\n\n .w-131 {\n width: calc(var(--spacing) * 131);\n }\n\n .w-139 {\n width: calc(var(--spacing) * 139);\n }\n\n .w-140\\.75 {\n width: calc(var(--spacing) * 140.75);\n }\n\n .w-144\\.75 {\n width: calc(var(--spacing) * 144.75);\n }\n\n .w-148\\.75 {\n width: calc(var(--spacing) * 148.75);\n }\n\n .w-186\\.5 {\n width: calc(var(--spacing) * 186.5);\n }\n\n .w-186\\.25 {\n width: calc(var(--spacing) * 186.25);\n }\n\n .w-194\\.25 {\n width: calc(var(--spacing) * 194.25);\n }\n\n .w-198\\.25 {\n width: calc(var(--spacing) * 198.25);\n }\n\n .w-270 {\n width: calc(var(--spacing) * 270);\n }\n\n .w-282 {\n width: calc(var(--spacing) * 282);\n }\n\n .w-286 {\n width: calc(var(--spacing) * 286);\n }\n\n .w-293\\.5 {\n width: calc(var(--spacing) * 293.5);\n }\n\n .w-\\[calc\\(100\\%-10px\\)\\] {\n width: calc(100% - 10px);\n }\n\n .w-auto {\n width: auto;\n }\n\n .w-full {\n width: 100%;\n }\n\n .w-px {\n width: 1px;\n }\n\n .max-w-36 {\n max-width: calc(var(--spacing) * 36);\n }\n\n .max-w-38 {\n max-width: var(--spacing-38);\n }\n\n .max-w-43 {\n max-width: var(--spacing-43);\n }\n\n .max-w-44 {\n max-width: calc(var(--spacing) * 44);\n }\n\n .max-w-51\\.5 {\n max-width: calc(var(--spacing) * 51.5);\n }\n\n .max-w-65 {\n max-width: calc(var(--spacing) * 65);\n }\n\n .max-w-95 {\n max-width: calc(var(--spacing) * 95);\n }\n\n .max-w-194\\.25 {\n max-width: calc(var(--spacing) * 194.25);\n }\n\n .max-w-full {\n max-width: 100%;\n }\n\n .min-w-0 {\n min-width: 0;\n }\n\n .min-w-4 {\n min-width: calc(var(--spacing) * 4);\n }\n\n .min-w-10 {\n min-width: calc(var(--spacing) * 10);\n }\n\n .min-w-20 {\n min-width: calc(var(--spacing) * 20);\n }\n\n .min-w-30 {\n min-width: var(--spacing-30);\n }\n\n .min-w-32 {\n min-width: calc(var(--spacing) * 32);\n }\n\n .min-w-36 {\n min-width: calc(var(--spacing) * 36);\n }\n\n .min-w-44 {\n min-width: calc(var(--spacing) * 44);\n }\n\n .min-w-50 {\n min-width: var(--spacing-50);\n }\n\n .min-w-53\\.25 {\n min-width: calc(var(--spacing) * 53.25);\n }\n\n .min-w-55 {\n min-width: calc(var(--spacing) * 55);\n }\n\n .min-w-160 {\n min-width: calc(var(--spacing) * 160);\n }\n\n .min-w-\\[8\\.2rem\\] {\n min-width: 8.2rem;\n }\n\n .min-w-fit {\n min-width: fit-content;\n }\n\n .min-w-full {\n min-width: 100%;\n }\n\n .flex-1 {\n flex: 1;\n }\n\n .flex-shrink {\n flex-shrink: 1;\n }\n\n .shrink-0 {\n flex-shrink: 0;\n }\n\n .border-collapse {\n border-collapse: collapse;\n }\n\n .-translate-x-1 {\n --tw-translate-x: calc(var(--spacing) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .-translate-x-1\\/2 {\n --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .translate-x-1 {\n --tw-translate-x: var(--spacing);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .-translate-y-1\\/2 {\n --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .scale-\\[1\\.02\\] {\n scale: 1.02;\n }\n\n .rotate-180 {\n rotate: 180deg;\n }\n\n .transform {\n transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );\n }\n\n .cursor-default {\n cursor: default;\n }\n\n .cursor-grab {\n cursor: grab;\n }\n\n .cursor-not-allowed {\n cursor: not-allowed;\n }\n\n .cursor-pointer {\n cursor: pointer;\n }\n\n .cursor-text {\n cursor: text;\n }\n\n .touch-none {\n touch-action: none;\n }\n\n .resize {\n resize: both;\n }\n\n .appearance-none {\n appearance: none;\n }\n\n .grid-cols-\\[7\\.5rem_7\\.5rem_7\\.5rem\\] {\n grid-template-columns: 7.5rem 7.5rem 7.5rem;\n }\n\n .grid-cols-\\[auto_auto_1fr_auto\\] {\n grid-template-columns: auto auto 1fr auto;\n }\n\n .flex-col {\n flex-direction: column;\n }\n\n .flex-row {\n flex-direction: row;\n }\n\n .flex-wrap {\n flex-wrap: wrap;\n }\n\n .items-baseline {\n align-items: baseline;\n }\n\n .items-center {\n align-items: center;\n }\n\n .items-end {\n align-items: flex-end;\n }\n\n .items-start {\n align-items: flex-start;\n }\n\n .justify-between {\n justify-content: space-between;\n }\n\n .justify-center {\n justify-content: center;\n }\n\n .justify-end {\n justify-content: flex-end;\n }\n\n .gap-0 {\n gap: 0;\n }\n\n .gap-0\\.5 {\n gap: calc(var(--spacing) * .5);\n }\n\n .gap-1 {\n gap: var(--spacing);\n }\n\n .gap-1\\.5 {\n gap: calc(var(--spacing) * 1.5);\n }\n\n .gap-1\\.25 {\n gap: calc(var(--spacing) * 1.25);\n }\n\n .gap-2 {\n gap: calc(var(--spacing) * 2);\n }\n\n .gap-2\\.5 {\n gap: calc(var(--spacing) * 2.5);\n }\n\n .gap-2\\.25 {\n gap: calc(var(--spacing) * 2.25);\n }\n\n .gap-2\\.75 {\n gap: calc(var(--spacing) * 2.75);\n }\n\n .gap-3 {\n gap: calc(var(--spacing) * 3);\n }\n\n .gap-4 {\n gap: calc(var(--spacing) * 4);\n }\n\n .gap-5 {\n gap: calc(var(--spacing) * 5);\n }\n\n .gap-6 {\n gap: calc(var(--spacing) * 6);\n }\n\n .gap-8 {\n gap: calc(var(--spacing) * 8);\n }\n\n .gap-8\\.75 {\n gap: calc(var(--spacing) * 8.75);\n }\n\n .gap-12 {\n gap: calc(var(--spacing) * 12);\n }\n\n .gap-19 {\n gap: calc(var(--spacing) * 19);\n }\n\n .gap-\\[0\\.625rem\\] {\n gap: .625rem;\n }\n\n .gap-\\[0\\.53125rem\\] {\n gap: .53125rem;\n }\n\n .gap-\\[2\\%\\] {\n gap: 2%;\n }\n\n .gap-px {\n gap: 1px;\n }\n\n :where(.space-y-1 > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));\n margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));\n }\n\n :where(.space-y-2 > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));\n margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));\n }\n\n :where(.space-y-3 > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));\n margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));\n }\n\n .gap-x-1 {\n column-gap: var(--spacing);\n }\n\n .gap-x-2 {\n column-gap: calc(var(--spacing) * 2);\n }\n\n .gap-x-4 {\n column-gap: calc(var(--spacing) * 4);\n }\n\n .gap-x-6 {\n column-gap: calc(var(--spacing) * 6);\n }\n\n .gap-y-0\\.75 {\n row-gap: calc(var(--spacing) * .75);\n }\n\n .gap-y-1 {\n row-gap: var(--spacing);\n }\n\n .self-end {\n align-self: flex-end;\n }\n\n .self-start {\n align-self: flex-start;\n }\n\n .truncate {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n }\n\n .overflow-auto {\n overflow: auto;\n }\n\n .overflow-hidden {\n overflow: hidden;\n }\n\n .overflow-visible {\n overflow: visible;\n }\n\n .overflow-x-auto {\n overflow-x: auto;\n }\n\n .overflow-x-hidden {\n overflow-x: hidden;\n }\n\n .overflow-y-auto {\n overflow-y: auto;\n }\n\n .overflow-y-hidden {\n overflow-y: hidden;\n }\n\n .rounded {\n border-radius: .25rem;\n }\n\n .rounded-full {\n border-radius: 3.40282e38px;\n }\n\n .rounded-lg {\n border-radius: var(--radius-lg);\n }\n\n .rounded-md {\n border-radius: var(--radius-md);\n }\n\n .rounded-none {\n border-radius: 0;\n }\n\n .rounded-none\\! {\n border-radius: 0 !important;\n }\n\n .rounded-sm {\n border-radius: var(--radius-sm);\n }\n\n .rounded-t-lg {\n border-top-left-radius: var(--radius-lg);\n border-top-right-radius: var(--radius-lg);\n }\n\n .rounded-t-md {\n border-top-left-radius: var(--radius-md);\n border-top-right-radius: var(--radius-md);\n }\n\n .rounded-t-xl {\n border-top-left-radius: var(--radius-xl);\n border-top-right-radius: var(--radius-xl);\n }\n\n .rounded-l-xl {\n border-top-left-radius: var(--radius-xl);\n border-bottom-left-radius: var(--radius-xl);\n }\n\n .rounded-tl-xl {\n border-top-left-radius: var(--radius-xl);\n }\n\n .rounded-r-md {\n border-top-right-radius: var(--radius-md);\n border-bottom-right-radius: var(--radius-md);\n }\n\n .rounded-tr-xl {\n border-top-right-radius: var(--radius-xl);\n }\n\n .rounded-b-lg {\n border-bottom-right-radius: var(--radius-lg);\n border-bottom-left-radius: var(--radius-lg);\n }\n\n .rounded-b-md {\n border-bottom-right-radius: var(--radius-md);\n border-bottom-left-radius: var(--radius-md);\n }\n\n .rounded-b-xl {\n border-bottom-right-radius: var(--radius-xl);\n border-bottom-left-radius: var(--radius-xl);\n }\n\n .border {\n border-style: var(--tw-border-style);\n border-width: 1px;\n }\n\n .border-0 {\n border-style: var(--tw-border-style);\n border-width: 0;\n }\n\n .border-2 {\n border-style: var(--tw-border-style);\n border-width: 2px;\n }\n\n .border-x {\n border-inline-style: var(--tw-border-style);\n border-inline-width: 1px;\n }\n\n .border-t {\n border-top-style: var(--tw-border-style);\n border-top-width: 1px;\n }\n\n .border-t-0 {\n border-top-style: var(--tw-border-style);\n border-top-width: 0;\n }\n\n .border-t-4 {\n border-top-style: var(--tw-border-style);\n border-top-width: 4px;\n }\n\n .border-r {\n border-right-style: var(--tw-border-style);\n border-right-width: 1px;\n }\n\n .border-r-0 {\n border-right-style: var(--tw-border-style);\n border-right-width: 0;\n }\n\n .border-b {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 1px;\n }\n\n .border-b-0 {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 0;\n }\n\n .border-b-2 {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 2px;\n }\n\n .border-l {\n border-left-style: var(--tw-border-style);\n border-left-width: 1px;\n }\n\n .border-l-0 {\n border-left-style: var(--tw-border-style);\n border-left-width: 0;\n }\n\n .border-l-4 {\n border-left-style: var(--tw-border-style);\n border-left-width: 4px;\n }\n\n .border-dashed {\n --tw-border-style: dashed;\n border-style: dashed;\n }\n\n .border-none {\n --tw-border-style: none;\n border-style: none;\n }\n\n .border-solid {\n --tw-border-style: solid;\n border-style: solid;\n }\n\n .border-\\(--axebow-border-gray\\) {\n border-color: var(--axebow-border-gray);\n }\n\n .border-\\(--axebow-dark-yellow\\) {\n border-color: var(--axebow-dark-yellow);\n }\n\n .border-\\(--axebow-error-border\\) {\n border-color: var(--axebow-error-border);\n }\n\n .border-\\(--axebow-gray\\) {\n border-color: var(--axebow-gray);\n }\n\n .border-\\(--axebow-light-gray\\) {\n border-color: var(--axebow-light-gray);\n }\n\n .border-\\(--axebow-premium-text\\) {\n border-color: var(--axebow-premium-text);\n }\n\n .border-\\(--axebow-primary\\) {\n border-color: var(--axebow-primary);\n }\n\n .border-\\(--axebow-secondary\\) {\n border-color: var(--axebow-secondary);\n }\n\n .border-\\(--axebow-table-border\\) {\n border-color: var(--axebow-table-border);\n }\n\n .border-\\(--axebow-table-header-border\\) {\n border-color: var(--axebow-table-header-border);\n }\n\n .border-\\(--axebow-tertiary\\) {\n border-color: var(--axebow-tertiary);\n }\n\n .border-\\[\\#344966\\] {\n border-color: #344966;\n }\n\n .border-\\[\\#DBDDE4\\] {\n border-color: #dbdde4;\n }\n\n .border-\\[var\\(--axebow-error\\)\\] {\n border-color: var(--axebow-error);\n }\n\n .border-\\[var\\(--axebow-gray\\)\\] {\n border-color: var(--axebow-gray);\n }\n\n .border-\\[var\\(--axebow-tertiary\\)\\] {\n border-color: var(--axebow-tertiary);\n }\n\n .border-black {\n border-color: var(--color-black);\n }\n\n .border-black\\/10 {\n border-color: #0000001a;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .border-black\\/10 {\n border-color: color-mix(in oklab, var(--color-black) 10%, transparent);\n }\n }\n\n .border-blue-200 {\n border-color: var(--color-blue-200);\n }\n\n .border-gray-100 {\n border-color: var(--color-gray-100);\n }\n\n .border-gray-200 {\n border-color: var(--color-gray-200);\n }\n\n .border-gray-300 {\n border-color: var(--color-gray-300);\n }\n\n .border-gray-400 {\n border-color: var(--color-gray-400);\n }\n\n .border-gray-500 {\n border-color: var(--color-gray-500);\n }\n\n .border-green-200 {\n border-color: var(--color-green-200);\n }\n\n .border-transparent {\n border-color: #0000;\n }\n\n .border-white {\n border-color: var(--color-white);\n }\n\n .bg-\\(--axebow-anti-flash-white\\) {\n background-color: var(--axebow-anti-flash-white);\n }\n\n .bg-\\(--axebow-base\\) {\n background-color: var(--axebow-base);\n }\n\n .bg-\\(--axebow-error\\) {\n background-color: var(--axebow-error);\n }\n\n .bg-\\(--axebow-error-bg\\) {\n background-color: var(--axebow-error-bg);\n }\n\n .bg-\\(--axebow-gray\\) {\n background-color: var(--axebow-gray);\n }\n\n .bg-\\(--axebow-light-gray\\), .bg-\\(--axebow-light-gray\\)\\/80 {\n background-color: var(--axebow-light-gray);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-\\(--axebow-light-gray\\)\\/80 {\n background-color: color-mix(in oklab, var(--axebow-light-gray) 80%, transparent);\n }\n }\n\n .bg-\\(--axebow-primary\\) {\n background-color: var(--axebow-primary);\n }\n\n .bg-\\(--axebow-primary-light\\) {\n background-color: var(--axebow-primary-light);\n }\n\n .bg-\\(--axebow-success\\) {\n background-color: var(--axebow-success);\n }\n\n .bg-\\(--axebow-tertiary\\), .bg-\\(--axebow-tertiary\\)\\/15 {\n background-color: var(--axebow-tertiary);\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-\\(--axebow-tertiary\\)\\/15 {\n background-color: color-mix(in oklab, var(--axebow-tertiary) 15%, transparent);\n }\n }\n\n .bg-\\(--axebow-warning\\) {\n background-color: var(--axebow-warning);\n }\n\n .bg-\\(--axebow-warning-bg\\) {\n background-color: var(--axebow-warning-bg);\n }\n\n .bg-\\(--axebow-white\\) {\n background-color: var(--axebow-white);\n }\n\n .bg-\\[\\#006BFF\\] {\n background-color: #006bff;\n }\n\n .bg-\\[\\#C7DCFA\\] {\n background-color: #c7dcfa;\n }\n\n .bg-\\[\\#F0F1F5\\] {\n background-color: #f0f1f5;\n }\n\n .bg-blue-50 {\n background-color: var(--color-blue-50);\n }\n\n .bg-gray-50 {\n background-color: var(--color-gray-50);\n }\n\n .bg-gray-50\\/50 {\n background-color: #f9fafb80;\n }\n\n @supports (color: color-mix(in lab, red, red)) {\n .bg-gray-50\\/50 {\n background-color: color-mix(in oklab, var(--color-gray-50) 50%, transparent);\n }\n }\n\n .bg-gray-100 {\n background-color: var(--color-gray-100);\n }\n\n .bg-gray-200 {\n background-color: var(--color-gray-200);\n }\n\n .bg-gray-300 {\n background-color: var(--color-gray-300);\n }\n\n .bg-green-50 {\n background-color: var(--color-green-50);\n }\n\n .bg-red-50 {\n background-color: var(--color-red-50);\n }\n\n .bg-red-100 {\n background-color: var(--color-red-100);\n }\n\n .bg-sky-50 {\n background-color: var(--color-sky-50);\n }\n\n .bg-sky-100 {\n background-color: var(--color-sky-100);\n }\n\n .bg-transparent {\n background-color: #0000;\n }\n\n .bg-white {\n background-color: var(--color-white);\n }\n\n .object-contain {\n object-fit: contain;\n }\n\n .p-0 {\n padding: 0;\n }\n\n .p-1 {\n padding: var(--spacing);\n }\n\n .p-1\\.5 {\n padding: calc(var(--spacing) * 1.5);\n }\n\n .p-2 {\n padding: calc(var(--spacing) * 2);\n }\n\n .p-3 {\n padding: calc(var(--spacing) * 3);\n }\n\n .p-3\\.25 {\n padding: calc(var(--spacing) * 3.25);\n }\n\n .p-4 {\n padding: calc(var(--spacing) * 4);\n }\n\n .p-5 {\n padding: calc(var(--spacing) * 5);\n }\n\n .p-6 {\n padding: calc(var(--spacing) * 6);\n }\n\n .px-0\\.5 {\n padding-inline: calc(var(--spacing) * .5);\n }\n\n .px-1 {\n padding-inline: var(--spacing);\n }\n\n .px-1\\.5 {\n padding-inline: calc(var(--spacing) * 1.5);\n }\n\n .px-2 {\n padding-inline: calc(var(--spacing) * 2);\n }\n\n .px-3 {\n padding-inline: calc(var(--spacing) * 3);\n }\n\n .px-3\\.5 {\n padding-inline: calc(var(--spacing) * 3.5);\n }\n\n .px-4 {\n padding-inline: calc(var(--spacing) * 4);\n }\n\n .px-5 {\n padding-inline: calc(var(--spacing) * 5);\n }\n\n .px-6 {\n padding-inline: calc(var(--spacing) * 6);\n }\n\n .px-8 {\n padding-inline: calc(var(--spacing) * 8);\n }\n\n .py-0\\.5 {\n padding-block: calc(var(--spacing) * .5);\n }\n\n .py-1 {\n padding-block: var(--spacing);\n }\n\n .py-1\\.5 {\n padding-block: calc(var(--spacing) * 1.5);\n }\n\n .py-1\\.25 {\n padding-block: calc(var(--spacing) * 1.25);\n }\n\n .py-2 {\n padding-block: calc(var(--spacing) * 2);\n }\n\n .py-2\\.5 {\n padding-block: calc(var(--spacing) * 2.5);\n }\n\n .py-2\\.75 {\n padding-block: calc(var(--spacing) * 2.75);\n }\n\n .py-3 {\n padding-block: calc(var(--spacing) * 3);\n }\n\n .py-4 {\n padding-block: calc(var(--spacing) * 4);\n }\n\n .py-4\\.75 {\n padding-block: calc(var(--spacing) * 4.75);\n }\n\n .py-8 {\n padding-block: calc(var(--spacing) * 8);\n }\n\n .ps-4 {\n padding-inline-start: calc(var(--spacing) * 4);\n }\n\n .ps-8 {\n padding-inline-start: calc(var(--spacing) * 8);\n }\n\n .pe-4 {\n padding-inline-end: calc(var(--spacing) * 4);\n }\n\n .pt-0\\.5 {\n padding-top: calc(var(--spacing) * .5);\n }\n\n .pt-1 {\n padding-top: var(--spacing);\n }\n\n .pt-2 {\n padding-top: calc(var(--spacing) * 2);\n }\n\n .pt-3 {\n padding-top: calc(var(--spacing) * 3);\n }\n\n .pt-4 {\n padding-top: calc(var(--spacing) * 4);\n }\n\n .pt-6 {\n padding-top: calc(var(--spacing) * 6);\n }\n\n .pt-8 {\n padding-top: calc(var(--spacing) * 8);\n }\n\n .pt-px {\n padding-top: 1px;\n }\n\n .pr-1 {\n padding-right: var(--spacing);\n }\n\n .pr-2 {\n padding-right: calc(var(--spacing) * 2);\n }\n\n .pr-3\\.25 {\n padding-right: calc(var(--spacing) * 3.25);\n }\n\n .pr-4 {\n padding-right: calc(var(--spacing) * 4);\n }\n\n .pr-4\\.5 {\n padding-right: calc(var(--spacing) * 4.5);\n }\n\n .pr-5 {\n padding-right: calc(var(--spacing) * 5);\n }\n\n .pb-0 {\n padding-bottom: 0;\n }\n\n .pb-1 {\n padding-bottom: var(--spacing);\n }\n\n .pb-2 {\n padding-bottom: calc(var(--spacing) * 2);\n }\n\n .pb-3 {\n padding-bottom: calc(var(--spacing) * 3);\n }\n\n .pb-3\\.5 {\n padding-bottom: calc(var(--spacing) * 3.5);\n }\n\n .pb-4 {\n padding-bottom: calc(var(--spacing) * 4);\n }\n\n .pb-6 {\n padding-bottom: calc(var(--spacing) * 6);\n }\n\n .pl-1 {\n padding-left: var(--spacing);\n }\n\n .pl-1\\.5 {\n padding-left: calc(var(--spacing) * 1.5);\n }\n\n .pl-2 {\n padding-left: calc(var(--spacing) * 2);\n }\n\n .pl-4 {\n padding-left: calc(var(--spacing) * 4);\n }\n\n .pl-4\\.25 {\n padding-left: calc(var(--spacing) * 4.25);\n }\n\n .pl-5 {\n padding-left: calc(var(--spacing) * 5);\n }\n\n .pl-6 {\n padding-left: calc(var(--spacing) * 6);\n }\n\n .pl-11\\.75 {\n padding-left: calc(var(--spacing) * 11.75);\n }\n\n .pl-px {\n padding-left: 1px;\n }\n\n .text-center {\n text-align: center;\n }\n\n .text-left {\n text-align: left;\n }\n\n .text-right {\n text-align: right;\n }\n\n .text-start {\n text-align: start;\n }\n\n .align-middle {\n vertical-align: middle;\n }\n\n .font-\\[Material_Symbols_Outlined\\] {\n font-family: Material Symbols Outlined;\n }\n\n .font-\\[inherit\\] {\n font-family: inherit;\n }\n\n .text-base {\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n }\n\n .text-lg {\n font-size: var(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n }\n\n .text-md {\n font-size: var(--text-md);\n line-height: var(--tw-leading, var(--text-md--line-height));\n }\n\n .text-sm {\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n }\n\n .text-xl {\n font-size: var(--text-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n }\n\n .text-xs {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n }\n\n .text-\\[0\\.9375rem\\] {\n font-size: .9375rem;\n }\n\n .text-\\[1\\.25rem\\] {\n font-size: 1.25rem;\n }\n\n .text-\\[18px\\] {\n font-size: 18px;\n }\n\n .leading-3\\.5 {\n --tw-leading: calc(var(--spacing) * 3.5);\n line-height: calc(var(--spacing) * 3.5);\n }\n\n .leading-4\\.5 {\n --tw-leading: calc(var(--spacing) * 4.5);\n line-height: calc(var(--spacing) * 4.5);\n }\n\n .leading-4\\.25 {\n --tw-leading: calc(var(--spacing) * 4.25);\n line-height: calc(var(--spacing) * 4.25);\n }\n\n .leading-\\[1\\.21875rem\\] {\n --tw-leading: 1.21875rem;\n line-height: 1.21875rem;\n }\n\n .leading-none {\n --tw-leading: 1;\n line-height: 1;\n }\n\n .leading-relaxed {\n --tw-leading: var(--leading-relaxed);\n line-height: var(--leading-relaxed);\n }\n\n .leading-snug {\n --tw-leading: var(--leading-snug);\n line-height: var(--leading-snug);\n }\n\n .leading-tight {\n --tw-leading: var(--leading-tight);\n line-height: var(--leading-tight);\n }\n\n .font-black {\n --tw-font-weight: var(--font-weight-black);\n font-weight: var(--font-weight-black);\n }\n\n .font-bold {\n --tw-font-weight: var(--font-weight-bold);\n font-weight: var(--font-weight-bold);\n }\n\n .font-light {\n --tw-font-weight: var(--font-weight-light);\n font-weight: var(--font-weight-light);\n }\n\n .font-medium {\n --tw-font-weight: var(--font-weight-medium);\n font-weight: var(--font-weight-medium);\n }\n\n .font-normal {\n --tw-font-weight: var(--font-weight-normal);\n font-weight: var(--font-weight-normal);\n }\n\n .font-semibold {\n --tw-font-weight: var(--font-weight-semibold);\n font-weight: var(--font-weight-semibold);\n }\n\n .tracking-wider {\n --tw-tracking: var(--tracking-wider);\n letter-spacing: var(--tracking-wider);\n }\n\n .wrap-break-word {\n overflow-wrap: break-word;\n }\n\n .break-all {\n word-break: break-all;\n }\n\n .text-ellipsis {\n text-overflow: ellipsis;\n }\n\n .whitespace-normal {\n white-space: normal;\n }\n\n .whitespace-nowrap {\n white-space: nowrap;\n }\n\n .text-\\(--axebow-anti-flash-white\\) {\n color: var(--axebow-anti-flash-white);\n }\n\n .text-\\(--axebow-black\\) {\n color: var(--axebow-black);\n }\n\n .text-\\(--axebow-error\\) {\n color: var(--axebow-error);\n }\n\n .text-\\(--axebow-gray\\) {\n color: var(--axebow-gray);\n }\n\n .text-\\(--axebow-primary\\) {\n color: var(--axebow-primary);\n }\n\n .text-\\(--axebow-rich-black\\) {\n color: var(--axebow-rich-black);\n }\n\n .text-\\(--axebow-secondary\\) {\n color: var(--axebow-secondary);\n }\n\n .text-\\(--axebow-strong-gray\\) {\n color: var(--axebow-strong-gray);\n }\n\n .text-\\(--axebow-tertiary\\) {\n color: var(--axebow-tertiary);\n }\n\n .text-\\(--axebow-text-gray\\) {\n color: var(--axebow-text-gray);\n }\n\n .text-\\[\\#8A94AE\\] {\n color: #8a94ae;\n }\n\n .text-\\[\\#78787A\\] {\n color: #78787a;\n }\n\n .text-\\[\\#344966\\] {\n color: #344966;\n }\n\n .text-\\[\\#E93A3A\\] {\n color: #e93a3a;\n }\n\n .text-\\[var\\(--axebow-error\\)\\] {\n color: var(--axebow-error);\n }\n\n .text-black {\n color: var(--color-black);\n }\n\n .text-blue-600 {\n color: var(--color-blue-600);\n }\n\n .text-blue-800 {\n color: var(--color-blue-800);\n }\n\n .text-gray-300 {\n color: var(--color-gray-300);\n }\n\n .text-gray-400 {\n color: var(--color-gray-400);\n }\n\n .text-gray-500 {\n color: var(--color-gray-500);\n }\n\n .text-gray-600 {\n color: var(--color-gray-600);\n }\n\n .text-gray-700 {\n color: var(--color-gray-700);\n }\n\n .text-green-600 {\n color: var(--color-green-600);\n }\n\n .text-green-800 {\n color: var(--color-green-800);\n }\n\n .text-inherit {\n color: inherit;\n }\n\n .text-red-800 {\n color: var(--color-red-800);\n }\n\n .text-white {\n color: var(--color-white);\n }\n\n .text-yellow-600 {\n color: var(--color-yellow-600);\n }\n\n .text-yellow-800 {\n color: var(--color-yellow-800);\n }\n\n .capitalize {\n text-transform: capitalize;\n }\n\n .uppercase {\n text-transform: uppercase;\n }\n\n .italic {\n font-style: italic;\n }\n\n .not-italic {\n font-style: normal;\n }\n\n .underline {\n text-decoration-line: underline;\n }\n\n .decoration-\\(--axebow-error\\) {\n -webkit-text-decoration-color: var(--axebow-error);\n -webkit-text-decoration-color: var(--axebow-error);\n text-decoration-color: var(--axebow-error);\n }\n\n .placeholder-gray-400::placeholder {\n color: var(--color-gray-400);\n }\n\n .opacity-0 {\n opacity: 0;\n }\n\n .opacity-50 {\n opacity: .5;\n }\n\n .opacity-60 {\n opacity: .6;\n }\n\n .opacity-70 {\n opacity: .7;\n }\n\n .opacity-100 {\n opacity: 1;\n }\n\n .shadow-\\[0_-8px_8px_-8px_rgba\\(13\\,24\\,33\\,0\\.15\\)\\] {\n --tw-shadow: 0 -8px 8px -8px var(--tw-shadow-color, #0d182126);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .shadow-\\[0_2px_6px_rgba\\(0\\,0\\,0\\,0\\.2\\)\\] {\n --tw-shadow: 0 2px 6px var(--tw-shadow-color, #0003);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .shadow-\\[0_4px_12px_rgba\\(0\\,0\\,0\\,0\\.1\\)\\] {\n --tw-shadow: 0 4px 12px var(--tw-shadow-color, #0000001a);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .shadow-\\[0_6px_16px_rgba\\(13\\,24\\,33\\,0\\.18\\)\\] {\n --tw-shadow: 0 6px 16px var(--tw-shadow-color, #0d18212e);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .shadow-\\[2px_2px_25px_0px_rgba\\(0\\,0\\,0\\,0\\.1\\)\\] {\n --tw-shadow: 2px 2px 25px 0px var(--tw-shadow-color, #0000001a);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .shadow-lg {\n --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .shadow-md {\n --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .shadow-none {\n --tw-shadow: 0 0 #0000;\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .shadow-sm {\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .axebow-shadow-hover {\n transition: box-shadow .2s ease-in-out;\n }\n\n .axebow-shadow-hover:hover {\n box-shadow: 0 4px 12px #0d182114;\n }\n\n .outline {\n outline-style: var(--tw-outline-style);\n outline-width: 1px;\n }\n\n .blur {\n --tw-blur: blur(8px);\n filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );\n }\n\n .grayscale {\n --tw-grayscale: grayscale(100%);\n filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );\n }\n\n .filter {\n filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );\n }\n\n .transition {\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n\n .transition-all {\n transition-property: all;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n\n .transition-colors {\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n\n .transition-opacity {\n transition-property: opacity;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n\n .transition-shadow {\n transition-property: box-shadow;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n\n .transition-transform {\n transition-property: transform, translate, scale, rotate;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n\n .delay-100 {\n transition-delay: .1s;\n }\n\n .duration-120 {\n --tw-duration: .12s;\n transition-duration: .12s;\n }\n\n .duration-150 {\n --tw-duration: .15s;\n transition-duration: .15s;\n }\n\n .duration-200 {\n --tw-duration: .2s;\n transition-duration: .2s;\n }\n\n .duration-300 {\n --tw-duration: .3s;\n transition-duration: .3s;\n }\n\n .ease-in-out {\n --tw-ease: var(--ease-in-out);\n transition-timing-function: var(--ease-in-out);\n }\n\n .ease-out {\n --tw-ease: var(--ease-out);\n transition-timing-function: var(--ease-out);\n }\n\n .outline-none {\n --tw-outline-style: none;\n outline-style: none;\n }\n\n .select-none {\n -webkit-user-select: none;\n user-select: none;\n }\n\n .\\[font-variation-settings\\:\\'FILL\\'_0\\,\\'wght\\'_400\\,\\'GRAD\\'_0\\,\\'opsz\\'_24\\] {\n font-variation-settings: \"FILL\" 0,\"wght\" 400,\"GRAD\" 0,\"opsz\" 24;\n }\n\n .\\[font-variation-settings\\:\\'FILL\\'_1\\,\\'wght\\'_400\\,\\'GRAD\\'_0\\,\\'opsz\\'_24\\] {\n font-variation-settings: \"FILL\" 1,\"wght\" 400,\"GRAD\" 0,\"opsz\" 24;\n }\n\n @media (hover: hover) {\n .group-hover\\:translate-x-0:is(:where(.group):hover *) {\n --tw-translate-x: 0;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n\n .group-hover\\:rotate-15:is(:where(.group):hover *) {\n rotate: 15deg;\n }\n\n .group-hover\\:font-semibold:is(:where(.group):hover *) {\n --tw-font-weight: var(--font-weight-semibold);\n font-weight: var(--font-weight-semibold);\n }\n\n .group-hover\\:text-\\(--axebow-gray\\):is(:where(.group):hover *) {\n color: var(--axebow-gray);\n }\n\n .group-hover\\:text-\\(--axebow-primary\\):is(:where(.group):hover *) {\n color: var(--axebow-primary);\n }\n\n .group-hover\\:opacity-100:is(:where(.group):hover *) {\n opacity: 1;\n }\n }\n\n .last\\:border-b-0:last-child {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 0;\n }\n\n .focus-within\\:border-black:focus-within {\n border-color: var(--color-black);\n }\n\n .focus-within\\:border-blue-500:focus-within {\n border-color: var(--color-blue-500);\n }\n\n .focus-within\\:ring-2:focus-within {\n --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .focus-within\\:ring-blue-100:focus-within {\n --tw-ring-color: var(--color-blue-100);\n }\n\n @media (hover: hover) {\n .hover\\:scale-105:hover {\n --tw-scale-x: 105%;\n --tw-scale-y: 105%;\n --tw-scale-z: 105%;\n scale: var(--tw-scale-x) var(--tw-scale-y);\n }\n\n .hover\\:border-\\(--axebow-gray\\):hover {\n border-color: var(--axebow-gray);\n }\n\n .hover\\:border-\\(--axebow-tertiary\\):hover, .hover\\:border-\\[var\\(--axebow-tertiary\\)\\]:hover {\n border-color: var(--axebow-tertiary);\n }\n\n .hover\\:border-red-300:hover {\n border-color: var(--color-red-300);\n }\n\n .hover\\:bg-\\(--axebow-anti-flash-white\\):hover {\n background-color: var(--axebow-anti-flash-white);\n }\n\n .hover\\:bg-\\(--axebow-base\\):hover {\n background-color: var(--axebow-base);\n }\n\n .hover\\:bg-\\(--axebow-gray\\):hover {\n background-color: var(--axebow-gray);\n }\n\n .hover\\:bg-\\(--axebow-light-gray\\):hover {\n background-color: var(--axebow-light-gray);\n }\n\n .hover\\:bg-\\(--axebow-primary\\):hover {\n background-color: var(--axebow-primary);\n }\n\n .hover\\:bg-\\[var\\(--axebow-anti-flash-white\\)\\]:hover {\n background-color: var(--axebow-anti-flash-white);\n }\n\n .hover\\:bg-gray-50:hover {\n background-color: var(--color-gray-50);\n }\n\n .hover\\:bg-gray-100:hover {\n background-color: var(--color-gray-100);\n }\n\n .hover\\:bg-gray-200:hover {\n background-color: var(--color-gray-200);\n }\n\n .hover\\:bg-red-50:hover {\n background-color: var(--color-red-50);\n }\n\n .hover\\:bg-white:hover {\n background-color: var(--color-white);\n }\n\n .hover\\:font-semibold:hover {\n --tw-font-weight: var(--font-weight-semibold);\n font-weight: var(--font-weight-semibold);\n }\n\n .hover\\:text-\\(--axebow-error\\):hover {\n color: var(--axebow-error);\n }\n\n .hover\\:text-\\(--axebow-gray\\):hover {\n color: var(--axebow-gray);\n }\n\n .hover\\:text-\\(--axebow-primary\\):hover {\n color: var(--axebow-primary);\n }\n\n .hover\\:text-\\(--axebow-tertiary\\):hover {\n color: var(--axebow-tertiary);\n }\n\n .hover\\:text-black:hover {\n color: var(--color-black);\n }\n\n .hover\\:text-gray-700:hover {\n color: var(--color-gray-700);\n }\n\n .hover\\:underline:hover {\n text-decoration-line: underline;\n }\n\n .hover\\:opacity-80:hover {\n opacity: .8;\n }\n\n .hover\\:opacity-100:hover {\n opacity: 1;\n }\n\n .hover\\:shadow-\\[0_2px_6px_rgba\\(13\\,24\\,33\\,0\\.14\\)\\]:hover {\n --tw-shadow: 0 2px 6px var(--tw-shadow-color, #0d182124);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .hover\\:shadow-\\[0_4px_12px_0_rgba\\(13\\,24\\,33\\,0\\.08\\)\\]:hover {\n --tw-shadow: 0 4px 12px 0 var(--tw-shadow-color, #0d182114);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n\n .focus\\:outline-2:focus {\n outline-style: var(--tw-outline-style);\n outline-width: 2px;\n }\n\n .focus\\:outline-offset-1:focus {\n outline-offset: 1px;\n }\n\n .focus\\:outline-blue-500:focus {\n outline-color: var(--color-blue-500);\n }\n\n .focus\\:outline-none:focus {\n --tw-outline-style: none;\n outline-style: none;\n }\n\n .focus-visible\\:ring-2:focus-visible {\n --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .focus-visible\\:ring-\\[\\#006BFF\\]:focus-visible {\n --tw-ring-color: #006bff;\n }\n\n .focus-visible\\:outline-2:focus-visible {\n outline-style: var(--tw-outline-style);\n outline-width: 2px;\n }\n\n .focus-visible\\:outline-\\(--axebow-tertiary\\):focus-visible {\n outline-color: var(--axebow-tertiary);\n }\n\n .active\\:cursor-grabbing:active {\n cursor: grabbing;\n }\n\n .disabled\\:cursor-not-allowed:disabled {\n cursor: not-allowed;\n }\n\n .disabled\\:opacity-50:disabled {\n opacity: .5;\n }\n\n @media (min-width: 48rem) {\n .md\\:gap-8 {\n gap: calc(var(--spacing) * 8);\n }\n }\n\n @media (min-width: 64rem) {\n .lg\\:sticky {\n position: sticky;\n }\n\n .lg\\:block {\n display: block;\n }\n\n .lg\\:flex {\n display: flex;\n }\n\n .lg\\:hidden {\n display: none;\n }\n\n .lg\\:inline {\n display: inline;\n }\n\n .lg\\:min-h-\\(--card-height\\) {\n min-height: var(--card-height);\n }\n\n .lg\\:min-h-\\[calc\\(100vh-7\\.25rem\\)\\] {\n min-height: calc(100vh - 7.25rem);\n }\n\n .lg\\:w-\\(--card-width\\) {\n width: var(--card-width);\n }\n\n .lg\\:min-w-150 {\n min-width: var(--spacing-150);\n }\n\n .lg\\:cursor-default {\n cursor: default;\n }\n\n .lg\\:rounded-md {\n border-radius: var(--radius-md);\n }\n\n .lg\\:border {\n border-style: var(--tw-border-style);\n border-width: 1px;\n }\n\n .lg\\:text-base {\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n }\n\n .lg\\:text-lg {\n font-size: var(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n }\n\n .lg\\:shadow {\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n}\n\n:host {\n font-family: var(--font-sans);\n font-size: var(--text-base);\n line-height: var(--text-base--line-height);\n --font-sans: \"Open Sans\", sans-serif;\n --text-xs: .625rem;\n --text-xs--line-height: .875rem;\n --text-sm: .75rem;\n --text-sm--line-height: 1rem;\n --text-base: .875rem;\n --text-base--line-height: 1.25rem;\n --text-md: 1rem;\n --text-md--line-height: 1.5rem;\n --text-lg: 1.125rem;\n --text-lg--line-height: 1.75rem;\n --text-xl: 1.25rem;\n --text-xl--line-height: 1.75rem;\n --text-2xl: 1.5rem;\n --text-2xl--line-height: 2rem;\n --text-3xl: 1.875rem;\n --text-3xl--line-height: 2.25rem;\n --text-4xl: 2.25rem;\n --text-4xl--line-height: 2.5rem;\n --text-5xl: 3rem;\n --text-5xl--line-height: 1;\n --text-6xl: 3.75rem;\n --text-6xl--line-height: 1;\n --text-7xl: 4.5rem;\n --text-7xl--line-height: 1;\n --text-8xl: 4.625rem;\n --text-8xl--line-height: 1;\n --text-9xl: 6.125rem;\n --text-9xl--line-height: 1;\n}\n\n:root {\n --sl-font-sans: \"Open Sans\", sans-serif;\n --sl-font-size-2x-small: var(--text-xs);\n --sl-font-size-x-small: var(--text-xs);\n --sl-font-size-small: var(--text-sm);\n --sl-font-size-medium: var(--text-base);\n --sl-font-size-large: var(--text-md);\n --sl-font-size-x-large: var(--text-lg);\n --sl-font-size-2x-large: var(--text-xl);\n --sl-font-size-3x-large: var(--text-3xl);\n --sl-font-size-4x-large: var(--text-5xl);\n --sl-input-font-size-small: var(--text-sm);\n --sl-input-font-size-medium: var(--text-base);\n --sl-input-font-size-large: var(--text-md);\n --sl-button-font-size-small: var(--text-sm);\n --sl-button-font-size-medium: var(--text-base);\n --sl-button-font-size-large: var(--text-md);\n --sl-tooltip-font-size: var(--text-base);\n}\n\nbutton, input, select, textarea {\n font-family: inherit;\n font-size: inherit;\n}\n\ninput, select, textarea, sl-menu-item::part(label), sl-option::part(label) {\n font-size: var(--text-base);\n}\n\n:root {\n --axebow-scrollbar-line-color: var(--axebow-tertiary, #e51c8e);\n --axebow-scrollbar-track-color: #f0f1f5;\n --axebow-scrollbar-thumb-color: #cbd5e1;\n --axebow-scrollbar-thumb-hover-color: #94a3b8;\n}\n\nsl-select::part(listbox)::-webkit-scrollbar {\n border-left: 2px solid var(--axebow-scrollbar-line-color);\n width: 11px;\n height: 11px;\n}\n\nsl-dropdown::part(panel)::-webkit-scrollbar {\n border-left: 2px solid var(--axebow-scrollbar-line-color);\n width: 11px;\n height: 11px;\n}\n\nsl-menu::part(base)::-webkit-scrollbar {\n border-left: 2px solid var(--axebow-scrollbar-line-color);\n width: 11px;\n height: 11px;\n}\n\nsl-select::part(listbox)::-webkit-scrollbar-button {\n display: none;\n}\n\nsl-dropdown::part(panel)::-webkit-scrollbar-button {\n display: none;\n}\n\nsl-menu::part(base)::-webkit-scrollbar-button {\n display: none;\n}\n\nsl-select::part(listbox)::-webkit-scrollbar-track {\n background-color: var(--axebow-scrollbar-track-color);\n background-clip: padding-box;\n border: 2px solid #0000;\n border-left-width: 3px;\n border-radius: 9999px;\n}\n\nsl-dropdown::part(panel)::-webkit-scrollbar-track {\n background-color: var(--axebow-scrollbar-track-color);\n background-clip: padding-box;\n border: 2px solid #0000;\n border-left-width: 3px;\n border-radius: 9999px;\n}\n\nsl-menu::part(base)::-webkit-scrollbar-track {\n background-color: var(--axebow-scrollbar-track-color);\n background-clip: padding-box;\n border: 2px solid #0000;\n border-left-width: 3px;\n border-radius: 9999px;\n}\n\nsl-select::part(listbox)::-webkit-scrollbar-thumb {\n background-color: var(--axebow-scrollbar-thumb-color);\n background-clip: padding-box;\n border: 2px solid #0000;\n border-left-width: 3px;\n border-radius: 9999px;\n}\n\nsl-dropdown::part(panel)::-webkit-scrollbar-thumb {\n background-color: var(--axebow-scrollbar-thumb-color);\n background-clip: padding-box;\n border: 2px solid #0000;\n border-left-width: 3px;\n border-radius: 9999px;\n}\n\nsl-menu::part(base)::-webkit-scrollbar-thumb {\n background-color: var(--axebow-scrollbar-thumb-color);\n background-clip: padding-box;\n border: 2px solid #0000;\n border-left-width: 3px;\n border-radius: 9999px;\n}\n\nsl-select::part(listbox)::-webkit-scrollbar-thumb:hover {\n background-color: var(--axebow-scrollbar-thumb-hover-color);\n}\n\nsl-dropdown::part(panel)::-webkit-scrollbar-thumb:hover {\n background-color: var(--axebow-scrollbar-thumb-hover-color);\n}\n\nsl-menu::part(base)::-webkit-scrollbar-thumb:hover {\n background-color: var(--axebow-scrollbar-thumb-hover-color);\n}\n\nsl-select::part(listbox), sl-dropdown::part(panel), sl-menu::part(base) {\n scrollbar-width: thin;\n scrollbar-color: var(--axebow-scrollbar-thumb-color) transparent;\n}\n\nsl-select::part(listbox), sl-select::part(menu) {\n width: max-content !important;\n min-width: 100% !important;\n max-width: 90vw !important;\n}\n\n:root, sl-input::part(base), sl-select::part(combobox), sl-textarea::part(base) {\n --sl-input-focus-ring-color: transparent;\n --sl-input-border-color-focus: var(--axebow-black, #000);\n --sl-focus-ring-color: transparent;\n}\n\nsl-input:focus-within::part(base), sl-select:focus-within::part(combobox), sl-textarea:focus-within::part(base) {\n border-color: var(--axebow-black, #000) !important;\n box-shadow: none !important;\n outline: none !important;\n}\n\n.axebow-blue-button::part(base) {\n background-color: var(--axebow-tertiary);\n}\n\n.info-container-page {\n flex-wrap: wrap;\n display: flex;\n}\n\nsl-divider {\n background: var(--axebow-light-gray);\n height: 1px;\n margin-top: .5rem;\n margin-bottom: .5rem;\n}\n\n.axebow-shadow {\n box-shadow: 2px 2px 25px #0000001a;\n}\n\n@property --tw-translate-x {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-translate-y {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-translate-z {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-rotate-x {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-rotate-y {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-rotate-z {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-skew-x {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-skew-y {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-space-y-reverse {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-border-style {\n syntax: \"*\";\n inherits: false;\n initial-value: solid;\n}\n\n@property --tw-leading {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-font-weight {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-tracking {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-shadow-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n\n@property --tw-inset-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-inset-shadow-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-inset-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n\n@property --tw-ring-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-ring-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-inset-ring-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-inset-ring-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-ring-inset {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-ring-offset-width {\n syntax: \"<length>\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-ring-offset-color {\n syntax: \"*\";\n inherits: false;\n initial-value: #fff;\n}\n\n@property --tw-ring-offset-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-outline-style {\n syntax: \"*\";\n inherits: false;\n initial-value: solid;\n}\n\n@property --tw-blur {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-brightness {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-contrast {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-grayscale {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-hue-rotate {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-invert {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-opacity {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-saturate {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-sepia {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-drop-shadow {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-drop-shadow-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-drop-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n\n@property --tw-drop-shadow-size {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-duration {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-ease {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-scale-x {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n\n@property --tw-scale-y {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n\n@property --tw-scale-z {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n";
|
|
202
220
|
//#endregion
|
|
203
221
|
//#region \0@oxc-project+runtime@0.139.0/helpers/esm/decorate.js
|
|
204
222
|
function __decorate(decorators, target, key, desc) {
|
|
@@ -1146,6 +1164,8 @@ var AxebowQuickActionCard = class AxebowQuickActionCard extends LitElement {
|
|
|
1146
1164
|
super(..._args);
|
|
1147
1165
|
this.icon = "";
|
|
1148
1166
|
this.label = "";
|
|
1167
|
+
this.extraContent = "";
|
|
1168
|
+
this.hoverEffect = true;
|
|
1149
1169
|
}
|
|
1150
1170
|
static {
|
|
1151
1171
|
this.styles = [unsafeCSS(tailwind_default), css`:host { display: block; }`];
|
|
@@ -1153,11 +1173,12 @@ var AxebowQuickActionCard = class AxebowQuickActionCard extends LitElement {
|
|
|
1153
1173
|
render() {
|
|
1154
1174
|
return html`
|
|
1155
1175
|
<div
|
|
1156
|
-
class="flex flex-col items-center justify-center gap-1 w-
|
|
1176
|
+
class="flex flex-col items-center justify-center gap-1 w-42 min-h-19 px-4 py-0.5 rounded bg-white ${this.hoverEffect ? "hover:bg-(--axebow-base) cursor-pointer transition-colors duration-150" : "cursor-default"}"
|
|
1157
1177
|
@click=${this._onClick}
|
|
1158
1178
|
>
|
|
1159
1179
|
<axebow-icon iconName=${this.icon} iconColor="var(--axebow-primary)" size="xl"></axebow-icon>
|
|
1160
1180
|
<span class="text-base font-semibold text-(--axebow-primary) text-center whitespace-nowrap">${this.label}</span>
|
|
1181
|
+
${this.extraContent ? html`<span class="bg-(--axebow-base) py-0.5 px-1 uppercase text-(--axebow-text-gray) text-xs rounded-sm">${this.extraContent}</span>` : ""}
|
|
1161
1182
|
</div>
|
|
1162
1183
|
`;
|
|
1163
1184
|
}
|
|
@@ -1170,6 +1191,8 @@ var AxebowQuickActionCard = class AxebowQuickActionCard extends LitElement {
|
|
|
1170
1191
|
};
|
|
1171
1192
|
__decorate([property({ type: String })], AxebowQuickActionCard.prototype, "icon", void 0);
|
|
1172
1193
|
__decorate([property({ type: String })], AxebowQuickActionCard.prototype, "label", void 0);
|
|
1194
|
+
__decorate([property({ type: String })], AxebowQuickActionCard.prototype, "extraContent", void 0);
|
|
1195
|
+
__decorate([property({ type: Boolean })], AxebowQuickActionCard.prototype, "hoverEffect", void 0);
|
|
1173
1196
|
AxebowQuickActionCard = __decorate([customElement("axebow-quick-action-card")], AxebowQuickActionCard);
|
|
1174
1197
|
//#endregion
|
|
1175
1198
|
//#region src/components/axebow-header/parts/axebow-quick-actions.ts
|
|
@@ -1180,7 +1203,7 @@ var AxebowQuickActions = class AxebowQuickActions extends LitElement {
|
|
|
1180
1203
|
this.actions = [];
|
|
1181
1204
|
this.open = false;
|
|
1182
1205
|
this._handleOutsideClick = (e) => {
|
|
1183
|
-
if (this.open && !
|
|
1206
|
+
if (this.open && !e.composedPath().includes(this)) this.open = false;
|
|
1184
1207
|
};
|
|
1185
1208
|
}
|
|
1186
1209
|
static {
|
|
@@ -1209,6 +1232,7 @@ var AxebowQuickActions = class AxebowQuickActions extends LitElement {
|
|
|
1209
1232
|
this.open = !this.open;
|
|
1210
1233
|
}
|
|
1211
1234
|
_select(action) {
|
|
1235
|
+
if (!action.onClick) return;
|
|
1212
1236
|
action.onClick();
|
|
1213
1237
|
this.open = false;
|
|
1214
1238
|
}
|
|
@@ -1246,6 +1270,8 @@ var AxebowQuickActions = class AxebowQuickActions extends LitElement {
|
|
|
1246
1270
|
<axebow-quick-action-card
|
|
1247
1271
|
icon=${action.icon}
|
|
1248
1272
|
label=${action.label}
|
|
1273
|
+
extraContent=${action.extraContent || ""}
|
|
1274
|
+
.hoverEffect=${action.hoverEffect !== void 0 ? action.hoverEffect : true}
|
|
1249
1275
|
@card-click=${() => this._select(action)}
|
|
1250
1276
|
></axebow-quick-action-card>
|
|
1251
1277
|
`)}
|
|
@@ -1257,6 +1283,8 @@ var AxebowQuickActions = class AxebowQuickActions extends LitElement {
|
|
|
1257
1283
|
<axebow-quick-action-card
|
|
1258
1284
|
icon=${action.icon}
|
|
1259
1285
|
label=${action.label}
|
|
1286
|
+
extraContent=${action.extraContent || ""}
|
|
1287
|
+
.hoverEffect=${action.hoverEffect !== void 0 ? action.hoverEffect : true}
|
|
1260
1288
|
@card-click=${() => this._select(action)}
|
|
1261
1289
|
></axebow-quick-action-card>
|
|
1262
1290
|
`)}
|
|
@@ -1576,6 +1604,65 @@ __decorate([property({ type: String })], AxebowHeader.prototype, "markAllAsReadL
|
|
|
1576
1604
|
__decorate([property({ attribute: false })], AxebowHeader.prototype, "onMarkAllAsRead", void 0);
|
|
1577
1605
|
AxebowHeader = __decorate([customElement("axebow-header")], AxebowHeader);
|
|
1578
1606
|
//#endregion
|
|
1607
|
+
//#region src/components/axebow-divider/axebow-divider.ts
|
|
1608
|
+
var AxebowDivider = class AxebowDivider extends LitElement {
|
|
1609
|
+
constructor(..._args) {
|
|
1610
|
+
super(..._args);
|
|
1611
|
+
this.type = "solid";
|
|
1612
|
+
this.width = "100%";
|
|
1613
|
+
this.color = "var(--axebow-light-gray)";
|
|
1614
|
+
this.margin = "0.5rem 0";
|
|
1615
|
+
this.thickness = "1px";
|
|
1616
|
+
}
|
|
1617
|
+
static {
|
|
1618
|
+
this.styles = [
|
|
1619
|
+
unsafeCSS(tailwind_default),
|
|
1620
|
+
axebowTheme,
|
|
1621
|
+
css`
|
|
1622
|
+
:host {
|
|
1623
|
+
display: block;
|
|
1624
|
+
width: 100%;
|
|
1625
|
+
}
|
|
1626
|
+
.divider {
|
|
1627
|
+
box-sizing: border-box;
|
|
1628
|
+
border: none;
|
|
1629
|
+
}
|
|
1630
|
+
.divider.solid {
|
|
1631
|
+
height: var(--divider-thickness, 1px);
|
|
1632
|
+
background-color: var(--divider-color, var(--axebow-light-gray));
|
|
1633
|
+
}
|
|
1634
|
+
.divider.dashed {
|
|
1635
|
+
height: 0;
|
|
1636
|
+
border-top: var(--divider-thickness, 1px) dashed var(--divider-color, var(--axebow-light-gray));
|
|
1637
|
+
}
|
|
1638
|
+
.divider.dotted {
|
|
1639
|
+
height: 0;
|
|
1640
|
+
border-top: var(--divider-thickness, 1px) dotted var(--divider-color, var(--axebow-light-gray));
|
|
1641
|
+
}
|
|
1642
|
+
`
|
|
1643
|
+
];
|
|
1644
|
+
}
|
|
1645
|
+
render() {
|
|
1646
|
+
return html`
|
|
1647
|
+
<div
|
|
1648
|
+
class="divider ${this.type}"
|
|
1649
|
+
style="
|
|
1650
|
+
width: ${this.width};
|
|
1651
|
+
margin: ${this.margin};
|
|
1652
|
+
--divider-color: ${this.color};
|
|
1653
|
+
--divider-thickness: ${this.thickness};
|
|
1654
|
+
"
|
|
1655
|
+
></div>
|
|
1656
|
+
`;
|
|
1657
|
+
}
|
|
1658
|
+
};
|
|
1659
|
+
__decorate([property({ type: String })], AxebowDivider.prototype, "type", void 0);
|
|
1660
|
+
__decorate([property({ type: String })], AxebowDivider.prototype, "width", void 0);
|
|
1661
|
+
__decorate([property({ type: String })], AxebowDivider.prototype, "color", void 0);
|
|
1662
|
+
__decorate([property({ type: String })], AxebowDivider.prototype, "margin", void 0);
|
|
1663
|
+
__decorate([property({ type: String })], AxebowDivider.prototype, "thickness", void 0);
|
|
1664
|
+
AxebowDivider = __decorate([customElement("axebow-divider")], AxebowDivider);
|
|
1665
|
+
//#endregion
|
|
1579
1666
|
//#region src/components/axebow-sidebar/axebow-sidebar.ts
|
|
1580
1667
|
var AxebowSidebar = class AxebowSidebar extends LitElement {
|
|
1581
1668
|
constructor(..._args) {
|
|
@@ -1659,8 +1746,8 @@ var AxebowSidebar = class AxebowSidebar extends LitElement {
|
|
|
1659
1746
|
class="sidebar-nav h-full flex flex-col justify-between overflow-hidden pt-2"
|
|
1660
1747
|
>
|
|
1661
1748
|
<ul class="flex flex-col gap-0 w-full pb-1">
|
|
1662
|
-
${this.items.map((entry) => "divider" in entry ? html` <
|
|
1663
|
-
<
|
|
1749
|
+
${this.items.map((entry) => "divider" in entry ? html` <axebow-divider class="sidebar-divider w-[calc(100%-10px)] mx-auto my-1.5" margin="0"></axebow-divider> ` : this._renderNavItem(entry, this._isSelected(entry)))}
|
|
1750
|
+
<axebow-divider class="compact-divider hidden w-[calc(100%-10px)] mx-auto my-1.5" margin="0"></axebow-divider>
|
|
1664
1751
|
</ul>
|
|
1665
1752
|
<ul class="flex flex-col gap-0 w-full">
|
|
1666
1753
|
${this.bottomItems.map((item) => this._renderBottomItem(item))}
|
|
@@ -1886,6 +1973,7 @@ var AxebowInputBase = class extends LitElement {
|
|
|
1886
1973
|
constructor(..._args) {
|
|
1887
1974
|
super(..._args);
|
|
1888
1975
|
this.value = "";
|
|
1976
|
+
this.type = "text";
|
|
1889
1977
|
this.placeholder = "";
|
|
1890
1978
|
this.label = "";
|
|
1891
1979
|
this.description = "";
|
|
@@ -1895,6 +1983,7 @@ var AxebowInputBase = class extends LitElement {
|
|
|
1895
1983
|
this.errorMessage = "";
|
|
1896
1984
|
this.compact = false;
|
|
1897
1985
|
this.wrapDescription = false;
|
|
1986
|
+
this.descriptionLines = 2;
|
|
1898
1987
|
}
|
|
1899
1988
|
static {
|
|
1900
1989
|
this.baseStyles = [
|
|
@@ -1908,8 +1997,8 @@ var AxebowInputBase = class extends LitElement {
|
|
|
1908
1997
|
sl-input::part(base),
|
|
1909
1998
|
sl-select::part(combobox) {
|
|
1910
1999
|
--sl-input-focus-ring-color: transparent;
|
|
1911
|
-
--sl-color-primary-600:
|
|
1912
|
-
--sl-input-border-color-focus:
|
|
2000
|
+
--sl-color-primary-600: var(--axebow-black, #000000);
|
|
2001
|
+
--sl-input-border-color-focus: var(--axebow-black, #000000);
|
|
1913
2002
|
border-radius: 0.375rem;
|
|
1914
2003
|
}
|
|
1915
2004
|
.input-error sl-input,
|
|
@@ -1940,25 +2029,29 @@ var AxebowInputBase = class extends LitElement {
|
|
|
1940
2029
|
width: 100%;
|
|
1941
2030
|
min-width: 16.59375rem;
|
|
1942
2031
|
}
|
|
1943
|
-
.fixed-field .field-label
|
|
1944
|
-
.fixed-field .field-description {
|
|
2032
|
+
.fixed-field .field-label {
|
|
1945
2033
|
width: 100%;
|
|
1946
2034
|
height: 1.0625rem;
|
|
1947
2035
|
overflow: hidden;
|
|
1948
2036
|
white-space: nowrap;
|
|
1949
2037
|
text-overflow: ellipsis;
|
|
1950
|
-
}
|
|
1951
|
-
.fixed-field .field-label {
|
|
1952
2038
|
margin-bottom: 0.25rem;
|
|
1953
2039
|
}
|
|
1954
2040
|
.fixed-field .field-description {
|
|
2041
|
+
width: 100%;
|
|
1955
2042
|
margin-bottom: 0.5rem;
|
|
2043
|
+
overflow: hidden;
|
|
2044
|
+
white-space: normal;
|
|
2045
|
+
display: -webkit-box;
|
|
2046
|
+
-webkit-box-orient: vertical;
|
|
2047
|
+
-webkit-line-clamp: var(--axebow-input-description-lines, 2);
|
|
2048
|
+
line-clamp: var(--axebow-input-description-lines, 2);
|
|
2049
|
+
text-overflow: ellipsis;
|
|
2050
|
+
font-weight: normal;
|
|
1956
2051
|
}
|
|
1957
2052
|
.fixed-field.wrap-description .field-description {
|
|
1958
|
-
height: 2.125rem;
|
|
1959
2053
|
white-space: normal;
|
|
1960
2054
|
display: -webkit-box;
|
|
1961
|
-
-webkit-line-clamp: 2;
|
|
1962
2055
|
-webkit-box-orient: vertical;
|
|
1963
2056
|
}
|
|
1964
2057
|
`
|
|
@@ -1974,18 +2067,24 @@ var AxebowInputBase = class extends LitElement {
|
|
|
1974
2067
|
return html`
|
|
1975
2068
|
<div class="flex flex-col justify-end w-full relative">
|
|
1976
2069
|
${!this.compact || this.label ? html`<div
|
|
1977
|
-
class="flex items-baseline gap-
|
|
2070
|
+
class="flex items-baseline gap-px"
|
|
1978
2071
|
style="margin-bottom: ${this.description ? "var(--axebow-input-label-gap, 1rem)" : "var(--axebow-input-field-gap, 0.5rem)"}"
|
|
1979
2072
|
>
|
|
1980
|
-
${this.required ? html`<p class="text-(--axebow-error)">*</p>` : ""}
|
|
1981
|
-
<h4 class="
|
|
2073
|
+
${this.required ? html`<p class="text-(--axebow-error) m-0 leading-none">*</p>` : ""}
|
|
2074
|
+
<h4 class="font-semibold text-base m-0">${this.label}</h4>
|
|
1982
2075
|
</div>` : ""}
|
|
1983
2076
|
${this.description ? html`<p
|
|
1984
|
-
class="
|
|
2077
|
+
class="overflow-hidden font-normal text-base"
|
|
1985
2078
|
style="
|
|
1986
2079
|
margin-bottom: var(--axebow-input-description-gap, 0.75rem);
|
|
1987
|
-
height: var(--axebow-input-description-height,
|
|
2080
|
+
height: var(--axebow-input-description-height, auto);
|
|
1988
2081
|
width: var(--axebow-input-description-width, 100%);
|
|
2082
|
+
display: -webkit-box;
|
|
2083
|
+
-webkit-box-orient: vertical;
|
|
2084
|
+
-webkit-line-clamp: ${this.descriptionLines};
|
|
2085
|
+
line-clamp: ${this.descriptionLines};
|
|
2086
|
+
text-overflow: ellipsis;
|
|
2087
|
+
white-space: normal;
|
|
1989
2088
|
"
|
|
1990
2089
|
title="${this.description}"
|
|
1991
2090
|
>
|
|
@@ -2007,15 +2106,20 @@ var AxebowInputBase = class extends LitElement {
|
|
|
2007
2106
|
renderFixedField(content) {
|
|
2008
2107
|
return html`
|
|
2009
2108
|
<div class="fixed-field ${this.wrapDescription ? "wrap-description" : ""}">
|
|
2010
|
-
${this.label ? html`<div class="flex items-baseline gap-
|
|
2109
|
+
${this.label ? html`<div class="flex items-baseline gap-px field-label">
|
|
2011
2110
|
${this.required ? html`<p class="text-(--axebow-error) text-base leading-4.25 m-0">*</p>` : ""}
|
|
2012
2111
|
<h4 class="font-semibold text-base leading-4.25 m-0 overflow-hidden text-ellipsis">
|
|
2013
2112
|
${this.label}
|
|
2014
2113
|
</h4>
|
|
2015
2114
|
</div>` : ""}
|
|
2016
2115
|
${this.description ? html`<p
|
|
2017
|
-
class="field-description text-base font-
|
|
2018
|
-
|
|
2116
|
+
class="field-description text-base font-normal leading-4.25 m-0"
|
|
2117
|
+
style="
|
|
2118
|
+
--axebow-input-description-lines: ${this.descriptionLines};
|
|
2119
|
+
-webkit-line-clamp: ${this.descriptionLines};
|
|
2120
|
+
line-clamp: ${this.descriptionLines};
|
|
2121
|
+
"
|
|
2122
|
+
title="${this.description}"
|
|
2019
2123
|
>
|
|
2020
2124
|
${this.description}
|
|
2021
2125
|
</p>` : ""}
|
|
@@ -2031,6 +2135,7 @@ var AxebowInputBase = class extends LitElement {
|
|
|
2031
2135
|
}
|
|
2032
2136
|
};
|
|
2033
2137
|
__decorate([property({ type: String })], AxebowInputBase.prototype, "value", void 0);
|
|
2138
|
+
__decorate([property({ type: String })], AxebowInputBase.prototype, "type", void 0);
|
|
2034
2139
|
__decorate([property({ type: String })], AxebowInputBase.prototype, "placeholder", void 0);
|
|
2035
2140
|
__decorate([property({ type: String })], AxebowInputBase.prototype, "label", void 0);
|
|
2036
2141
|
__decorate([property({ type: String })], AxebowInputBase.prototype, "description", void 0);
|
|
@@ -2042,6 +2147,7 @@ __decorate([property({ type: Number })], AxebowInputBase.prototype, "maxlength",
|
|
|
2042
2147
|
__decorate([property({ attribute: false })], AxebowInputBase.prototype, "callback", void 0);
|
|
2043
2148
|
__decorate([property({ type: Boolean })], AxebowInputBase.prototype, "compact", void 0);
|
|
2044
2149
|
__decorate([property({ type: Boolean })], AxebowInputBase.prototype, "wrapDescription", void 0);
|
|
2150
|
+
__decorate([property({ type: Number })], AxebowInputBase.prototype, "descriptionLines", void 0);
|
|
2045
2151
|
//#endregion
|
|
2046
2152
|
//#region src/components/axebow-input/axebow-text-input.ts
|
|
2047
2153
|
var AxebowTextInput = class AxebowTextInput extends AxebowInputBase {
|
|
@@ -2062,6 +2168,8 @@ var AxebowTextInput = class AxebowTextInput extends AxebowInputBase {
|
|
|
2062
2168
|
const inputContent = html`
|
|
2063
2169
|
<div class="${this.hasError ? "input-error" : ""}">
|
|
2064
2170
|
<sl-input
|
|
2171
|
+
type="${this.type}"
|
|
2172
|
+
?password-toggle="${this.type === "password"}"
|
|
2065
2173
|
@sl-input="${this.handleChange}"
|
|
2066
2174
|
placeholder="${this.placeholder}"
|
|
2067
2175
|
.value="${this.value}"
|
|
@@ -2324,6 +2432,7 @@ var AxebowSwitchInput = class AxebowSwitchInput extends LitElement {
|
|
|
2324
2432
|
this.label = "";
|
|
2325
2433
|
this.description = "";
|
|
2326
2434
|
this.disabled = false;
|
|
2435
|
+
this.descriptionLines = 2;
|
|
2327
2436
|
}
|
|
2328
2437
|
static {
|
|
2329
2438
|
this.styles = [
|
|
@@ -2346,7 +2455,20 @@ var AxebowSwitchInput = class AxebowSwitchInput extends LitElement {
|
|
|
2346
2455
|
return html`
|
|
2347
2456
|
<div class="flex flex-col">
|
|
2348
2457
|
<h4 class="font-semibold text-base leading-4.25 m-0 h-4.25 overflow-hidden text-ellipsis">${this.label}</h4>
|
|
2349
|
-
<p
|
|
2458
|
+
<p
|
|
2459
|
+
class="text-base font-normal leading-4.25 m-0 mt-1 overflow-hidden"
|
|
2460
|
+
style="
|
|
2461
|
+
display: -webkit-box;
|
|
2462
|
+
-webkit-box-orient: vertical;
|
|
2463
|
+
-webkit-line-clamp: ${this.descriptionLines};
|
|
2464
|
+
line-clamp: ${this.descriptionLines};
|
|
2465
|
+
text-overflow: ellipsis;
|
|
2466
|
+
white-space: normal;
|
|
2467
|
+
"
|
|
2468
|
+
title="${this.description}"
|
|
2469
|
+
>
|
|
2470
|
+
${this.description}
|
|
2471
|
+
</p>
|
|
2350
2472
|
<sl-switch
|
|
2351
2473
|
class="mt-4.5"
|
|
2352
2474
|
style="--sl-color-primary-600: var(--axebow-success);"
|
|
@@ -2363,6 +2485,7 @@ __decorate([property({ type: String })], AxebowSwitchInput.prototype, "label", v
|
|
|
2363
2485
|
__decorate([property({ type: String })], AxebowSwitchInput.prototype, "description", void 0);
|
|
2364
2486
|
__decorate([property({ type: Boolean })], AxebowSwitchInput.prototype, "disabled", void 0);
|
|
2365
2487
|
__decorate([property({ attribute: false })], AxebowSwitchInput.prototype, "callback", void 0);
|
|
2488
|
+
__decorate([property({ type: Number })], AxebowSwitchInput.prototype, "descriptionLines", void 0);
|
|
2366
2489
|
AxebowSwitchInput = __decorate([customElement("axebow-switch-input")], AxebowSwitchInput);
|
|
2367
2490
|
//#endregion
|
|
2368
2491
|
//#region src/components/axebow-input/axebow-carousel-input.ts
|
|
@@ -2370,7 +2493,7 @@ var SELECTOR_MAX_WIDTH_PX = 720;
|
|
|
2370
2493
|
var CARD_HEIGHT_PX = 54;
|
|
2371
2494
|
var CARD_GAP_PX = 12;
|
|
2372
2495
|
function slidesPerPageFor$1(containerWidthPx) {
|
|
2373
|
-
return (containerWidthPx + CARD_GAP_PX) /
|
|
2496
|
+
return (containerWidthPx + CARD_GAP_PX) / 142;
|
|
2374
2497
|
}
|
|
2375
2498
|
var AxebowCarouselInput = class AxebowCarouselInput extends AxebowInputBase {
|
|
2376
2499
|
constructor(..._args) {
|
|
@@ -2448,6 +2571,95 @@ __decorate([state()], AxebowCarouselInput.prototype, "_slidesPerPage", void 0);
|
|
|
2448
2571
|
__decorate([query("sl-carousel")], AxebowCarouselInput.prototype, "_carouselEl", void 0);
|
|
2449
2572
|
AxebowCarouselInput = __decorate([customElement("axebow-carousel-input")], AxebowCarouselInput);
|
|
2450
2573
|
//#endregion
|
|
2574
|
+
//#region src/components/axebow-selector-card/axebow-selector-card.ts
|
|
2575
|
+
var AxebowSelectorCard = class AxebowSelectorCard extends LitElement {
|
|
2576
|
+
constructor(..._args) {
|
|
2577
|
+
super(..._args);
|
|
2578
|
+
this.cardId = "";
|
|
2579
|
+
this.logoSrc = "";
|
|
2580
|
+
this.selected = false;
|
|
2581
|
+
this.disabled = false;
|
|
2582
|
+
}
|
|
2583
|
+
static {
|
|
2584
|
+
this.styles = [
|
|
2585
|
+
unsafeCSS(tailwind_default),
|
|
2586
|
+
axebowTheme,
|
|
2587
|
+
css`
|
|
2588
|
+
:host {
|
|
2589
|
+
display: block;
|
|
2590
|
+
width: 100%;
|
|
2591
|
+
height: 100%;
|
|
2592
|
+
}
|
|
2593
|
+
.card-wrapper {
|
|
2594
|
+
position: relative;
|
|
2595
|
+
gap: calc(var(--spacing) * 0.5);
|
|
2596
|
+
border-color: var(--color-gray-200);
|
|
2597
|
+
background-color: transparent;
|
|
2598
|
+
width: 100%;
|
|
2599
|
+
height: 100%;
|
|
2600
|
+
box-sizing: border-box;
|
|
2601
|
+
}
|
|
2602
|
+
@media (min-width: 48rem) {
|
|
2603
|
+
.card-wrapper {
|
|
2604
|
+
gap: var(--spacing);
|
|
2605
|
+
}
|
|
2606
|
+
}
|
|
2607
|
+
@media (min-width: 64rem) {
|
|
2608
|
+
.card-wrapper {
|
|
2609
|
+
gap: calc(var(--spacing) * 2);
|
|
2610
|
+
}
|
|
2611
|
+
}
|
|
2612
|
+
.card-wrapper:not(.selected):hover {
|
|
2613
|
+
border-color: var(--axebow-tertiary);
|
|
2614
|
+
}
|
|
2615
|
+
.card-wrapper.selected {
|
|
2616
|
+
border-color: var(--axebow-primary);
|
|
2617
|
+
background-color: var(--axebow-white);
|
|
2618
|
+
}
|
|
2619
|
+
.registry-logo {
|
|
2620
|
+
height: calc(var(--spacing) * 3);
|
|
2621
|
+
aspect-ratio: 1 / 1;
|
|
2622
|
+
object-fit: contain;
|
|
2623
|
+
flex-shrink: 0;
|
|
2624
|
+
}
|
|
2625
|
+
@media (min-width: 64rem) {
|
|
2626
|
+
.registry-logo {
|
|
2627
|
+
height: calc(var(--spacing) * 6);
|
|
2628
|
+
}
|
|
2629
|
+
}
|
|
2630
|
+
p {
|
|
2631
|
+
margin: 0;
|
|
2632
|
+
white-space: nowrap;
|
|
2633
|
+
overflow: hidden;
|
|
2634
|
+
text-overflow: ellipsis;
|
|
2635
|
+
}
|
|
2636
|
+
`
|
|
2637
|
+
];
|
|
2638
|
+
}
|
|
2639
|
+
render() {
|
|
2640
|
+
return html`
|
|
2641
|
+
<div
|
|
2642
|
+
class="card-wrapper rounded-lg border border-solid p-2 text-center transition-all duration-300 ease-in-out flex items-center justify-center ${this.selected ? "selected" : ""} ${this.disabled ? "opacity-60 pointer-events-none" : "cursor-pointer"}"
|
|
2643
|
+
>
|
|
2644
|
+
<img class="registry-logo" src="${this.logoSrc}" alt="${this.cardId}" />
|
|
2645
|
+
<p class="m-0">${this.cardId}</p>
|
|
2646
|
+
${this.selected ? html`
|
|
2647
|
+
<div
|
|
2648
|
+
class="absolute -top-2.25 -right-2.25 z-10 w-4.5 h-4.5 rounded-full bg-(--axebow-white) flex items-center justify-center"
|
|
2649
|
+
>
|
|
2650
|
+
<axebow-icon iconName="check_circle" filled iconColor="var(--axebow-primary)" size="xl"></axebow-icon>
|
|
2651
|
+
</div>
|
|
2652
|
+
` : ""}
|
|
2653
|
+
</div>
|
|
2654
|
+
`;
|
|
2655
|
+
}
|
|
2656
|
+
};
|
|
2657
|
+
__decorate([property({ type: String })], AxebowSelectorCard.prototype, "cardId", void 0);
|
|
2658
|
+
__decorate([property({ type: String })], AxebowSelectorCard.prototype, "logoSrc", void 0);
|
|
2659
|
+
__decorate([property({ type: Boolean })], AxebowSelectorCard.prototype, "selected", void 0);
|
|
2660
|
+
__decorate([property({ type: Boolean })], AxebowSelectorCard.prototype, "disabled", void 0);
|
|
2661
|
+
AxebowSelectorCard = __decorate([customElement("axebow-selector-card")], AxebowSelectorCard);
|
|
2662
|
+
//#endregion
|
|
2451
2663
|
//#region src/components/axebow-input/axebow-providers-input.ts
|
|
2452
2664
|
var AxebowProvidersInput = class AxebowProvidersInput extends AxebowInputBase {
|
|
2453
2665
|
constructor(..._args) {
|
|
@@ -2457,15 +2669,35 @@ var AxebowProvidersInput = class AxebowProvidersInput extends AxebowInputBase {
|
|
|
2457
2669
|
static {
|
|
2458
2670
|
this.styles = [...AxebowInputBase.baseStyles];
|
|
2459
2671
|
}
|
|
2672
|
+
_handleSelect(item) {
|
|
2673
|
+
if (this.disabled) return;
|
|
2674
|
+
this.value = item.id;
|
|
2675
|
+
const event = new Event("change", {
|
|
2676
|
+
bubbles: true,
|
|
2677
|
+
composed: true
|
|
2678
|
+
});
|
|
2679
|
+
Object.defineProperty(event, "target", {
|
|
2680
|
+
value: { value: item.id },
|
|
2681
|
+
writable: false
|
|
2682
|
+
});
|
|
2683
|
+
this.dispatchEvent(event);
|
|
2684
|
+
this.callback?.(event);
|
|
2685
|
+
}
|
|
2460
2686
|
render() {
|
|
2461
2687
|
return this.renderWrapper(html`
|
|
2462
2688
|
<div class="flex flex-wrap gap-3 mt-0">
|
|
2463
|
-
${this.carouselItems.map((item) =>
|
|
2464
|
-
|
|
2465
|
-
|
|
2466
|
-
|
|
2467
|
-
|
|
2468
|
-
|
|
2689
|
+
${this.carouselItems.map((item) => {
|
|
2690
|
+
const isSelected = this.value === item.id || this.value === item.name;
|
|
2691
|
+
return this.carouselItemRenderer ? this.carouselItemRenderer(item) : html`
|
|
2692
|
+
<axebow-selector-card
|
|
2693
|
+
.cardId=${item.id}
|
|
2694
|
+
.logoSrc=${item.content}
|
|
2695
|
+
.selected=${isSelected}
|
|
2696
|
+
.disabled=${this.disabled}
|
|
2697
|
+
@click=${() => this._handleSelect(item)}
|
|
2698
|
+
></axebow-selector-card>
|
|
2699
|
+
`;
|
|
2700
|
+
})}
|
|
2469
2701
|
</div>
|
|
2470
2702
|
`);
|
|
2471
2703
|
}
|
|
@@ -2723,6 +2955,7 @@ var AxebowInput = class AxebowInput extends LitElement {
|
|
|
2723
2955
|
constructor(..._args) {
|
|
2724
2956
|
super(..._args);
|
|
2725
2957
|
this.value = "";
|
|
2958
|
+
this.type = "text";
|
|
2726
2959
|
this.placeholder = "";
|
|
2727
2960
|
this.label = "";
|
|
2728
2961
|
this.description = "";
|
|
@@ -2746,6 +2979,7 @@ var AxebowInput = class AxebowInput extends LitElement {
|
|
|
2746
2979
|
this.stepAmount = 1;
|
|
2747
2980
|
this.fixedField = false;
|
|
2748
2981
|
this.wrapDescription = false;
|
|
2982
|
+
this.descriptionLines = 2;
|
|
2749
2983
|
}
|
|
2750
2984
|
static {
|
|
2751
2985
|
this.styles = [
|
|
@@ -2763,6 +2997,7 @@ var AxebowInput = class AxebowInput extends LitElement {
|
|
|
2763
2997
|
switch (this.controlType) {
|
|
2764
2998
|
case "input": return html`
|
|
2765
2999
|
<axebow-text-input
|
|
3000
|
+
.type=${this.type}
|
|
2766
3001
|
.value=${this.value}
|
|
2767
3002
|
.placeholder=${this.placeholder}
|
|
2768
3003
|
.label=${this.label}
|
|
@@ -2774,6 +3009,7 @@ var AxebowInput = class AxebowInput extends LitElement {
|
|
|
2774
3009
|
.callback=${this.callback}
|
|
2775
3010
|
.maxlength=${this.maxlength}
|
|
2776
3011
|
.compact=${this.compact}
|
|
3012
|
+
.descriptionLines=${this.descriptionLines}
|
|
2777
3013
|
></axebow-text-input>
|
|
2778
3014
|
`;
|
|
2779
3015
|
case "numeric": return html`
|
|
@@ -2796,6 +3032,7 @@ var AxebowInput = class AxebowInput extends LitElement {
|
|
|
2796
3032
|
.stepAmount=${this.stepAmount}
|
|
2797
3033
|
.fixedField=${this.fixedField}
|
|
2798
3034
|
.minWidth=${this.minWidth}
|
|
3035
|
+
.descriptionLines=${this.descriptionLines}
|
|
2799
3036
|
></axebow-numeric-input>
|
|
2800
3037
|
`;
|
|
2801
3038
|
case "integer": return html`
|
|
@@ -2819,6 +3056,7 @@ var AxebowInput = class AxebowInput extends LitElement {
|
|
|
2819
3056
|
.stepAmount=${this.stepAmount}
|
|
2820
3057
|
.fixedField=${this.fixedField}
|
|
2821
3058
|
.minWidth=${this.minWidth}
|
|
3059
|
+
.descriptionLines=${this.descriptionLines}
|
|
2822
3060
|
></axebow-numeric-input>
|
|
2823
3061
|
`;
|
|
2824
3062
|
case "select": return html`
|
|
@@ -2843,6 +3081,7 @@ var AxebowInput = class AxebowInput extends LitElement {
|
|
|
2843
3081
|
.minWidth=${this.minWidth}
|
|
2844
3082
|
.fixedHeight=${this.fixedHeight}
|
|
2845
3083
|
.wrapDescription=${this.wrapDescription}
|
|
3084
|
+
.descriptionLines=${this.descriptionLines}
|
|
2846
3085
|
></axebow-select-input>
|
|
2847
3086
|
`;
|
|
2848
3087
|
case "checkbox": return html`
|
|
@@ -2856,6 +3095,7 @@ var AxebowInput = class AxebowInput extends LitElement {
|
|
|
2856
3095
|
.errorMessage=${this.errorMessage}
|
|
2857
3096
|
.callback=${this.callback}
|
|
2858
3097
|
.options=${this.options}
|
|
3098
|
+
.descriptionLines=${this.descriptionLines}
|
|
2859
3099
|
></axebow-checkbox-input>
|
|
2860
3100
|
`;
|
|
2861
3101
|
case "switch": return html`
|
|
@@ -2865,6 +3105,7 @@ var AxebowInput = class AxebowInput extends LitElement {
|
|
|
2865
3105
|
.description=${this.description}
|
|
2866
3106
|
.disabled=${this.disabled}
|
|
2867
3107
|
.callback=${this.callback}
|
|
3108
|
+
.descriptionLines=${this.descriptionLines}
|
|
2868
3109
|
></axebow-switch-input>
|
|
2869
3110
|
`;
|
|
2870
3111
|
case "carousel": return html`
|
|
@@ -2879,6 +3120,7 @@ var AxebowInput = class AxebowInput extends LitElement {
|
|
|
2879
3120
|
.callback=${this.callback}
|
|
2880
3121
|
.carouselItems=${this.carouselItems}
|
|
2881
3122
|
.carouselItemRenderer=${this.carouselItemRenderer}
|
|
3123
|
+
.descriptionLines=${this.descriptionLines}
|
|
2882
3124
|
></axebow-carousel-input>
|
|
2883
3125
|
`;
|
|
2884
3126
|
case "providers": return html`
|
|
@@ -2893,6 +3135,7 @@ var AxebowInput = class AxebowInput extends LitElement {
|
|
|
2893
3135
|
.callback=${this.callback}
|
|
2894
3136
|
.carouselItems=${this.carouselItems}
|
|
2895
3137
|
.carouselItemRenderer=${this.carouselItemRenderer}
|
|
3138
|
+
.descriptionLines=${this.descriptionLines}
|
|
2896
3139
|
></axebow-providers-input>
|
|
2897
3140
|
`;
|
|
2898
3141
|
default: return html`
|
|
@@ -2908,12 +3151,14 @@ var AxebowInput = class AxebowInput extends LitElement {
|
|
|
2908
3151
|
.callback=${this.callback}
|
|
2909
3152
|
.maxlength=${this.maxlength}
|
|
2910
3153
|
.compact=${this.compact}
|
|
3154
|
+
.descriptionLines=${this.descriptionLines}
|
|
2911
3155
|
></axebow-text-input>
|
|
2912
3156
|
`;
|
|
2913
3157
|
}
|
|
2914
3158
|
}
|
|
2915
3159
|
};
|
|
2916
3160
|
__decorate([property({ type: String })], AxebowInput.prototype, "value", void 0);
|
|
3161
|
+
__decorate([property({ type: String })], AxebowInput.prototype, "type", void 0);
|
|
2917
3162
|
__decorate([property({ type: String })], AxebowInput.prototype, "placeholder", void 0);
|
|
2918
3163
|
__decorate([property({ type: String })], AxebowInput.prototype, "label", void 0);
|
|
2919
3164
|
__decorate([property({ type: String })], AxebowInput.prototype, "description", void 0);
|
|
@@ -2947,6 +3192,7 @@ __decorate([property({ type: Boolean })], AxebowInput.prototype, "showStepper",
|
|
|
2947
3192
|
__decorate([property({ type: Number })], AxebowInput.prototype, "stepAmount", void 0);
|
|
2948
3193
|
__decorate([property({ type: Boolean })], AxebowInput.prototype, "fixedField", void 0);
|
|
2949
3194
|
__decorate([property({ type: Boolean })], AxebowInput.prototype, "wrapDescription", void 0);
|
|
3195
|
+
__decorate([property({ type: Number })], AxebowInput.prototype, "descriptionLines", void 0);
|
|
2950
3196
|
AxebowInput = __decorate([customElement("axebow-input")], AxebowInput);
|
|
2951
3197
|
//#endregion
|
|
2952
3198
|
//#region src/components/axebow-input/axebow-plan-select-field.ts
|
|
@@ -3151,7 +3397,7 @@ var AxebowTabSelector = class AxebowTabSelector extends LitElement {
|
|
|
3151
3397
|
bottom: 0;
|
|
3152
3398
|
left: 0;
|
|
3153
3399
|
right: 0;
|
|
3154
|
-
height:
|
|
3400
|
+
height: 1px;
|
|
3155
3401
|
background-color: var(--axebow-tertiary);
|
|
3156
3402
|
border-radius: 0.25rem;
|
|
3157
3403
|
}
|
|
@@ -3218,7 +3464,7 @@ var AxebowTabSelector = class AxebowTabSelector extends LitElement {
|
|
|
3218
3464
|
class="flex-1 h-8 flex items-center justify-center gap-2 transition-colors duration-200 font-medium
|
|
3219
3465
|
focus-visible:outline-2 focus-visible:outline-(--axebow-tertiary)
|
|
3220
3466
|
${isDisabled ? "opacity-60 cursor-not-allowed" : "cursor-pointer"}
|
|
3221
|
-
${active ? `bg-white text-(--axebow-primary) rounded-t-lg tab-active ${this.bordered ? "border-t border-l border-r border-(--axebow-table-header-border)" : "border-none"}` : "bg-transparent text-(--axebow-secondary) rounded-md tab-inactive border-none"}"
|
|
3467
|
+
${active ? `bg-white text-(--axebow-primary) font-semibold rounded-t-lg tab-active ${this.bordered ? "border-t border-l border-r border-(--axebow-table-header-border)" : "border-none"}` : "bg-transparent text-(--axebow-secondary) rounded-md tab-inactive border-none hover:font-semibold"}"
|
|
3222
3468
|
?disabled=${isDisabled}
|
|
3223
3469
|
@click=${() => this._selectTab(i)}
|
|
3224
3470
|
>
|
|
@@ -3253,11 +3499,11 @@ var AxebowTabSelector = class AxebowTabSelector extends LitElement {
|
|
|
3253
3499
|
const isDisabled = this._tabDisabled[i];
|
|
3254
3500
|
return html`
|
|
3255
3501
|
<button
|
|
3256
|
-
class="${this.stretch ? "flex-1" : "px-4"} h-8 flex items-center justify-center text-sm
|
|
3257
|
-
transition-
|
|
3502
|
+
class="${this.stretch ? "flex-1" : "px-4"} h-8 flex items-center justify-center text-sm bg-transparent
|
|
3503
|
+
transition-all duration-200
|
|
3258
3504
|
focus-visible:outline-2 focus-visible:outline-(--axebow-tertiary)
|
|
3259
3505
|
${isDisabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"}
|
|
3260
|
-
${active ? "text-[#344966] border-b
|
|
3506
|
+
${active ? "text-[#344966] font-semibold border-b border-solid border-[#344966] border-t-0 border-l-0 border-r-0" : "text-(--axebow-secondary) font-medium border-b border-solid border-(--axebow-light-gray) border-t-0 border-l-0 border-r-0 hover:text-(--axebow-tertiary) hover:border-(--axebow-tertiary) hover:font-semibold"}"
|
|
3261
3507
|
?disabled=${isDisabled}
|
|
3262
3508
|
@click=${() => this._selectTab(i)}
|
|
3263
3509
|
>
|
|
@@ -3339,55 +3585,16 @@ var AxebowRegistrySelector = class AxebowRegistrySelector extends LitElement {
|
|
|
3339
3585
|
_renderRegistryItem(registry) {
|
|
3340
3586
|
const isSelected = this._isRegistrySelected(registry);
|
|
3341
3587
|
return html`
|
|
3342
|
-
<style>
|
|
3343
|
-
.registry-card {
|
|
3344
|
-
position: relative;
|
|
3345
|
-
gap: calc(var(--spacing) * 0.5);
|
|
3346
|
-
border-color: var(--color-gray-200);
|
|
3347
|
-
background-color: transparent;
|
|
3348
|
-
}
|
|
3349
|
-
@media (min-width: 48rem) {
|
|
3350
|
-
.registry-card {
|
|
3351
|
-
gap: var(--spacing);
|
|
3352
|
-
}
|
|
3353
|
-
}
|
|
3354
|
-
@media (min-width: 64rem) {
|
|
3355
|
-
.registry-card {
|
|
3356
|
-
gap: calc(var(--spacing) * 2);
|
|
3357
|
-
}
|
|
3358
|
-
}
|
|
3359
|
-
.registry-card.selected {
|
|
3360
|
-
border-color: var(--axebow-primary);
|
|
3361
|
-
background-color: var(--axebow-white);
|
|
3362
|
-
}
|
|
3363
|
-
.registry-logo {
|
|
3364
|
-
height: calc(var(--spacing) * 3);
|
|
3365
|
-
aspect-ratio: 1 / 1;
|
|
3366
|
-
object-fit: contain;
|
|
3367
|
-
}
|
|
3368
|
-
@media (min-width: 64rem) {
|
|
3369
|
-
.registry-logo {
|
|
3370
|
-
height: calc(var(--spacing) * 6);
|
|
3371
|
-
}
|
|
3372
|
-
}
|
|
3373
|
-
</style>
|
|
3374
3588
|
<sl-carousel-item>
|
|
3375
|
-
<
|
|
3376
|
-
|
|
3589
|
+
<axebow-selector-card
|
|
3590
|
+
.cardId=${registry.id}
|
|
3591
|
+
.logoSrc=${registry.content}
|
|
3592
|
+
.selected=${isSelected}
|
|
3593
|
+
.disabled=${this.disabled}
|
|
3377
3594
|
@click=${() => {
|
|
3378
3595
|
if (!this.disabled) this.onRegistrySelect?.(registry);
|
|
3379
3596
|
}}
|
|
3380
|
-
>
|
|
3381
|
-
<img class="registry-logo" src="${registry.content}" alt="${registry.id}" />
|
|
3382
|
-
<p>${registry.id}</p>
|
|
3383
|
-
${isSelected ? html`
|
|
3384
|
-
<div
|
|
3385
|
-
class="absolute -top-2.25 -right-2.25 z-10 w-4.5 h-4.5 rounded-full bg-(--axebow-white) flex items-center justify-center"
|
|
3386
|
-
>
|
|
3387
|
-
<axebow-icon iconName="check_circle" filled iconColor="var(--axebow-primary)" size="xl"></axebow-icon>
|
|
3388
|
-
</div>
|
|
3389
|
-
` : ""}
|
|
3390
|
-
</div>
|
|
3597
|
+
></axebow-selector-card>
|
|
3391
3598
|
</sl-carousel-item>
|
|
3392
3599
|
`;
|
|
3393
3600
|
}
|
|
@@ -3447,7 +3654,7 @@ var AxebowRegistrySelector = class AxebowRegistrySelector extends LitElement {
|
|
|
3447
3654
|
<axebow-icon iconName="add" iconColor="var(--axebow-tertiary)" size="md"></axebow-icon>
|
|
3448
3655
|
${this.labels.createNewSecretLabel}
|
|
3449
3656
|
</div>
|
|
3450
|
-
${secretOptions.length > 0 ? html`<
|
|
3657
|
+
${secretOptions.length > 0 ? html`<axebow-divider margin="0.25rem 0"></axebow-divider>` : ""}
|
|
3451
3658
|
${secretOptions.map((s) => html`<sl-option value="${s.name}">${s.name}</sl-option>`)}
|
|
3452
3659
|
${secretOptions.length === 0 ? html`<sl-option disabled>${this.labels.noSecretsAvailableLabel}</sl-option>` : ""}
|
|
3453
3660
|
</sl-select>
|
|
@@ -3663,9 +3870,6 @@ var AxebowCollaboratorsDialog = class AxebowCollaboratorsDialog extends LitEleme
|
|
|
3663
3870
|
padding: 1rem;
|
|
3664
3871
|
}
|
|
3665
3872
|
}
|
|
3666
|
-
sl-divider.nomargin {
|
|
3667
|
-
margin: 0 !important;
|
|
3668
|
-
}
|
|
3669
3873
|
.collaborators-scroll::-webkit-scrollbar {
|
|
3670
3874
|
width: 4px;
|
|
3671
3875
|
}
|
|
@@ -3772,12 +3976,12 @@ var AxebowCollaboratorsDialog = class AxebowCollaboratorsDialog extends LitEleme
|
|
|
3772
3976
|
</div>
|
|
3773
3977
|
</div>
|
|
3774
3978
|
<div class="flex flex-col flex-1 min-h-0 mt-5">
|
|
3775
|
-
<
|
|
3979
|
+
<axebow-divider></axebow-divider>
|
|
3776
3980
|
<h3 class="text-base font-medium text-black mb-3 mt-4 shrink-0">${this.labels.actualCollaborators}</h3>
|
|
3777
3981
|
<div class="collaborators-scroll flex-1 min-h-0 overflow-y-auto">
|
|
3778
3982
|
${this.collaborators.length > 0 ? html`
|
|
3779
3983
|
<div class="mr-2">
|
|
3780
|
-
<
|
|
3984
|
+
<axebow-divider margin="0"></axebow-divider>
|
|
3781
3985
|
${this.collaborators.map((c, index) => html`
|
|
3782
3986
|
<div
|
|
3783
3987
|
class="flex items-center justify-between py-2.5
|
|
@@ -3841,7 +4045,7 @@ var AxebowCollaboratorsDialog = class AxebowCollaboratorsDialog extends LitEleme
|
|
|
3841
4045
|
`)}
|
|
3842
4046
|
</div>
|
|
3843
4047
|
|
|
3844
|
-
<
|
|
4048
|
+
<axebow-divider margin="0"></axebow-divider>
|
|
3845
4049
|
|
|
3846
4050
|
<div class="py-1">
|
|
3847
4051
|
${this.selectedRole[c.email] && this.selectedRole[c.email] !== c.permission ? html` <sl-menu-item
|
|
@@ -3896,7 +4100,7 @@ var AxebowCollaboratorsDialog = class AxebowCollaboratorsDialog extends LitEleme
|
|
|
3896
4100
|
`}
|
|
3897
4101
|
</div>
|
|
3898
4102
|
</div>
|
|
3899
|
-
<
|
|
4103
|
+
<axebow-divider margin="0"></axebow-divider>
|
|
3900
4104
|
`)}
|
|
3901
4105
|
</div>
|
|
3902
4106
|
` : html`
|
|
@@ -3957,6 +4161,75 @@ __decorate([property({ attribute: false })], AxebowCollaboratorsDialog.prototype
|
|
|
3957
4161
|
__decorate([property({ attribute: false })], AxebowCollaboratorsDialog.prototype, "onClose", void 0);
|
|
3958
4162
|
AxebowCollaboratorsDialog = __decorate([customElement("axebow-collaborators-dialog")], AxebowCollaboratorsDialog);
|
|
3959
4163
|
//#endregion
|
|
4164
|
+
//#region src/components/axebow-manage-hyperlinks/axebow-manage-hyperlinks.ts
|
|
4165
|
+
var AxebowManageHyperlinks = class AxebowManageHyperlinks extends LitElement {
|
|
4166
|
+
constructor(..._args) {
|
|
4167
|
+
super(..._args);
|
|
4168
|
+
this.text = "";
|
|
4169
|
+
this.icon = "";
|
|
4170
|
+
this.color = "";
|
|
4171
|
+
this.iconColor = "";
|
|
4172
|
+
this.disabled = false;
|
|
4173
|
+
this.reverse = false;
|
|
4174
|
+
}
|
|
4175
|
+
static {
|
|
4176
|
+
this.styles = [unsafeCSS(tailwind_default), css`
|
|
4177
|
+
:host {
|
|
4178
|
+
display: inline-block;
|
|
4179
|
+
}
|
|
4180
|
+
button:hover:not(:disabled) {
|
|
4181
|
+
color: var(--axebow-gray) !important;
|
|
4182
|
+
}
|
|
4183
|
+
:host([reverse]) button {
|
|
4184
|
+
color: var(--hyperlink-reverse-color, var(--axebow-primary-light, #b4cded));
|
|
4185
|
+
}
|
|
4186
|
+
:host([reverse]) button:hover:not(:disabled),
|
|
4187
|
+
button.reverse:hover:not(:disabled) {
|
|
4188
|
+
color: var(--axebow-tertiary, #006bff) !important;
|
|
4189
|
+
}
|
|
4190
|
+
`];
|
|
4191
|
+
}
|
|
4192
|
+
_handleClick(e) {
|
|
4193
|
+
if (this.disabled) {
|
|
4194
|
+
e.preventDefault();
|
|
4195
|
+
e.stopPropagation();
|
|
4196
|
+
return;
|
|
4197
|
+
}
|
|
4198
|
+
this.dispatchEvent(new CustomEvent("hyperlink-click", {
|
|
4199
|
+
bubbles: true,
|
|
4200
|
+
composed: true,
|
|
4201
|
+
detail: { text: this.text }
|
|
4202
|
+
}));
|
|
4203
|
+
}
|
|
4204
|
+
render() {
|
|
4205
|
+
const defaultColor = this.reverse ? "var(--hyperlink-reverse-color, var(--axebow-primary-light))" : "var(--axebow-tertiary)";
|
|
4206
|
+
const buttonColor = this.color || defaultColor;
|
|
4207
|
+
const iconColorProp = this.iconColor || "currentColor";
|
|
4208
|
+
return html`
|
|
4209
|
+
<button
|
|
4210
|
+
type="button"
|
|
4211
|
+
?disabled=${this.disabled}
|
|
4212
|
+
@click=${this._handleClick}
|
|
4213
|
+
style="color: ${buttonColor};"
|
|
4214
|
+
class="inline-flex items-center gap-1.5 bg-transparent border-none p-0 cursor-pointer font-semibold text-sm focus:outline-none transition-colors disabled:opacity-50 disabled:cursor-not-allowed ${this.reverse ? "reverse" : ""}"
|
|
4215
|
+
>
|
|
4216
|
+
<span>${this.text}</span>
|
|
4217
|
+
${this.icon ? html`<axebow-icon iconName="${this.icon}" iconColor="${iconColorProp}" size="sm"></axebow-icon>` : ""}
|
|
4218
|
+
</button>
|
|
4219
|
+
`;
|
|
4220
|
+
}
|
|
4221
|
+
};
|
|
4222
|
+
__decorate([property({ type: String })], AxebowManageHyperlinks.prototype, "text", void 0);
|
|
4223
|
+
__decorate([property({ type: String })], AxebowManageHyperlinks.prototype, "icon", void 0);
|
|
4224
|
+
__decorate([property({ type: String })], AxebowManageHyperlinks.prototype, "color", void 0);
|
|
4225
|
+
__decorate([property({ type: String })], AxebowManageHyperlinks.prototype, "iconColor", void 0);
|
|
4226
|
+
__decorate([property({ type: Boolean })], AxebowManageHyperlinks.prototype, "disabled", void 0);
|
|
4227
|
+
__decorate([property({
|
|
4228
|
+
type: Boolean,
|
|
4229
|
+
reflect: true
|
|
4230
|
+
})], AxebowManageHyperlinks.prototype, "reverse", void 0);
|
|
4231
|
+
AxebowManageHyperlinks = __decorate([customElement("axebow-manage-hyperlinks")], AxebowManageHyperlinks);
|
|
4232
|
+
//#endregion
|
|
3960
4233
|
//#region src/components/axebow-modals-confirmation/axebow-modals-confirmation.ts
|
|
3961
4234
|
var AxebowModalsConfirmation = class AxebowModalsConfirmation extends LitElement {
|
|
3962
4235
|
constructor(..._args) {
|
|
@@ -4233,8 +4506,7 @@ var AxebowModalsConfirmation = class AxebowModalsConfirmation extends LitElement
|
|
|
4233
4506
|
}));
|
|
4234
4507
|
}
|
|
4235
4508
|
_handleHyperlinkClick(e) {
|
|
4236
|
-
if (this.hyperlinkHref)
|
|
4237
|
-
e.preventDefault();
|
|
4509
|
+
if (this.hyperlinkHref) window.open(this.hyperlinkHref, "_blank");
|
|
4238
4510
|
this.dispatchEvent(new CustomEvent("axebow-hyperlink-click", {
|
|
4239
4511
|
bubbles: true,
|
|
4240
4512
|
composed: true
|
|
@@ -4266,7 +4538,7 @@ var AxebowModalsConfirmation = class AxebowModalsConfirmation extends LitElement
|
|
|
4266
4538
|
${this.canClose ? html`
|
|
4267
4539
|
<button
|
|
4268
4540
|
type="button"
|
|
4269
|
-
class="p-0 border-0 bg-transparent cursor-pointer flex items-center justify-center shrink-0 text-
|
|
4541
|
+
class="p-0 border-0 bg-transparent cursor-pointer flex items-center justify-center shrink-0 text-(--axebow-gray) hover:text-(--axebow-error) transition-colors ml-4"
|
|
4270
4542
|
aria-label="Close dialog"
|
|
4271
4543
|
@click=${this._handleClose}
|
|
4272
4544
|
>
|
|
@@ -4377,13 +4649,10 @@ var AxebowModalsConfirmation = class AxebowModalsConfirmation extends LitElement
|
|
|
4377
4649
|
<div>
|
|
4378
4650
|
${this.showHyperlink ? html`
|
|
4379
4651
|
<slot name="hyperlink">
|
|
4380
|
-
<
|
|
4381
|
-
|
|
4382
|
-
|
|
4383
|
-
|
|
4384
|
-
>
|
|
4385
|
-
${this.hyperlinkText}
|
|
4386
|
-
</a>
|
|
4652
|
+
<axebow-manage-hyperlinks
|
|
4653
|
+
.text=${this.hyperlinkText}
|
|
4654
|
+
@hyperlink-click=${this._handleHyperlinkClick}
|
|
4655
|
+
></axebow-manage-hyperlinks>
|
|
4387
4656
|
</slot>
|
|
4388
4657
|
` : ""}
|
|
4389
4658
|
</div>
|
|
@@ -4666,7 +4935,7 @@ var AxebowAdjustmentResourcesCounter = class AxebowAdjustmentResourcesCounter ex
|
|
|
4666
4935
|
<axebow-tooltip
|
|
4667
4936
|
class="absolute top-1 right-1"
|
|
4668
4937
|
icon="info"
|
|
4669
|
-
color="
|
|
4938
|
+
color="var(--color-gray)"
|
|
4670
4939
|
size="xl"
|
|
4671
4940
|
.content=${this.tooltipText}
|
|
4672
4941
|
></axebow-tooltip>
|
|
@@ -5063,7 +5332,7 @@ var AxebowRuntimeZipDialog = class AxebowRuntimeZipDialog extends LitElement {
|
|
|
5063
5332
|
<axebow-icon iconName="cancel" iconColor="var(--axebow-gray)" size="xl"></axebow-icon>
|
|
5064
5333
|
</div>
|
|
5065
5334
|
</div>
|
|
5066
|
-
<p class="w-120.75 h-21.25 leading-
|
|
5335
|
+
<p class="w-120.75 h-21.25 leading-4.25 m-0">
|
|
5067
5336
|
${this.labels.uploadDescriptionPrefix}<br /><br />
|
|
5068
5337
|
"${this.tenantName} > ${this.accountName} >
|
|
5069
5338
|
<span class="text-(--axebow-primary)">${this.environmentName}</span>".<br /><br />
|
|
@@ -5087,9 +5356,12 @@ var AxebowRuntimeZipDialog = class AxebowRuntimeZipDialog extends LitElement {
|
|
|
5087
5356
|
</p>
|
|
5088
5357
|
</axebow-banner>
|
|
5089
5358
|
|
|
5090
|
-
<
|
|
5091
|
-
|
|
5092
|
-
|
|
5359
|
+
<axebow-divider
|
|
5360
|
+
width="100%"
|
|
5361
|
+
color="var(--axebow-gray)"
|
|
5362
|
+
margin="0"
|
|
5363
|
+
style="max-width: 30.25rem;"
|
|
5364
|
+
></axebow-divider>
|
|
5093
5365
|
|
|
5094
5366
|
<axebow-input
|
|
5095
5367
|
style="width: 30.25rem;"
|
|
@@ -5363,7 +5635,7 @@ var AxebowCardVersionSelector = class AxebowCardVersionSelector extends LitEleme
|
|
|
5363
5635
|
display: inline-block;
|
|
5364
5636
|
width: fit-content;
|
|
5365
5637
|
}
|
|
5366
|
-
sl-select::part(display-input) { padding: 0; color: var(--axebow-tertiary); font-size: 0.
|
|
5638
|
+
sl-select::part(display-input) { padding: 0; color: var(--axebow-tertiary); font-size: 0.875rem !important; transition: color 0.15s ease; }
|
|
5367
5639
|
sl-select::part(combobox) {
|
|
5368
5640
|
padding-inline-start: 0.25rem !important;
|
|
5369
5641
|
padding-block: 0.125rem !important;
|
|
@@ -5404,6 +5676,7 @@ var AxebowCardVersionSelector = class AxebowCardVersionSelector extends LitEleme
|
|
|
5404
5676
|
}
|
|
5405
5677
|
sl-option::part(base) { font-size: 0.75rem; padding-inline-start: 0.25rem !important; }
|
|
5406
5678
|
sl-option::part(checked-icon) { display: none; }
|
|
5679
|
+
sl-option[aria-selected='true']::part(label) { color: var(--axebow-tertiary) !important; }
|
|
5407
5680
|
|
|
5408
5681
|
sl-select:hover::part(display-input) { color: var(--axebow-gray); }
|
|
5409
5682
|
sl-select:hover::part(expand-icon) { color: var(--axebow-gray); border-color: var(--axebow-gray); }
|
|
@@ -7068,7 +7341,7 @@ function buildAddButton(channelType) {
|
|
|
7068
7341
|
return container;
|
|
7069
7342
|
}
|
|
7070
7343
|
function buildDivider() {
|
|
7071
|
-
const divider = document.createElement("
|
|
7344
|
+
const divider = document.createElement("axebow-divider");
|
|
7072
7345
|
divider.classList.add("mesh-node-divider");
|
|
7073
7346
|
return divider;
|
|
7074
7347
|
}
|
|
@@ -7240,8 +7513,10 @@ var AxebowPill = class AxebowPill extends LitElement {
|
|
|
7240
7513
|
this.icon = "";
|
|
7241
7514
|
this.image = "";
|
|
7242
7515
|
this.label = "";
|
|
7516
|
+
this.title = "";
|
|
7243
7517
|
this.buttonText = "";
|
|
7244
7518
|
this.buttonIcon = "";
|
|
7519
|
+
this.large = false;
|
|
7245
7520
|
}
|
|
7246
7521
|
static {
|
|
7247
7522
|
this.styles = [unsafeCSS(tailwind_default), css`
|
|
@@ -7249,55 +7524,68 @@ var AxebowPill = class AxebowPill extends LitElement {
|
|
|
7249
7524
|
display: block;
|
|
7250
7525
|
flex: 1 1 0%;
|
|
7251
7526
|
min-width: 0;
|
|
7527
|
+
height: 100%;
|
|
7252
7528
|
}
|
|
7253
|
-
.
|
|
7254
|
-
|
|
7529
|
+
.pill {
|
|
7530
|
+
transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
|
|
7531
|
+
}
|
|
7532
|
+
.pill:hover {
|
|
7533
|
+
background-color: white !important;
|
|
7534
|
+
--axebow-icon-color: var(--axebow-primary) !important;
|
|
7535
|
+
--hyperlink-reverse-color: var(--axebow-tertiary, #006bff) !important;
|
|
7536
|
+
box-shadow: 0 8px 20px -4px rgba(13, 24, 33, 0.12);
|
|
7255
7537
|
}
|
|
7256
|
-
.pill:hover
|
|
7538
|
+
.pill:hover p {
|
|
7257
7539
|
color: var(--axebow-primary) !important;
|
|
7258
7540
|
}
|
|
7541
|
+
.pill:hover img {
|
|
7542
|
+
filter: brightness(0.2);
|
|
7543
|
+
}
|
|
7259
7544
|
`];
|
|
7260
7545
|
}
|
|
7261
7546
|
render() {
|
|
7547
|
+
const textLabel = this.label || this.title;
|
|
7262
7548
|
return html`
|
|
7263
7549
|
<div
|
|
7264
|
-
class="pill group flex flex-col items-center justify-
|
|
7265
|
-
|
|
7266
|
-
|
|
7267
|
-
|
|
7268
|
-
hover:bg-white hover:text-(--axebow-primary) hover:shadow-lg"
|
|
7269
|
-
@click=${() => this.onClick?.()}
|
|
7270
|
-
@mouseenter=${this._handleMouseEnter}
|
|
7271
|
-
@mouseleave=${this._handleMouseLeave}
|
|
7550
|
+
class="pill group flex flex-col items-center justify-between gap-4 p-6 box-border
|
|
7551
|
+
bg-(--axebow-primary) rounded-md text-white cursor-pointer shadow-sm
|
|
7552
|
+
h-full"
|
|
7553
|
+
@click=${this._handleClick}
|
|
7272
7554
|
>
|
|
7273
|
-
|
|
7274
|
-
|
|
7275
|
-
|
|
7276
|
-
|
|
7277
|
-
|
|
7278
|
-
|
|
7279
|
-
|
|
7280
|
-
|
|
7281
|
-
|
|
7555
|
+
<div class="flex flex-col items-center gap-3 w-full">
|
|
7556
|
+
${this.image ? html`<img
|
|
7557
|
+
src="${this.image}"
|
|
7558
|
+
class="w-12 h-12 object-contain transition-all duration-200"
|
|
7559
|
+
/>` : html`<axebow-icon iconName="${this.icon}" iconColor="white" size="3xl"></axebow-icon>`}
|
|
7560
|
+
<p class="text-center text-white font-medium text-base leading-snug m-0 px-2 transition-colors duration-200">${textLabel}</p>
|
|
7561
|
+
</div>
|
|
7562
|
+
<axebow-manage-hyperlinks
|
|
7563
|
+
.text=${this.buttonText}
|
|
7564
|
+
.icon=${this.buttonIcon}
|
|
7565
|
+
?reverse=${true}
|
|
7566
|
+
@hyperlink-click=${(e) => {
|
|
7567
|
+
e.stopPropagation();
|
|
7568
|
+
this._handleClick();
|
|
7569
|
+
}}
|
|
7570
|
+
></axebow-manage-hyperlinks>
|
|
7282
7571
|
</div>
|
|
7283
7572
|
`;
|
|
7284
7573
|
}
|
|
7285
|
-
|
|
7286
|
-
|
|
7287
|
-
|
|
7288
|
-
|
|
7289
|
-
|
|
7290
|
-
|
|
7291
|
-
event.currentTarget.querySelectorAll("axebow-icon").forEach((icon) => {
|
|
7292
|
-
icon.setAttribute("iconColor", "white");
|
|
7293
|
-
});
|
|
7574
|
+
_handleClick() {
|
|
7575
|
+
this.dispatchEvent(new CustomEvent("pill-click", {
|
|
7576
|
+
bubbles: true,
|
|
7577
|
+
composed: true
|
|
7578
|
+
}));
|
|
7579
|
+
this.onClick?.();
|
|
7294
7580
|
}
|
|
7295
7581
|
};
|
|
7296
7582
|
__decorate([property({ type: String })], AxebowPill.prototype, "icon", void 0);
|
|
7297
7583
|
__decorate([property({ type: String })], AxebowPill.prototype, "image", void 0);
|
|
7298
7584
|
__decorate([property({ type: String })], AxebowPill.prototype, "label", void 0);
|
|
7585
|
+
__decorate([property({ type: String })], AxebowPill.prototype, "title", void 0);
|
|
7299
7586
|
__decorate([property({ type: String })], AxebowPill.prototype, "buttonText", void 0);
|
|
7300
7587
|
__decorate([property({ type: String })], AxebowPill.prototype, "buttonIcon", void 0);
|
|
7588
|
+
__decorate([property({ type: Boolean })], AxebowPill.prototype, "large", void 0);
|
|
7301
7589
|
__decorate([property({ attribute: false })], AxebowPill.prototype, "onClick", void 0);
|
|
7302
7590
|
AxebowPill = __decorate([customElement("axebow-pill")], AxebowPill);
|
|
7303
7591
|
//#endregion
|
|
@@ -7407,7 +7695,7 @@ var AxebowInfrastructureCard = class AxebowInfrastructureCard extends LitElement
|
|
|
7407
7695
|
}
|
|
7408
7696
|
render() {
|
|
7409
7697
|
return html`
|
|
7410
|
-
<div class="w-
|
|
7698
|
+
<div class="w-full flex flex-col bg-white rounded-md shadow-sm">
|
|
7411
7699
|
<h3 class="text-md font-bold leading-tight text-center mt-8 mx-12 mb-6.5 text-(--axebow-primary)">
|
|
7412
7700
|
${this.heading}
|
|
7413
7701
|
</h3>
|
|
@@ -7448,10 +7736,10 @@ var AxebowGettingStartedCard = class AxebowGettingStartedCard extends LitElement
|
|
|
7448
7736
|
}
|
|
7449
7737
|
render() {
|
|
7450
7738
|
return html`
|
|
7451
|
-
<div class="w-
|
|
7739
|
+
<div class="w-full flex flex-col bg-white rounded-md shadow-sm">
|
|
7452
7740
|
<h2 class="text-md font-bold text-center mt-6 mx-6 mb-4 text-(--axebow-primary)">${this.heading}</h2>
|
|
7453
7741
|
<div class="w-282 mx-6">
|
|
7454
|
-
<
|
|
7742
|
+
<axebow-divider margin="0"></axebow-divider>
|
|
7455
7743
|
</div>
|
|
7456
7744
|
<div class="w-282 h-52.75 mx-6 flex flex-col">
|
|
7457
7745
|
<p class="text-base text-center my-4 text-black">${this.description}</p>
|
|
@@ -7469,7 +7757,7 @@ var AxebowGettingStartedCard = class AxebowGettingStartedCard extends LitElement
|
|
|
7469
7757
|
</div>
|
|
7470
7758
|
</div>
|
|
7471
7759
|
<div class="w-282 mx-6 mt-4 mb-4">
|
|
7472
|
-
<
|
|
7760
|
+
<axebow-divider margin="0"></axebow-divider>
|
|
7473
7761
|
</div>
|
|
7474
7762
|
<div class="w-139 h-9.5 mx-auto mb-6 flex items-center justify-center gap-4">
|
|
7475
7763
|
${this.contactUrl ? html`
|
|
@@ -8005,6 +8293,13 @@ var AxebowTenantResourceTable = class AxebowTenantResourceTable extends LitEleme
|
|
|
8005
8293
|
:host {
|
|
8006
8294
|
display: block;
|
|
8007
8295
|
}
|
|
8296
|
+
.expand-icon {
|
|
8297
|
+
color: var(--axebow-tertiary);
|
|
8298
|
+
transition: color 0.15s ease;
|
|
8299
|
+
}
|
|
8300
|
+
.expandable-row:hover .expand-icon {
|
|
8301
|
+
color: var(--axebow-gray);
|
|
8302
|
+
}
|
|
8008
8303
|
`
|
|
8009
8304
|
];
|
|
8010
8305
|
}
|
|
@@ -8099,9 +8394,9 @@ var AxebowTenantResourceTable = class AxebowTenantResourceTable extends LitEleme
|
|
|
8099
8394
|
</div>
|
|
8100
8395
|
`;
|
|
8101
8396
|
return html`
|
|
8102
|
-
<div class="flex items-center justify-center gap-6">
|
|
8397
|
+
<div class="flex items-center justify-center gap-6 px-2">
|
|
8103
8398
|
<usage-chart
|
|
8104
|
-
class="
|
|
8399
|
+
class="flex-1 shrink-0"
|
|
8105
8400
|
height=${ifDefined(this.chartHeight)}
|
|
8106
8401
|
chartId=${idPrefix}
|
|
8107
8402
|
chartType="line"
|
|
@@ -8134,20 +8429,20 @@ var AxebowTenantResourceTable = class AxebowTenantResourceTable extends LitEleme
|
|
|
8134
8429
|
return html`
|
|
8135
8430
|
<div class="border-b border-solid border-(--axebow-light-gray) last:border-b-0">
|
|
8136
8431
|
<div
|
|
8137
|
-
class="${c.rowWidth} min-w-160 min-h-12 flex items-center ${c.rowGap} ${hasSubRows ? "cursor-pointer hover:bg-gray-50" : ""} py-1.5 px-4 box-border"
|
|
8432
|
+
class="${c.rowWidth} min-w-160 min-h-12 flex items-center ${c.rowGap} ${hasSubRows ? "cursor-pointer hover:bg-gray-50 expandable-row group" : ""} py-1.5 px-4 box-border"
|
|
8138
8433
|
@click=${hasSubRows ? () => this._toggle(row.id) : null}
|
|
8139
8434
|
>
|
|
8140
8435
|
<div class="${c.name} shrink-0 flex items-center gap-2">
|
|
8141
8436
|
${hasSubRows ? html`
|
|
8142
8437
|
<axebow-icon
|
|
8143
8438
|
iconName=${isExpanded ? "keyboard_arrow_down" : "keyboard_arrow_right"}
|
|
8144
|
-
iconColor="
|
|
8439
|
+
iconColor="currentColor"
|
|
8145
8440
|
size="md"
|
|
8146
|
-
class="shrink-0"
|
|
8441
|
+
class="shrink-0 expand-icon text-(--axebow-tertiary) group-hover:text-(--axebow-gray) transition-colors"
|
|
8147
8442
|
></axebow-icon>
|
|
8148
8443
|
` : html`<span class="w-4 inline-block"></span>`}
|
|
8149
|
-
${row.logoUrl ? html`<img src=${row.logoUrl} class="w-5 h-5 object-contain shrink-0" />` : ""}
|
|
8150
|
-
<span class="
|
|
8444
|
+
${row.logoUrl ? html`<img src=${row.logoUrl} alt="logo" class="w-5 h-5 object-contain shrink-0" />` : ""}
|
|
8445
|
+
<span class="truncate">${row.name}</span>
|
|
8151
8446
|
${this._renderStatusIcon(row.statusIcon)}
|
|
8152
8447
|
<span class="flex-1"></span>
|
|
8153
8448
|
${this._renderStatusIcon(row.warningIcon)}
|
|
@@ -8498,7 +8793,7 @@ var AxebowServiceDetailHeader = class AxebowServiceDetailHeader extends LitEleme
|
|
|
8498
8793
|
.revisions=${this.revisions}
|
|
8499
8794
|
displayedRevision=${this.displayedRevision}
|
|
8500
8795
|
?disabled=${this.revisionsDisabled}
|
|
8501
|
-
maxWidth="
|
|
8796
|
+
maxWidth="8.75rem"
|
|
8502
8797
|
></axebow-card-version-selector>
|
|
8503
8798
|
<div class="flex items-center gap-1.5">
|
|
8504
8799
|
<axebow-button
|
|
@@ -8697,7 +8992,7 @@ var AxebowTenantCard = class AxebowTenantCard extends LitElement {
|
|
|
8697
8992
|
render() {
|
|
8698
8993
|
return html`
|
|
8699
8994
|
<div
|
|
8700
|
-
class="box-border flex flex-col gap-4 bg-white rounded-md border border-solid border-(--axebow-table-border) p-4"
|
|
8995
|
+
class="box-border flex flex-col gap-4 bg-white rounded-md border border-solid border-(--axebow-table-border) p-4 axebow-shadow-hover"
|
|
8701
8996
|
style="width: ${this.width || "100%"};"
|
|
8702
8997
|
>
|
|
8703
8998
|
<div class="flex items-center justify-between">
|
|
@@ -8733,7 +9028,7 @@ var AxebowTenantCard = class AxebowTenantCard extends LitElement {
|
|
|
8733
9028
|
</div>
|
|
8734
9029
|
|
|
8735
9030
|
<div class="w-full">
|
|
8736
|
-
<
|
|
9031
|
+
<axebow-divider margin="0"></axebow-divider>
|
|
8737
9032
|
</div>
|
|
8738
9033
|
|
|
8739
9034
|
${this._renderContent()}
|
|
@@ -8803,6 +9098,9 @@ var AxebowCarouselSelectorItem = class AxebowCarouselSelectorItem extends LitEle
|
|
|
8803
9098
|
width: 14.208125rem;
|
|
8804
9099
|
height: 5.125rem;
|
|
8805
9100
|
}
|
|
9101
|
+
.item-container:not(.selected):hover {
|
|
9102
|
+
border-color: var(--axebow-tertiary);
|
|
9103
|
+
}
|
|
8806
9104
|
.item-checkbox::part(base) {
|
|
8807
9105
|
padding: 0;
|
|
8808
9106
|
}
|
|
@@ -8817,13 +9115,9 @@ var AxebowCarouselSelectorItem = class AxebowCarouselSelectorItem extends LitEle
|
|
|
8817
9115
|
}
|
|
8818
9116
|
`];
|
|
8819
9117
|
}
|
|
8820
|
-
|
|
8821
|
-
const checkbox = e.target;
|
|
9118
|
+
_handleCardClick() {
|
|
8822
9119
|
if (this.disabled) return;
|
|
8823
|
-
if (this.selected
|
|
8824
|
-
checkbox.checked = true;
|
|
8825
|
-
return;
|
|
8826
|
-
}
|
|
9120
|
+
if (this.selected) return;
|
|
8827
9121
|
this.dispatchEvent(new CustomEvent("item-select", {
|
|
8828
9122
|
detail: { id: this.itemId },
|
|
8829
9123
|
bubbles: true,
|
|
@@ -8832,12 +9126,11 @@ var AxebowCarouselSelectorItem = class AxebowCarouselSelectorItem extends LitEle
|
|
|
8832
9126
|
}
|
|
8833
9127
|
_renderCheck() {
|
|
8834
9128
|
return html`
|
|
8835
|
-
<div class="absolute ${this.variant === "environment" ? "top-3 right-1.5" : "top-3 right-3"} w-4.5 h-4.5 shrink-0">
|
|
9129
|
+
<div class="absolute ${this.variant === "environment" ? "top-3 right-1.5" : "top-3 right-3"} w-4.5 h-4.5 shrink-0 pointer-events-none">
|
|
8836
9130
|
<sl-checkbox
|
|
8837
9131
|
class="item-checkbox"
|
|
8838
9132
|
.checked=${this.selected}
|
|
8839
9133
|
?disabled=${this.disabled}
|
|
8840
|
-
@sl-change=${this._handleChange}
|
|
8841
9134
|
></sl-checkbox>
|
|
8842
9135
|
</div>
|
|
8843
9136
|
`;
|
|
@@ -8875,7 +9168,7 @@ var AxebowCarouselSelectorItem = class AxebowCarouselSelectorItem extends LitEle
|
|
|
8875
9168
|
</div>
|
|
8876
9169
|
<div class="w-full overflow-hidden">
|
|
8877
9170
|
<p
|
|
8878
|
-
class="leading-
|
|
9171
|
+
class="leading-4.5 text-md font-semibold text-(--axebow-primary) truncate m-0"
|
|
8879
9172
|
title=${this.accountName}
|
|
8880
9173
|
>
|
|
8881
9174
|
${this.accountName}
|
|
@@ -8886,9 +9179,11 @@ var AxebowCarouselSelectorItem = class AxebowCarouselSelectorItem extends LitEle
|
|
|
8886
9179
|
`;
|
|
8887
9180
|
}
|
|
8888
9181
|
render() {
|
|
9182
|
+
const paddingClass = this.variant === "environment" ? "pt-3 px-1.5 pb-0" : "pt-3 px-3 pb-0";
|
|
8889
9183
|
return html`
|
|
8890
9184
|
<div
|
|
8891
|
-
|
|
9185
|
+
@click=${this._handleCardClick}
|
|
9186
|
+
class="item-container relative w-full h-full box-border rounded-md border border-solid overflow-hidden transition-colors ${paddingClass} ${this.selected ? "selected cursor-default border-(--axebow-primary) bg-(--axebow-white)" : "cursor-pointer border-(--axebow-light-gray) bg-(--axebow-base)"} ${this.disabled ? "opacity-60 pointer-events-none" : ""}"
|
|
8892
9187
|
>
|
|
8893
9188
|
${this.variant === "environment" ? this._renderEnvironment() : this._renderAccount()}
|
|
8894
9189
|
${this._renderCheck()}
|
|
@@ -9027,14 +9322,11 @@ var AxebowExpandableHeader = class AxebowExpandableHeader extends LitElement {
|
|
|
9027
9322
|
:host {
|
|
9028
9323
|
display: block;
|
|
9029
9324
|
}
|
|
9030
|
-
sl-divider {
|
|
9031
|
-
margin: 0;
|
|
9032
|
-
}
|
|
9033
9325
|
`];
|
|
9034
9326
|
}
|
|
9035
9327
|
render() {
|
|
9036
9328
|
return html`
|
|
9037
|
-
<
|
|
9329
|
+
<axebow-divider margin="0"></axebow-divider>
|
|
9038
9330
|
<div
|
|
9039
9331
|
class="flex items-center gap-2 flex-wrap pt-4"
|
|
9040
9332
|
style="padding-bottom: ${this.expanded ? "1.09375rem" : "1rem"};"
|
|
@@ -9059,7 +9351,6 @@ var AxebowExpandableHeader = class AxebowExpandableHeader extends LitElement {
|
|
|
9059
9351
|
<div class="${this.expanded ? "block pb-4" : "hidden"}">
|
|
9060
9352
|
<slot></slot>
|
|
9061
9353
|
</div>
|
|
9062
|
-
<sl-divider class="h-px bg-(--axebow-light-gray)"></sl-divider>
|
|
9063
9354
|
`;
|
|
9064
9355
|
}
|
|
9065
9356
|
};
|
|
@@ -9106,7 +9397,7 @@ var AxebowActionsFooter = class AxebowActionsFooter extends LitElement {
|
|
|
9106
9397
|
<div
|
|
9107
9398
|
class="w-full bg-(--axebow-base) box-border ${this.isOverlappingContent ? "shadow-[0_-8px_8px_-8px_rgba(13,24,33,0.15)]" : ""}"
|
|
9108
9399
|
>
|
|
9109
|
-
<
|
|
9400
|
+
<axebow-divider margin="1rem 0"></axebow-divider>
|
|
9110
9401
|
<div class="h-10 box-content flex items-center pb-6">
|
|
9111
9402
|
<div class="flex items-center gap-8 shrink-0 mr-8">
|
|
9112
9403
|
<axebow-button
|
|
@@ -9344,10 +9635,6 @@ var AxebowRoleCard = class AxebowRoleCard extends LitElement {
|
|
|
9344
9635
|
:host {
|
|
9345
9636
|
display: block;
|
|
9346
9637
|
}
|
|
9347
|
-
sl-divider {
|
|
9348
|
-
--color: var(--axebow-gray);
|
|
9349
|
-
--width: 1px;
|
|
9350
|
-
}
|
|
9351
9638
|
sl-input::part(base) {
|
|
9352
9639
|
width: 100%;
|
|
9353
9640
|
height: 2.5rem;
|
|
@@ -9373,7 +9660,7 @@ var AxebowRoleCard = class AxebowRoleCard extends LitElement {
|
|
|
9373
9660
|
<div class="w-87 h-4.25 flex items-center">
|
|
9374
9661
|
<h1 class="m-0 uppercase text-left text-base font-semibold text-(--axebow-gray) truncate">${this.name}</h1>
|
|
9375
9662
|
</div>
|
|
9376
|
-
<
|
|
9663
|
+
<axebow-divider color="var(--axebow-gray)"></axebow-divider>
|
|
9377
9664
|
<div class="w-12.5 h-12.5 shrink-0">
|
|
9378
9665
|
<img src=${this.logoUrl} class="w-full h-full object-contain" />
|
|
9379
9666
|
</div>
|
|
@@ -9779,7 +10066,7 @@ var AxebowRefreshPeriodPanel = class AxebowRefreshPeriodPanel extends LitElement
|
|
|
9779
10066
|
<sl-menu-item @click=${() => this._handleSelect(null)} ?selected=${this.offSelected}>
|
|
9780
10067
|
<div class="flex items-center gap-2">${this.offLabel}</div>
|
|
9781
10068
|
</sl-menu-item>
|
|
9782
|
-
<
|
|
10069
|
+
<axebow-divider margin="0.25rem 0"></axebow-divider>
|
|
9783
10070
|
${this.periods.map((period) => html`
|
|
9784
10071
|
<sl-menu-item @click=${() => this._handleSelect(period.value)} ?selected=${period.selected}>
|
|
9785
10072
|
<div class="flex items-center gap-2">${period.label}</div>
|
|
@@ -9788,7 +10075,7 @@ var AxebowRefreshPeriodPanel = class AxebowRefreshPeriodPanel extends LitElement
|
|
|
9788
10075
|
</sl-menu>
|
|
9789
10076
|
</sl-dropdown>
|
|
9790
10077
|
<button
|
|
9791
|
-
class="text-
|
|
10078
|
+
class="text-(--axebow-tertiary) flex items-center gap-2 cursor-pointer hover:opacity-80 transition-opacity ${this.isManualRefreshing ? "opacity-70" : ""}"
|
|
9792
10079
|
@click=${this._handleRefreshNow}
|
|
9793
10080
|
?disabled=${this.isManualRefreshing}
|
|
9794
10081
|
>
|
|
@@ -9832,14 +10119,12 @@ var AxebowResourceLimitInput = class AxebowResourceLimitInput extends LitElement
|
|
|
9832
10119
|
}
|
|
9833
10120
|
render() {
|
|
9834
10121
|
return html`
|
|
9835
|
-
<div class="flex flex-col items-center
|
|
9836
|
-
<div class="flex items-center gap-1">
|
|
9837
|
-
${this.required ? html`<span class="text-(--axebow-error)">*</span>` : ""}
|
|
9838
|
-
<span class="text-sm font-semibold text-center">${this.label}</span>
|
|
9839
|
-
</div>
|
|
10122
|
+
<div class="flex flex-col items-center w-28.25 shrink-0">
|
|
9840
10123
|
<axebow-input
|
|
9841
|
-
controlType="
|
|
10124
|
+
controlType="numeric"
|
|
9842
10125
|
.compact=${true}
|
|
10126
|
+
.label=${this.label}
|
|
10127
|
+
.required=${this.required}
|
|
9843
10128
|
.value=${this.value}
|
|
9844
10129
|
.max=${this.max}
|
|
9845
10130
|
.min=${this.min}
|
|
@@ -9849,7 +10134,7 @@ var AxebowResourceLimitInput = class AxebowResourceLimitInput extends LitElement
|
|
|
9849
10134
|
fixedWidth="6.1875rem"
|
|
9850
10135
|
fixedHeight="2.5rem"
|
|
9851
10136
|
></axebow-input>
|
|
9852
|
-
<span class="text-sm text-(--axebow-
|
|
10137
|
+
<span class="text-sm text-(--axebow-gray, #6b7280) text-center mt-1">${this.unit}</span>
|
|
9853
10138
|
</div>
|
|
9854
10139
|
`;
|
|
9855
10140
|
}
|
|
@@ -9876,9 +10161,9 @@ var AxebowResourceLimitsPanel = class AxebowResourceLimitsPanel extends LitEleme
|
|
|
9876
10161
|
}
|
|
9877
10162
|
_handleChange(field, e) {
|
|
9878
10163
|
const target = e.target;
|
|
9879
|
-
let value =
|
|
9880
|
-
if (value > field.max) value = field.max;
|
|
9881
|
-
|
|
10164
|
+
let value = Number(target.value) || 0;
|
|
10165
|
+
if (field.max !== void 0 && field.max !== Number.MAX_SAFE_INTEGER && value > field.max) value = field.max;
|
|
10166
|
+
if (field.min !== void 0 && value < field.min) value = field.min;
|
|
9882
10167
|
this.dispatchEvent(new CustomEvent("resource-limit-change", {
|
|
9883
10168
|
detail: {
|
|
9884
10169
|
key: field.key,
|
|
@@ -9890,17 +10175,24 @@ var AxebowResourceLimitsPanel = class AxebowResourceLimitsPanel extends LitEleme
|
|
|
9890
10175
|
}
|
|
9891
10176
|
_renderField(field) {
|
|
9892
10177
|
return html`
|
|
9893
|
-
<
|
|
9894
|
-
|
|
9895
|
-
|
|
9896
|
-
|
|
9897
|
-
|
|
9898
|
-
|
|
9899
|
-
|
|
9900
|
-
|
|
9901
|
-
|
|
9902
|
-
|
|
9903
|
-
|
|
10178
|
+
<div class="flex flex-col items-center w-28.25 shrink-0">
|
|
10179
|
+
<axebow-input
|
|
10180
|
+
controlType="numeric"
|
|
10181
|
+
.compact=${true}
|
|
10182
|
+
.label=${field.label}
|
|
10183
|
+
.required=${field.required}
|
|
10184
|
+
.value=${field.value?.toString() ?? ""}
|
|
10185
|
+
.max=${field.max}
|
|
10186
|
+
.min=${field.min ?? 0}
|
|
10187
|
+
?disabled=${field.disabled}
|
|
10188
|
+
?hasError=${field.hasError}
|
|
10189
|
+
.errorMessage=${field.errorMessage ?? ""}
|
|
10190
|
+
.callback=${(e) => this._handleChange(field, e)}
|
|
10191
|
+
fixedWidth="6.1875rem"
|
|
10192
|
+
fixedHeight="2.5rem"
|
|
10193
|
+
></axebow-input>
|
|
10194
|
+
${field.hasError && field.errorMessage ? html`<span class="text-sm text-(--axebow-error) text-center mt-1 leading-tight">${field.errorMessage}</span>` : html`<span class="text-sm text-(--axebow-gray, #6b7280) text-center mt-1">${field.unit}</span>`}
|
|
10195
|
+
</div>
|
|
9904
10196
|
`;
|
|
9905
10197
|
}
|
|
9906
10198
|
render() {
|
|
@@ -9908,7 +10200,7 @@ var AxebowResourceLimitsPanel = class AxebowResourceLimitsPanel extends LitEleme
|
|
|
9908
10200
|
return html`
|
|
9909
10201
|
<div class="flex items-center flex-wrap gap-19">
|
|
9910
10202
|
<div class="flex items-start gap-6">${this._renderField(this.cpu)} ${this._renderField(this.memory)}</div>
|
|
9911
|
-
<div class="flex items-
|
|
10203
|
+
<div class="flex items-center justify-center gap-4 w-100.5 p-4 border border-(--axebow-table-header-border) rounded-md box-border">
|
|
9912
10204
|
${this.storageFields.map((field) => this._renderField(field))}
|
|
9913
10205
|
</div>
|
|
9914
10206
|
</div>
|
|
@@ -10130,18 +10422,6 @@ var AxebowDeploySummary = class AxebowDeploySummary extends LitElement {
|
|
|
10130
10422
|
display: block;
|
|
10131
10423
|
height: 100%;
|
|
10132
10424
|
}
|
|
10133
|
-
/* The plain, solid divider used between every summary section -
|
|
10134
|
-
matches whatever separates the step titles. */
|
|
10135
|
-
sl-divider.summary-title-divider {
|
|
10136
|
-
--color: var(--axebow-table-header-border, #dbdde4);
|
|
10137
|
-
--spacing: 0.75rem;
|
|
10138
|
-
}
|
|
10139
|
-
/* Dashed variant used inside the autoscaling summary. */
|
|
10140
|
-
sl-divider.summary-dashed-divider {
|
|
10141
|
-
--color: var(--axebow-base);
|
|
10142
|
-
--spacing: 0.75rem;
|
|
10143
|
-
border-top-style: dashed !important;
|
|
10144
|
-
}
|
|
10145
10425
|
`
|
|
10146
10426
|
];
|
|
10147
10427
|
}
|
|
@@ -10176,7 +10456,7 @@ var AxebowDeploySummary = class AxebowDeploySummary extends LitElement {
|
|
|
10176
10456
|
${this._renderDeploymentInfo()}
|
|
10177
10457
|
<div class="h-px border-t border-dashed border-gray-400 my-4"></div>
|
|
10178
10458
|
${this._renderResourceLimits()}
|
|
10179
|
-
<
|
|
10459
|
+
<axebow-divider color="var(--axebow-table-header-border, #dbdde4)" margin="0.75rem 0"></axebow-divider>
|
|
10180
10460
|
<div class="flex-1 overflow-y-auto flex flex-col">
|
|
10181
10461
|
${this._renderIdentificationStep()} ${this._renderResourcesStep()} ${this._renderScalingStep()}
|
|
10182
10462
|
${this._renderChannelsStep()} ${this._renderConfigurationStep()}
|
|
@@ -10359,11 +10639,11 @@ var AxebowDeploySummary = class AxebowDeploySummary extends LitElement {
|
|
|
10359
10639
|
<p class="font-semibold text-base lg:text-lg text-(--axebow-black) mb-2">${config.title}</p>
|
|
10360
10640
|
${config.minReplicas ? this._field(config.minLabel, config.minReplicas.value, config.minReplicas.hasError) : ""}
|
|
10361
10641
|
${config.maxReplicas ? this._field(config.maxLabel, config.maxReplicas.value) : ""}
|
|
10362
|
-
${hasScaleDownInfo ? html`<
|
|
10642
|
+
${hasScaleDownInfo ? html`<axebow-divider type="dashed" color="var(--axebow-base)" margin="0.75rem 0"></axebow-divider>` : ""}
|
|
10363
10643
|
${config.cpuDown ? this._field(config.scaleDownCpuLabel, `${config.cpuDown}%`) : ""}
|
|
10364
10644
|
${config.cpuDown && config.memoryDown ? html`<p class="text-base text-(--axebow-black)">${config.andLabel}</p>` : ""}
|
|
10365
10645
|
${config.memoryDown ? this._field(config.scaleDownMemoryLabel, `${config.memoryDown}%`) : ""}
|
|
10366
|
-
${hasScaleDownInfo ? html`<
|
|
10646
|
+
${hasScaleDownInfo ? html`<axebow-divider type="dashed" color="var(--axebow-base)" margin="0.75rem 0"></axebow-divider>` : ""}
|
|
10367
10647
|
${config.histeresys ? this._field(config.cooldownLabel, config.histeresys) : ""}
|
|
10368
10648
|
</div>
|
|
10369
10649
|
`;
|
|
@@ -10455,7 +10735,7 @@ var AxebowDeploySummary = class AxebowDeploySummary extends LitElement {
|
|
|
10455
10735
|
<div>
|
|
10456
10736
|
${step.items.length ? html`
|
|
10457
10737
|
${plainItems.length ? this._renderNameValueGrid(plainItems, step.variableNameLabel, step.variableValueLabel) : ""}
|
|
10458
|
-
${pathItems.length && plainItems.length ? html`<
|
|
10738
|
+
${pathItems.length && plainItems.length ? html`<axebow-divider color="var(--axebow-table-header-border, #dbdde4)" margin="0.75rem 0"></axebow-divider>` : ""}
|
|
10459
10739
|
${pathItems.length ? this._renderNameValueGrid(pathItems.map((item) => ({
|
|
10460
10740
|
name: item.name,
|
|
10461
10741
|
value: item.path
|
|
@@ -10643,6 +10923,7 @@ var AxebowSummaryStepHeader = class AxebowSummaryStepHeader extends LitElement {
|
|
|
10643
10923
|
this.editLabel = "Edit";
|
|
10644
10924
|
this.editingLabel = "Editing";
|
|
10645
10925
|
this.enabled = true;
|
|
10926
|
+
this.hasWarning = false;
|
|
10646
10927
|
}
|
|
10647
10928
|
static {
|
|
10648
10929
|
this.styles = [unsafeCSS(tailwind_default), axebowTheme];
|
|
@@ -10651,7 +10932,7 @@ var AxebowSummaryStepHeader = class AxebowSummaryStepHeader extends LitElement {
|
|
|
10651
10932
|
return html`
|
|
10652
10933
|
<div class="flex gap-2 items-center justify-between">
|
|
10653
10934
|
<div class="flex items-center gap-0.5 min-w-0">
|
|
10654
|
-
${this.valid && this.enabled ? html`
|
|
10935
|
+
${(this.valid || this.hasWarning) && this.enabled ? html`
|
|
10655
10936
|
<axebow-icon
|
|
10656
10937
|
iconName="${this.collapsed ? "expand_all" : "collapse_all"}"
|
|
10657
10938
|
iconColor="var(--axebow-tertiary)"
|
|
@@ -10666,7 +10947,12 @@ var AxebowSummaryStepHeader = class AxebowSummaryStepHeader extends LitElement {
|
|
|
10666
10947
|
>
|
|
10667
10948
|
STEP ${this.stepNumber}: ${this.stepTitle}
|
|
10668
10949
|
</h5>
|
|
10669
|
-
${this.
|
|
10950
|
+
${this.hasWarning ? html`<axebow-icon
|
|
10951
|
+
class="shrink-0"
|
|
10952
|
+
iconName="error"
|
|
10953
|
+
iconColor="var(--axebow-error)"
|
|
10954
|
+
size="md"
|
|
10955
|
+
></axebow-icon>` : this.valid && this.enabled && !this.isEditing ? html`<axebow-icon
|
|
10670
10956
|
class="shrink-0"
|
|
10671
10957
|
iconName="check_circle"
|
|
10672
10958
|
iconColor="var(--axebow-success)"
|
|
@@ -10710,6 +10996,7 @@ __decorate([property({ type: Boolean })], AxebowSummaryStepHeader.prototype, "is
|
|
|
10710
10996
|
__decorate([property({ type: String })], AxebowSummaryStepHeader.prototype, "editLabel", void 0);
|
|
10711
10997
|
__decorate([property({ type: String })], AxebowSummaryStepHeader.prototype, "editingLabel", void 0);
|
|
10712
10998
|
__decorate([property({ type: Boolean })], AxebowSummaryStepHeader.prototype, "enabled", void 0);
|
|
10999
|
+
__decorate([property({ type: Boolean })], AxebowSummaryStepHeader.prototype, "hasWarning", void 0);
|
|
10713
11000
|
AxebowSummaryStepHeader = __decorate([customElement("axebow-summary-step-header")], AxebowSummaryStepHeader);
|
|
10714
11001
|
//#endregion
|
|
10715
11002
|
//#region src/components/axebow-summary/axebow-summary-step.ts
|
|
@@ -10721,6 +11008,7 @@ var AxebowSummaryStep = class AxebowSummaryStep extends LitElement {
|
|
|
10721
11008
|
this.collapsed = false;
|
|
10722
11009
|
this.visible = false;
|
|
10723
11010
|
this.isEditing = false;
|
|
11011
|
+
this.hasWarning = false;
|
|
10724
11012
|
this.enabled = true;
|
|
10725
11013
|
}
|
|
10726
11014
|
static {
|
|
@@ -10735,6 +11023,7 @@ var AxebowSummaryStep = class AxebowSummaryStep extends LitElement {
|
|
|
10735
11023
|
.valid=${this.valid}
|
|
10736
11024
|
.collapsed=${this.collapsed}
|
|
10737
11025
|
.isEditing=${this.isEditing}
|
|
11026
|
+
.hasWarning=${this.hasWarning}
|
|
10738
11027
|
.enabled=${this.enabled}
|
|
10739
11028
|
@toggle=${this._handleToggle}
|
|
10740
11029
|
@edit=${this._handleEdit}
|
|
@@ -10744,7 +11033,7 @@ var AxebowSummaryStep = class AxebowSummaryStep extends LitElement {
|
|
|
10744
11033
|
<slot></slot>
|
|
10745
11034
|
</div>
|
|
10746
11035
|
` : ""}
|
|
10747
|
-
<
|
|
11036
|
+
<axebow-divider></axebow-divider>
|
|
10748
11037
|
`;
|
|
10749
11038
|
}
|
|
10750
11039
|
_handleToggle() {
|
|
@@ -10769,6 +11058,7 @@ __decorate([property({ type: Boolean })], AxebowSummaryStep.prototype, "valid",
|
|
|
10769
11058
|
__decorate([property({ type: Boolean })], AxebowSummaryStep.prototype, "collapsed", void 0);
|
|
10770
11059
|
__decorate([property({ type: Boolean })], AxebowSummaryStep.prototype, "visible", void 0);
|
|
10771
11060
|
__decorate([property({ type: Boolean })], AxebowSummaryStep.prototype, "isEditing", void 0);
|
|
11061
|
+
__decorate([property({ type: Boolean })], AxebowSummaryStep.prototype, "hasWarning", void 0);
|
|
10772
11062
|
__decorate([property({ type: Boolean })], AxebowSummaryStep.prototype, "enabled", void 0);
|
|
10773
11063
|
AxebowSummaryStep = __decorate([customElement("axebow-summary-step")], AxebowSummaryStep);
|
|
10774
11064
|
//#endregion
|
|
@@ -10807,7 +11097,7 @@ var AxebowSummaryCard = class AxebowSummaryCard extends LitElement {
|
|
|
10807
11097
|
render() {
|
|
10808
11098
|
return html`
|
|
10809
11099
|
<div
|
|
10810
|
-
class="w-full lg:w-(--card-width) lg:sticky static top-25 h-auto ${this.cardHeight ? "lg:min-h-(--card-height)" : "lg:min-h-[calc(100vh-
|
|
11100
|
+
class="w-full lg:w-(--card-width) lg:sticky static top-25 h-auto ${this.cardHeight ? "lg:min-h-(--card-height)" : "lg:min-h-[calc(100vh-7.25rem)]"} rounded-md z-10 transition-all duration-300"
|
|
10811
11101
|
style="--card-width: ${this.cardWidth}; --card-height: ${this.cardHeight};"
|
|
10812
11102
|
>
|
|
10813
11103
|
<sl-card
|
|
@@ -10815,7 +11105,7 @@ var AxebowSummaryCard = class AxebowSummaryCard extends LitElement {
|
|
|
10815
11105
|
>
|
|
10816
11106
|
<div class="h-full flex flex-col">
|
|
10817
11107
|
${this._renderHeader()}
|
|
10818
|
-
<
|
|
11108
|
+
<axebow-divider></axebow-divider>
|
|
10819
11109
|
<div class="${this.isSummaryOpen ? "" : "hidden"} lg:block flex-1 mt-4">
|
|
10820
11110
|
<slot></slot>
|
|
10821
11111
|
</div>
|
|
@@ -10865,6 +11155,7 @@ var AxebowSummaryLimits = class AxebowSummaryLimits extends LitElement {
|
|
|
10865
11155
|
constructor(..._args) {
|
|
10866
11156
|
super(..._args);
|
|
10867
11157
|
this.supportedStorage = [];
|
|
11158
|
+
this.showSoftErrors = false;
|
|
10868
11159
|
}
|
|
10869
11160
|
static {
|
|
10870
11161
|
this.styles = [
|
|
@@ -10879,33 +11170,46 @@ var AxebowSummaryLimits = class AxebowSummaryLimits extends LitElement {
|
|
|
10879
11170
|
];
|
|
10880
11171
|
}
|
|
10881
11172
|
renderSection(title, limitKey) {
|
|
11173
|
+
const isMin = limitKey === "min";
|
|
11174
|
+
const isCpuError = isMin && this.showSoftErrors && this.limits.cpu && this.limits.cpu.min > this.limits.cpu.max;
|
|
11175
|
+
const isMemError = isMin && this.showSoftErrors && this.limits.memory && this.limits.memory.min > this.limits.memory.max;
|
|
11176
|
+
const isVolatileError = isMin && this.showSoftErrors && this.limits.volatileStorage && this.limits.volatileStorage.min > this.limits.volatileStorage.max;
|
|
11177
|
+
const isNonRepError = isMin && this.showSoftErrors && this.limits.nonReplicatedStorage && this.limits.nonReplicatedStorage.min > this.limits.nonReplicatedStorage.max;
|
|
11178
|
+
const isPersError = isMin && this.showSoftErrors && this.limits.persistentStorage && this.limits.persistentStorage.min > this.limits.persistentStorage.max;
|
|
10882
11179
|
return html`
|
|
10883
11180
|
<div class="w-full flex flex-col gap-2">
|
|
10884
11181
|
<p class="font-semibold text-base m-0">${title}</p>
|
|
10885
11182
|
<div class="flex gap-1.5">
|
|
10886
|
-
<div class="w-41 h-4.25 text-base">
|
|
10887
|
-
|
|
11183
|
+
<div class="w-41 h-4.25 text-base flex items-center gap-1">
|
|
11184
|
+
<span>${this.labels.vcpus}:</span>
|
|
11185
|
+
<span class="${isCpuError ? "text-(--axebow-error)" : "text-(--axebow-gray)"}">${this.limits.cpu ? this.limits.cpu[limitKey] : 0}</span>
|
|
11186
|
+
${isCpuError ? html`<axebow-icon iconName="error" iconColor="var(--axebow-error)" size="md"></axebow-icon>` : ""}
|
|
10888
11187
|
</div>
|
|
10889
|
-
<div class="w-41 h-4.25 text-base">
|
|
10890
|
-
|
|
11188
|
+
<div class="w-41 h-4.25 text-base flex items-center gap-1">
|
|
11189
|
+
<span>${this.labels.memory}</span>
|
|
11190
|
+
<span class="${isMemError ? "text-(--axebow-error)" : "text-(--axebow-gray)"}">${this.limits.memory ? this.limits.memory[limitKey] : 0} GB</span>
|
|
11191
|
+
${isMemError ? html`<axebow-icon iconName="error" iconColor="var(--axebow-error)" size="md"></axebow-icon>` : ""}
|
|
10891
11192
|
</div>
|
|
10892
11193
|
</div>
|
|
10893
|
-
${this.supportedStorage.includes("volatile") ? html`
|
|
10894
|
-
<p class="text-base m-0">
|
|
10895
|
-
|
|
10896
|
-
<span class="text-(--axebow-gray)">${this.limits.volatileStorage[limitKey]} GB</span>
|
|
11194
|
+
${this.supportedStorage.includes("volatile") && this.limits.volatileStorage ? html`
|
|
11195
|
+
<p class="text-base m-0 flex items-center gap-1">
|
|
11196
|
+
<span>${this.labels.volatile}:</span>
|
|
11197
|
+
<span class="${isVolatileError ? "text-(--axebow-error)" : "text-(--axebow-gray)"}">${this.limits.volatileStorage[limitKey]} GB</span>
|
|
11198
|
+
${isVolatileError ? html`<axebow-icon iconName="error" iconColor="var(--axebow-error)" size="md"></axebow-icon>` : ""}
|
|
10897
11199
|
</p>
|
|
10898
11200
|
` : ""}
|
|
10899
|
-
${this.supportedStorage.includes("nonReplicated") ? html`
|
|
10900
|
-
<p class="text-base m-0">
|
|
10901
|
-
|
|
10902
|
-
<span class="text-(--axebow-gray)">${this.limits.nonReplicatedStorage[limitKey]} GB</span>
|
|
11201
|
+
${this.supportedStorage.includes("nonReplicated") && this.limits.nonReplicatedStorage ? html`
|
|
11202
|
+
<p class="text-base m-0 flex items-center gap-1">
|
|
11203
|
+
<span>${this.labels.nonReplicated}:</span>
|
|
11204
|
+
<span class="${isNonRepError ? "text-(--axebow-error)" : "text-(--axebow-gray)"}">${this.limits.nonReplicatedStorage[limitKey]} GB</span>
|
|
11205
|
+
${isNonRepError ? html`<axebow-icon iconName="error" iconColor="var(--axebow-error)" size="md"></axebow-icon>` : ""}
|
|
10903
11206
|
</p>
|
|
10904
11207
|
` : ""}
|
|
10905
|
-
${this.supportedStorage.includes("persistent") ? html`
|
|
10906
|
-
<p class="text-base m-0">
|
|
10907
|
-
|
|
10908
|
-
<span class="text-(--axebow-gray)">${this.limits.persistentStorage[limitKey]} GB</span>
|
|
11208
|
+
${this.supportedStorage.includes("persistent") && this.limits.persistentStorage ? html`
|
|
11209
|
+
<p class="text-base m-0 flex items-center gap-1">
|
|
11210
|
+
<span>${this.labels.persistent}:</span>
|
|
11211
|
+
<span class="${isPersError ? "text-(--axebow-error)" : "text-(--axebow-gray)"}">${this.limits.persistentStorage[limitKey]} GB</span>
|
|
11212
|
+
${isPersError ? html`<axebow-icon iconName="error" iconColor="var(--axebow-error)" size="md"></axebow-icon>` : ""}
|
|
10909
11213
|
</p>
|
|
10910
11214
|
` : ""}
|
|
10911
11215
|
</div>
|
|
@@ -10915,7 +11219,7 @@ var AxebowSummaryLimits = class AxebowSummaryLimits extends LitElement {
|
|
|
10915
11219
|
if (!this.limits || !this.labels) return html``;
|
|
10916
11220
|
return html`
|
|
10917
11221
|
${this.renderSection(this.labels.hardLimits, "max")}
|
|
10918
|
-
<
|
|
11222
|
+
<axebow-divider></axebow-divider>
|
|
10919
11223
|
${this.renderSection(this.labels.softLimits, "min")}
|
|
10920
11224
|
`;
|
|
10921
11225
|
}
|
|
@@ -10923,6 +11227,7 @@ var AxebowSummaryLimits = class AxebowSummaryLimits extends LitElement {
|
|
|
10923
11227
|
__decorate([property({ type: Object })], AxebowSummaryLimits.prototype, "limits", void 0);
|
|
10924
11228
|
__decorate([property({ type: Array })], AxebowSummaryLimits.prototype, "supportedStorage", void 0);
|
|
10925
11229
|
__decorate([property({ type: Object })], AxebowSummaryLimits.prototype, "labels", void 0);
|
|
11230
|
+
__decorate([property({ type: Boolean })], AxebowSummaryLimits.prototype, "showSoftErrors", void 0);
|
|
10926
11231
|
AxebowSummaryLimits = __decorate([customElement("axebow-summary-limits")], AxebowSummaryLimits);
|
|
10927
11232
|
//#endregion
|
|
10928
11233
|
//#region src/components/axebow-summary/axebow-summary-flavors.ts
|
|
@@ -10941,43 +11246,40 @@ var AxebowSummaryFlavors = class AxebowSummaryFlavors extends LitElement {
|
|
|
10941
11246
|
${this.hasFlavors || this.nodes || this.highAvailable !== void 0 || this.autoscale !== void 0 || this.supportedStorage.some((s) => this.flavors?.[s]?.[0]) ? html`
|
|
10942
11247
|
<div class="flex w-full gap-[2%]">
|
|
10943
11248
|
<div class="flex-1 flex flex-col gap-2">
|
|
10944
|
-
<p><strong>${this.labels.workload}</strong></p>
|
|
10945
11249
|
${this.hasFlavors && this.flavors?.small?.[0] ? html`<p>${this.labels.runtimePlane}</p>` : ""}
|
|
10946
11250
|
<p>${this.labels.numberOfVms}</p>
|
|
10947
11251
|
${this.hasFlavors && this.flavors?.medium?.[0] ? html`<p>${this.labels.controlPlane}</p>` : ""}
|
|
10948
11252
|
${this.highAvailable !== void 0 ? html`<p>${this.labels.highAvailable}</p>` : ""}
|
|
10949
11253
|
</div>
|
|
10950
11254
|
<div class="flex-1 flex flex-col gap-2">
|
|
10951
|
-
|
|
10952
|
-
|
|
10953
|
-
<p><strong class="text-(--axebow-primary)">${this.nodes?.max || "0"}</strong></p>
|
|
11255
|
+
${this.hasFlavors && this.flavors?.small?.[0] ? html`<p><span class="text-(--axebow-primary)">${this.flavors?.small?.[0]}</span></p>` : ""}
|
|
11256
|
+
<p><span class="text-(--axebow-primary)">${this.nodes?.max || "0"}</span></p>
|
|
10954
11257
|
|
|
10955
|
-
${this.hasFlavors && this.flavors?.medium?.[0] ? html`<p><
|
|
11258
|
+
${this.hasFlavors && this.flavors?.medium?.[0] ? html`<p><span class="text-(--axebow-primary)">${this.flavors?.medium?.[0]}</span></p>` : ""}
|
|
10956
11259
|
${this.highAvailable !== void 0 ? html`<p>
|
|
10957
|
-
<
|
|
10958
|
-
>${this.highAvailable ? this.labels.yes : this.labels.no}</
|
|
11260
|
+
<span class="text-(--axebow-primary)"
|
|
11261
|
+
>${this.highAvailable ? this.labels.yes : this.labels.no}</span
|
|
10959
11262
|
>
|
|
10960
11263
|
</p>` : ""}
|
|
10961
11264
|
</div>
|
|
10962
11265
|
</div>
|
|
10963
11266
|
${this.supportedStorage.some((s) => this.flavors?.[s]?.[0]) ? html`
|
|
11267
|
+
<axebow-divider type="dashed"></axebow-divider>
|
|
10964
11268
|
<div class="flex w-full gap-[2%] mt-2">
|
|
10965
11269
|
<div class="flex-1 flex flex-col gap-2">
|
|
10966
|
-
<p><strong>${this.labels.storage}</strong></p>
|
|
10967
11270
|
${this.supportedStorage.includes("volatile") && this.flavors?.volatile?.[0] ? html`<p>${this.labels.volatile}</p>` : ""}
|
|
10968
11271
|
${this.supportedStorage.includes("nonReplicated") && this.flavors?.nonReplicated?.[0] ? html`<p>${this.labels.nonReplPersistent}</p>` : ""}
|
|
10969
11272
|
${this.supportedStorage.includes("persistent") && this.flavors?.persistent?.[0] ? html`<p>${this.labels.persistentReplicated}</p>` : ""}
|
|
10970
11273
|
</div>
|
|
10971
11274
|
<div class="flex-1 flex flex-col gap-2">
|
|
10972
|
-
<p><strong>${this.labels.selectedFlavor}</strong></p>
|
|
10973
11275
|
${this.supportedStorage.includes("volatile") && this.flavors?.volatile?.[0] ? html`<p>
|
|
10974
|
-
<
|
|
11276
|
+
<span class="text-(--axebow-primary)">${this.flavors?.volatile?.[0]}</span>
|
|
10975
11277
|
</p>` : ""}
|
|
10976
11278
|
${this.supportedStorage.includes("nonReplicated") && this.flavors?.nonReplicated?.[0] ? html`<p>
|
|
10977
|
-
<
|
|
11279
|
+
<span class="text-(--axebow-primary)">${this.flavors?.nonReplicated?.[0]}</span>
|
|
10978
11280
|
</p>` : ""}
|
|
10979
11281
|
${this.supportedStorage.includes("persistent") && this.flavors?.persistent?.[0] ? html`<p>
|
|
10980
|
-
<
|
|
11282
|
+
<span class="text-(--axebow-primary)">${this.flavors?.persistent?.[0]}</span>
|
|
10981
11283
|
</p>` : ""}
|
|
10982
11284
|
</div>
|
|
10983
11285
|
</div>
|
|
@@ -11138,6 +11440,7 @@ var AxebowStatus = class AxebowStatus extends LitElement {
|
|
|
11138
11440
|
this.statusText = "Free";
|
|
11139
11441
|
this.statusColor = "var(--axebow-success)";
|
|
11140
11442
|
this.deleting = false;
|
|
11443
|
+
this._isTrashHovered = false;
|
|
11141
11444
|
}
|
|
11142
11445
|
static {
|
|
11143
11446
|
this.styles = [unsafeCSS(tailwind_default), css`
|
|
@@ -11154,20 +11457,44 @@ var AxebowStatus = class AxebowStatus extends LitElement {
|
|
|
11154
11457
|
composed: true
|
|
11155
11458
|
}));
|
|
11156
11459
|
}
|
|
11460
|
+
_handleTrashMouseEnter() {
|
|
11461
|
+
if (this.deleting) return;
|
|
11462
|
+
this._isTrashHovered = true;
|
|
11463
|
+
this.dispatchEvent(new CustomEvent("trash-hover", {
|
|
11464
|
+
detail: { hovered: true },
|
|
11465
|
+
bubbles: true,
|
|
11466
|
+
composed: true
|
|
11467
|
+
}));
|
|
11468
|
+
}
|
|
11469
|
+
_handleTrashMouseLeave() {
|
|
11470
|
+
if (this.deleting) return;
|
|
11471
|
+
this._isTrashHovered = false;
|
|
11472
|
+
this.dispatchEvent(new CustomEvent("trash-hover", {
|
|
11473
|
+
detail: { hovered: false },
|
|
11474
|
+
bubbles: true,
|
|
11475
|
+
composed: true
|
|
11476
|
+
}));
|
|
11477
|
+
}
|
|
11157
11478
|
render() {
|
|
11479
|
+
const isDeleting = this.deleting;
|
|
11480
|
+
const currentText = isDeleting ? "Deleting" : this.statusText;
|
|
11481
|
+
const currentColor = isDeleting || this._isTrashHovered ? "var(--axebow-error)" : this.statusColor;
|
|
11482
|
+
const showTrashIcon = this.showTrash && !isDeleting;
|
|
11158
11483
|
return html`
|
|
11159
11484
|
<div class="flex items-center justify-between h-fit gap-2">
|
|
11160
11485
|
<div class="flex items-center gap-1.5">
|
|
11161
|
-
${
|
|
11162
|
-
<span class="font-medium text-(--axebow-strong-gray)">${
|
|
11486
|
+
${currentColor ? html`<div class="h-2 w-2 rounded-full shrink-0 transition-colors duration-200" style="background-color: ${currentColor};"></div>` : ""}
|
|
11487
|
+
<span class="font-medium text-(--axebow-strong-gray)">${currentText}</span>
|
|
11163
11488
|
</div>
|
|
11164
|
-
${
|
|
11489
|
+
${showTrashIcon ? html`
|
|
11165
11490
|
<button
|
|
11166
11491
|
type="button"
|
|
11167
|
-
class="p-0 border-0 bg-transparent cursor-pointer flex items-center justify-center text-(--axebow-error) hover:text-(--axebow-gray) transition-colors
|
|
11492
|
+
class="p-0 border-0 bg-transparent cursor-pointer flex items-center justify-center text-(--axebow-error) hover:text-(--axebow-gray) transition-colors"
|
|
11493
|
+
@mouseenter=${this._handleTrashMouseEnter}
|
|
11494
|
+
@mouseleave=${this._handleTrashMouseLeave}
|
|
11168
11495
|
@click=${this._handleDelete}
|
|
11169
11496
|
>
|
|
11170
|
-
<axebow-icon iconName="delete"
|
|
11497
|
+
<axebow-icon iconName="delete" iconColor="currentColor" size="lg"></axebow-icon>
|
|
11171
11498
|
</button>
|
|
11172
11499
|
` : ""}
|
|
11173
11500
|
</div>
|
|
@@ -11178,6 +11505,7 @@ __decorate([property({ type: Boolean })], AxebowStatus.prototype, "showTrash", v
|
|
|
11178
11505
|
__decorate([property({ type: String })], AxebowStatus.prototype, "statusText", void 0);
|
|
11179
11506
|
__decorate([property({ type: String })], AxebowStatus.prototype, "statusColor", void 0);
|
|
11180
11507
|
__decorate([property({ type: Boolean })], AxebowStatus.prototype, "deleting", void 0);
|
|
11508
|
+
__decorate([state()], AxebowStatus.prototype, "_isTrashHovered", void 0);
|
|
11181
11509
|
AxebowStatus = __decorate([customElement("axebow-status")], AxebowStatus);
|
|
11182
11510
|
//#endregion
|
|
11183
11511
|
//#region src/components/axebow-form-panel-field/axebow-form-panel-field.ts
|
|
@@ -11199,6 +11527,10 @@ var AxebowFormPanelField = class AxebowFormPanelField extends LitElement {
|
|
|
11199
11527
|
this.secondaryActionIcon = "open_in_new";
|
|
11200
11528
|
this.options = [];
|
|
11201
11529
|
this._isDropdownOpen = false;
|
|
11530
|
+
this._openUpwards = false;
|
|
11531
|
+
this._handleWindowChange = () => {
|
|
11532
|
+
if (this._isDropdownOpen) this._checkPlacement();
|
|
11533
|
+
};
|
|
11202
11534
|
this._handleOutsideClick = (e) => {
|
|
11203
11535
|
if (this._isDropdownOpen && !e.composedPath().includes(this)) this._isDropdownOpen = false;
|
|
11204
11536
|
};
|
|
@@ -11223,10 +11555,24 @@ var AxebowFormPanelField = class AxebowFormPanelField extends LitElement {
|
|
|
11223
11555
|
connectedCallback() {
|
|
11224
11556
|
super.connectedCallback();
|
|
11225
11557
|
window.addEventListener("click", this._handleOutsideClick);
|
|
11558
|
+
window.addEventListener("resize", this._handleWindowChange);
|
|
11559
|
+
window.addEventListener("scroll", this._handleWindowChange, true);
|
|
11226
11560
|
}
|
|
11227
11561
|
disconnectedCallback() {
|
|
11228
11562
|
super.disconnectedCallback();
|
|
11229
11563
|
window.removeEventListener("click", this._handleOutsideClick);
|
|
11564
|
+
window.removeEventListener("resize", this._handleWindowChange);
|
|
11565
|
+
window.removeEventListener("scroll", this._handleWindowChange, true);
|
|
11566
|
+
}
|
|
11567
|
+
_checkPlacement() {
|
|
11568
|
+
const rect = this.getBoundingClientRect();
|
|
11569
|
+
const estimatedHeight = Math.min((this.options?.length || 0) * 36 + 10, 200);
|
|
11570
|
+
const spaceBelow = window.innerHeight - rect.bottom;
|
|
11571
|
+
const spaceAbove = rect.top;
|
|
11572
|
+
this._openUpwards = spaceBelow < estimatedHeight && spaceAbove > spaceBelow;
|
|
11573
|
+
}
|
|
11574
|
+
get _isSelector() {
|
|
11575
|
+
return Boolean(this.showDropdown || this.options && this.options.length > 0);
|
|
11230
11576
|
}
|
|
11231
11577
|
_handleFocus(_e) {
|
|
11232
11578
|
if (this.disabled) return;
|
|
@@ -11245,7 +11591,7 @@ var AxebowFormPanelField = class AxebowFormPanelField extends LitElement {
|
|
|
11245
11591
|
}));
|
|
11246
11592
|
}
|
|
11247
11593
|
_handleInput(e) {
|
|
11248
|
-
if (this.disabled) return;
|
|
11594
|
+
if (this.disabled || this._isSelector) return;
|
|
11249
11595
|
const target = e.target;
|
|
11250
11596
|
this.value = target.value;
|
|
11251
11597
|
this.dispatchEvent(new CustomEvent("change", {
|
|
@@ -11254,6 +11600,35 @@ var AxebowFormPanelField = class AxebowFormPanelField extends LitElement {
|
|
|
11254
11600
|
composed: true
|
|
11255
11601
|
}));
|
|
11256
11602
|
}
|
|
11603
|
+
_handleKeyDown(e) {
|
|
11604
|
+
if (this.disabled) return;
|
|
11605
|
+
if (this._isSelector) {
|
|
11606
|
+
if (e.key === "Enter" || e.key === " " || e.key === "ArrowDown") {
|
|
11607
|
+
e.preventDefault();
|
|
11608
|
+
this._handleDropdownClick(e);
|
|
11609
|
+
} else if (e.key === "Escape" && this._isDropdownOpen) {
|
|
11610
|
+
e.preventDefault();
|
|
11611
|
+
this._isDropdownOpen = false;
|
|
11612
|
+
}
|
|
11613
|
+
} else if (e.key === "Enter") {
|
|
11614
|
+
e.preventDefault();
|
|
11615
|
+
const target = e.target;
|
|
11616
|
+
if (target) {
|
|
11617
|
+
this.value = target.value;
|
|
11618
|
+
this.dispatchEvent(new CustomEvent("change", {
|
|
11619
|
+
detail: { value: this.value },
|
|
11620
|
+
bubbles: true,
|
|
11621
|
+
composed: true
|
|
11622
|
+
}));
|
|
11623
|
+
target.blur();
|
|
11624
|
+
}
|
|
11625
|
+
this.dispatchEvent(new CustomEvent("submit", {
|
|
11626
|
+
detail: { value: this.value },
|
|
11627
|
+
bubbles: true,
|
|
11628
|
+
composed: true
|
|
11629
|
+
}));
|
|
11630
|
+
}
|
|
11631
|
+
}
|
|
11257
11632
|
_handleActionClick(e) {
|
|
11258
11633
|
e.stopPropagation();
|
|
11259
11634
|
const textToCopy = this.copyValue !== void 0 && this.copyValue !== "" ? this.copyValue : this.value;
|
|
@@ -11283,7 +11658,10 @@ var AxebowFormPanelField = class AxebowFormPanelField extends LitElement {
|
|
|
11283
11658
|
_handleDropdownClick(e) {
|
|
11284
11659
|
e.stopPropagation();
|
|
11285
11660
|
if (this.disabled) return;
|
|
11286
|
-
if (this.options && this.options.length > 0)
|
|
11661
|
+
if (this.options && this.options.length > 0) {
|
|
11662
|
+
if (!this._isDropdownOpen) this._checkPlacement();
|
|
11663
|
+
this._isDropdownOpen = !this._isDropdownOpen;
|
|
11664
|
+
}
|
|
11287
11665
|
this.dispatchEvent(new CustomEvent("dropdown-click", {
|
|
11288
11666
|
detail: { isOpen: this._isDropdownOpen },
|
|
11289
11667
|
bubbles: true,
|
|
@@ -11306,15 +11684,17 @@ var AxebowFormPanelField = class AxebowFormPanelField extends LitElement {
|
|
|
11306
11684
|
}));
|
|
11307
11685
|
}
|
|
11308
11686
|
render() {
|
|
11687
|
+
const isSelector = this._isSelector;
|
|
11309
11688
|
const isFilled = this.styleVariant && this.styleVariant.toLowerCase() === "filled" || !!this.value;
|
|
11310
|
-
const bgClass = this.disabled ? "bg-(--axebow-base) border border-solid border-(--axebow-border-gray)" :
|
|
11689
|
+
const bgClass = this.disabled ? "bg-(--axebow-base) border border-solid border-(--axebow-border-gray)" : `bg-white border border-solid ${this._isDropdownOpen ? "border-black" : "border-(--axebow-border-gray)"} focus-within:border-black`;
|
|
11311
11690
|
const textColor = this.disabled ? "text-(--axebow-gray)" : isFilled ? "text-(--axebow-strong-gray)" : "text-(--axebow-gray)";
|
|
11312
11691
|
return html`
|
|
11313
11692
|
<div class="relative w-full">
|
|
11314
11693
|
<!-- Field Container -->
|
|
11315
11694
|
<div
|
|
11316
|
-
class="field-container border flex items-center justify-between gap-2 ${bgClass} ${
|
|
11317
|
-
@click=${
|
|
11695
|
+
class="field-container border flex items-center justify-between gap-2 ${bgClass} ${isSelector && !this.disabled ? "cursor-pointer select-none" : ""}"
|
|
11696
|
+
@click=${isSelector ? this._handleDropdownClick : null}
|
|
11697
|
+
@keydown=${this._handleKeyDown}
|
|
11318
11698
|
>
|
|
11319
11699
|
<div class="flex flex-col justify-center flex-1 min-w-0">
|
|
11320
11700
|
<!-- Top Label -->
|
|
@@ -11326,13 +11706,15 @@ var AxebowFormPanelField = class AxebowFormPanelField extends LitElement {
|
|
|
11326
11706
|
<!-- Value / Input -->
|
|
11327
11707
|
<input
|
|
11328
11708
|
type="text"
|
|
11329
|
-
class="w-full bg-transparent border-0 p-0 text-sm font-normal ${textColor} focus:outline-none truncate"
|
|
11709
|
+
class="w-full bg-transparent border-0 p-0 text-sm font-normal ${textColor} focus:outline-none truncate ${isSelector && !this.disabled ? "cursor-pointer select-none" : ""}"
|
|
11330
11710
|
.value=${this.value}
|
|
11331
11711
|
placeholder=${this.placeholderCopy}
|
|
11332
11712
|
?disabled=${this.disabled}
|
|
11713
|
+
?readonly=${isSelector}
|
|
11333
11714
|
@input=${this._handleInput}
|
|
11334
11715
|
@focus=${this._handleFocus}
|
|
11335
11716
|
@blur=${this._handleBlur}
|
|
11717
|
+
@keydown=${this._handleKeyDown}
|
|
11336
11718
|
/>
|
|
11337
11719
|
</div>
|
|
11338
11720
|
|
|
@@ -11365,7 +11747,7 @@ var AxebowFormPanelField = class AxebowFormPanelField extends LitElement {
|
|
|
11365
11747
|
<axebow-icon iconName="cancel" iconColor="currentColor" size="lg"></axebow-icon>
|
|
11366
11748
|
</button>
|
|
11367
11749
|
` : ""}
|
|
11368
|
-
${
|
|
11750
|
+
${isSelector ? html`
|
|
11369
11751
|
<button
|
|
11370
11752
|
type="button"
|
|
11371
11753
|
class="p-0 border-0 bg-transparent cursor-pointer flex items-center justify-center text-(--axebow-tertiary) hover:text-(--axebow-gray) transition-colors"
|
|
@@ -11383,9 +11765,9 @@ var AxebowFormPanelField = class AxebowFormPanelField extends LitElement {
|
|
|
11383
11765
|
</div>
|
|
11384
11766
|
|
|
11385
11767
|
<!-- Dropdown Menu Overlay -->
|
|
11386
|
-
${
|
|
11768
|
+
${isSelector && this._isDropdownOpen && this.options && this.options.length > 0 ? html`
|
|
11387
11769
|
<div
|
|
11388
|
-
class="absolute left-0 top-full mt-1 w-full bg-white border border-solid border-(--axebow-border-gray) rounded-md shadow-lg z-50 max-h-48 overflow-y-auto py-1 box-border"
|
|
11770
|
+
class="absolute left-0 ${this._openUpwards ? "bottom-full mb-1" : "top-full mt-1"} w-full bg-white border border-solid border-(--axebow-border-gray) rounded-md shadow-lg z-50 max-h-48 overflow-y-auto py-1 box-border"
|
|
11389
11771
|
>
|
|
11390
11772
|
${this.options.map((opt) => {
|
|
11391
11773
|
const isSelected = opt === this.value;
|
|
@@ -11420,6 +11802,7 @@ __decorate([property({ type: Boolean })], AxebowFormPanelField.prototype, "showS
|
|
|
11420
11802
|
__decorate([property({ type: String })], AxebowFormPanelField.prototype, "secondaryActionIcon", void 0);
|
|
11421
11803
|
__decorate([property({ type: Array })], AxebowFormPanelField.prototype, "options", void 0);
|
|
11422
11804
|
__decorate([state()], AxebowFormPanelField.prototype, "_isDropdownOpen", void 0);
|
|
11805
|
+
__decorate([state()], AxebowFormPanelField.prototype, "_openUpwards", void 0);
|
|
11423
11806
|
AxebowFormPanelField = __decorate([customElement("axebow-form-panel-field")], AxebowFormPanelField);
|
|
11424
11807
|
//#endregion
|
|
11425
11808
|
//#region src/components/axebow-box-form/axebow-box-form.ts
|
|
@@ -11432,12 +11815,22 @@ var AxebowResourceBoxForm = class AxebowResourceBoxForm extends LitElement {
|
|
|
11432
11815
|
this.deleting = false;
|
|
11433
11816
|
this.items = [];
|
|
11434
11817
|
this._openMenuId = null;
|
|
11818
|
+
this._menuOpenUpwards = false;
|
|
11819
|
+
this._isTrashHovered = false;
|
|
11435
11820
|
this._handleOutsideClick = (e) => {
|
|
11436
11821
|
if (!e.composedPath().includes(this)) this._closeMenu();
|
|
11437
11822
|
};
|
|
11823
|
+
this._handleTrashHover = (e) => {
|
|
11824
|
+
this._isTrashHovered = Boolean(e.detail?.hovered);
|
|
11825
|
+
};
|
|
11438
11826
|
}
|
|
11439
11827
|
static {
|
|
11440
|
-
this.styles = unsafeCSS(tailwind_default)
|
|
11828
|
+
this.styles = [unsafeCSS(tailwind_default), css`
|
|
11829
|
+
:host {
|
|
11830
|
+
display: flex;
|
|
11831
|
+
flex-direction: column;
|
|
11832
|
+
}
|
|
11833
|
+
`];
|
|
11441
11834
|
}
|
|
11442
11835
|
connectedCallback() {
|
|
11443
11836
|
super.connectedCallback();
|
|
@@ -11447,6 +11840,13 @@ var AxebowResourceBoxForm = class AxebowResourceBoxForm extends LitElement {
|
|
|
11447
11840
|
super.disconnectedCallback();
|
|
11448
11841
|
window.removeEventListener("click", this._handleOutsideClick);
|
|
11449
11842
|
}
|
|
11843
|
+
_checkMenuPlacement(target) {
|
|
11844
|
+
const rect = (target || this).getBoundingClientRect();
|
|
11845
|
+
const estimatedHeight = 250;
|
|
11846
|
+
const spaceBelow = window.innerHeight - rect.bottom;
|
|
11847
|
+
const spaceAbove = rect.top;
|
|
11848
|
+
this._menuOpenUpwards = spaceBelow < estimatedHeight && spaceAbove > spaceBelow;
|
|
11849
|
+
}
|
|
11450
11850
|
_copyToClipboard(text, e) {
|
|
11451
11851
|
e?.stopPropagation();
|
|
11452
11852
|
if (!text) return;
|
|
@@ -11505,7 +11905,10 @@ var AxebowResourceBoxForm = class AxebowResourceBoxForm extends LitElement {
|
|
|
11505
11905
|
return;
|
|
11506
11906
|
}
|
|
11507
11907
|
if (this._openMenuId === item.menuId) this._closeMenu();
|
|
11508
|
-
else
|
|
11908
|
+
else {
|
|
11909
|
+
this._checkMenuPlacement(e.currentTarget);
|
|
11910
|
+
this._openMenuId = item.menuId;
|
|
11911
|
+
}
|
|
11509
11912
|
}
|
|
11510
11913
|
_handleMenuOption(item, option, textToCopy, e) {
|
|
11511
11914
|
e.stopPropagation();
|
|
@@ -11566,7 +11969,7 @@ var AxebowResourceBoxForm = class AxebowResourceBoxForm extends LitElement {
|
|
|
11566
11969
|
</button>
|
|
11567
11970
|
${isMenuOpen ? html`
|
|
11568
11971
|
<div
|
|
11569
|
-
class="absolute right-0 top-full mt-1 z-50 min-w-50 bg-white rounded-md shadow-[0_4px_12px_rgba(0,0,0,0.1)] border border-solid border-(--axebow-border-gray) py-1.5 flex flex-col axebow-scrollbar"
|
|
11972
|
+
class="absolute right-0 ${this._menuOpenUpwards ? "bottom-full mb-1" : "top-full mt-1"} z-50 min-w-50 bg-white rounded-md shadow-[0_4px_12px_rgba(0,0,0,0.1)] border border-solid border-(--axebow-border-gray) py-1.5 flex flex-col axebow-scrollbar"
|
|
11570
11973
|
style="max-height: 250px; overflow-y: auto;"
|
|
11571
11974
|
>
|
|
11572
11975
|
${item.menuOptions.map((option) => html`
|
|
@@ -11649,6 +12052,13 @@ var AxebowResourceBoxForm = class AxebowResourceBoxForm extends LitElement {
|
|
|
11649
12052
|
composed: true
|
|
11650
12053
|
}));
|
|
11651
12054
|
}}
|
|
12055
|
+
@submit=${(_e) => {
|
|
12056
|
+
this.dispatchEvent(new CustomEvent("item-submit", {
|
|
12057
|
+
detail: { item },
|
|
12058
|
+
bubbles: true,
|
|
12059
|
+
composed: true
|
|
12060
|
+
}));
|
|
12061
|
+
}}
|
|
11652
12062
|
@change=${(e) => {
|
|
11653
12063
|
item.value = e.detail?.value ?? e.target.value;
|
|
11654
12064
|
this.dispatchEvent(new CustomEvent("item-change", {
|
|
@@ -11665,7 +12075,7 @@ var AxebowResourceBoxForm = class AxebowResourceBoxForm extends LitElement {
|
|
|
11665
12075
|
></axebow-form-panel-field>
|
|
11666
12076
|
${hasMenu && isMenuOpen ? html`
|
|
11667
12077
|
<div
|
|
11668
|
-
class="absolute right-0 top-full mt-1 z-50 min-w-50 bg-white rounded-md shadow-[0_4px_12px_rgba(0,0,0,0.1)] border border-solid border-(--axebow-border-gray) py-1.5 flex flex-col axebow-scrollbar"
|
|
12078
|
+
class="absolute right-0 ${this._menuOpenUpwards ? "bottom-full mb-1" : "top-full mt-1"} z-50 min-w-50 bg-white rounded-md shadow-[0_4px_12px_rgba(0,0,0,0.1)] border border-solid border-(--axebow-border-gray) py-1.5 flex flex-col axebow-scrollbar"
|
|
11669
12079
|
style="max-height: 250px; overflow-y: auto;"
|
|
11670
12080
|
>
|
|
11671
12081
|
${item.menuOptions.map((option) => html`
|
|
@@ -11679,7 +12089,7 @@ var AxebowResourceBoxForm = class AxebowResourceBoxForm extends LitElement {
|
|
|
11679
12089
|
size="md"
|
|
11680
12090
|
></axebow-icon>
|
|
11681
12091
|
<span
|
|
11682
|
-
class="
|
|
12092
|
+
class="${option.variant === "danger" ? "text-(--axebow-error)" : "text-[#344966]"}"
|
|
11683
12093
|
>
|
|
11684
12094
|
${option.label}
|
|
11685
12095
|
</span>
|
|
@@ -11692,23 +12102,26 @@ var AxebowResourceBoxForm = class AxebowResourceBoxForm extends LitElement {
|
|
|
11692
12102
|
}
|
|
11693
12103
|
render() {
|
|
11694
12104
|
const isDeleting = this.deleting;
|
|
11695
|
-
const
|
|
12105
|
+
const isDanger = isDeleting || this._isTrashHovered;
|
|
12106
|
+
const computedStatusColor = isDanger ? "var(--axebow-error)" : this.statusColor;
|
|
12107
|
+
const computedStatusText = isDeleting ? "Deleting" : this.statusText;
|
|
11696
12108
|
return html`
|
|
11697
12109
|
<div
|
|
11698
|
-
class="flex flex-col gap-3 w-70
|
|
12110
|
+
class="flex flex-col gap-3 w-70 h-full p-4 bg-white rounded-md ${isDanger ? "border border-solid border-[var(--axebow-error)]" : "border border-solid border-transparent"} ${isDeleting ? "pointer-events-none opacity-70 select-none" : ""} axebow-shadow-hover box-border transition-colors duration-200"
|
|
11699
12111
|
>
|
|
11700
12112
|
<!-- Top Status Header -->
|
|
11701
12113
|
<axebow-status
|
|
11702
|
-
.statusText=${
|
|
12114
|
+
.statusText=${computedStatusText}
|
|
11703
12115
|
.statusColor=${computedStatusColor}
|
|
11704
|
-
?showTrash=${this.showTrash}
|
|
12116
|
+
?showTrash=${this.showTrash && !isDeleting}
|
|
11705
12117
|
?deleting=${this.deleting}
|
|
12118
|
+
@trash-hover=${this._handleTrashHover}
|
|
11706
12119
|
@delete=${this._handleDelete}
|
|
11707
12120
|
></axebow-status>
|
|
11708
12121
|
|
|
11709
12122
|
<!-- Form Fields List -->
|
|
11710
12123
|
<div class="flex flex-col gap-2.5 w-full">
|
|
11711
|
-
${this.items && this.items.length > 0 ? this.items.map((item) => this._renderField(isDeleting ? {
|
|
12124
|
+
${this.items && this.items.length > 0 ? this.items.map((item) => this._renderField(isDeleting && item.type !== "text" ? {
|
|
11712
12125
|
...item,
|
|
11713
12126
|
type: "disabled"
|
|
11714
12127
|
} : item)) : html`
|
|
@@ -11729,63 +12142,10 @@ __decorate([property({ type: Boolean })], AxebowResourceBoxForm.prototype, "show
|
|
|
11729
12142
|
__decorate([property({ type: Boolean })], AxebowResourceBoxForm.prototype, "deleting", void 0);
|
|
11730
12143
|
__decorate([property({ type: Array })], AxebowResourceBoxForm.prototype, "items", void 0);
|
|
11731
12144
|
__decorate([state()], AxebowResourceBoxForm.prototype, "_openMenuId", void 0);
|
|
12145
|
+
__decorate([state()], AxebowResourceBoxForm.prototype, "_menuOpenUpwards", void 0);
|
|
12146
|
+
__decorate([state()], AxebowResourceBoxForm.prototype, "_isTrashHovered", void 0);
|
|
11732
12147
|
AxebowResourceBoxForm = __decorate([customElement("axebow-resource-box-form")], AxebowResourceBoxForm);
|
|
11733
12148
|
//#endregion
|
|
11734
|
-
//#region src/components/axebow-manage-hyperlinks/axebow-manage-hyperlinks.ts
|
|
11735
|
-
var AxebowManageHyperlinks = class AxebowManageHyperlinks extends LitElement {
|
|
11736
|
-
constructor(..._args) {
|
|
11737
|
-
super(..._args);
|
|
11738
|
-
this.text = "";
|
|
11739
|
-
this.icon = "";
|
|
11740
|
-
this.color = "var(--axebow-tertiary)";
|
|
11741
|
-
this.iconColor = "";
|
|
11742
|
-
this.disabled = false;
|
|
11743
|
-
}
|
|
11744
|
-
static {
|
|
11745
|
-
this.styles = [unsafeCSS(tailwind_default), css`
|
|
11746
|
-
:host {
|
|
11747
|
-
display: inline-block;
|
|
11748
|
-
}
|
|
11749
|
-
button:hover:not(:disabled) {
|
|
11750
|
-
color: var(--axebow-gray) !important;
|
|
11751
|
-
}
|
|
11752
|
-
`];
|
|
11753
|
-
}
|
|
11754
|
-
_handleClick(e) {
|
|
11755
|
-
if (this.disabled) {
|
|
11756
|
-
e.preventDefault();
|
|
11757
|
-
e.stopPropagation();
|
|
11758
|
-
return;
|
|
11759
|
-
}
|
|
11760
|
-
this.dispatchEvent(new CustomEvent("hyperlink-click", {
|
|
11761
|
-
bubbles: true,
|
|
11762
|
-
composed: true,
|
|
11763
|
-
detail: { text: this.text }
|
|
11764
|
-
}));
|
|
11765
|
-
}
|
|
11766
|
-
render() {
|
|
11767
|
-
const buttonColor = this.color || "var(--axebow-tertiary)";
|
|
11768
|
-
const iconColorProp = this.iconColor || "currentColor";
|
|
11769
|
-
return html`
|
|
11770
|
-
<button
|
|
11771
|
-
type="button"
|
|
11772
|
-
?disabled=${this.disabled}
|
|
11773
|
-
@click=${this._handleClick}
|
|
11774
|
-
style="color: ${buttonColor};"
|
|
11775
|
-
class="inline-flex items-center gap-1.5 bg-transparent border-none p-0 cursor-pointer font-semibold text-sm focus:outline-none transition-colors disabled:opacity-50 disabled:cursor-not-allowed"
|
|
11776
|
-
>
|
|
11777
|
-
<span>${this.text}</span>
|
|
11778
|
-
${this.icon ? html`<axebow-icon iconName="${this.icon}" iconColor="${iconColorProp}"></axebow-icon>` : ""}
|
|
11779
|
-
</button>`;
|
|
11780
|
-
}
|
|
11781
|
-
};
|
|
11782
|
-
__decorate([property({ type: String })], AxebowManageHyperlinks.prototype, "text", void 0);
|
|
11783
|
-
__decorate([property({ type: String })], AxebowManageHyperlinks.prototype, "icon", void 0);
|
|
11784
|
-
__decorate([property({ type: String })], AxebowManageHyperlinks.prototype, "color", void 0);
|
|
11785
|
-
__decorate([property({ type: String })], AxebowManageHyperlinks.prototype, "iconColor", void 0);
|
|
11786
|
-
__decorate([property({ type: Boolean })], AxebowManageHyperlinks.prototype, "disabled", void 0);
|
|
11787
|
-
AxebowManageHyperlinks = __decorate([customElement("axebow-manage-hyperlinks")], AxebowManageHyperlinks);
|
|
11788
|
-
//#endregion
|
|
11789
12149
|
//#region src/components/axebow-box-section/axebow-box-section.ts
|
|
11790
12150
|
var AxebowBoxSection = class AxebowBoxSection extends LitElement {
|
|
11791
12151
|
constructor(..._args) {
|
|
@@ -12039,9 +12399,6 @@ var AxebowUsageTooltip = class AxebowUsageTooltip extends LitElement {
|
|
|
12039
12399
|
border: 3px solid var(--axebow-table-border);
|
|
12040
12400
|
width: 300px;
|
|
12041
12401
|
}
|
|
12042
|
-
sl-divider.dotted-divider {
|
|
12043
|
-
border-top: 1.5px dashed var(--axebow-light-gray);
|
|
12044
|
-
}
|
|
12045
12402
|
`];
|
|
12046
12403
|
}
|
|
12047
12404
|
render() {
|
|
@@ -12055,19 +12412,19 @@ var AxebowUsageTooltip = class AxebowUsageTooltip extends LitElement {
|
|
|
12055
12412
|
<span>${this.storageLabel} </span>
|
|
12056
12413
|
<span class="tooltip-value"> ${current.storage} / ${limit.storage.max} GB</span>
|
|
12057
12414
|
</div>
|
|
12058
|
-
<
|
|
12415
|
+
<axebow-divider type="dashed"></axebow-divider>
|
|
12059
12416
|
<div class="flex space-between ml-2 items-center gap-1">
|
|
12060
12417
|
<axebow-icon iconName="subdirectory_arrow_right" size="xl"></axebow-icon>
|
|
12061
12418
|
<span>${this.volatileLabel} </span>
|
|
12062
12419
|
<span class="tooltip-value"> ${current.volatileStorage} / ${limit.volatileStorage.max} GB</span>
|
|
12063
12420
|
</div>
|
|
12064
|
-
<
|
|
12421
|
+
<axebow-divider type="dashed"></axebow-divider>
|
|
12065
12422
|
<div class="flex space-between ml-2 items-center gap-1">
|
|
12066
12423
|
<axebow-icon iconName="subdirectory_arrow_right" size="xl"></axebow-icon>
|
|
12067
12424
|
<span>${this.nonRepPersLabel} </span>
|
|
12068
12425
|
<span class="tooltip-value"> ${current.nonReplicatedStorage} / ${limit.nonReplicatedStorage.max} GB</span>
|
|
12069
12426
|
</div>
|
|
12070
|
-
<
|
|
12427
|
+
<axebow-divider type="dashed"></axebow-divider>
|
|
12071
12428
|
<div class="flex space-between ml-2 items-center gap-1">
|
|
12072
12429
|
<axebow-icon iconName="subdirectory_arrow_right" size="xl"></axebow-icon>
|
|
12073
12430
|
<span>${this.persistentRepLabel} </span>
|
|
@@ -12561,12 +12918,6 @@ var AxebowObservabilityContainer = class AxebowObservabilityContainer extends Li
|
|
|
12561
12918
|
.log-filter-dropdown::part(panel) {
|
|
12562
12919
|
width: 17rem !important;
|
|
12563
12920
|
}
|
|
12564
|
-
sl-divider {
|
|
12565
|
-
height: 0.0625rem !important;
|
|
12566
|
-
border-top: none !important;
|
|
12567
|
-
background-color: var(--axebow-light-gray);
|
|
12568
|
-
margin-bottom: 0.90625rem !important;
|
|
12569
|
-
}
|
|
12570
12921
|
`
|
|
12571
12922
|
];
|
|
12572
12923
|
}
|
|
@@ -12716,7 +13067,7 @@ var AxebowObservabilityContainer = class AxebowObservabilityContainer extends Li
|
|
|
12716
13067
|
</div>
|
|
12717
13068
|
</div>
|
|
12718
13069
|
</div>
|
|
12719
|
-
<
|
|
13070
|
+
<axebow-divider margin="0.5rem 0 0.90625rem 0"></axebow-divider>
|
|
12720
13071
|
<iframe
|
|
12721
13072
|
id="${this.logsIframeId}"
|
|
12722
13073
|
allow="storage-access"
|
|
@@ -12746,7 +13097,7 @@ var AxebowObservabilityContainer = class AxebowObservabilityContainer extends Li
|
|
|
12746
13097
|
<div class="flex justify-between items-center">
|
|
12747
13098
|
<h1 class="m-0 text-base uppercase font-semibold text-(--axebow-gray)">${this.terminalTitle}</h1>
|
|
12748
13099
|
</div>
|
|
12749
|
-
<
|
|
13100
|
+
<axebow-divider margin="0.5rem 0 0.90625rem 0"></axebow-divider>
|
|
12750
13101
|
<iframe
|
|
12751
13102
|
id="${this.terminalIframeId}"
|
|
12752
13103
|
allow="storage-access"
|
|
@@ -12830,6 +13181,51 @@ __decorate([property({ type: String })], AxebowObservabilityContainer.prototype,
|
|
|
12830
13181
|
__decorate([property({ type: String })], AxebowObservabilityContainer.prototype, "terminalIframeId", void 0);
|
|
12831
13182
|
AxebowObservabilityContainer = __decorate([customElement("axebow-observability-container")], AxebowObservabilityContainer);
|
|
12832
13183
|
//#endregion
|
|
12833
|
-
|
|
13184
|
+
//#region src/components/axebow-empty-state/axebow-empty-state.ts
|
|
13185
|
+
var AxebowEmptyState = class AxebowEmptyState extends LitElement {
|
|
13186
|
+
constructor(..._args) {
|
|
13187
|
+
super(..._args);
|
|
13188
|
+
this.message = "";
|
|
13189
|
+
this.messageBefore = "";
|
|
13190
|
+
this.actionText = "";
|
|
13191
|
+
this.messageAfter = "";
|
|
13192
|
+
}
|
|
13193
|
+
static {
|
|
13194
|
+
this.styles = unsafeCSS(tailwind_default);
|
|
13195
|
+
}
|
|
13196
|
+
_handleActionClick(e) {
|
|
13197
|
+
e.preventDefault();
|
|
13198
|
+
e.stopPropagation();
|
|
13199
|
+
this.dispatchEvent(new CustomEvent("action-click", {
|
|
13200
|
+
bubbles: true,
|
|
13201
|
+
composed: true
|
|
13202
|
+
}));
|
|
13203
|
+
}
|
|
13204
|
+
render() {
|
|
13205
|
+
return html`
|
|
13206
|
+
<div class="w-full min-h-14 py-4 px-4 rounded-md bg-(--axebow-base) flex items-center justify-center text-center box-border">
|
|
13207
|
+
<slot>
|
|
13208
|
+
${Boolean(this.messageBefore || this.actionText || this.messageAfter) ? html`
|
|
13209
|
+
<span class="text-(--axebow-secondary) font-normal">
|
|
13210
|
+
${this.messageBefore ? html`${this.messageBefore} ` : ""}
|
|
13211
|
+
${this.actionText ? html`<axebow-button
|
|
13212
|
+
variant="text"
|
|
13213
|
+
@click=${this._handleActionClick}
|
|
13214
|
+
>${this.actionText}</axebow-button>` : ""}
|
|
13215
|
+
${this.messageAfter ? html` ${this.messageAfter}` : ""}
|
|
13216
|
+
</span>
|
|
13217
|
+
` : html`<span class="text-(--axebow-secondary) font-normal">${this.message}</span>`}
|
|
13218
|
+
</slot>
|
|
13219
|
+
</div>
|
|
13220
|
+
`;
|
|
13221
|
+
}
|
|
13222
|
+
};
|
|
13223
|
+
__decorate([property({ type: String })], AxebowEmptyState.prototype, "message", void 0);
|
|
13224
|
+
__decorate([property({ type: String })], AxebowEmptyState.prototype, "messageBefore", void 0);
|
|
13225
|
+
__decorate([property({ type: String })], AxebowEmptyState.prototype, "actionText", void 0);
|
|
13226
|
+
__decorate([property({ type: String })], AxebowEmptyState.prototype, "messageAfter", void 0);
|
|
13227
|
+
AxebowEmptyState = __decorate([customElement("axebow-empty-state")], AxebowEmptyState);
|
|
13228
|
+
//#endregion
|
|
13229
|
+
export { AxebowActionsFooter, AxebowAdjustmentResourcesCounter, AxebowAlert, AxebowBanner, AxebowBaseCard, AxebowBoxSection, AxebowBreadcrumbHeader, AxebowButton, AxebowCardActionBanner, AxebowCardAttentionBanner, AxebowCardCloudLogo, AxebowCardFilter, AxebowCardFilterItem, AxebowCardFooter, AxebowCardHeader, AxebowCardResourceRow, AxebowCardResourceTable, AxebowCardSpecialLink, AxebowCardStatItem, AxebowCardStatsRow, AxebowCardStatus, AxebowCardTableHeader, AxebowCardVersionSelector, AxebowCarouselInput, AxebowCarouselSelectorItem, AxebowCarouselSelectorTenant, AxebowChannelConfigPanel, AxebowCheckboxInput, AxebowCollaboratorsDialog, AxebowCopyBox, AxebowDeployCard, AxebowDeploySummary, AxebowDialog, AxebowDivider, AxebowDragDropUploadFile, AxebowDraggableService, AxebowEmptyState, AxebowExpandableCard, AxebowExpandableHeader, AxebowFilterBar, AxebowFooter, AxebowFormPanelField, AxebowGettingStartedCard, AxebowHeader, AxebowHelpBubble, AxebowIcon, AxebowInfrastructureCard, AxebowInput, AxebowInputBase, AxebowInstancesTable, AxebowLimitsCounter, AxebowManageHyperlinks, AxebowMarketplaceCard, AxebowModalsConfirmation, AxebowMoreActions, AxebowNumberCard, AxebowNumbersSection, AxebowNumericInput, AxebowObservabilityContainer, AxebowPill, AxebowPlanSelectField, AxebowProgressBar, AxebowProvidersInput, AxebowQuickTipButton, AxebowQuickTipSection, AxebowRefreshPeriodPanel, AxebowRegistrySelector, AxebowResourceBar, AxebowResourceBoxForm, AxebowResourceCard, AxebowResourceLimitInput, AxebowResourceLimitsPanel, AxebowResourcesCounter, AxebowRoleCard, AxebowRoleContainerDropdown, AxebowRoleTooltip, AxebowRuntimeZipDialog, AxebowSearch, AxebowSearchBarFilters, AxebowSelectInput, AxebowSelectInputWithDivider, AxebowSelectorCard, AxebowSelectorSlider, AxebowServiceDetailHeader, AxebowServicesPanel, AxebowSidebar, AxebowStatus, AxebowStepHeader, AxebowSummaryCard, AxebowSummaryFlavors, AxebowSummaryKeyValue, AxebowSummaryLimits, AxebowSummaryStep, AxebowSummaryStepHeader, AxebowSwitch, AxebowSwitchInput, AxebowTabSelector, AxebowTabsSubmenu, AxebowTagsInput, AxebowTenantCard, AxebowTenantResourceTable, AxebowTenantsTable, AxebowTextInput, AxebowTimeRangePanel, AxebowTooltip, AxebowUndeployCard, AxebowUnderlineTabSelector, AxebowUsageTooltip, CustomHomePageBody, DEFAULT_ADD_DIALOG_LABELS, DeployModalComponent, DeployModalFooter, DeployModalHeader, DeployPageBody, STATUS_COLORS, TableChart, axebowTheme, buildAddButton, buildExternalNodeContent, buildMainNodeContent, createElement, createIcon };
|
|
12834
13230
|
|
|
12835
13231
|
//# sourceMappingURL=index.js.map
|