@livestorm/ui-vue 2.0.3 → 2.0.5
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/README.md +30 -2
- package/dist/{UiTimelineItem.vue_vue_type_style_index_0_lang-UNNkatTS.mjs → UiTimelineItem.vue_vue_type_style_index_0_lang-DJFdCn2R.mjs} +1522 -1518
- package/dist/a11y-BhF_nl7L.mjs +159 -0
- package/dist/components.mjs +2 -2
- package/dist/i18n-Cktw9hIu.mjs +49 -0
- package/dist/index.mjs +2 -2
- package/dist/integrations.mjs +10 -4
- package/dist/layouts.mjs +1 -1
- package/dist/types/src/components/Toast/ToastMessage.vue.d.ts +4 -4
- package/dist/types/src/components/UiBanner/UiBanner.vue.d.ts +2 -2
- package/dist/types/src/components/UiButton/UiButton.vue.d.ts +1 -1
- package/dist/types/src/components/UiButtonGroup/UiButtonGroup.vue.d.ts +1 -1
- package/dist/types/src/components/UiColorField/UiColorField.vue.d.ts +2 -2
- package/dist/types/src/components/UiColorPicker/UiColorPicker.vue.d.ts +2 -2
- package/dist/types/src/components/UiDropdown/UiDropdownTrigger.vue.d.ts +1 -1
- package/dist/types/src/components/UiFieldWrapper/UiFieldWrapper.vue.d.ts +1 -1
- package/dist/types/src/components/UiForm/UiFormField.vue.d.ts +1 -1
- package/dist/types/src/components/UiInputCheckbox/UiInputCheckbox.vue.d.ts +5 -5
- package/dist/types/src/components/UiInputSelect/UiInputSelect.vue.d.ts +3 -3
- package/dist/types/src/components/UiInputTextarea/UiInputTextarea.vue.d.ts +3 -3
- package/dist/types/src/components/UiTextField/UiTextField.vue.d.ts +5 -5
- package/dist/types/src/composables/useButtonStyles.d.ts +1 -1
- package/dist/types/src/integrations/index.d.ts +1 -0
- package/dist/types/src/utils/i18n.d.ts +51 -0
- package/dist/ui-vue.css +1 -1
- package/dist/{useThemeAndModes-CUK56j0z.mjs → useThemeAndModes-BzYwSOEv.mjs} +1 -1
- package/dist/utils.mjs +152 -97
- package/integrations.d.ts +1 -0
- package/package.json +26 -19
- package/src/components/UiBanner/UiBanner.vue +4 -2
- package/src/components/UiButtonGroup/UiButtonGroup.vue +2 -0
- package/src/components/UiButtonGroup/UiButtonGroupItem.vue +2 -0
- package/src/components/UiDialog/UiDialogContent.vue +12 -4
- package/src/components/UiPage/UiPage.vue +7 -2
- package/src/components/UiSideMenu/UiSideMenu.vue +4 -3
- package/src/css/body.css +15 -7
- package/src/css/fonts.css +10 -0
- package/src/integrations/index.js +1 -0
- package/src/utils/clipboard.js +5 -2
- package/src/utils/i18n.ts +113 -0
- package/dist/a11y--y7uaY4j.mjs +0 -217
package/dist/ui-vue.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";.ui-tooltip-content{transform-origin:var(--reka-tooltip-content-transform-origin, center)}.ui-popover-content{transform-origin:var(--reka-popover-content-transform-origin, center)}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-07865de6],[data-v-07865de6]:before,[data-v-07865de6]:after,[data-v-07865de6]::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--ui-text-field-fade-left:0px;--ui-text-field-fade-right:0px}}}.ui-text-field-field[data-v-07865de6]{align-items:center;gap:calc(var(--spacing,.25rem) * 1.5);border-radius:var(--radius-lg,.5rem);border-style:var(--tw-border-style);width:100%;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));padding-right:0;padding-left:calc(var(--spacing,.25rem) * 3);border-width:1px;display:flex;position:relative}.ui-text-field-field--default[data-v-07865de6]{border-color:var(--color-borders-neutral-strong,var(--color-neutral-alpha-dark-600));background-color:var(--color-actions-neutral-idle-alpha-light,var(--color-neutral-alpha-dark-100))}.ui-text-field-field--default:not(.ui-text-field-field--disabled):hover .ui-text-field-overlay[data-v-07865de6]{background-color:var(--color-actions-neutral-hover-overlay,var(--color-neutral-alpha-dark-100))}.ui-text-field-field--default:not(.ui-text-field-field--disabled).ui-text-field-field--focused[data-v-07865de6]{border-color:var(--color-actions-primary-idle-alpha-strong,var(--color-brand-alpha-dark-700));--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-focus-ring,#1a83fe);--tw-ring-inset:inset}.ui-text-field-field--default:not(.ui-text-field-field--disabled).ui-text-field-field--focused .ui-text-field-overlay[data-v-07865de6]{background:0 0}.ui-text-field-field--error[data-v-07865de6]{border-color:var(--color-borders-danger-strong,var(--color-red-alpha-dark-600));background-color:var(--color-actions-danger-idle-alpha-light,var(--color-red-alpha-dark-200))}.ui-text-field-field--error:not(.ui-text-field-field--disabled):hover .ui-text-field-overlay[data-v-07865de6]{background-color:var(--color-actions-danger-hover-overlay,var(--color-red-alpha-dark-200))}.ui-text-field-field--error:not(.ui-text-field-field--disabled).ui-text-field-field--focused[data-v-07865de6]{border-color:var(--color-borders-danger-strong,var(--color-red-alpha-dark-600));--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-borders-danger-strong,var(--color-red-alpha-dark-600));--tw-ring-inset:inset}.ui-text-field-field--error:not(.ui-text-field-field--disabled).ui-text-field-field--focused .ui-text-field-overlay[data-v-07865de6]{background:0 0}.ui-text-field-field--disabled[data-v-07865de6]{cursor:not-allowed;opacity:.5}.ui-text-field-overlay[data-v-07865de6]{pointer-events:none;border-radius:var(--radius-lg,.5rem);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));z-index:1;position:absolute;inset:0}.ui-text-field-icon[data-v-07865de6]{z-index:2;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}@property --ui-text-field-fade-left{syntax:"<length>";inherits:false;initial-value:0}@property --ui-text-field-fade-right{syntax:"<length>";inherits:false;initial-value:0}.ui-text-field-element[data-v-07865de6]{min-width:0;font-size:14px;line-height:var(--tw-leading,20px);letter-spacing:var(--tw-tracking,-.04px);font-weight:var(--tw-font-weight,400);z-index:2;scrollbar-width:none;-ms-overflow-style:none;-webkit-mask-image:linear-gradient(to right,#0000,#000 var(--ui-text-field-fade-left),#000 calc(100% - var(--ui-text-field-fade-right)),#0000);mask-image:linear-gradient(to right,#0000,#000 var(--ui-text-field-fade-left),#000 calc(100% - var(--ui-text-field-fade-right)),#0000);background:0 0;border:none;outline:none;flex:1;animation:linear ui-text-field-fade-07865de6;animation-timeline:scroll(self x);position:relative;overflow-x:auto}.ui-text-field-element[data-v-07865de6]:disabled{cursor:not-allowed}.ui-text-field-element[data-v-07865de6]::-webkit-scrollbar{display:none}@keyframes ui-text-field-fade-07865de6{0%{--ui-text-field-fade-left:0px}10%,to{--ui-text-field-fade-left:1.5rem}0%,90%{--ui-text-field-fade-right:1.5rem}to{--ui-text-field-fade-right:0px}}.ui-text-field-actions[data-v-07865de6]{border-radius:var(--radius-lg,.5rem);height:100%;padding-inline:calc(var(--spacing,.25rem) * 3);z-index:2;justify-content:center;align-items:center;display:flex;position:relative}.ui-text-field-loader[data-v-07865de6]{justify-content:center;align-items:center;display:flex}.ui-text-field-loader .loader[data-v-07865de6]{height:calc(var(--spacing,.25rem) * 4);width:calc(var(--spacing,.25rem) * 4);animation:var(--animate-spin,spin-07865de6 1s linear infinite);border:2px solid;border-top-color:#0000;border-radius:3.40282e38px}.ui-text-field-clear[data-v-07865de6]{cursor:pointer;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));background:0 0;border:none;outline:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.ui-text-field-clear[data-v-07865de6]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-borders-neutral-strong,var(--color-neutral-alpha-dark-600));border-radius:.25rem}@keyframes spin-07865de6{to{transform:rotate(360deg)}}@keyframes fade-in-fb2b33fa{0%{opacity:0}to{opacity:1}}@keyframes fade-out-fb2b33fa{0%{opacity:1}to{opacity:0}}.ui-dialog-overlay[data-state=open][data-v-fb2b33fa]{animation:fade-in-fb2b33fa .15s ease-out}.ui-dialog-overlay[data-state=closed][data-v-fb2b33fa]{animation:fade-out-fb2b33fa .15s ease-in}.ui-dialog-content[data-state=open][data-v-fb2b33fa]{animation:fade-scale .2s ease-out}.ui-dialog-content[data-state=closed][data-v-fb2b33fa]{animation:fade-scale .15s ease-in reverse}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-ff3ec49a],[data-v-ff3ec49a]:before,[data-v-ff3ec49a]:after,[data-v-ff3ec49a]::backdrop{--tw-border-style:solid}}}.separator[data-v-ff3ec49a]{align-items:center;column-gap:calc(var(--spacing,.25rem) * 2);text-align:center;width:100%;color:var(--color-text-neutral-tertiary,var(--color-neutral-alpha-dark-600));grid-template-columns:1fr auto 1fr;grid-auto-flow:column;display:grid}.separator[data-v-ff3ec49a]:before,.separator[data-v-ff3ec49a]:after{content:"";border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-borders-neutral-light,var(--color-neutral-alpha-dark-200));width:100%;height:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}.ui-input-checkbox-wrapper[data-v-79c855b9] a{color:var(--color-text-primary-secondary,var(--color-brand-alpha-dark-700));text-decoration-line:underline}.ui-textarea[data-v-9dcda5c2]::-webkit-scrollbar{width:8px}.ui-textarea[data-v-9dcda5c2]::-webkit-scrollbar-track{background:transparent}.ui-textarea[data-v-9dcda5c2]::-webkit-scrollbar-thumb{background:var(--color-neutral-alpha-dark-400);border-radius:4px}.ui-textarea[data-v-9dcda5c2]::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-alpha-dark-500)}.default[data-v-e508925c]{color:var(--color-actions-neutral-idle)}.title[data-v-e508925c]{color:var(--color-text-neutral-tertiary)}.is-active[data-v-e508925c]{background-color:var(--color-actions-primary-active-overlay);color:var(--color-actions-primary-idle)}.motion[data-v-75355621]{animation-duration:1.64s;animation-iteration-count:infinite;animation-fill-mode:both}.sweep--top[data-v-75355621]{animation-name:tornado-sweep-top-75355621}.sweep--mid[data-v-75355621]{animation-name:tornado-sweep-mid-75355621}.sweep--bot[data-v-75355621]{animation-name:tornado-sweep-bot-75355621}@keyframes tornado-sweep-top-75355621{0%{transform:translate(0);animation-timing-function:cubic-bezier(.97,0,.833,1)}19.512%{transform:translate(98.4px);animation-timing-function:step-end}20.732%{transform:translate(-246.4px);animation-timing-function:cubic-bezier(.167,0,.833,1)}36.585%{transform:translate(99.3px);animation-timing-function:step-end}37.805%{transform:translate(-244.8px);animation-timing-function:cubic-bezier(.167,0,.833,1)}56.098%{transform:translate(99.3px);animation-timing-function:step-end}57.317%{transform:translate(-244.8px);animation-timing-function:cubic-bezier(.167,0,.03,1)}92.683%,to{transform:translate(0)}}@keyframes tornado-sweep-mid-75355621{0%,23.171%{transform:translate(0);animation-timing-function:cubic-bezier(.167,0,.833,1)}39.024%{transform:translate(283px);animation-timing-function:step-end}40.244%{transform:translate(.8px);animation-timing-function:cubic-bezier(.167,0,.833,1)}58.537%{transform:translate(283px);animation-timing-function:step-end}59.756%{transform:translate(.8px);animation-timing-function:cubic-bezier(.167,0,.03,1)}95.122%,to{transform:translate(282.2px)}}@keyframes tornado-sweep-bot-75355621{0%,25.61%{transform:translate(0);animation-timing-function:cubic-bezier(.167,0,.833,1)}41.463%{transform:translate(135px);animation-timing-function:step-end}42.683%{transform:translate(0);animation-timing-function:cubic-bezier(.167,0,.833,1)}60.976%{transform:translate(135px);animation-timing-function:step-end}62.195%{transform:translate(0);animation-timing-function:cubic-bezier(.167,0,.03,1)}97.561%,to{transform:translate(134.6px)}}.motion[data-v-568a716f]{animation-name:ui-logo-pulse-568a716f;animation-duration:1.64s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-fill-mode:both}.pulse--row-2[data-v-568a716f]{animation-delay:.18s}.pulse--row-3[data-v-568a716f]{animation-delay:.36s}@keyframes ui-logo-pulse-568a716f{0%,to{opacity:1}50%{opacity:.35}}.ui-logo[data-v-f4cb29c9] .badge{fill:var(--ui-logo-badge, #ffffff)}.ui-logo[data-v-f4cb29c9] .mark{fill:var(--ui-logo-mark, #112660)}.ui-logo--static[data-v-f4cb29c9] .motion{animation:none}@media(prefers-reduced-motion:reduce){.ui-logo[data-v-f4cb29c9] .motion{animation:none}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-f756255b],[data-v-f756255b]:before,[data-v-f756255b]:after,[data-v-f756255b]::backdrop{--tw-duration:initial}}}.ui-progress-root[data-v-f756255b]{border-radius:var(--radius-lg,.5rem);background-color:var(--color-actions-neutral-active-overlay,var(--color-neutral-alpha-dark-300));width:100%;position:relative;overflow:hidden}.ui-progress-indicator[data-v-f756255b]{border-radius:var(--radius-lg,.5rem);width:100%;height:100%;transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.66s;transition-duration:.66s;transition-timing-function:cubic-bezier(.65,0,.35,1)}.ui-progress-indeterminate[data-v-f756255b]{animation:1.5s cubic-bezier(.65,0,.35,1) infinite progress-indeterminate-f756255b}@keyframes progress-indeterminate-f756255b{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}.ui-room-button[data-v-87cbe72a]{border:none}.ui-room-button--ghost.ui-room-button--neutral[data-v-87cbe72a]{background:transparent;color:var(--color-actions-neutral-idle, rgb(245, 247, 252))}.ui-room-button--ghost.ui-room-button--neutral[data-v-87cbe72a]:not(:disabled):hover{background:#f5f7fc1a}.ui-room-button--ghost.ui-room-button--danger[data-v-87cbe72a]{background:var( --color-actions-danger-idle-alpha-light, rgba(252, 127, 130, .08) );color:var(--color-actions-danger-idle, rgb(252, 127, 130))}.ui-room-button--ghost.ui-room-button--danger[data-v-87cbe72a]:not(:disabled):hover{background:#fc7f8224}.ui-room-button--glass.ui-room-button--neutral[data-v-87cbe72a]{background:var( --color-actions-neutral-idle-alpha-light, rgba(245, 247, 252, .08) );color:var(--color-actions-neutral-idle, rgb(245, 247, 252));-webkit-backdrop-filter:blur(70px);backdrop-filter:blur(70px);box-shadow:inset 0 1px #ffffff14}.ui-room-button--glass.ui-room-button--neutral[data-v-87cbe72a]:not(:disabled):hover{background:#f5f7fc1a}.ui-room-button--ghost.ui-room-button--primary[data-v-87cbe72a]{background:var( --color-actions-primary-idle-alpha-light, rgba(118, 164, 255, .08) );color:var(--color-actions-primary-idle, rgb(118, 164, 255))}.ui-room-button--ghost.ui-room-button--primary[data-v-87cbe72a]:not(:disabled):hover{background:#76a4ff24}.ui-room-button--ghost.ui-room-button--success[data-v-87cbe72a]{background:var( --color-actions-success-idle-alpha-light, rgba(46, 184, 154, .08) );color:var(--color-actions-success-idle, rgb(46, 184, 154))}.ui-room-button--ghost.ui-room-button--success[data-v-87cbe72a]:not(:disabled):hover{background:#2eb89a24}.ui-room-button--solid[data-v-87cbe72a]{color:#fff}.ui-room-button--solid.ui-room-button--primary[data-v-87cbe72a]{background:var(--color-actions-primary-idle, rgb(118, 164, 255))}.ui-room-button--solid.ui-room-button--danger[data-v-87cbe72a]{background:var(--color-red-500, rgb(224, 62, 65))}.ui-room-button--solid.ui-room-button--success[data-v-87cbe72a]{background:var(--color-green-500, rgb(22, 140, 115))}.ui-room-button--solid[data-v-87cbe72a]:not(:disabled):hover{filter:brightness(.95)}.ui-room-button--ghost.ui-room-button--active[data-v-87cbe72a]{background:var( --color-actions-primary-idle-alpha-light, rgba(118, 164, 255, .08) );color:var(--color-actions-primary-idle, rgb(118, 164, 255))}.hidden-on-short-height[data-v-97bf16df]{display:none}@media(min-height:600px)and (min-width:768px){.hidden-on-short-height[data-v-97bf16df]{display:block}}.show-on-short-height-desktop-only[data-v-44e9de3f]{display:none}@media(max-height:768px)and (hover:hover){.hidden-on-short-height[data-v-44e9de3f]{display:none}}@media(max-height:768px)and (hover:hover)and (pointer:fine){.show-on-short-height-desktop-only[data-v-44e9de3f]{display:block}}@media(min-height:768px),(hover:none),(pointer:coarse){.show-on-short-height-desktop-only[data-v-44e9de3f]{display:none}}.ui-stepper--horizontal{align-items:flex-start;gap:calc(var(--spacing,.25rem) * 8);display:flex}.ui-stepper--vertical>:not(:last-child){margin-bottom:calc(var(--spacing,.25rem) * 2)}.ui-stepper-description[data-v-5da882d5]{max-width:calc(var(--spacing,.25rem) * 60);text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:var(--tw-leading,20px);letter-spacing:var(--tw-tracking,-.04px);font-weight:var(--tw-font-weight,400);color:var(--color-text-neutral-tertiary,var(--color-neutral-alpha-dark-600));display:block;overflow:hidden}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial;--tw-duration:initial}}}.stepper-indicator{--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;background-color:var(--color-surface-neutral-alpha-200,var(--color-neutral-alpha-dark-200));color:var(--color-text-neutral-base,var(--color-neutral-dark-bg));border-radius:3.40282e38px;flex-shrink:0;justify-content:center;align-items:center;transition-duration:.2s;display:flex}[data-state=active] .stepper-indicator{background-color:var(--color-surface-primary-bg-alpha,var(--color-brand-alpha-dark-800));color:var(--color-text-neutral-invert-base,var(--color-neutral-light-bg))}.stepper-custom-icon{display:block}[data-state=completed] .stepper-custom-icon,.stepper-custom-icon~.stepper-number{display:none}[data-state=completed] .stepper-custom-icon~.stepper-number{display:block}.stepper-checkmark{display:none}[data-state=completed] .stepper-checkmark{display:block}[data-state=completed] .stepper-number{display:none}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}.ui-stepper-item{position:relative}.ui-stepper-separator[data-v-44cd2e7f]{background-color:var(--color-surface-neutral-alpha-400,var(--color-neutral-alpha-dark-400))}.ui-stepper-title[data-v-ca7d64b5]{font-size:16px;line-height:var(--tw-leading,24px);letter-spacing:var(--tw-tracking,-.04px);font-weight:var(--tw-font-weight,600);color:var(--color-text-neutral-secondary,var(--color-neutral-alpha-dark-700))}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-0be79760],[data-v-0be79760]:before,[data-v-0be79760]:after,[data-v-0be79760]::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.ui-tag[data-v-0be79760]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-focus-ring,#1a83fe);--tw-ring-inset:inset}.ui-tag[data-hover-effect=true][data-color=primary][data-variant=light][data-v-0be79760]:hover,.ui-tag[data-hover-effect=true][data-color=primary][data-variant=strong][data-v-0be79760]:hover{background-color:var(--color-actions-primary-hover-overlay,var(--color-brand-alpha-dark-100))}.ui-tag[data-hover-effect=true][data-color=neutral][data-variant=light][data-v-0be79760]:hover,.ui-tag[data-hover-effect=true][data-color=neutral][data-variant=strong][data-v-0be79760]:hover{background-color:var(--color-actions-neutral-hover-overlay,var(--color-neutral-alpha-dark-100))}.ui-tag[data-hover-effect=true][data-color=danger][data-variant=light][data-v-0be79760]:hover,.ui-tag[data-hover-effect=true][data-color=danger][data-variant=strong][data-v-0be79760]:hover{background-color:var(--color-actions-danger-hover-overlay,var(--color-red-alpha-dark-200))}.ui-tag[data-hover-effect=true][data-color=warning][data-variant=light][data-v-0be79760]:hover,.ui-tag[data-hover-effect=true][data-color=warning][data-variant=strong][data-v-0be79760]:hover{background-color:var(--color-actions-warning-hover-overlay,var(--color-orange-alpha-dark-200))}.ui-tag[data-hover-effect=true][data-color=success][data-variant=light][data-v-0be79760]:hover,.ui-tag[data-hover-effect=true][data-color=success][data-variant=strong][data-v-0be79760]:hover{background-color:var(--color-actions-success-hover-overlay,var(--color-green-alpha-dark-200))}.ui-tag[data-hover-effect=true][data-color=neutral-invert][data-variant=light][data-v-0be79760]:hover,.ui-tag[data-hover-effect=true][data-color=neutral-invert][data-variant=strong][data-v-0be79760]:hover{background-color:var(--color-actions-neutral-invert-hover-overlay,var(--color-neutral-alpha-light-200))}.ui-tag-label[data-v-0be79760]{flex:1}.ui-timeline--vertical{flex-direction:column;display:flex}.ui-timeline--horizontal{align-items:flex-start;gap:calc(var(--spacing,.25rem) * 6);flex-direction:row;display:flex}.ui-timeline--horizontal .ui-timeline-item{flex-direction:column;align-items:center;max-width:200px}.ui-timeline--horizontal .ui-timeline-item__indicator-wrapper{flex-direction:row;align-items:center}.ui-timeline--horizontal .ui-timeline-item__connector{margin-top:0;margin-bottom:0;margin-left:calc(var(--spacing,.25rem) * 2);width:auto;min-width:2rem;height:1px;min-height:auto}.ui-timeline--horizontal .ui-timeline-item__content{padding-top:calc(var(--spacing,.25rem) * 4);padding-bottom:0}.ui-timeline--horizontal .ui-timeline-item:last-child .ui-timeline-item__connector{display:none}.ui-timeline-item{gap:calc(var(--spacing,.25rem) * 4);display:flex;position:relative}.ui-timeline-item__indicator-wrapper{flex-direction:column;flex-shrink:0;align-self:stretch;align-items:center;display:flex}.ui-timeline-item__connector{margin-top:calc(var(--spacing,.25rem) * 2);margin-bottom:calc(var(--spacing,.25rem) * 2);flex:1;width:1px;min-height:2rem}.ui-timeline-item__content{padding-bottom:calc(var(--spacing,.25rem) * 4);flex:1}.ui-timeline-item:last-child .ui-timeline-item__content{padding-bottom:0}.ui-timeline-item:last-child .ui-timeline-item__connector{display:none}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}body{color:var(--color-grey-700);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:14px;font-weight:400;line-height:1.5}*{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;outline:none!important}:focus-visible:not(input,.base-input,textarea,.v-popper__popper,.focus-indicator-none,[contenteditable]){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-focus-ring,#1a83fe);--tw-ring-inset:inset}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-fast-enter-active,.fade-fast-leave-active{transition:opacity .1s}.fade-delay-enter-active,.fade-delay-leave-active{transition:opacity .3s}.fade-delay-enter-active{transition-delay:.5s}.fade-enter-from,.fade-leave-to,.fade-delay-enter-from,.fade-delay-leave-to,.fade-fast-enter-from,.fade-fast-leave-to{opacity:0}:is(.modal-enter-active,.modal-leave-active) .base-modal-layout,:is(.modal-enter-active,.modal-leave-active) .modal-wrapper{perspective:1300px}:is(:is(.modal-enter-active,.modal-leave-active) .base-modal-layout,:is(.modal-enter-active,.modal-leave-active) .modal-wrapper)>section,:is(:is(.modal-enter-active,.modal-leave-active) .base-modal-layout,:is(.modal-enter-active,.modal-leave-active) .modal-wrapper)>.shell{transform-style:preserve-3d;transition:transform .2s,opacity .2s}:is(.modal-enter-active,.modal-leave-active) .backdrop{transition:opacity .2s}:is(.modal-enter-active,.modal-leave-active) .base-modal-box{transition:transform .2s,opacity .2s}:is(.modal-enter-from,.modal-leave-to)>.base-modal-layout>section,:is(.modal-enter-from,.modal-leave-to)>.modal-wrapper>.shell{opacity:0}:is(.modal-enter-from,.modal-leave-to)>.base-modal-layout>section{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}:is(.modal-enter-from,.modal-leave-to) .backdrop{opacity:0}:is(.modal-enter-from,.modal-leave-to) .base-modal-box{opacity:0;--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes scale-in{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fade-scale{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slide-down{0%{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-up{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spring{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.02);opacity:.8}to{transform:scale(1);opacity:1}}@keyframes tooltip-fade{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes hover-lift{0%{transform:translateY(4px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes accordion-expand{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDownAndFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpAndFade{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}.animate-scale-in{animation-name:scale-in;animation-duration:.15s;animation-timing-function:ease-out;animation-fill-mode:both}.animate-fade-scale{animation-name:fade-scale;animation-duration:.15s;animation-timing-function:ease-out;animation-fill-mode:both}.animate-slide-down{animation-name:slide-down;animation-duration:.15s;animation-timing-function:ease-out;animation-fill-mode:both}.animate-slide-up{animation-name:slide-up;animation-duration:.15s;animation-timing-function:ease-out;animation-fill-mode:both}.animate-spring{animation-name:spring;animation-duration:.3s;animation-timing-function:ease-out;animation-fill-mode:both}.animate-tooltip-fade{animation-name:tooltip-fade;animation-duration:.15s;animation-timing-function:ease-out;animation-fill-mode:both}.animate-hover-lift{animation-name:hover-lift;animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:both}.animate-accordion-expand{animation-name:accordion-expand;animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:both}.animate-duration{animation-duration:.08s}.animate-duration-75{animation-duration:75ms}.animate-duration-100{animation-duration:.1s}.animate-duration-150{animation-duration:.15s}.animate-duration-200{animation-duration:.2s}.animate-duration-300{animation-duration:.3s}.animate-duration-500{animation-duration:.5s}.animate-duration-700{animation-duration:.7s}.animate-duration-1000{animation-duration:1s}
|
|
1
|
+
.ui-tooltip-content{transform-origin:var(--reka-tooltip-content-transform-origin, center)}.ui-popover-content{transform-origin:var(--reka-popover-content-transform-origin, center)}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-07865de6],[data-v-07865de6]:before,[data-v-07865de6]:after,[data-v-07865de6]::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--ui-text-field-fade-left:0px;--ui-text-field-fade-right:0px}}}.ui-text-field-field[data-v-07865de6]{align-items:center;gap:calc(var(--spacing,.25rem) * 1.5);border-radius:var(--radius-lg,.5rem);border-style:var(--tw-border-style);width:100%;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));padding-right:0;padding-left:calc(var(--spacing,.25rem) * 3);border-width:1px;display:flex;position:relative}.ui-text-field-field--default[data-v-07865de6]{border-color:var(--color-borders-neutral-strong,var(--color-neutral-alpha-dark-600));background-color:var(--color-actions-neutral-idle-alpha-light,var(--color-neutral-alpha-dark-100))}.ui-text-field-field--default:not(.ui-text-field-field--disabled):hover .ui-text-field-overlay[data-v-07865de6]{background-color:var(--color-actions-neutral-hover-overlay,var(--color-neutral-alpha-dark-100))}.ui-text-field-field--default:not(.ui-text-field-field--disabled).ui-text-field-field--focused[data-v-07865de6]{border-color:var(--color-actions-primary-idle-alpha-strong,var(--color-brand-alpha-dark-700));--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-focus-ring,#1a83fe);--tw-ring-inset:inset}.ui-text-field-field--default:not(.ui-text-field-field--disabled).ui-text-field-field--focused .ui-text-field-overlay[data-v-07865de6]{background:0 0}.ui-text-field-field--error[data-v-07865de6]{border-color:var(--color-borders-danger-strong,var(--color-red-alpha-dark-600));background-color:var(--color-actions-danger-idle-alpha-light,var(--color-red-alpha-dark-200))}.ui-text-field-field--error:not(.ui-text-field-field--disabled):hover .ui-text-field-overlay[data-v-07865de6]{background-color:var(--color-actions-danger-hover-overlay,var(--color-red-alpha-dark-200))}.ui-text-field-field--error:not(.ui-text-field-field--disabled).ui-text-field-field--focused[data-v-07865de6]{border-color:var(--color-borders-danger-strong,var(--color-red-alpha-dark-600));--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-borders-danger-strong,var(--color-red-alpha-dark-600));--tw-ring-inset:inset}.ui-text-field-field--error:not(.ui-text-field-field--disabled).ui-text-field-field--focused .ui-text-field-overlay[data-v-07865de6]{background:0 0}.ui-text-field-field--disabled[data-v-07865de6]{cursor:not-allowed;opacity:.5}.ui-text-field-overlay[data-v-07865de6]{pointer-events:none;border-radius:var(--radius-lg,.5rem);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));z-index:1;position:absolute;inset:0}.ui-text-field-icon[data-v-07865de6]{z-index:2;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}@property --ui-text-field-fade-left{syntax:"<length>";inherits:false;initial-value:0}@property --ui-text-field-fade-right{syntax:"<length>";inherits:false;initial-value:0}.ui-text-field-element[data-v-07865de6]{min-width:0;font-size:14px;line-height:var(--tw-leading,20px);letter-spacing:var(--tw-tracking,-.04px);font-weight:var(--tw-font-weight,400);z-index:2;scrollbar-width:none;-ms-overflow-style:none;-webkit-mask-image:linear-gradient(to right,#0000,#000 var(--ui-text-field-fade-left),#000 calc(100% - var(--ui-text-field-fade-right)),#0000);mask-image:linear-gradient(to right,#0000,#000 var(--ui-text-field-fade-left),#000 calc(100% - var(--ui-text-field-fade-right)),#0000);background:0 0;border:none;outline:none;flex:1;animation:linear ui-text-field-fade-07865de6;animation-timeline:scroll(self x);position:relative;overflow-x:auto}.ui-text-field-element[data-v-07865de6]:disabled{cursor:not-allowed}.ui-text-field-element[data-v-07865de6]::-webkit-scrollbar{display:none}@keyframes ui-text-field-fade-07865de6{0%{--ui-text-field-fade-left:0px}10%,to{--ui-text-field-fade-left:1.5rem}0%,90%{--ui-text-field-fade-right:1.5rem}to{--ui-text-field-fade-right:0px}}.ui-text-field-actions[data-v-07865de6]{border-radius:var(--radius-lg,.5rem);height:100%;padding-inline:calc(var(--spacing,.25rem) * 3);z-index:2;justify-content:center;align-items:center;display:flex;position:relative}.ui-text-field-loader[data-v-07865de6]{justify-content:center;align-items:center;display:flex}.ui-text-field-loader .loader[data-v-07865de6]{height:calc(var(--spacing,.25rem) * 4);width:calc(var(--spacing,.25rem) * 4);animation:var(--animate-spin,spin-07865de6 1s linear infinite);border:2px solid;border-top-color:#0000;border-radius:3.40282e38px}.ui-text-field-clear[data-v-07865de6]{cursor:pointer;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));background:0 0;border:none;outline:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.ui-text-field-clear[data-v-07865de6]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-borders-neutral-strong,var(--color-neutral-alpha-dark-600));border-radius:.25rem}@keyframes spin-07865de6{to{transform:rotate(360deg)}}@keyframes fade-in-d3427739{0%{opacity:0}to{opacity:1}}@keyframes fade-out-d3427739{0%{opacity:1}to{opacity:0}}.ui-dialog-overlay[data-state=open][data-v-d3427739]{animation:fade-in-d3427739 .15s ease-out}.ui-dialog-overlay[data-state=closed][data-v-d3427739]{animation:fade-out-d3427739 .15s ease-in}.ui-dialog-content[data-state=open][data-v-d3427739]{animation:fade-scale .2s ease-out}.ui-dialog-content[data-state=closed][data-v-d3427739]{animation:fade-scale .15s ease-in reverse}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-ff3ec49a],[data-v-ff3ec49a]:before,[data-v-ff3ec49a]:after,[data-v-ff3ec49a]::backdrop{--tw-border-style:solid}}}.separator[data-v-ff3ec49a]{align-items:center;column-gap:calc(var(--spacing,.25rem) * 2);text-align:center;width:100%;color:var(--color-text-neutral-tertiary,var(--color-neutral-alpha-dark-600));grid-template-columns:1fr auto 1fr;grid-auto-flow:column;display:grid}.separator[data-v-ff3ec49a]:before,.separator[data-v-ff3ec49a]:after{content:"";border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-borders-neutral-light,var(--color-neutral-alpha-dark-200));width:100%;height:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}.ui-input-checkbox-wrapper[data-v-79c855b9] a{color:var(--color-text-primary-secondary,var(--color-brand-alpha-dark-700));text-decoration-line:underline}.ui-textarea[data-v-9dcda5c2]::-webkit-scrollbar{width:8px}.ui-textarea[data-v-9dcda5c2]::-webkit-scrollbar-track{background:transparent}.ui-textarea[data-v-9dcda5c2]::-webkit-scrollbar-thumb{background:var(--color-neutral-alpha-dark-400);border-radius:4px}.ui-textarea[data-v-9dcda5c2]::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-alpha-dark-500)}.default[data-v-e508925c]{color:var(--color-actions-neutral-idle)}.title[data-v-e508925c]{color:var(--color-text-neutral-tertiary)}.is-active[data-v-e508925c]{background-color:var(--color-actions-primary-active-overlay);color:var(--color-actions-primary-idle)}.motion[data-v-75355621]{animation-duration:1.64s;animation-iteration-count:infinite;animation-fill-mode:both}.sweep--top[data-v-75355621]{animation-name:tornado-sweep-top-75355621}.sweep--mid[data-v-75355621]{animation-name:tornado-sweep-mid-75355621}.sweep--bot[data-v-75355621]{animation-name:tornado-sweep-bot-75355621}@keyframes tornado-sweep-top-75355621{0%{transform:translate(0);animation-timing-function:cubic-bezier(.97,0,.833,1)}19.512%{transform:translate(98.4px);animation-timing-function:step-end}20.732%{transform:translate(-246.4px);animation-timing-function:cubic-bezier(.167,0,.833,1)}36.585%{transform:translate(99.3px);animation-timing-function:step-end}37.805%{transform:translate(-244.8px);animation-timing-function:cubic-bezier(.167,0,.833,1)}56.098%{transform:translate(99.3px);animation-timing-function:step-end}57.317%{transform:translate(-244.8px);animation-timing-function:cubic-bezier(.167,0,.03,1)}92.683%,to{transform:translate(0)}}@keyframes tornado-sweep-mid-75355621{0%,23.171%{transform:translate(0);animation-timing-function:cubic-bezier(.167,0,.833,1)}39.024%{transform:translate(283px);animation-timing-function:step-end}40.244%{transform:translate(.8px);animation-timing-function:cubic-bezier(.167,0,.833,1)}58.537%{transform:translate(283px);animation-timing-function:step-end}59.756%{transform:translate(.8px);animation-timing-function:cubic-bezier(.167,0,.03,1)}95.122%,to{transform:translate(282.2px)}}@keyframes tornado-sweep-bot-75355621{0%,25.61%{transform:translate(0);animation-timing-function:cubic-bezier(.167,0,.833,1)}41.463%{transform:translate(135px);animation-timing-function:step-end}42.683%{transform:translate(0);animation-timing-function:cubic-bezier(.167,0,.833,1)}60.976%{transform:translate(135px);animation-timing-function:step-end}62.195%{transform:translate(0);animation-timing-function:cubic-bezier(.167,0,.03,1)}97.561%,to{transform:translate(134.6px)}}.motion[data-v-568a716f]{animation-name:ui-logo-pulse-568a716f;animation-duration:1.64s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-fill-mode:both}.pulse--row-2[data-v-568a716f]{animation-delay:.18s}.pulse--row-3[data-v-568a716f]{animation-delay:.36s}@keyframes ui-logo-pulse-568a716f{0%,to{opacity:1}50%{opacity:.35}}.ui-logo[data-v-f4cb29c9] .badge{fill:var(--ui-logo-badge, #ffffff)}.ui-logo[data-v-f4cb29c9] .mark{fill:var(--ui-logo-mark, #112660)}.ui-logo--static[data-v-f4cb29c9] .motion{animation:none}@media(prefers-reduced-motion:reduce){.ui-logo[data-v-f4cb29c9] .motion{animation:none}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-f756255b],[data-v-f756255b]:before,[data-v-f756255b]:after,[data-v-f756255b]::backdrop{--tw-duration:initial}}}.ui-progress-root[data-v-f756255b]{border-radius:var(--radius-lg,.5rem);background-color:var(--color-actions-neutral-active-overlay,var(--color-neutral-alpha-dark-300));width:100%;position:relative;overflow:hidden}.ui-progress-indicator[data-v-f756255b]{border-radius:var(--radius-lg,.5rem);width:100%;height:100%;transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.66s;transition-duration:.66s;transition-timing-function:cubic-bezier(.65,0,.35,1)}.ui-progress-indeterminate[data-v-f756255b]{animation:1.5s cubic-bezier(.65,0,.35,1) infinite progress-indeterminate-f756255b}@keyframes progress-indeterminate-f756255b{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}.ui-room-button[data-v-87cbe72a]{border:none}.ui-room-button--ghost.ui-room-button--neutral[data-v-87cbe72a]{background:transparent;color:var(--color-actions-neutral-idle, rgb(245, 247, 252))}.ui-room-button--ghost.ui-room-button--neutral[data-v-87cbe72a]:not(:disabled):hover{background:#f5f7fc1a}.ui-room-button--ghost.ui-room-button--danger[data-v-87cbe72a]{background:var( --color-actions-danger-idle-alpha-light, rgba(252, 127, 130, .08) );color:var(--color-actions-danger-idle, rgb(252, 127, 130))}.ui-room-button--ghost.ui-room-button--danger[data-v-87cbe72a]:not(:disabled):hover{background:#fc7f8224}.ui-room-button--glass.ui-room-button--neutral[data-v-87cbe72a]{background:var( --color-actions-neutral-idle-alpha-light, rgba(245, 247, 252, .08) );color:var(--color-actions-neutral-idle, rgb(245, 247, 252));-webkit-backdrop-filter:blur(70px);backdrop-filter:blur(70px);box-shadow:inset 0 1px #ffffff14}.ui-room-button--glass.ui-room-button--neutral[data-v-87cbe72a]:not(:disabled):hover{background:#f5f7fc1a}.ui-room-button--ghost.ui-room-button--primary[data-v-87cbe72a]{background:var( --color-actions-primary-idle-alpha-light, rgba(118, 164, 255, .08) );color:var(--color-actions-primary-idle, rgb(118, 164, 255))}.ui-room-button--ghost.ui-room-button--primary[data-v-87cbe72a]:not(:disabled):hover{background:#76a4ff24}.ui-room-button--ghost.ui-room-button--success[data-v-87cbe72a]{background:var( --color-actions-success-idle-alpha-light, rgba(46, 184, 154, .08) );color:var(--color-actions-success-idle, rgb(46, 184, 154))}.ui-room-button--ghost.ui-room-button--success[data-v-87cbe72a]:not(:disabled):hover{background:#2eb89a24}.ui-room-button--solid[data-v-87cbe72a]{color:#fff}.ui-room-button--solid.ui-room-button--primary[data-v-87cbe72a]{background:var(--color-actions-primary-idle, rgb(118, 164, 255))}.ui-room-button--solid.ui-room-button--danger[data-v-87cbe72a]{background:var(--color-red-500, rgb(224, 62, 65))}.ui-room-button--solid.ui-room-button--success[data-v-87cbe72a]{background:var(--color-green-500, rgb(22, 140, 115))}.ui-room-button--solid[data-v-87cbe72a]:not(:disabled):hover{filter:brightness(.95)}.ui-room-button--ghost.ui-room-button--active[data-v-87cbe72a]{background:var( --color-actions-primary-idle-alpha-light, rgba(118, 164, 255, .08) );color:var(--color-actions-primary-idle, rgb(118, 164, 255))}.hidden-on-short-height[data-v-97bf16df]{display:none}@media(min-height:600px)and (min-width:768px){.hidden-on-short-height[data-v-97bf16df]{display:block}}.show-on-short-height-desktop-only[data-v-00df0bf2]{display:none}@media(max-height:768px)and (hover:hover){.hidden-on-short-height[data-v-00df0bf2]{display:none}}@media(max-height:768px)and (hover:hover)and (pointer:fine){.show-on-short-height-desktop-only[data-v-00df0bf2]{display:block}}@media(min-height:768px),(hover:none),(pointer:coarse){.show-on-short-height-desktop-only[data-v-00df0bf2]{display:none}}.ui-stepper--horizontal{align-items:flex-start;gap:calc(var(--spacing,.25rem) * 8);display:flex}.ui-stepper--vertical>:not(:last-child){margin-bottom:calc(var(--spacing,.25rem) * 2)}.ui-stepper-description[data-v-5da882d5]{max-width:calc(var(--spacing,.25rem) * 60);text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:var(--tw-leading,20px);letter-spacing:var(--tw-tracking,-.04px);font-weight:var(--tw-font-weight,400);color:var(--color-text-neutral-tertiary,var(--color-neutral-alpha-dark-600));display:block;overflow:hidden}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial;--tw-duration:initial}}}.stepper-indicator{--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;background-color:var(--color-surface-neutral-alpha-200,var(--color-neutral-alpha-dark-200));color:var(--color-text-neutral-base,var(--color-neutral-dark-bg));border-radius:3.40282e38px;flex-shrink:0;justify-content:center;align-items:center;transition-duration:.2s;display:flex}[data-state=active] .stepper-indicator{background-color:var(--color-surface-primary-bg-alpha,var(--color-brand-alpha-dark-800));color:var(--color-text-neutral-invert-base,var(--color-neutral-light-bg))}.stepper-custom-icon{display:block}[data-state=completed] .stepper-custom-icon,.stepper-custom-icon~.stepper-number{display:none}[data-state=completed] .stepper-custom-icon~.stepper-number{display:block}.stepper-checkmark{display:none}[data-state=completed] .stepper-checkmark{display:block}[data-state=completed] .stepper-number{display:none}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}.ui-stepper-item{position:relative}.ui-stepper-separator[data-v-44cd2e7f]{background-color:var(--color-surface-neutral-alpha-400,var(--color-neutral-alpha-dark-400))}.ui-stepper-title[data-v-ca7d64b5]{font-size:16px;line-height:var(--tw-leading,24px);letter-spacing:var(--tw-tracking,-.04px);font-weight:var(--tw-font-weight,600);color:var(--color-text-neutral-secondary,var(--color-neutral-alpha-dark-700))}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-0be79760],[data-v-0be79760]:before,[data-v-0be79760]:after,[data-v-0be79760]::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.ui-tag[data-v-0be79760]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-focus-ring,#1a83fe);--tw-ring-inset:inset}.ui-tag[data-hover-effect=true][data-color=primary][data-variant=light][data-v-0be79760]:hover,.ui-tag[data-hover-effect=true][data-color=primary][data-variant=strong][data-v-0be79760]:hover{background-color:var(--color-actions-primary-hover-overlay,var(--color-brand-alpha-dark-100))}.ui-tag[data-hover-effect=true][data-color=neutral][data-variant=light][data-v-0be79760]:hover,.ui-tag[data-hover-effect=true][data-color=neutral][data-variant=strong][data-v-0be79760]:hover{background-color:var(--color-actions-neutral-hover-overlay,var(--color-neutral-alpha-dark-100))}.ui-tag[data-hover-effect=true][data-color=danger][data-variant=light][data-v-0be79760]:hover,.ui-tag[data-hover-effect=true][data-color=danger][data-variant=strong][data-v-0be79760]:hover{background-color:var(--color-actions-danger-hover-overlay,var(--color-red-alpha-dark-200))}.ui-tag[data-hover-effect=true][data-color=warning][data-variant=light][data-v-0be79760]:hover,.ui-tag[data-hover-effect=true][data-color=warning][data-variant=strong][data-v-0be79760]:hover{background-color:var(--color-actions-warning-hover-overlay,var(--color-orange-alpha-dark-200))}.ui-tag[data-hover-effect=true][data-color=success][data-variant=light][data-v-0be79760]:hover,.ui-tag[data-hover-effect=true][data-color=success][data-variant=strong][data-v-0be79760]:hover{background-color:var(--color-actions-success-hover-overlay,var(--color-green-alpha-dark-200))}.ui-tag[data-hover-effect=true][data-color=neutral-invert][data-variant=light][data-v-0be79760]:hover,.ui-tag[data-hover-effect=true][data-color=neutral-invert][data-variant=strong][data-v-0be79760]:hover{background-color:var(--color-actions-neutral-invert-hover-overlay,var(--color-neutral-alpha-light-200))}.ui-tag-label[data-v-0be79760]{flex:1}.ui-timeline--vertical{flex-direction:column;display:flex}.ui-timeline--horizontal{align-items:flex-start;gap:calc(var(--spacing,.25rem) * 6);flex-direction:row;display:flex}.ui-timeline--horizontal .ui-timeline-item{flex-direction:column;align-items:center;max-width:200px}.ui-timeline--horizontal .ui-timeline-item__indicator-wrapper{flex-direction:row;align-items:center}.ui-timeline--horizontal .ui-timeline-item__connector{margin-top:0;margin-bottom:0;margin-left:calc(var(--spacing,.25rem) * 2);width:auto;min-width:2rem;height:1px;min-height:auto}.ui-timeline--horizontal .ui-timeline-item__content{padding-top:calc(var(--spacing,.25rem) * 4);padding-bottom:0}.ui-timeline--horizontal .ui-timeline-item:last-child .ui-timeline-item__connector{display:none}.ui-timeline-item{gap:calc(var(--spacing,.25rem) * 4);display:flex;position:relative}.ui-timeline-item__indicator-wrapper{flex-direction:column;flex-shrink:0;align-self:stretch;align-items:center;display:flex}.ui-timeline-item__connector{margin-top:calc(var(--spacing,.25rem) * 2);margin-bottom:calc(var(--spacing,.25rem) * 2);flex:1;width:1px;min-height:2rem}.ui-timeline-item__content{padding-bottom:calc(var(--spacing,.25rem) * 4);flex:1}.ui-timeline-item:last-child .ui-timeline-item__content{padding-bottom:0}.ui-timeline-item:last-child .ui-timeline-item__connector{display:none}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer base{body{color:var(--color-grey-700);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:14px;font-weight:400;line-height:1.5}}*{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;outline:none!important}:focus-visible:not(input,.base-input,textarea,.v-popper__popper,.focus-indicator-none,[contenteditable]){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-focus-ring,#1a83fe);--tw-ring-inset:inset}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-fast-enter-active,.fade-fast-leave-active{transition:opacity .1s}.fade-delay-enter-active,.fade-delay-leave-active{transition:opacity .3s}.fade-delay-enter-active{transition-delay:.5s}.fade-enter-from,.fade-leave-to,.fade-delay-enter-from,.fade-delay-leave-to,.fade-fast-enter-from,.fade-fast-leave-to{opacity:0}:is(.modal-enter-active,.modal-leave-active) .base-modal-layout,:is(.modal-enter-active,.modal-leave-active) .modal-wrapper{perspective:1300px}:is(:is(.modal-enter-active,.modal-leave-active) .base-modal-layout,:is(.modal-enter-active,.modal-leave-active) .modal-wrapper)>section,:is(:is(.modal-enter-active,.modal-leave-active) .base-modal-layout,:is(.modal-enter-active,.modal-leave-active) .modal-wrapper)>.shell{transform-style:preserve-3d;transition:transform .2s,opacity .2s}:is(.modal-enter-active,.modal-leave-active) .backdrop{transition:opacity .2s}:is(.modal-enter-active,.modal-leave-active) .base-modal-box{transition:transform .2s,opacity .2s}:is(.modal-enter-from,.modal-leave-to)>.base-modal-layout>section,:is(.modal-enter-from,.modal-leave-to)>.modal-wrapper>.shell{opacity:0}:is(.modal-enter-from,.modal-leave-to)>.base-modal-layout>section{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}:is(.modal-enter-from,.modal-leave-to) .backdrop{opacity:0}:is(.modal-enter-from,.modal-leave-to) .base-modal-box{opacity:0;--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes scale-in{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fade-scale{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slide-down{0%{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-up{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spring{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.02);opacity:.8}to{transform:scale(1);opacity:1}}@keyframes tooltip-fade{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes hover-lift{0%{transform:translateY(4px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes accordion-expand{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDownAndFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpAndFade{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}.animate-scale-in{animation-name:scale-in;animation-duration:.15s;animation-timing-function:ease-out;animation-fill-mode:both}.animate-fade-scale{animation-name:fade-scale;animation-duration:.15s;animation-timing-function:ease-out;animation-fill-mode:both}.animate-slide-down{animation-name:slide-down;animation-duration:.15s;animation-timing-function:ease-out;animation-fill-mode:both}.animate-slide-up{animation-name:slide-up;animation-duration:.15s;animation-timing-function:ease-out;animation-fill-mode:both}.animate-spring{animation-name:spring;animation-duration:.3s;animation-timing-function:ease-out;animation-fill-mode:both}.animate-tooltip-fade{animation-name:tooltip-fade;animation-duration:.15s;animation-timing-function:ease-out;animation-fill-mode:both}.animate-hover-lift{animation-name:hover-lift;animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:both}.animate-accordion-expand{animation-name:accordion-expand;animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:both}.animate-duration{animation-duration:.08s}.animate-duration-75{animation-duration:75ms}.animate-duration-100{animation-duration:.1s}.animate-duration-150{animation-duration:.15s}.animate-duration-200{animation-duration:.2s}.animate-duration-300{animation-duration:.3s}.animate-duration-500{animation-duration:.5s}.animate-duration-700{animation-duration:.7s}.animate-duration-1000{animation-duration:1s}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { useStorage as A } from "@vueuse/core";
|
|
2
|
-
import {
|
|
2
|
+
import { computed as d, watch as f, ref as E, getCurrentInstance as b } from "vue";
|
|
3
3
|
const T = {
|
|
4
4
|
LIVESTORM: "Livestorm",
|
|
5
5
|
CUSTOMER1: "customer1",
|
package/dist/utils.mjs
CHANGED
|
@@ -1,36 +1,36 @@
|
|
|
1
|
-
import { BREAKPOINT_2XL as
|
|
1
|
+
import { BREAKPOINT_2XL as Y, BREAKPOINT_LG as Z, BREAKPOINT_MD as ee, BREAKPOINT_SM as te, BREAKPOINT_XL as ne, BREAKPOINT_XL_PLUS as oe } from "./breakpoints.mjs";
|
|
2
2
|
import "./bus.mjs";
|
|
3
|
-
import { computed as
|
|
4
|
-
import { useClipboard as
|
|
5
|
-
import
|
|
6
|
-
import { b as
|
|
7
|
-
import { f as
|
|
8
|
-
import { useResponsive as
|
|
9
|
-
import { useRoute as $, useRouter as
|
|
10
|
-
import { RenderSlot as
|
|
11
|
-
let
|
|
12
|
-
function
|
|
13
|
-
|
|
14
|
-
const
|
|
15
|
-
document.body.appendChild(
|
|
16
|
-
const
|
|
17
|
-
render: () =>
|
|
18
|
-
|
|
3
|
+
import { computed as l, createApp as g, h as y, ref as T, watch as x, onUnmounted as k, getCurrentInstance as S, onMounted as _, nextTick as w } from "vue";
|
|
4
|
+
import { useClipboard as b, usePermission as A, onKeyDown as C } from "@vueuse/core";
|
|
5
|
+
import { u as E } from "./i18n-Cktw9hIu.mjs";
|
|
6
|
+
import { b as I, _ as R, c as B, a as P } from "./a11y-BhF_nl7L.mjs";
|
|
7
|
+
import { f as ie } from "./a11y-BhF_nl7L.mjs";
|
|
8
|
+
import { useResponsive as ue } from "./responsive.mjs";
|
|
9
|
+
import { useRoute as $, useRouter as q } from "vue-router";
|
|
10
|
+
import { RenderSlot as ae, getSlotAsComponent as de, unwrapFragments as le, useSlotsAsComponents as fe } from "./slot.mjs";
|
|
11
|
+
let v = null;
|
|
12
|
+
function L(s, i) {
|
|
13
|
+
v && v();
|
|
14
|
+
const e = s.getBoundingClientRect(), t = document.createElement("div");
|
|
15
|
+
document.body.appendChild(t);
|
|
16
|
+
const f = g({
|
|
17
|
+
render: () => y(I, null, () => y(R, { open: !0, delayDuration: 0 }, () => [
|
|
18
|
+
y(B, { asChild: !0 }, () => y("span", {
|
|
19
19
|
"aria-hidden": "true",
|
|
20
20
|
style: {
|
|
21
21
|
position: "fixed",
|
|
22
|
-
left: `${
|
|
23
|
-
top: `${
|
|
24
|
-
width: `${
|
|
25
|
-
height: `${
|
|
22
|
+
left: `${e.left}px`,
|
|
23
|
+
top: `${e.top}px`,
|
|
24
|
+
width: `${e.width}px`,
|
|
25
|
+
height: `${e.height}px`,
|
|
26
26
|
pointerEvents: "none"
|
|
27
27
|
}
|
|
28
28
|
})),
|
|
29
|
-
|
|
29
|
+
y(P, { side: "top" }, () => i),
|
|
30
30
|
// The bubble lives in reka's portal where attrs like role are not
|
|
31
31
|
// forwardable; announce the feedback from a visually hidden live
|
|
32
32
|
// region instead so screen readers hear the copy confirmation.
|
|
33
|
-
|
|
33
|
+
y("span", {
|
|
34
34
|
role: "status",
|
|
35
35
|
style: {
|
|
36
36
|
position: "absolute",
|
|
@@ -39,108 +39,163 @@ function k(s, u) {
|
|
|
39
39
|
overflow: "hidden",
|
|
40
40
|
clipPath: "inset(50%)"
|
|
41
41
|
}
|
|
42
|
-
},
|
|
42
|
+
}, i)
|
|
43
43
|
]))
|
|
44
44
|
});
|
|
45
|
-
|
|
45
|
+
f.mount(t);
|
|
46
46
|
let a = !1;
|
|
47
|
-
const
|
|
48
|
-
a || (a = !0,
|
|
47
|
+
const u = () => {
|
|
48
|
+
a || (a = !0, v === u && (v = null), f.unmount(), t.remove());
|
|
49
49
|
};
|
|
50
|
-
return
|
|
50
|
+
return v = u, u;
|
|
51
51
|
}
|
|
52
|
-
function
|
|
53
|
-
const { isSupported: s, copy:
|
|
54
|
-
async function
|
|
55
|
-
if (await u
|
|
56
|
-
|
|
57
|
-
const
|
|
52
|
+
function H() {
|
|
53
|
+
const { isSupported: s, copy: i } = b(), e = A("clipboard-write"), t = E(), f = l(() => s.value && e.value);
|
|
54
|
+
async function a(u, d, m = t("general_misc_copied-text")) {
|
|
55
|
+
if (await i(u), d) {
|
|
56
|
+
d.classList.add("copied");
|
|
57
|
+
const n = L(d, m);
|
|
58
58
|
setTimeout(() => {
|
|
59
|
-
|
|
59
|
+
d.classList.remove("copied"), n();
|
|
60
60
|
}, 600);
|
|
61
61
|
}
|
|
62
62
|
}
|
|
63
63
|
return {
|
|
64
|
-
canCopy:
|
|
65
|
-
copy:
|
|
64
|
+
canCopy: f,
|
|
65
|
+
copy: a
|
|
66
66
|
};
|
|
67
67
|
}
|
|
68
|
-
function
|
|
69
|
-
const
|
|
68
|
+
function Q(s, i = !1) {
|
|
69
|
+
const e = $(), t = q(), f = `${s}-`;
|
|
70
70
|
function a() {
|
|
71
|
-
const
|
|
72
|
-
for (const
|
|
73
|
-
|
|
74
|
-
return
|
|
71
|
+
const n = [];
|
|
72
|
+
for (const r in e.query)
|
|
73
|
+
r.startsWith(f) && n.push(r);
|
|
74
|
+
return n;
|
|
75
75
|
}
|
|
76
|
-
function
|
|
77
|
-
return
|
|
76
|
+
function u(n) {
|
|
77
|
+
return n === "true" ? !0 : n === "false" ? !1 : n ?? !1;
|
|
78
78
|
}
|
|
79
|
-
const
|
|
80
|
-
if (
|
|
81
|
-
const
|
|
82
|
-
if (
|
|
79
|
+
const d = l(() => {
|
|
80
|
+
if (i) {
|
|
81
|
+
const n = a();
|
|
82
|
+
if (n.length === 0)
|
|
83
83
|
return !1;
|
|
84
|
-
const
|
|
85
|
-
for (const
|
|
86
|
-
|
|
87
|
-
return
|
|
84
|
+
const r = {};
|
|
85
|
+
for (const c of n)
|
|
86
|
+
r[c.substring(f.length)] = u(e.query[c]);
|
|
87
|
+
return r;
|
|
88
88
|
} else
|
|
89
|
-
return
|
|
90
|
-
}), m = !!
|
|
91
|
-
return
|
|
92
|
-
get: () =>
|
|
93
|
-
set: (
|
|
94
|
-
if (
|
|
95
|
-
const
|
|
96
|
-
if (
|
|
97
|
-
|
|
89
|
+
return u(e.query[s]);
|
|
90
|
+
}), m = !!d.value;
|
|
91
|
+
return l({
|
|
92
|
+
get: () => d.value,
|
|
93
|
+
set: (n) => {
|
|
94
|
+
if (n === d.value) return;
|
|
95
|
+
const r = n == null || n === !1;
|
|
96
|
+
if (r && !m)
|
|
97
|
+
t.back();
|
|
98
98
|
else {
|
|
99
|
-
let
|
|
100
|
-
if (
|
|
101
|
-
if (
|
|
102
|
-
const
|
|
103
|
-
for (const
|
|
104
|
-
|
|
99
|
+
let c;
|
|
100
|
+
if (i)
|
|
101
|
+
if (c = {}, r) {
|
|
102
|
+
const h = a();
|
|
103
|
+
for (const o of h)
|
|
104
|
+
c[o] = void 0;
|
|
105
105
|
} else
|
|
106
|
-
for (const
|
|
107
|
-
|
|
106
|
+
for (const h in n)
|
|
107
|
+
c[`${s}-${h}`] = n[h];
|
|
108
108
|
else
|
|
109
|
-
|
|
110
|
-
[s]:
|
|
109
|
+
c = {
|
|
110
|
+
[s]: r ? void 0 : n
|
|
111
111
|
};
|
|
112
|
-
r
|
|
113
|
-
...
|
|
112
|
+
t[r ? "replace" : "push"]({
|
|
113
|
+
...e,
|
|
114
114
|
query: {
|
|
115
|
-
...
|
|
116
|
-
...
|
|
115
|
+
...e.query,
|
|
116
|
+
...c
|
|
117
117
|
}
|
|
118
118
|
});
|
|
119
119
|
}
|
|
120
120
|
}
|
|
121
121
|
});
|
|
122
122
|
}
|
|
123
|
-
let
|
|
124
|
-
|
|
125
|
-
|
|
123
|
+
let K = 0;
|
|
124
|
+
const p = T([]), O = l(() => p.value.length > 0);
|
|
125
|
+
function W(s, i) {
|
|
126
|
+
const e = K++, t = l(() => p.value.findIndex((o) => o.id === e));
|
|
127
|
+
function f() {
|
|
128
|
+
p.value.some((o) => o.id === e) || p.value.push({
|
|
129
|
+
id: e,
|
|
130
|
+
type: i
|
|
131
|
+
});
|
|
132
|
+
}
|
|
133
|
+
function a() {
|
|
134
|
+
t.value !== -1 && p.value.splice(t.value, 1);
|
|
135
|
+
}
|
|
136
|
+
x(s, (o) => {
|
|
137
|
+
o ? f() : a();
|
|
138
|
+
}, {
|
|
139
|
+
immediate: !0
|
|
140
|
+
}), k(() => {
|
|
141
|
+
a();
|
|
142
|
+
});
|
|
143
|
+
const u = l(() => e === p.value[p.value.length - 1]?.id), d = l(() => t.value > 0), m = l(() => p.value.filter((o) => o.type === i)), n = l(() => m.value.findIndex((o) => o.id === e) < m.value.length - 1), r = l(() => m.value.findIndex((o) => o.id === e) > 0), c = [];
|
|
144
|
+
function h(o) {
|
|
145
|
+
c.push(o);
|
|
146
|
+
}
|
|
147
|
+
return C("Escape", () => {
|
|
148
|
+
u.value && c.forEach((o) => o());
|
|
149
|
+
}), {
|
|
150
|
+
isActiveStacked: u,
|
|
151
|
+
hasStackedBehind: d,
|
|
152
|
+
isBehindSameType: n,
|
|
153
|
+
hasStackedSameTypeBehind: r,
|
|
154
|
+
stackIndex: t,
|
|
155
|
+
onClose: h
|
|
156
|
+
};
|
|
157
|
+
}
|
|
158
|
+
typeof document < "u" && x(O, (s) => {
|
|
159
|
+
s ? document.documentElement.classList.add("overflow-hidden") : document.documentElement.classList.remove("overflow-hidden");
|
|
160
|
+
}, {
|
|
161
|
+
immediate: !0
|
|
162
|
+
});
|
|
163
|
+
function j() {
|
|
164
|
+
const s = S();
|
|
165
|
+
let i = null;
|
|
166
|
+
_(async () => {
|
|
167
|
+
await w();
|
|
168
|
+
const e = s.proxy.$el;
|
|
169
|
+
if (!e?.querySelector) return;
|
|
170
|
+
let t = e.querySelector("[data-stackview-autofocus]");
|
|
171
|
+
t ? ["INPUT", "A", "BUTTON", "TEXTAREA"].includes(t.tagName) || (t = t.querySelector("input, a, button, textarea") || t) : (t = e.querySelector('button[type="submit"]'), console.warn(
|
|
172
|
+
"%cDEV",
|
|
173
|
+
"background: red; color: white; padding: 2px 4px; border-radius: 3px; font-weight: bold;",
|
|
174
|
+
"A element should have the data-stackview-autofocus attribute in this component. Fallback to submit button."
|
|
175
|
+
)), clearTimeout(i), i = setTimeout(() => t?.focus(), 150);
|
|
176
|
+
});
|
|
177
|
+
}
|
|
178
|
+
let U = 0;
|
|
179
|
+
function G() {
|
|
180
|
+
return ++U;
|
|
126
181
|
}
|
|
127
182
|
export {
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
183
|
+
Y as BREAKPOINT_2XL,
|
|
184
|
+
Z as BREAKPOINT_LG,
|
|
185
|
+
ee as BREAKPOINT_MD,
|
|
186
|
+
te as BREAKPOINT_SM,
|
|
187
|
+
ne as BREAKPOINT_XL,
|
|
188
|
+
oe as BREAKPOINT_XL_PLUS,
|
|
189
|
+
ae as RenderSlot,
|
|
190
|
+
ie as focusFirstMenuItem,
|
|
191
|
+
de as getSlotAsComponent,
|
|
192
|
+
G as getUid,
|
|
193
|
+
O as hasStackedComponents,
|
|
194
|
+
le as unwrapFragments,
|
|
195
|
+
H as useCopyToClipboard,
|
|
196
|
+
ue as useResponsive,
|
|
197
|
+
Q as useRouteQueryModel,
|
|
198
|
+
fe as useSlotsAsComponents,
|
|
199
|
+
j as useStackAutofocus,
|
|
200
|
+
W as useStackedComponent
|
|
146
201
|
};
|
package/integrations.d.ts
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@livestorm/ui-vue",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.5",
|
|
4
4
|
"description": "Livestorm UI components for Vue 3",
|
|
5
5
|
"license": "UNLICENSED",
|
|
6
6
|
"repository": {
|
|
@@ -11,6 +11,11 @@
|
|
|
11
11
|
"main": "./dist/index.mjs",
|
|
12
12
|
"module": "./dist/index.mjs",
|
|
13
13
|
"types": "./dist/types/index.d.ts",
|
|
14
|
+
"sideEffects": [
|
|
15
|
+
"**/*.css",
|
|
16
|
+
"./index.js",
|
|
17
|
+
"./style.js"
|
|
18
|
+
],
|
|
14
19
|
"files": [
|
|
15
20
|
"dist",
|
|
16
21
|
"src",
|
|
@@ -37,21 +42,20 @@
|
|
|
37
42
|
"embla-carousel-vue": "^8.6.0",
|
|
38
43
|
"i18next": "^26.3.4",
|
|
39
44
|
"mitt": "^3.0.1",
|
|
40
|
-
"reka-ui": "2.9.10",
|
|
41
|
-
"
|
|
42
|
-
"@livestorm/ui-icons": "^2.0.
|
|
43
|
-
"@livestorm/ui-tokens": "^2.0.3"
|
|
45
|
+
"reka-ui": "^2.9.10",
|
|
46
|
+
"@livestorm/ui-tokens": "^2.0.5",
|
|
47
|
+
"@livestorm/ui-icons": "^2.0.5"
|
|
44
48
|
},
|
|
45
49
|
"devDependencies": {
|
|
46
50
|
"@chromatic-com/storybook": "^5.2.1",
|
|
47
|
-
"@storybook/addon-a11y": "^10.
|
|
48
|
-
"@storybook/addon-coverage": "^3.0.
|
|
49
|
-
"@storybook/addon-designs": "^11.1.
|
|
50
|
-
"@storybook/addon-docs": "^10.
|
|
51
|
-
"@storybook/addon-links": "^10.
|
|
52
|
-
"@storybook/addon-themes": "^10.
|
|
53
|
-
"@storybook/addon-vitest": "^10.
|
|
54
|
-
"@storybook/vue3-vite": "^10.
|
|
51
|
+
"@storybook/addon-a11y": "^10.5.5",
|
|
52
|
+
"@storybook/addon-coverage": "^3.0.2",
|
|
53
|
+
"@storybook/addon-designs": "^11.1.4",
|
|
54
|
+
"@storybook/addon-docs": "^10.5.5",
|
|
55
|
+
"@storybook/addon-links": "^10.5.5",
|
|
56
|
+
"@storybook/addon-themes": "^10.5.5",
|
|
57
|
+
"@storybook/addon-vitest": "^10.5.5",
|
|
58
|
+
"@storybook/vue3-vite": "^10.5.5",
|
|
55
59
|
"@tailwindcss/vite": "^4.3.2",
|
|
56
60
|
"@vitejs/plugin-vue": "^6.0.7",
|
|
57
61
|
"@vitejs/plugin-vue-jsx": "^5.1.6",
|
|
@@ -60,22 +64,24 @@
|
|
|
60
64
|
"@vitest/coverage-v8": "^4.1.9",
|
|
61
65
|
"@vitest/ui": "^4.1.9",
|
|
62
66
|
"@vue/test-utils": "^2.4.11",
|
|
63
|
-
"chromatic": "^
|
|
67
|
+
"chromatic": "^18.1.0",
|
|
64
68
|
"eslint": "^9.39.4",
|
|
65
|
-
"eslint-plugin-storybook": "^10.
|
|
69
|
+
"eslint-plugin-storybook": "^10.5.5",
|
|
66
70
|
"happy-dom": "^20.10.6",
|
|
67
71
|
"playwright": "^1.61.1",
|
|
68
|
-
"storybook": "^10.
|
|
69
|
-
"
|
|
72
|
+
"storybook": "^10.5.5",
|
|
73
|
+
"tailwindcss": "^4.3.2",
|
|
74
|
+
"typescript": "^6.0.3",
|
|
70
75
|
"vite": "^7.3.6",
|
|
71
76
|
"vitest": "^4.1.9",
|
|
72
77
|
"vitest-browser-vue": "^2.1.0",
|
|
73
78
|
"vue": "^3.5.39",
|
|
74
79
|
"vue-router": "^5.1.0",
|
|
75
|
-
"vue-tsc": "^3.3.
|
|
80
|
+
"vue-tsc": "^3.3.8",
|
|
76
81
|
"@livestorm/dev-utils": "1.0.0"
|
|
77
82
|
},
|
|
78
83
|
"peerDependencies": {
|
|
84
|
+
"tailwindcss": "^4.0.0",
|
|
79
85
|
"vue": "^3.5.30",
|
|
80
86
|
"vue-router": "^5.0.3"
|
|
81
87
|
},
|
|
@@ -93,6 +99,7 @@
|
|
|
93
99
|
"types": "./dist/types/src/theme.d.ts"
|
|
94
100
|
},
|
|
95
101
|
"./style": "./dist/ui-vue.css",
|
|
102
|
+
"./fonts": "./src/css/fonts.css",
|
|
96
103
|
"./components-vite": {
|
|
97
104
|
"types": "./components.d.ts",
|
|
98
105
|
"import": "./dist/components.mjs"
|
|
@@ -149,7 +156,7 @@
|
|
|
149
156
|
"test:vitest:updateSnapshots": "vitest -u",
|
|
150
157
|
"test:npm-package": "bash tests/npm-package/run.sh",
|
|
151
158
|
"npm-package:gallery": "bash tests/npm-package/run.sh --gallery",
|
|
152
|
-
"deploy:chromatic": "
|
|
159
|
+
"deploy:chromatic": "chromatic",
|
|
153
160
|
"setup-reka-paths": "node setup-reka-ui-paths.js",
|
|
154
161
|
"storybook:dev": "pnpm run setup-reka-paths && storybook dev -p 6006",
|
|
155
162
|
"storybook:build": "storybook build --stats-json"
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { computed, onMounted, ref } from 'vue'
|
|
3
3
|
import { useLocalStorage } from '@vueuse/core'
|
|
4
4
|
import UiButton from '../UiButton/UiButton.vue'
|
|
5
|
-
import
|
|
5
|
+
import { useTranslate } from '../../utils/i18n'
|
|
6
6
|
|
|
7
7
|
export interface UiBannerProps {
|
|
8
8
|
/**
|
|
@@ -60,6 +60,8 @@ export interface UiBannerProps {
|
|
|
60
60
|
closedExpirySeconds?: number
|
|
61
61
|
}
|
|
62
62
|
|
|
63
|
+
const translate = useTranslate()
|
|
64
|
+
|
|
63
65
|
const props = withDefaults(defineProps<UiBannerProps>(), {
|
|
64
66
|
color: 'primary',
|
|
65
67
|
variant: 'horizontal',
|
|
@@ -350,7 +352,7 @@ function handleAction () {
|
|
|
350
352
|
:class="closeButtonClasses"
|
|
351
353
|
>
|
|
352
354
|
<UiButton
|
|
353
|
-
:label="
|
|
355
|
+
:label="translate('general_close')"
|
|
354
356
|
variant="tertiary"
|
|
355
357
|
color="neutral"
|
|
356
358
|
icon="i-ls-x"
|
|
@@ -69,6 +69,8 @@ const indicatorStyle = ref<Record<string, string>>({
|
|
|
69
69
|
const indicatorVisible = ref(false)
|
|
70
70
|
|
|
71
71
|
function getRootEl (): HTMLElement | null {
|
|
72
|
+
// HTMLElement does not exist during SSR — this can run server-side.
|
|
73
|
+
if (typeof HTMLElement === 'undefined') return null
|
|
72
74
|
const el = (rootRef.value as unknown as { $el?: unknown })?.$el
|
|
73
75
|
return el instanceof HTMLElement ? el : null
|
|
74
76
|
}
|
|
@@ -26,6 +26,8 @@ const registry = inject(BUTTON_GROUP_REGISTER_KEY, null)
|
|
|
26
26
|
const itemRef = ref<InstanceType<typeof ToggleGroupItem> | null>(null)
|
|
27
27
|
|
|
28
28
|
function resolveEl (): HTMLElement | null {
|
|
29
|
+
// HTMLElement does not exist during SSR — this can run server-side.
|
|
30
|
+
if (typeof HTMLElement === 'undefined') return null
|
|
29
31
|
const el = (itemRef.value as unknown as { $el?: unknown })?.$el
|
|
30
32
|
return el instanceof HTMLElement ? el : null
|
|
31
33
|
}
|