@spectrum-web-components/card 0.11.1-devmode.0 → 0.12.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@spectrum-web-components/card",
-    "version": "0.11.1-devmode.0+1a8b29491",
+    "version": "0.12.0",
     "publishConfig": {
         "access": "public"
     },
@@ -57,13 +57,13 @@
         "lit-html"
     ],
     "dependencies": {
-        "@spectrum-web-components/asset": "^0.6.12-devmode.0+1a8b29491",
-        "@spectrum-web-components/base": "^0.6.1-devmode.0+1a8b29491",
-        "@spectrum-web-components/checkbox": "^0.13.7-devmode.0+1a8b29491",
-        "@spectrum-web-components/icons-workflow": "^0.8.13-devmode.0+1a8b29491",
-        "@spectrum-web-components/quick-actions": "^0.6.13-devmode.0+1a8b29491",
-        "@spectrum-web-components/shared": "^0.14.6-devmode.0+1a8b29491",
-        "@spectrum-web-components/styles": "^0.15.2-devmode.0+1a8b29491",
+        "@spectrum-web-components/asset": "^0.7.0",
+        "@spectrum-web-components/base": "^0.7.0",
+        "@spectrum-web-components/checkbox": "^0.14.0",
+        "@spectrum-web-components/icons-workflow": "^0.9.0",
+        "@spectrum-web-components/quick-actions": "^0.7.0",
+        "@spectrum-web-components/shared": "^0.15.0",
+        "@spectrum-web-components/styles": "^0.16.0",
         "tslib": "^2.0.0"
     },
     "devDependencies": {
@@ -75,5 +75,5 @@
         "./sp-*.js",
         "./**/*.dev.js"
     ],
-    "gitHead": "1a8b294911ab377fa4f07e16eb016f1e3bf7b517"
+    "gitHead": "05c81318844160db3f8156144106e643507fef97"
 }

package/sp-card.js

@@ -1,3 +1,2 @@
-import { Card } from "./src/Card.js";
-customElements.define("sp-card", Card);
+import{Card as e}from"./src/Card.js";customElements.define("sp-card",e);
 //# sourceMappingURL=sp-card.js.map

package/sp-card.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["sp-card.ts"],
   "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport { Card } from './src/Card.js';\n\ncustomElements.define('sp-card', Card);\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'sp-card': Card;\n    }\n}\n"],
-  "mappings": "AAYA;AAEA,eAAe,OAAO,WAAW,IAAI;",
+  "mappings": "AAYA,qCAEA,eAAe,OAAO,UAAW,CAAI",
   "names": []
 }

package/src/Card.js

@@ -1,227 +1,49 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp(target, key, result);
-  return result;
-};
-import {
-  html,
-  SizedMixin,
-  SpectrumElement
-} from "@spectrum-web-components/base";
-import { ifDefined } from "@spectrum-web-components/base/src/directives.js";
-import {
-  property,
-  query
-} from "@spectrum-web-components/base/src/decorators.js";
-import { FocusVisiblePolyfillMixin } from "@spectrum-web-components/shared/src/focus-visible.js";
-import { ObserveSlotPresence } from "@spectrum-web-components/shared/src/observe-slot-presence.js";
-import { LikeAnchor } from "@spectrum-web-components/shared/src/like-anchor.js";
-import "@spectrum-web-components/asset/sp-asset.js";
-import "@spectrum-web-components/checkbox/sp-checkbox.js";
-import "@spectrum-web-components/quick-actions/sp-quick-actions.js";
-import cardStyles from "./card.css.js";
-import headingStyles from "@spectrum-web-components/styles/heading.js";
-import detailStyles from "@spectrum-web-components/styles/detail.js";
-export class Card extends LikeAnchor(SizedMixin(ObserveSlotPresence(FocusVisiblePolyfillMixin(SpectrumElement), [
-  '[slot="cover-photo"]',
-  '[slot="preview"]'
-]), {
-  validSizes: ["s", "m"]
-})) {
-  constructor() {
-    super(...arguments);
-    this.variant = "standard";
-    this._selected = false;
-    this.heading = "";
-    this.horizontal = false;
-    this.focused = false;
-    this.toggles = false;
-    this.value = "";
-    this.subheading = "";
-    this.handleFocusin = (event) => {
-      this.focused = true;
-      const target = event.composedPath()[0];
-      if (target !== this) {
-        this.removeEventListener("keydown", this.handleKeydown);
-        return;
-      }
-      this.addEventListener("keydown", this.handleKeydown);
-    };
-  }
-  static get styles() {
-    return [headingStyles, detailStyles, cardStyles];
-  }
-  get selected() {
-    return this._selected;
-  }
-  set selected(selected) {
-    if (selected === this.selected)
-      return;
-    this._selected = selected;
-    this.requestUpdate("selected", !this._selected);
-  }
-  get hasCoverPhoto() {
-    return this.getSlotContentPresence('[slot="cover-photo"]');
-  }
-  get hasPreview() {
-    return this.getSlotContentPresence('[slot="preview"]');
-  }
-  click() {
-    var _a;
-    (_a = this.likeAnchor) == null ? void 0 : _a.click();
-  }
-  handleFocusout(event) {
-    this.focused = false;
-    const target = event.composedPath()[0];
-    if (target === this) {
-      this.removeEventListener("keydown", this.handleKeydown);
-    }
-  }
-  handleKeydown(event) {
-    const { code } = event;
-    switch (code) {
-      case "Space":
-        this.toggleSelected();
-        if (this.toggles) {
-          event.preventDefault();
-          break;
-        }
-      case "Enter":
-      case "NumpadEnter":
-        this.click();
-    }
-  }
-  handleSelectedChange(event) {
-    event.stopPropagation();
-    this.selected = event.target.checked;
-    this.announceChange();
-  }
-  toggleSelected() {
-    if (!this.toggles) {
-      this.dispatchEvent(new Event("click", {
-        bubbles: true,
-        composed: true
-      }));
-      return;
-    }
-    this.selected = !this.selected;
-    this.announceChange();
-  }
-  announceChange() {
-    const applyDefault = this.dispatchEvent(new Event("change", {
-      cancelable: true,
-      bubbles: true,
-      composed: true
-    }));
-    if (!applyDefault) {
-      this.selected = !this.selected;
-    }
-  }
-  stopPropagationOnHref(event) {
-    if (this.href) {
-      event.stopPropagation();
-    }
-  }
-  handlePointerdown(event) {
-    const path = event.composedPath();
-    const hasAnchor = path.some((el) => el.localName === "a");
-    if (hasAnchor)
-      return;
-    const start = +new Date();
-    const handleEnd = () => {
-      const end = +new Date();
-      if (end - start < 200) {
-        this.click();
-      }
-      this.removeEventListener("pointerup", handleEnd);
-    };
-    this.addEventListener("pointerup", handleEnd);
-  }
-  get renderHeading() {
-    return html`
+var h=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var s=(c,e,r,l)=>{for(var i=l>1?void 0:l?p(e,r):e,n=c.length-1,a;n>=0;n--)(a=c[n])&&(i=(l?a(e,r,i):a(i))||i);return l&&i&&h(e,r,i),i};import{html as t,SizedMixin as u,SpectrumElement as v}from"@spectrum-web-components/base";import{ifDefined as d}from"@spectrum-web-components/base/src/directives.js";import{property as o,query as m}from"@spectrum-web-components/base/src/decorators.js";import{FocusVisiblePolyfillMixin as g}from"@spectrum-web-components/shared/src/focus-visible.js";import{ObserveSlotPresence as f}from"@spectrum-web-components/shared/src/observe-slot-presence.js";import{LikeAnchor as b}from"@spectrum-web-components/shared/src/like-anchor.js";import"@spectrum-web-components/asset/sp-asset.js";import"@spectrum-web-components/checkbox/sp-checkbox.js";import"@spectrum-web-components/quick-actions/sp-quick-actions.js";import y from"./card.css.js";import w from"@spectrum-web-components/styles/heading.js";import k from"@spectrum-web-components/styles/detail.js";export class Card extends b(u(f(g(v),['[slot="cover-photo"]','[slot="preview"]']),{validSizes:["s","m"]})){constructor(){super(...arguments);this.variant="standard";this._selected=!1;this.heading="";this.horizontal=!1;this.focused=!1;this.toggles=!1;this.value="";this.subheading="";this.handleFocusin=e=>{if(this.focused=!0,e.composedPath()[0]!==this){this.removeEventListener("keydown",this.handleKeydown);return}this.addEventListener("keydown",this.handleKeydown)}}static get styles(){return[w,k,y]}get selected(){return this._selected}set selected(e){e!==this.selected&&(this._selected=e,this.requestUpdate("selected",!this._selected))}get hasCoverPhoto(){return this.getSlotContentPresence('[slot="cover-photo"]')}get hasPreview(){return this.getSlotContentPresence('[slot="preview"]')}click(){var e;(e=this.likeAnchor)==null||e.click()}handleFocusout(e){this.focused=!1,e.composedPath()[0]===this&&this.removeEventListener("keydown",this.handleKeydown)}handleKeydown(e){const{code:r}=e;switch(r){case"Space":if(this.toggleSelected(),this.toggles){e.preventDefault();break}case"Enter":case"NumpadEnter":this.click()}}handleSelectedChange(e){e.stopPropagation(),this.selected=e.target.checked,this.announceChange()}toggleSelected(){if(!this.toggles){this.dispatchEvent(new Event("click",{bubbles:!0,composed:!0}));return}this.selected=!this.selected,this.announceChange()}announceChange(){this.dispatchEvent(new Event("change",{cancelable:!0,bubbles:!0,composed:!0}))||(this.selected=!this.selected)}stopPropagationOnHref(e){this.href&&e.stopPropagation()}handlePointerdown(e){if(e.composedPath().some(a=>a.localName==="a"))return;const i=+new Date,n=()=>{+new Date-i<200&&this.click(),this.removeEventListener("pointerup",n)};this.addEventListener("pointerup",n)}get renderHeading(){return t`
             <div
                 class="title spectrum-Heading spectrum-Heading--sizeXS"
                 id="heading"
             >
                 <slot name="heading">${this.heading}</slot>
             </div>
-        `;
-  }
-  get renderPreviewImage() {
-    return html`
-            <sp-asset id="preview" variant=${ifDefined(this.asset)}>
+        `}get renderPreviewImage(){return t`
+            <sp-asset id="preview" variant=${d(this.asset)}>
                 <slot name="preview"></slot>
             </sp-asset>
-        `;
-  }
-  get renderCoverImage() {
-    return html`
-            <sp-asset id="cover-photo" variant=${ifDefined(this.asset)}>
+        `}get renderCoverImage(){return t`
+            <sp-asset id="cover-photo" variant=${d(this.asset)}>
                 <slot name="cover-photo"></slot>
             </sp-asset>
-        `;
-  }
-  get images() {
-    const images = [];
-    if (this.hasPreview)
-      images.push(this.renderPreviewImage);
-    if (this.hasCoverPhoto)
-      images.push(this.renderCoverImage);
-    return images;
-  }
-  renderImage() {
-    if (this.horizontal) {
-      return this.images;
-    }
-    if (this.variant !== "standard") {
-      return [this.renderPreviewImage];
-    }
-    return this.images;
-  }
-  get renderSubtitleAndDescription() {
-    return html`
+        `}get images(){const e=[];return this.hasPreview&&e.push(this.renderPreviewImage),this.hasCoverPhoto&&e.push(this.renderCoverImage),e}renderImage(){return this.horizontal?this.images:this.variant!=="standard"?[this.renderPreviewImage]:this.images}get renderSubtitleAndDescription(){return t`
             <div class="subtitle spectrum-Detail spectrum-Detail--sizeS">
                 <slot name="subheading">${this.subheading}</slot>
             </div>
             <slot name="description"></slot>
-        `;
-  }
-  render() {
-    return html`
+        `}render(){return t`
             <div class="body">
                 <div class="header">
                     ${this.renderHeading}
-                    ${this.variant === "gallery" ? this.renderSubtitleAndDescription : html``}
-                    ${this.variant !== "quiet" || this.size !== "s" ? html`
+                    ${this.variant==="gallery"?this.renderSubtitleAndDescription:t``}
+                    ${this.variant!=="quiet"||this.size!=="s"?t`
                               <div
                                   class="action-button"
                                   @pointerdown=${this.stopPropagationOnHref}
                               >
                                   <slot name="actions"></slot>
                               </div>
-                          ` : html``}
+                          `:t``}
                 </div>
-                ${this.variant !== "gallery" ? html`
+                ${this.variant!=="gallery"?t`
                           <div class="content">
                               ${this.renderSubtitleAndDescription}
                           </div>
-                      ` : html``}
+                      `:t``}
             </div>
-            ${this.href ? this.renderAnchor({
-      id: "like-anchor",
-      labelledby: "heading"
-    }) : html``}
-            ${this.variant === "standard" ? html`
+            ${this.href?this.renderAnchor({id:"like-anchor",labelledby:"heading"}):t``}
+            ${this.variant==="standard"?t`
                       <slot name="footer"></slot>
-                  ` : html``}
+                  `:t``}
             ${this.renderImage()}
-            ${this.toggles ? html`
+            ${this.toggles?t`
                       <sp-quick-actions
                           class="quick-actions"
                           @pointerdown=${this.stopPropagationOnHref}
@@ -233,53 +55,14 @@ export class Card extends LikeAnchor(SizedMixin(ObserveSlotPresence(FocusVisible
                               tabindex="-1"
                           ></sp-checkbox>
                       </sp-quick-actions>
-                  ` : html``}
-            ${this.variant === "quiet" && this.size === "s" ? html`
+                  `:t``}
+            ${this.variant==="quiet"&&this.size==="s"?t`
                       <sp-quick-actions
                           class="spectrum-QuickActions actions"
                           @pointerdown=${this.stopPropagationOnHref}
                       >
                           <slot name="actions"></slot>
                       </sp-quick-actions>
-                  ` : html``}
-        `;
-  }
-  firstUpdated(changes) {
-    super.firstUpdated(changes);
-    this.addEventListener("pointerdown", this.handlePointerdown);
-    this.addEventListener("focusin", this.handleFocusin);
-    this.shadowRoot.addEventListener("focusin", this.handleFocusin);
-    this.addEventListener("focusout", this.handleFocusout);
-  }
-}
-__decorateClass([
-  property()
-], Card.prototype, "asset", 2);
-__decorateClass([
-  property({ reflect: true })
-], Card.prototype, "variant", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], Card.prototype, "selected", 1);
-__decorateClass([
-  property()
-], Card.prototype, "heading", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], Card.prototype, "horizontal", 2);
-__decorateClass([
-  query("#like-anchor")
-], Card.prototype, "likeAnchor", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], Card.prototype, "focused", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], Card.prototype, "toggles", 2);
-__decorateClass([
-  property()
-], Card.prototype, "value", 2);
-__decorateClass([
-  property()
-], Card.prototype, "subheading", 2);
+                  `:t``}
+        `}firstUpdated(e){super.firstUpdated(e),this.addEventListener("pointerdown",this.handlePointerdown),this.addEventListener("focusin",this.handleFocusin),this.shadowRoot.addEventListener("focusin",this.handleFocusin),this.addEventListener("focusout",this.handleFocusout)}}s([o()],Card.prototype,"asset",2),s([o({reflect:!0})],Card.prototype,"variant",2),s([o({type:Boolean,reflect:!0})],Card.prototype,"selected",1),s([o()],Card.prototype,"heading",2),s([o({type:Boolean,reflect:!0})],Card.prototype,"horizontal",2),s([m("#like-anchor")],Card.prototype,"likeAnchor",2),s([o({type:Boolean,reflect:!0})],Card.prototype,"focused",2),s([o({type:Boolean,reflect:!0})],Card.prototype,"toggles",2),s([o()],Card.prototype,"value",2),s([o()],Card.prototype,"subheading",2);
 //# sourceMappingURL=Card.js.map

package/src/Card.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["Card.ts"],
   "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport {\n    CSSResultArray,\n    html,\n    PropertyValues,\n    SizedMixin,\n    SpectrumElement,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport { ifDefined } from '@spectrum-web-components/base/src/directives.js';\nimport {\n    property,\n    query,\n} from '@spectrum-web-components/base/src/decorators.js';\nimport { FocusVisiblePolyfillMixin } from '@spectrum-web-components/shared/src/focus-visible.js';\nimport { ObserveSlotPresence } from '@spectrum-web-components/shared/src/observe-slot-presence.js';\nimport { LikeAnchor } from '@spectrum-web-components/shared/src/like-anchor.js';\nimport '@spectrum-web-components/asset/sp-asset.js';\n\nimport { Checkbox } from '@spectrum-web-components/checkbox/src/Checkbox';\nimport '@spectrum-web-components/checkbox/sp-checkbox.js';\nimport '@spectrum-web-components/quick-actions/sp-quick-actions.js';\nimport cardStyles from './card.css.js';\nimport headingStyles from '@spectrum-web-components/styles/heading.js';\nimport detailStyles from '@spectrum-web-components/styles/detail.js';\n\n/**\n * @element sp-card\n *\n * @fires change - Announces a change in the `selected` property of a card\n * @slot preview - This is the preview image for Gallery Cards\n * @slot cover-photo - This is the cover photo for Default and Quiet Cards\n * @slot heading - HTML content to be listed as the heading\n * @slot subheading - HTML content to be listed as the subheading\n * @slot description - A description of the card\n * @slot actions - an `sp-action-menu` element outlining actions to take on the represened object\n * @slot footer - Footer text\n */\nexport class Card extends LikeAnchor(\n    SizedMixin(\n        ObserveSlotPresence(FocusVisiblePolyfillMixin(SpectrumElement), [\n            '[slot=\"cover-photo\"]',\n            '[slot=\"preview\"]',\n        ]),\n        {\n            validSizes: ['s', 'm'],\n        }\n    )\n) {\n    public static override get styles(): CSSResultArray {\n        return [headingStyles, detailStyles, cardStyles];\n    }\n\n    @property()\n    public asset?: 'file' | 'folder';\n\n    @property({ reflect: true })\n    public variant: 'standard' | 'gallery' | 'quiet' = 'standard';\n\n    @property({ type: Boolean, reflect: true })\n    get selected(): boolean {\n        return this._selected;\n    }\n    set selected(selected: boolean) {\n        if (selected === this.selected) return;\n        this._selected = selected;\n        this.requestUpdate('selected', !this._selected);\n    }\n\n    private _selected = false;\n\n    @property()\n    public heading = '';\n\n    @property({ type: Boolean, reflect: true })\n    public horizontal = false;\n\n    @query('#like-anchor')\n    private likeAnchor?: HTMLAnchorElement;\n\n    @property({ type: Boolean, reflect: true })\n    public focused = false;\n\n    @property({ type: Boolean, reflect: true })\n    public toggles = false;\n\n    @property()\n    public value = '';\n\n    @property()\n    public subheading = '';\n\n    protected get hasCoverPhoto(): boolean {\n        return this.getSlotContentPresence('[slot=\"cover-photo\"]');\n    }\n\n    protected get hasPreview(): boolean {\n        return this.getSlotContentPresence('[slot=\"preview\"]');\n    }\n\n    public override click(): void {\n        this.likeAnchor?.click();\n    }\n\n    private handleFocusin = (event: Event): void => {\n        this.focused = true;\n        const target = event.composedPath()[0];\n        if (target !== this) {\n            this.removeEventListener('keydown', this.handleKeydown);\n            return;\n        }\n        this.addEventListener('keydown', this.handleKeydown);\n    };\n\n    private handleFocusout(event: Event): void {\n        this.focused = false;\n        const target = event.composedPath()[0];\n        if (target === this) {\n            this.removeEventListener('keydown', this.handleKeydown);\n        }\n    }\n\n    private handleKeydown(event: KeyboardEvent): void {\n        const { code } = event;\n        switch (code) {\n            case 'Space':\n                this.toggleSelected();\n                if (this.toggles) {\n                    event.preventDefault();\n                    break;\n                }\n            case 'Enter':\n            case 'NumpadEnter':\n                this.click();\n        }\n    }\n\n    private handleSelectedChange(event: Event & { target: Checkbox }): void {\n        event.stopPropagation();\n        this.selected = event.target.checked;\n        this.announceChange();\n    }\n\n    public toggleSelected(): void {\n        if (!this.toggles) {\n            this.dispatchEvent(\n                new Event('click', {\n                    bubbles: true,\n                    composed: true,\n                })\n            );\n            return;\n        }\n        this.selected = !this.selected;\n        this.announceChange();\n    }\n\n    private announceChange(): void {\n        const applyDefault = this.dispatchEvent(\n            new Event('change', {\n                cancelable: true,\n                bubbles: true,\n                composed: true,\n            })\n        );\n        if (!applyDefault) {\n            this.selected = !this.selected;\n        }\n    }\n\n    private stopPropagationOnHref(event: Event): void {\n        if (this.href) {\n            event.stopPropagation();\n        }\n    }\n\n    private handlePointerdown(event: Event): void {\n        const path = event.composedPath();\n        const hasAnchor = path.some(\n            (el) => (el as HTMLElement).localName === 'a'\n        );\n        if (hasAnchor) return;\n        const start = +new Date();\n        const handleEnd = (): void => {\n            const end = +new Date();\n            if (end - start < 200) {\n                this.click();\n            }\n            this.removeEventListener('pointerup', handleEnd);\n        };\n        this.addEventListener('pointerup', handleEnd);\n    }\n\n    protected get renderHeading(): TemplateResult {\n        return html`\n            <div\n                class=\"title spectrum-Heading spectrum-Heading--sizeXS\"\n                id=\"heading\"\n            >\n                <slot name=\"heading\">${this.heading}</slot>\n            </div>\n        `;\n    }\n\n    protected get renderPreviewImage(): TemplateResult {\n        return html`\n            <sp-asset id=\"preview\" variant=${ifDefined(this.asset)}>\n                <slot name=\"preview\"></slot>\n            </sp-asset>\n        `;\n    }\n\n    protected get renderCoverImage(): TemplateResult {\n        return html`\n            <sp-asset id=\"cover-photo\" variant=${ifDefined(this.asset)}>\n                <slot name=\"cover-photo\"></slot>\n            </sp-asset>\n        `;\n    }\n\n    protected get images(): TemplateResult[] {\n        const images: TemplateResult[] = [];\n        if (this.hasPreview) images.push(this.renderPreviewImage);\n        if (this.hasCoverPhoto) images.push(this.renderCoverImage);\n        return images;\n    }\n\n    private renderImage(): TemplateResult[] {\n        if (this.horizontal) {\n            return this.images;\n        }\n        if (this.variant !== 'standard') {\n            return [this.renderPreviewImage];\n        }\n        return this.images;\n    }\n\n    private get renderSubtitleAndDescription(): TemplateResult {\n        return html`\n            <div class=\"subtitle spectrum-Detail spectrum-Detail--sizeS\">\n                <slot name=\"subheading\">${this.subheading}</slot>\n            </div>\n            <slot name=\"description\"></slot>\n        `;\n    }\n\n    protected override render(): TemplateResult {\n        return html`\n            <div class=\"body\">\n                <div class=\"header\">\n                    ${this.renderHeading}\n                    ${this.variant === 'gallery'\n                        ? this.renderSubtitleAndDescription\n                        : html``}\n                    ${this.variant !== 'quiet' || this.size !== 's'\n                        ? html`\n                              <div\n                                  class=\"action-button\"\n                                  @pointerdown=${this.stopPropagationOnHref}\n                              >\n                                  <slot name=\"actions\"></slot>\n                              </div>\n                          `\n                        : html``}\n                </div>\n                ${this.variant !== 'gallery'\n                    ? html`\n                          <div class=\"content\">\n                              ${this.renderSubtitleAndDescription}\n                          </div>\n                      `\n                    : html``}\n            </div>\n            ${this.href\n                ? this.renderAnchor({\n                      id: 'like-anchor',\n                      labelledby: 'heading',\n                  })\n                : html``}\n            ${this.variant === 'standard'\n                ? html`\n                      <slot name=\"footer\"></slot>\n                  `\n                : html``}\n            ${this.renderImage()}\n            ${this.toggles\n                ? html`\n                      <sp-quick-actions\n                          class=\"quick-actions\"\n                          @pointerdown=${this.stopPropagationOnHref}\n                      >\n                          <sp-checkbox\n                              class=\"checkbox\"\n                              @change=${this.handleSelectedChange}\n                              ?checked=${this.selected}\n                              tabindex=\"-1\"\n                          ></sp-checkbox>\n                      </sp-quick-actions>\n                  `\n                : html``}\n            ${this.variant === 'quiet' && this.size === 's'\n                ? html`\n                      <sp-quick-actions\n                          class=\"spectrum-QuickActions actions\"\n                          @pointerdown=${this.stopPropagationOnHref}\n                      >\n                          <slot name=\"actions\"></slot>\n                      </sp-quick-actions>\n                  `\n                : html``}\n        `;\n    }\n\n    protected override firstUpdated(changes: PropertyValues): void {\n        super.firstUpdated(changes);\n        this.addEventListener('pointerdown', this.handlePointerdown);\n        this.addEventListener('focusin', this.handleFocusin);\n        this.shadowRoot.addEventListener('focusin', this.handleFocusin);\n        this.addEventListener('focusout', this.handleFocusout);\n    }\n}\n"],
-  "mappings": ";;;;;;;;;;;AAYA;AAAA;AAAA;AAAA;AAAA;AAQA;AACA;AAAA;AAAA;AAAA;AAIA;AACA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;AAcO,aAAM,aAAa,WACtB,WACI,oBAAoB,0BAA0B,eAAe,GAAG;AAAA,EAC5D;AAAA,EACA;AACJ,CAAC,GACD;AAAA,EACI,YAAY,CAAC,KAAK,GAAG;AACzB,CACJ,CACJ,EAAE;AAAA,EAVK;AAAA;AAmBI,mBAA4C;AAY3C,qBAAY;AAGb,mBAAU;AAGV,sBAAa;AAMb,mBAAU;AAGV,mBAAU;AAGV,iBAAQ;AAGR,sBAAa;AAcZ,yBAAgB,CAAC,UAAuB;AAC5C,WAAK,UAAU;AACf,YAAM,SAAS,MAAM,aAAa,EAAE;AACpC,UAAI,WAAW,MAAM;AACjB,aAAK,oBAAoB,WAAW,KAAK,aAAa;AACtD;AAAA,MACJ;AACA,WAAK,iBAAiB,WAAW,KAAK,aAAa;AAAA,IACvD;AAAA;AAAA,aA/D2B,SAAyB;AAChD,WAAO,CAAC,eAAe,cAAc,UAAU;AAAA,EACnD;AAAA,MASI,WAAoB;AACpB,WAAO,KAAK;AAAA,EAChB;AAAA,MACI,SAAS,UAAmB;AAC5B,QAAI,aAAa,KAAK;AAAU;AAChC,SAAK,YAAY;AACjB,SAAK,cAAc,YAAY,CAAC,KAAK,SAAS;AAAA,EAClD;AAAA,MAyBc,gBAAyB;AACnC,WAAO,KAAK,uBAAuB,sBAAsB;AAAA,EAC7D;AAAA,MAEc,aAAsB;AAChC,WAAO,KAAK,uBAAuB,kBAAkB;AAAA,EACzD;AAAA,EAEgB,QAAc;AA/GlC;AAgHQ,eAAK,eAAL,mBAAiB;AAAA,EACrB;AAAA,EAYQ,eAAe,OAAoB;AACvC,SAAK,UAAU;AACf,UAAM,SAAS,MAAM,aAAa,EAAE;AACpC,QAAI,WAAW,MAAM;AACjB,WAAK,oBAAoB,WAAW,KAAK,aAAa;AAAA,IAC1D;AAAA,EACJ;AAAA,EAEQ,cAAc,OAA4B;AAC9C,UAAM,EAAE,SAAS;AACjB,YAAQ;AAAA,WACC;AACD,aAAK,eAAe;AACpB,YAAI,KAAK,SAAS;AACd,gBAAM,eAAe;AACrB;AAAA,QACJ;AAAA,WACC;AAAA,WACA;AACD,aAAK,MAAM;AAAA;AAAA,EAEvB;AAAA,EAEQ,qBAAqB,OAA2C;AACpE,UAAM,gBAAgB;AACtB,SAAK,WAAW,MAAM,OAAO;AAC7B,SAAK,eAAe;AAAA,EACxB;AAAA,EAEO,iBAAuB;AAC1B,QAAI,CAAC,KAAK,SAAS;AACf,WAAK,cACD,IAAI,MAAM,SAAS;AAAA,QACf,SAAS;AAAA,QACT,UAAU;AAAA,MACd,CAAC,CACL;AACA;AAAA,IACJ;AACA,SAAK,WAAW,CAAC,KAAK;AACtB,SAAK,eAAe;AAAA,EACxB;AAAA,EAEQ,iBAAuB;AAC3B,UAAM,eAAe,KAAK,cACtB,IAAI,MAAM,UAAU;AAAA,MAChB,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,UAAU;AAAA,IACd,CAAC,CACL;AACA,QAAI,CAAC,cAAc;AACf,WAAK,WAAW,CAAC,KAAK;AAAA,IAC1B;AAAA,EACJ;AAAA,EAEQ,sBAAsB,OAAoB;AAC9C,QAAI,KAAK,MAAM;AACX,YAAM,gBAAgB;AAAA,IAC1B;AAAA,EACJ;AAAA,EAEQ,kBAAkB,OAAoB;AAC1C,UAAM,OAAO,MAAM,aAAa;AAChC,UAAM,YAAY,KAAK,KACnB,CAAC,OAAQ,GAAmB,cAAc,GAC9C;AACA,QAAI;AAAW;AACf,UAAM,QAAQ,CAAC,IAAI,KAAK;AACxB,UAAM,YAAY,MAAY;AAC1B,YAAM,MAAM,CAAC,IAAI,KAAK;AACtB,UAAI,MAAM,QAAQ,KAAK;AACnB,aAAK,MAAM;AAAA,MACf;AACA,WAAK,oBAAoB,aAAa,SAAS;AAAA,IACnD;AACA,SAAK,iBAAiB,aAAa,SAAS;AAAA,EAChD;AAAA,MAEc,gBAAgC;AAC1C,WAAO;AAAA;AAAA;AAAA;AAAA;AAAA,uCAKwB,KAAK;AAAA;AAAA;AAAA,EAGxC;AAAA,MAEc,qBAAqC;AAC/C,WAAO;AAAA,6CAC8B,UAAU,KAAK,KAAK;AAAA;AAAA;AAAA;AAAA,EAI7D;AAAA,MAEc,mBAAmC;AAC7C,WAAO;AAAA,iDACkC,UAAU,KAAK,KAAK;AAAA;AAAA;AAAA;AAAA,EAIjE;AAAA,MAEc,SAA2B;AACrC,UAAM,SAA2B,CAAC;AAClC,QAAI,KAAK;AAAY,aAAO,KAAK,KAAK,kBAAkB;AACxD,QAAI,KAAK;AAAe,aAAO,KAAK,KAAK,gBAAgB;AACzD,WAAO;AAAA,EACX;AAAA,EAEQ,cAAgC;AACpC,QAAI,KAAK,YAAY;AACjB,aAAO,KAAK;AAAA,IAChB;AACA,QAAI,KAAK,YAAY,YAAY;AAC7B,aAAO,CAAC,KAAK,kBAAkB;AAAA,IACnC;AACA,WAAO,KAAK;AAAA,EAChB;AAAA,MAEY,+BAA+C;AACvD,WAAO;AAAA;AAAA,0CAE2B,KAAK;AAAA;AAAA;AAAA;AAAA,EAI3C;AAAA,EAEmB,SAAyB;AACxC,WAAO;AAAA;AAAA;AAAA,sBAGO,KAAK;AAAA,sBACL,KAAK,YAAY,YACb,KAAK,+BACL;AAAA,sBACJ,KAAK,YAAY,WAAW,KAAK,SAAS,MACtC;AAAA;AAAA;AAAA,iDAGuB,KAAK;AAAA;AAAA;AAAA;AAAA,8BAK5B;AAAA;AAAA,kBAER,KAAK,YAAY,YACb;AAAA;AAAA,gCAEU,KAAK;AAAA;AAAA,0BAGf;AAAA;AAAA,cAER,KAAK,OACD,KAAK,aAAa;AAAA,MACd,IAAI;AAAA,MACJ,YAAY;AAAA,IAChB,CAAC,IACD;AAAA,cACJ,KAAK,YAAY,aACb;AAAA;AAAA,sBAGA;AAAA,cACJ,KAAK,YAAY;AAAA,cACjB,KAAK,UACD;AAAA;AAAA;AAAA,yCAGuB,KAAK;AAAA;AAAA;AAAA;AAAA,wCAIN,KAAK;AAAA,yCACJ,KAAK;AAAA;AAAA;AAAA;AAAA,sBAK5B;AAAA,cACJ,KAAK,YAAY,WAAW,KAAK,SAAS,MACtC;AAAA;AAAA;AAAA,yCAGuB,KAAK;AAAA;AAAA;AAAA;AAAA,sBAK5B;AAAA;AAAA,EAEd;AAAA,EAEmB,aAAa,SAA+B;AAC3D,UAAM,aAAa,OAAO;AAC1B,SAAK,iBAAiB,eAAe,KAAK,iBAAiB;AAC3D,SAAK,iBAAiB,WAAW,KAAK,aAAa;AACnD,SAAK,WAAW,iBAAiB,WAAW,KAAK,aAAa;AAC9D,SAAK,iBAAiB,YAAY,KAAK,cAAc;AAAA,EACzD;AACJ;AA1QW;AAAA,EADP,AAAC,SAAS;AAAA,GACH,AAhBJ,KAgBI;AAGA;AAAA,EADP,AAAC,SAAS,EAAE,SAAS,KAAK,CAAC;AAAA,GACpB,AAnBJ,KAmBI;AAGH;AAAA,EADJ,AAAC,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GACtC,AAtBD,KAsBC;AAYG;AAAA,EADP,AAAC,SAAS;AAAA,GACH,AAlCJ,KAkCI;AAGA;AAAA,EADP,AAAC,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GACnC,AArCJ,KAqCI;AAGC;AAAA,EADR,AAAC,MAAM,cAAc;AAAA,GACb,AAxCL,KAwCK;AAGD;AAAA,EADP,AAAC,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GACnC,AA3CJ,KA2CI;AAGA;AAAA,EADP,AAAC,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GACnC,AA9CJ,KA8CI;AAGA;AAAA,EADP,AAAC,SAAS;AAAA,GACH,AAjDJ,KAiDI;AAGA;AAAA,EADP,AAAC,SAAS;AAAA,GACH,AApDJ,KAoDI;",
+  "mappings": "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",
   "names": []
 }

package/src/card.css.js

@@ -1,5 +1,4 @@
-import { css } from "@spectrum-web-components/base";
-const styles = css`
+import{css as r}from"@spectrum-web-components/base";const e=r`
 :host([size=s]){--spectrum-card-quiet-body-header-margin-top:var(
 --spectrum-card-s-quiet-body-header-margin-top,var(--spectrum-global-dimension-size-175)
 );--spectrum-card-quiet-body-header-height:var(
@@ -233,6 +232,5 @@ const styles = css`
 )}:host([href]:not([href=""])){cursor:pointer}#like-anchor{inset:0;pointer-events:none;position:absolute}.action-button{flex-grow:0}:host([dir=ltr]) .action-button{margin-left:auto}:host([dir=rtl]) .action-button{margin-right:auto}slot[name=description]{font-size:var(
 --spectrum-card-subtitle-text-size,var(--spectrum-global-dimension-font-size-50)
 )}#cover-photo,#preview{order:-1;overflow:hidden}#preview+#cover-photo{display:none}#cover-photo ::slotted(*),#preview ::slotted(*){display:block;object-fit:cover;width:100%}:host(:not([variant=gallery])) #preview ::slotted(*){height:100%}:host([horizontal]) #preview{width:auto}sp-quick-actions{z-index:1}.title{width:var(--spectrum-card-title-width)}.subtitle{text-transform:none}
-`;
-export default styles;
+`;export default e;
 //# sourceMappingURL=card.css.js.map

package/src/card.css.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["card.css.ts"],
   "sourcesContent": ["/*\nCopyright 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host([size=s]){--spectrum-card-quiet-body-header-margin-top:var(\n--spectrum-card-s-quiet-body-header-margin-top,var(--spectrum-global-dimension-size-175)\n);--spectrum-card-quiet-body-header-height:var(\n--spectrum-card-s-quiet-body-header-height,var(--spectrum-global-dimension-size-150)\n);--spectrum-card-quiet-preview-padding:var(\n--spectrum-card-s-quiet-preview-padding,var(--spectrum-global-dimension-size-150)\n);--spectrum-card-quiet-min-width:var(\n--spectrum-card-s-quiet-min-width,var(--spectrum-global-dimension-size-1200)\n);--spectrum-card-quiet-min-height:var(\n--spectrum-card-s-quiet-min-height,var(--spectrum-global-dimension-size-900)\n);--spectrum-card-quiet-border-radius:var(\n--spectrum-card-s-quiet-border-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-card-quiet-border-size:var(\n--spectrum-card-s-quiet-border-size,var(--spectrum-alias-border-size-thin)\n);--spectrum-card-body-header-height:var(\n--spectrum-card-s-body-header-height,var(--spectrum-global-dimension-size-150)\n);--spectrum-card-body-content-min-height:var(\n--spectrum-card-s-body-content-min-height,var(--spectrum-global-dimension-size-175)\n);--spectrum-card-body-content-margin-top:var(\n--spectrum-card-s-body-content-margin-top,var(--spectrum-global-dimension-size-75)\n);--spectrum-card-body-padding-top:var(\n--spectrum-card-s-body-padding-top,var(--spectrum-global-dimension-size-250)\n);--spectrum-card-body-padding-bottom:var(\n--spectrum-card-s-body-padding-bottom,var(--spectrum-global-dimension-size-250)\n);--spectrum-card-body-padding-left:var(\n--spectrum-card-s-body-padding-left,var(--spectrum-global-dimension-size-300)\n);--spectrum-card-body-padding-right:var(\n--spectrum-card-s-body-padding-right,var(--spectrum-global-dimension-size-300)\n);--spectrum-card-coverphoto-height:var(\n--spectrum-card-s-coverphoto-height,var(--spectrum-global-dimension-size-1700)\n);--spectrum-card-coverphoto-border-bottom-size:var(\n--spectrum-card-s-coverphoto-border-bottom-size,var(--spectrum-alias-border-size-thin)\n);--spectrum-card-checkbox-margin:var(\n--spectrum-card-s-checkbox-margin,var(--spectrum-global-dimension-size-125)\n);--spectrum-card-title-padding-right:var(\n--spectrum-card-s-title-padding-right,var(--spectrum-global-dimension-size-100)\n);--spectrum-card-subtitle-text-size:var(\n--spectrum-card-s-subtitle-text-size,var(--spectrum-global-dimension-font-size-50)\n);--spectrum-card-subtitle-padding-right:var(\n--spectrum-card-s-subtitle-padding-right,var(--spectrum-global-dimension-size-100)\n);--spectrum-card-actions-margin:var(\n--spectrum-card-s-actions-margin,var(--spectrum-global-dimension-size-125)\n);--spectrum-card-footer-padding-top:var(\n--spectrum-card-s-footer-padding-top,var(--spectrum-global-dimension-size-175)\n);--spectrum-card-footer-border-top-size:var(\n--spectrum-card-s-footer-border-top-size,var(--spectrum-global-dimension-size-10)\n);--spectrum-card-min-width:var(\n--spectrum-card-s-min-width,var(--spectrum-global-dimension-size-1250)\n);--spectrum-card-border-radius:var(\n--spectrum-card-s-border-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-card-border-size:var(\n--spectrum-card-s-border-size,var(--spectrum-alias-border-size-thin)\n)}:host([size=m]){--spectrum-card-quiet-body-header-margin-top:var(\n--spectrum-card-m-quiet-body-header-margin-top,var(--spectrum-global-dimension-size-175)\n);--spectrum-card-quiet-body-header-height:var(\n--spectrum-card-m-quiet-body-header-height,var(--spectrum-global-dimension-size-225)\n);--spectrum-card-quiet-preview-padding:var(\n--spectrum-card-m-quiet-preview-padding,var(--spectrum-global-dimension-size-250)\n);--spectrum-card-quiet-min-width:var(\n--spectrum-card-m-quiet-min-width,var(--spectrum-global-dimension-size-2500)\n);--spectrum-card-quiet-min-height:var(\n--spectrum-card-m-quiet-min-height,var(--spectrum-global-dimension-size-1700)\n);--spectrum-card-quiet-border-radius:var(\n--spectrum-card-m-quiet-border-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-card-quiet-border-size:var(\n--spectrum-card-m-quiet-border-size,var(--spectrum-alias-border-size-thin)\n);--spectrum-card-body-header-height:var(\n--spectrum-card-m-body-header-height,var(--spectrum-global-dimension-size-225)\n);--spectrum-card-body-content-min-height:var(\n--spectrum-card-m-body-content-min-height,var(--spectrum-global-dimension-size-175)\n);--spectrum-card-body-content-margin-top:var(\n--spectrum-card-m-body-content-margin-top,var(--spectrum-global-dimension-size-75)\n);--spectrum-card-body-padding-top:var(\n--spectrum-card-m-body-padding-top,var(--spectrum-global-dimension-size-250)\n);--spectrum-card-body-padding-bottom:var(\n--spectrum-card-m-body-padding-bottom,var(--spectrum-global-dimension-size-250)\n);--spectrum-card-body-padding-left:var(\n--spectrum-card-m-body-padding-left,var(--spectrum-global-dimension-size-300)\n);--spectrum-card-body-padding-right:var(\n--spectrum-card-m-body-padding-right,var(--spectrum-global-dimension-size-300)\n);--spectrum-card-coverphoto-height:var(\n--spectrum-card-m-coverphoto-height,var(--spectrum-global-dimension-size-1700)\n);--spectrum-card-coverphoto-border-bottom-size:var(\n--spectrum-card-m-coverphoto-border-bottom-size,var(--spectrum-alias-border-size-thin)\n);--spectrum-card-checkbox-margin:var(\n--spectrum-card-m-checkbox-margin,var(--spectrum-global-dimension-size-200)\n);--spectrum-card-title-padding-right:var(\n--spectrum-card-m-title-padding-right,var(--spectrum-global-dimension-size-100)\n);--spectrum-card-subtitle-text-size:var(\n--spectrum-card-m-subtitle-text-size,var(--spectrum-global-dimension-font-size-50)\n);--spectrum-card-subtitle-padding-right:var(\n--spectrum-card-m-subtitle-padding-right,var(--spectrum-global-dimension-size-100)\n);--spectrum-card-actions-margin:var(\n--spectrum-card-m-actions-margin,var(--spectrum-global-dimension-size-125)\n);--spectrum-card-footer-padding-top:var(\n--spectrum-card-m-footer-padding-top,var(--spectrum-global-dimension-size-175)\n);--spectrum-card-footer-border-top-size:var(\n--spectrum-card-m-footer-border-top-size,var(--spectrum-global-dimension-size-10)\n);--spectrum-card-min-width:var(\n--spectrum-card-m-min-width,var(--spectrum-global-dimension-size-2500)\n);--spectrum-card-border-radius:var(\n--spectrum-card-m-border-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-card-border-size:var(\n--spectrum-card-m-border-size,var(--spectrum-alias-border-size-thin)\n)}:host{border:var(--spectrum-card-border-size) solid transparent;border-radius:var(--spectrum-card-border-radius);box-sizing:border-box;display:inline-flex;flex-direction:column;min-width:var(--spectrum-card-min-width);position:relative;text-decoration:none}:host(:focus){outline:none}:host(:focus) .actions,:host(:focus) .quick-actions,:host(:hover) .actions,:host(:hover) .quick-actions,:host([focused]) .actions,:host([focused]) .quick-actions,:host([selected]) .actions,:host([selected]) .quick-actions{opacity:1;pointer-events:all;visibility:visible}:host([dir=ltr]) .actions{right:var(\n--spectrum-card-actions-margin\n)}:host([dir=rtl]) .actions{left:var(\n--spectrum-card-actions-margin\n)}.actions{height:var(\n--spectrum-quickactions-height,var(--spectrum-global-dimension-size-500)\n);position:absolute;top:var(--spectrum-card-actions-margin);visibility:hidden}:host([dir=ltr]) .quick-actions{left:var(\n--spectrum-card-checkbox-margin\n)}:host([dir=rtl]) .quick-actions{right:var(\n--spectrum-card-checkbox-margin\n)}.quick-actions{height:var(\n--spectrum-quickactions-height,var(--spectrum-global-dimension-size-500)\n);position:absolute;top:var(--spectrum-card-checkbox-margin);visibility:hidden;width:var(\n--spectrum-quickactions-height,var(--spectrum-global-dimension-size-500)\n)}:host([dir=ltr]) .quick-actions .checkbox,:host([dir=rtl]) .quick-actions .checkbox{margin:0}#cover-photo{align-items:center;background-position:50%;background-size:cover;border-bottom:var(--spectrum-card-coverphoto-border-bottom-size) solid transparent;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:calc(var(--spectrum-card-border-radius) - 1px);border-top-right-radius:calc(var(--spectrum-card-border-radius) - 1px);box-sizing:border-box;display:flex;height:var(\n--spectrum-card-coverphoto-height\n);justify-content:center}:host([dir=ltr]) .body{padding-right:var(\n--spectrum-card-body-padding-right\n)}:host([dir=rtl]) .body{padding-left:var(\n--spectrum-card-body-padding-right\n)}:host([dir=ltr]) .body{padding-left:var(\n--spectrum-card-body-padding-left\n)}:host([dir=rtl]) .body{padding-right:var(\n--spectrum-card-body-padding-left\n)}.body{padding-bottom:var(--spectrum-card-body-padding-bottom);padding-top:var(\n--spectrum-card-body-padding-top\n)}.body:last-child{border-bottom-left-radius:var(--spectrum-card-border-radius);border-bottom-right-radius:var(--spectrum-card-border-radius);border-top-left-radius:0;border-top-right-radius:0}#preview{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:calc(var(--spectrum-card-border-radius) - 1px);border-top-right-radius:calc(var(--spectrum-card-border-radius) - 1px);overflow:hidden}.header{height:var(--spectrum-card-body-header-height)}.content{display:flex;height:var(--spectrum-card-body-content-min-height);margin-top:var(--spectrum-card-body-content-margin-top)}:host([dir=ltr]) .title{padding-right:var(\n--spectrum-card-title-padding-right\n)}:host([dir=rtl]) .title{padding-left:var(\n--spectrum-card-title-padding-right\n)}.title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([dir=ltr]) .subtitle{padding-right:var(\n--spectrum-card-subtitle-padding-right\n)}:host([dir=rtl]) .subtitle{padding-left:var(\n--spectrum-card-subtitle-padding-right\n)}::slotted([slot=description]){font-size:var(\n--spectrum-card-subtitle-text-size\n)}:host([dir=ltr]) .subtitle+::slotted([slot=description]):before{padding-right:var(\n--spectrum-card-subtitle-padding-right\n)}:host([dir=rtl]) .subtitle+::slotted([slot=description]):before{padding-left:var(\n--spectrum-card-subtitle-padding-right\n)}.subtitle+::slotted([slot=description]):before{content:\"\u2022\"}:host([dir=ltr]) ::slotted([slot=footer]){margin-right:var(\n--spectrum-card-body-padding-right\n)}:host([dir=rtl]) ::slotted([slot=footer]){margin-left:var(\n--spectrum-card-body-padding-right\n)}:host([dir=ltr]) ::slotted([slot=footer]){margin-left:var(\n--spectrum-card-body-padding-left\n)}:host([dir=rtl]) ::slotted([slot=footer]){margin-right:var(\n--spectrum-card-body-padding-left\n)}::slotted([slot=footer]){border-top:var(--spectrum-card-footer-border-top-size) solid;padding-bottom:var(--spectrum-card-body-padding-bottom);padding-top:var(\n--spectrum-card-footer-padding-top\n)}.header{align-items:baseline;display:flex}.action-button{align-self:center;display:flex;flex:1;justify-content:flex-end}:host([variant=quiet]) #preview{min-height:var(\n--spectrum-card-quiet-min-height\n)}:host([variant=gallery]),:host([variant=quiet]){border-radius:0;border-width:0;height:100%;min-width:var(--spectrum-card-quiet-min-width);overflow:visible}:host([variant=gallery]) #preview,:host([variant=quiet]) #preview{border-radius:var(--spectrum-card-quiet-border-radius);box-sizing:border-box;flex:1;margin:0 auto;overflow:visible;padding:var(--spectrum-card-quiet-preview-padding);position:relative;transition:background-color var(--spectrum-global-animation-duration-100,.13s);width:100%}:host([dir=ltr][variant=gallery]) #preview:before,:host([dir=ltr][variant=quiet]) #preview:before{left:0}:host([dir=rtl][variant=gallery]) #preview:before,:host([dir=rtl][variant=quiet]) #preview:before{right:0}:host([variant=gallery]) #preview:before,:host([variant=quiet]) #preview:before{border:var(--spectrum-card-quiet-border-size) solid transparent;border-radius:inherit;box-sizing:border-box;content:\"\";height:100%;position:absolute;top:0;width:100%}:host([variant=gallery][drop-target]) #preview,:host([variant=quiet][drop-target]) #preview{transition:none}:host([variant=gallery]) .header,:host([variant=quiet]) .header{height:var(\n--spectrum-card-quiet-body-header-height\n);margin-top:var(--spectrum-card-quiet-body-header-margin-top)}:host([variant=gallery]) .body,:host([variant=quiet]) .body{padding:0}:host([horizontal]){flex-direction:row}:host([dir=ltr][horizontal]) #preview{border-top-left-radius:var(\n--spectrum-card-quiet-border-radius\n)}:host([dir=rtl][horizontal]) #preview{border-top-right-radius:var(\n--spectrum-card-quiet-border-radius\n)}:host([dir=ltr][horizontal]) #preview{border-top-right-radius:0}:host([dir=rtl][horizontal]) #preview{border-top-left-radius:0}:host([dir=ltr][horizontal]) #preview{border-bottom-left-radius:var(\n--spectrum-card-quiet-border-radius\n)}:host([dir=rtl][horizontal]) #preview{border-bottom-right-radius:var(\n--spectrum-card-quiet-border-radius\n)}:host([dir=ltr][horizontal]) #preview{border-bottom-right-radius:0}:host([dir=rtl][horizontal]) #preview{border-bottom-left-radius:0}:host([dir=ltr][horizontal]) #preview{border-right:var(--spectrum-card-border-size) solid transparent}:host([dir=rtl][horizontal]) #preview{border-left:var(--spectrum-card-border-size) solid transparent}:host([horizontal]) #preview{align-items:center;display:flex;flex-shrink:0;justify-content:center;min-height:0;padding:var(--spectrum-global-dimension-size-175)}:host([horizontal]) .content,:host([horizontal]) .header{height:auto;margin-top:0}:host([dir=ltr][horizontal]) .title{padding-right:0}:host([dir=rtl][horizontal]) .title{padding-left:0}:host([horizontal]) .body{display:flex;flex-direction:column;flex-shrink:0;justify-content:center;padding-bottom:0;padding-left:var(--spectrum-global-dimension-size-200);padding-right:var(--spectrum-global-dimension-size-200);padding-top:0}:host([variant=gallery]){min-width:0}:host([variant=gallery]) #preview{border-radius:0;padding:0}:host{background-color:var(\n--spectrum-card-m-background-color,var(--spectrum-global-color-gray-50)\n);border-color:var(\n--spectrum-card-m-border-color,var(--spectrum-global-color-gray-200)\n)}:host(:hover){border-color:var(\n--spectrum-card-m-border-color-hover,var(--spectrum-global-color-gray-400)\n)}:host(.focus-visible),:host([selected]){border-color:var(\n--spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n);box-shadow:0 0 0 1px var(\n--spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n)}:host(:focus-visible),:host([selected]){border-color:var(\n--spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n);box-shadow:0 0 0 1px var(\n--spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n)}:host([drop-target]){background-color:var(--spectrum-alias-highlight-selected);border-color:var(\n--spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n);box-shadow:0 0 0 1px var(\n--spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n)}.subtitle{color:var(\n--spectrum-card-m-description-text-color,var(--spectrum-global-color-gray-700)\n)}::slotted([slot=description]){color:var(\n--spectrum-card-m-description-text-color,var(--spectrum-global-color-gray-700)\n)}#cover-photo{background-color:var(\n--spectrum-card-m-coverphoto-background-color,var(--spectrum-global-color-gray-200)\n);border-bottom-color:var(\n--spectrum-card-m-coverphoto-border-color,var(--spectrum-global-color-gray-200)\n)}::slotted([slot=footer]){border-color:var(\n--spectrum-card-m-border-color,var(--spectrum-global-color-gray-200)\n)}:host([variant=gallery]),:host([variant=quiet]){background-color:transparent;border-color:transparent}:host([variant=gallery]) #preview,:host([variant=quiet]) #preview{background-color:var(\n--spectrum-card-m-quiet-preview-background-color,var(--spectrum-global-color-gray-200)\n)}:host([variant=gallery]:hover),:host([variant=quiet]:hover){border-color:transparent}:host([variant=gallery]:hover) #preview,:host([variant=quiet]:hover) #preview{background-color:var(\n--spectrum-card-m-quiet-preview-background-color-hover,var(--spectrum-global-color-gray-300)\n)}:host([variant=gallery].focus-visible),:host([variant=gallery][selected]),:host([variant=quiet].focus-visible),:host([variant=quiet][selected]){border-color:transparent;box-shadow:none}:host([variant=gallery]:focus-visible),:host([variant=gallery][selected]),:host([variant=quiet]:focus-visible),:host([variant=quiet][selected]){border-color:transparent;box-shadow:none}:host([variant=gallery].focus-visible) #preview,:host([variant=gallery][selected]) #preview,:host([variant=quiet].focus-visible) #preview,:host([variant=quiet][selected]) #preview{background-color:var(\n--spectrum-card-m-quiet-preview-background-color,var(--spectrum-global-color-gray-200)\n)}:host([variant=gallery]:focus-visible) #preview,:host([variant=gallery][selected]) #preview,:host([variant=quiet]:focus-visible) #preview,:host([variant=quiet][selected]) #preview{background-color:var(\n--spectrum-card-m-quiet-preview-background-color,var(--spectrum-global-color-gray-200)\n)}:host([variant=gallery].focus-visible) #preview:before,:host([variant=gallery][selected]) #preview:before,:host([variant=quiet].focus-visible) #preview:before,:host([variant=quiet][selected]) #preview:before{border-color:var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n);box-shadow:0 0 0 1px var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n)}:host([variant=gallery]:focus-visible) #preview:before,:host([variant=gallery][selected]) #preview:before,:host([variant=quiet]:focus-visible) #preview:before,:host([variant=quiet][selected]) #preview:before{border-color:var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n);box-shadow:0 0 0 1px var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n)}:host([variant=gallery][drop-target]),:host([variant=quiet][drop-target]){background-color:transparent;border-color:transparent;box-shadow:none}:host([variant=gallery][drop-target]) #preview,:host([variant=quiet][drop-target]) #preview{background-color:var(\n--spectrum-alias-highlight-selected\n)}:host([variant=gallery][drop-target]) #preview:before,:host([variant=quiet][drop-target]) #preview:before{border-color:var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n);box-shadow:0 0 0 1px var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n)}:host([variant=gallery][drop-target]) .spectrum-Asset-fileBackground,:host([variant=gallery][drop-target]) .spectrum-Asset-folderBackground,:host([variant=quiet][drop-target]) .spectrum-Asset-fileBackground,:host([variant=quiet][drop-target]) .spectrum-Asset-folderBackground{fill:var(\n--spectrum-alias-highlight-selected\n)}:host([variant=gallery][drop-target]) .spectrum-Asset-fileOutline,:host([variant=gallery][drop-target]) .spectrum-Asset-folderOutline,:host([variant=quiet][drop-target]) .spectrum-Asset-fileOutline,:host([variant=quiet][drop-target]) .spectrum-Asset-folderOutline{fill:var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n)}:host([variant=gallery]) .title,:host([variant=quiet]) .title{color:var(\n--spectrum-card-m-quiet-title-text-color,var(--spectrum-global-color-gray-800)\n)}:host([variant=gallery]) .subtitle,:host([variant=quiet]) .subtitle{color:var(\n--spectrum-card-m-quiet-subtitle-text-color,var(--spectrum-global-color-gray-700)\n)}:host([horizontal]:hover) #preview{border-color:var(\n--spectrum-card-m-border-color-hover,var(--spectrum-global-color-gray-400)\n)}:host([horizontal]) #preview{background-color:var(\n--spectrum-card-m-quiet-preview-background-color,var(--spectrum-global-color-gray-200)\n);border-color:var(\n--spectrum-card-m-border-color,var(--spectrum-global-color-gray-200)\n)}:host([href]:not([href=\"\"])){cursor:pointer}#like-anchor{inset:0;pointer-events:none;position:absolute}.action-button{flex-grow:0}:host([dir=ltr]) .action-button{margin-left:auto}:host([dir=rtl]) .action-button{margin-right:auto}slot[name=description]{font-size:var(\n--spectrum-card-subtitle-text-size,var(--spectrum-global-dimension-font-size-50)\n)}#cover-photo,#preview{order:-1;overflow:hidden}#preview+#cover-photo{display:none}#cover-photo ::slotted(*),#preview ::slotted(*){display:block;object-fit:cover;width:100%}:host(:not([variant=gallery])) #preview ::slotted(*){height:100%}:host([horizontal]) #preview{width:auto}sp-quick-actions{z-index:1}.title{width:var(--spectrum-card-title-width)}.subtitle{text-transform:none}\n`;\nexport default styles;"],
-  "mappings": "AAWA;AACA,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA2Of,eAAe;",
+  "mappings": "AAWA,oDACA,KAAM,GAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA2Of,cAAe",
   "names": []
 }

package/src/index.js

@@ -1,2 +1,2 @@
-export * from "./Card.js";
+export*from"./Card.js";
 //# sourceMappingURL=index.js.map

package/src/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["index.ts"],
   "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nexport * from './Card.js';\n"],
-  "mappings": "AAWA;",
+  "mappings": "AAWA",
   "names": []
 }

package/src/spectrum-card.css.js

@@ -1,5 +1,4 @@
-import { css } from "@spectrum-web-components/base";
-const styles = css`
+import{css as r}from"@spectrum-web-components/base";const e=r`
 :host([size=s]){--spectrum-card-quiet-body-header-margin-top:var(
 --spectrum-card-s-quiet-body-header-margin-top,var(--spectrum-global-dimension-size-175)
 );--spectrum-card-quiet-body-header-height:var(
@@ -231,6 +230,5 @@ const styles = css`
 );border-color:var(
 --spectrum-card-m-border-color,var(--spectrum-global-color-gray-200)
 )}
-`;
-export default styles;
+`;export default e;
 //# sourceMappingURL=spectrum-card.css.js.map

package/src/spectrum-card.css.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["spectrum-card.css.ts"],
   "sourcesContent": ["/*\nCopyright 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host([size=s]){--spectrum-card-quiet-body-header-margin-top:var(\n--spectrum-card-s-quiet-body-header-margin-top,var(--spectrum-global-dimension-size-175)\n);--spectrum-card-quiet-body-header-height:var(\n--spectrum-card-s-quiet-body-header-height,var(--spectrum-global-dimension-size-150)\n);--spectrum-card-quiet-preview-padding:var(\n--spectrum-card-s-quiet-preview-padding,var(--spectrum-global-dimension-size-150)\n);--spectrum-card-quiet-min-width:var(\n--spectrum-card-s-quiet-min-width,var(--spectrum-global-dimension-size-1200)\n);--spectrum-card-quiet-min-height:var(\n--spectrum-card-s-quiet-min-height,var(--spectrum-global-dimension-size-900)\n);--spectrum-card-quiet-border-radius:var(\n--spectrum-card-s-quiet-border-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-card-quiet-border-size:var(\n--spectrum-card-s-quiet-border-size,var(--spectrum-alias-border-size-thin)\n);--spectrum-card-body-header-height:var(\n--spectrum-card-s-body-header-height,var(--spectrum-global-dimension-size-150)\n);--spectrum-card-body-content-min-height:var(\n--spectrum-card-s-body-content-min-height,var(--spectrum-global-dimension-size-175)\n);--spectrum-card-body-content-margin-top:var(\n--spectrum-card-s-body-content-margin-top,var(--spectrum-global-dimension-size-75)\n);--spectrum-card-body-padding-top:var(\n--spectrum-card-s-body-padding-top,var(--spectrum-global-dimension-size-250)\n);--spectrum-card-body-padding-bottom:var(\n--spectrum-card-s-body-padding-bottom,var(--spectrum-global-dimension-size-250)\n);--spectrum-card-body-padding-left:var(\n--spectrum-card-s-body-padding-left,var(--spectrum-global-dimension-size-300)\n);--spectrum-card-body-padding-right:var(\n--spectrum-card-s-body-padding-right,var(--spectrum-global-dimension-size-300)\n);--spectrum-card-coverphoto-height:var(\n--spectrum-card-s-coverphoto-height,var(--spectrum-global-dimension-size-1700)\n);--spectrum-card-coverphoto-border-bottom-size:var(\n--spectrum-card-s-coverphoto-border-bottom-size,var(--spectrum-alias-border-size-thin)\n);--spectrum-card-checkbox-margin:var(\n--spectrum-card-s-checkbox-margin,var(--spectrum-global-dimension-size-125)\n);--spectrum-card-title-padding-right:var(\n--spectrum-card-s-title-padding-right,var(--spectrum-global-dimension-size-100)\n);--spectrum-card-subtitle-text-size:var(\n--spectrum-card-s-subtitle-text-size,var(--spectrum-global-dimension-font-size-50)\n);--spectrum-card-subtitle-padding-right:var(\n--spectrum-card-s-subtitle-padding-right,var(--spectrum-global-dimension-size-100)\n);--spectrum-card-actions-margin:var(\n--spectrum-card-s-actions-margin,var(--spectrum-global-dimension-size-125)\n);--spectrum-card-footer-padding-top:var(\n--spectrum-card-s-footer-padding-top,var(--spectrum-global-dimension-size-175)\n);--spectrum-card-footer-border-top-size:var(\n--spectrum-card-s-footer-border-top-size,var(--spectrum-global-dimension-size-10)\n);--spectrum-card-min-width:var(\n--spectrum-card-s-min-width,var(--spectrum-global-dimension-size-1250)\n);--spectrum-card-border-radius:var(\n--spectrum-card-s-border-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-card-border-size:var(\n--spectrum-card-s-border-size,var(--spectrum-alias-border-size-thin)\n)}:host([size=m]){--spectrum-card-quiet-body-header-margin-top:var(\n--spectrum-card-m-quiet-body-header-margin-top,var(--spectrum-global-dimension-size-175)\n);--spectrum-card-quiet-body-header-height:var(\n--spectrum-card-m-quiet-body-header-height,var(--spectrum-global-dimension-size-225)\n);--spectrum-card-quiet-preview-padding:var(\n--spectrum-card-m-quiet-preview-padding,var(--spectrum-global-dimension-size-250)\n);--spectrum-card-quiet-min-width:var(\n--spectrum-card-m-quiet-min-width,var(--spectrum-global-dimension-size-2500)\n);--spectrum-card-quiet-min-height:var(\n--spectrum-card-m-quiet-min-height,var(--spectrum-global-dimension-size-1700)\n);--spectrum-card-quiet-border-radius:var(\n--spectrum-card-m-quiet-border-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-card-quiet-border-size:var(\n--spectrum-card-m-quiet-border-size,var(--spectrum-alias-border-size-thin)\n);--spectrum-card-body-header-height:var(\n--spectrum-card-m-body-header-height,var(--spectrum-global-dimension-size-225)\n);--spectrum-card-body-content-min-height:var(\n--spectrum-card-m-body-content-min-height,var(--spectrum-global-dimension-size-175)\n);--spectrum-card-body-content-margin-top:var(\n--spectrum-card-m-body-content-margin-top,var(--spectrum-global-dimension-size-75)\n);--spectrum-card-body-padding-top:var(\n--spectrum-card-m-body-padding-top,var(--spectrum-global-dimension-size-250)\n);--spectrum-card-body-padding-bottom:var(\n--spectrum-card-m-body-padding-bottom,var(--spectrum-global-dimension-size-250)\n);--spectrum-card-body-padding-left:var(\n--spectrum-card-m-body-padding-left,var(--spectrum-global-dimension-size-300)\n);--spectrum-card-body-padding-right:var(\n--spectrum-card-m-body-padding-right,var(--spectrum-global-dimension-size-300)\n);--spectrum-card-coverphoto-height:var(\n--spectrum-card-m-coverphoto-height,var(--spectrum-global-dimension-size-1700)\n);--spectrum-card-coverphoto-border-bottom-size:var(\n--spectrum-card-m-coverphoto-border-bottom-size,var(--spectrum-alias-border-size-thin)\n);--spectrum-card-checkbox-margin:var(\n--spectrum-card-m-checkbox-margin,var(--spectrum-global-dimension-size-200)\n);--spectrum-card-title-padding-right:var(\n--spectrum-card-m-title-padding-right,var(--spectrum-global-dimension-size-100)\n);--spectrum-card-subtitle-text-size:var(\n--spectrum-card-m-subtitle-text-size,var(--spectrum-global-dimension-font-size-50)\n);--spectrum-card-subtitle-padding-right:var(\n--spectrum-card-m-subtitle-padding-right,var(--spectrum-global-dimension-size-100)\n);--spectrum-card-actions-margin:var(\n--spectrum-card-m-actions-margin,var(--spectrum-global-dimension-size-125)\n);--spectrum-card-footer-padding-top:var(\n--spectrum-card-m-footer-padding-top,var(--spectrum-global-dimension-size-175)\n);--spectrum-card-footer-border-top-size:var(\n--spectrum-card-m-footer-border-top-size,var(--spectrum-global-dimension-size-10)\n);--spectrum-card-min-width:var(\n--spectrum-card-m-min-width,var(--spectrum-global-dimension-size-2500)\n);--spectrum-card-border-radius:var(\n--spectrum-card-m-border-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-card-border-size:var(\n--spectrum-card-m-border-size,var(--spectrum-alias-border-size-thin)\n)}:host{border:var(--spectrum-card-border-size) solid transparent;border-radius:var(--spectrum-card-border-radius);box-sizing:border-box;display:inline-flex;flex-direction:column;min-width:var(--spectrum-card-min-width);position:relative;text-decoration:none}:host(:focus){outline:none}:host(:focus) .actions,:host(:focus) .quick-actions,:host(:hover) .actions,:host(:hover) .quick-actions,:host([focused]) .actions,:host([focused]) .quick-actions,:host([selected]) .actions,:host([selected]) .quick-actions{opacity:1;pointer-events:all;visibility:visible}:host([dir=ltr]) .actions{right:var(\n--spectrum-card-actions-margin\n)}:host([dir=rtl]) .actions{left:var(\n--spectrum-card-actions-margin\n)}.actions{height:var(\n--spectrum-quickactions-height,var(--spectrum-global-dimension-size-500)\n);position:absolute;top:var(--spectrum-card-actions-margin);visibility:hidden}:host([dir=ltr]) .quick-actions{left:var(\n--spectrum-card-checkbox-margin\n)}:host([dir=rtl]) .quick-actions{right:var(\n--spectrum-card-checkbox-margin\n)}.quick-actions{height:var(\n--spectrum-quickactions-height,var(--spectrum-global-dimension-size-500)\n);position:absolute;top:var(--spectrum-card-checkbox-margin);visibility:hidden;width:var(\n--spectrum-quickactions-height,var(--spectrum-global-dimension-size-500)\n)}:host([dir=ltr]) .quick-actions .checkbox,:host([dir=rtl]) .quick-actions .checkbox{margin:0}#cover-photo{align-items:center;background-position:50%;background-size:cover;border-bottom:var(--spectrum-card-coverphoto-border-bottom-size) solid transparent;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:calc(var(--spectrum-card-border-radius) - 1px);border-top-right-radius:calc(var(--spectrum-card-border-radius) - 1px);box-sizing:border-box;display:flex;height:var(\n--spectrum-card-coverphoto-height\n);justify-content:center}:host([dir=ltr]) .body{padding-right:var(\n--spectrum-card-body-padding-right\n)}:host([dir=rtl]) .body{padding-left:var(\n--spectrum-card-body-padding-right\n)}:host([dir=ltr]) .body{padding-left:var(\n--spectrum-card-body-padding-left\n)}:host([dir=rtl]) .body{padding-right:var(\n--spectrum-card-body-padding-left\n)}.body{padding-bottom:var(--spectrum-card-body-padding-bottom);padding-top:var(\n--spectrum-card-body-padding-top\n)}.body:last-child{border-bottom-left-radius:var(--spectrum-card-border-radius);border-bottom-right-radius:var(--spectrum-card-border-radius);border-top-left-radius:0;border-top-right-radius:0}#preview{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:calc(var(--spectrum-card-border-radius) - 1px);border-top-right-radius:calc(var(--spectrum-card-border-radius) - 1px);overflow:hidden}.header{height:var(--spectrum-card-body-header-height)}.content{display:flex;height:var(--spectrum-card-body-content-min-height);margin-top:var(--spectrum-card-body-content-margin-top)}:host([dir=ltr]) .title{padding-right:var(\n--spectrum-card-title-padding-right\n)}:host([dir=rtl]) .title{padding-left:var(\n--spectrum-card-title-padding-right\n)}.title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([dir=ltr]) .subtitle{padding-right:var(\n--spectrum-card-subtitle-padding-right\n)}:host([dir=rtl]) .subtitle{padding-left:var(\n--spectrum-card-subtitle-padding-right\n)}::slotted([slot=description]){font-size:var(\n--spectrum-card-subtitle-text-size\n)}:host([dir=ltr]) .subtitle+::slotted([slot=description]):before{padding-right:var(\n--spectrum-card-subtitle-padding-right\n)}:host([dir=rtl]) .subtitle+::slotted([slot=description]):before{padding-left:var(\n--spectrum-card-subtitle-padding-right\n)}.subtitle+::slotted([slot=description]):before{content:\"\u2022\"}:host([dir=ltr]) ::slotted([slot=footer]){margin-right:var(\n--spectrum-card-body-padding-right\n)}:host([dir=rtl]) ::slotted([slot=footer]){margin-left:var(\n--spectrum-card-body-padding-right\n)}:host([dir=ltr]) ::slotted([slot=footer]){margin-left:var(\n--spectrum-card-body-padding-left\n)}:host([dir=rtl]) ::slotted([slot=footer]){margin-right:var(\n--spectrum-card-body-padding-left\n)}::slotted([slot=footer]){border-top:var(--spectrum-card-footer-border-top-size) solid;padding-bottom:var(--spectrum-card-body-padding-bottom);padding-top:var(\n--spectrum-card-footer-padding-top\n)}.header{align-items:baseline;display:flex}.action-button{align-self:center;display:flex;flex:1;justify-content:flex-end}:host([variant=quiet]) #preview{min-height:var(\n--spectrum-card-quiet-min-height\n)}:host([variant=gallery]),:host([variant=quiet]){border-radius:0;border-width:0;height:100%;min-width:var(--spectrum-card-quiet-min-width);overflow:visible}:host([variant=gallery]) #preview,:host([variant=quiet]) #preview{border-radius:var(--spectrum-card-quiet-border-radius);box-sizing:border-box;flex:1;margin:0 auto;overflow:visible;padding:var(--spectrum-card-quiet-preview-padding);position:relative;transition:background-color var(--spectrum-global-animation-duration-100,.13s);width:100%}:host([dir=ltr][variant=gallery]) #preview:before,:host([dir=ltr][variant=quiet]) #preview:before{left:0}:host([dir=rtl][variant=gallery]) #preview:before,:host([dir=rtl][variant=quiet]) #preview:before{right:0}:host([variant=gallery]) #preview:before,:host([variant=quiet]) #preview:before{border:var(--spectrum-card-quiet-border-size) solid transparent;border-radius:inherit;box-sizing:border-box;content:\"\";height:100%;position:absolute;top:0;width:100%}:host([variant=gallery][drop-target]) #preview,:host([variant=quiet][drop-target]) #preview{transition:none}:host([variant=gallery]) .header,:host([variant=quiet]) .header{height:var(\n--spectrum-card-quiet-body-header-height\n);margin-top:var(--spectrum-card-quiet-body-header-margin-top)}:host([variant=gallery]) .body,:host([variant=quiet]) .body{padding:0}:host([horizontal]){flex-direction:row}:host([dir=ltr][horizontal]) #preview{border-top-left-radius:var(\n--spectrum-card-quiet-border-radius\n)}:host([dir=rtl][horizontal]) #preview{border-top-right-radius:var(\n--spectrum-card-quiet-border-radius\n)}:host([dir=ltr][horizontal]) #preview{border-top-right-radius:0}:host([dir=rtl][horizontal]) #preview{border-top-left-radius:0}:host([dir=ltr][horizontal]) #preview{border-bottom-left-radius:var(\n--spectrum-card-quiet-border-radius\n)}:host([dir=rtl][horizontal]) #preview{border-bottom-right-radius:var(\n--spectrum-card-quiet-border-radius\n)}:host([dir=ltr][horizontal]) #preview{border-bottom-right-radius:0}:host([dir=rtl][horizontal]) #preview{border-bottom-left-radius:0}:host([dir=ltr][horizontal]) #preview{border-right:var(--spectrum-card-border-size) solid transparent}:host([dir=rtl][horizontal]) #preview{border-left:var(--spectrum-card-border-size) solid transparent}:host([horizontal]) #preview{align-items:center;display:flex;flex-shrink:0;justify-content:center;min-height:0;padding:var(--spectrum-global-dimension-size-175)}:host([horizontal]) .content,:host([horizontal]) .header{height:auto;margin-top:0}:host([dir=ltr][horizontal]) .title{padding-right:0}:host([dir=rtl][horizontal]) .title{padding-left:0}:host([horizontal]) .body{display:flex;flex-direction:column;flex-shrink:0;justify-content:center;padding-bottom:0;padding-left:var(--spectrum-global-dimension-size-200);padding-right:var(--spectrum-global-dimension-size-200);padding-top:0}:host([variant=gallery]){min-width:0}:host([variant=gallery]) #preview{border-radius:0;padding:0}:host{background-color:var(\n--spectrum-card-m-background-color,var(--spectrum-global-color-gray-50)\n);border-color:var(\n--spectrum-card-m-border-color,var(--spectrum-global-color-gray-200)\n)}:host(:hover){border-color:var(\n--spectrum-card-m-border-color-hover,var(--spectrum-global-color-gray-400)\n)}:host(.focus-visible),:host([selected]){border-color:var(\n--spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n);box-shadow:0 0 0 1px var(\n--spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n)}:host(:focus-visible),:host([selected]){border-color:var(\n--spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n);box-shadow:0 0 0 1px var(\n--spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n)}:host([drop-target]){background-color:var(--spectrum-alias-highlight-selected);border-color:var(\n--spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n);box-shadow:0 0 0 1px var(\n--spectrum-card-m-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n)}.subtitle{color:var(\n--spectrum-card-m-description-text-color,var(--spectrum-global-color-gray-700)\n)}::slotted([slot=description]){color:var(\n--spectrum-card-m-description-text-color,var(--spectrum-global-color-gray-700)\n)}#cover-photo{background-color:var(\n--spectrum-card-m-coverphoto-background-color,var(--spectrum-global-color-gray-200)\n);border-bottom-color:var(\n--spectrum-card-m-coverphoto-border-color,var(--spectrum-global-color-gray-200)\n)}::slotted([slot=footer]){border-color:var(\n--spectrum-card-m-border-color,var(--spectrum-global-color-gray-200)\n)}:host([variant=gallery]),:host([variant=quiet]){background-color:transparent;border-color:transparent}:host([variant=gallery]) #preview,:host([variant=quiet]) #preview{background-color:var(\n--spectrum-card-m-quiet-preview-background-color,var(--spectrum-global-color-gray-200)\n)}:host([variant=gallery]:hover),:host([variant=quiet]:hover){border-color:transparent}:host([variant=gallery]:hover) #preview,:host([variant=quiet]:hover) #preview{background-color:var(\n--spectrum-card-m-quiet-preview-background-color-hover,var(--spectrum-global-color-gray-300)\n)}:host([variant=gallery].focus-visible),:host([variant=gallery][selected]),:host([variant=quiet].focus-visible),:host([variant=quiet][selected]){border-color:transparent;box-shadow:none}:host([variant=gallery]:focus-visible),:host([variant=gallery][selected]),:host([variant=quiet]:focus-visible),:host([variant=quiet][selected]){border-color:transparent;box-shadow:none}:host([variant=gallery].focus-visible) #preview,:host([variant=gallery][selected]) #preview,:host([variant=quiet].focus-visible) #preview,:host([variant=quiet][selected]) #preview{background-color:var(\n--spectrum-card-m-quiet-preview-background-color,var(--spectrum-global-color-gray-200)\n)}:host([variant=gallery]:focus-visible) #preview,:host([variant=gallery][selected]) #preview,:host([variant=quiet]:focus-visible) #preview,:host([variant=quiet][selected]) #preview{background-color:var(\n--spectrum-card-m-quiet-preview-background-color,var(--spectrum-global-color-gray-200)\n)}:host([variant=gallery].focus-visible) #preview:before,:host([variant=gallery][selected]) #preview:before,:host([variant=quiet].focus-visible) #preview:before,:host([variant=quiet][selected]) #preview:before{border-color:var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n);box-shadow:0 0 0 1px var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n)}:host([variant=gallery]:focus-visible) #preview:before,:host([variant=gallery][selected]) #preview:before,:host([variant=quiet]:focus-visible) #preview:before,:host([variant=quiet][selected]) #preview:before{border-color:var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n);box-shadow:0 0 0 1px var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n)}:host([variant=gallery][drop-target]),:host([variant=quiet][drop-target]){background-color:transparent;border-color:transparent;box-shadow:none}:host([variant=gallery][drop-target]) #preview,:host([variant=quiet][drop-target]) #preview{background-color:var(\n--spectrum-alias-highlight-selected\n)}:host([variant=gallery][drop-target]) #preview:before,:host([variant=quiet][drop-target]) #preview:before{border-color:var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n);box-shadow:0 0 0 1px var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n)}:host([variant=gallery][drop-target]) .spectrum-Asset-fileBackground,:host([variant=gallery][drop-target]) .spectrum-Asset-folderBackground,:host([variant=quiet][drop-target]) .spectrum-Asset-fileBackground,:host([variant=quiet][drop-target]) .spectrum-Asset-folderBackground{fill:var(\n--spectrum-alias-highlight-selected\n)}:host([variant=gallery][drop-target]) .spectrum-Asset-fileOutline,:host([variant=gallery][drop-target]) .spectrum-Asset-folderOutline,:host([variant=quiet][drop-target]) .spectrum-Asset-fileOutline,:host([variant=quiet][drop-target]) .spectrum-Asset-folderOutline{fill:var(\n--spectrum-card-m-quiet-border-color-selected,var(--spectrum-global-color-blue-500)\n)}:host([variant=gallery]) .title,:host([variant=quiet]) .title{color:var(\n--spectrum-card-m-quiet-title-text-color,var(--spectrum-global-color-gray-800)\n)}:host([variant=gallery]) .subtitle,:host([variant=quiet]) .subtitle{color:var(\n--spectrum-card-m-quiet-subtitle-text-color,var(--spectrum-global-color-gray-700)\n)}:host([horizontal]:hover) #preview{border-color:var(\n--spectrum-card-m-border-color-hover,var(--spectrum-global-color-gray-400)\n)}:host([horizontal]) #preview{background-color:var(\n--spectrum-card-m-quiet-preview-background-color,var(--spectrum-global-color-gray-200)\n);border-color:var(\n--spectrum-card-m-border-color,var(--spectrum-global-color-gray-200)\n)}\n`;\nexport default styles;"],
-  "mappings": "AAWA;AACA,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAyOf,eAAe;",
+  "mappings": "AAWA,oDACA,KAAM,GAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAyOf,cAAe",
   "names": []
 }