@slotted/angular 0.1.0-beta.2 → 0.1.0-beta.3

package/fesm2022/slotted-angular-import-export-center.mjs

@@ -1222,7 +1222,7 @@ class SlImportExportCenter {
         }
       </li>
     </ng-template>
-  `, isInline: true, styles: ["@layer slotted.components{[data-ui=import-export-center]{--_text: var(--slotted-text, CanvasText);--_muted: var(--slotted-text-muted, GrayText);--_rule: var(--slotted-import-export-center-border, var(--slotted-border-subtle, ButtonBorder));--_ground: var(--slotted-import-export-center-background, var(--slotted-surface, Canvas));--_hover: var(--slotted-tone-secondary-subtle-hover, ButtonFace);--_active: var(--slotted-tone-secondary-subtle-active, ButtonFace);--_inset-inline: var( --slotted-import-export-center-inset-inline-md, var(--slotted-space-6, 1rem) );--_inset-block: var( --slotted-import-export-center-inset-block-md, var(--slotted-space-5, .75rem) );--_gap: var(--slotted-import-export-center-gap-md, var(--slotted-space-5, .75rem));--_title-size: var(--slotted-font-size-lg, 1rem);--_title-line-height: var(--slotted-line-height-lg, 1.5);--_job-title-size: var(--slotted-font-size-md, .875rem);--_job-title-line-height: var(--slotted-line-height-md, 1.5);--_meta-size: var(--slotted-font-size-sm, .8125rem);--_meta-line-height: var(--slotted-line-height-sm, 1.45);--_small-size: var(--slotted-font-size-xs, .75rem);--_small-line-height: var(--slotted-line-height-xs, 1.4);--_glyph: var(--slotted-control-icon-size-md, 16px);--_tile: calc(2 * var(--_glyph));--_control-glyph: var(--slotted-control-icon-size-sm, 14px);--_control: min( calc(var(--_control-glyph) + 2 * var(--slotted-space-2, .25rem)), var(--slotted-control-inner-size-md, 24px) );--_count-size: var(--slotted-font-size-xs, .75rem);--_count-box: calc( var(--_count-size) + 2 * var(--slotted-space-1, .125rem) + 2 * var(--slotted-border-width-thin, 1px) );--_rule-size: var(--slotted-border-width-thin, 1px);--_mark-gap: var(--slotted-space-3, .375rem);--_separator: 3px;--_separator-gap: var(--slotted-space-5, .75rem);--_status-column: var(--slotted-import-export-center-status-column, 16rem);--_duration: var(--slotted-control-transition-duration);--_easing: var(--slotted-control-transition-easing);background-color:var(--_ground);color:var(--_text);container-name:import-export-center;container-type:inline-size;display:flex;flex-direction:column;font-family:var(--slotted-font-family-sans, ui-sans-serif, system-ui, sans-serif);min-inline-size:0}[data-ui=import-export-center][data-size=sm]{min-inline-size:var( --slotted-import-export-center-min-inline-size-sm, min(24rem, calc(100vw - var(--slotted-space-8, 2rem))) );--_inset-inline: var( --slotted-import-export-center-inset-inline-sm, var(--slotted-space-5, .75rem) );--_inset-block: var( --slotted-import-export-center-inset-block-sm, var(--slotted-space-4, .5rem) );--_gap: var(--slotted-import-export-center-gap-sm, var(--slotted-space-4, .5rem));--_title-size: var(--slotted-font-size-md, .875rem);--_title-line-height: var(--slotted-line-height-md, 1.5);--_job-title-size: var(--slotted-font-size-sm, .8125rem);--_job-title-line-height: var(--slotted-line-height-sm, 1.45);--_meta-size: var(--slotted-font-size-xs, .75rem);--_meta-line-height: var(--slotted-line-height-xs, 1.4);--_glyph: var(--slotted-control-icon-size-sm, 14px);--_control: min( calc(var(--_control-glyph) + 2 * var(--slotted-space-2, .25rem)), var(--slotted-control-inner-size-sm, 22px) )}[data-ui=import-export-center]>[data-part=header]{align-items:center;border-block-end:var(--_rule-size) solid var(--_rule);display:flex;flex-wrap:wrap;gap:var(--slotted-space-3, .375rem) var(--_gap);justify-content:flex-end;min-inline-size:0;padding-block:var(--_inset-block);padding-inline:var(--_inset-inline)}[data-ui=import-export-center]>[data-part=header]>[data-part=title]{align-items:center;color:var(--_text);display:inline-flex;flex-wrap:wrap;font-family:var( --slotted-font-family-heading, var(--slotted-font-family-sans, ui-sans-serif, system-ui, sans-serif) );font-size:var(--_title-size);font-weight:var(--slotted-font-weight-semibold, 600);gap:var(--slotted-space-3, .375rem);letter-spacing:-.01em;line-height:var(--_title-line-height);margin:0;margin-inline-end:auto;min-inline-size:0}[data-ui=import-export-center]>[data-part=header]>[data-part=title]>[data-part=count]{align-items:center;background-color:var(--slotted-tone-accent-surface, Canvas);block-size:var(--_count-box);border:var(--slotted-border-width-thin, 1px) solid color-mix(in oklab,currentcolor 20%,transparent);border-radius:var(--slotted-radius-full, 9999px);box-sizing:border-box;color:var(--slotted-tone-accent-text, Highlight);display:inline-flex;font-size:var(--_count-size);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600);justify-content:center;letter-spacing:0;line-height:1;min-inline-size:var(--_count-box);padding-block:0;padding-inline:var(--slotted-space-3, .375rem);white-space:nowrap}[data-ui=import-export-center]>[data-part=header]>[data-part=tools]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--slotted-control-gap-sm, 6px);justify-content:flex-end;min-inline-size:0}[data-ui=import-export-center] [data-part=tools]>[data-part=clear],[data-ui=import-export-center] [data-part=tools]>[data-part=actions]{align-items:center;display:inline-flex;flex-wrap:wrap;gap:var(--slotted-control-gap-sm, 6px)}[data-ui=import-export-center]>[data-part=views]{border-block-end:var(--_rule-size) solid var(--_rule);min-inline-size:0;padding-inline:var(--_inset-inline)}[data-ui=import-export-center]>[data-part=list]{display:flex;flex:1 1 auto;flex-direction:column;list-style:none;margin:0;min-block-size:0;min-inline-size:0;overflow-y:auto;overscroll-behavior:contain;padding:0;scrollbar-color:var(--slotted-border-strong, ButtonBorder) transparent;scrollbar-width:thin}[data-ui=import-export-center]>[data-part=list]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=import-export-center]>[data-part=list]>[data-part=job]{--_tone-text: var(--slotted-tone-secondary-text, CanvasText);--_tone-solid: var(--slotted-tone-secondary-solid, CanvasText);align-items:start;border-block-end:var(--_rule-size) solid var(--_rule);column-gap:var(--_gap);display:grid;grid-template-areas:\"visual body\" \"visual controls\" \". details\";grid-template-columns:var(--_tile) minmax(0,1fr);min-inline-size:0;padding-block:var(--_inset-block);padding-inline:var(--_inset-inline);row-gap:var(--slotted-space-4, .5rem)}[data-ui=import-export-center]>[data-part=list]>[data-part=job]:last-child{border-block-end:0}[data-ui=import-export-center]>[data-part=list]>[data-part=job][data-status=running]{--_tone-text: var(--slotted-tone-accent-text, Highlight);--_tone-solid: var(--slotted-tone-accent-solid, Highlight)}[data-ui=import-export-center]>[data-part=list]>[data-part=job][data-outcome=success]{--_tone-text: var(--slotted-tone-success-text, CanvasText);--_tone-solid: var(--slotted-tone-success-solid, CanvasText)}[data-ui=import-export-center]>[data-part=list]>[data-part=job][data-outcome=partial]{--_tone-text: var(--slotted-tone-warning-text, CanvasText);--_tone-solid: var(--slotted-tone-warning-solid, CanvasText)}[data-ui=import-export-center]>[data-part=list]>[data-part=job][data-outcome=failed]{--_tone-text: var(--slotted-tone-danger-text, CanvasText);--_tone-solid: var(--slotted-tone-danger-solid, CanvasText)}[data-ui=import-export-center]>[data-part=list]>[data-part=job][data-outcome=canceled]{--_tone-text: var(--_muted);--_tone-solid: var(--_muted)}[data-ui=import-export-center] [data-part=job]>[data-part=visual]{--_kind-tile: var(--slotted-upload-kind-other);--slotted-icon-size: var(--_glyph);align-items:center;background-color:var(--_kind-tile);block-size:var(--_tile);border-radius:var(--slotted-radius-sm, 4px);color:var(--slotted-upload-kind-foreground);display:inline-flex;grid-area:visual;inline-size:var(--_tile);justify-content:center;margin-block-start:round(nearest,calc((var(--_job-title-size) * var(--_job-title-line-height) + var(--_meta-size) * var(--_meta-line-height) - var(--_tile)) / 2),1px)}[data-ui=import-export-center] [data-part=job]>[data-part=visual][data-kind=pdf]{--_kind-tile: var(--slotted-upload-kind-pdf)}[data-ui=import-export-center] [data-part=job]>[data-part=visual][data-kind=document]{--_kind-tile: var(--slotted-upload-kind-document)}[data-ui=import-export-center] [data-part=job]>[data-part=visual][data-kind=spreadsheet]{--_kind-tile: var(--slotted-upload-kind-spreadsheet)}[data-ui=import-export-center] [data-part=job]>[data-part=visual][data-kind=presentation]{--_kind-tile: var(--slotted-upload-kind-presentation)}[data-ui=import-export-center] [data-part=job]>[data-part=visual][data-kind=image]{--_kind-tile: var(--slotted-upload-kind-image)}[data-ui=import-export-center] [data-part=job]>[data-part=visual][data-kind=video]{--_kind-tile: var(--slotted-upload-kind-video)}[data-ui=import-export-center] [data-part=job]>[data-part=visual][data-kind=audio]{--_kind-tile: var(--slotted-upload-kind-audio)}[data-ui=import-export-center] [data-part=job]>[data-part=visual][data-kind=archive]{--_kind-tile: var(--slotted-upload-kind-archive)}[data-ui=import-export-center] [data-part=job]>[data-part=body]{display:grid;gap:var(--slotted-space-3, .375rem);grid-area:body;grid-template-columns:minmax(0,1fr);min-inline-size:0}[data-ui=import-export-center] [data-part=job]>[data-part=body]>[data-part=heading]{display:flex;flex-direction:column;gap:var(--slotted-space-1, .125rem);min-inline-size:0}[data-ui=import-export-center] [data-part=heading]>[data-part=job-title]{align-self:flex-start;color:var(--_text);font-size:var(--_job-title-size);font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--_job-title-line-height);min-inline-size:0;overflow-wrap:anywhere}[data-ui=import-export-center] [data-part=heading]>a[data-part=job-title]{border-radius:var(--slotted-radius-xs, 2px);text-decoration-color:transparent;text-decoration-line:underline;text-decoration-thickness:from-font;text-underline-offset:.2em;transition:text-decoration-color var(--_duration) var(--_easing)}[data-ui=import-export-center] [data-part=heading]>a[data-part=job-title]:not([data-disabled]):hover{text-decoration-color:currentcolor}[data-ui=import-export-center] [data-part=heading]>a[data-part=job-title]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=import-export-center] [data-part=heading]>span[data-part=job-title]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=import-export-center] [data-part=heading]>[data-part=meta]{align-items:baseline;color:var(--_muted);display:flex;flex-wrap:wrap;font-size:var(--_meta-size);gap:0 var(--_separator-gap);line-height:var(--_meta-line-height);margin:0;min-inline-size:0;overflow-x:clip}[data-ui=import-export-center] [data-part=meta]>*,[data-ui=import-export-center] [data-part=summary]>*,[data-ui=import-export-center] [data-part=progress-text]>*{max-inline-size:100%;min-inline-size:0;overflow:clip;overflow-clip-margin:var(--_separator-gap);text-overflow:ellipsis;white-space:nowrap}[data-ui=import-export-center] [data-part=meta]>*+*:before,[data-ui=import-export-center] [data-part=summary]>*+*:before,[data-ui=import-export-center] [data-part=progress-text]>*+*:before,[data-ui=import-export-center] [data-part=status-label]>[data-part=stage]:before{background-color:currentcolor;block-size:var(--_separator);border-radius:var(--slotted-radius-full, 9999px);content:\"\";display:inline-block;inline-size:var(--_separator);margin-inline-end:calc((var(--_separator-gap) - var(--_separator)) / 2);margin-inline-start:calc((var(--_separator-gap) + var(--_separator)) / -2);opacity:.6;vertical-align:calc(.5ex - var(--_separator) / 2)}[data-ui=import-export-center] [data-part=meta]>:has(>[data-part=file-name]){max-inline-size:100%;white-space:nowrap}[data-ui=import-export-center] [data-part=meta] [data-part=file-name]{display:inline-flex;max-inline-size:100%;min-inline-size:0;unicode-bidi:isolate}[data-ui=import-export-center] [data-part=file-name]>[data-part=name]{min-inline-size:1ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=import-export-center] [data-part=file-name]>[data-part=extension]{flex:none;white-space:nowrap}[data-ui=import-export-center] [data-part=meta]>[data-part=time]{font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui=import-export-center] [data-part=body]>[data-part=status]{align-items:baseline;color:var(--_tone-text);column-gap:var(--_mark-gap);display:grid;font-size:var(--_meta-size);font-weight:var(--slotted-font-weight-medium, 500);grid-template-columns:auto minmax(0,1fr);line-height:var(--_meta-line-height);min-inline-size:0}[data-ui=import-export-center] [data-part=status]>[data-part=mark]{--slotted-icon-size: 1em;--slotted-spinner-size: 1em;align-self:baseline;block-size:1em;inline-size:1em;position:relative;inset-block-start:round(nearest,calc(.5em - ((1cap + 1ex)/4)),1px)}[data-ui=import-export-center] [data-part=status]>[data-part=status-label]{align-items:baseline;display:flex;flex-wrap:wrap;gap:0 var(--_separator-gap);min-inline-size:0;overflow-wrap:anywhere;overflow-x:clip}[data-ui=import-export-center] [data-part=status-label]>*{min-inline-size:0}[data-ui=import-export-center] [data-part=status-label]>[data-part=stage]{max-inline-size:100%;overflow:clip;overflow-clip-margin:var(--_separator-gap);text-overflow:ellipsis;white-space:nowrap}[data-ui=import-export-center] [data-part=status]>[data-part=mark]>[data-ui=icon],[data-ui=import-export-center] [data-part=status]>[data-part=mark]>[data-ui=spinner]{inset:0;position:absolute}[data-ui=import-export-center] [data-part=status-label]>[data-part=stage]{color:var(--_muted);font-weight:var(--slotted-font-weight-regular, 400)}[data-ui=import-export-center] [data-part=body]>[data-part=progress]{display:grid;gap:var(--slotted-space-2, .25rem);min-inline-size:0}[data-ui=import-export-center] [data-part=progress]>[data-part=progress-text]{color:var(--_muted);display:flex;flex-wrap:wrap;gap:0 var(--_separator-gap);overflow-x:clip;font-size:var(--_small-size);font-variant-numeric:tabular-nums;line-height:var(--_small-line-height);min-inline-size:0}[data-ui=import-export-center] [data-part=body]>[data-part=summary]{color:var(--_muted);display:flex;flex-wrap:wrap;gap:0 var(--_separator-gap);overflow-x:clip;font-size:var(--_meta-size);font-variant-numeric:tabular-nums;line-height:var(--_meta-line-height);margin:0;min-inline-size:0}[data-ui=import-export-center] [data-part=body]>[data-part=message]{color:var(--_muted);font-size:var(--_meta-size);line-height:var(--_meta-line-height);margin:0;min-inline-size:0;overflow-wrap:anywhere}[data-ui=import-export-center] [data-part=job][data-outcome=failed] [data-part=body]>[data-part=message],[data-ui=import-export-center] [data-part=job][data-outcome=partial] [data-part=body]>[data-part=message]{color:var(--_tone-text)}[data-ui=import-export-center] [data-part=job]>[data-part=controls]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--slotted-control-gap-sm, 6px);grid-area:controls;min-inline-size:0}[data-ui=import-export-center] [data-part=controls]>[data-part=download],[data-ui=import-export-center] [data-part=controls]>[data-part=cancel],[data-ui=import-export-center] [data-part=controls]>[data-part=retry],[data-ui=import-export-center] [data-part=controls]>[data-part=toggle],[data-ui=import-export-center] [data-part=controls]>[data-part=job-actions]{align-items:center;display:inline-flex;gap:var(--slotted-control-gap-sm, 6px)}[data-ui=import-export-center] [data-part=controls]>[data-part=remove]{margin-inline-start:auto}[data-ui=import-export-center] [data-part=toggle] [data-part=chevron]{--slotted-icon-size: var(--_control-glyph);block-size:var(--_control-glyph);display:flex;inline-size:var(--_control-glyph);transition:transform var(--_duration) var(--_easing)}[data-ui=import-export-center] [data-part=toggle][data-expanded] [data-part=chevron]{transform:rotate(180deg)}[data-ui=import-export-center] button[data-part=remove]{align-items:center;appearance:none;background-color:transparent;block-size:var(--_control);border:0;border-radius:var(--slotted-control-radius, 4px);color:var(--_muted);cursor:pointer;display:inline-flex;flex:none;inline-size:var(--_control);justify-content:center;padding:0;position:relative;transition:background-color var(--_duration) var(--_easing),color var(--_duration) var(--_easing)}[data-ui=import-export-center] button[data-part=remove]:after{content:\"\";inset:min(0px,calc((var(--_control) - var(--slotted-target-min, 24px)) / 2));position:absolute}[data-ui=import-export-center] button[data-part=remove]>[data-ui=icon]{--slotted-icon-size: var(--_control-glyph)}[data-ui=import-export-center] button[data-part=remove]:not([data-disabled]):hover{background-color:var(--_hover);color:var(--_text)}[data-ui=import-export-center] button[data-part=remove]:not([data-disabled]):active{background-color:var(--_active)}[data-ui=import-export-center] button[data-part=remove]:focus-visible{color:var(--_text);outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=import-export-center] [data-part=job]>[data-part=details]{background-color:var(--slotted-surface-sunken, Canvas);border:var(--_rule-size) solid var(--_rule);border-radius:var(--slotted-radius-md, 6px);display:grid;gap:var(--_gap);grid-area:details;grid-template-columns:minmax(0,1fr);min-inline-size:0;padding-block:var(--slotted-space-5, .75rem);padding-inline:var(--slotted-space-5, .75rem)}[data-ui=import-export-center] [data-part=job]>[data-part=details][hidden]{display:none}[data-ui=import-export-center] [data-part=details]>[data-part=counts]{display:grid;gap:var(--slotted-space-4, .5rem) var(--slotted-space-7, 1.25rem);grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));margin:0;min-inline-size:0}[data-ui=import-export-center] [data-part=counts]>div{display:flex;flex-direction:column;gap:var(--slotted-space-1, .125rem);min-inline-size:0}[data-ui=import-export-center] [data-part=counts] dt{color:var(--_muted);font-size:var(--_small-size);line-height:var(--_small-line-height)}[data-ui=import-export-center] [data-part=counts] dd{color:var(--_text);font-size:var(--_job-title-size);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--_job-title-line-height);margin:0}[data-ui=import-export-center] [data-part=counts]>div[data-count=failed] dd{color:var(--slotted-tone-danger-text, CanvasText)}[data-ui=import-export-center] [data-part=details]>[data-part=files]{display:grid;gap:var(--slotted-space-3, .375rem);list-style:none;margin:0;min-inline-size:0;padding:0}[data-ui=import-export-center] [data-part=files]>[data-part=file]{align-items:center;display:flex;flex-wrap:wrap;font-size:var(--_meta-size);gap:var(--slotted-space-2, .25rem) var(--slotted-space-4, .5rem);justify-content:space-between;line-height:var(--_meta-line-height);min-inline-size:0}[data-ui=import-export-center] [data-part=file]>[data-part=meta]{flex:1 1 14rem;align-items:baseline;color:var(--_muted);display:flex;flex-wrap:wrap;gap:0 var(--_separator-gap);min-inline-size:0;overflow-x:clip}[data-ui=import-export-center] [data-part=file]>[data-part=meta]>strong{color:var(--_text);font-weight:var(--slotted-font-weight-medium, 500)}[data-ui=import-export-center] [data-part=file]>[data-part=download]{display:inline-flex}[data-ui=import-export-center] [data-part=details]>[data-part=errors]{display:grid;gap:var(--slotted-space-3, .375rem);min-inline-size:0}[data-ui=import-export-center] [data-part=errors]>[data-ui=table]{max-block-size:var(--slotted-import-export-center-errors-max-block-size, 16rem);min-inline-size:0;overflow:auto}[data-ui=import-export-center] [data-part=errors]>[data-part=errors-note]{align-items:center;color:var(--_muted);display:flex;flex-wrap:wrap;font-size:var(--_small-size);gap:var(--slotted-space-3, .375rem) var(--slotted-space-5, .75rem);justify-content:space-between;line-height:var(--_small-line-height);margin:0}[data-ui=import-export-center]>button[data-part=more]{align-items:center;appearance:none;background-color:var(--_ground);border:var(--_rule-size) solid var(--_rule);border-radius:var(--slotted-radius-full, 9999px);color:var(--_text);cursor:pointer;display:flex;font:inherit;font-size:var(--_meta-size);font-weight:var(--slotted-font-weight-medium, 500);gap:var(--slotted-control-gap-sm, 6px);inline-size:fit-content;justify-content:center;line-height:var(--slotted-control-line-height, 1);margin-block:var(--_inset-block);margin-inline:auto;min-block-size:var(--slotted-control-height-sm, 30px);padding-inline:var(--slotted-control-padding-inline-md, 13px);transition:background-color var(--_duration) var(--_easing),border-color var(--_duration) var(--_easing)}[data-ui=import-export-center]>button[data-part=more]:not([data-loading]):enabled:hover{background-color:var(--_hover)}[data-ui=import-export-center]>button[data-part=more]:not([data-loading]):enabled:active{background-color:var(--_active)}[data-ui=import-export-center]>button[data-part=more][data-loading]{color:var(--_muted);cursor:progress}[data-ui=import-export-center]>button[data-part=more]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=import-export-center]>[data-part=empty],[data-ui=import-export-center]>[data-part=error]{min-inline-size:0;padding-block:var(--slotted-space-9, 2rem);padding-inline:var(--_inset-inline)}[data-ui=import-export-center]>[data-part=footer]{align-items:center;border-block-start:var(--_rule-size) solid var(--_rule);display:flex;flex-wrap:wrap;font-size:var(--_meta-size);gap:var(--_gap);justify-content:center;line-height:var(--_meta-line-height);padding-block:var(--_inset-block);padding-inline:var(--_inset-inline)}[data-ui=import-export-center]>[data-part=list]>[data-part=job][aria-hidden=true]>[data-part=visual]{background-color:transparent}[data-ui=import-export-center] [data-part=job][aria-hidden=true]>[data-part=visual]>[data-ui=skeleton]{block-size:100%;inline-size:100%}@container import-export-center (inline-size < 22rem){[data-ui=import-export-center]>[data-part=list]>[data-part=job]{grid-template-areas:\"visual body\" \"visual controls\" \"details details\"}}@container import-export-center (inline-size >= 42rem){[data-ui=import-export-center]>[data-part=list]{column-gap:var(--_gap);display:grid;grid-template-columns:auto minmax(0,6fr) minmax(var(--_status-column),5fr)}[data-ui=import-export-center]>[data-part=list]>[data-part=job]{grid-column:1 / -1;grid-template-areas:none;grid-template-columns:subgrid;grid-template-rows:repeat(5,auto) auto;row-gap:0}[data-ui=import-export-center] [data-part=job]>[data-part=visual]{grid-column:1;grid-row:1 / span 5}[data-ui=import-export-center] [data-part=job]>[data-part=body]{display:contents}[data-ui=import-export-center] [data-part=job]>[data-part=body]>[data-part=heading]{grid-column:2;grid-row:1 / span 5}[data-ui=import-export-center] [data-part=job]>[data-part=body]>:not([data-part=heading]){grid-column:3}[data-ui=import-export-center] [data-part=job]>[data-part=body]>:not([data-part=heading])+:not([data-part=heading]){margin-block-start:var(--slotted-space-3, .375rem)}[data-ui=import-export-center] [data-part=job]>[data-part=controls]{grid-column:3;grid-row:5;margin-block-start:var(--slotted-space-4, .5rem)}[data-ui=import-export-center] [data-part=job]>[data-part=details]{grid-column:2 / -1;grid-row:6;margin-block-start:var(--_gap)}}@media(forced-colors:active){[data-ui=import-export-center] [data-part=meta]>*+*:before,[data-ui=import-export-center] [data-part=summary]>*+*:before,[data-ui=import-export-center] [data-part=progress-text]>*+*:before,[data-ui=import-export-center] [data-part=status-label]>[data-part=stage]:before{forced-color-adjust:none}[data-ui=import-export-center] [data-part=job]>[data-part=visual]{border:var(--slotted-border-width-thin, 1px) solid CanvasText;color:CanvasText}[data-ui=import-export-center] [data-part=job]>[data-part=details]{border-color:CanvasText}}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SlButton, selector: "button[slButton]", inputs: ["disabled", "focusableWhenDisabled", "fullWidth", "loading", "loadingDelay", "messages", "size", "tone", "type", "variant"], exportAs: ["slButton"] }, { kind: "component", type: SlButtonEnd, selector: "[slButtonEnd]", exportAs: ["slButtonEnd"] }, { kind: "component", type: SlButtonLink, selector: "a[slButtonLink]", inputs: ["disabled", "fullWidth", "size", "tone", "variant", "href"], exportAs: ["slButtonLink"] }, { kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }, { kind: "component", type: SlImportExportControl, selector: "button[slImportExportControl]", inputs: ["text", "describedBy"] }, { kind: "component", type: SlProgressBar, selector: "[slProgressBar]", inputs: ["value", "min", "max", "buffer", "showValue", "valueText", "format", "locale", "wave", "placement"], exportAs: ["slProgressBar"] }, { kind: "component", type: SlResultState, selector: "[slResultState]", inputs: ["status", "reach", "align", "live", "illustration"], exportAs: ["slResultState"] }, { kind: "directive", type: SlResultStateActions, selector: "[slResultStateActions]", exportAs: ["slResultStateActions"] }, { kind: "directive", type: SlResultStateContent, selector: "[slResultStateContent]", exportAs: ["slResultStateContent"] }, { kind: "directive", type: SlResultStateDescription, selector: "[slResultStateDescription]", exportAs: ["slResultStateDescription"] }, { kind: "component", type: SlResultStateTitle, selector: "[slResultStateTitle]", exportAs: ["slResultStateTitle"] }, { kind: "component", type: SlSkeleton, selector: "[slSkeleton]", inputs: ["shape", "size", "animation", "loading", "inlineSize", "blockSize"], exportAs: ["slSkeleton"] }, { kind: "component", type: SlSkeletonText, selector: "[slSkeletonText]", inputs: ["lines", "animation", "loading", "lastLineSize", "inlineSize"], exportAs: ["slSkeletonText"] }, { kind: "component", type: SlTab, selector: "[slTab]", inputs: ["value", "disabled", "dismissible", "dismissLabel", "href", "controls"], exportAs: ["slTab"] }, { kind: "directive", type: SlTabList, selector: "[slTabList]", exportAs: ["slTabList"] }, { kind: "component", type: SlTable, selector: "div[slTable]", inputs: ["sort", "value", "expanded", "variant", "layout", "selectionMode", "cellAlign", "striped", "stickyHeader", "stickyFooter", "stickyTo", "columns", "loading", "messages"], outputs: ["sortChange", "valueChange", "expandedChange", "sortChangeRequest", "valueChangeRequest", "expandedChangeRequest"], exportAs: ["slTable"] }, { kind: "directive", type: SlTableBody, selector: "tbody[slTableBody]", exportAs: ["slTableBody"] }, { kind: "directive", type: SlTableCaption, selector: "caption[slTableCaption]", exportAs: ["slTableCaption"] }, { kind: "directive", type: SlTableCell, selector: "td[slTableCell]", exportAs: ["slTableCell"] }, { kind: "component", type: SlTableColumnHeader, selector: "th[slTableColumnHeader]", inputs: ["column", "scope"], exportAs: ["slTableColumnHeader"] }, { kind: "component", type: SlTableContent, selector: "div[slTableContent]", inputs: ["totalRowCount", "scrollLabel", "scrollLabelledBy"], exportAs: ["slTableContent"] }, { kind: "directive", type: SlTableHead, selector: "thead[slTableHead]", exportAs: ["slTableHead"] }, { kind: "directive", type: SlTableRow, selector: "tr[slTableRow]", inputs: ["value", "disabled", "rowIndex"], exportAs: ["slTableRow"] }, { kind: "component", type: SlTabs, selector: "[slTabs]", inputs: ["value", "defaultValue", "activation", "orientation", "size", "variant", "track", "fit", "mount", "loop", "disabled"], outputs: ["valueChange", "tabDismiss"], exportAs: ["slTabs"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, styles: ["@layer slotted.components{[data-ui=import-export-center]{--_text: var(--slotted-text, CanvasText);--_muted: var(--slotted-text-muted, GrayText);--_rule: var(--slotted-import-export-center-border, var(--slotted-border-subtle, ButtonBorder));--_ground: var(--slotted-import-export-center-background, var(--slotted-surface, Canvas));--_hover: var(--slotted-tone-secondary-subtle-hover, ButtonFace);--_active: var(--slotted-tone-secondary-subtle-active, ButtonFace);--_inset-inline: var( --slotted-import-export-center-inset-inline-md, var(--slotted-space-6, 1rem) );--_inset-block: var( --slotted-import-export-center-inset-block-md, var(--slotted-space-5, .75rem) );--_gap: var(--slotted-import-export-center-gap-md, var(--slotted-space-5, .75rem));--_title-size: var(--slotted-font-size-lg, 1rem);--_title-line-height: var(--slotted-line-height-lg, 1.5);--_job-title-size: var(--slotted-font-size-md, .875rem);--_job-title-line-height: var(--slotted-line-height-md, 1.5);--_meta-size: var(--slotted-font-size-sm, .8125rem);--_meta-line-height: var(--slotted-line-height-sm, 1.45);--_small-size: var(--slotted-font-size-xs, .75rem);--_small-line-height: var(--slotted-line-height-xs, 1.4);--_glyph: var(--slotted-control-icon-size-md, 16px);--_tile: calc(2 * var(--_glyph));--_control-glyph: var(--slotted-control-icon-size-sm, 14px);--_control: min( calc(var(--_control-glyph) + 2 * var(--slotted-space-2, .25rem)), var(--slotted-control-inner-size-md, 24px) );--_count-size: var(--slotted-font-size-xs, .75rem);--_count-box: calc( var(--_count-size) + 2 * var(--slotted-space-1, .125rem) + 2 * var(--slotted-border-width-thin, 1px) );--_rule-size: var(--slotted-border-width-thin, 1px);--_mark-gap: var(--slotted-space-3, .375rem);--_separator: 3px;--_separator-gap: var(--slotted-space-5, .75rem);--_status-column: var(--slotted-import-export-center-status-column, 16rem);--_duration: var(--slotted-control-transition-duration);--_easing: var(--slotted-control-transition-easing);background-color:var(--_ground);color:var(--_text);container-name:import-export-center;container-type:inline-size;display:flex;flex-direction:column;font-family:var(--slotted-font-family-sans, ui-sans-serif, system-ui, sans-serif);min-inline-size:0}[data-ui=import-export-center][data-size=sm]{min-inline-size:var( --slotted-import-export-center-min-inline-size-sm, min(24rem, calc(100vw - var(--slotted-space-8, 2rem))) );--_inset-inline: var( --slotted-import-export-center-inset-inline-sm, var(--slotted-space-5, .75rem) );--_inset-block: var( --slotted-import-export-center-inset-block-sm, var(--slotted-space-4, .5rem) );--_gap: var(--slotted-import-export-center-gap-sm, var(--slotted-space-4, .5rem));--_title-size: var(--slotted-font-size-md, .875rem);--_title-line-height: var(--slotted-line-height-md, 1.5);--_job-title-size: var(--slotted-font-size-sm, .8125rem);--_job-title-line-height: var(--slotted-line-height-sm, 1.45);--_meta-size: var(--slotted-font-size-xs, .75rem);--_meta-line-height: var(--slotted-line-height-xs, 1.4);--_glyph: var(--slotted-control-icon-size-sm, 14px);--_control: min( calc(var(--_control-glyph) + 2 * var(--slotted-space-2, .25rem)), var(--slotted-control-inner-size-sm, 22px) )}[data-ui=import-export-center]>[data-part=header]{align-items:center;border-block-end:var(--_rule-size) solid var(--_rule);display:flex;flex-wrap:wrap;gap:var(--slotted-space-3, .375rem) var(--_gap);justify-content:flex-end;min-inline-size:0;padding-block:var(--_inset-block);padding-inline:var(--_inset-inline)}[data-ui=import-export-center]>[data-part=header]>[data-part=title]{align-items:center;color:var(--_text);display:inline-flex;flex-wrap:wrap;font-family:var( --slotted-font-family-heading, var(--slotted-font-family-sans, ui-sans-serif, system-ui, sans-serif) );font-size:var(--_title-size);font-weight:var(--slotted-font-weight-semibold, 600);gap:var(--slotted-space-3, .375rem);letter-spacing:-.01em;line-height:var(--_title-line-height);margin:0;margin-inline-end:auto;min-inline-size:0}[data-ui=import-export-center]>[data-part=header]>[data-part=title]>[data-part=count]{align-items:center;background-color:var(--slotted-tone-accent-surface, Canvas);block-size:var(--_count-box);border:var(--slotted-border-width-thin, 1px) solid color-mix(in oklab,currentcolor 20%,transparent);border-radius:var(--slotted-radius-full, 9999px);box-sizing:border-box;color:var(--slotted-tone-accent-text, Highlight);display:inline-flex;font-size:var(--_count-size);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600);justify-content:center;letter-spacing:0;line-height:1;min-inline-size:var(--_count-box);padding-block:0;padding-inline:var(--slotted-space-3, .375rem);white-space:nowrap}[data-ui=import-export-center]>[data-part=header]>[data-part=tools]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--slotted-control-gap-sm, 6px);justify-content:flex-end;min-inline-size:0}[data-ui=import-export-center] [data-part=tools]>[data-part=clear],[data-ui=import-export-center] [data-part=tools]>[data-part=actions]{align-items:center;display:inline-flex;flex-wrap:wrap;gap:var(--slotted-control-gap-sm, 6px)}[data-ui=import-export-center]>[data-part=views]{border-block-end:var(--_rule-size) solid var(--_rule);min-inline-size:0;padding-inline:var(--_inset-inline)}[data-ui=import-export-center]>[data-part=list]{display:flex;flex:1 1 auto;flex-direction:column;list-style:none;margin:0;min-block-size:0;min-inline-size:0;overflow-y:auto;overscroll-behavior:contain;padding:0;scrollbar-color:var(--slotted-border-strong, ButtonBorder) transparent;scrollbar-width:thin}[data-ui=import-export-center]>[data-part=list]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=import-export-center]>[data-part=list]>[data-part=job]{--_tone-text: var(--slotted-tone-secondary-text, CanvasText);--_tone-solid: var(--slotted-tone-secondary-solid, CanvasText);align-items:start;border-block-end:var(--_rule-size) solid var(--_rule);column-gap:var(--_gap);display:grid;grid-template-areas:\"visual body\" \"visual controls\" \". details\";grid-template-columns:var(--_tile) minmax(0,1fr);min-inline-size:0;padding-block:var(--_inset-block);padding-inline:var(--_inset-inline);row-gap:var(--slotted-space-4, .5rem)}[data-ui=import-export-center]>[data-part=list]>[data-part=job]:last-child{border-block-end:0}[data-ui=import-export-center]>[data-part=list]>[data-part=job][data-status=running]{--_tone-text: var(--slotted-tone-accent-text, Highlight);--_tone-solid: var(--slotted-tone-accent-solid, Highlight)}[data-ui=import-export-center]>[data-part=list]>[data-part=job][data-outcome=success]{--_tone-text: var(--slotted-tone-success-text, CanvasText);--_tone-solid: var(--slotted-tone-success-solid, CanvasText)}[data-ui=import-export-center]>[data-part=list]>[data-part=job][data-outcome=partial]{--_tone-text: var(--slotted-tone-warning-text, CanvasText);--_tone-solid: var(--slotted-tone-warning-solid, CanvasText)}[data-ui=import-export-center]>[data-part=list]>[data-part=job][data-outcome=failed]{--_tone-text: var(--slotted-tone-danger-text, CanvasText);--_tone-solid: var(--slotted-tone-danger-solid, CanvasText)}[data-ui=import-export-center]>[data-part=list]>[data-part=job][data-outcome=canceled]{--_tone-text: var(--_muted);--_tone-solid: var(--_muted)}[data-ui=import-export-center] [data-part=job]>[data-part=visual]{--_kind-tile: var(--slotted-upload-kind-other);--slotted-icon-size: var(--_glyph);align-items:center;background-color:var(--_kind-tile);block-size:var(--_tile);border-radius:var(--slotted-radius-sm, 4px);color:var(--slotted-upload-kind-foreground);display:inline-flex;grid-area:visual;inline-size:var(--_tile);justify-content:center;margin-block-start:round(nearest,calc((var(--_job-title-size) * var(--_job-title-line-height) + var(--_meta-size) * var(--_meta-line-height) - var(--_tile)) / 2),1px)}[data-ui=import-export-center] [data-part=job]>[data-part=visual][data-kind=pdf]{--_kind-tile: var(--slotted-upload-kind-pdf)}[data-ui=import-export-center] [data-part=job]>[data-part=visual][data-kind=document]{--_kind-tile: var(--slotted-upload-kind-document)}[data-ui=import-export-center] [data-part=job]>[data-part=visual][data-kind=spreadsheet]{--_kind-tile: var(--slotted-upload-kind-spreadsheet)}[data-ui=import-export-center] [data-part=job]>[data-part=visual][data-kind=presentation]{--_kind-tile: var(--slotted-upload-kind-presentation)}[data-ui=import-export-center] [data-part=job]>[data-part=visual][data-kind=image]{--_kind-tile: var(--slotted-upload-kind-image)}[data-ui=import-export-center] [data-part=job]>[data-part=visual][data-kind=video]{--_kind-tile: var(--slotted-upload-kind-video)}[data-ui=import-export-center] [data-part=job]>[data-part=visual][data-kind=audio]{--_kind-tile: var(--slotted-upload-kind-audio)}[data-ui=import-export-center] [data-part=job]>[data-part=visual][data-kind=archive]{--_kind-tile: var(--slotted-upload-kind-archive)}[data-ui=import-export-center] [data-part=job]>[data-part=body]{display:grid;gap:var(--slotted-space-3, .375rem);grid-area:body;grid-template-columns:minmax(0,1fr);min-inline-size:0}[data-ui=import-export-center] [data-part=job]>[data-part=body]>[data-part=heading]{display:flex;flex-direction:column;gap:var(--slotted-space-1, .125rem);min-inline-size:0}[data-ui=import-export-center] [data-part=heading]>[data-part=job-title]{align-self:flex-start;color:var(--_text);font-size:var(--_job-title-size);font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--_job-title-line-height);min-inline-size:0;overflow-wrap:anywhere}[data-ui=import-export-center] [data-part=heading]>a[data-part=job-title]{border-radius:var(--slotted-radius-xs, 2px);text-decoration-color:transparent;text-decoration-line:underline;text-decoration-thickness:from-font;text-underline-offset:.2em;transition:text-decoration-color var(--_duration) var(--_easing)}[data-ui=import-export-center] [data-part=heading]>a[data-part=job-title]:not([data-disabled]):hover{text-decoration-color:currentcolor}[data-ui=import-export-center] [data-part=heading]>a[data-part=job-title]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=import-export-center] [data-part=heading]>span[data-part=job-title]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=import-export-center] [data-part=heading]>[data-part=meta]{align-items:baseline;color:var(--_muted);display:flex;flex-wrap:wrap;font-size:var(--_meta-size);gap:0 var(--_separator-gap);line-height:var(--_meta-line-height);margin:0;min-inline-size:0;overflow-x:clip}[data-ui=import-export-center] [data-part=meta]>*,[data-ui=import-export-center] [data-part=summary]>*,[data-ui=import-export-center] [data-part=progress-text]>*{max-inline-size:100%;min-inline-size:0;overflow:clip;overflow-clip-margin:var(--_separator-gap);text-overflow:ellipsis;white-space:nowrap}[data-ui=import-export-center] [data-part=meta]>*+*:before,[data-ui=import-export-center] [data-part=summary]>*+*:before,[data-ui=import-export-center] [data-part=progress-text]>*+*:before,[data-ui=import-export-center] [data-part=status-label]>[data-part=stage]:before{background-color:currentcolor;block-size:var(--_separator);border-radius:var(--slotted-radius-full, 9999px);content:\"\";display:inline-block;inline-size:var(--_separator);margin-inline-end:calc((var(--_separator-gap) - var(--_separator)) / 2);margin-inline-start:calc((var(--_separator-gap) + var(--_separator)) / -2);opacity:.6;vertical-align:calc(.5ex - var(--_separator) / 2)}[data-ui=import-export-center] [data-part=meta]>:has(>[data-part=file-name]){max-inline-size:100%;white-space:nowrap}[data-ui=import-export-center] [data-part=meta] [data-part=file-name]{display:inline-flex;max-inline-size:100%;min-inline-size:0;unicode-bidi:isolate}[data-ui=import-export-center] [data-part=file-name]>[data-part=name]{min-inline-size:1ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=import-export-center] [data-part=file-name]>[data-part=extension]{flex:none;white-space:nowrap}[data-ui=import-export-center] [data-part=meta]>[data-part=time]{font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui=import-export-center] [data-part=body]>[data-part=status]{align-items:baseline;color:var(--_tone-text);column-gap:var(--_mark-gap);display:grid;font-size:var(--_meta-size);font-weight:var(--slotted-font-weight-medium, 500);grid-template-columns:auto minmax(0,1fr);line-height:var(--_meta-line-height);min-inline-size:0}[data-ui=import-export-center] [data-part=status]>[data-part=mark]{--slotted-icon-size: 1em;--slotted-spinner-size: 1em;align-self:baseline;block-size:1em;inline-size:1em;position:relative;inset-block-start:round(nearest,calc(.5em - ((1cap + 1ex)/4)),1px)}[data-ui=import-export-center] [data-part=status]>[data-part=status-label]{align-items:baseline;display:flex;flex-wrap:wrap;gap:0 var(--_separator-gap);min-inline-size:0;overflow-wrap:anywhere;overflow-x:clip}[data-ui=import-export-center] [data-part=status-label]>*{min-inline-size:0}[data-ui=import-export-center] [data-part=status-label]>[data-part=stage]{max-inline-size:100%;overflow:clip;overflow-clip-margin:var(--_separator-gap);text-overflow:ellipsis;white-space:nowrap}[data-ui=import-export-center] [data-part=status]>[data-part=mark]>[data-ui=icon],[data-ui=import-export-center] [data-part=status]>[data-part=mark]>[data-ui=spinner]{inset:0;position:absolute}[data-ui=import-export-center] [data-part=status-label]>[data-part=stage]{color:var(--_muted);font-weight:var(--slotted-font-weight-regular, 400)}[data-ui=import-export-center] [data-part=body]>[data-part=progress]{display:grid;gap:var(--slotted-space-2, .25rem);min-inline-size:0}[data-ui=import-export-center] [data-part=progress]>[data-part=progress-text]{color:var(--_muted);display:flex;flex-wrap:wrap;gap:0 var(--_separator-gap);overflow-x:clip;font-size:var(--_small-size);font-variant-numeric:tabular-nums;line-height:var(--_small-line-height);min-inline-size:0}[data-ui=import-export-center] [data-part=body]>[data-part=summary]{color:var(--_muted);display:flex;flex-wrap:wrap;gap:0 var(--_separator-gap);overflow-x:clip;font-size:var(--_meta-size);font-variant-numeric:tabular-nums;line-height:var(--_meta-line-height);margin:0;min-inline-size:0}[data-ui=import-export-center] [data-part=body]>[data-part=message]{color:var(--_muted);font-size:var(--_meta-size);line-height:var(--_meta-line-height);margin:0;min-inline-size:0;overflow-wrap:anywhere}[data-ui=import-export-center] [data-part=job][data-outcome=failed] [data-part=body]>[data-part=message],[data-ui=import-export-center] [data-part=job][data-outcome=partial] [data-part=body]>[data-part=message]{color:var(--_tone-text)}[data-ui=import-export-center] [data-part=job]>[data-part=controls]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--slotted-control-gap-sm, 6px);grid-area:controls;min-inline-size:0}[data-ui=import-export-center] [data-part=controls]>[data-part=download],[data-ui=import-export-center] [data-part=controls]>[data-part=cancel],[data-ui=import-export-center] [data-part=controls]>[data-part=retry],[data-ui=import-export-center] [data-part=controls]>[data-part=toggle],[data-ui=import-export-center] [data-part=controls]>[data-part=job-actions]{align-items:center;display:inline-flex;gap:var(--slotted-control-gap-sm, 6px)}[data-ui=import-export-center] [data-part=controls]>[data-part=remove]{margin-inline-start:auto}[data-ui=import-export-center] [data-part=toggle] [data-part=chevron]{--slotted-icon-size: var(--_control-glyph);block-size:var(--_control-glyph);display:flex;inline-size:var(--_control-glyph);transition:transform var(--_duration) var(--_easing)}[data-ui=import-export-center] [data-part=toggle][data-expanded] [data-part=chevron]{transform:rotate(180deg)}[data-ui=import-export-center] button[data-part=remove]{align-items:center;appearance:none;background-color:transparent;block-size:var(--_control);border:0;border-radius:var(--slotted-control-radius, 4px);color:var(--_muted);cursor:pointer;display:inline-flex;flex:none;inline-size:var(--_control);justify-content:center;padding:0;position:relative;transition:background-color var(--_duration) var(--_easing),color var(--_duration) var(--_easing)}[data-ui=import-export-center] button[data-part=remove]:after{content:\"\";inset:min(0px,calc((var(--_control) - var(--slotted-target-min, 24px)) / 2));position:absolute}[data-ui=import-export-center] button[data-part=remove]>[data-ui=icon]{--slotted-icon-size: var(--_control-glyph)}[data-ui=import-export-center] button[data-part=remove]:not([data-disabled]):hover{background-color:var(--_hover);color:var(--_text)}[data-ui=import-export-center] button[data-part=remove]:not([data-disabled]):active{background-color:var(--_active)}[data-ui=import-export-center] button[data-part=remove]:focus-visible{color:var(--_text);outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=import-export-center] [data-part=job]>[data-part=details]{background-color:var(--slotted-surface-sunken, Canvas);border:var(--_rule-size) solid var(--_rule);border-radius:var(--slotted-radius-md, 6px);display:grid;gap:var(--_gap);grid-area:details;grid-template-columns:minmax(0,1fr);min-inline-size:0;padding-block:var(--slotted-space-5, .75rem);padding-inline:var(--slotted-space-5, .75rem)}[data-ui=import-export-center] [data-part=job]>[data-part=details][hidden]{display:none}[data-ui=import-export-center] [data-part=details]>[data-part=counts]{display:grid;gap:var(--slotted-space-4, .5rem) var(--slotted-space-7, 1.25rem);grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));margin:0;min-inline-size:0}[data-ui=import-export-center] [data-part=counts]>div{display:flex;flex-direction:column;gap:var(--slotted-space-1, .125rem);min-inline-size:0}[data-ui=import-export-center] [data-part=counts] dt{color:var(--_muted);font-size:var(--_small-size);line-height:var(--_small-line-height)}[data-ui=import-export-center] [data-part=counts] dd{color:var(--_text);font-size:var(--_job-title-size);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--_job-title-line-height);margin:0}[data-ui=import-export-center] [data-part=counts]>div[data-count=failed] dd{color:var(--slotted-tone-danger-text, CanvasText)}[data-ui=import-export-center] [data-part=details]>[data-part=files]{display:grid;gap:var(--slotted-space-3, .375rem);list-style:none;margin:0;min-inline-size:0;padding:0}[data-ui=import-export-center] [data-part=files]>[data-part=file]{align-items:center;display:flex;flex-wrap:wrap;font-size:var(--_meta-size);gap:var(--slotted-space-2, .25rem) var(--slotted-space-4, .5rem);justify-content:space-between;line-height:var(--_meta-line-height);min-inline-size:0}[data-ui=import-export-center] [data-part=file]>[data-part=meta]{flex:1 1 14rem;align-items:baseline;color:var(--_muted);display:flex;flex-wrap:wrap;gap:0 var(--_separator-gap);min-inline-size:0;overflow-x:clip}[data-ui=import-export-center] [data-part=file]>[data-part=meta]>strong{color:var(--_text);font-weight:var(--slotted-font-weight-medium, 500)}[data-ui=import-export-center] [data-part=file]>[data-part=download]{display:inline-flex}[data-ui=import-export-center] [data-part=details]>[data-part=errors]{display:grid;gap:var(--slotted-space-3, .375rem);min-inline-size:0}[data-ui=import-export-center] [data-part=errors]>[data-ui=table]{max-block-size:var(--slotted-import-export-center-errors-max-block-size, 16rem);min-inline-size:0;overflow:auto}[data-ui=import-export-center] [data-part=errors]>[data-part=errors-note]{align-items:center;color:var(--_muted);display:flex;flex-wrap:wrap;font-size:var(--_small-size);gap:var(--slotted-space-3, .375rem) var(--slotted-space-5, .75rem);justify-content:space-between;line-height:var(--_small-line-height);margin:0}[data-ui=import-export-center]>button[data-part=more]{align-items:center;appearance:none;background-color:var(--_ground);border:var(--_rule-size) solid var(--_rule);border-radius:var(--slotted-radius-full, 9999px);color:var(--_text);cursor:pointer;display:flex;font:inherit;font-size:var(--_meta-size);font-weight:var(--slotted-font-weight-medium, 500);gap:var(--slotted-control-gap-sm, 6px);inline-size:fit-content;justify-content:center;line-height:var(--slotted-control-line-height, 1);margin-block:var(--_inset-block);margin-inline:auto;min-block-size:var(--slotted-control-height-sm, 30px);padding-inline:var(--slotted-control-padding-inline-md, 13px);transition:background-color var(--_duration) var(--_easing),border-color var(--_duration) var(--_easing)}[data-ui=import-export-center]>button[data-part=more]:not([data-loading]):enabled:hover{background-color:var(--_hover)}[data-ui=import-export-center]>button[data-part=more]:not([data-loading]):enabled:active{background-color:var(--_active)}[data-ui=import-export-center]>button[data-part=more][data-loading]{color:var(--_muted);cursor:progress}[data-ui=import-export-center]>button[data-part=more]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=import-export-center]>[data-part=empty],[data-ui=import-export-center]>[data-part=error]{min-inline-size:0;padding-block:var(--slotted-space-9, 2rem);padding-inline:var(--_inset-inline)}[data-ui=import-export-center]>[data-part=footer]{align-items:center;border-block-start:var(--_rule-size) solid var(--_rule);display:flex;flex-wrap:wrap;font-size:var(--_meta-size);gap:var(--_gap);justify-content:center;line-height:var(--_meta-line-height);padding-block:var(--_inset-block);padding-inline:var(--_inset-inline)}[data-ui=import-export-center]>[data-part=list]>[data-part=job][aria-hidden=true]>[data-part=visual]{background-color:transparent}[data-ui=import-export-center] [data-part=job][aria-hidden=true]>[data-part=visual]>[data-ui=skeleton]{block-size:100%;inline-size:100%}@container import-export-center (inline-size < 22rem){[data-ui=import-export-center]>[data-part=list]>[data-part=job]{grid-template-areas:\"visual body\" \"visual controls\" \"details details\"}}@container import-export-center (inline-size >= 42rem){[data-ui=import-export-center]>[data-part=list]{column-gap:var(--_gap);display:grid;grid-template-columns:auto minmax(0,6fr) minmax(var(--_status-column),5fr)}[data-ui=import-export-center]>[data-part=list]>[data-part=job]{grid-column:1 / -1;grid-template-areas:none;grid-template-columns:subgrid;grid-template-rows:repeat(5,auto) auto;row-gap:0}[data-ui=import-export-center] [data-part=job]>[data-part=visual]{grid-column:1;grid-row:1 / span 5}[data-ui=import-export-center] [data-part=job]>[data-part=body]{display:contents}[data-ui=import-export-center] [data-part=job]>[data-part=body]>[data-part=heading]{grid-column:2;grid-row:1 / span 5}[data-ui=import-export-center] [data-part=job]>[data-part=body]>:not([data-part=heading]){grid-column:3}[data-ui=import-export-center] [data-part=job]>[data-part=body]>:not([data-part=heading])+:not([data-part=heading]){margin-block-start:var(--slotted-space-3, .375rem)}[data-ui=import-export-center] [data-part=job]>[data-part=controls]{grid-column:3;grid-row:5;margin-block-start:var(--slotted-space-4, .5rem)}[data-ui=import-export-center] [data-part=job]>[data-part=details]{grid-column:2 / -1;grid-row:6;margin-block-start:var(--_gap)}}@media(forced-colors:active){[data-ui=import-export-center] [data-part=meta]>*+*:before,[data-ui=import-export-center] [data-part=summary]>*+*:before,[data-ui=import-export-center] [data-part=progress-text]>*+*:before,[data-ui=import-export-center] [data-part=status-label]>[data-part=stage]:before{forced-color-adjust:none}[data-ui=import-export-center] [data-part=job]>[data-part=visual]{border:var(--slotted-border-width-thin, 1px) solid CanvasText;color:CanvasText}[data-ui=import-export-center] [data-part=job]>[data-part=details]{border-color:CanvasText}}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SlButton, selector: "button[slButton]", inputs: ["disabled", "focusableWhenDisabled", "fullWidth", "justify", "loading", "loadingDelay", "messages", "size", "tone", "type", "variant"], exportAs: ["slButton"] }, { kind: "component", type: SlButtonEnd, selector: "[slButtonEnd]", exportAs: ["slButtonEnd"] }, { kind: "component", type: SlButtonLink, selector: "a[slButtonLink]", inputs: ["disabled", "fullWidth", "justify", "size", "tone", "variant", "href"], exportAs: ["slButtonLink"] }, { kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }, { kind: "component", type: SlImportExportControl, selector: "button[slImportExportControl]", inputs: ["text", "describedBy"] }, { kind: "component", type: SlProgressBar, selector: "[slProgressBar]", inputs: ["value", "min", "max", "buffer", "showValue", "valueText", "format", "locale", "wave", "placement"], exportAs: ["slProgressBar"] }, { kind: "component", type: SlResultState, selector: "[slResultState]", inputs: ["status", "reach", "align", "live", "illustration"], exportAs: ["slResultState"] }, { kind: "directive", type: SlResultStateActions, selector: "[slResultStateActions]", exportAs: ["slResultStateActions"] }, { kind: "directive", type: SlResultStateContent, selector: "[slResultStateContent]", exportAs: ["slResultStateContent"] }, { kind: "directive", type: SlResultStateDescription, selector: "[slResultStateDescription]", exportAs: ["slResultStateDescription"] }, { kind: "component", type: SlResultStateTitle, selector: "[slResultStateTitle]", exportAs: ["slResultStateTitle"] }, { kind: "component", type: SlSkeleton, selector: "[slSkeleton]", inputs: ["shape", "size", "animation", "loading", "inlineSize", "blockSize"], exportAs: ["slSkeleton"] }, { kind: "component", type: SlSkeletonText, selector: "[slSkeletonText]", inputs: ["lines", "animation", "loading", "lastLineSize", "inlineSize"], exportAs: ["slSkeletonText"] }, { kind: "component", type: SlTab, selector: "[slTab]", inputs: ["value", "disabled", "dismissible", "dismissLabel", "href", "controls"], exportAs: ["slTab"] }, { kind: "directive", type: SlTabList, selector: "[slTabList]", exportAs: ["slTabList"] }, { kind: "component", type: SlTable, selector: "div[slTable]", inputs: ["sort", "value", "expanded", "variant", "layout", "selectionMode", "cellAlign", "striped", "stickyHeader", "stickyFooter", "stickyTo", "columns", "loading", "messages"], outputs: ["sortChange", "valueChange", "expandedChange", "sortChangeRequest", "valueChangeRequest", "expandedChangeRequest"], exportAs: ["slTable"] }, { kind: "directive", type: SlTableBody, selector: "tbody[slTableBody]", exportAs: ["slTableBody"] }, { kind: "directive", type: SlTableCaption, selector: "caption[slTableCaption]", exportAs: ["slTableCaption"] }, { kind: "directive", type: SlTableCell, selector: "td[slTableCell]", exportAs: ["slTableCell"] }, { kind: "component", type: SlTableColumnHeader, selector: "th[slTableColumnHeader]", inputs: ["column", "scope"], exportAs: ["slTableColumnHeader"] }, { kind: "component", type: SlTableContent, selector: "div[slTableContent]", inputs: ["totalRowCount", "scrollLabel", "scrollLabelledBy"], exportAs: ["slTableContent"] }, { kind: "directive", type: SlTableHead, selector: "thead[slTableHead]", exportAs: ["slTableHead"] }, { kind: "directive", type: SlTableRow, selector: "tr[slTableRow]", inputs: ["value", "disabled", "current", "interactive", "rowIndex"], outputs: ["action"], exportAs: ["slTableRow"] }, { kind: "component", type: SlTabs, selector: "[slTabs]", inputs: ["value", "defaultValue", "activation", "orientation", "size", "variant", "track", "fit", "mount", "loop", "disabled"], outputs: ["valueChange", "tabDismiss"], exportAs: ["slTabs"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlImportExportCenter, decorators: [{
             type: Component,