@slotted/angular 0.1.0-beta.0 → 0.1.0-beta.10

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

@@ -206,14 +206,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
 /** The consumer's controls in the header: an import dialog's trigger, an export button. */
 class SlImportExportCenterActions {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlImportExportCenterActions, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlImportExportCenterActions, isStandalone: true, selector: "[slImportExportCenterActions]", host: { attributes: { "data-part": "actions" } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlImportExportCenterActions, isStandalone: true, selector: "[slImportExportCenterActions]", host: { attributes: { "data-part": "actions", "data-part-actions": "" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlImportExportCenterActions, decorators: [{
             type: Directive,
             args: [{
                     selector: '[slImportExportCenterActions]',
                     standalone: true,
-                    host: { 'data-part': 'actions' },
+                    host: { 'data-part': 'actions', 'data-part-actions': '' },
                 }]
         }] });
 /** Replaces the view's empty page. */
@@ -228,14 +228,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
 /** The consumer's footer: the link from a popover to the whole page. */
 class SlImportExportCenterFooter {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlImportExportCenterFooter, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlImportExportCenterFooter, isStandalone: true, selector: "[slImportExportCenterFooter]", host: { attributes: { "data-part": "footer" } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlImportExportCenterFooter, isStandalone: true, selector: "[slImportExportCenterFooter]", host: { attributes: { "data-part": "footer", "data-part-footer": "" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlImportExportCenterFooter, decorators: [{
             type: Directive,
             args: [{
                     selector: '[slImportExportCenterFooter]',
                     standalone: true,
-                    host: { 'data-part': 'footer' },
+                    host: { 'data-part': 'footer', 'data-part-footer': '' },
                 }]
         }] });
 /**
@@ -751,37 +751,43 @@ class SlImportExportCenter {
         return this.native;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlImportExportCenter, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlImportExportCenter, isStandalone: true, selector: "section[slImportExportCenter]", inputs: { jobs: { classPropertyName: "jobs", publicName: "jobs", isSignal: true, isRequired: true, transformFunction: null }, views: { classPropertyName: "views", publicName: "views", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, level: { classPropertyName: "level", publicName: "level", isSignal: true, isRequired: false, transformFunction: null }, growing: { classPropertyName: "growing", publicName: "growing", isSignal: true, isRequired: false, transformFunction: null }, timeFormat: { classPropertyName: "timeFormat", publicName: "timeFormat", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, timeZone: { classPropertyName: "timeZone", publicName: "timeZone", isSignal: true, isRequired: false, transformFunction: null }, now: { classPropertyName: "now", publicName: "now", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null }, hasMore: { classPropertyName: "hasMore", publicName: "hasMore", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null }, defaultView: { classPropertyName: "defaultView", publicName: "defaultView", isSignal: true, isRequired: false, transformFunction: null }, defaultExpanded: { classPropertyName: "defaultExpanded", publicName: "defaultExpanded", isSignal: true, isRequired: false, transformFunction: null }, view: { classPropertyName: "view", publicName: "view", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { view: "viewChange", expanded: "expandedChange", viewRequest: "viewRequest", expandedRequest: "expandedRequest", cancelRequest: "cancelRequest", retryRequest: "retryRequest", removeRequest: "removeRequest", downloadRequest: "downloadRequest", openRequest: "openRequest", loadMoreRequest: "loadMoreRequest", reloadRequest: "reloadRequest" }, host: { attributes: { "data-ui": "import-export-center", "data-part": "root" }, properties: { "attr.data-size": "sizeValue()", "attr.data-level": "levelValue()", "attr.data-growing": "growingValue()", "attr.data-time-format": "timeFormatValue()", "attr.data-view": "currentView()", "attr.data-loading": "loading() ? '' : null", "attr.data-status": "status() === 'error' ? 'error' : null", "attr.aria-labelledby": "labelledBy()" } }, queries: [{ propertyName: "jobActionsTemplate", first: true, predicate: SlImportExportJobActions, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "listElement", first: true, predicate: ["list"], descendants: true, isSignal: true }], exportAs: ["slImportExportCenter"], ngImport: i0, template: `
-    <div data-part="header">
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlImportExportCenter, isStandalone: true, selector: "section[slImportExportCenter]", inputs: { jobs: { classPropertyName: "jobs", publicName: "jobs", isSignal: true, isRequired: true, transformFunction: null }, views: { classPropertyName: "views", publicName: "views", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, level: { classPropertyName: "level", publicName: "level", isSignal: true, isRequired: false, transformFunction: null }, growing: { classPropertyName: "growing", publicName: "growing", isSignal: true, isRequired: false, transformFunction: null }, timeFormat: { classPropertyName: "timeFormat", publicName: "timeFormat", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, timeZone: { classPropertyName: "timeZone", publicName: "timeZone", isSignal: true, isRequired: false, transformFunction: null }, now: { classPropertyName: "now", publicName: "now", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null }, hasMore: { classPropertyName: "hasMore", publicName: "hasMore", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null }, defaultView: { classPropertyName: "defaultView", publicName: "defaultView", isSignal: true, isRequired: false, transformFunction: null }, defaultExpanded: { classPropertyName: "defaultExpanded", publicName: "defaultExpanded", isSignal: true, isRequired: false, transformFunction: null }, view: { classPropertyName: "view", publicName: "view", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { view: "viewChange", expanded: "expandedChange", viewRequest: "viewRequest", expandedRequest: "expandedRequest", cancelRequest: "cancelRequest", retryRequest: "retryRequest", removeRequest: "removeRequest", downloadRequest: "downloadRequest", openRequest: "openRequest", loadMoreRequest: "loadMoreRequest", reloadRequest: "reloadRequest" }, host: { attributes: { "data-ui": "import-export-center", "data-ui-import-export-center": "", "data-part": "root", "data-part-root": "" }, properties: { "attr.data-size": "sizeValue()", "attr.data-level": "levelValue()", "attr.data-growing": "growingValue()", "attr.data-time-format": "timeFormatValue()", "attr.data-view": "currentView()", "attr.data-loading": "loading() ? '' : null", "attr.data-status": "status() === 'error' ? 'error' : null", "attr.aria-labelledby": "labelledBy()" } }, queries: [{ propertyName: "jobActionsTemplate", first: true, predicate: SlImportExportJobActions, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "listElement", first: true, predicate: ["list"], descendants: true, isSignal: true }], exportAs: ["slImportExportCenter"], ngImport: i0, template: `
+    <div data-part="header" data-part-header="">
       @switch (levelValue()) {
         @case ('3') {
-          <h3 data-part="title" [id]="titleId">
+          <h3 data-part="title" data-part-title="" [id]="titleId">
             {{ t('title') }}
             @if (active() > 0) {
-              <span data-part="count">{{ t('active', { count: active() }) }}</span>
+              <span data-part="count" data-part-count="">{{
+                t('active', { count: active() })
+              }}</span>
             }
           </h3>
         }
         @case ('4') {
-          <h4 data-part="title" [id]="titleId">
+          <h4 data-part="title" data-part-title="" [id]="titleId">
             {{ t('title') }}
             @if (active() > 0) {
-              <span data-part="count">{{ t('active', { count: active() }) }}</span>
+              <span data-part="count" data-part-count="">{{
+                t('active', { count: active() })
+              }}</span>
             }
           </h4>
         }
         @default {
-          <h2 data-part="title" [id]="titleId">
+          <h2 data-part="title" data-part-title="" [id]="titleId">
             {{ t('title') }}
             @if (active() > 0) {
-              <span data-part="count">{{ t('active', { count: active() }) }}</span>
+              <span data-part="count" data-part-count="">{{
+                t('active', { count: active() })
+              }}</span>
             }
           </h2>
         }
       }
-      <div data-part="tools">
+      <div data-part="tools" data-part-tools="">
         @if (finished().length > 0) {
-          <span data-part="clear">
+          <span data-part="clear" data-part-clear="">
             <button
               slButton
               size="sm"
@@ -798,7 +804,7 @@ class SlImportExportCenter {
       </div>
     </div>
     @if (viewList().length > 1) {
-      <div data-part="views">
+      <div data-part="views" data-part-views="">
         <div
           slTabs
           track="none"
@@ -815,7 +821,7 @@ class SlImportExportCenter {
       </div>
     }
     @if (status() === 'error') {
-      <div data-part="error">
+      <div data-part="error" data-part-error="">
         <section slResultState reach="section" status="error" live="off">
           <div slResultStateContent>
             <div slResultStateTitle>{{ t('loadError') }}</div>
@@ -836,7 +842,7 @@ class SlImportExportCenter {
         </section>
       </div>
     } @else if (showEmpty()) {
-      <div data-part="empty">
+      <div data-part="empty" data-part-empty="">
         <ng-content select="[slImportExportCenterEmpty]">
           <section slResultState reach="section" status="empty" live="off">
             <div slResultStateContent>
@@ -850,6 +856,7 @@ class SlImportExportCenter {
       <ul
         #list
         data-part="list"
+        data-part-list=""
         tabindex="-1"
         [id]="listId"
         [attr.aria-labelledby]="titleId"
@@ -858,9 +865,11 @@ class SlImportExportCenter {
       >
         @if (waiting()) {
           @for (row of waitingRows; track row) {
-            <li data-part="job" aria-hidden="true">
-              <span data-part="visual"><span slSkeleton shape="block"></span></span>
-              <div data-part="body">
+            <li data-part="job" data-part-job="" aria-hidden="true">
+              <span data-part="visual" data-part-visual=""
+                ><span slSkeleton shape="block"></span
+              ></span>
+              <div data-part="body" data-part-body="">
                 <span slSkeletonText [lines]="2"></span>
                 <span slSkeletonText [lines]="1"></span>
               </div>
@@ -879,6 +888,7 @@ class SlImportExportCenter {
     @if (status() !== 'error' && growingValue() === 'button' && hasMore() && !waiting()) {
       <button
         data-part="more"
+        data-part-more=""
         type="button"
         [attr.aria-disabled]="loading() ? 'true' : null"
         [attr.data-loading]="loading() ? '' : null"
@@ -890,10 +900,10 @@ class SlImportExportCenter {
     <ng-content select="[slImportExportCenterFooter]" />
 
     <ng-template #fileName let-stem="stem" let-extension="extension">
-      <span data-part="file-name" dir="auto"
-        ><span data-part="name">{{ stem }}</span>
+      <span data-part="file-name" data-part-file-name="" dir="auto"
+        ><span data-part="name" data-part-name="">{{ stem }}</span>
         @if (extension !== '') {
-          <span data-part="extension">{{ extension }}</span>
+          <span data-part="extension" data-part-extension="">{{ extension }}</span>
         }
       </span>
     </ng-template>
@@ -906,7 +916,7 @@ class SlImportExportCenter {
       let-label="label"
       let-primary="primary"
     >
-      <span data-part="download">
+      <span data-part="download" data-part-download="">
         @if (file.href === undefined) {
           <button
             slButton
@@ -946,6 +956,7 @@ class SlImportExportCenter {
     <ng-template #jobTemplate let-view>
       <li
         data-part="job"
+        data-part-job=""
         [attr.data-key]="view.job.key"
         [attr.data-direction]="view.job.direction"
         [attr.data-status]="view.job.status"
@@ -953,25 +964,30 @@ class SlImportExportCenter {
         [attr.data-expired]="view.controls.expired ? '' : null"
         [attr.data-expanded]="view.expanded ? '' : null"
       >
-        <span data-part="visual" aria-hidden="true" [attr.data-kind]="view.kind"
+        <span data-part="visual" data-part-visual="" aria-hidden="true" [attr.data-kind]="view.kind"
           ><span slIcon><svg slGlyph [name]="view.kindGlyph"></svg></span
         ></span>
-        <div data-part="body">
-          <div data-part="heading">
+        <div data-part="body" data-part-body="">
+          <div data-part="heading" data-part-heading="">
             @if (view.job.href === undefined) {
-              <span data-part="job-title" tabindex="-1" [id]="view.ids.title">{{
-                view.job.title
-              }}</span>
+              <span
+                data-part="job-title"
+                data-part-job-title=""
+                tabindex="-1"
+                [id]="view.ids.title"
+                >{{ view.job.title }}</span
+              >
             } @else {
               <a
                 data-part="job-title"
+                data-part-job-title=""
                 [id]="view.ids.title"
                 [attr.href]="view.job.href"
                 (click)="open(view.job.key, $event)"
                 >{{ view.job.title }}</a
               >
             }
-            <p data-part="meta">
+            <p data-part="meta" data-part-meta="">
               <span>{{ view.directionText }}</span>
               @if (view.job.format !== undefined) {
                 <span>{{ view.job.format }}</span>
@@ -995,6 +1011,7 @@ class SlImportExportCenter {
               @if (view.time !== null) {
                 <time
                   data-part="time"
+                  data-part-time=""
                   [attr.datetime]="view.time.dateTime"
                   [attr.title]="view.time.title"
                   >{{ view.time.text }}</time
@@ -1002,23 +1019,25 @@ class SlImportExportCenter {
               }
             </p>
           </div>
-          <div data-part="status" [id]="view.ids.status">
-            <span data-part="mark" aria-hidden="true">
+          <div data-part="status" data-part-status="" [id]="view.ids.status">
+            <span data-part="mark" data-part-mark="" aria-hidden="true">
               @if (view.mark === 'spinner') {
-                <span data-ui="spinner"></span>
+                <span data-ui="spinner" data-ui-spinner=""></span>
               } @else {
                 <span slIcon><svg slGlyph [name]="view.mark"></svg></span>
               }
             </span>
-            <span data-part="status-label"
+            <span data-part="status-label" data-part-status-label=""
               ><span>{{ view.statusText }}</span>
               @if (view.job.stage) {
-                <span data-part="stage" [attr.title]="view.job.stage">{{ view.job.stage }}</span>
+                <span data-part="stage" data-part-stage="" [attr.title]="view.job.stage">{{
+                  view.job.stage
+                }}</span>
               }
             </span>
           </div>
           @if (view.job.status === 'running') {
-            <div data-part="progress">
+            <div data-part="progress" data-part-progress="">
               <div
                 slProgressBar
                 hideLabel
@@ -1033,7 +1052,7 @@ class SlImportExportCenter {
                 "
               ></div>
               @if (view.progressText.length > 0) {
-                <span data-part="progress-text">
+                <span data-part="progress-text" data-part-progress-text="">
                   @for (item of view.progressText; track item) {
                     <span>{{ item }}</span>
                   }
@@ -1042,18 +1061,18 @@ class SlImportExportCenter {
             </div>
           }
           @if (view.summary.length > 0) {
-            <p data-part="summary">
+            <p data-part="summary" data-part-summary="">
               @for (item of view.summary; track item) {
                 <span>{{ item }}</span>
               }
             </p>
           }
           @if (view.message !== null) {
-            <p data-part="message">{{ view.message }}</p>
+            <p data-part="message" data-part-message="">{{ view.message }}</p>
           }
         </div>
         @if (view.ordered.length > 0 || view.removable || jobActionsTemplate()) {
-          <div data-part="controls">
+          <div data-part="controls" data-part-controls="">
             @for (part of view.ordered; track part) {
               @switch (part) {
                 @case ('download') {
@@ -1071,7 +1090,11 @@ class SlImportExportCenter {
                   }
                 }
                 @case ('toggle') {
-                  <span data-part="toggle" [attr.data-expanded]="view.expanded ? '' : null">
+                  <span
+                    data-part="toggle"
+                    data-part-toggle=""
+                    [attr.data-expanded]="view.expanded ? '' : null"
+                  >
                     <button
                       slButton
                       size="sm"
@@ -1086,14 +1109,18 @@ class SlImportExportCenter {
                     >
                       {{ t('details') }}
                       <span slButtonEnd
-                        ><span data-part="chevron"
+                        ><span data-part="chevron" data-part-chevron=""
                           ><span slIcon><svg slGlyph name="chevron-down"></svg></span></span
                       ></span>
                     </button>
                   </span>
                 }
                 @default {
-                  <span [attr.data-part]="part">
+                  <span
+                    [attr.data-part]="part"
+                    [attr.data-part-cancel]="part === 'cancel' ? '' : null"
+                    [attr.data-part-retry]="part === 'retry' ? '' : null"
+                  >
                     <button
                       slButton
                       size="sm"
@@ -1112,7 +1139,7 @@ class SlImportExportCenter {
               }
             }
             @if (jobActionsTemplate(); as own) {
-              <span data-part="job-actions"
+              <span data-part="job-actions" data-part-job-actions=""
                 ><ng-container
                   [ngTemplateOutlet]="own.template"
                   [ngTemplateOutletContext]="{ $implicit: view.job }"
@@ -1122,6 +1149,7 @@ class SlImportExportCenter {
               <button
                 slImportExportControl
                 data-part="remove"
+                data-part-remove=""
                 [text]="t('remove')"
                 [describedBy]="view.ids.title"
                 (click)="removeOne(view.job.key, $event)"
@@ -1134,12 +1162,13 @@ class SlImportExportCenter {
         @if (view.expanded) {
           <div
             data-part="details"
+            data-part-details=""
             role="region"
             [id]="view.ids.details"
             [attr.aria-labelledby]="view.ids.toggle"
           >
             @if (view.counts.length > 0) {
-              <dl data-part="counts">
+              <dl data-part="counts" data-part-counts="">
                 @for (count of view.counts; track count.key) {
                   <div [attr.data-count]="count.key">
                     <dt>{{ count.label }}</dt>
@@ -1149,10 +1178,14 @@ class SlImportExportCenter {
               </dl>
             }
             @if (view.files.length > 0) {
-              <ul data-part="files">
+              <ul data-part="files" data-part-files="">
                 @for (row of view.files; track row.role) {
-                  <li data-part="file" [attr.data-availability]="row.availability">
-                    <span data-part="meta">
+                  <li
+                    data-part="file"
+                    data-part-file=""
+                    [attr.data-availability]="row.availability"
+                  >
+                    <span data-part="meta" data-part-meta="">
                       <strong>{{ row.label }}</strong>
                       <span
                         ><ng-container
@@ -1183,7 +1216,7 @@ class SlImportExportCenter {
               </ul>
             }
             @if ((view.job.errors?.length ?? 0) > 0) {
-              <div data-part="errors">
+              <div data-part="errors" data-part-errors="">
                 <div slTable variant="framed" [columns]="4">
                   <div slTableContent>
                     <caption slTableCaption>
@@ -1212,7 +1245,7 @@ class SlImportExportCenter {
                   </div>
                 </div>
                 @if (view.errorNote !== null) {
-                  <p data-part="errors-note">
+                  <p data-part="errors-note" data-part-errors-note="">
                     <span>{{ view.errorNote }}</span>
                   </p>
                 }
@@ -1222,7 +1255,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", "edges", "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,
@@ -1254,36 +1287,42 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                         SlTableRow,
                         SlTabs,
                     ], template: `
-    <div data-part="header">
+    <div data-part="header" data-part-header="">
       @switch (levelValue()) {
         @case ('3') {
-          <h3 data-part="title" [id]="titleId">
+          <h3 data-part="title" data-part-title="" [id]="titleId">
             {{ t('title') }}
             @if (active() > 0) {
-              <span data-part="count">{{ t('active', { count: active() }) }}</span>
+              <span data-part="count" data-part-count="">{{
+                t('active', { count: active() })
+              }}</span>
             }
           </h3>
         }
         @case ('4') {
-          <h4 data-part="title" [id]="titleId">
+          <h4 data-part="title" data-part-title="" [id]="titleId">
             {{ t('title') }}
             @if (active() > 0) {
-              <span data-part="count">{{ t('active', { count: active() }) }}</span>
+              <span data-part="count" data-part-count="">{{
+                t('active', { count: active() })
+              }}</span>
             }
           </h4>
         }
         @default {
-          <h2 data-part="title" [id]="titleId">
+          <h2 data-part="title" data-part-title="" [id]="titleId">
             {{ t('title') }}
             @if (active() > 0) {
-              <span data-part="count">{{ t('active', { count: active() }) }}</span>
+              <span data-part="count" data-part-count="">{{
+                t('active', { count: active() })
+              }}</span>
             }
           </h2>
         }
       }
-      <div data-part="tools">
+      <div data-part="tools" data-part-tools="">
         @if (finished().length > 0) {
-          <span data-part="clear">
+          <span data-part="clear" data-part-clear="">
             <button
               slButton
               size="sm"
@@ -1300,7 +1339,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
       </div>
     </div>
     @if (viewList().length > 1) {
-      <div data-part="views">
+      <div data-part="views" data-part-views="">
         <div
           slTabs
           track="none"
@@ -1317,7 +1356,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
       </div>
     }
     @if (status() === 'error') {
-      <div data-part="error">
+      <div data-part="error" data-part-error="">
         <section slResultState reach="section" status="error" live="off">
           <div slResultStateContent>
             <div slResultStateTitle>{{ t('loadError') }}</div>
@@ -1338,7 +1377,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
         </section>
       </div>
     } @else if (showEmpty()) {
-      <div data-part="empty">
+      <div data-part="empty" data-part-empty="">
         <ng-content select="[slImportExportCenterEmpty]">
           <section slResultState reach="section" status="empty" live="off">
             <div slResultStateContent>
@@ -1352,6 +1391,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
       <ul
         #list
         data-part="list"
+        data-part-list=""
         tabindex="-1"
         [id]="listId"
         [attr.aria-labelledby]="titleId"
@@ -1360,9 +1400,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
       >
         @if (waiting()) {
           @for (row of waitingRows; track row) {
-            <li data-part="job" aria-hidden="true">
-              <span data-part="visual"><span slSkeleton shape="block"></span></span>
-              <div data-part="body">
+            <li data-part="job" data-part-job="" aria-hidden="true">
+              <span data-part="visual" data-part-visual=""
+                ><span slSkeleton shape="block"></span
+              ></span>
+              <div data-part="body" data-part-body="">
                 <span slSkeletonText [lines]="2"></span>
                 <span slSkeletonText [lines]="1"></span>
               </div>
@@ -1381,6 +1423,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
     @if (status() !== 'error' && growingValue() === 'button' && hasMore() && !waiting()) {
       <button
         data-part="more"
+        data-part-more=""
         type="button"
         [attr.aria-disabled]="loading() ? 'true' : null"
         [attr.data-loading]="loading() ? '' : null"
@@ -1392,10 +1435,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
     <ng-content select="[slImportExportCenterFooter]" />
 
     <ng-template #fileName let-stem="stem" let-extension="extension">
-      <span data-part="file-name" dir="auto"
-        ><span data-part="name">{{ stem }}</span>
+      <span data-part="file-name" data-part-file-name="" dir="auto"
+        ><span data-part="name" data-part-name="">{{ stem }}</span>
         @if (extension !== '') {
-          <span data-part="extension">{{ extension }}</span>
+          <span data-part="extension" data-part-extension="">{{ extension }}</span>
         }
       </span>
     </ng-template>
@@ -1408,7 +1451,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
       let-label="label"
       let-primary="primary"
     >
-      <span data-part="download">
+      <span data-part="download" data-part-download="">
         @if (file.href === undefined) {
           <button
             slButton
@@ -1448,6 +1491,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
     <ng-template #jobTemplate let-view>
       <li
         data-part="job"
+        data-part-job=""
         [attr.data-key]="view.job.key"
         [attr.data-direction]="view.job.direction"
         [attr.data-status]="view.job.status"
@@ -1455,25 +1499,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
         [attr.data-expired]="view.controls.expired ? '' : null"
         [attr.data-expanded]="view.expanded ? '' : null"
       >
-        <span data-part="visual" aria-hidden="true" [attr.data-kind]="view.kind"
+        <span data-part="visual" data-part-visual="" aria-hidden="true" [attr.data-kind]="view.kind"
           ><span slIcon><svg slGlyph [name]="view.kindGlyph"></svg></span
         ></span>
-        <div data-part="body">
-          <div data-part="heading">
+        <div data-part="body" data-part-body="">
+          <div data-part="heading" data-part-heading="">
             @if (view.job.href === undefined) {
-              <span data-part="job-title" tabindex="-1" [id]="view.ids.title">{{
-                view.job.title
-              }}</span>
+              <span
+                data-part="job-title"
+                data-part-job-title=""
+                tabindex="-1"
+                [id]="view.ids.title"
+                >{{ view.job.title }}</span
+              >
             } @else {
               <a
                 data-part="job-title"
+                data-part-job-title=""
                 [id]="view.ids.title"
                 [attr.href]="view.job.href"
                 (click)="open(view.job.key, $event)"
                 >{{ view.job.title }}</a
               >
             }
-            <p data-part="meta">
+            <p data-part="meta" data-part-meta="">
               <span>{{ view.directionText }}</span>
               @if (view.job.format !== undefined) {
                 <span>{{ view.job.format }}</span>
@@ -1497,6 +1546,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
               @if (view.time !== null) {
                 <time
                   data-part="time"
+                  data-part-time=""
                   [attr.datetime]="view.time.dateTime"
                   [attr.title]="view.time.title"
                   >{{ view.time.text }}</time
@@ -1504,23 +1554,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
               }
             </p>
           </div>
-          <div data-part="status" [id]="view.ids.status">
-            <span data-part="mark" aria-hidden="true">
+          <div data-part="status" data-part-status="" [id]="view.ids.status">
+            <span data-part="mark" data-part-mark="" aria-hidden="true">
               @if (view.mark === 'spinner') {
-                <span data-ui="spinner"></span>
+                <span data-ui="spinner" data-ui-spinner=""></span>
               } @else {
                 <span slIcon><svg slGlyph [name]="view.mark"></svg></span>
               }
             </span>
-            <span data-part="status-label"
+            <span data-part="status-label" data-part-status-label=""
               ><span>{{ view.statusText }}</span>
               @if (view.job.stage) {
-                <span data-part="stage" [attr.title]="view.job.stage">{{ view.job.stage }}</span>
+                <span data-part="stage" data-part-stage="" [attr.title]="view.job.stage">{{
+                  view.job.stage
+                }}</span>
               }
             </span>
           </div>
           @if (view.job.status === 'running') {
-            <div data-part="progress">
+            <div data-part="progress" data-part-progress="">
               <div
                 slProgressBar
                 hideLabel
@@ -1535,7 +1587,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                 "
               ></div>
               @if (view.progressText.length > 0) {
-                <span data-part="progress-text">
+                <span data-part="progress-text" data-part-progress-text="">
                   @for (item of view.progressText; track item) {
                     <span>{{ item }}</span>
                   }
@@ -1544,18 +1596,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
             </div>
           }
           @if (view.summary.length > 0) {
-            <p data-part="summary">
+            <p data-part="summary" data-part-summary="">
               @for (item of view.summary; track item) {
                 <span>{{ item }}</span>
               }
             </p>
           }
           @if (view.message !== null) {
-            <p data-part="message">{{ view.message }}</p>
+            <p data-part="message" data-part-message="">{{ view.message }}</p>
           }
         </div>
         @if (view.ordered.length > 0 || view.removable || jobActionsTemplate()) {
-          <div data-part="controls">
+          <div data-part="controls" data-part-controls="">
             @for (part of view.ordered; track part) {
               @switch (part) {
                 @case ('download') {
@@ -1573,7 +1625,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                   }
                 }
                 @case ('toggle') {
-                  <span data-part="toggle" [attr.data-expanded]="view.expanded ? '' : null">
+                  <span
+                    data-part="toggle"
+                    data-part-toggle=""
+                    [attr.data-expanded]="view.expanded ? '' : null"
+                  >
                     <button
                       slButton
                       size="sm"
@@ -1588,14 +1644,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     >
                       {{ t('details') }}
                       <span slButtonEnd
-                        ><span data-part="chevron"
+                        ><span data-part="chevron" data-part-chevron=""
                           ><span slIcon><svg slGlyph name="chevron-down"></svg></span></span
                       ></span>
                     </button>
                   </span>
                 }
                 @default {
-                  <span [attr.data-part]="part">
+                  <span
+                    [attr.data-part]="part"
+                    [attr.data-part-cancel]="part === 'cancel' ? '' : null"
+                    [attr.data-part-retry]="part === 'retry' ? '' : null"
+                  >
                     <button
                       slButton
                       size="sm"
@@ -1614,7 +1674,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
               }
             }
             @if (jobActionsTemplate(); as own) {
-              <span data-part="job-actions"
+              <span data-part="job-actions" data-part-job-actions=""
                 ><ng-container
                   [ngTemplateOutlet]="own.template"
                   [ngTemplateOutletContext]="{ $implicit: view.job }"
@@ -1624,6 +1684,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
               <button
                 slImportExportControl
                 data-part="remove"
+                data-part-remove=""
                 [text]="t('remove')"
                 [describedBy]="view.ids.title"
                 (click)="removeOne(view.job.key, $event)"
@@ -1636,12 +1697,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
         @if (view.expanded) {
           <div
             data-part="details"
+            data-part-details=""
             role="region"
             [id]="view.ids.details"
             [attr.aria-labelledby]="view.ids.toggle"
           >
             @if (view.counts.length > 0) {
-              <dl data-part="counts">
+              <dl data-part="counts" data-part-counts="">
                 @for (count of view.counts; track count.key) {
                   <div [attr.data-count]="count.key">
                     <dt>{{ count.label }}</dt>
@@ -1651,10 +1713,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
               </dl>
             }
             @if (view.files.length > 0) {
-              <ul data-part="files">
+              <ul data-part="files" data-part-files="">
                 @for (row of view.files; track row.role) {
-                  <li data-part="file" [attr.data-availability]="row.availability">
-                    <span data-part="meta">
+                  <li
+                    data-part="file"
+                    data-part-file=""
+                    [attr.data-availability]="row.availability"
+                  >
+                    <span data-part="meta" data-part-meta="">
                       <strong>{{ row.label }}</strong>
                       <span
                         ><ng-container
@@ -1685,7 +1751,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
               </ul>
             }
             @if ((view.job.errors?.length ?? 0) > 0) {
-              <div data-part="errors">
+              <div data-part="errors" data-part-errors="">
                 <div slTable variant="framed" [columns]="4">
                   <div slTableContent>
                     <caption slTableCaption>
@@ -1714,7 +1780,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                   </div>
                 </div>
                 @if (view.errorNote !== null) {
-                  <p data-part="errors-note">
+                  <p data-part="errors-note" data-part-errors-note="">
                     <span>{{ view.errorNote }}</span>
                   </p>
                 }
@@ -1726,7 +1792,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
     </ng-template>
   `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, exportAs: 'slImportExportCenter', host: {
                         'data-ui': 'import-export-center',
+                        'data-ui-import-export-center': '',
                         'data-part': 'root',
+                        'data-part-root': '',
                         '[attr.data-size]': 'sizeValue()',
                         '[attr.data-level]': 'levelValue()',
                         '[attr.data-growing]': 'growingValue()',
@@ -1735,7 +1803,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                         '[attr.data-loading]': "loading() ? '' : null",
                         '[attr.data-status]': "status() === 'error' ? 'error' : null",
                         '[attr.aria-labelledby]': 'labelledBy()',
-                    }, 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"] }]
+                    }, 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"] }]
         }], ctorParameters: () => [], propDecorators: { jobs: [{ type: i0.Input, args: [{ isSignal: true, alias: "jobs", required: true }] }], views: [{ type: i0.Input, args: [{ isSignal: true, alias: "views", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], level: [{ type: i0.Input, args: [{ isSignal: true, alias: "level", required: false }] }], growing: [{ type: i0.Input, args: [{ isSignal: true, alias: "growing", required: false }] }], timeFormat: [{ type: i0.Input, args: [{ isSignal: true, alias: "timeFormat", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], timeZone: [{ type: i0.Input, args: [{ isSignal: true, alias: "timeZone", required: false }] }], now: [{ type: i0.Input, args: [{ isSignal: true, alias: "now", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], status: [{ type: i0.Input, args: [{ isSignal: true, alias: "status", required: false }] }], hasMore: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasMore", required: false }] }], messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: false }] }], defaultView: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultView", required: false }] }], defaultExpanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultExpanded", required: false }] }], view: [{ type: i0.Input, args: [{ isSignal: true, alias: "view", required: false }] }, { type: i0.Output, args: ["viewChange"] }], expanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "expanded", required: false }] }, { type: i0.Output, args: ["expandedChange"] }], viewRequest: [{ type: i0.Output, args: ["viewRequest"] }], expandedRequest: [{ type: i0.Output, args: ["expandedRequest"] }], cancelRequest: [{ type: i0.Output, args: ["cancelRequest"] }], retryRequest: [{ type: i0.Output, args: ["retryRequest"] }], removeRequest: [{ type: i0.Output, args: ["removeRequest"] }], downloadRequest: [{ type: i0.Output, args: ["downloadRequest"] }], openRequest: [{ type: i0.Output, args: ["openRequest"] }], loadMoreRequest: [{ type: i0.Output, args: ["loadMoreRequest"] }], reloadRequest: [{ type: i0.Output, args: ["reloadRequest"] }], listElement: [{ type: i0.ViewChild, args: ['list', { isSignal: true }] }], jobActionsTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SlImportExportJobActions), { isSignal: true }] }] } });
 
 /**