@genexus/mercury 0.30.0 → 0.31.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/assets-manager.js +1 -1
- package/dist/bundles/css/all.css +1 -1
- package/dist/bundles/css/components/chat.css +1 -1
- package/dist/bundles/css/components/combo-box.css +1 -1
- package/dist/bundles/css/components/markdown-viewer.css +1 -1
- package/dist/bundles/css/components/paginator.css +1 -1
- package/dist/bundles/css/components/pills.css +1 -1
- package/dist/bundles/css/components/tabular-grid.css +1 -1
- package/dist/bundles/css/utils/form--full.css +1 -1
- package/dist/components/chat/actions.lit.js +3 -10
- package/dist/components/chat/code-block.lit.js +2 -30
- package/dist/components/chat/file.lit.js +36 -89
- package/dist/components/chat/mer-spinner.lit.js +1 -23
- package/dist/components/chat/render.lit.js +17 -51
- package/dist/components/chat/types.d.ts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +1 -1
- package/package.json +8 -9
|
@@ -1 +1 @@
|
|
|
1
|
-
.chat::part(header__time),.chat::part(send-input),.dropdown::part(action),.chat-live-audio-button,.dropdown.button-secondary::part(expandable-button),.chat::part(send-button),.chat::part(stop-response-button),.dropdown.button-primary::part(expandable-button),.chat::part(file-footer){line-height:var(--line-height-tight)}.chat::part(send-input),.dropdown::part(action),.chat-live-audio-button,.dropdown.button-secondary::part(expandable-button),.chat::part(send-button),.chat::part(stop-response-button),.dropdown.button-primary::part(expandable-button){font-size:var(--font-size-body-m)}.chat::part(header__time){font-size:var(--font-size-body-s)}.chat::part(file-footer){font-size:var(--font-size-body-xs)}.chat::part(send-input),.dropdown::part(action),.chat::part(file-footer){font-weight:var(--font-weight-regular)}.chat::part(message),.chat::part(assistant content waiting),.chat::part(action-button),.dropdown.button-tertiary::part(expandable-button){font-size:var(--font-size-body-m);line-height:var(--line-height-tight);font-weight:var(--font-weight-regular)}.chat-live-audio-button,.dropdown.button-secondary::part(expandable-button),.chat::part(send-button),.chat::part(stop-response-button),.dropdown.button-primary::part(expandable-button){font-weight:var(--font-weight-semi-bold)}.chat::part(header__time){font-weight:var(--font-weight-regular);font-style:italic}.chat::part(file format-file):focus-visible,.chat::part(send-input):focus,.dropdown::part(expandable-button):focus-visible,.dropdown::part(action):focus-visible,.chat::part(action-button):focus-visible,.dropdown.button-primary::part(expandable-button):focus-visible,.dropdown.button-tertiary::part(expandable-button):focus-visible,.chat-live-audio-button:focus-visible,.dropdown.button-secondary::part(expandable-button):focus-visible,.chat::part(send-button):focus-visible,.chat::part(stop-response-button):focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.chat::part(action-button),.dropdown.button-tertiary::part(expandable-button),.chat-live-audio-button,.dropdown.button-secondary::part(expandable-button),.chat::part(send-button),.chat::part(stop-response-button),.dropdown.button-primary::part(expandable-button){display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;justify-content:center;border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius);padding-block:var(--control__padding-block);padding-inline:var(--control__padding-inline);box-sizing:border-box;background-color:var(--button-background-color);color:var(--button-color)}.chat-live-audio-button:focus-visible,.dropdown.button-secondary::part(expandable-button):focus-visible,.chat::part(send-button):focus-visible,.chat::part(stop-response-button):focus-visible{--focus__outline-color: var(--mer-border-color__primary)}.dropdown.button-primary::part(expandable-button){--button-background-color: var(--mer-accent__primary);--control__border-color: var(--button-background-color);--button-color: var(--mer-text__on-primary);--button-color--enabled: var( --mer-text__on-primary );--button-color--active: var(--mer-text__on-primary--active)}.dropdown.button-primary::part(expandable-button):hover{--button-background-color: var(--mer-accent__primary--hover);--button-color: var(--mer-text__on-primary)}.dropdown.button-primary::part(expandable-button):active{--button-background-color: var(--mer-accent__primary--active);--button-color: var(--button-color--active)}.dropdown.button-primary::part(expandable-button):disabled{--button-background-color: var(--mer-accent__primary--disabled);--button-color: var(--mer-text__on-disabled)}.chat-live-audio-button,.dropdown.button-secondary::part(expandable-button),.chat::part(send-button),.chat::part(stop-response-button){--button-background-color: transparent;--control__border-color: var(--button-color);--button-color: var(--mer-text__neutral);--button-color--enabled: var(--mer-text__neutral);--button-color--active: var(--mer-text__on-primary--active)}.chat-live-audio-button:hover,.dropdown.button-secondary::part(expandable-button):hover,.chat::part(send-button):hover,.chat::part(stop-response-button):hover{--button-color: var(--mer-text__primary--hover)}.chat-live-audio-button:active,.dropdown.button-secondary::part(expandable-button):active,.chat::part(send-button):active,.chat::part(stop-response-button):active{--control__border-color: var(--mer-border-color__primary--active);--button-color: var(--button-color--active)}.chat-live-audio-button:disabled,.dropdown.button-secondary::part(expandable-button):disabled,.chat::part(send-button):disabled,.chat::part(stop-response-button):disabled{--button-color: var(--mer-text__on-disabled)}.chat::part(action-button),.dropdown.button-tertiary::part(expandable-button){--button-background-color: transparent;--control__border-color: transparent;--button-color: var(--mer-text__primary)}.chat::part(action-button):hover,.dropdown.button-tertiary::part(expandable-button):hover{--button-color: var(--mer-text__primary--hover)}.chat::part(action-button):active,.dropdown.button-tertiary::part(expandable-button):active{--button-color: var(--mer-text__primary--active)}.chat::part(action-button):disabled,.dropdown.button-tertiary::part(expandable-button):disabled{--button-color: var(--mer-text__on-disabled)}.chat::part(action-button),.chat-live-audio-button,.chat::part(send-button),.chat::part(stop-response-button){padding:calc((var(--control__block-size) - 2*var(--control__border-width) - var(--mer-icon__box--md))/2);border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius)}.dropdown.button-with-icon::part(expandable-button){display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--mer-spacing--xs)}.dropdown{display:contents !important}.dropdown::part(window){background-color:var(--elevation-background-color, var(--items-container__bg-color));border-color:var(--elevation-border-color, var(--items-container__border-color));padding-block:var(--items-container__padding-block);padding-inline:var(--items-container__padding-inline);border-style:var(--items-container__border-style);border-width:var(--items-container__border-width);box-shadow:var(--items-container__box-shadow);border-radius:var(--items-container__border-radius);gap:var(--items-container__gap)}.dropdown::part(action){--ch-dropdown-item__image-size: var(--mer-icon__box--md);background-color:var(--item__bg-color);border-color:var(--item__border-color);color:var(--item__color);border:var(--item__border-width) var(--item__border-style) var(--item__border-color);border-radius:var(--item__border-radius);padding-block:var(--item__padding-block);padding-inline:var(--item__padding-inline);gap:var(--item__gap--regular)}.dropdown::part(action):hover{--item__bg-color: var(--item__bg-color--hover);--item__border-color: var(--item__border-color--hover);--item__color: var(--item__color--hover)}.dropdown::part(action):active{--item__bg-color: var(--item__bg-color--selected);--item__border-color: var(--item__border-color--selected);--item__color: var(--item__color--selected)}.dropdown::part(action link){text-decoration:underline}.dropdown .dropdown-separator{margin-block:var(--spacing--s)}.dropdown::part(action expandable)::after{content:"";content:"";display:block;inline-size:var(--mer-icon__box--md);block-size:var(--mer-icon__box--md);background:no-repeat center/var(--mer-icon__size--md) var(--icon-path)}.dropdown::part(action expandable collapsed)::after{--icon-path: var(--icon__system_chevron-right_on-surface--enabled)}.dropdown::part(action expandable expanded)::after{--icon-path: var(--icon__system_chevron-right_highlighted--enabled)}.dropdown .header-slot,.dropdown .footer-slot{padding-block:var(--item__padding-block);padding-inline:var(--item__padding-inline)}.chat::part(send-input){--ch-edit-gap: var(--control__icon-gap);--ch-edit__image-size: var(--mer-icon__box--md);--ch-placeholder-color: var(--mer-color__neutral-gray--400);border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius);background-color:var(--control__bg-color);color:var(--control__color);--ch-placeholder-color: var(--control-placeholder__color);padding-block:var(--control__padding-block);padding-inline:var(--control__padding-inline)}.chat::part(send-input):hover{--control__border-color: var(--control__border-color--hover)}.chat{--font-weight-regular: 100;--line-height-tight: 1.4;--files-viewer-max-block-size: 0px;--files-viewer-margin-block-start: 0px}.chat::part(messages-container){gap:var(--mer-spacing--md);padding:var(--mer-spacing--md)}.chat::part(message){--message-content-border-color: transparent;color:var(--mer-color__neutral-gray--100)}.chat::part(header){align-items:center;display:flex;font-size:var(--font-size-body-s);justify-content:space-between;margin-block-end:var(--mer-spacing--xs)}.chat::part(header__start){align-items:center;display:flex;gap:var(--mer-spacing--xs)}.chat::part(header__avatar-container){position:relative;inline-size:26px;block-size:26px;display:flex;align-items:center;justify-content:center}.chat::part(header__avatar-border){position:absolute;overflow:hidden;inline-size:100%;block-size:100%;background:linear-gradient(90deg, var(--chat-avatar-border-color-from, var(--mer-color__chat-avatar-circle-from)) 0%, var(--chat-avatar-border-color-to, var(--mer-color__chat-avatar-circle-to)) 100%);border-radius:50%;-webkit-mask-image:radial-gradient(circle 12px at center, transparent 98%, black 100%)}.chat::part(header__avatar-image){position:absolute;display:block;inline-size:calc(100% - 6px);block-size:calc(100% - 6px);border-radius:50%;background-image:var(--chat-avatar-background-image, var(--icon__internal_assistant-fill_primary--active));background-color:var(--chat-avatar-background-color, var(--mer-color__primary--300));background-size:var(--chat-avatar-background-size, cover);background-repeat:no-repeat;background-position:center center}.chat::part(header__role){display:inline-grid;gap:6px;grid-template-columns:max-content max-content}.chat::part(header__role)::before{align-self:center;background-color:currentColor;block-size:var(--mer-spacing--2xs);border-radius:50%;content:"";display:grid;inline-size:var(--mer-spacing--2xs);justify-self:flex-end}.chat::part(header__time){color:var(--mer-color__neutral-gray--400)}.chat::part(message user){background-color:var(--mer-color__chat-message--user);inline-size:90%;max-inline-size:360px;justify-self:end}.chat::part(message user),.chat::part(assistant content success),.chat::part(assistant content warning),.chat::part(error content){padding:var(--mer-spacing--xs);border-radius:var(--mer-border__radius--sm)}.chat::part(assistant content success),.chat::part(assistant content warning),.chat::part(error content){display:grid;grid-template-columns:max-content 1fr;gap:var(--mer-spacing--sm);align-items:center}.chat::part(assistant content success)::before,.chat::part(assistant content warning)::before,.chat::part(error content)::before{block-size:var(--mer-spacing--md);content:"";display:grid;inline-size:var(--mer-spacing--md);justify-self:flex-end;background:var(--chat-message-icon) no-repeat center center/contain}.chat::part(error content){background-color:var(--mer-color__chat-message--error);--chat-message-icon: var(--icon__system_warning_error--enabled)}.chat::part(assistant content warning){background-color:var(--mer-color__chat-message--warning);--chat-message-icon: var(--icon__system_warning_warning--enabled)}.chat::part(assistant content success){background-color:var(--mer-color__chat-message--success);--chat-message-icon: var(--icon__system_check_success--enabled)}.chat::part(assistant content waiting){display:flex;gap:var(--mer-spacing--xs)}.chat::part(action-copy-message){--button-icon: var(--icon__system_copy_primary--enabled)}.chat::part(action-copy-message)::before{content:"";inline-size:var(--mer-icon__box--md);block-size:var(--mer-icon__box--md);display:grid;-webkit-mask:no-repeat center/100% var(--button-icon);background-color:currentColor}.chat::part(action-copy-message copying){--button-icon: var(--icon__system_check_on-elevation--enabled)}.chat::part(file-container){background-color:var(--mer-color__surface);border-radius:var(--mer-border__width--lg);border:var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--02);overflow:hidden;display:grid}.chat::part(file-container format-audio){--icon-path: var(--icon__system_headphones_on-surface--enabled)}.chat::part(file-container format-video){--icon-path: var(--icon__system_videocam_on-surface--enabled)}.chat::part(file-container format-image){--icon-path: var(--icon__system_photo_on-surface--enabled)}.chat::part(file-container format-file){--icon-path: var(--icon__system_detail_on-surface--enabled)}.chat::part(file){--file-item-default-block-size: 180px}.chat::part(file format-audio){padding:var(--mer-spacing--xs);justify-self:center}.chat::part(file format-video){inline-size:100%;block-size:auto}.chat::part(file format-file){--icon-path: var(--icon__system_launch_neutral--enabled);block-size:var(--file-item-default-block-size);position:relative;display:grid;align-items:center;justify-content:center}.chat::part(file format-file)::before{--file-format-icon-size: var(--mer-spacing--xl);--file-format-display: inline-block;content:"";display:inline-block;inline-size:var(--file-format-icon-size);block-size:var(--file-format-icon-size);background:no-repeat center/100% var(--icon-path)}.chat::part(file format-file):hover{--icon-path: var(--icon__system_launch_neutral--hover)}.chat::part(file format-file):active{--icon-path: var(--icon__system_launch_neutral--active)}.chat::part(file-footer){block-size:40px;padding-inline:var(--mer-spacing--sm);background-color:var(--mer-surface__elevation--01)}.chat::part(file-caption){display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat::part(file-footer){display:grid;align-items:center;justify-content:center;grid-template-columns:max-content 1fr;gap:var(--mer-spacing--xs)}.chat::part(file-footer)::before{--file-footer-format-icon-size: var(--mer-spacing--md);content:"";display:inline-block;inline-size:var(--file-footer-format-icon-size);block-size:var(--file-footer-format-icon-size);background:no-repeat center/100% var(--icon-path)}.chat::part(file-footer in-progress){grid-template-columns:max-content 1fr max-content}.chat>.chat-file-upload-menu>button,.dropdown.button-tertiary::part(expandable-button){grid-area:attach-files-button;margin-inline-end:var(--mer-spacing--xs);--icon-path: var(--icon__system_link_neutral--enabled)}.dropdown.button-tertiary::part(expandable-button):hover{--icon-path: var(--icon__system_link_neutral--hover)}.dropdown.button-tertiary::part(expandable-button):active{--icon-path: var(--icon__system_link_neutral--active)}.dropdown.button-tertiary::part(expandable-button)::before{content:"";display:block;inline-size:var(--mer-icon__box--md);block-size:var(--mer-icon__box--md);background:no-repeat center/var(--mer-icon__size--md) var(--icon-path);transform:rotate(90deg)}.chat:has([slot=chat-attached-files-viewer]){--files-viewer-max-block-size: 90px;--files-viewer-margin-block-start: var(--mer-spacing--xs);overflow:auto}.chat-attached-files-viewer{grid-area:files-viewer;max-block-size:var(--files-viewer-max-block-size);margin-block-start:var(--files-viewer-margin-block-start)}.chat::part(files-container){display:grid;grid-auto-rows:max-content;gap:var(--mer-spacing--xs);margin-block-start:var(--mer-spacing--xs)}.chat-live-audio-button{grid-area:live-audio-button;--icon-path: var(--icon__system_voice_neutral--enabled)}.chat-live-audio-button::before{content:"";display:block;inline-size:var(--mer-icon__box--md);block-size:var(--mer-icon__box--md);background:no-repeat center/var(--mer-icon__size--md) var(--icon-path)}.chat-live-audio-button:hover{--icon-path: var(--icon__system_voice_neutral--hover)}.chat-live-audio-button:active{--icon-path: var(--icon__system_voice_neutral--active)}.chat-live-audio-container{position:absolute;inline-size:100%;block-size:100%;inset-inline-start:0;inset-block-start:0}.chat::part(send-container){background-color:var(--mer-surface__elevation--02);border-radius:var(--mer-spacing--2xs);position:relative;margin:var(--mer-spacing--md)}.chat::part(send-container-additional-content-after){padding:var(--mer-spacing--xs)}.chat::part(send-input){max-block-size:calc(var(--mer-spacing--xs)*2 + var(--font-size-body-m)*var(--line-height-tight)*var(--chat-send-input-max-lines, 12) + var(--files-viewer-max-block-size) + var(--files-viewer-margin-block-start) + var(--control__block-size) + var(--mer-spacing--xs));padding:var(--mer-spacing--xs);border:none}.chat::part(send-input-after){display:grid;grid-template-areas:"attach-files-button . live-audio-button send-or-stop-button" "files-viewer files-viewer files-viewer files-viewer";grid-template-columns:max-content 1fr max-content max-content;grid-template-rows:max-content 1fr;grid-auto-rows:max-content;margin-block-start:var(--mer-spacing--xs)}.chat::part(send-button),.chat::part(stop-response-button){grid-area:send-or-stop-button;margin-inline-start:var(--mer-spacing--xs)}.chat::part(send-button){--icon-path: var(--icon__system_arrow-top_neutral--enabled)}.chat::part(send-button):hover{--icon-path: var(--icon__system_arrow-top_neutral--hover)}.chat::part(send-button):active{--icon-path: var(--icon__system_arrow-top_neutral--active)}.chat::part(send-button)::before,.chat::part(stop-response-button)::before{content:"";display:block;inline-size:var(--mer-icon__box--md);block-size:var(--mer-icon__box--md);background:no-repeat center/var(--mer-icon__size--md) var(--icon-path)}.chat::part(stop-response-button){--icon-path: var(--icon__system_cancel-circle_neutral--enabled)}.chat::part(stop-response-button):hover{--icon-path: var(--icon__system_cancel-circle_neutral--hover)}.chat::part(stop-response-button):active{--icon-path: var(--icon__system_cancel-circle_neutral--active)}
|
|
1
|
+
.chat::part(header__time),.chat::part(send-input),.dropdown::part(action),.chat-live-audio-button,.dropdown.button-secondary::part(expandable-button),.chat::part(send-button),.chat::part(stop-response-button),.dropdown.button-primary::part(expandable-button),.chat::part(file-footer){line-height:var(--line-height-tight)}.chat::part(send-input),.dropdown::part(action),.chat-live-audio-button,.dropdown.button-secondary::part(expandable-button),.chat::part(send-button),.chat::part(stop-response-button),.dropdown.button-primary::part(expandable-button){font-size:var(--font-size-body-m)}.chat::part(header__time){font-size:var(--font-size-body-s)}.chat::part(file-footer){font-size:var(--font-size-body-xs)}.chat::part(send-input),.dropdown::part(action),.chat::part(file-footer){font-weight:var(--font-weight-regular)}.chat::part(message),.chat::part(assistant content waiting),.chat::part(action-button),.dropdown.button-tertiary::part(expandable-button){font-size:var(--font-size-body-m);line-height:var(--line-height-tight);font-weight:var(--font-weight-regular)}.chat-live-audio-button,.dropdown.button-secondary::part(expandable-button),.chat::part(send-button),.chat::part(stop-response-button),.dropdown.button-primary::part(expandable-button){font-weight:var(--font-weight-semi-bold)}.chat::part(header__time){font-weight:var(--font-weight-regular);font-style:italic}.chat::part(file format-file):focus-visible,.chat::part(send-input):focus,.dropdown::part(expandable-button):focus-visible,.dropdown::part(action):focus-visible,.chat::part(action-button):focus-visible,.dropdown.button-primary::part(expandable-button):focus-visible,.dropdown.button-tertiary::part(expandable-button):focus-visible,.chat-live-audio-button:focus-visible,.dropdown.button-secondary::part(expandable-button):focus-visible,.chat::part(send-button):focus-visible,.chat::part(stop-response-button):focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.chat::part(action-button),.dropdown.button-tertiary::part(expandable-button),.chat-live-audio-button,.dropdown.button-secondary::part(expandable-button),.chat::part(send-button),.chat::part(stop-response-button),.dropdown.button-primary::part(expandable-button){display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;justify-content:center;border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius);padding-block:var(--control__padding-block);padding-inline:var(--control__padding-inline);box-sizing:border-box;background-color:var(--button-background-color);color:var(--button-color)}.chat-live-audio-button:focus-visible,.dropdown.button-secondary::part(expandable-button):focus-visible,.chat::part(send-button):focus-visible,.chat::part(stop-response-button):focus-visible{--focus__outline-color: var(--mer-border-color__primary)}.dropdown.button-primary::part(expandable-button){--button-background-color: var(--mer-accent__primary);--control__border-color: var(--button-background-color);--button-color: var(--mer-text__on-primary);--button-color--enabled: var( --mer-text__on-primary );--button-color--active: var(--mer-text__on-primary--active)}.dropdown.button-primary::part(expandable-button):hover{--button-background-color: var(--mer-accent__primary--hover);--button-color: var(--mer-text__on-primary)}.dropdown.button-primary::part(expandable-button):active{--button-background-color: var(--mer-accent__primary--active);--button-color: var(--button-color--active)}.dropdown.button-primary::part(expandable-button):disabled{--button-background-color: var(--mer-accent__primary--disabled);--button-color: var(--mer-text__on-disabled)}.chat-live-audio-button,.dropdown.button-secondary::part(expandable-button),.chat::part(send-button),.chat::part(stop-response-button){--button-background-color: transparent;--control__border-color: var(--button-color);--button-color: var(--mer-text__neutral);--button-color--enabled: var(--mer-text__neutral);--button-color--active: var(--mer-text__on-primary--active)}.chat-live-audio-button:hover,.dropdown.button-secondary::part(expandable-button):hover,.chat::part(send-button):hover,.chat::part(stop-response-button):hover{--button-color: var(--mer-text__primary--hover)}.chat-live-audio-button:active,.dropdown.button-secondary::part(expandable-button):active,.chat::part(send-button):active,.chat::part(stop-response-button):active{--control__border-color: var(--mer-border-color__primary--active);--button-color: var(--button-color--active)}.chat-live-audio-button:disabled,.dropdown.button-secondary::part(expandable-button):disabled,.chat::part(send-button):disabled,.chat::part(stop-response-button):disabled{--button-color: var(--mer-text__on-disabled)}.chat::part(action-button),.dropdown.button-tertiary::part(expandable-button){--button-background-color: transparent;--control__border-color: transparent;--button-color: var(--mer-text__primary)}.chat::part(action-button):hover,.dropdown.button-tertiary::part(expandable-button):hover{--button-color: var(--mer-text__primary--hover)}.chat::part(action-button):active,.dropdown.button-tertiary::part(expandable-button):active{--button-color: var(--mer-text__primary--active)}.chat::part(action-button):disabled,.dropdown.button-tertiary::part(expandable-button):disabled{--button-color: var(--mer-text__on-disabled)}.chat::part(action-button),.chat-live-audio-button,.chat::part(send-button),.chat::part(stop-response-button){padding:calc((var(--control__block-size) - 2*var(--control__border-width) - var(--mer-icon__box--md))/2);border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius)}.dropdown.button-with-icon::part(expandable-button){display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--mer-spacing--xs)}.dropdown{display:contents !important}.dropdown::part(window){background-color:var(--elevation-background-color, var(--items-container__bg-color));border-color:var(--elevation-border-color, var(--items-container__border-color));padding-block:var(--items-container__padding-block);padding-inline:var(--items-container__padding-inline);border-style:var(--items-container__border-style);border-width:var(--items-container__border-width);box-shadow:var(--items-container__box-shadow);border-radius:var(--items-container__border-radius);gap:var(--items-container__gap)}.dropdown::part(action){--ch-dropdown-item__image-size: var(--mer-icon__box--md);background-color:var(--item__bg-color);border-color:var(--item__border-color);color:var(--item__color);border:var(--item__border-width) var(--item__border-style) var(--item__border-color);border-radius:var(--item__border-radius);padding-block:var(--item__padding-block);padding-inline:var(--item__padding-inline);gap:var(--item__gap--regular)}.dropdown::part(action):hover{--item__bg-color: var(--item__bg-color--hover);--item__border-color: var(--item__border-color--hover);--item__color: var(--item__color--hover)}.dropdown::part(action):active{--item__bg-color: var(--item__bg-color--selected);--item__border-color: var(--item__border-color--selected);--item__color: var(--item__color--selected)}.dropdown::part(action link){text-decoration:underline}.dropdown .dropdown-separator{margin-block:var(--spacing--s)}.dropdown::part(action expandable)::after{content:"";content:"";display:block;inline-size:var(--mer-icon__box--md);block-size:var(--mer-icon__box--md);background:no-repeat center/var(--mer-icon__size--md) var(--icon-path)}.dropdown::part(action expandable collapsed)::after{--icon-path: var(--icon__system_chevron-right_on-surface--enabled)}.dropdown::part(action expandable expanded)::after{--icon-path: var(--icon__system_chevron-right_highlighted--enabled)}.dropdown .header-slot,.dropdown .footer-slot{padding-block:var(--item__padding-block);padding-inline:var(--item__padding-inline)}.chat::part(send-input){--ch-edit-gap: var(--control__icon-gap);--ch-edit__image-size: var(--mer-icon__box--md);--ch-placeholder-color: var(--mer-color__neutral-gray--400);border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius);background-color:var(--control__bg-color);color:var(--control__color);--ch-placeholder-color: var(--control-placeholder__color);padding-block:var(--control__padding-block);padding-inline:var(--control__padding-inline)}.chat::part(send-input):hover{--control__border-color: var(--control__border-color--hover)}.chat{--font-weight-regular: 100;--line-height-tight: 1.4;--files-viewer-max-block-size: 0px;--files-viewer-margin-block-start: 0px}.chat::part(messages-container){gap:var(--mer-spacing--md);padding:var(--mer-spacing--md)}.chat::part(message){--message-content-border-color: transparent;color:var(--mer-color__neutral-gray--100)}.chat::part(header){align-items:center;display:flex;font-size:var(--font-size-body-s);justify-content:space-between;margin-block-end:var(--mer-spacing--xs)}.chat::part(header__start){align-items:center;display:flex;gap:var(--mer-spacing--xs)}.chat::part(header__avatar-container){position:relative;inline-size:26px;block-size:26px;display:flex;align-items:center;justify-content:center}.chat::part(header__avatar-border){position:absolute;overflow:hidden;inline-size:100%;block-size:100%;background:linear-gradient(90deg, var(--chat-avatar-border-color-from, var(--mer-color__chat-avatar-circle-from)) 0%, var(--chat-avatar-border-color-to, var(--mer-color__chat-avatar-circle-to)) 100%);border-radius:50%;-webkit-mask-image:radial-gradient(circle 12px at center, transparent 98%, black 100%)}.chat::part(header__avatar-image){position:absolute;display:block;inline-size:calc(100% - 6px);block-size:calc(100% - 6px);border-radius:50%;background-image:var(--chat-avatar-background-image, var(--icon__internal_assistant-fill_primary--active));background-color:var(--chat-avatar-background-color, var(--mer-color__primary--300));background-size:var(--chat-avatar-background-size, cover);background-repeat:no-repeat;background-position:center center}.chat::part(header__role){display:inline-grid;gap:6px;grid-template-columns:max-content max-content}.chat::part(header__role)::before{align-self:center;background-color:currentColor;block-size:var(--mer-spacing--2xs);border-radius:50%;content:"";display:grid;inline-size:var(--mer-spacing--2xs);justify-self:flex-end}.chat::part(header__time){color:var(--mer-color__neutral-gray--400)}.chat::part(message user){background-color:var(--mer-color__chat-message--user);inline-size:90%;max-inline-size:360px;justify-self:end}.chat::part(message user),.chat::part(assistant content success),.chat::part(assistant content warning),.chat::part(error content){padding:var(--mer-spacing--xs);border-radius:var(--mer-border__radius--sm)}.chat::part(assistant content success),.chat::part(assistant content warning),.chat::part(error content){display:grid;grid-template-columns:max-content 1fr;gap:var(--mer-spacing--sm);align-items:center}.chat::part(assistant content success)::before,.chat::part(assistant content warning)::before,.chat::part(error content)::before{block-size:var(--mer-spacing--md);content:"";display:grid;inline-size:var(--mer-spacing--md);justify-self:flex-end;background:var(--chat-message-icon) no-repeat center center/contain}.chat::part(error content){background-color:var(--mer-color__chat-message--error);--chat-message-icon: var(--icon__system_warning_error--enabled)}.chat::part(assistant content warning){background-color:var(--mer-color__chat-message--warning);--chat-message-icon: var(--icon__system_warning_warning--enabled)}.chat::part(assistant content success){background-color:var(--mer-color__chat-message--success);--chat-message-icon: var(--icon__system_check_success--enabled)}.chat::part(assistant content waiting){display:flex;gap:var(--mer-spacing--xs)}.chat::part(action-copy-message){--button-icon: var(--icon__system_copy_primary--enabled)}.chat::part(action-copy-message)::before{content:"";inline-size:var(--mer-icon__box--md);block-size:var(--mer-icon__box--md);display:grid;-webkit-mask:no-repeat center/100% var(--button-icon);background-color:currentColor}.chat::part(action-copy-message copying){--button-icon: var(--icon__system_check_on-elevation--enabled)}.chat::part(file-container){background-color:var(--mer-color__surface);border-radius:var(--mer-border__width--lg);border:var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--02);overflow:hidden;display:grid}.chat::part(file-container format-audio){--icon-path: var(--icon__system_headphones_on-surface--enabled)}.chat::part(file-container format-video){--icon-path: var(--icon__system_videocam_on-surface--enabled)}.chat::part(file-container format-image){--icon-path: var(--icon__system_photo_on-surface--enabled)}.chat::part(file-container format-file){--icon-path: var(--icon__system_detail_on-surface--enabled)}.chat::part(file){--file-item-default-block-size: 180px}.chat::part(file format-audio){padding:var(--mer-spacing--xs);justify-self:center}.chat::part(file format-video){inline-size:100%;block-size:auto}.chat::part(file format-file){--icon-path: var(--icon__system_launch_neutral--enabled);block-size:var(--file-item-default-block-size);position:relative;display:grid;align-items:center;justify-content:center}.chat::part(file format-file)::before{--file-format-icon-size: var(--mer-spacing--xl);--file-format-display: inline-block;content:"";display:inline-block;inline-size:var(--file-format-icon-size);block-size:var(--file-format-icon-size);background:no-repeat center/100% var(--icon-path)}.chat::part(file format-file):hover{--icon-path: var(--icon__system_launch_neutral--hover)}.chat::part(file format-file):active{--icon-path: var(--icon__system_launch_neutral--active)}.chat::part(file-footer){block-size:40px;padding-inline:var(--mer-spacing--sm);background-color:var(--mer-surface__elevation--01)}.chat::part(file-caption){display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat::part(file-footer){display:grid;align-items:center;justify-content:center;grid-template-columns:max-content 1fr;gap:var(--mer-spacing--xs)}.chat::part(file-footer)::before{--file-footer-format-icon-size: var(--mer-spacing--md);content:"";display:inline-block;inline-size:var(--file-footer-format-icon-size);block-size:var(--file-footer-format-icon-size);background:no-repeat center/100% var(--icon-path)}.chat::part(file-footer in-progress){grid-template-columns:max-content 1fr max-content}.chat>.chat-file-upload-menu>button,.dropdown.button-tertiary::part(expandable-button){grid-area:attach-files-button;margin-inline-end:var(--mer-spacing--xs);--icon-path: var(--icon__system_link_neutral--enabled)}.dropdown.button-tertiary::part(expandable-button):hover{--icon-path: var(--icon__system_link_neutral--hover)}.dropdown.button-tertiary::part(expandable-button):active{--icon-path: var(--icon__system_link_neutral--active)}.dropdown.button-tertiary::part(expandable-button)::before{content:"";display:block;inline-size:var(--mer-icon__box--md);block-size:var(--mer-icon__box--md);background:no-repeat center/var(--mer-icon__size--md) var(--icon-path);transform:rotate(90deg)}.chat:has([slot=chat-attached-files-viewer]){--files-viewer-max-block-size: 90px;--files-viewer-margin-block-start: var(--mer-spacing--xs);overflow:auto}.chat-attached-files-viewer{grid-area:files-viewer;max-block-size:var(--files-viewer-max-block-size);margin-block-start:var(--files-viewer-margin-block-start)}.chat::part(files-container){display:grid;grid-auto-rows:max-content;gap:var(--mer-spacing--xs);margin-block-start:var(--mer-spacing--xs)}.chat-live-audio-button{grid-area:live-audio-button;--icon-path: var(--icon__system_voice_neutral--enabled)}.chat-live-audio-button::before{content:"";display:block;inline-size:var(--mer-icon__box--md);block-size:var(--mer-icon__box--md);background:no-repeat center/var(--mer-icon__size--md) var(--icon-path)}.chat-live-audio-button:hover{--icon-path: var(--icon__system_voice_neutral--hover)}.chat-live-audio-button:active{--icon-path: var(--icon__system_voice_neutral--active)}.chat-live-audio-container{position:absolute;inline-size:100%;block-size:100%;inset-inline-start:0;inset-block-start:0}.chat::part(send-container){background-color:var(--mer-surface__elevation--02);border-radius:var(--mer-spacing--2xs);position:relative;margin:var(--mer-spacing--md)}.chat::part(send-container-additional-content-after){padding:var(--mer-spacing--xs)}.chat::part(send-input){max-block-size:calc(var(--mer-spacing--xs)*2 + var(--font-size-body-m)*var(--line-height-tight)*var(--chat-send-input-max-lines, 12) + var(--files-viewer-max-block-size) + var(--files-viewer-margin-block-start) + var(--control__block-size) + var(--mer-spacing--xs));padding:var(--mer-spacing--xs);border:none}.chat::part(send-input-after){display:grid;grid-template-areas:"attach-files-button . live-audio-button send-or-stop-button" "files-viewer files-viewer files-viewer files-viewer";grid-template-columns:max-content 1fr max-content max-content;grid-template-rows:max-content 1fr;grid-auto-rows:max-content;margin-block-start:var(--mer-spacing--xs)}.chat::part(send-button),.chat::part(stop-response-button){grid-area:send-or-stop-button;margin-inline-start:var(--mer-spacing--xs)}.chat::part(send-button){--icon-path: var(--icon__system_arrow-top_neutral--enabled)}.chat::part(send-button):hover{--icon-path: var(--icon__system_arrow-top_neutral--hover)}.chat::part(send-button):active{--icon-path: var(--icon__system_arrow-top_neutral--active)}.chat::part(send-button)::before,.chat::part(stop-response-button)::before{content:"";display:block;inline-size:var(--mer-icon__box--md);block-size:var(--mer-icon__box--md);background:no-repeat center/var(--mer-icon__size--md) var(--icon-path)}.chat::part(stop-response-button){--icon-path: var(--icon__system_cancel-circle_neutral--enabled)}.chat::part(stop-response-button):hover{--icon-path: var(--icon__system_cancel-circle_neutral--hover)}.chat::part(stop-response-button):active{--icon-path: var(--icon__system_cancel-circle_neutral--active)}.chat::part(content),.chat::part(content-container user){white-space:break-spaces}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.combo-box,.combo-box[part=ch-combo-box-render--placeholder]{line-height:var(--line-height-tight)}.combo-box,.combo-box[part=ch-combo-box-render--placeholder]{font-size:var(--font-size-body-m)}.combo-box{font-weight:var(--font-weight-regular)}.combo-box[part=ch-combo-box-render--placeholder]{font-weight:var(--font-weight-regular);font-style:italic}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.combo-box{--ch-combo-box-separation-y: var(--mer-spacing--3xs);--ch-combo-box-item-gap: var(--mer-spacing--xs);--ch-combo-box-item__image-size: var(--mer-icon__box--md);--ch-combo-box-item__background-image-size: 100%;--ch-combo-box-group__expandable-button-size: var(--mer-spacing--md);--ch-combo-box-group__expandable-button-image-size: var(--mer-spacing--sm);--ch-combo-box__picker-size: var(--mer-icon__box--md);border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius);background-color:var(--control__bg-color);color:var(--control__color);--ch-placeholder-color: var(--control-placeholder__color);padding-block:var(--control__padding-block);padding-inline:var(--control__padding-inline)}.combo-box:hover{--control__border-color: var(--control__border-color--hover)}.combo-box:focus{border-color:var(--borders-un-border-color__focused)}.combo-box.ch-disabled{--control__bg-color: var(--control__background-color--disabled);--control__border-color: var(--control__border-color--disabled);--control__color: var(--control__color--disabled);--ch-placeholder-color: var(--control-placeholder__color--disabled)}.combo-box-error{--control__border-color: var(--control__border-color--error)}.combo-box::after{--icon-path: var(--icon__system_chevron-small-down_bright--enabled);background:no-repeat center/var(--mer-icon__size--md) var(--icon-path);-webkit-mask:none;mask:none}.combo-box.ch-disabled::after{--icon-path: var(--icon__system_chevron-small-down_on-disabled--enabled)}.combo-box::part(window){border-style:var(--items-container__border-style);border-width:var(--items-container__border-width);border-radius:var(--items-container__border-radius);background-color:var(--elevation-background-color, var(--items-container__bg-color));border-color:var(--elevation-border-color, var(--items-container__border-color));padding-block:var(--items-container__padding-block);padding-inline:var(--items-container__padding-inline);gap:var(--items-container__gap);
|
|
1
|
+
.combo-box,.combo-box[part=ch-combo-box-render--placeholder]{line-height:var(--line-height-tight)}.combo-box,.combo-box[part=ch-combo-box-render--placeholder]{font-size:var(--font-size-body-m)}.combo-box{font-weight:var(--font-weight-regular)}.combo-box[part=ch-combo-box-render--placeholder]{font-weight:var(--font-weight-regular);font-style:italic}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.combo-box{--ch-combo-box-separation-y: var(--mer-spacing--3xs);--ch-combo-box-item-gap: var(--mer-spacing--xs);--ch-combo-box-item__image-size: var(--mer-icon__box--md);--ch-combo-box-item__background-image-size: 100%;--ch-combo-box-group__expandable-button-size: var(--mer-spacing--md);--ch-combo-box-group__expandable-button-image-size: var(--mer-spacing--sm);--ch-combo-box__picker-size: var(--mer-icon__box--md);--ch-combo-box__popover-max-block-size: var( --items-container__max-block-size );border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius);background-color:var(--control__bg-color);color:var(--control__color);--ch-placeholder-color: var(--control-placeholder__color);padding-block:var(--control__padding-block);padding-inline:var(--control__padding-inline)}.combo-box:hover{--control__border-color: var(--control__border-color--hover)}.combo-box:focus{border-color:var(--borders-un-border-color__focused)}.combo-box.ch-disabled{--control__bg-color: var(--control__background-color--disabled);--control__border-color: var(--control__border-color--disabled);--control__color: var(--control__color--disabled);--ch-placeholder-color: var(--control-placeholder__color--disabled)}.combo-box-error{--control__border-color: var(--control__border-color--error)}.combo-box::after{--icon-path: var(--icon__system_chevron-small-down_bright--enabled);background:no-repeat center/var(--mer-icon__size--md) var(--icon-path);-webkit-mask:none;mask:none}.combo-box.ch-disabled::after{--icon-path: var(--icon__system_chevron-small-down_on-disabled--enabled)}.combo-box::part(window){border-style:var(--items-container__border-style);border-width:var(--items-container__border-width);border-radius:var(--items-container__border-radius);background-color:var(--elevation-background-color, var(--items-container__bg-color));border-color:var(--elevation-border-color, var(--items-container__border-color));padding-block:var(--items-container__padding-block);padding-inline:var(--items-container__padding-inline);gap:var(--items-container__gap);box-shadow:var(--items-container__box-shadow);font-style:normal}.combo-box::part(group__header){background-color:var(--item__bg-color);border-color:var(--item__border-color);color:var(--item__color);padding-block:var(--item__padding-block);padding-inline:var(--item__padding-inline)}.combo-box::part(group__header expandable){background-color:var(--item__bg-color);border-color:var(--item__border-color);color:var(--item__color);padding-block:var(--item__padding-block);padding-inline:var(--item__padding-inline);border-radius:var(--item__border-radius)}.combo-box::part(group__header expandable):hover{--item__color: var(--mer-accent__primary)}.combo-box::part(group__header disabled){--item__bg-color: var(--item__bg-color--disabled);--item__border-color: var(--item__border-color--disabled);--item__color: var(--item__color--disabled)}.combo-box::part(group){gap:var(--items-container__gap)}.combo-box::part(group__content){gap:var(--items-container__gap)}.combo-box::part(item){background-color:var(--item__bg-color);border-color:var(--item__border-color);color:var(--item__color);border:var(--item__border-width) var(--item__border-style) var(--item__border-color);border-radius:var(--item__border-radius);padding-block:var(--item__padding-block);padding-inline:var(--item__padding-inline)}.combo-box::part(item nested){padding-inline-start:calc(var(--ch-combo-box-item-gap) + var(--ch-combo-box-group__expandable-button-size) + var(--item__padding-inline))}.combo-box::part(item selected){--item__bg-color: var(--item__bg-color--selected);--item__border-color: var(--item__border-color--selected);--item__color: var(--item__color--selected)}.combo-box::part(item disabled){--item__bg-color: var(--item__bg-color--disabled);--item__border-color: var(--item__border-color--disabled);--item__color: var(--item__color--disabled)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
h6,h5,h4,h3,h2,h1{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}h1{font-size:var(--font-size-header-h2)}h2{font-size:var(--font-size-header-h3)}h3{font-size:var(--font-size-header-h4)}h4{font-size:var(--font-size-header-h5)}h5{font-size:var(--font-size-header-h6)}span[part=code-block__header-caption]{line-height:var(--line-height-tight)}span[part=code-block__header-caption]{font-size:var(--font-size-body-xs)}span[part=code-block__header-caption]{font-weight:var(--font-weight-regular)}:host,button[part~=code-block__button--icon-only]{font-size:var(--font-size-body-m);line-height:var(--line-height-tight);font-weight:var(--font-weight-regular)}a,.link{color:var(--mer-text__primary);text-decoration-line:underline}button[part~=code-block__button--icon-only]:focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}button[part~=code-block__button--icon-only]{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;justify-content:center;border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius);padding-block:var(--control__padding-block);padding-inline:var(--control__padding-inline);box-sizing:border-box;background-color:var(--button-background-color);color:var(--button-color)}button[part~=code-block__button--icon-only]{--button-background-color: transparent;--control__border-color: transparent;--button-color: var(--mer-text__primary)}button[part~=code-block__button--icon-only]:hover{--button-color: var(--mer-text__primary--hover)}button[part~=code-block__button--icon-only]:active{--button-color: var(--mer-text__primary--active)}button[part~=code-block__button--icon-only]:disabled{--button-color: var(--mer-text__on-disabled)}button[part~=code-block__button--icon-only]{padding:calc((var(--control__block-size) - 2*var(--control__border-width) - var(--mer-icon__box--md))/2);border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius)}ch-markdown-viewer-lit{display:block}ch-markdown-viewer-lit>:first-child{margin-block-start:0 !important}ch-markdown-viewer-lit>:last-child{margin-block-end:0 !important}h1{margin-block:var(--mer-spacing--md) var(--mer-spacing--xs);padding-block-end:var(--mer-spacing--xs)}h2{margin-block:var(--mer-spacing--sm) 6px;padding-block-end:6px}h3{margin-block:var(--mer-spacing--xs) var(--mer-spacing--2xs);padding-block-end:var(--mer-spacing--2xs)}h4{margin-block:var(--mer-spacing--2xs) var(--mer-spacing--3xs);padding-block-end:var(--mer-spacing--3xs)}h5{margin-block:var(--mer-spacing--2xs) var(--mer-spacing--3xs);padding-block-end:var(--mer-spacing--3xs)}h6{font-size:16px;margin-block:var(--mer-spacing--2xs) var(--mer-spacing--3xs);padding-block-end:var(--mer-spacing--3xs)}h1,h2,h3,h4,h5,h6{border-block-end:1px solid var(--mer-border-color__on-surface)}p,ul,ol,table,ch-code{margin-block:var(--mer-spacing--xs)}ul,ol{padding-inline-start:var(--mer-spacing--xl)}blockquote{margin-block:var(--mer-spacing--xs);padding-block:var(--mer-spacing--xs);padding-inline:calc(var(--mer-spacing--xl) - 4px) var(--mer-spacing--xl);border-inline-start:4px solid var(--mer-color__primary--400)}blockquote>p:first-of-type{margin-block-start:0}blockquote>p:last-of-type{margin-block-end:0}strong{font-weight:var(--font-weight-bold)}tr{border:1px solid var(--mer-border-color__on-surface)}th,td{padding:var(--mer-spacing--xs);border-inline-start:1px solid var(--mer-border-color__on-surface)}tr>td:first-child,tr>th:first-child{border-inline-start:unset}thead>tr,tbody>tr:nth-child(2n){background-color:var(--mer-color__neutral-gray--700)}.code-block-container{position:relative}.code-block-header{display:grid;grid-auto-columns:max-content;grid-auto-flow:column;justify-content:flex-end;position:absolute;inset-block-start:var(--mer-spacing--md);inset-inline-end:var(--mer-spacing--xs);background-color:var(--mer-surface__elevation--01);border-radius:var(--mer-border__radius--xs)}button[part~=code-block__button--icon-only]::before{content:"";inline-size:var(--mer-icon__box--md);block-size:var(--mer-icon__box--md);content:"";display:grid;-webkit-mask:no-repeat center/100% var(--button-icon);background-color:currentColor}button[part~=code-block__copy-code-button]::before{--button-icon: var(--icon__system_copy_primary--enabled)}button[part~=code-block__copy-code-button][part~=copying]::before{--button-icon: var(--icon__system_check_on-elevation--enabled)}button[part~=code-block__download-code-button]::before{--button-icon: var(--icon__system_download_primary--enabled)}ch-code{border:1px solid var(--mer-border-color__on-surface);border-radius:4px;padding:var(--mer-spacing--md)}ch-code{--code__color-base: var(--mer-text__on-surface);--code__color-blue: var(--mer-color__primary--400);--code__color-light-blue: var(--mer-color__primary--200);--code__color-red: var(--mer-color__message-red--200);--code__color-green: var(--mer-color__message-green--200);--code__bg-color: var(--mer-surface__elevation--01);--code__border: var(--mer-border__width--sm) solid var(--mer-surface__elevation--03);--code__border-radius: var(--mer-border__radius--sm);--code__padding: var(--mer-spacing--xs) var(--mer-spacing--sm);--ch-code__doctag: var(--code__color-blue);--ch-code__keyword: var(--code__color-blue);--ch-code__meta__keyword: var(--code__color-blue);--ch-code__template-tag: var(--code__color-blue);--ch-code__template-variable: var(--code__color-blue);--ch-code__type: var(--code__color-blue);--ch-code__variable-language: var(--code__color-blue);--ch-code__title: var(--code__color-base);--ch-code__title-class: var(--code__color-base);--ch-code__title-class-inherited: var(--code__color-base);--ch-code__title-function: var(--code__color-base);--ch-code__attr: var(--code__color-blue);--ch-code__attribute: var(--code__color-blue);--ch-code__literal: var(--code__color-blue);--ch-code__meta: var(--code__color-blue);--ch-code__number: var(--code__color-blue);--ch-code__operator: var(--code__color-blue);--ch-code__variable: var(--code__color-blue);--ch-code__selector-attr: var(--code__color-blue);--ch-code__selector-class: var(--code__color-blue);--ch-code__selector-id: var(--code__color-blue);--ch-code__regexp: var(--code__color-green);--ch-code__string: var(--code__color-green);--ch-code__meta__string: var(--code__color-green);--ch-code__built-in: var(--code__color-green);--ch-code__symbol: #e36209;--ch-code__comment: var(--code__color-green);--ch-code__code: var(--code__color-green);--ch-code__formula: var(--code__color-green);--ch-code__name: var(--code__color-light-blue);--ch-code__quote: var(--code__color-light-blue);--ch-code__selector-tag: var(--code__color-light-blue);--ch-code__selector-pseudo: var(--code__color-light-blue);--ch-code__subst: #24292e;padding:var(--code__padding);background-color:var(--code__bg-color);border:var(--code__border);border-radius:var(--code__border-radius);font-size:13px;line-height:1.55em;overflow:auto}code{padding-block:var(--mer-spacing--3xs);padding-inline:var(--mer-spacing--2xs);background-color:var(--mer-elevation__bg-color--01);border-radius:2px;font-size:calc(1em - 2px)}img{display:inline-block;max-inline-size:25%}:host>:first-child,ch-theme+*{margin-block-start:0px}:host>:last-child{margin-block-end:0px}ch-code[part=code-block__content]{--code__border: none;--code__bg-color: transparent;margin:0}span[part=code-block__header-caption]{display:flex;align-items:center;padding-inline-start:var(--mer-spacing--sm);text-transform:uppercase}div[part=code-block]{border:var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01);border-radius:var(--mer-border__radius--sm);background-color:var(--mer-surface);margin-block:var(--mer-spacing--xs)}
|
|
1
|
+
h6,h5,h4,h3,h2,h1{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}h1{font-size:var(--font-size-header-h2)}h2{font-size:var(--font-size-header-h3)}h3{font-size:var(--font-size-header-h4)}h4{font-size:var(--font-size-header-h5)}h5{font-size:var(--font-size-header-h6)}span[part=code-block__header-caption]{line-height:var(--line-height-tight)}span[part=code-block__header-caption]{font-size:var(--font-size-body-xs)}span[part=code-block__header-caption]{font-weight:var(--font-weight-regular)}:host,button[part~=code-block__button--icon-only]{font-size:var(--font-size-body-m);line-height:var(--line-height-tight);font-weight:var(--font-weight-regular)}a,.link{color:var(--mer-text__primary);text-decoration-line:underline}button[part~=code-block__button--icon-only]:focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}button[part~=code-block__button--icon-only]{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;justify-content:center;border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius);padding-block:var(--control__padding-block);padding-inline:var(--control__padding-inline);box-sizing:border-box;background-color:var(--button-background-color);color:var(--button-color)}button[part~=code-block__button--icon-only]{--button-background-color: transparent;--control__border-color: transparent;--button-color: var(--mer-text__primary)}button[part~=code-block__button--icon-only]:hover{--button-color: var(--mer-text__primary--hover)}button[part~=code-block__button--icon-only]:active{--button-color: var(--mer-text__primary--active)}button[part~=code-block__button--icon-only]:disabled{--button-color: var(--mer-text__on-disabled)}button[part~=code-block__button--icon-only]{padding:calc((var(--control__block-size) - 2*var(--control__border-width) - var(--mer-icon__box--md))/2);border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius)}ch-markdown-viewer-lit{display:block}ch-markdown-viewer-lit>:first-child{margin-block-start:0 !important}ch-markdown-viewer-lit>:last-child{margin-block-end:0 !important}h1{margin-block:var(--mer-spacing--md) var(--mer-spacing--xs);padding-block-end:var(--mer-spacing--xs)}h2{margin-block:var(--mer-spacing--sm) 6px;padding-block-end:6px}h3{margin-block:var(--mer-spacing--xs) var(--mer-spacing--2xs);padding-block-end:var(--mer-spacing--2xs)}h4{margin-block:var(--mer-spacing--2xs) var(--mer-spacing--3xs);padding-block-end:var(--mer-spacing--3xs)}h5{margin-block:var(--mer-spacing--2xs) var(--mer-spacing--3xs);padding-block-end:var(--mer-spacing--3xs)}h6{font-size:16px;margin-block:var(--mer-spacing--2xs) var(--mer-spacing--3xs);padding-block-end:var(--mer-spacing--3xs)}h1,h2,h3,h4,h5,h6{border-block-end:1px solid var(--mer-border-color__on-surface)}p,ul,ol,table,ch-code{margin-block:var(--mer-spacing--xs)}ul,ol{padding-inline-start:var(--mer-spacing--xl)}blockquote{margin-block:var(--mer-spacing--xs);padding-block:var(--mer-spacing--xs);padding-inline:calc(var(--mer-spacing--xl) - 4px) var(--mer-spacing--xl);border-inline-start:4px solid var(--mer-color__primary--400)}blockquote>p:first-of-type{margin-block-start:0}blockquote>p:last-of-type{margin-block-end:0}strong{font-weight:var(--font-weight-bold)}tr{border:1px solid var(--mer-border-color__on-surface)}th,td{padding:var(--mer-spacing--xs);border-inline-start:1px solid var(--mer-border-color__on-surface)}tr>td:first-child,tr>th:first-child{border-inline-start:unset}thead>tr,tbody>tr:nth-child(2n){background-color:var(--mer-color__neutral-gray--700)}.code-block-container{position:relative}.code-block-header{display:grid;grid-auto-columns:max-content;grid-auto-flow:column;justify-content:flex-end;position:absolute;inset-block-start:var(--mer-spacing--md);inset-inline-end:var(--mer-spacing--xs);background-color:var(--mer-surface__elevation--01);border-radius:var(--mer-border__radius--xs)}button[part~=code-block__button--icon-only]::before{content:"";inline-size:var(--mer-icon__box--md);block-size:var(--mer-icon__box--md);content:"";display:grid;-webkit-mask:no-repeat center/100% var(--button-icon);background-color:currentColor}button[part~=code-block__copy-code-button]::before{--button-icon: var(--icon__system_copy_primary--enabled)}button[part~=code-block__copy-code-button][part~=copying]::before{--button-icon: var(--icon__system_check_on-elevation--enabled)}button[part~=code-block__download-code-button]::before{--button-icon: var(--icon__system_download_primary--enabled)}ch-code{border:1px solid var(--mer-border-color__on-surface);border-radius:4px;padding:var(--mer-spacing--md)}ch-code{--code__color-base: var(--mer-text__on-surface);--code__color-blue: var(--mer-color__primary--400);--code__color-light-blue: var(--mer-color__primary--200);--code__color-red: var(--mer-color__message-red--200);--code__color-green: var(--mer-color__message-green--200);--code__bg-color: var(--mer-surface__elevation--01);--code__border: var(--mer-border__width--sm) solid var(--mer-surface__elevation--03);--code__border-radius: var(--mer-border__radius--sm);--code__padding: var(--mer-spacing--xs) var(--mer-spacing--sm);--ch-code__doctag: var(--code__color-blue);--ch-code__keyword: var(--code__color-blue);--ch-code__meta__keyword: var(--code__color-blue);--ch-code__template-tag: var(--code__color-blue);--ch-code__template-variable: var(--code__color-blue);--ch-code__type: var(--code__color-blue);--ch-code__variable-language: var(--code__color-blue);--ch-code__title: var(--code__color-base);--ch-code__title-class: var(--code__color-base);--ch-code__title-class-inherited: var(--code__color-base);--ch-code__title-function: var(--code__color-base);--ch-code__attr: var(--code__color-blue);--ch-code__attribute: var(--code__color-blue);--ch-code__literal: var(--code__color-blue);--ch-code__meta: var(--code__color-blue);--ch-code__number: var(--code__color-blue);--ch-code__operator: var(--code__color-blue);--ch-code__variable: var(--code__color-blue);--ch-code__selector-attr: var(--code__color-blue);--ch-code__selector-class: var(--code__color-blue);--ch-code__selector-id: var(--code__color-blue);--ch-code__regexp: var(--code__color-green);--ch-code__string: var(--code__color-green);--ch-code__meta__string: var(--code__color-green);--ch-code__built-in: var(--code__color-green);--ch-code__symbol: #e36209;--ch-code__comment: var(--code__color-green);--ch-code__code: var(--code__color-green);--ch-code__formula: var(--code__color-green);--ch-code__name: var(--code__color-light-blue);--ch-code__quote: var(--code__color-light-blue);--ch-code__selector-tag: var(--code__color-light-blue);--ch-code__selector-pseudo: var(--code__color-light-blue);--ch-code__subst: #24292e;padding:var(--code__padding);background-color:var(--code__bg-color);border:var(--code__border);border-radius:var(--code__border-radius);font-size:13px;line-height:1.55em;overflow:auto}code{padding-block:var(--mer-spacing--3xs);padding-inline:var(--mer-spacing--2xs);background-color:var(--mer-elevation__bg-color--01);border-radius:2px;font-size:calc(1em - 2px)}img{display:inline-block;max-inline-size:25%}:host>:first-child,ch-theme+*{margin-block-start:0px}:host>:last-child{margin-block-end:0px}ch-code[part=code-block__content]{--code__border: none;--code__bg-color: transparent;margin:0}span[part=code-block__header-caption]{display:flex;align-items:center;padding-inline-start:var(--mer-spacing--sm);text-transform:uppercase}div[part=code-block]{white-space:normal;border:var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01);border-radius:var(--mer-border__radius--sm);background-color:var(--mer-surface);margin-block:var(--mer-spacing--xs)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.paginator::part(items-per-page__label),.paginator::part(page
|
|
1
|
+
.paginator::part(items-per-page__label),.paginator::part(page selected),.paginator{line-height:var(--line-height-tight)}.paginator::part(items-per-page__label){font-size:var(--font-size-body-m)}.paginator::part(page selected),.paginator{font-size:var(--font-size-body-s)}.paginator::part(items-per-page__combo-box),.paginator::part(go-to__input),.paginator{font-weight:var(--font-weight-regular)}.paginator::part(prev__button),.paginator::part(next__button),.paginator::part(last__button),.paginator::part(first__button){font-size:var(--font-size-body-m);line-height:var(--line-height-tight);font-weight:var(--font-weight-regular)}.paginator::part(items-per-page__label),.paginator::part(page selected){font-weight:var(--font-weight-semi-bold)}.paginator::part(go-to__input):focus,.paginator::part(prev__button):focus-visible,.paginator::part(next__button):focus-visible,.paginator::part(last__button):focus-visible,.paginator::part(first__button):focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.paginator::part(prev__button),.paginator::part(next__button),.paginator::part(last__button),.paginator::part(first__button){display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;justify-content:center;border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius);padding-block:var(--control__padding-block);padding-inline:var(--control__padding-inline);box-sizing:border-box;background-color:var(--button-background-color);color:var(--button-color)}.paginator::part(prev__button),.paginator::part(next__button),.paginator::part(last__button),.paginator::part(first__button){--button-background-color: transparent;--control__border-color: transparent;--button-color: var(--mer-text__primary)}.paginator::part(prev__button):hover,.paginator::part(next__button):hover,.paginator::part(last__button):hover,.paginator::part(first__button):hover{--button-color: var(--mer-text__primary--hover)}.paginator::part(prev__button):active,.paginator::part(next__button):active,.paginator::part(last__button):active,.paginator::part(first__button):active{--button-color: var(--mer-text__primary--active)}.paginator::part(prev__button):disabled,.paginator::part(next__button):disabled,.paginator::part(last__button):disabled,.paginator::part(first__button):disabled{--button-color: var(--mer-text__on-disabled)}paginator__previous-button-selector,paginator__next-button-selector,paginator__last-button-selector,paginator__first-button-selector{padding:calc((var(--control__block-size) - 2*var(--control__border-width) - var(--mer-icon__box--md))/2);border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius)}.paginator::part(go-to__input){--ch-edit-gap: var(--control__icon-gap);--ch-edit__image-size: var(--mer-icon__box--md);--ch-placeholder-color: var(--mer-color__neutral-gray--400);border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius);background-color:var(--control__bg-color);color:var(--control__color);--ch-placeholder-color: var(--control-placeholder__color);padding-block:var(--control__padding-block);padding-inline:var(--control__padding-inline)}.paginator::part(go-to__input):hover{--control__border-color: var(--control__border-color--hover)}.paginator::part(items-per-page__combo-box){--ch-combo-box-separation-y: var(--mer-spacing--3xs);--ch-combo-box-item-gap: var(--mer-spacing--xs);--ch-combo-box-item__image-size: var(--mer-icon__box--md);--ch-combo-box-item__background-image-size: 100%;--ch-combo-box-group__expandable-button-size: var(--mer-spacing--md);--ch-combo-box-group__expandable-button-image-size: var(--mer-spacing--sm);--ch-combo-box__picker-size: var(--mer-icon__box--md);--ch-combo-box__popover-max-block-size: var( --items-container__max-block-size );border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius);background-color:var(--control__bg-color);color:var(--control__color);--ch-placeholder-color: var(--control-placeholder__color);padding-block:var(--control__padding-block);padding-inline:var(--control__padding-inline)}.paginator::part(items-per-page__combo-box):hover{--control__border-color: var(--control__border-color--hover)}.paginator::part(items-per-page__combo-box):focus{border-color:var(--borders-un-border-color__focused)}.paginator::part(items-per-page__combo-box)::after{--icon-path: var(--icon__system_chevron-small-down_bright--enabled);background:no-repeat center/var(--mer-icon__size--md) var(--icon-path);-webkit-mask:none;mask:none}.paginator::part(window){border-style:var(--items-container__border-style);border-width:var(--items-container__border-width);border-radius:var(--items-container__border-radius);background-color:var(--elevation-background-color, var(--items-container__bg-color));border-color:var(--elevation-border-color, var(--items-container__border-color));padding-block:var(--items-container__padding-block);padding-inline:var(--items-container__padding-inline);gap:var(--items-container__gap);box-shadow:var(--items-container__box-shadow);font-style:normal}.paginator::part(group__header){background-color:var(--item__bg-color);border-color:var(--item__border-color);color:var(--item__color);padding-block:var(--item__padding-block);padding-inline:var(--item__padding-inline)}.paginator::part(group__header expandable){background-color:var(--item__bg-color);border-color:var(--item__border-color);color:var(--item__color);padding-block:var(--item__padding-block);padding-inline:var(--item__padding-inline);border-radius:var(--item__border-radius)}.paginator::part(group__header expandable):hover{--item__color: var(--mer-accent__primary)}.paginator::part(group){gap:var(--items-container__gap)}.paginator::part(group__content){gap:var(--items-container__gap)}.paginator::part(item){background-color:var(--item__bg-color);border-color:var(--item__border-color);color:var(--item__color);border:var(--item__border-width) var(--item__border-style) var(--item__border-color);border-radius:var(--item__border-radius);padding-block:var(--item__padding-block);padding-inline:var(--item__padding-inline)}.paginator::part(item nested){padding-inline-start:calc(var(--ch-combo-box-item-gap) + var(--ch-combo-box-group__expandable-button-size) + var(--item__padding-inline))}.paginator::part(item selected){--item__bg-color: var(--item__bg-color--selected);--item__border-color: var(--item__border-color--selected);--item__color: var(--item__color--selected)}.paginator{display:grid;gap:var(--mer-spacing--xs);grid-template:"items-per-page items-per-page-info . first__button prev__button go-to next__button last__button" 1fr/auto auto 1fr auto auto auto auto}.paginator::part(items-per-page__combo-box){inline-size:80px}.paginator::part(go-to){align-items:center;display:inline-flex;gap:var(--mer-spacing--xs)}.paginator::part(items-per-page){align-items:center;gap:var(--mer-spacing--xs)}.paginator::part(items-per-page-info){color:var(--mer-text__complementary)}.paginator::part(pages){gap:var(--mer-spacing--xs)}.paginator::part(page){border-radius:var(--mer-border__radius--sm);color:var(--mer-icon__neutral);padding:var(--mer-spacing--2xs) var(--mer-spacing--xs)}.paginator::part(page selected){background:var(--mer-accent__primary);color:var(--mer-text__on-primary)}.paginator::part(page):hover{color:var(--mer-icon__on-primary--hover);background-color:var(--item__bg-color--selected-hover)}.paginator::part(first__button)::before,.paginator::part(last__button)::before,.paginator::part(next__button)::before,.paginator::part(prev__button)::before{background-color:currentColor;block-size:var(--mer-spacing--md);content:"";inline-size:var(--mer-spacing--md);mask:no-repeat center/100% var(--button-arrow-icon);-webkit-mask:no-repeat center/100% var(--button-arrow-icon)}.paginator::part(prev__button)::before{--button-arrow-icon: var(--icon__system_chevron-left_primary--enabled)}.paginator::part(next__button)::before{--button-arrow-icon: var(--icon__system_chevron-right_primary--enabled)}.paginator::part(first__button)::before{--button-arrow-icon: var(--icon__system_chevron-pag-left_primary--enabled)}.paginator::part(last__button)::before{--button-arrow-icon: var(--icon__system_chevron-pag-right_primary--enabled)}.label--disabled{--label__color: var(--label__color--disabled)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pill{line-height:var(--line-height-tight)}.pill{font-size:var(--font-size-body-m)}.pill::part(item){font-size:var(--font-size-body-m);line-height:var(--line-height-tight);font-weight:var(--font-weight-regular)}.pill{font-weight:var(--font-weight-semi-bold)}.pill:focus{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.pills-container{--pills-container__display: flex;flex-wrap:wrap;display:var(--pills-container__display);gap:var(--mer-spacing--md)}.pill{--ch-pills-separation-y: var(--mer-spacing--3xs);--ch-pills-item-gap: var(--mer-spacing--xs);--ch-pills-item__image-size: var(--mer-spacing--md);--ch-pills-item__background-image-size: 100%;--ch-pills-group__expandable-button-size: var(--mer-spacing--md);--ch-pills-group__expandable-button-image-size: var(--mer-spacing--sm);--control__border-radius: var(--mer-spacing--md);--control__padding-inline: var(--mer-spacing--sm);border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius);background-color:var(--control__bg-color);color:var(--control__color);--ch-placeholder-color: var(--control-placeholder__color);padding-block:var(--control__padding-block);padding-inline:var(--control__padding-inline)}.pill[part=enabled]{--control__border-color: var(--mer-border-color__dim);--control__bg-color: transparent;--control__color: var(--mer-text__neutral)}.pill[part=processing]{--control__border-color: var(--mer-color__tinted-primary--50);--control__bg-color: var(--mer-color__tinted-primary--8);--control__color: var(--mer-accent__primary);--status-circle-color: transparent;--status-circle-size: $size;--status-circle-inset-inline-start: 14px}.pill[part=processing]::before{inset-inline-start:14px;width:12px;height:12px;border:1.7142857143px solid var(--mer-color__tinted-primary--50);border-top:1.7142857143px solid var(--mer-color__primary--300);border-radius:50%;animation:spin var(--mer-timing--regular) linear infinite}.pill[part=success]{--control__border-color: var(--mer-color__tinted-green--60);--control__bg-color: var(--mer-color__tinted-green--5);--control__color: var(--mer-text__success)}.pill[part=warning]{--control__border-color: var(--mer-color__tinted-yellow--60);--control__bg-color: var(--mer-color__tinted-yellow--5);--control__color: var(--mer-text__warning)}.pill[part=error]{--control__border-color: var(--mer-color__tinted-red--60);--control__bg-color: var(--mer-color__tinted-red--5);--control__color: var(--mer-text__error)}.pill[disabled]{--control__bg-color: var(--control__background-color--disabled);--control__border-color: var(--control__border-color--disabled);--control__color: var(--control__color--disabled);--ch-placeholder-color: var(--control-placeholder__color--disabled)}.pill:hover{--control__border-color: var(--control__border-color--hover)}.pill::part(item){background-color:var(--item__bg-color);border-color:var(--item__border-color);color:var(--item__color);border:var(--item__border-width) var(--item__border-style) var(--item__border-color);border-radius:var(--item__border-radius);padding-block:var(--item__padding-block);padding-inline:var(--item__padding-inline)}.pill::part(item enabled),.pill::part(item processing),.pill::part(item success),.pill::part(item warning),.pill::part(item error){padding-inline-start:var(--mer-spacing--xl);background-repeat:no-repeat;background-size:var(--mer-icon__box--md);background-position:8px center}.pill::part(item enabled){background-image:var(--icon__states_pill-filled_highlighted--enabled)}.pill::part(item processing){background-image:var(--icon__states_pill-filled_primary--enabled)}.pill::part(item success){background-image:var(--icon__states_pill-filled_success--enabled)}.pill::part(item warning){background-image:var(--icon__states_pill-filled_warning--enabled)}.pill::part(item error){background-image:var(--icon__states_pill-filled_error--enabled)}.pill::part(item selected){--item__bg-color: var(--item__bg-color--selected);--item__border-color: var(--item__border-color--selected);--item__color: var(--item__color--selected)}.pill{--status-circle-color: var(--control__color);--status-circle-size: 6px;--status-circle-inset-inline-start: 17px;position:relative;padding-inline-start:36px}.pill::before{content:"";position:absolute;background-color:var(--status-circle-color);inset-inline-start:var(--status-circle-inset-inline-start);block-size:var(--status-circle-size);inline-size:var(--status-circle-size);display:inline-block;border-radius:50%}.pills::part(placeholder){color:var(--control-placeholder__color);font-style:var(--control-placeholder__font-style)}.pill::part(item disabled){--item__bg-color: var(--item__bg-color--disabled);--item__border-color: var(--item__border-color--disabled);--item__color: var(--item__color--disabled)}.pill::part(window){background-color:var(--elevation-background-color, var(--items-container__bg-color));border-color:var(--elevation-border-color, var(--items-container__border-color));padding-block:var(--items-container__padding-block);padding-inline:var(--items-container__padding-inline);box-shadow:var(--items-container__box-shadow);gap:var(--items-container__gap);
|
|
1
|
+
.pill{line-height:var(--line-height-tight)}.pill{font-size:var(--font-size-body-m)}.pill::part(item){font-size:var(--font-size-body-m);line-height:var(--line-height-tight);font-weight:var(--font-weight-regular)}.pill{font-weight:var(--font-weight-semi-bold)}.pill:focus{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.pills-container{--pills-container__display: flex;flex-wrap:wrap;display:var(--pills-container__display);gap:var(--mer-spacing--md)}.pill{--ch-pills-separation-y: var(--mer-spacing--3xs);--ch-pills-item-gap: var(--mer-spacing--xs);--ch-pills-item__image-size: var(--mer-spacing--md);--ch-pills-item__background-image-size: 100%;--ch-pills-group__expandable-button-size: var(--mer-spacing--md);--ch-pills-group__expandable-button-image-size: var(--mer-spacing--sm);--ch-combo-box__popover-max-block-size: var( --items-container__max-block-size );--control__border-radius: var(--mer-spacing--md);--control__padding-inline: var(--mer-spacing--sm);border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius);background-color:var(--control__bg-color);color:var(--control__color);--ch-placeholder-color: var(--control-placeholder__color);padding-block:var(--control__padding-block);padding-inline:var(--control__padding-inline)}.pill[part=enabled]{--control__border-color: var(--mer-border-color__dim);--control__bg-color: transparent;--control__color: var(--mer-text__neutral)}.pill[part=processing]{--control__border-color: var(--mer-color__tinted-primary--50);--control__bg-color: var(--mer-color__tinted-primary--8);--control__color: var(--mer-accent__primary);--status-circle-color: transparent;--status-circle-size: $size;--status-circle-inset-inline-start: 14px}.pill[part=processing]::before{inset-inline-start:14px;width:12px;height:12px;border:1.7142857143px solid var(--mer-color__tinted-primary--50);border-top:1.7142857143px solid var(--mer-color__primary--300);border-radius:50%;animation:spin var(--mer-timing--regular) linear infinite}.pill[part=success]{--control__border-color: var(--mer-color__tinted-green--60);--control__bg-color: var(--mer-color__tinted-green--5);--control__color: var(--mer-text__success)}.pill[part=warning]{--control__border-color: var(--mer-color__tinted-yellow--60);--control__bg-color: var(--mer-color__tinted-yellow--5);--control__color: var(--mer-text__warning)}.pill[part=error]{--control__border-color: var(--mer-color__tinted-red--60);--control__bg-color: var(--mer-color__tinted-red--5);--control__color: var(--mer-text__error)}.pill[disabled]{--control__bg-color: var(--control__background-color--disabled);--control__border-color: var(--control__border-color--disabled);--control__color: var(--control__color--disabled);--ch-placeholder-color: var(--control-placeholder__color--disabled)}.pill:hover{--control__border-color: var(--control__border-color--hover)}.pill::part(item){background-color:var(--item__bg-color);border-color:var(--item__border-color);color:var(--item__color);border:var(--item__border-width) var(--item__border-style) var(--item__border-color);border-radius:var(--item__border-radius);padding-block:var(--item__padding-block);padding-inline:var(--item__padding-inline)}.pill::part(item enabled),.pill::part(item processing),.pill::part(item success),.pill::part(item warning),.pill::part(item error){padding-inline-start:var(--mer-spacing--xl);background-repeat:no-repeat;background-size:var(--mer-icon__box--md);background-position:8px center}.pill::part(item enabled){background-image:var(--icon__states_pill-filled_highlighted--enabled)}.pill::part(item processing){background-image:var(--icon__states_pill-filled_primary--enabled)}.pill::part(item success){background-image:var(--icon__states_pill-filled_success--enabled)}.pill::part(item warning){background-image:var(--icon__states_pill-filled_warning--enabled)}.pill::part(item error){background-image:var(--icon__states_pill-filled_error--enabled)}.pill::part(item selected){--item__bg-color: var(--item__bg-color--selected);--item__border-color: var(--item__border-color--selected);--item__color: var(--item__color--selected)}.pill{--status-circle-color: var(--control__color);--status-circle-size: 6px;--status-circle-inset-inline-start: 17px;position:relative;padding-inline-start:36px}.pill::before{content:"";position:absolute;background-color:var(--status-circle-color);inset-inline-start:var(--status-circle-inset-inline-start);block-size:var(--status-circle-size);inline-size:var(--status-circle-size);display:inline-block;border-radius:50%}.pills::part(placeholder){color:var(--control-placeholder__color);font-style:var(--control-placeholder__font-style)}.pill::part(item disabled){--item__bg-color: var(--item__bg-color--disabled);--item__border-color: var(--item__border-color--disabled);--item__color: var(--item__color--disabled)}.pill::part(window){background-color:var(--elevation-background-color, var(--items-container__bg-color));border-color:var(--elevation-border-color, var(--items-container__border-color));padding-block:var(--items-container__padding-block);padding-inline:var(--items-container__padding-inline);box-shadow:var(--items-container__box-shadow);gap:var(--items-container__gap);border-radius:var(--items-container__border-radius);--items-container__border-radius: var(--mer-border__radius--lg)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.tabular-grid,.property-grid,.tabular-grid-cell .combo-box,.property-grid-cell .combo-box,.tabular-grid-cell .input,.property-grid-cell .input,.tabular-grid-column{line-height:var(--line-height-tight)}.tabular-grid,.property-grid,.tabular-grid-cell .combo-box,.property-grid-cell .combo-box,.tabular-grid-cell .input,.property-grid-cell .input,.tabular-grid-column{font-size:var(--font-size-body-s)}.tabular-grid,.property-grid,.tabular-grid-cell .combo-box,.property-grid-cell .combo-box,.tabular-grid-cell .input,.property-grid-cell .input{font-weight:var(--font-weight-regular)}.tabular-grid-column{font-weight:var(--font-weight-semi-bold)}.property-grid-value-edited>.property-grid-cell:nth-child(2){font-weight:var(--font-weight-bold)}.property-grid-property-readonly>.property-grid-cell:nth-child(1),.property-grid-value-readonly>.property-grid-cell:nth-child(2){font-style:italic;color:var(--item__color--disabled)}.tabular-grid-cell[focused],.property-grid-cell[focused]{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.tabular-grid-row-actions::part(window),.property-grid-row-actions::part(window){border:var(--window__border);border-radius:var(--window__border-radius);padding:var(---window__padding);background-color:var(--window__bg-color);box-shadow:var(--mer-box-shadow--01)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.property-grid-row>.property-grid-cell:nth-child(1),.property-grid-row>.property-grid-cell:nth-child(2){display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.property-grid-value-editing>.property-grid-cell:nth-child(2){--control__border-width: 0;--control__border-color: transparent;--control__border-radius: 0;padding-block:0;padding-inline:0;--control__padding-inline: var(--grid-cell__padding-inline);display:grid;align-items:stretch;justify-content:stretch}.property-grid-value-editing>.property-grid-cell:nth-child(2):hover{outline:var(--focus__outline-width) var(--focus__outline-style) var(--control__border-color--hover);outline-offset:var(--focus__outline-offset)}.property-grid-column-set{display:none}.tabular-grid-rowset[collapsed]>.tabular-grid-rowset-legend::part(caret),.tabular-grid-row:is([collapsed],[leaf=false]:not(:has(>.tabular-grid-rowset)))>.tabular-grid-cell::part(caret),.tabular-grid-rowset>.tabular-grid-rowset-legend::part(caret),.tabular-grid-cell::part(caret),.tabular-grid-rowset-legend::part(icon),.tabular-grid-cell::part(actions-icon),.tabular-grid-cell::part(drag-icon),.tabular-grid-row:has(>.tabular-grid-rowset)>.tabular-grid-cell::part(node-icon),.tabular-grid-cell::part(node-icon),.property-grid-rowset[collapsed]>.property-grid-rowset-legend::part(caret),.property-grid-row:is([collapsed],[leaf=false]:not(:has(>.property-grid-rowset)))>.property-grid-cell::part(caret),.property-grid-rowset>.property-grid-rowset-legend::part(caret),.property-grid-cell::part(caret),.property-grid-rowset-legend::part(icon),.property-grid-cell::part(actions-icon),.property-grid-cell::part(drag-icon),.property-grid-row:has(>.property-grid-rowset)>.property-grid-cell::part(node-icon),.property-grid-cell::part(node-icon){content:"";display:block;inline-size:var(--mer-icon__box--md);block-size:var(--mer-icon__box--md);background:no-repeat center/var(--mer-icon__size--md) var(--icon-path);margin-inline-end:var(--grid-common__gap);flex-shrink:0}.tabular-grid-rowset[collapsed]>.tabular-grid-rowset-legend::part(caret),.tabular-grid-row:is([collapsed],[leaf=false]:not(:has(>.tabular-grid-rowset)))>.tabular-grid-cell::part(caret),.property-grid-rowset[collapsed]>.property-grid-rowset-legend::part(caret),.property-grid-row:is([collapsed],[leaf=false]:not(:has(>.property-grid-rowset)))>.property-grid-cell::part(caret){--icon-path: var(--icon__gemini-tools_add_neutral--enabled);cursor:pointer}.tabular-grid-rowset[collapsed]>.tabular-grid-rowset-legend::part(caret):hover,.tabular-grid-row:is([collapsed],[leaf=false]:not(:has(>.tabular-grid-rowset)))>.tabular-grid-cell::part(caret):hover,.property-grid-rowset[collapsed]>.property-grid-rowset-legend::part(caret):hover,.property-grid-row:is([collapsed],[leaf=false]:not(:has(>.property-grid-rowset)))>.property-grid-cell::part(caret):hover{--icon-path: var(--icon__gemini-tools_add_neutral--hover)}.tabular-grid-rowset[collapsed]>.tabular-grid-rowset-legend::part(caret):active,.tabular-grid-row:is([collapsed],[leaf=false]:not(:has(>.tabular-grid-rowset)))>.tabular-grid-cell::part(caret):active,.property-grid-rowset[collapsed]>.property-grid-rowset-legend::part(caret):active,.property-grid-row:is([collapsed],[leaf=false]:not(:has(>.property-grid-rowset)))>.property-grid-cell::part(caret):active{--icon-path: var(--icon__gemini-tools_add_neutral--active)}.tabular-grid-rowset>.tabular-grid-rowset-legend::part(caret),.tabular-grid-cell::part(caret),.property-grid-rowset>.property-grid-rowset-legend::part(caret),.property-grid-cell::part(caret){--icon-path: var(--icon__gemini-tools_minus_neutral--enabled);cursor:pointer}.tabular-grid-rowset>.tabular-grid-rowset-legend::part(caret):hover,.tabular-grid-cell::part(caret):hover,.property-grid-rowset>.property-grid-rowset-legend::part(caret):hover,.property-grid-cell::part(caret):hover{--icon-path: var(--icon__gemini-tools_minus_neutral--hover)}.tabular-grid-rowset>.tabular-grid-rowset-legend::part(caret):active,.tabular-grid-cell::part(caret):active,.property-grid-rowset>.property-grid-rowset-legend::part(caret):active,.property-grid-cell::part(caret):active{--icon-path: var(--icon__gemini-tools_minus_neutral--active)}.tabular-grid-row:has(>.tabular-grid-rowset)>.tabular-grid-cell::part(node-icon),.property-grid-row:has(>.property-grid-rowset)>.property-grid-cell::part(node-icon){--icon-path: var(--icon__gemini-tools_folder_on-surface--enabled);display:none}.tabular-grid-show-node-icons .tabular-grid-row:has(>.tabular-grid-rowset)>.tabular-grid-cell::part(node-icon),.tabular-grid-show-node-icons .tabular-grid-cell::part(node-icon){display:block}.tabular-grid-cell::part(node-icon),.property-grid-cell::part(node-icon){--icon-path: var(--icon__gemini-tools_file_on-surface--enabled);display:none}.tabular-grid-show-node-icons .tabular-grid-row:has(>.tabular-grid-rowset)>.tabular-grid-cell::part(node-icon),.tabular-grid-show-node-icons .tabular-grid-cell::part(node-icon){display:block}.tabular-grid,.property-grid{--grid-bar-resize-split__bg-color: transparent;--focus__outline-offset: -2px;--grid-label__gap: var(--mer-spacing--xs);--grid-common__gap: var(--mer-spacing--xs);max-block-size:100%;--indent: 16px;background-color:var(--elevation-background-color, var(--items-container__bg-color));border-color:var(--elevation-border-color, var(--items-container__border-color));--item__border-color--enabled: var(--mer-surface__elevation--01);--grid-rowset-legend__font-size: var(--grid-base__font-size);--grid-rowset-legend__color: var(--grid-base__color);--grid-rowset-legend__color--hover: var(--item__color--hover);--grid-rowset-legend__padding-inline: var(--item__padding-inline);--grid-rowset-legend__padding-block: var(--mer-spacing--3xs);--grid-rowset-legend__indent: var(--mer-spacing--md);--grid-row-actions-show-on-row-hover__margin-inline-end: var( --mer-spacing--xs );--grid-column-bar__gap: var(--mer-spacing--xs);--grid-column-bar__bg-color: var(--grid-base__bg-color);--grid-column-bar__color: var(--mer-text__bright);--grid-column-bar__padding-inline: var(--mer-spacing--xs);--grid-column-bar__padding-block: var(--mer-spacing--xs);--grid-column-bar__font-size: var(--grid-base__font-size);--grid-bar-resize-split__inline-size: var(--mer-spacing--2xs);--grid-bar-resize-split__bg-color: transparent;--grid-bar-resize-split__border-inline-end: var(--mer-border__width--sm) solid transparent;--grid-bar-resize-split__border-inline-end-color--hover: var( --grid-column-bar__color )}.tabular-grid-column-set,.property-grid-column-set{border-block-end:var(--grid-cell__border)}.tabular-grid-column-set:hover{--grid-bar-resize-split__bg-color: var(--mer-surface__elevation--03)}.tabular-grid-column{background-color:var(--items-container__bg-color)}.tabular-grid-column::part(bar),.property-grid-column::part(bar){--grid-label__gap: 0;--grid-row__bg-color: var(--item__bg-color);--grid-row__color: var(--item__color);background-color:var(--grid-row__bg-color);color:var(--grid-row__color);padding-block:var(--grid-cell__padding-block);padding-inline:var(--grid-cell__padding-inline);gap:var(--grid-common__gap);width:100%}.tabular-grid-column::part(bar):hover{--grid-bar-resize-split__bg-color: var(--mer-accent__primary)}.tabular-grid-column::part(bar-resize-split),.property-grid-column::part(bar-resize-split){background-color:var(--grid-bar-resize-split__bg-color);inline-size:var(--grid-bar-resize-split__inline-size)}.tabular-grid-column::part(bar-resize-split):hover,.property-grid-column::part(bar-resize-split):hover{--grid-bar-resize-split__bg-color: var(--mer-accent__primary--hover)}.tabular-grid-row[highlighted]>.tabular-grid-cell,.property-grid-row[highlighted]>.property-grid-cell{--grid-row__bg-color: var(--item__bg-color--hover);--grid-row__color: var(--item__color--hover)}.tabular-grid-row[selected]>.tabular-grid-cell,.property-grid-row[selected]>.property-grid-cell{--grid-row__bg-color: var(--item__bg-color--selected);--grid-row__color: var(--item__color--selected)}.tabular-grid-row[dragging],.property-grid-row[dragging]{box-shadow:var(--mer-box-shadow--01)}.tabular-grid-rowset[collapsed]>.tabular-grid-rowset-legend,.property-grid-rowset[collapsed]>.property-grid-rowset-legend{border-block-end:var(--grid-cell__border)}.tabular-grid-rowset-legend,.property-grid-rowset-legend{--grid-rowset-legend__bg-color: var(--mer-surface__elevation--02);background-color:var(--grid-rowset-legend__bg-color);padding-block-start:var(--mer-spacing--xs);padding-block-end:var(--mer-spacing--xs);display:flex;align-items:center;cursor:pointer;padding-inline-start:var(--grid-common__gap);box-shadow:calc(var(--indent)*(var(--level) - 1)*-1) 0px 0px 0px var(--grid-rowset-legend__bg-color)}.tabular-grid-rowset-legend:hover,.property-grid-rowset-legend:hover{--grid-rowset-legend__bg-color: var(--mer-surface__elevation--03)}.tabular-grid-rowset-legend:active,.property-grid-rowset-legend:active{--grid-rowset-legend__bg-color: var(--mer-surface__elevation--02)}.tabular-grid-cell,.property-grid-cell{box-shadow:var(--grid-cell__box-shadow-inline-block);padding-block:var(--grid-cell__padding-block);padding-inline:var(--grid-cell__padding-inline);--grid-row__bg-color: var(--item__bg-color);--grid-row__color: var(--item__color);background-color:var(--grid-row__bg-color);color:var(--grid-row__color);--item__bg-color: var(--items-container__bg-color);border:0}.tabular-grid-align-cells-block-start .tabular-grid-cell{align-items:flex-start}.tabular-grid-align-cells-block-center .tabular-grid-cell{align-items:center}.tabular-grid-align-cells-block-end .tabular-grid-cell{align-items:flex-end}.tabular-grid-align-cells-inline-start .tabular-grid-cell{justify-content:flex-start}.tabular-grid-align-cells-inline-center .tabular-grid-cell{justify-content:center}.tabular-grid-align-cells-inline-end .tabular-grid-cell{justify-content:flex-end}.tabular-grid-column::part(selector-label),.tabular-grid-cell::part(selector-label),.property-grid-column::part(selector-label),.property-grid-cell::part(selector-label){margin-inline-end:var(--grid-label__gap);block-size:var(--control-tiny__size);inline-size:var(--control-tiny__size)}.tabular-grid-column::part(selector),.tabular-grid-cell::part(selector),.property-grid-column::part(selector),.property-grid-cell::part(selector){position:relative;margin:0;width:0;height:0}.tabular-grid-column::part(selector)::before,.tabular-grid-cell::part(selector)::before,.property-grid-column::part(selector)::before,.property-grid-cell::part(selector)::before{content:"";display:inline-block;width:var(--control-tiny__size);height:var(--control-tiny__size);border:var(--mer-form-input__border);border-radius:var(--control-tiny__border-radius);box-sizing:border-box}.tabular-grid-column::part(selector)::after,.tabular-grid-cell::part(selector)::after,.property-grid-column::part(selector)::after,.property-grid-cell::part(selector)::after{position:absolute;content:"";display:inline-block;border-color:var(--mer-form-input-check__border-color);top:calc(var(--control-tiny__size)/4);left:calc(var(--control-tiny__size)/4)}.tabular-grid-column::part(selector checked)::after,.tabular-grid-cell::part(selector checked)::after,.property-grid-column::part(selector checked)::after,.property-grid-cell::part(selector checked)::after{inline-size:calc(var(--control-tiny__size)/2);block-size:calc(var(--control-tiny__size)/2);background-color:currentColor;pointer-events:none;-webkit-mask:no-repeat center/100% var(--mer-checkbox__option-checked-image);color:var(--mer-form-input-check__border-color)}.tabular-grid-column::part(selector indeterminate)::after,.property-grid-column::part(selector indeterminate)::after{inline-size:8px;block-size:var(--mer-form-input-check__border-width);border-radius:2px;background-color:var(--mer-form-input-check__border-color);top:calc(var(--control-tiny__size)/2 - var(--mer-form-input-check__border-width)/2)}.tabular-grid-row-actions::part(main),.property-grid-row-actions::part(main){display:flex;flex-direction:column;gap:var(--window__gap)}.tabular-grid:focus{outline:none}.tabular-grid-column::part(selector):focus{outline:none}.tabular-grid-rowset-legend::part(icon){--icon-path: var(--icon__gemini-tools_category-group_on-surface--enabled)}.tabular-grid-cell::part(selector):focus{outline:none}.tabular-grid-cell::part(actions-icon){width:100%;--icon-path: var( --icon__gemini-tools_show-more-vertical_on-surface--enabled );border:none}.tabular-grid-cell::part(drag-icon){--icon-path: var(--icon__navigation_drag_on-surface--enabled);margin-inline-end:var(--grid-common__gap)}.tabular-grid-row-actions[show-on-row-hover]::part(window){margin-inline-end:var(--mer-spacing--xs)}.tabular-grid ch-tabular-grid-cell{padding-block:var(--grid-cell__padding-block);padding-inline:var(--grid-cell__padding-inline);align-items:start;justify-content:start;min-inline-size:0}.property-grid:focus{outline:none}.property-grid-column::part(selector):focus{outline:none}.property-grid-rowset-legend::part(icon){--icon-path: var(--icon__gemini-tools_category-group_on-surface--enabled)}.property-grid-cell::part(selector):focus{outline:none}.property-grid-cell::part(actions-icon){inline-size:100%;--icon-path: var( --icon__gemini-tools_show-more-vertical_on-surface--enabled );border:none}.property-grid-cell::part(drag-icon){--icon-path: var(--icon__navigation_drag_on-surface--enabled);margin-inline-end:var(--grid-common__gap)}.property-grid-row-actions[show-on-row-hover]::part(window){margin-inline-end:var(--mer-spacing--xs)}
|
|
1
|
+
.tabular-grid,.property-grid,.tabular-grid-cell .combo-box,.property-grid-cell .combo-box,.tabular-grid-cell .input,.property-grid-cell .input,.tabular-grid-column{line-height:var(--line-height-tight)}.tabular-grid,.property-grid,.tabular-grid-cell .combo-box,.property-grid-cell .combo-box,.tabular-grid-cell .input,.property-grid-cell .input,.tabular-grid-column{font-size:var(--font-size-body-s)}.tabular-grid,.property-grid,.tabular-grid-cell .combo-box,.property-grid-cell .combo-box,.tabular-grid-cell .input,.property-grid-cell .input{font-weight:var(--font-weight-regular)}.tabular-grid-column{font-weight:var(--font-weight-semi-bold)}.property-grid-value-edited>.property-grid-cell:nth-child(2){font-weight:var(--font-weight-bold)}.property-grid-property-readonly>.property-grid-cell:nth-child(1),.property-grid-value-readonly>.property-grid-cell:nth-child(2){font-style:italic;color:var(--item__color--disabled)}.tabular-grid-cell[focused],.property-grid-cell[focused]{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.tabular-grid-row-actions::part(window),.property-grid-row-actions::part(window){border:var(--window__border);border-radius:var(--window__border-radius);padding:var(---window__padding);background-color:var(--window__bg-color);box-shadow:var(--mer-box-shadow--01)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.property-grid-row>.property-grid-cell:nth-child(1),.property-grid-row>.property-grid-cell:nth-child(2){display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.property-grid-value-editing>.property-grid-cell:nth-child(2){--control__border-width: 0;--control__border-color: transparent;--control__border-radius: 0;padding-block:0;padding-inline:0;--control__padding-inline: var(--grid-cell__padding-inline);display:grid;align-items:stretch;justify-content:stretch}.property-grid-value-editing>.property-grid-cell:nth-child(2):hover{outline:var(--focus__outline-width) var(--focus__outline-style) var(--control__border-color--hover);outline-offset:var(--focus__outline-offset)}.property-grid-column-set{display:none}.tabular-grid-rowset>.tabular-grid-rowset-legend::part(caret),.tabular-grid-cell::part(caret),.tabular-grid-column::part(bar-sort),.tabular-grid-rowset-legend::part(icon),.tabular-grid-cell::part(actions-icon),.tabular-grid-cell::part(drag-icon),.tabular-grid-row:has(>.tabular-grid-rowset)>.tabular-grid-cell::part(node-icon),.tabular-grid-cell::part(node-icon),.property-grid-rowset[collapsed]>.property-grid-rowset-legend::part(caret),.property-grid-row:is([collapsed],[leaf=false]:not(:has(>.property-grid-rowset)))>.property-grid-cell::part(caret),.property-grid-rowset>.property-grid-rowset-legend::part(caret),.property-grid-cell::part(caret),.property-grid-rowset-legend::part(icon),.property-grid-cell::part(actions-icon),.property-grid-cell::part(drag-icon),.property-grid-row:has(>.property-grid-rowset)>.property-grid-cell::part(node-icon),.property-grid-cell::part(node-icon){content:"";display:block;inline-size:var(--mer-icon__box--md);block-size:var(--mer-icon__box--md);background:no-repeat center/var(--mer-icon__size--md) var(--icon-path);margin-inline-end:var(--grid-common__gap);flex-shrink:0}.tabular-grid-column::part(bar-sort){display:revert-layer;--icon-path: var(--icon-order-alphabetically)}.tabular-grid-column::part(bar):hover{--icon-order-alphabetically: var( --icon__system_order-alphabetically_primary--hover )}.tabular-grid-column::part(bar):active{--icon-order-alphabetically: var( --icon__system_order-alphabetically_primary--active )}.tabular-grid-rowset>.tabular-grid-rowset-legend::part(caret),.tabular-grid-cell::part(caret){--icon-path: var(--icon-caret)}.tabular-grid-rowset-legend,.property-grid-rowset[collapsed]>.property-grid-rowset-legend::part(caret),.property-grid-row:is([collapsed],[leaf=false]:not(:has(>.property-grid-rowset)))>.property-grid-cell::part(caret){--icon-caret: var(--icon__gemini-tools_add_neutral--enabled);cursor:pointer}.tabular-grid-rowset-legend:hover,.property-grid-rowset[collapsed]>.property-grid-rowset-legend::part(caret):hover,.property-grid-row:is([collapsed],[leaf=false]:not(:has(>.property-grid-rowset)))>.property-grid-cell::part(caret):hover{--icon-caret: var(--icon__gemini-tools_add_neutral--hover)}.tabular-grid-rowset-legend:active,.property-grid-rowset[collapsed]>.property-grid-rowset-legend::part(caret):active,.property-grid-row:is([collapsed],[leaf=false]:not(:has(>.property-grid-rowset)))>.property-grid-cell::part(caret):active{--icon-caret: var(--icon__gemini-tools_add_neutral--active)}.tabular-grid-rowset[collapsed]>.tabular-grid-rowset-legend,.property-grid-rowset>.property-grid-rowset-legend::part(caret),.property-grid-cell::part(caret){--icon-caret: var(--icon__gemini-tools_minus_neutral--enabled);cursor:pointer}.tabular-grid-rowset[collapsed]>.tabular-grid-rowset-legend:hover,.property-grid-rowset>.property-grid-rowset-legend::part(caret):hover,.property-grid-cell::part(caret):hover{--icon-caret: var(--icon__gemini-tools_minus_neutral--hover)}.tabular-grid-rowset[collapsed]>.tabular-grid-rowset-legend:active,.property-grid-rowset>.property-grid-rowset-legend::part(caret):active,.property-grid-cell::part(caret):active{--icon-caret: var(--icon__gemini-tools_minus_neutral--active)}.tabular-grid-row:has(>.tabular-grid-rowset)>.tabular-grid-cell::part(node-icon),.property-grid-row:has(>.property-grid-rowset)>.property-grid-cell::part(node-icon){--icon-path: var(--icon__gemini-tools_folder_on-surface--enabled);display:none}.tabular-grid-show-node-icons .tabular-grid-row:has(>.tabular-grid-rowset)>.tabular-grid-cell::part(node-icon),.tabular-grid-show-node-icons .tabular-grid-cell::part(node-icon){display:block}.tabular-grid-cell::part(node-icon),.property-grid-cell::part(node-icon){--icon-path: var(--icon__gemini-tools_file_on-surface--enabled);display:none}.tabular-grid-show-node-icons .tabular-grid-row:has(>.tabular-grid-rowset)>.tabular-grid-cell::part(node-icon),.tabular-grid-show-node-icons .tabular-grid-cell::part(node-icon){display:block}.tabular-grid,.property-grid{--grid-bar-resize-split__bg-color: transparent;--focus__outline-offset: -2px;--grid-label__gap: var(--mer-spacing--xs);--grid-common__gap: var(--mer-spacing--xs);max-block-size:100%;--indent: 16px;background-color:var(--elevation-background-color, var(--items-container__bg-color));border-color:var(--elevation-border-color, var(--items-container__border-color));--item__border-color--enabled: var(--mer-surface__elevation--01);--grid-rowset-legend__font-size: var(--grid-base__font-size);--grid-rowset-legend__color: var(--grid-base__color);--grid-rowset-legend__color--hover: var(--item__color--hover);--grid-rowset-legend__padding-inline: var(--item__padding-inline);--grid-rowset-legend__padding-block: var(--mer-spacing--3xs);--grid-rowset-legend__indent: var(--mer-spacing--md);--grid-row-actions-show-on-row-hover__margin-inline-end: var( --mer-spacing--xs );--grid-column-bar__gap: var(--mer-spacing--xs);--grid-column-bar__bg-color: var(--grid-base__bg-color);--grid-column-bar__color: var(--mer-text__bright);--grid-column-bar__padding-inline: var(--mer-spacing--xs);--grid-column-bar__padding-block: var(--mer-spacing--xs);--grid-column-bar__font-size: var(--grid-base__font-size);--grid-bar-resize-split__inline-size: var(--mer-spacing--2xs);--grid-bar-resize-split__bg-color: transparent;--grid-bar-resize-split__border-inline-end: var(--mer-border__width--sm) solid transparent;--grid-bar-resize-split__border-inline-end-color--hover: var( --grid-column-bar__color )}.tabular-grid-column-set,.property-grid-column-set{border-block-end:var(--grid-cell__border)}.tabular-grid-column{background-color:var(--items-container__bg-color)}.tabular-grid-column::part(bar),.property-grid-column::part(bar){--grid-label__gap: 0;--grid-row__bg-color: var(--item__bg-color);--grid-row__color: var(--item__color);background-color:var(--grid-row__bg-color);color:var(--grid-row__color);padding-block:var(--grid-cell__padding-block);padding-inline:var(--grid-cell__padding-inline);gap:var(--grid-common__gap);width:100%}.tabular-grid-column::part(bar):hover{--grid-bar-resize-split__bg-color: var(--mer-surface__elevation--03)}.tabular-grid-column::part(bar-resize-split),.property-grid-column::part(bar-resize-split){transform:translateX(calc(var(--grid-cell__padding-inline)));background-color:var(--grid-bar-resize-split__bg-color);inline-size:var(--grid-bar-resize-split__inline-size)}.tabular-grid-column::part(bar-resize-split):hover,.property-grid-column::part(bar-resize-split):hover{--grid-bar-resize-split__bg-color: var(--mer-accent__primary--hover)}.tabular-grid-column::part(bar-resize-split):active{--grid-bar-resize-split__bg-color: var(--mer-accent__primary--active)}.tabular-grid-row[highlighted]>.tabular-grid-cell,.property-grid-row[highlighted]>.property-grid-cell{--grid-row__bg-color: var(--item__bg-color--hover);--grid-row__color: var(--item__color--hover)}.tabular-grid-row[selected]>.tabular-grid-cell,.property-grid-row[selected]>.property-grid-cell{--grid-row__bg-color: var(--item__bg-color--selected);--grid-row__color: var(--item__color--selected)}.tabular-grid-row[dragging],.property-grid-row[dragging]{box-shadow:var(--mer-box-shadow--01)}.tabular-grid-rowset[collapsed]>.tabular-grid-rowset-legend,.property-grid-rowset[collapsed]>.property-grid-rowset-legend{border-block-end:var(--grid-cell__border)}.tabular-grid-rowset-legend,.property-grid-rowset-legend{--grid-rowset-legend__bg-color: var(--mer-surface__elevation--02);background-color:var(--grid-rowset-legend__bg-color);padding-block-start:var(--mer-spacing--xs);padding-block-end:var(--mer-spacing--xs);display:flex;align-items:center;cursor:pointer;padding-inline-start:var(--grid-common__gap);box-shadow:calc(var(--indent)*(var(--level) - 1)*-1) 0px 0px 0px var(--grid-rowset-legend__bg-color)}.tabular-grid-rowset-legend:hover,.property-grid-rowset-legend:hover{--grid-rowset-legend__bg-color: var(--mer-surface__elevation--03)}.tabular-grid-rowset-legend:active,.property-grid-rowset-legend:active{--grid-rowset-legend__bg-color: var(--mer-surface__elevation--02)}.tabular-grid-cell,.property-grid-cell{box-shadow:var(--grid-cell__box-shadow-inline-block);padding-block:var(--grid-cell__padding-block);padding-inline:var(--grid-cell__padding-inline);--grid-row__bg-color: var(--item__bg-color);--grid-row__color: var(--item__color);background-color:var(--grid-row__bg-color);color:var(--grid-row__color);--item__bg-color: var(--items-container__bg-color);border:0}.tabular-grid-align-cells-block-start .tabular-grid-cell{align-items:flex-start}.tabular-grid-align-cells-block-center .tabular-grid-cell{align-items:center}.tabular-grid-align-cells-block-end .tabular-grid-cell{align-items:flex-end}.tabular-grid-align-cells-inline-start .tabular-grid-cell{justify-content:flex-start}.tabular-grid-align-cells-inline-center .tabular-grid-cell{justify-content:center}.tabular-grid-align-cells-inline-end .tabular-grid-cell{justify-content:flex-end}.tabular-grid-column::part(selector-label),.tabular-grid-cell::part(selector-label),.property-grid-column::part(selector-label),.property-grid-cell::part(selector-label){margin-inline-end:var(--grid-label__gap);block-size:var(--control-tiny__size);inline-size:var(--control-tiny__size)}.tabular-grid-column::part(selector),.tabular-grid-cell::part(selector),.property-grid-column::part(selector),.property-grid-cell::part(selector){position:relative;margin:0;width:0;height:0}.tabular-grid-column::part(selector)::before,.tabular-grid-cell::part(selector)::before,.property-grid-column::part(selector)::before,.property-grid-cell::part(selector)::before{content:"";display:inline-block;width:var(--control-tiny__size);height:var(--control-tiny__size);border:var(--mer-form-input__border);border-radius:var(--control-tiny__border-radius);box-sizing:border-box}.tabular-grid-column::part(selector)::after,.tabular-grid-cell::part(selector)::after,.property-grid-column::part(selector)::after,.property-grid-cell::part(selector)::after{position:absolute;content:"";display:inline-block;border-color:var(--mer-form-input-check__border-color);top:calc(var(--control-tiny__size)/4);left:calc(var(--control-tiny__size)/4)}.tabular-grid-column::part(selector checked)::after,.tabular-grid-cell::part(selector checked)::after,.property-grid-column::part(selector checked)::after,.property-grid-cell::part(selector checked)::after{inline-size:calc(var(--control-tiny__size)/2);block-size:calc(var(--control-tiny__size)/2);background-color:currentColor;pointer-events:none;-webkit-mask:no-repeat center/100% var(--mer-checkbox__option-checked-image);color:var(--mer-form-input-check__border-color)}.tabular-grid-column::part(selector indeterminate)::after,.property-grid-column::part(selector indeterminate)::after{inline-size:8px;block-size:var(--mer-form-input-check__border-width);border-radius:2px;background-color:var(--mer-form-input-check__border-color);top:calc(var(--control-tiny__size)/2 - var(--mer-form-input-check__border-width)/2)}.tabular-grid-row-actions::part(main),.property-grid-row-actions::part(main){display:flex;flex-direction:column;gap:var(--window__gap)}.tabular-grid:focus{outline:none}.tabular-grid-column::part(selector):focus{outline:none}.tabular-grid-rowset-legend::part(icon){--icon-path: var(--icon__gemini-tools_category-group_on-surface--enabled)}.tabular-grid-cell::part(selector):focus{outline:none}.tabular-grid-cell::part(actions-icon){width:100%;--icon-path: var( --icon__gemini-tools_show-more-vertical_on-surface--enabled );border:none}.tabular-grid-cell::part(drag-icon){--icon-path: var(--icon__navigation_drag_on-surface--enabled);margin-inline-end:var(--grid-common__gap)}.tabular-grid-row-actions[show-on-row-hover]::part(window){margin-inline-end:var(--mer-spacing--xs)}.tabular-grid ch-tabular-grid-cell{padding-block:var(--grid-cell__padding-block);padding-inline:var(--grid-cell__padding-inline);align-items:start;justify-content:start;min-inline-size:0}.property-grid:focus{outline:none}.property-grid-column::part(selector):focus{outline:none}.property-grid-rowset-legend::part(icon){--icon-path: var(--icon__gemini-tools_category-group_on-surface--enabled)}.property-grid-cell::part(selector):focus{outline:none}.property-grid-cell::part(actions-icon){inline-size:100%;--icon-path: var( --icon__gemini-tools_show-more-vertical_on-surface--enabled );border:none}.property-grid-cell::part(drag-icon){--icon-path: var(--icon__navigation_drag_on-surface--enabled);margin-inline-end:var(--grid-common__gap)}.property-grid-row-actions[show-on-row-hover]::part(window){margin-inline-end:var(--mer-spacing--xs)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.label,.radio-group::part(radio__label),.combo-box,.checkbox::part(label),.input,.combo-box[part=ch-combo-box-render--placeholder],.input[part*=ch-edit--empty-value],.button-primary,.button-primary-destructive,.button-primary-success,.button-secondary,.button-secondary-destructive{line-height:var(--line-height-tight)}.label,.radio-group::part(radio__label),.combo-box,.checkbox::part(label),.input,.combo-box[part=ch-combo-box-render--placeholder],.input[part*=ch-edit--empty-value],.button-primary,.button-primary-destructive,.button-primary-success,.button-secondary,.button-secondary-destructive{font-size:var(--font-size-body-m)}.combo-box,.input{font-weight:var(--font-weight-regular)}.button-tertiary{font-size:var(--font-size-body-m);line-height:var(--line-height-tight);font-weight:var(--font-weight-regular)}.label,.radio-group::part(radio__label),.checkbox::part(label),.button-primary,.button-primary-destructive,.button-primary-success,.button-secondary,.button-secondary-destructive{font-weight:var(--font-weight-semi-bold)}.combo-box[part=ch-combo-box-render--placeholder],.input[part*=ch-edit--empty-value]{font-weight:var(--font-weight-regular);font-style:italic}.slider:active::part(thumb),.slider:focus::part(thumb),.radio-group::part(radio__container):focus-within,.checkbox::part(input):focus,.input:focus,.button-primary:focus-visible,.button-primary-destructive:focus-visible,.button-primary-success:focus-visible,.button-secondary-destructive:focus-visible,.button-tertiary:focus-visible,.button-secondary:focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.button-tertiary,.button-secondary,.button-secondary-destructive,.button-primary,.button-primary-destructive,.button-primary-success{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;justify-content:center;border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius);padding-block:var(--control__padding-block);padding-inline:var(--control__padding-inline);box-sizing:border-box;background-color:var(--button-background-color);color:var(--button-color)}.button-secondary:focus-visible{--focus__outline-color: var(--mer-border-color__primary)}.button-primary,.button-primary-destructive,.button-primary-success{--button-background-color: var(--mer-accent__primary);--control__border-color: var(--button-background-color);--button-color: var(--mer-text__on-primary);--button-color--enabled: var( --mer-text__on-primary );--button-color--active: var(--mer-text__on-primary--active)}.button-primary:hover{--button-background-color: var(--mer-accent__primary--hover);--button-color: var(--mer-text__on-primary)}.button-primary:active{--button-background-color: var(--mer-accent__primary--active);--button-color: var(--button-color--active)}.button-primary:disabled,.button-primary-destructive:disabled,.button-primary-success:disabled{--button-background-color: var(--mer-accent__primary--disabled);--button-color: var(--mer-text__on-disabled)}.button-primary-destructive{--button-background-color: var(--mer-accent__primary--destructive);--button-color: var(--mer-text__on-primary)}.button-primary-destructive:hover{--button-background-color: var(--mer-accent__primary--destructive-hover);--button-color: var(--mer-text__on-primary)}.button-primary-destructive:active{--button-background-color: var(--mer-accent__primary--destructive-active);--button-color: var(--mer-text__highlighted)}.button-primary-success{--button-background-color: var(--accent-success-enabled);--button-color: var(--mer-text__on-primary)}.button-primary-success:hover{--button-background-color: var(--accent-success-hover);--button-color: var(--mer-text__on-primary)}.button-primary-success:active{--button-background-color: var(--accent-success-active);--button-color: var(--mer-text__highlighted)}.button-secondary,.button-secondary-destructive{--button-background-color: transparent;--control__border-color: var(--button-color);--button-color: var(--mer-text__neutral);--button-color--enabled: var(--mer-text__neutral);--button-color--active: var(--mer-text__on-primary--active)}.button-secondary:hover{--button-color: var(--mer-text__primary--hover)}.button-secondary:active{--control__border-color: var(--mer-border-color__primary--active);--button-color: var(--button-color--active)}.button-secondary:disabled,.button-secondary-destructive:disabled{--button-color: var(--mer-text__on-disabled)}.button-secondary-destructive{--button-color: var(--mer-text__highlighted);--control__border-color: var(--mer-border-color__error)}.button-secondary-destructive:hover{--button-color: var(--mer-accent__primary--destructive-hover);--control__border-color: var(--mer-border-color__error--hover)}.button-secondary-destructive:active{--button-color: var(--mer-text__highlighted);--control__border-color: var(--mer-border-color__error--active)}.button-tertiary{--button-background-color: transparent;--control__border-color: transparent;--button-color: var(--mer-text__primary)}.button-tertiary:hover{--button-color: var(--mer-text__primary--hover)}.button-tertiary:active{--button-color: var(--mer-text__primary--active)}.button-tertiary:disabled{--button-color: var(--mer-text__on-disabled)}.buttons-spacer{display:flex;gap:var(--mer-spacing--xs)}.field{display:grid}.field-group,.field-group-inline{--spacing-body-block-start: var(--mer-spacing--md);--spacing-body-block-end: var(--mer-spacing--md);--spacing-body-inline-start: var(--mer-spacing--md);--spacing-body-inline-end: var(--mer-spacing--md);row-gap:var(--field-group__row-gap);column-gap:var(--field-group__column-gap)}.field-group{display:grid}.field-group-inline{display:flex;flex-wrap:wrap}.field-group-justified-start,.field-group-justified-end{display:grid;column-gap:var(--field__column-gap);row-gap:var(--field-group__row-gap);grid-template-columns:max-content auto}.field-block{row-gap:var(--field__row-gap);grid-template-rows:max-content 1fr}.field-inline{column-gap:var(--field__column-gap);grid-template-columns:max-content 1fr}.field-inline>.label,.field-group-justified-start>.label,.field-group-justified-end>.label{padding-block-start:9px}.field-group-justified-end>.label{text-align:end}.button-icon-only{padding:calc((var(--control__block-size) - 2*var(--control__border-width) - var(--mer-icon__box--md))/2);border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius)}.button-icon-and-text{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--mer-spacing--xs)}.input{--ch-edit-gap: var(--control__icon-gap);--ch-edit__image-size: var(--mer-icon__box--md);--ch-placeholder-color: var(--mer-color__neutral-gray--400);border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius);background-color:var(--control__bg-color);color:var(--control__color);--ch-placeholder-color: var(--control-placeholder__color);padding-block:var(--control__padding-block);padding-inline:var(--control__padding-inline)}.input:hover{--control__border-color: var(--control__border-color--hover)}.input:disabled{--control__bg-color: var(--control__background-color--disabled);--control__border-color: var(--control__border-color--disabled);--control__color: var(--control__color--disabled);--ch-placeholder-color: var(--control-placeholder__color--disabled)}.checkbox{--ch-checkbox__container-size: var(--control-tiny__size);--ch-checkbox__option-size: calc(var(--control-tiny__size) / 2);--ch-checkbox__image-size: var(--mer-icon__box--md);gap:var(--label__gap--inline)}.checkbox:hover{--control__border-color: var(--control__border-color--hover)}.checkbox:hover::part(label){--label__color: var(--label__color--hover)}.checkbox::part(input){border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius)}.checkbox::part(option indeterminate){block-size:var(--mer-spacing--3xs)}.checkbox::part(label){color:var(--label__color)}.checkbox::part(label disabled){--label__color: var(--label__color--disabled)}.combo-box{--ch-combo-box-separation-y: var(--mer-spacing--3xs);--ch-combo-box-item-gap: var(--mer-spacing--xs);--ch-combo-box-item__image-size: var(--mer-icon__box--md);--ch-combo-box-item__background-image-size: 100%;--ch-combo-box-group__expandable-button-size: var(--mer-spacing--md);--ch-combo-box-group__expandable-button-image-size: var(--mer-spacing--sm);--ch-combo-box__picker-size: var(--mer-icon__box--md);border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius);background-color:var(--control__bg-color);color:var(--control__color);--ch-placeholder-color: var(--control-placeholder__color);padding-block:var(--control__padding-block);padding-inline:var(--control__padding-inline)}.combo-box:hover{--control__border-color: var(--control__border-color--hover)}.combo-box:focus{border-color:var(--borders-un-border-color__focused)}.combo-box.ch-disabled{--control__bg-color: var(--control__background-color--disabled);--control__border-color: var(--control__border-color--disabled);--control__color: var(--control__color--disabled);--ch-placeholder-color: var(--control-placeholder__color--disabled)}.combo-box-error{--control__border-color: var(--control__border-color--error)}.combo-box::after{--icon-path: var(--icon__system_chevron-small-down_bright--enabled);background:no-repeat center/var(--mer-icon__size--md) var(--icon-path);-webkit-mask:none;mask:none}.combo-box.ch-disabled::after{--icon-path: var(--icon__system_chevron-small-down_on-disabled--enabled)}.combo-box::part(window){border-style:var(--items-container__border-style);border-width:var(--items-container__border-width);border-radius:var(--items-container__border-radius);background-color:var(--elevation-background-color, var(--items-container__bg-color));border-color:var(--elevation-border-color, var(--items-container__border-color));padding-block:var(--items-container__padding-block);padding-inline:var(--items-container__padding-inline);gap:var(--items-container__gap);max-block-size:var(--items-container__max-block-size);box-shadow:var(--items-container__box-shadow);font-style:normal}.combo-box::part(group__header){background-color:var(--item__bg-color);border-color:var(--item__border-color);color:var(--item__color);padding-block:var(--item__padding-block);padding-inline:var(--item__padding-inline)}.combo-box::part(group__header expandable){background-color:var(--item__bg-color);border-color:var(--item__border-color);color:var(--item__color);padding-block:var(--item__padding-block);padding-inline:var(--item__padding-inline);border-radius:var(--item__border-radius)}.combo-box::part(group__header expandable):hover{--item__color: var(--mer-accent__primary)}.combo-box::part(group__header disabled){--item__bg-color: var(--item__bg-color--disabled);--item__border-color: var(--item__border-color--disabled);--item__color: var(--item__color--disabled)}.combo-box::part(group){gap:var(--items-container__gap)}.combo-box::part(group__content){gap:var(--items-container__gap)}.combo-box::part(item){background-color:var(--item__bg-color);border-color:var(--item__border-color);color:var(--item__color);border:var(--item__border-width) var(--item__border-style) var(--item__border-color);border-radius:var(--item__border-radius);padding-block:var(--item__padding-block);padding-inline:var(--item__padding-inline)}.combo-box::part(item nested){padding-inline-start:calc(var(--ch-combo-box-item-gap) + var(--ch-combo-box-group__expandable-button-size) + var(--item__padding-inline))}.combo-box::part(item selected){--item__bg-color: var(--item__bg-color--selected);--item__border-color: var(--item__border-color--selected);--item__color: var(--item__color--selected)}.combo-box::part(item disabled){--item__bg-color: var(--item__bg-color--disabled);--item__border-color: var(--item__border-color--disabled);--item__color: var(--item__color--disabled)}.icon-sm{--ch-image-size: var(--mer-icon__box--sm);--ch-image-background-size: var(--mer-icon__size--sm)}.icon-md{--ch-image-size: var(--mer-icon__box--md);--ch-image-background-size: var(--mer-icon__size--md)}.radio-group{--ch-radio-group__radio-container-size: var(--control-tiny__size);--ch-radio-group__radio-option-size: calc(var(--mer-spacing--2xs) * 1.5);gap:var(--controls__container-row-gap)}.radio-group::part(radio-item){gap:var(--label__gap--inline)}.radio-group::part(radio__container){border:var(--mer-form-input__border);flex-shrink:0}.radio-group::part(radio__container disabled){color:var(--borders-un-border-color__disabled)}.radio-group::part(radio__container checked){color:var(--mer-form-input-check__border-color)}.radio-group::part(radio__container error){background-color:var(--colors-Foundation-un-color__red--100);color:var(--borders-un-border-color__error)}.radio-group::part(radio__label){color:var(--label__color)}.radio-group::part(radio__label disabled){--label__color: var(--label__color--disabled)}.slider{--ch-slider-track-block-size: var(--slider-track__block-size);--ch-slider-track__selected-background-color: var( --slider-track__bg-color--selected );--ch-slider-track__unselected-background-color: var( --slider-track__bg-color--unselected );--ch-slider-thumb-background-color: var(--slider-thumb__bg-color);--ch-slider-thumb-size: var(--slider-thumb__size);--slider-track__block-size: var(--mer-spacing--2xs);--slider-track__bg-color--selected: var(--mer-color__primary--200);--slider-track__bg-color--unselected: var(--mer-color__neutral-gray--650);--slider-track__bg-color--selected-disabled: var( --mer-accent__primary--disabled );--slider-track__bg-color--unselected-disabled: var( --mer-color__neutral-gray--450 );--slider-thumb__bg-color: var(--mer-color__neutral-gray--200);--slider-thumb__size: var(--mer-spacing--sm)}.slider:disabled{--ch-slider-track__selected-background-color: var( --slider-track__bg-color--selected-disabled );--ch-slider-track__unselected-background-color: var( --slider-track__bg-color--unselected-disabled )}.slider::part(track){border-radius:calc(var(--ch-slider-track-block-size)/2)}.slider:hover{--ch-slider-thumb-background-color: var(--mer-color__primary--600)}.slider:active::part(thumb),.slider:focus::part(thumb){--ch-slider-thumb-background-color: var(--mer-color__primary--600)}:where(button,a){all:unset;display:inline-flex;align-items:center;user-select:none;touch-action:manipulation;cursor:pointer}button:disabled{pointer-events:none}.label--disabled{--label__color: var(--label__color--disabled)}.icon-size-sm{content:"";display:block;inline-size:var(--mer-icon__box--sm);block-size:var(--mer-icon__box--sm);background:no-repeat center/var(--mer-icon__size--sm) var(--icon-path)}.icon-size-md{content:"";display:block;inline-size:var(--mer-icon__box--md);block-size:var(--mer-icon__box--md);background:no-repeat center/var(--mer-icon__size--md) var(--icon-path)}.icon-and-text{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--control__icon-gap)}.checkbox::part(input disabled){--control__border-color: var(--control__border-color--disabled)}.checkbox::part(option disabled){--control__border-color: var(--control__border-color--disabled)}.checkbox-error::part(input){--control__border-color: var(--control__border-color--error)}.input-error{--control__border-color: var(--control__border-color--error)}.radio-group::part(radio__container disabled){border-color:var(--mer-border-color__primary--disabled)}.radio-group::part(radio__container checked){border-color:var(--mer-color__neutral-gray--300)}
|
|
1
|
+
.label,.radio-group::part(radio__label),.combo-box,.checkbox::part(label),.input,.combo-box[part=ch-combo-box-render--placeholder],.input[part*=ch-edit--empty-value],.button-primary,.button-primary-destructive,.button-primary-success,.button-secondary,.button-secondary-destructive{line-height:var(--line-height-tight)}.label,.radio-group::part(radio__label),.combo-box,.checkbox::part(label),.input,.combo-box[part=ch-combo-box-render--placeholder],.input[part*=ch-edit--empty-value],.button-primary,.button-primary-destructive,.button-primary-success,.button-secondary,.button-secondary-destructive{font-size:var(--font-size-body-m)}.combo-box,.input{font-weight:var(--font-weight-regular)}.button-tertiary{font-size:var(--font-size-body-m);line-height:var(--line-height-tight);font-weight:var(--font-weight-regular)}.label,.radio-group::part(radio__label),.checkbox::part(label),.button-primary,.button-primary-destructive,.button-primary-success,.button-secondary,.button-secondary-destructive{font-weight:var(--font-weight-semi-bold)}.combo-box[part=ch-combo-box-render--placeholder],.input[part*=ch-edit--empty-value]{font-weight:var(--font-weight-regular);font-style:italic}.slider:active::part(thumb),.slider:focus::part(thumb),.radio-group::part(radio__container):focus-within,.checkbox::part(input):focus,.input:focus,.button-primary:focus-visible,.button-primary-destructive:focus-visible,.button-primary-success:focus-visible,.button-secondary-destructive:focus-visible,.button-tertiary:focus-visible,.button-secondary:focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.button-tertiary,.button-secondary,.button-secondary-destructive,.button-primary,.button-primary-destructive,.button-primary-success{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;justify-content:center;border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius);padding-block:var(--control__padding-block);padding-inline:var(--control__padding-inline);box-sizing:border-box;background-color:var(--button-background-color);color:var(--button-color)}.button-secondary:focus-visible{--focus__outline-color: var(--mer-border-color__primary)}.button-primary,.button-primary-destructive,.button-primary-success{--button-background-color: var(--mer-accent__primary);--control__border-color: var(--button-background-color);--button-color: var(--mer-text__on-primary);--button-color--enabled: var( --mer-text__on-primary );--button-color--active: var(--mer-text__on-primary--active)}.button-primary:hover{--button-background-color: var(--mer-accent__primary--hover);--button-color: var(--mer-text__on-primary)}.button-primary:active{--button-background-color: var(--mer-accent__primary--active);--button-color: var(--button-color--active)}.button-primary:disabled,.button-primary-destructive:disabled,.button-primary-success:disabled{--button-background-color: var(--mer-accent__primary--disabled);--button-color: var(--mer-text__on-disabled)}.button-primary-destructive{--button-background-color: var(--mer-accent__primary--destructive);--button-color: var(--mer-text__on-primary)}.button-primary-destructive:hover{--button-background-color: var(--mer-accent__primary--destructive-hover);--button-color: var(--mer-text__on-primary)}.button-primary-destructive:active{--button-background-color: var(--mer-accent__primary--destructive-active);--button-color: var(--mer-text__highlighted)}.button-primary-success{--button-background-color: var(--accent-success-enabled);--button-color: var(--mer-text__on-primary)}.button-primary-success:hover{--button-background-color: var(--accent-success-hover);--button-color: var(--mer-text__on-primary)}.button-primary-success:active{--button-background-color: var(--accent-success-active);--button-color: var(--mer-text__highlighted)}.button-secondary,.button-secondary-destructive{--button-background-color: transparent;--control__border-color: var(--button-color);--button-color: var(--mer-text__neutral);--button-color--enabled: var(--mer-text__neutral);--button-color--active: var(--mer-text__on-primary--active)}.button-secondary:hover{--button-color: var(--mer-text__primary--hover)}.button-secondary:active{--control__border-color: var(--mer-border-color__primary--active);--button-color: var(--button-color--active)}.button-secondary:disabled,.button-secondary-destructive:disabled{--button-color: var(--mer-text__on-disabled)}.button-secondary-destructive{--button-color: var(--mer-text__highlighted);--control__border-color: var(--mer-border-color__error)}.button-secondary-destructive:hover{--button-color: var(--mer-accent__primary--destructive-hover);--control__border-color: var(--mer-border-color__error--hover)}.button-secondary-destructive:active{--button-color: var(--mer-text__highlighted);--control__border-color: var(--mer-border-color__error--active)}.button-tertiary{--button-background-color: transparent;--control__border-color: transparent;--button-color: var(--mer-text__primary)}.button-tertiary:hover{--button-color: var(--mer-text__primary--hover)}.button-tertiary:active{--button-color: var(--mer-text__primary--active)}.button-tertiary:disabled{--button-color: var(--mer-text__on-disabled)}.buttons-spacer{display:flex;gap:var(--mer-spacing--xs)}.field{display:grid}.field-group,.field-group-inline{--spacing-body-block-start: var(--mer-spacing--md);--spacing-body-block-end: var(--mer-spacing--md);--spacing-body-inline-start: var(--mer-spacing--md);--spacing-body-inline-end: var(--mer-spacing--md);row-gap:var(--field-group__row-gap);column-gap:var(--field-group__column-gap)}.field-group{display:grid}.field-group-inline{display:flex;flex-wrap:wrap}.field-group-justified-start,.field-group-justified-end{display:grid;column-gap:var(--field__column-gap);row-gap:var(--field-group__row-gap);grid-template-columns:max-content auto}.field-block{row-gap:var(--field__row-gap);grid-template-rows:max-content 1fr}.field-inline{column-gap:var(--field__column-gap);grid-template-columns:max-content 1fr}.field-inline>.label,.field-group-justified-start>.label,.field-group-justified-end>.label{padding-block-start:9px}.field-group-justified-end>.label{text-align:end}.button-icon-only{padding:calc((var(--control__block-size) - 2*var(--control__border-width) - var(--mer-icon__box--md))/2);border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius)}.button-icon-and-text{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--mer-spacing--xs)}.input{--ch-edit-gap: var(--control__icon-gap);--ch-edit__image-size: var(--mer-icon__box--md);--ch-placeholder-color: var(--mer-color__neutral-gray--400);border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius);background-color:var(--control__bg-color);color:var(--control__color);--ch-placeholder-color: var(--control-placeholder__color);padding-block:var(--control__padding-block);padding-inline:var(--control__padding-inline)}.input:hover{--control__border-color: var(--control__border-color--hover)}.input:disabled{--control__bg-color: var(--control__background-color--disabled);--control__border-color: var(--control__border-color--disabled);--control__color: var(--control__color--disabled);--ch-placeholder-color: var(--control-placeholder__color--disabled)}.checkbox{--ch-checkbox__container-size: var(--control-tiny__size);--ch-checkbox__option-size: calc(var(--control-tiny__size) / 2);--ch-checkbox__image-size: var(--mer-icon__box--md);gap:var(--label__gap--inline)}.checkbox:hover{--control__border-color: var(--control__border-color--hover)}.checkbox:hover::part(label){--label__color: var(--label__color--hover)}.checkbox::part(input){border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius)}.checkbox::part(option indeterminate){block-size:var(--mer-spacing--3xs)}.checkbox::part(label){color:var(--label__color)}.checkbox::part(label disabled){--label__color: var(--label__color--disabled)}.combo-box{--ch-combo-box-separation-y: var(--mer-spacing--3xs);--ch-combo-box-item-gap: var(--mer-spacing--xs);--ch-combo-box-item__image-size: var(--mer-icon__box--md);--ch-combo-box-item__background-image-size: 100%;--ch-combo-box-group__expandable-button-size: var(--mer-spacing--md);--ch-combo-box-group__expandable-button-image-size: var(--mer-spacing--sm);--ch-combo-box__picker-size: var(--mer-icon__box--md);--ch-combo-box__popover-max-block-size: var( --items-container__max-block-size );border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius);background-color:var(--control__bg-color);color:var(--control__color);--ch-placeholder-color: var(--control-placeholder__color);padding-block:var(--control__padding-block);padding-inline:var(--control__padding-inline)}.combo-box:hover{--control__border-color: var(--control__border-color--hover)}.combo-box:focus{border-color:var(--borders-un-border-color__focused)}.combo-box.ch-disabled{--control__bg-color: var(--control__background-color--disabled);--control__border-color: var(--control__border-color--disabled);--control__color: var(--control__color--disabled);--ch-placeholder-color: var(--control-placeholder__color--disabled)}.combo-box-error{--control__border-color: var(--control__border-color--error)}.combo-box::after{--icon-path: var(--icon__system_chevron-small-down_bright--enabled);background:no-repeat center/var(--mer-icon__size--md) var(--icon-path);-webkit-mask:none;mask:none}.combo-box.ch-disabled::after{--icon-path: var(--icon__system_chevron-small-down_on-disabled--enabled)}.combo-box::part(window){border-style:var(--items-container__border-style);border-width:var(--items-container__border-width);border-radius:var(--items-container__border-radius);background-color:var(--elevation-background-color, var(--items-container__bg-color));border-color:var(--elevation-border-color, var(--items-container__border-color));padding-block:var(--items-container__padding-block);padding-inline:var(--items-container__padding-inline);gap:var(--items-container__gap);box-shadow:var(--items-container__box-shadow);font-style:normal}.combo-box::part(group__header){background-color:var(--item__bg-color);border-color:var(--item__border-color);color:var(--item__color);padding-block:var(--item__padding-block);padding-inline:var(--item__padding-inline)}.combo-box::part(group__header expandable){background-color:var(--item__bg-color);border-color:var(--item__border-color);color:var(--item__color);padding-block:var(--item__padding-block);padding-inline:var(--item__padding-inline);border-radius:var(--item__border-radius)}.combo-box::part(group__header expandable):hover{--item__color: var(--mer-accent__primary)}.combo-box::part(group__header disabled){--item__bg-color: var(--item__bg-color--disabled);--item__border-color: var(--item__border-color--disabled);--item__color: var(--item__color--disabled)}.combo-box::part(group){gap:var(--items-container__gap)}.combo-box::part(group__content){gap:var(--items-container__gap)}.combo-box::part(item){background-color:var(--item__bg-color);border-color:var(--item__border-color);color:var(--item__color);border:var(--item__border-width) var(--item__border-style) var(--item__border-color);border-radius:var(--item__border-radius);padding-block:var(--item__padding-block);padding-inline:var(--item__padding-inline)}.combo-box::part(item nested){padding-inline-start:calc(var(--ch-combo-box-item-gap) + var(--ch-combo-box-group__expandable-button-size) + var(--item__padding-inline))}.combo-box::part(item selected){--item__bg-color: var(--item__bg-color--selected);--item__border-color: var(--item__border-color--selected);--item__color: var(--item__color--selected)}.combo-box::part(item disabled){--item__bg-color: var(--item__bg-color--disabled);--item__border-color: var(--item__border-color--disabled);--item__color: var(--item__color--disabled)}.icon-sm{--ch-image-size: var(--mer-icon__box--sm);--ch-image-background-size: var(--mer-icon__size--sm)}.icon-md{--ch-image-size: var(--mer-icon__box--md);--ch-image-background-size: var(--mer-icon__size--md)}.radio-group{--ch-radio-group__radio-container-size: var(--control-tiny__size);--ch-radio-group__radio-option-size: calc(var(--mer-spacing--2xs) * 1.5);gap:var(--controls__container-row-gap)}.radio-group::part(radio-item){gap:var(--label__gap--inline)}.radio-group::part(radio__container){border:var(--mer-form-input__border);flex-shrink:0}.radio-group::part(radio__container disabled){color:var(--borders-un-border-color__disabled)}.radio-group::part(radio__container checked){color:var(--mer-form-input-check__border-color)}.radio-group::part(radio__container error){background-color:var(--colors-Foundation-un-color__red--100);color:var(--borders-un-border-color__error)}.radio-group::part(radio__label){color:var(--label__color)}.radio-group::part(radio__label disabled){--label__color: var(--label__color--disabled)}.slider{--ch-slider-track-block-size: var(--slider-track__block-size);--ch-slider-track__selected-background-color: var( --slider-track__bg-color--selected );--ch-slider-track__unselected-background-color: var( --slider-track__bg-color--unselected );--ch-slider-thumb-background-color: var(--slider-thumb__bg-color);--ch-slider-thumb-size: var(--slider-thumb__size);--slider-track__block-size: var(--mer-spacing--2xs);--slider-track__bg-color--selected: var(--mer-color__primary--200);--slider-track__bg-color--unselected: var(--mer-color__neutral-gray--650);--slider-track__bg-color--selected-disabled: var( --mer-accent__primary--disabled );--slider-track__bg-color--unselected-disabled: var( --mer-color__neutral-gray--450 );--slider-thumb__bg-color: var(--mer-color__neutral-gray--200);--slider-thumb__size: var(--mer-spacing--sm)}.slider:disabled{--ch-slider-track__selected-background-color: var( --slider-track__bg-color--selected-disabled );--ch-slider-track__unselected-background-color: var( --slider-track__bg-color--unselected-disabled )}.slider::part(track){border-radius:calc(var(--ch-slider-track-block-size)/2)}.slider:hover{--ch-slider-thumb-background-color: var(--mer-color__primary--600)}.slider:active::part(thumb),.slider:focus::part(thumb){--ch-slider-thumb-background-color: var(--mer-color__primary--600)}:where(button,a){all:unset;display:inline-flex;align-items:center;user-select:none;touch-action:manipulation;cursor:pointer}button:disabled{pointer-events:none}.label--disabled{--label__color: var(--label__color--disabled)}.icon-size-sm{content:"";display:block;inline-size:var(--mer-icon__box--sm);block-size:var(--mer-icon__box--sm);background:no-repeat center/var(--mer-icon__size--sm) var(--icon-path)}.icon-size-md{content:"";display:block;inline-size:var(--mer-icon__box--md);block-size:var(--mer-icon__box--md);background:no-repeat center/var(--mer-icon__size--md) var(--icon-path)}.icon-and-text{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--control__icon-gap)}.checkbox::part(input disabled){--control__border-color: var(--control__border-color--disabled)}.checkbox::part(option disabled){--control__border-color: var(--control__border-color--disabled)}.checkbox-error::part(input){--control__border-color: var(--control__border-color--error)}.input-error{--control__border-color: var(--control__border-color--error)}.radio-group::part(radio__container disabled){border-color:var(--mer-border-color__primary--disabled)}.radio-group::part(radio__container checked){border-color:var(--mer-color__neutral-gray--300)}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { html } from "lit";
|
|
2
2
|
import { when } from "lit/directives/when.js";
|
|
3
|
-
import { copyButtonClickHandler, getMessageSerializedContentAll, tokenMap } from "./utils";
|
|
3
|
+
import { copyButtonClickHandler, getMessageSerializedContentAll, tokenMap } from "./utils.js";
|
|
4
4
|
const copyClickHandler = (event, message) => {
|
|
5
5
|
// We use the whole message to support copying the files and/or sources
|
|
6
6
|
const messageSerializedContentAll = getMessageSerializedContentAll(message);
|
|
@@ -11,15 +11,8 @@ export const customActionsRender = (message, chatRef) => {
|
|
|
11
11
|
const conditionToRender1 = message.role === "assistant" &&
|
|
12
12
|
(message.status === "complete" || !message.status);
|
|
13
13
|
const conditionToRender2 = message.role === "error";
|
|
14
|
-
return when(conditionToRender1 || conditionToRender2, () => html `<div part="actions-container"
|
|
15
|
-
<button
|
|
16
|
-
aria-label=${accessibleName.copyMessageContent}
|
|
17
|
-
part=${tokenMap({
|
|
14
|
+
return when(conditionToRender1 || conditionToRender2, () => html `<div part="actions-container"><button aria-label="${accessibleName.copyMessageContent}" part="${tokenMap({
|
|
18
15
|
[`action-button action-copy-message ${message.id}`]: true,
|
|
19
16
|
...(message.parts ? { [message.parts]: true } : {})
|
|
20
|
-
})}
|
|
21
|
-
type="button"
|
|
22
|
-
@click=${(e) => copyClickHandler(e, message)}
|
|
23
|
-
></button>
|
|
24
|
-
</div>`);
|
|
17
|
+
})}" type="button" @click="${(e) => copyClickHandler(e, message)}"></button></div>`);
|
|
25
18
|
};
|
|
@@ -1,37 +1,9 @@
|
|
|
1
1
|
import { html } from "lit";
|
|
2
2
|
import { when } from "lit/directives/when.js";
|
|
3
|
-
import { copyButtonClickHandler } from "./utils";
|
|
3
|
+
import { copyButtonClickHandler } from "./utils.js";
|
|
4
4
|
const downloadCodeBlockCallback = (plainText, language, downloadCodeBlock) => () => downloadCodeBlock(plainText, language);
|
|
5
5
|
export const customCodeBlockRender = (chatRef) => (options) => {
|
|
6
6
|
const { accessibleName, text } = chatRef.translations;
|
|
7
7
|
const downloadCb = chatRef.callbacks?.downloadCodeBlock;
|
|
8
|
-
return html `<div part="code-block">
|
|
9
|
-
<div part="code-block__header">
|
|
10
|
-
<span part="code-block__header-caption">${options.language}</span>
|
|
11
|
-
|
|
12
|
-
<div part="code-block__header-actions">
|
|
13
|
-
<button
|
|
14
|
-
class="button-copy-code"
|
|
15
|
-
aria-label=${text.copyCodeButton}
|
|
16
|
-
part="code-block__button--icon-only code-block__copy-code-button"
|
|
17
|
-
type="button"
|
|
18
|
-
@click=${(e) => copyButtonClickHandler(e, options.plainText)}
|
|
19
|
-
></button>
|
|
20
|
-
|
|
21
|
-
${when(downloadCb, () => html `<button
|
|
22
|
-
aria-label=${accessibleName.downloadCodeButton}
|
|
23
|
-
part="code-block__button--icon-only code-block__download-code-button"
|
|
24
|
-
@click=${downloadCodeBlockCallback(options.plainText, options.language, downloadCb)}
|
|
25
|
-
></button>`)}
|
|
26
|
-
</div>
|
|
27
|
-
</div>
|
|
28
|
-
|
|
29
|
-
<ch-code
|
|
30
|
-
.language=${options.language}
|
|
31
|
-
.lastNestedChildClass=${options.lastNestedChildClass}
|
|
32
|
-
part="code-block__content"
|
|
33
|
-
.showIndicator=${options.showIndicator}
|
|
34
|
-
.value=${options.plainText}
|
|
35
|
-
></ch-code>
|
|
36
|
-
</div>`;
|
|
8
|
+
return html `<div part="code-block"><div part="code-block__header"><span part="code-block__header-caption">${options.language}</span><div part="code-block__header-actions"><button class="button-copy-code" aria-label="${text.copyCodeButton}" part="code-block__button--icon-only code-block__copy-code-button" type="button" @click="${(e) => copyButtonClickHandler(e, options.plainText)}"></button> ${when(downloadCb, () => html `<button aria-label="${accessibleName.downloadCodeButton}" part="code-block__button--icon-only code-block__download-code-button" @click="${downloadCodeBlockCallback(options.plainText, options.language, downloadCb)}"></button>`)}</div></div><ch-code .language="${options.language}" .lastNestedChildClass="${options.lastNestedChildClass}" part="code-block__content" .showIndicator="${options.showIndicator}" .value="${options.plainText}"></ch-code></div>`;
|
|
37
9
|
};
|
|
@@ -1,48 +1,44 @@
|
|
|
1
1
|
import { html, nothing } from "lit";
|
|
2
2
|
import { ifDefined } from "lit/directives/if-defined.js";
|
|
3
3
|
import "./mer-spinner.lit.js";
|
|
4
|
-
import { tokenMap } from "./utils";
|
|
4
|
+
import { tokenMap } from "./utils.js";
|
|
5
5
|
const DEFAULT_FILE_UPLOAD_STATE = "uploaded";
|
|
6
|
-
/**
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
const fileSkeleton = (
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
6
|
+
// /**
|
|
7
|
+
// * Returns a skeleton element shown while a file is being uploaded.
|
|
8
|
+
// *
|
|
9
|
+
// * In Mercury, the loading state is visually represented in the footer,
|
|
10
|
+
// * so this skeleton is currently unused. However, it is recommended to keep
|
|
11
|
+
// * this function in the file in case the design changes and a visual loader
|
|
12
|
+
// * inside the file container becomes necessary again.
|
|
13
|
+
// *
|
|
14
|
+
// * @param file - The file object containing metadata and upload state.
|
|
15
|
+
// * @param fileFormat - The format type of the file (e.g., text, image, etc.).
|
|
16
|
+
// * @returns A TemplateResult with the skeleton element or `nothing` if not loading.
|
|
17
|
+
// */
|
|
18
|
+
// const fileSkeleton = (
|
|
19
|
+
// file: ChatMessageFile,
|
|
20
|
+
// fileFormat: keyof ChMimeTypeFormatMap
|
|
21
|
+
// ): TemplateResult | typeof nothing => {
|
|
22
|
+
// return file.uploadState === "in-progress"
|
|
23
|
+
// ? html`<div
|
|
24
|
+
// part=${tokenMap({
|
|
25
|
+
// [`file-skeleton format-${fileFormat} ${file.mimeType} ${
|
|
26
|
+
// file.uploadState ?? DEFAULT_FILE_UPLOAD_STATE
|
|
27
|
+
// }`]: true,
|
|
28
|
+
// [file.extension!]: !!file.extension,
|
|
29
|
+
// [file.parts!]: !!file.parts
|
|
30
|
+
// })}
|
|
31
|
+
// ></div>`
|
|
32
|
+
// : nothing;
|
|
33
|
+
// };
|
|
29
34
|
const fileFooter = (file, fileFormat) => {
|
|
30
|
-
return html `<div
|
|
31
|
-
class="elevation-1"
|
|
32
|
-
part=${tokenMap({
|
|
35
|
+
return html `<div class="elevation-1" part="${tokenMap({
|
|
33
36
|
[`file-footer format-${fileFormat} ${file.mimeType} ${file.uploadState ?? DEFAULT_FILE_UPLOAD_STATE}`]: true,
|
|
34
37
|
[file.extension]: !!file.extension,
|
|
35
38
|
[file.parts]: !!file.parts
|
|
36
|
-
})}
|
|
37
|
-
>
|
|
38
|
-
<span class="body-regular-xs" part="file-caption">
|
|
39
|
-
${file.caption}${file.extension && "." + file.extension.toLowerCase()}
|
|
40
|
-
</span>
|
|
41
|
-
|
|
42
|
-
${file.uploadState === "in-progress"
|
|
39
|
+
})}"><span class="body-regular-xs" part="file-caption">${file.caption}${file.extension && "." + file.extension.toLowerCase()} </span>${file.uploadState === "in-progress"
|
|
43
40
|
? html `<mer-spinner></mer-spinner>`
|
|
44
|
-
: nothing}
|
|
45
|
-
</div>`;
|
|
41
|
+
: nothing}</div>`;
|
|
46
42
|
};
|
|
47
43
|
const getFileContainerParts = (file, fileFormat) => {
|
|
48
44
|
return tokenMap({
|
|
@@ -60,65 +56,16 @@ const getFileParts = (file, fileFormat) => tokenMap({
|
|
|
60
56
|
// uploading
|
|
61
57
|
export const customFileRenders = {
|
|
62
58
|
audio: (file) => {
|
|
63
|
-
return html
|
|
64
|
-
<li class="file-container" part=${getFileContainerParts(file, "audio")}>
|
|
65
|
-
<audio
|
|
66
|
-
aria-label=${ifDefined(file.accessibleName)}
|
|
67
|
-
part=${getFileParts(file, "audio")}
|
|
68
|
-
src=${ifDefined(file.uploadState === "in-progress" ? undefined : file.url)}
|
|
69
|
-
controls
|
|
70
|
-
></audio>
|
|
71
|
-
|
|
72
|
-
<!-- ${fileSkeleton(file, "audio")} -->
|
|
73
|
-
${fileFooter(file, "audio")}
|
|
74
|
-
</li>
|
|
75
|
-
`;
|
|
59
|
+
return html `<li class="file-container" part="${getFileContainerParts(file, "audio")}"><audio aria-label="${ifDefined(file.accessibleName)}" part="${getFileParts(file, "audio")}" src="${ifDefined(file.uploadState === "in-progress" ? undefined : file.url)}" controls></audio>${fileFooter(file, "audio")}</li>`;
|
|
76
60
|
},
|
|
77
61
|
video: (file) => {
|
|
78
|
-
return html
|
|
79
|
-
<li class="file-container" part=${getFileContainerParts(file, "video")}>
|
|
80
|
-
<video
|
|
81
|
-
aria-label=${ifDefined(file.accessibleName)}
|
|
82
|
-
part=${getFileParts(file, "video")}
|
|
83
|
-
src=${ifDefined(file.uploadState === "in-progress" ? undefined : file.url)}
|
|
84
|
-
controls
|
|
85
|
-
></video>
|
|
86
|
-
<!-- ${fileSkeleton(file, "video")} -->
|
|
87
|
-
${fileFooter(file, "video")}
|
|
88
|
-
</li>
|
|
89
|
-
`;
|
|
62
|
+
return html `<li class="file-container" part="${getFileContainerParts(file, "video")}"><video aria-label="${ifDefined(file.accessibleName)}" part="${getFileParts(file, "video")}" src="${ifDefined(file.uploadState === "in-progress" ? undefined : file.url)}" controls></video>${fileFooter(file, "video")}</li>`;
|
|
90
63
|
},
|
|
91
64
|
image: (file) => {
|
|
92
|
-
return html
|
|
93
|
-
<li class="file-container" part=${getFileContainerParts(file, "image")}>
|
|
94
|
-
<img
|
|
95
|
-
aria-label=${ifDefined(file.accessibleName)}
|
|
96
|
-
part=${getFileParts(file, "image")}
|
|
97
|
-
src=${file.url}
|
|
98
|
-
alt=${file.alternativeText ?? file.accessibleName ?? ""}
|
|
99
|
-
loading="lazy"
|
|
100
|
-
/>
|
|
101
|
-
<!-- ${fileSkeleton(file, "image")} -->
|
|
102
|
-
${fileFooter(file, "image")}
|
|
103
|
-
</li>
|
|
104
|
-
`;
|
|
65
|
+
return html `<li class="file-container" part="${getFileContainerParts(file, "image")}"><img aria-label="${ifDefined(file.accessibleName)}" part="${getFileParts(file, "image")}" src="${file.url}" alt="${file.alternativeText ?? file.accessibleName ?? ""}" loading="lazy"> ${fileFooter(file, "image")}</li>`;
|
|
105
66
|
},
|
|
106
67
|
file: (file) => {
|
|
107
68
|
const disabledWhileUploading = file.uploadState === "in-progress";
|
|
108
|
-
return html
|
|
109
|
-
<li class="file-container" part=${getFileContainerParts(file, "file")}>
|
|
110
|
-
<a
|
|
111
|
-
aria-label=${ifDefined(file.accessibleName)}
|
|
112
|
-
role=${disabledWhileUploading ? "link" : nothing}
|
|
113
|
-
aria-disabled=${disabledWhileUploading ? "true" : nothing}
|
|
114
|
-
part=${getFileParts(file, "file")}
|
|
115
|
-
href=${disabledWhileUploading ? nothing : file.url}
|
|
116
|
-
target="_blank"
|
|
117
|
-
>
|
|
118
|
-
</a>
|
|
119
|
-
<!-- ${fileSkeleton(file, "file")} -->
|
|
120
|
-
${fileFooter(file, "file")}
|
|
121
|
-
</li>
|
|
122
|
-
`;
|
|
69
|
+
return html `<li class="file-container" part="${getFileContainerParts(file, "file")}"><a aria-label="${ifDefined(file.accessibleName)}" role="${disabledWhileUploading ? "link" : nothing}" aria-disabled="${disabledWhileUploading ? "true" : nothing}" part="${getFileParts(file, "file")}" href="${disabledWhileUploading ? nothing : file.url}" target="_blank"></a> ${fileFooter(file, "file")}</li>`;
|
|
123
70
|
}
|
|
124
71
|
};
|