@m3e/web 2.0.3 → 2.0.4

package/dist/card.js

@@ -4,8 +4,8 @@
  * See LICENSE file in the project root for full license text.
  */
 import { unsafeCSS, css, LitElement, html } from 'lit';
-import { query, property, customElement } from 'lit/decorators.js';
-import { DesignToken, KeyboardClick, LinkButton, FormSubmitter, Focusable, DisabledInteractive, Disabled, AttachInternals, PressedController, renderPseudoLink, hasAssignedNodes } from '@m3e/web/core';
+import { query, property } from 'lit/decorators.js';
+import { DesignToken, KeyboardClick, LinkButton, FormSubmitter, Focusable, DisabledInteractive, Disabled, AttachInternals, PressedController, renderPseudoLink, element, hasAssignedNodes } from '@m3e/web/core';
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -421,7 +421,7 @@ __decorate([property({
 __decorate([property({
   reflect: true
 })], M3eCardElement.prototype, "orientation", void 0);
-M3eCardElement = __decorate([customElement("m3e-card")], M3eCardElement);
+M3eCardElement = __decorate([element("m3e-card")], M3eCardElement);
 
 export { M3eCardElement };
 //# sourceMappingURL=card.js.map

package/dist/card.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.js","sources":["../../../node_modules/tslib/tslib.es6.js","../../src/card/styles/CardToken.ts","../../src/card/styles/CardVariantToken.ts","../../src/card/styles/CardStyle.ts","../../src/card/styles/CardVariantStyle.ts","../../src/card/CardElement.ts"],"sourcesContent":["/******************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise, SuppressedError, Symbol, Iterator */\r\n\r\nvar extendStatics = function(d, b) {\r\n    extendStatics = Object.setPrototypeOf ||\r\n        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n    return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n    if (typeof b !== \"function\" && b !== null)\r\n        throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n    extendStatics(d, b);\r\n    function __() { this.constructor = d; }\r\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n    __assign = Object.assign || function __assign(t) {\r\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n            s = arguments[i];\r\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n        }\r\n        return t;\r\n    }\r\n    return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n    var t = {};\r\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n        t[p] = s[p];\r\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n                t[p[i]] = s[p[i]];\r\n        }\r\n    return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n    return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __esDecorate(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {\r\n    function accept(f) { if (f !== void 0 && typeof f !== \"function\") throw new TypeError(\"Function expected\"); return f; }\r\n    var kind = contextIn.kind, key = kind === \"getter\" ? \"get\" : kind === \"setter\" ? \"set\" : \"value\";\r\n    var target = !descriptorIn && ctor ? contextIn[\"static\"] ? ctor : ctor.prototype : null;\r\n    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});\r\n    var _, done = false;\r\n    for (var i = decorators.length - 1; i >= 0; i--) {\r\n        var context = {};\r\n        for (var p in contextIn) context[p] = p === \"access\" ? {} : contextIn[p];\r\n        for (var p in contextIn.access) context.access[p] = contextIn.access[p];\r\n        context.addInitializer = function (f) { if (done) throw new TypeError(\"Cannot add initializers after decoration has completed\"); extraInitializers.push(accept(f || null)); };\r\n        var result = (0, decorators[i])(kind === \"accessor\" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);\r\n        if (kind === \"accessor\") {\r\n            if (result === void 0) continue;\r\n            if (result === null || typeof result !== \"object\") throw new TypeError(\"Object expected\");\r\n            if (_ = accept(result.get)) descriptor.get = _;\r\n            if (_ = accept(result.set)) descriptor.set = _;\r\n            if (_ = accept(result.init)) initializers.unshift(_);\r\n        }\r\n        else if (_ = accept(result)) {\r\n            if (kind === \"field\") initializers.unshift(_);\r\n            else descriptor[key] = _;\r\n        }\r\n    }\r\n    if (target) Object.defineProperty(target, contextIn.name, descriptor);\r\n    done = true;\r\n};\r\n\r\nexport function __runInitializers(thisArg, initializers, value) {\r\n    var useValue = arguments.length > 2;\r\n    for (var i = 0; i < initializers.length; i++) {\r\n        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);\r\n    }\r\n    return useValue ? value : void 0;\r\n};\r\n\r\nexport function __propKey(x) {\r\n    return typeof x === \"symbol\" ? x : \"\".concat(x);\r\n};\r\n\r\nexport function __setFunctionName(f, name, prefix) {\r\n    if (typeof name === \"symbol\") name = name.description ? \"[\".concat(name.description, \"]\") : \"\";\r\n    return Object.defineProperty(f, \"name\", { configurable: true, value: prefix ? \"\".concat(prefix, \" \", name) : name });\r\n};\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n    if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n    return new (P || (P = Promise))(function (resolve, reject) {\r\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n    });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === \"function\" ? Iterator : Object).prototype);\r\n    return g.next = verb(0), g[\"throw\"] = verb(1), g[\"return\"] = verb(2), typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n    function verb(n) { return function (v) { return step([n, v]); }; }\r\n    function step(op) {\r\n        if (f) throw new TypeError(\"Generator is already executing.\");\r\n        while (g && (g = 0, op[0] && (_ = 0)), _) try {\r\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n            if (y = 0, t) op = [op[0] & 2, t.value];\r\n            switch (op[0]) {\r\n                case 0: case 1: t = op; break;\r\n                case 4: _.label++; return { value: op[1], done: false };\r\n                case 5: _.label++; y = op[1]; op = [0]; continue;\r\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n                default:\r\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n                    if (t[2]) _.ops.pop();\r\n                    _.trys.pop(); continue;\r\n            }\r\n            op = body.call(thisArg, _);\r\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n    }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    var desc = Object.getOwnPropertyDescriptor(m, k);\r\n    if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\r\n        desc = { enumerable: true, get: function() { return m[k]; } };\r\n    }\r\n    Object.defineProperty(o, k2, desc);\r\n}) : (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n    for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n    var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n    if (m) return m.call(o);\r\n    if (o && typeof o.length === \"number\") return {\r\n        next: function () {\r\n            if (o && i >= o.length) o = void 0;\r\n            return { value: o && o[i++], done: !o };\r\n        }\r\n    };\r\n    throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n    var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n    if (!m) return o;\r\n    var i = m.call(o), r, ar = [], e;\r\n    try {\r\n        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n    }\r\n    catch (error) { e = { error: error }; }\r\n    finally {\r\n        try {\r\n            if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n        }\r\n        finally { if (e) throw e.error; }\r\n    }\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n    for (var ar = [], i = 0; i < arguments.length; i++)\r\n        ar = ar.concat(__read(arguments[i]));\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n    for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n            r[k] = a[j];\r\n    return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n        if (ar || !(i in from)) {\r\n            if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n            ar[i] = from[i];\r\n        }\r\n    }\r\n    return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n    return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n    return i = Object.create((typeof AsyncIterator === \"function\" ? AsyncIterator : Object).prototype), verb(\"next\"), verb(\"throw\"), verb(\"return\", awaitReturn), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n    function awaitReturn(f) { return function (v) { return Promise.resolve(v).then(f, reject); }; }\r\n    function verb(n, f) { if (g[n]) { i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; if (f) i[n] = f(i[n]); } }\r\n    function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n    function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n    function fulfill(value) { resume(\"next\", value); }\r\n    function reject(value) { resume(\"throw\", value); }\r\n    function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n    var i, p;\r\n    return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n    function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: false } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var m = o[Symbol.asyncIterator], i;\r\n    return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n    function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n    function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n    if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n    return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n    Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n    o[\"default\"] = v;\r\n};\r\n\r\nvar ownKeys = function(o) {\r\n    ownKeys = Object.getOwnPropertyNames || function (o) {\r\n        var ar = [];\r\n        for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;\r\n        return ar;\r\n    };\r\n    return ownKeys(o);\r\n};\r\n\r\nexport function __importStar(mod) {\r\n    if (mod && mod.__esModule) return mod;\r\n    var result = {};\r\n    if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== \"default\") __createBinding(result, mod, k[i]);\r\n    __setModuleDefault(result, mod);\r\n    return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n    return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n    return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n    if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n    return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n\r\nexport function __classPrivateFieldIn(state, receiver) {\r\n    if (receiver === null || (typeof receiver !== \"object\" && typeof receiver !== \"function\")) throw new TypeError(\"Cannot use 'in' operator on non-object\");\r\n    return typeof state === \"function\" ? receiver === state : state.has(receiver);\r\n}\r\n\r\nexport function __addDisposableResource(env, value, async) {\r\n    if (value !== null && value !== void 0) {\r\n        if (typeof value !== \"object\" && typeof value !== \"function\") throw new TypeError(\"Object expected.\");\r\n        var dispose, inner;\r\n        if (async) {\r\n            if (!Symbol.asyncDispose) throw new TypeError(\"Symbol.asyncDispose is not defined.\");\r\n            dispose = value[Symbol.asyncDispose];\r\n        }\r\n        if (dispose === void 0) {\r\n            if (!Symbol.dispose) throw new TypeError(\"Symbol.dispose is not defined.\");\r\n            dispose = value[Symbol.dispose];\r\n            if (async) inner = dispose;\r\n        }\r\n        if (typeof dispose !== \"function\") throw new TypeError(\"Object not disposable.\");\r\n        if (inner) dispose = function() { try { inner.call(this); } catch (e) { return Promise.reject(e); } };\r\n        env.stack.push({ value: value, dispose: dispose, async: async });\r\n    }\r\n    else if (async) {\r\n        env.stack.push({ async: true });\r\n    }\r\n    return value;\r\n\r\n}\r\n\r\nvar _SuppressedError = typeof SuppressedError === \"function\" ? SuppressedError : function (error, suppressed, message) {\r\n    var e = new Error(message);\r\n    return e.name = \"SuppressedError\", e.error = error, e.suppressed = suppressed, e;\r\n};\r\n\r\nexport function __disposeResources(env) {\r\n    function fail(e) {\r\n        env.error = env.hasError ? new _SuppressedError(e, env.error, \"An error was suppressed during disposal.\") : e;\r\n        env.hasError = true;\r\n    }\r\n    var r, s = 0;\r\n    function next() {\r\n        while (r = env.stack.pop()) {\r\n            try {\r\n                if (!r.async && s === 1) return s = 0, env.stack.push(r), Promise.resolve().then(next);\r\n                if (r.dispose) {\r\n                    var result = r.dispose.call(r.value);\r\n                    if (r.async) return s |= 2, Promise.resolve(result).then(next, function(e) { fail(e); return next(); });\r\n                }\r\n                else s |= 1;\r\n            }\r\n            catch (e) {\r\n                fail(e);\r\n            }\r\n        }\r\n        if (s === 1) return env.hasError ? Promise.reject(env.error) : Promise.resolve();\r\n        if (env.hasError) throw env.error;\r\n    }\r\n    return next();\r\n}\r\n\r\nexport function __rewriteRelativeImportExtension(path, preserveJsx) {\r\n    if (typeof path === \"string\" && /^\\.\\.?\\//.test(path)) {\r\n        return path.replace(/\\.(tsx)$|((?:\\.d)?)((?:\\.[^./]+?)?)\\.([cm]?)ts$/i, function (m, tsx, d, ext, cm) {\r\n            return tsx ? preserveJsx ? \".jsx\" : \".js\" : d && (!ext || !cm) ? m : (d + ext + \".\" + cm.toLowerCase() + \"js\");\r\n        });\r\n    }\r\n    return path;\r\n}\r\n\r\nexport default {\r\n    __extends: __extends,\r\n    __assign: __assign,\r\n    __rest: __rest,\r\n    __decorate: __decorate,\r\n    __param: __param,\r\n    __esDecorate: __esDecorate,\r\n    __runInitializers: __runInitializers,\r\n    __propKey: __propKey,\r\n    __setFunctionName: __setFunctionName,\r\n    __metadata: __metadata,\r\n    __awaiter: __awaiter,\r\n    __generator: __generator,\r\n    __createBinding: __createBinding,\r\n    __exportStar: __exportStar,\r\n    __values: __values,\r\n    __read: __read,\r\n    __spread: __spread,\r\n    __spreadArrays: __spreadArrays,\r\n    __spreadArray: __spreadArray,\r\n    __await: __await,\r\n    __asyncGenerator: __asyncGenerator,\r\n    __asyncDelegator: __asyncDelegator,\r\n    __asyncValues: __asyncValues,\r\n    __makeTemplateObject: __makeTemplateObject,\r\n    __importStar: __importStar,\r\n    __importDefault: __importDefault,\r\n    __classPrivateFieldGet: __classPrivateFieldGet,\r\n    __classPrivateFieldSet: __classPrivateFieldSet,\r\n    __classPrivateFieldIn: __classPrivateFieldIn,\r\n    __addDisposableResource: __addDisposableResource,\r\n    __disposeResources: __disposeResources,\r\n    __rewriteRelativeImportExtension: __rewriteRelativeImportExtension,\r\n};\r\n","import { unsafeCSS } from \"lit\";\r\n\r\nimport { DesignToken } from \"@m3e/web/core\";\r\n\r\n/**\r\n * Component design tokens for `M3eCardElement`.\r\n * @internal\r\n */\r\nexport const CardToken = {\r\n  padding: unsafeCSS(\"var(--m3e-card-padding, 1rem)\"),\r\n  shape: unsafeCSS(`var(--m3e-card-shape, ${DesignToken.shape.corner.medium});`),\r\n} as const;\r\n","import { CSSResult, unsafeCSS } from \"lit\";\r\n\r\nimport { DesignToken } from \"@m3e/web/core\";\r\n\r\nimport { CardVariant } from \"../CardVariant\";\r\n\r\n/** @private */\r\ntype _CardVariantToken = {\r\n  textColor: CSSResult;\r\n  containerColor?: CSSResult;\r\n  containerElevation: CSSResult;\r\n  outlineColor?: CSSResult;\r\n  outlineThickness?: CSSResult;\r\n  disabled: {\r\n    textColor: CSSResult;\r\n    textOpacity: CSSResult;\r\n    imageOpacity: CSSResult;\r\n    containerColor?: CSSResult;\r\n    containerOpacity?: CSSResult;\r\n    containerElevation: CSSResult;\r\n    containerElevationColor: CSSResult;\r\n    containerElevationOpacity: CSSResult;\r\n    outlineColor?: CSSResult;\r\n    outlineOpacity?: CSSResult;\r\n  };\r\n  hover: {\r\n    textColor: CSSResult;\r\n    stateLayerColor: CSSResult;\r\n    stateLayerOpacity: CSSResult;\r\n    containerElevation?: CSSResult;\r\n    outlineColor?: CSSResult;\r\n  };\r\n  focus: {\r\n    textColor: CSSResult;\r\n    stateLayerColor: CSSResult;\r\n    stateLayerOpacity: CSSResult;\r\n    containerElevation?: CSSResult;\r\n    outlineColor?: CSSResult;\r\n  };\r\n  pressed: {\r\n    textColor: CSSResult;\r\n    stateLayerColor: CSSResult;\r\n    stateLayerOpacity: CSSResult;\r\n    containerElevation?: CSSResult;\r\n    outlineColor?: CSSResult;\r\n  };\r\n};\r\n\r\n/**\r\n * Component design tokens that control the appearance variants of `M3eCardElement`.\r\n * @internal\r\n */\r\nexport const CardVariantToken: Record<CardVariant, _CardVariantToken> = {\r\n  filled: {\r\n    textColor: unsafeCSS(\r\n      `var(--m3e-filled-card-text-color, var(--m3e-card-text-color, ${DesignToken.color.onSurface}))`,\r\n    ),\r\n    containerColor: unsafeCSS(\r\n      `var(--m3e-filled-card-container-color, var(--m3e-card-container-color, ${DesignToken.color.surfaceContainerHighest}))`,\r\n    ),\r\n    containerElevation: unsafeCSS(\r\n      `var(--m3e-filled-card-container-elevation, var(--m3e-card-container-elevation, ${DesignToken.elevation.level0}))`,\r\n    ),\r\n    disabled: {\r\n      textColor: unsafeCSS(\r\n        `var(--m3e-filled-card-disabled-text-color, var(--m3e-card-disabled-text-color, ${DesignToken.color.onSurface}))`,\r\n      ),\r\n      textOpacity: unsafeCSS(\r\n        `var(--m3e-filled-card-disabled-text-opacity, var(--m3e-card-disabled-text-opacity, 38%))`,\r\n      ),\r\n      imageOpacity: unsafeCSS(\r\n        `var(--m3e-filled-card-disabled-image-opacity, var(--m3e-card-disabled-image-opacity, 38%))`,\r\n      ),\r\n      containerColor: unsafeCSS(\r\n        `var(--m3e-filled-card-disabled-container-color, var(--m3e-card-disabled-container-color, ${DesignToken.color.surfaceVariant}))`,\r\n      ),\r\n      containerElevation: unsafeCSS(\r\n        `var(--m3e-filled-card-disabled-container-elevation, var(--m3e-card-disabled-container-elevation, ${DesignToken.elevation.level0}))`,\r\n      ),\r\n      containerElevationColor: unsafeCSS(\r\n        `var(--m3e-filled-card-disabled-container-elevation-color, var(--m3e-card-disabled-container-elevation-color, ${DesignToken.color.onSurface}))`,\r\n      ),\r\n      containerElevationOpacity: unsafeCSS(\r\n        `var(--m3e-filled-card-disabled-container-elevation-opacity, var(--m3e-card-disabled-container-elevation-opacity, 38%))`,\r\n      ),\r\n      containerOpacity: unsafeCSS(\r\n        `var(--m3e-filled-card-disabled-container-opacity, var(--m3e-card-disabled-container-opacity, 38%))`,\r\n      ),\r\n    },\r\n    hover: {\r\n      textColor: unsafeCSS(\r\n        `var(--m3e-filled-card-hover-text-color, var(--m3e-card-hover-text-color, ${DesignToken.color.onSurface}))`,\r\n      ),\r\n      stateLayerColor: unsafeCSS(\r\n        `var(--m3e-filled-card-hover-state-layer-color, var(--m3e-card-hover-state-layer-color, ${DesignToken.color.onSurface}))`,\r\n      ),\r\n      stateLayerOpacity: unsafeCSS(\r\n        `var(--m3e-filled-card-hover-state-layer-opacity, var(--m3e-card-hover-state-layer-opacity, ${DesignToken.state.hoverStateLayerOpacity}))`,\r\n      ),\r\n      containerElevation: unsafeCSS(\r\n        `var(--m3e-filled-card-hover-container-elevation, var(--m3e-card-hover-container-elevation, ${DesignToken.elevation.level1}))`,\r\n      ),\r\n    },\r\n    focus: {\r\n      textColor: unsafeCSS(\r\n        `var(--m3e-filled-card-focus-text-color, var(--m3e-card-focus-text-color, ${DesignToken.color.onSurface}))`,\r\n      ),\r\n      stateLayerColor: unsafeCSS(\r\n        `var(--m3e-filled-card-focus-state-layer-color, var(--m3e-card-focus-state-layer-color, ${DesignToken.color.onSurface}))`,\r\n      ),\r\n      stateLayerOpacity: unsafeCSS(\r\n        `var(--m3e-filled-card-focus-state-layer-opacity, var(--m3e-card-focus-state-layer-opacity, ${DesignToken.state.focusStateLayerOpacity}))`,\r\n      ),\r\n      containerElevation: unsafeCSS(\r\n        `var(--m3e-filled-card-focus-container-elevation, var(--m3e-card-focus-container-elevation, ${DesignToken.elevation.level0}))`,\r\n      ),\r\n    },\r\n    pressed: {\r\n      textColor: unsafeCSS(\r\n        `var(--m3e-filled-card-pressed-text-color, var(--m3e-card-pressed-text-color, ${DesignToken.color.onSurface}))`,\r\n      ),\r\n      stateLayerColor: unsafeCSS(\r\n        `var(--m3e-filled-card-pressed-state-layer-color, var(--m3e-card-pressed-state-layer-color, ${DesignToken.color.onSurface}))`,\r\n      ),\r\n      stateLayerOpacity: unsafeCSS(\r\n        `var(--m3e-filled-card-pressed-state-layer-opacity, var(--m3e-card-pressed-state-layer-opacity, ${DesignToken.state.pressedStateLayerOpacity}))`,\r\n      ),\r\n      containerElevation: unsafeCSS(\r\n        `var(--m3e-filled-card-pressed-container-elevation, var(--m3e-card-pressed-container-elevation, ${DesignToken.elevation.level0}))`,\r\n      ),\r\n    },\r\n  },\r\n  elevated: {\r\n    textColor: unsafeCSS(\r\n      `var(--m3e-elevated-card-text-color, var(--m3e-card-text-color, ${DesignToken.color.onSurface}))`,\r\n    ),\r\n    containerColor: unsafeCSS(\r\n      `var(--m3e-elevated-card-container-color, var(--m3e-card-container-color, ${DesignToken.color.surfaceContainerLow}))`,\r\n    ),\r\n    containerElevation: unsafeCSS(\r\n      `var(--m3e-elevated-card-container-elevation, var(--m3e-card-container-elevation, ${DesignToken.elevation.level1}))`,\r\n    ),\r\n    disabled: {\r\n      textColor: unsafeCSS(\r\n        `var(--m3e-elevated-card-disabled-text-color, var(--m3e-card-disabled-text-color, ${DesignToken.color.onSurface}))`,\r\n      ),\r\n      textOpacity: unsafeCSS(\r\n        `var(--m3e-elevated-card-disabled-text-opacity, var(--m3e-card-disabled-text-opacity, 38%))`,\r\n      ),\r\n      imageOpacity: unsafeCSS(\r\n        `var(--m3e-elevated-card-disabled-image-opacity, var(--m3e-card-disabled-image-opacity, 38%))`,\r\n      ),\r\n      containerColor: unsafeCSS(\r\n        `var(--m3e-elevated-card-disabled-container-color, var(--m3e-card-disabled-container-color, ${DesignToken.color.surface}))`,\r\n      ),\r\n      containerElevation: unsafeCSS(\r\n        `var(--m3e-elevated-card-disabled-container-elevation, var(--m3e-card-disabled-container-elevation, ${DesignToken.elevation.level1}))`,\r\n      ),\r\n      containerElevationColor: unsafeCSS(\r\n        `var(--m3e-elevated-card-disabled-container-elevation-color, var(--m3e-card-disabled-container-elevation-color, ${DesignToken.color.onSurface}))`,\r\n      ),\r\n      containerElevationOpacity: unsafeCSS(\r\n        `var(--m3e-elevated-card-disabled-container-elevation-opacity, var(--m3e-card-disabled-container-elevation-opacity, 38%))`,\r\n      ),\r\n      containerOpacity: unsafeCSS(\r\n        `var(--m3e-elevated-card-disabled-container-opacity, var(--m3e-card-disabled-container-opacity, 38%))`,\r\n      ),\r\n    },\r\n    hover: {\r\n      textColor: unsafeCSS(\r\n        `var(--m3e-elevated-card-hover-text-color, var(--m3e-card-hover-text-color, ${DesignToken.color.onSurface}))`,\r\n      ),\r\n      stateLayerColor: unsafeCSS(\r\n        `var(--m3e-elevated-card-hover-state-layer-color, var(--m3e-card-hover-state-layer-color, ${DesignToken.color.onSurface}))`,\r\n      ),\r\n      stateLayerOpacity: unsafeCSS(\r\n        `var(--m3e-elevated-card-hover-state-layer-opacity, var(--m3e-card-hover-state-layer-opacity, ${DesignToken.state.hoverStateLayerOpacity}))`,\r\n      ),\r\n      containerElevation: unsafeCSS(\r\n        `var(--m3e-elevated-card-hover-container-elevation, var(--m3e-card-hover-container-elevation, ${DesignToken.elevation.level2}))`,\r\n      ),\r\n    },\r\n    focus: {\r\n      textColor: unsafeCSS(\r\n        `var(--m3e-elevated-card-focus-text-color, var(--m3e-card-focus-text-color, ${DesignToken.color.onSurface}))`,\r\n      ),\r\n      stateLayerColor: unsafeCSS(\r\n        `var(--m3e-elevated-card-focus-state-layer-color, var(--m3e-card-focus-state-layer-color, ${DesignToken.color.onSurface}))`,\r\n      ),\r\n      stateLayerOpacity: unsafeCSS(\r\n        `var(--m3e-elevated-card-focus-state-layer-opacity, var(--m3e-card-focus-state-layer-opacity, ${DesignToken.state.focusStateLayerOpacity}))`,\r\n      ),\r\n      containerElevation: unsafeCSS(\r\n        `var(--m3e-elevated-card-focus-container-elevation, var(--m3e-card-focus-container-elevation, ${DesignToken.elevation.level1}))`,\r\n      ),\r\n    },\r\n    pressed: {\r\n      textColor: unsafeCSS(\r\n        `var(--m3e-elevated-card-pressed-text-color, var(--m3e-card-pressed-text-color, ${DesignToken.color.onSurface}))`,\r\n      ),\r\n      stateLayerColor: unsafeCSS(\r\n        `var(--m3e-elevated-card-pressed-state-layer-color, var(--m3e-card-pressed-state-layer-color, ${DesignToken.color.onSurface}))`,\r\n      ),\r\n      stateLayerOpacity: unsafeCSS(\r\n        `var(--m3e-elevated-card-pressed-state-layer-opacity, var(--m3e-card-pressed-state-layer-opacity, ${DesignToken.state.pressedStateLayerOpacity}))`,\r\n      ),\r\n      containerElevation: unsafeCSS(\r\n        `var(--m3e-elevated-card-pressed-container-elevation, var(--m3e-card-pressed-container-elevation, ${DesignToken.elevation.level1}))`,\r\n      ),\r\n    },\r\n  },\r\n  outlined: {\r\n    textColor: unsafeCSS(\r\n      `var(--m3e-outlined-card-text-color, var(--m3e-card-text-color, ${DesignToken.color.onSurface}))`,\r\n    ),\r\n    containerElevation: unsafeCSS(\r\n      `var(--m3e-outlined-card-container-elevation, var(--m3e-card-container-elevation, ${DesignToken.elevation.level0}))`,\r\n    ),\r\n    outlineColor: unsafeCSS(\r\n      `var(--m3e-outlined-card-outline-color, var(--m3e-card-outline-color, ${DesignToken.color.outlineVariant}))`,\r\n    ),\r\n    outlineThickness: unsafeCSS(\"var(--m3e-outlined-card-outline-thickness, var(--m3e-card-outline-thickness, 1px))\"),\r\n    disabled: {\r\n      textColor: unsafeCSS(\r\n        `var(--m3e-outlined-card-disabled-text-color, var(--m3e-card-disabled-text-color, ${DesignToken.color.onSurface}))`,\r\n      ),\r\n      textOpacity: unsafeCSS(\r\n        `var(--m3e-outlined-card-disabled-text-opacity, var(--m3e-card-disabled-text-opacity, 38%))`,\r\n      ),\r\n      imageOpacity: unsafeCSS(\r\n        `var(--m3e-outlined-card-disabled-image-opacity, var(--m3e-card-disabled-image-opacity, 38%))`,\r\n      ),\r\n      containerElevation: unsafeCSS(\r\n        `var(--m3e-outlined-card-disabled-container-elevation, var(--m3e-card-disabled-container-elevation, ${DesignToken.elevation.level0}))`,\r\n      ),\r\n      containerElevationColor: unsafeCSS(\r\n        `var(--m3e-outlined-card-disabled-container-elevation-color, var(--m3e-card-disabled-container-elevation-color, ${DesignToken.color.onSurface}))`,\r\n      ),\r\n      containerElevationOpacity: unsafeCSS(\r\n        `var(--m3e-outlined-card-disabled-container-elevation-opacity, var(--m3e-card-disabled-container-elevation-opacity, 38%))`,\r\n      ),\r\n      outlineColor: unsafeCSS(\r\n        `var(--m3e-outlined-card-disabled-outline-color, var(--m3e-card-disabled-outline-color, ${DesignToken.color.outline}))`,\r\n      ),\r\n      outlineOpacity: unsafeCSS(\r\n        `var(--m3e-outlined-card-disabled-outline-opacity, var(--m3e-card-disabled-outline-opacity, 12%))`,\r\n      ),\r\n    },\r\n    hover: {\r\n      textColor: unsafeCSS(\r\n        `var(--m3e-outlined-card-hover-text-color, var(--m3e-card-hover-text-color, ${DesignToken.color.onSurface}))`,\r\n      ),\r\n      stateLayerColor: unsafeCSS(\r\n        `var(--m3e-outlined-card-hover-state-layer-color, var(--m3e-card-hover-state-layer-color, ${DesignToken.color.onSurface}))`,\r\n      ),\r\n      stateLayerOpacity: unsafeCSS(\r\n        `var(--m3e-outlined-card-hover-state-layer-opacity, var(--m3e-card-hover-state-layer-opacity, ${DesignToken.state.hoverStateLayerOpacity}))`,\r\n      ),\r\n      containerElevation: unsafeCSS(\r\n        `var(--m3e-outlined-card-hover-container-elevation, var(--m3e-card-hover-container-elevation, ${DesignToken.elevation.level1}))`,\r\n      ),\r\n      outlineColor: unsafeCSS(\r\n        `var(--m3e-outlined-card-hover-outline-color, var(--m3e-card-hover-outline-color, ${DesignToken.color.outlineVariant}))`,\r\n      ),\r\n    },\r\n    focus: {\r\n      textColor: unsafeCSS(\r\n        `var(--m3e-outlined-card-focus-text-color, var(--m3e-card-focus-text-color, ${DesignToken.color.onSurface}))`,\r\n      ),\r\n      stateLayerColor: unsafeCSS(\r\n        `var(--m3e-outlined-card-focus-state-layer-color, var(--m3e-card-focus-state-layer-color, ${DesignToken.color.onSurface}))`,\r\n      ),\r\n      stateLayerOpacity: unsafeCSS(\r\n        `var(--m3e-outlined-card-focus-state-layer-opacity, var(--m3e-card-focus-state-layer-opacity, ${DesignToken.state.focusStateLayerOpacity}))`,\r\n      ),\r\n      containerElevation: unsafeCSS(\r\n        `var(--m3e-outlined-card-focus-container-elevation, var(--m3e-card-focus-container-elevation, ${DesignToken.elevation.level0}))`,\r\n      ),\r\n      outlineColor: unsafeCSS(\r\n        `var(--m3e-outlined-card-focus-outline-color, var(--m3e-card-focus-outline-color, ${DesignToken.color.onSurface}))`,\r\n      ),\r\n    },\r\n    pressed: {\r\n      textColor: unsafeCSS(\r\n        `var(--m3e-outlined-card-pressed-text-color, var(--m3e-card-pressed-text-color, ${DesignToken.color.onSurface}))`,\r\n      ),\r\n      stateLayerColor: unsafeCSS(\r\n        `var(--m3e-outlined-card-pressed-state-layer-color, var(--m3e-card-pressed-state-layer-color, ${DesignToken.color.onSurface}))`,\r\n      ),\r\n      stateLayerOpacity: unsafeCSS(\r\n        `var(--m3e-outlined-card-pressed-state-layer-opacity, var(--m3e-card-pressed-state-layer-opacity, ${DesignToken.state.pressedStateLayerOpacity}))`,\r\n      ),\r\n      containerElevation: unsafeCSS(\r\n        `var(--m3e-outlined-card-pressed-container-elevation, var(--m3e-card-pressed-container-elevation, ${DesignToken.elevation.level0}))`,\r\n      ),\r\n      outlineColor: unsafeCSS(\r\n        `var(--m3e-outlined-card-pressed-outline-color, var(--m3e-card-pressed-outline-color, ${DesignToken.color.outlineVariant}))`,\r\n      ),\r\n    },\r\n  },\r\n} as const;\r\n","import { css, CSSResult, unsafeCSS } from \"lit\";\r\n\r\nimport { DesignToken } from \"@m3e/web/core\";\r\n\r\nimport { CardToken } from \"./CardToken\";\r\nimport { CardVariantToken } from \"./CardVariantToken\";\r\n\r\n/**\r\n * Baseline styles for `M3eCardElement`.\r\n * @internal\r\n */\r\nexport const CardStyle: CSSResult = css`\r\n  :host {\r\n    outline: none;\r\n  }\r\n  :host(:not([inline])) {\r\n    display: block;\r\n  }\r\n  :host(:not([inline])) .base {\r\n    display: flex;\r\n  }\r\n  :host([inline]) {\r\n    display: inline-block;\r\n    vertical-align: middle;\r\n  }\r\n  :host([inline]) .base {\r\n    display: inline-flex;\r\n  }\r\n  .base {\r\n    width: 100%;\r\n    height: 100%;\r\n    position: relative;\r\n    box-sizing: border-box;\r\n    border-radius: ${CardToken.shape};\r\n    transition: ${unsafeCSS(\r\n      `background-color ${DesignToken.motion.duration.short4} ${DesignToken.motion.easing.standard},\r\n      border-color ${DesignToken.motion.duration.short4} ${DesignToken.motion.easing.standard}`,\r\n    )};\r\n  }\r\n  :host([actionable]) {\r\n    user-select: none;\r\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\r\n  }\r\n  :host([actionable]:not(:disabled):not([disabled-interactive])) {\r\n    cursor: pointer;\r\n  }\r\n  :host([actionable][disabled-interactive]) {\r\n    cursor: not-allowed;\r\n  }\r\n  :host(:not([actionable])) .focus-ring,\r\n  :host(:not([actionable])) .state-layer,\r\n  :host(:not([actionable])) .ripple {\r\n    display: none;\r\n  }\r\n  :host([variant=\"outlined\"]) .base {\r\n    border-style: solid;\r\n  }\r\n  ::slotted([slot=\"content\"]) {\r\n    flex: 1 1 auto;\r\n  }\r\n  ::slotted(img),\r\n  ::slotted(video) {\r\n    inset: 0;\r\n    object-fit: cover;\r\n  }\r\n  ::slotted(img[slot=\"header\"]),\r\n  ::slotted(video[slot=\"header\"]) {\r\n    border-radius: ${CardToken.shape};\r\n  }\r\n  ::slotted([slot=\"actions\"][end]) {\r\n    justify-content: flex-end;\r\n  }\r\n  ::slotted([slot=\"header\"]),\r\n  ::slotted([slot=\"actions\"]),\r\n  ::slotted([slot=\"footer\"]) {\r\n    flex: none;\r\n    display: flex;\r\n    align-items: center;\r\n  }\r\n  :host([orientation=\"vertical\"]) .base,\r\n  :host([orientation=\"horizontal\"]) ::slotted([slot=\"header\"]),\r\n  :host([orientation=\"horizontal\"]) ::slotted([slot=\"actions\"]),\r\n  :host([orientation=\"horizontal\"]) ::slotted([slot=\"footer\"]) {\r\n    flex-direction: column;\r\n  }\r\n  :host([orientation=\"horizontal\"]) .base,\r\n  :host([orientation=\"vertical\"]) ::slotted([slot=\"header\"]),\r\n  :host([orientation=\"vertical\"]) ::slotted([slot=\"actions\"]),\r\n  :host([orientation=\"vertical\"]) ::slotted([slot=\"footer\"]) {\r\n    flex-direction: row;\r\n  }\r\n  :host([orientation=\"horizontal\"]) ::slotted(img),\r\n  :host([orientation=\"horizontal\"]) ::slotted(video) {\r\n    aspect-ratio: 16 / 9;\r\n  }\r\n  .has-content:not(.has-default) slot[name=\"content\"],\r\n  .has-content.has-default slot:not([name]) {\r\n    display: inherit;\r\n    flex-direction: inherit;\r\n    flex: 1 1 auto;\r\n  }\r\n  .has-header slot[name=\"header\"],\r\n  .has-actions slot[name=\"actions\"],\r\n  .has-footer slot[name=\"footer\"] {\r\n    display: inherit;\r\n    flex-direction: inherit;\r\n    flex: none;\r\n  }\r\n  :host([orientation=\"vertical\"]) .has-content:not(.has-default) slot[name=\"content\"] {\r\n    margin-inline: ${CardToken.padding};\r\n  }\r\n  :host([orientation=\"vertical\"]) .has-content:not(.has-default):not(.has-header) slot[name=\"content\"] {\r\n    margin-block-start: ${CardToken.padding};\r\n  }\r\n  :host([orientation=\"vertical\"])\r\n    .has-content:not(.has-default):not(.has-actions):not(.has-footer)\r\n    slot[name=\"content\"] {\r\n    margin-block-end: ${CardToken.padding};\r\n  }\r\n  :host([orientation=\"horizontal\"]) .has-content:not(.has-default) slot[name=\"content\"] {\r\n    margin-block: ${CardToken.padding};\r\n  }\r\n  :host([orientation=\"horizontal\"]) .has-content:not(.has-default):not(.has-header) slot[name=\"content\"] {\r\n    margin-inline-start: ${CardToken.padding};\r\n  }\r\n  :host([orientation=\"horizontal\"])\r\n    .has-content:not(.has-default):not(.has-actions):not(.has-footer)\r\n    slot[name=\"content\"] {\r\n    margin-inline-end: ${CardToken.padding};\r\n  }\r\n  :host([orientation=\"vertical\"]) .has-header:not(.has-header-media) slot[name=\"header\"] {\r\n    margin-inline: ${CardToken.padding};\r\n    margin-block-start: ${CardToken.padding};\r\n  }\r\n  :host([orientation=\"horizontal\"]) .has-header:not(.has-header-media) slot[name=\"header\"] {\r\n    margin-inline-start: ${CardToken.padding};\r\n    margin-block: ${CardToken.padding};\r\n  }\r\n  .has-actions slot[name=\"actions\"] {\r\n    margin-inline: ${CardToken.padding};\r\n    margin-block: ${CardToken.padding};\r\n  }\r\n  :host([orientation=\"vertical\"]) .has-footer slot[name=\"footer\"] {\r\n    margin-inline: ${CardToken.padding};\r\n    margin-block-end: ${CardToken.padding};\r\n  }\r\n  :host([orientation=\"horizontal\"]) .has-footer slot[name=\"footer\"] {\r\n    margin-block: ${CardToken.padding};\r\n    margin-inline-end: ${CardToken.padding};\r\n  }\r\n  a {\r\n    all: unset;\r\n    display: block;\r\n    position: absolute;\r\n    top: 0px;\r\n    left: 0px;\r\n    right: 0px;\r\n    bottom: 0px;\r\n    z-index: 1;\r\n  }\r\n  @media (forced-colors: active) {\r\n    .base {\r\n      transition: none;\r\n    }\r\n    :host([variant]) .base {\r\n      border-style: solid;\r\n      border-color: CanvasText;\r\n      border-width: ${CardVariantToken.outlined.outlineThickness ?? unsafeCSS(\"unset\")};\r\n    }\r\n    :host([actionable][variant]:disabled) .base,\r\n    :host([actionable][variant][disabled-interactive]) .base {\r\n      color: GrayText;\r\n      border-color: GrayText;\r\n    }\r\n  }\r\n  @media (prefers-reduced-motion) {\r\n    .base {\r\n      transition: none;\r\n    }\r\n  }\r\n`;\r\n","import { css, CSSResult, CSSResultGroup, unsafeCSS } from \"lit\";\r\n\r\nimport { CardVariant } from \"../CardVariant\";\r\n\r\nimport { CardVariantToken } from \"./CardVariantToken\";\r\n\r\n/** @private */\r\nfunction cardVariantStyle(variant: CardVariant): CSSResult {\r\n  return css`\r\n    :host([variant=\"${unsafeCSS(variant)}\"]) .base {\r\n      background-color: ${CardVariantToken[variant].containerColor ?? unsafeCSS(\"unset\")};\r\n      box-shadow: ${CardVariantToken[variant].containerElevation ?? unsafeCSS(\"unset\")};\r\n      border-width: ${CardVariantToken[variant].outlineThickness ?? unsafeCSS(\"unset\")};\r\n    }\r\n    :host([actionable][variant=\"${unsafeCSS(variant)}\"]) .base {\r\n      --m3e-state-layer-hover-color: ${CardVariantToken[variant].hover.stateLayerColor};\r\n      --m3e-state-layer-hover-opacity: ${CardVariantToken[variant].hover.stateLayerOpacity};\r\n      --m3e-state-layer-focus-color: ${CardVariantToken[variant].focus.stateLayerColor};\r\n      --m3e-state-layer-focus-opacity: ${CardVariantToken[variant].focus.stateLayerOpacity};\r\n      --m3e-ripple-color: ${CardVariantToken[variant].pressed.stateLayerColor};\r\n      --m3e-ripple-opacity: ${CardVariantToken[variant].pressed.stateLayerOpacity};\r\n      --m3e-elevation-level: ${CardVariantToken[variant].containerElevation ?? unsafeCSS(\"unset\")};\r\n      --m3e-elevation-hover-level: ${CardVariantToken[variant].hover.containerElevation ?? unsafeCSS(\"unset\")};\r\n      --m3e-elevation-focus-level: ${CardVariantToken[variant].focus.containerElevation ?? unsafeCSS(\"unset\")};\r\n      --m3e-elevation-pressed-level: ${CardVariantToken[variant].pressed.containerElevation ?? unsafeCSS(\"unset\")};\r\n    }\r\n    :host([variant=\"${unsafeCSS(variant)}\"]) .base {\r\n      border-color: ${CardVariantToken[variant].outlineColor ?? unsafeCSS(\"unset\")};\r\n    }\r\n    :host([actionable][variant=\"${unsafeCSS(variant)}\"]:focus .base) {\r\n      border-color: ${CardVariantToken[variant].focus.outlineColor ?? unsafeCSS(\"unset\")};\r\n    }\r\n    :host([actionable][variant=\"${unsafeCSS(variant)}\"]:hover .base) {\r\n      border-color: ${CardVariantToken[variant].hover.outlineColor ?? unsafeCSS(\"unset\")};\r\n    }\r\n    :host([actionable][variant=\"${unsafeCSS(variant)}\"]) .base.pressed {\r\n      border-color: ${CardVariantToken[variant].pressed.outlineColor ?? unsafeCSS(\"unset\")};\r\n    }\r\n    :host([variant=\"${unsafeCSS(variant)}\"]) .base {\r\n      color: ${CardVariantToken[variant].textColor ?? unsafeCSS(\"unset\")};\r\n    }\r\n    :host([actionable][variant=\"${unsafeCSS(variant)}\"]:focus) .base {\r\n      color: ${CardVariantToken[variant].focus.textColor ?? unsafeCSS(\"unset\")};\r\n    }\r\n    :host([actionable][variant=\"${unsafeCSS(variant)}\"]:hover) .base {\r\n      color: ${CardVariantToken[variant].hover.textColor ?? unsafeCSS(\"unset\")};\r\n    }\r\n    :host([actionable][variant=\"${unsafeCSS(variant)}\"]) .base.pressed {\r\n      color: ${CardVariantToken[variant].pressed.textColor ?? unsafeCSS(\"unset\")};\r\n    }\r\n    :host([actionable][variant=\"${unsafeCSS(variant)}\"]:disabled) .base,\r\n    :host([actionable][variant=\"${unsafeCSS(variant)}\"][disabled-interactive]) .base {\r\n      --m3e-elevation-level: ${CardVariantToken[variant].disabled.containerElevation ?? unsafeCSS(\"unset\")};\r\n      --m3e-elevation-color: color-mix(\r\n        in srgb,\r\n        ${CardVariantToken[variant].disabled.containerElevationColor}\r\n          ${CardVariantToken[variant].disabled.containerElevationOpacity},\r\n        transparent\r\n      );\r\n      color: color-mix(\r\n        in srgb,\r\n        ${CardVariantToken[variant].disabled.textColor} ${CardVariantToken[variant].disabled.textOpacity},\r\n        transparent\r\n      );\r\n      background-color: ${CardVariantToken[variant].disabled.containerColor &&\r\n      CardVariantToken[variant].disabled.containerOpacity\r\n        ? unsafeCSS(`color-mix(\r\n        in srgb,\r\n        ${CardVariantToken[variant].disabled.containerColor} ${CardVariantToken[variant].disabled.containerOpacity},\r\n        transparent\r\n      )`)\r\n        : unsafeCSS(\"unset\")};\r\n      border-color: ${CardVariantToken[variant].disabled.outlineColor &&\r\n      CardVariantToken[variant].disabled.outlineOpacity\r\n        ? unsafeCSS(`color-mix(\r\n        in srgb,\r\n        ${CardVariantToken[variant].disabled.outlineColor} ${CardVariantToken[variant].disabled.outlineOpacity},\r\n        transparent\r\n      )`)\r\n        : unsafeCSS(\"unset\")};\r\n    }\r\n    :host([actionable][variant=\"${unsafeCSS(variant)}\"]:disabled) ::slotted(img),\r\n    :host([actionable][variant=\"${unsafeCSS(variant)}\"][disabled-interactive]) ::slotted(img),\r\n    :host([actionable][variant=\"${unsafeCSS(variant)}\"]:disabled) ::slotted(video),\r\n    :host([actionable][variant=\"${unsafeCSS(variant)}\"][disabled-interactive]) ::slotted(video) {\r\n      opacity: ${CardVariantToken[variant].disabled.imageOpacity};\r\n    }\r\n  `;\r\n}\r\n\r\n/**\r\n * Appearance variant styles for `M3eCardElement`.\r\n * @internal\r\n */\r\nexport const CardVariantStyle: CSSResultGroup = [\r\n  cardVariantStyle(\"filled\"),\r\n  cardVariantStyle(\"elevated\"),\r\n  cardVariantStyle(\"outlined\"),\r\n];\r\n","import { CSSResultGroup, html, LitElement, PropertyValues } from \"lit\";\r\nimport { customElement, property, query } from \"lit/decorators.js\";\r\n\r\nimport {\r\n  renderPseudoLink,\r\n  AttachInternals,\r\n  Disabled,\r\n  DisabledInteractive,\r\n  Focusable,\r\n  FormSubmitter,\r\n  LinkButton,\r\n  M3eElevationElement,\r\n  M3eFocusRingElement,\r\n  M3eRippleElement,\r\n  M3eStateLayerElement,\r\n  PressedController,\r\n  KeyboardClick,\r\n  hasAssignedNodes,\r\n} from \"@m3e/web/core\";\r\n\r\nimport { CardVariant } from \"./CardVariant\";\r\n\r\nimport { CardStyle, CardVariantStyle } from \"./styles\";\r\nimport { CardOrientation } from \"./CardOrientation\";\r\n\r\n/**\r\n * A content container for text, images (or other media), and actions in the context of a single subject.\r\n *\r\n * @description\r\n * The `m3e-card` component is a flexible, expressive container for presenting a unified subject—text,\r\n * media, and actions—on a visually distinct surface. It supports multiple appearance variants via the\r\n * `variant` attribute: `filled` (default, for solid emphasis), `outlined` (for subtle framing with a border),\r\n * and `elevated` (for depth and motion with shadow elevation).\r\n *\r\n * Cards can be made actionable, responding to user interaction when the `actionable` attribute is set, and can be\r\n * presented inline with surrounding content using the `inline` attribute.\r\n *\r\n * It supports both vertical and horizontal layouts through the `orientation` attribute. Content organization is\r\n * enabled via dedicated slots for `header`, `content`, `actions`, and `footer`, or developers can use the default\r\n * slot for custom layouts.\r\n *\r\n * The component provides dynamic elevation, adaptive shape, and expressive color theming, and responds to interaction states\r\n * (hover, focus, press, disabled) with smooth motion and visual feedback, ensuring clarity, accessibility,\r\n * and a cohesive user experience in accordance with Material Design 3 guidelines.\r\n *\r\n * @example\r\n * The following example illustrates each of the dedicated slots of a card.\r\n * ```html\r\n * <m3e-card>\r\n *  <div slot=\"header\">Header section</div>\r\n *  <div slot=\"content\">Content section</div>\r\n *  <div slot=\"actions\">Actions section</div>\r\n *  <div slot=\"footer\">Footer section</div>\r\n * </m3e-card>\r\n * ```\r\n *\r\n * @tag m3e-card\r\n *\r\n * @slot - Renders the content of the card without padding.\r\n * @slot header - Renders the header of the card.\r\n * @slot content - Renders the content of the card with padding.\r\n * @slot actions - Renders the actions of the card.\r\n * @slot footer - Renders the footer of the card.\r\n *\r\n * @attr actionable - Whether the card is \"actionable\" and will respond to use interaction.\r\n * @attr inline - Whether to present the card inline with surrounding content.\r\n * @attr orientation - The orientation of the card.\r\n * @attr variant - The appearance variant of the card.\r\n *\r\n * @fires click - Emitted when the element is clicked.\r\n *\r\n * @cssprop --m3e-card-padding - Internal spacing for all slotted regions\r\n * @cssprop --m3e-card-shape - Corner radius of the card container.\r\n * @cssprop --m3e-filled-card-text-color - Foreground color for text content in filled cards.\r\n * @cssprop --m3e-filled-card-container-color - Background color of the filled card container.\r\n * @cssprop --m3e-filled-card-container-elevation - Elevation level for filled card container.\r\n * @cssprop --m3e-filled-card-disabled-text-color - Text color when filled card is disabled.\r\n * @cssprop --m3e-filled-card-disabled-text-opacity - Opacity applied to text when disabled.\r\n * @cssprop --m3e-filled-card-disabled-container-color - Background color when disabled.\r\n * @cssprop --m3e-filled-card-disabled-container-elevation - Elevation level when disabled.\r\n * @cssprop --m3e-filled-card-disabled-container-elevation-color - Shadow color when disabled.\r\n * @cssprop --m3e-filled-card-disabled-container-elevation-opacity - Shadow opacity when disabled.\r\n * @cssprop --m3e-filled-card-disabled-container-opacity - Overall container opacity when disabled.\r\n * @cssprop --m3e-filled-card-hover-text-color - Text color on hover.\r\n * @cssprop --m3e-filled-card-hover-state-layer-color - State layer color on hover.\r\n * @cssprop --m3e-filled-card-hover-state-layer-opacity - State layer opacity on hover.\r\n * @cssprop --m3e-filled-card-hover-container-elevation - Elevation level on hover.\r\n * @cssprop --m3e-filled-card-focus-text-color - Text color on focus.\r\n * @cssprop --m3e-filled-card-focus-state-layer-color - State layer color on focus.\r\n * @cssprop --m3e-filled-card-focus-state-layer-opacity - State layer opacity on focus.\r\n * @cssprop --m3e-filled-card-focus-container-elevation - Elevation level on focus.\r\n * @cssprop --m3e-filled-card-pressed-text-color - Text color on press.\r\n * @cssprop --m3e-filled-card-pressed-state-layer-color - State layer color on press.\r\n * @cssprop --m3e-filled-card-pressed-state-layer-opacity - State layer opacity on press.\r\n * @cssprop --m3e-filled-card-pressed-container-elevation - Elevation level on press.\r\n * @cssprop --m3e-elevated-card-text-color - Foreground color for text content in elevated cards.\r\n * @cssprop --m3e-elevated-card-container-color - Background color of the elevated card container.\r\n * @cssprop --m3e-elevated-card-container-elevation - Elevation level for elevated card container.\r\n * @cssprop --m3e-elevated-card-disabled-text-color - Text color when elevated card is disabled.\r\n * @cssprop --m3e-elevated-card-disabled-text-opacity - Opacity applied to text when disabled.\r\n * @cssprop --m3e-elevated-card-disabled-container-color - Background color when disabled.\r\n * @cssprop --m3e-elevated-card-disabled-container-elevation - Elevation level when disabled.\r\n * @cssprop --m3e-elevated-card-disabled-container-elevation-color - Shadow color when disabled.\r\n * @cssprop --m3e-elevated-card-disabled-container-elevation-opacity - Shadow opacity when disabled.\r\n * @cssprop --m3e-elevated-card-disabled-container-opacity - Overall container opacity when disabled.\r\n * @cssprop --m3e-elevated-card-hover-text-color - Text color on hover.\r\n * @cssprop --m3e-elevated-card-hover-state-layer-color - State layer color on hover.\r\n * @cssprop --m3e-elevated-card-hover-state-layer-opacity - State layer opacity on hover.\r\n * @cssprop --m3e-elevated-card-hover-container-elevation - Elevation level on hover.\r\n * @cssprop --m3e-elevated-card-focus-text-color - Text color on focus.\r\n * @cssprop --m3e-elevated-card-focus-state-layer-color - State layer color on focus.\r\n * @cssprop --m3e-elevated-card-focus-state-layer-opacity - State layer opacity on focus.\r\n * @cssprop --m3e-elevated-card-focus-container-elevation - Elevation level on focus.\r\n * @cssprop --m3e-elevated-card-pressed-text-color - Text color on press.\r\n * @cssprop --m3e-elevated-card-pressed-state-layer-color - State layer color on press.\r\n * @cssprop --m3e-elevated-card-pressed-state-layer-opacity - State layer opacity on press.\r\n * @cssprop --m3e-elevated-card-pressed-container-elevation - Elevation level on press.\r\n * @cssprop --m3e-outlined-card-text-color - Foreground color for text content in outlined cards.\r\n * @cssprop --m3e-outlined-card-container-elevation - Elevation level for outlined card container.\r\n * @cssprop --m3e-outlined-card-outline-color - Border color for outlined cards.\r\n * @cssprop --m3e-outlined-card-outline-thickness - Border thickness for outlined cards.\r\n * @cssprop --m3e-outlined-card-disabled-text-color - Text color when outlined card is disabled.\r\n * @cssprop --m3e-outlined-card-disabled-text-opacity - Opacity applied to text when disabled.\r\n * @cssprop --m3e-outlined-card-disabled-container-elevation - Elevation level when disabled.\r\n * @cssprop --m3e-outlined-card-disabled-container-elevation-color - Shadow color when disabled.\r\n * @cssprop --m3e-outlined-card-disabled-container-elevation-opacity - Shadow opacity when disabled.\r\n * @cssprop --m3e-outlined-card-disabled-outline-color - Border color when disabled.\r\n * @cssprop --m3e-outlined-card-disabled-outline-opacity - Border opacity when disabled.\r\n * @cssprop --m3e-outlined-card-hover-text-color - Text color on hover.\r\n * @cssprop --m3e-outlined-card-hover-state-layer-color - State layer color on hover.\r\n * @cssprop --m3e-outlined-card-hover-state-layer-opacity - State layer opacity on hover.\r\n * @cssprop --m3e-outlined-card-hover-container-elevation - Elevation level on hover.\r\n * @cssprop --m3e-outlined-card-hover-outline-color - Border color on hover.\r\n * @cssprop --m3e-outlined-card-focus-text-color - Text color on focus.\r\n * @cssprop --m3e-outlined-card-focus-state-layer-color - State layer color on focus.\r\n * @cssprop --m3e-outlined-card-focus-state-layer-opacity - State layer opacity on focus.\r\n * @cssprop --m3e-outlined-card-focus-container-elevation - Elevation level on focus.\r\n * @cssprop --m3e-outlined-card-focus-outline-color - Border color on focus.\r\n * @cssprop --m3e-outlined-card-pressed-text-color - Text color on press.\r\n * @cssprop --m3e-outlined-card-pressed-state-layer-color - State layer color on press.\r\n * @cssprop --m3e-outlined-card-pressed-state-layer-opacity - State layer opacity on press.\r\n * @cssprop --m3e-outlined-card-pressed-container-elevation - Elevation level on press.\r\n * @cssprop --m3e-outlined-card-pressed-outline-color - Border color on press.\r\n */\r\n@customElement(\"m3e-card\")\r\nexport class M3eCardElement extends KeyboardClick(\r\n  LinkButton(FormSubmitter(Focusable(DisabledInteractive(Disabled(AttachInternals(LitElement), true))))),\r\n) {\r\n  /** The styles of the element. */\r\n  static override styles: CSSResultGroup = [CardVariantStyle, CardStyle];\r\n\r\n  /** @private */ @query(\".base\") private readonly _base?: HTMLElement;\r\n  /** @private */ @query(\".elevation\") private readonly _elevation?: M3eElevationElement;\r\n  /** @private */ @query(\".focus-ring\") private readonly _focusRing?: M3eFocusRingElement;\r\n  /** @private */ @query(\".state-layer\") private readonly _stateLayer?: M3eStateLayerElement;\r\n  /** @private */ @query(\".ripple\") private readonly _ripple?: M3eRippleElement;\r\n\r\n  /** @private */ readonly #clickHandler = (e: Event) => this.#handleClick(e);\r\n\r\n  constructor() {\r\n    super();\r\n\r\n    new PressedController(this, {\r\n      isPressedKey: (key) => key === \" \",\r\n      callback: (pressed) => {\r\n        if (this.actionable && !this.disabled && !this.disabledInteractive) {\r\n          this._base?.classList.toggle(\"pressed\", pressed);\r\n        }\r\n      },\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Whether to present the card inline with surrounding content.\r\n   * @default false\r\n   */\r\n  @property({ type: Boolean }) inline = false;\r\n\r\n  /**\r\n   * Whether the card is \"actionable\" and will respond to use interaction.\r\n   * @default false\r\n   */\r\n  @property({ type: Boolean }) actionable = false;\r\n\r\n  /**\r\n   * The appearance variant of the card.\r\n   * @default \"filled\"\r\n   */\r\n  @property({ reflect: true }) variant: CardVariant = \"filled\";\r\n\r\n  /**\r\n   * The orientation of the card.\r\n   * @default \"vertical\"\r\n   */\r\n  @property({ reflect: true }) orientation: CardOrientation = \"vertical\";\r\n\r\n  /** @inheritdoc */\r\n  override connectedCallback(): void {\r\n    if (this.hasAttribute(\"actionable\")) {\r\n      // If href is specified, the LinkButton mixin changes this to \"link\" if role is \"button\".\r\n      this.role = \"button\";\r\n    }\r\n\r\n    super.connectedCallback();\r\n    this.addEventListener(\"click\", this.#clickHandler);\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  override disconnectedCallback(): void {\r\n    super.disconnectedCallback();\r\n\r\n    this._base?.classList.toggle(\"pressed\", false);\r\n    this.removeEventListener(\"click\", this.#clickHandler);\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override render(): unknown {\r\n    return html`<div class=\"base\">\r\n      <m3e-elevation\r\n        class=\"elevation\"\r\n        ?disabled=\"${!this.actionable || this.disabled || this.disabledInteractive}\"\r\n      ></m3e-elevation>\r\n      <m3e-focus-ring class=\"focus-ring\" ?disabled=\"${!this.actionable || this.disabled}\"></m3e-focus-ring>\r\n      <m3e-state-layer\r\n        class=\"state-layer\"\r\n        ?disabled=\"${!this.actionable || this.disabled || this.disabledInteractive}\"\r\n      ></m3e-state-layer>\r\n      <m3e-ripple\r\n        class=\"ripple\"\r\n        ?disabled=\"${!this.actionable || this.disabled || this.disabledInteractive}\"\r\n      ></m3e-ripple>\r\n      ${this[renderPseudoLink]()}\r\n      <slot name=\"header\" @slotchange=\"${this.#handleHeaderSlotChange}\"></slot>\r\n      <slot name=\"content\" @slotchange=\"${this.#handleContentSlotChange}\">\r\n        <slot @slotchange=\"${this.#handleDefaultSlotChange}\"></slot>\r\n      </slot>\r\n      <slot name=\"actions\" @slotchange=\"${this.#handleActionsSlotChange}\"></slot>\r\n      <slot name=\"footer\" @slotchange=\"${this.#handleFooterSlotChange}\"></slot>\r\n    </div>`;\r\n  }\r\n\r\n  /** @private */\r\n  #handleHeaderSlotChange(e: Event): void {\r\n    const assignedNodes = (e.target as HTMLSlotElement).assignedNodes({ flatten: true });\r\n    const base = this.shadowRoot?.querySelector(\".base\");\r\n    base?.classList.toggle(\"has-header\", assignedNodes.length > 0);\r\n    base?.classList.toggle(\r\n      \"has-header-media\",\r\n      assignedNodes.some((x) => x instanceof HTMLElement && (x.tagName === \"IMG\" || x.tagName === \"VIDEO\")),\r\n    );\r\n  }\r\n\r\n  /** @private */\r\n  #handleContentSlotChange(): void {\r\n    this.shadowRoot\r\n      ?.querySelector(\".base\")\r\n      ?.classList.toggle(\"has-content\", this.querySelector(\"[slot='content']\") !== null);\r\n  }\r\n\r\n  /** @private */\r\n  #handleDefaultSlotChange(e: Event): void {\r\n    this.shadowRoot\r\n      ?.querySelector(\".base\")\r\n      ?.classList.toggle(\r\n        \"has-default\",\r\n        hasAssignedNodes(e.target as HTMLSlotElement) && this.querySelector(\"[slot='content']\") === null,\r\n      );\r\n  }\r\n\r\n  /** @private */\r\n  #handleActionsSlotChange(e: Event): void {\r\n    this.shadowRoot\r\n      ?.querySelector(\".base\")\r\n      ?.classList.toggle(\"has-actions\", hasAssignedNodes(e.target as HTMLSlotElement));\r\n  }\r\n\r\n  /** @private */\r\n  #handleFooterSlotChange(e: Event): void {\r\n    this.shadowRoot\r\n      ?.querySelector(\".base\")\r\n      ?.classList.toggle(\"has-footer\", hasAssignedNodes(e.target as HTMLSlotElement));\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override firstUpdated(_changedProperties: PropertyValues<this>): void {\r\n    super.firstUpdated(_changedProperties);\r\n\r\n    [this._elevation, this._focusRing, this._stateLayer, this._ripple].forEach((x) => x?.attach(this));\r\n\r\n    if (!this.actionable && this.hasAttribute(\"tabindex\")) {\r\n      this.removeAttribute(\"tabindex\");\r\n    }\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override update(changedProperties: PropertyValues<this>): void {\r\n    super.update(changedProperties);\r\n\r\n    if (!this.actionable && this.hasAttribute(\"tabindex\")) {\r\n      this.removeAttribute(\"tabindex\");\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleClick(e: Event): void {\r\n    if (this.disabled || this.disabledInteractive) {\r\n      e.preventDefault();\r\n      e.stopImmediatePropagation();\r\n    }\r\n  }\r\n}\r\n\r\ndeclare global {\r\n  interface HTMLElementTagNameMap {\r\n    \"m3e-card\": M3eCardElement;\r\n  }\r\n}\r\n"],"names":["__decorate","decorators","target","key","desc","c","arguments","length","r","Object","getOwnPropertyDescriptor","d","Reflect","decorate","i","defineProperty","__classPrivateFieldGet","receiver","state","kind","f","TypeError","has","call","value","get","SuppressedError","error","suppressed","message","e","Error","name","CardToken","padding","unsafeCSS","shape","DesignToken","corner","medium","CardVariantToken","filled","textColor","color","onSurface","containerColor","surfaceContainerHighest","containerElevation","elevation","level0","disabled","textOpacity","imageOpacity","surfaceVariant","containerElevationColor","containerElevationOpacity","containerOpacity","hover","stateLayerColor","stateLayerOpacity","hoverStateLayerOpacity","level1","focus","focusStateLayerOpacity","pressed","pressedStateLayerOpacity","elevated","surfaceContainerLow","surface","level2","outlined","outlineColor","outlineVariant","outlineThickness","outline","outlineOpacity","CardStyle","css","motion","duration","short4","easing","standard","cardVariantStyle","variant","CardVariantStyle","M3eCardElement","KeyboardClick","LinkButton","FormSubmitter","Focusable","DisabledInteractive","Disabled","AttachInternals","LitElement","constructor","_M3eCardElement_clickHandler","set","inline","actionable","orientation","PressedController","isPressedKey","callback","disabledInteractive","_base","classList","toggle","connectedCallback","hasAttribute","role","addEventListener","disconnectedCallback","removeEventListener","render","html","renderPseudoLink","_M3eCardElement_instances","_M3eCardElement_handleHeaderSlotChange","_M3eCardElement_handleContentSlotChange","_M3eCardElement_handleDefaultSlotChange","_M3eCardElement_handleActionsSlotChange","_M3eCardElement_handleFooterSlotChange","firstUpdated","_changedProperties","_elevation","_focusRing","_stateLayer","_ripple","forEach","x","attach","removeAttribute","update","changedProperties","assignedNodes","flatten","base","shadowRoot","querySelector","some","HTMLElement","tagName","hasAssignedNodes","preventDefault","stopImmediatePropagation","styles","query","prototype","property","type","Boolean","reflect","customElement"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"card.js","sources":["../../../node_modules/tslib/tslib.es6.js","../../src/card/styles/CardToken.ts","../../src/card/styles/CardVariantToken.ts","../../src/card/styles/CardStyle.ts","../../src/card/styles/CardVariantStyle.ts","../../src/card/CardElement.ts"],"sourcesContent":["/******************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise, SuppressedError, Symbol, Iterator */\r\n\r\nvar extendStatics = function(d, b) {\r\n    extendStatics = Object.setPrototypeOf ||\r\n        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n    return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n    if (typeof b !== \"function\" && b !== null)\r\n        throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n    extendStatics(d, b);\r\n    function __() { this.constructor = d; }\r\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n    __assign = Object.assign || function __assign(t) {\r\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n            s = arguments[i];\r\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n        }\r\n        return t;\r\n    }\r\n    return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n    var t = {};\r\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n        t[p] = s[p];\r\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n                t[p[i]] = s[p[i]];\r\n        }\r\n    return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n    return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __esDecorate(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {\r\n    function accept(f) { if (f !== void 0 && typeof f !== \"function\") throw new TypeError(\"Function expected\"); return f; }\r\n    var kind = contextIn.kind, key = kind === \"getter\" ? \"get\" : kind === \"setter\" ? \"set\" : \"value\";\r\n    var target = !descriptorIn && ctor ? contextIn[\"static\"] ? ctor : ctor.prototype : null;\r\n    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});\r\n    var _, done = false;\r\n    for (var i = decorators.length - 1; i >= 0; i--) {\r\n        var context = {};\r\n        for (var p in contextIn) context[p] = p === \"access\" ? {} : contextIn[p];\r\n        for (var p in contextIn.access) context.access[p] = contextIn.access[p];\r\n        context.addInitializer = function (f) { if (done) throw new TypeError(\"Cannot add initializers after decoration has completed\"); extraInitializers.push(accept(f || null)); };\r\n        var result = (0, decorators[i])(kind === \"accessor\" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);\r\n        if (kind === \"accessor\") {\r\n            if (result === void 0) continue;\r\n            if (result === null || typeof result !== \"object\") throw new TypeError(\"Object expected\");\r\n            if (_ = accept(result.get)) descriptor.get = _;\r\n            if (_ = accept(result.set)) descriptor.set = _;\r\n            if (_ = accept(result.init)) initializers.unshift(_);\r\n        }\r\n        else if (_ = accept(result)) {\r\n            if (kind === \"field\") initializers.unshift(_);\r\n            else descriptor[key] = _;\r\n        }\r\n    }\r\n    if (target) Object.defineProperty(target, contextIn.name, descriptor);\r\n    done = true;\r\n};\r\n\r\nexport function __runInitializers(thisArg, initializers, value) {\r\n    var useValue = arguments.length > 2;\r\n    for (var i = 0; i < initializers.length; i++) {\r\n        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);\r\n    }\r\n    return useValue ? value : void 0;\r\n};\r\n\r\nexport function __propKey(x) {\r\n    return typeof x === \"symbol\" ? x : \"\".concat(x);\r\n};\r\n\r\nexport function __setFunctionName(f, name, prefix) {\r\n    if (typeof name === \"symbol\") name = name.description ? \"[\".concat(name.description, \"]\") : \"\";\r\n    return Object.defineProperty(f, \"name\", { configurable: true, value: prefix ? \"\".concat(prefix, \" \", name) : name });\r\n};\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n    if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n    return new (P || (P = Promise))(function (resolve, reject) {\r\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n    });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === \"function\" ? Iterator : Object).prototype);\r\n    return g.next = verb(0), g[\"throw\"] = verb(1), g[\"return\"] = verb(2), typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n    function verb(n) { return function (v) { return step([n, v]); }; }\r\n    function step(op) {\r\n        if (f) throw new TypeError(\"Generator is already executing.\");\r\n        while (g && (g = 0, op[0] && (_ = 0)), _) try {\r\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n            if (y = 0, t) op = [op[0] & 2, t.value];\r\n            switch (op[0]) {\r\n                case 0: case 1: t = op; break;\r\n                case 4: _.label++; return { value: op[1], done: false };\r\n                case 5: _.label++; y = op[1]; op = [0]; continue;\r\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n                default:\r\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n                    if (t[2]) _.ops.pop();\r\n                    _.trys.pop(); continue;\r\n            }\r\n            op = body.call(thisArg, _);\r\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n    }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    var desc = Object.getOwnPropertyDescriptor(m, k);\r\n    if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\r\n        desc = { enumerable: true, get: function() { return m[k]; } };\r\n    }\r\n    Object.defineProperty(o, k2, desc);\r\n}) : (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n    for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n    var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n    if (m) return m.call(o);\r\n    if (o && typeof o.length === \"number\") return {\r\n        next: function () {\r\n            if (o && i >= o.length) o = void 0;\r\n            return { value: o && o[i++], done: !o };\r\n        }\r\n    };\r\n    throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n    var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n    if (!m) return o;\r\n    var i = m.call(o), r, ar = [], e;\r\n    try {\r\n        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n    }\r\n    catch (error) { e = { error: error }; }\r\n    finally {\r\n        try {\r\n            if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n        }\r\n        finally { if (e) throw e.error; }\r\n    }\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n    for (var ar = [], i = 0; i < arguments.length; i++)\r\n        ar = ar.concat(__read(arguments[i]));\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n    for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n            r[k] = a[j];\r\n    return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n        if (ar || !(i in from)) {\r\n            if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n            ar[i] = from[i];\r\n        }\r\n    }\r\n    return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n    return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n    return i = Object.create((typeof AsyncIterator === \"function\" ? AsyncIterator : Object).prototype), verb(\"next\"), verb(\"throw\"), verb(\"return\", awaitReturn), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n    function awaitReturn(f) { return function (v) { return Promise.resolve(v).then(f, reject); }; }\r\n    function verb(n, f) { if (g[n]) { i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; if (f) i[n] = f(i[n]); } }\r\n    function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n    function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n    function fulfill(value) { resume(\"next\", value); }\r\n    function reject(value) { resume(\"throw\", value); }\r\n    function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n    var i, p;\r\n    return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n    function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: false } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var m = o[Symbol.asyncIterator], i;\r\n    return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n    function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n    function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n    if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n    return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n    Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n    o[\"default\"] = v;\r\n};\r\n\r\nvar ownKeys = function(o) {\r\n    ownKeys = Object.getOwnPropertyNames || function (o) {\r\n        var ar = [];\r\n        for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;\r\n        return ar;\r\n    };\r\n    return ownKeys(o);\r\n};\r\n\r\nexport function __importStar(mod) {\r\n    if (mod && mod.__esModule) return mod;\r\n    var result = {};\r\n    if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== \"default\") __createBinding(result, mod, k[i]);\r\n    __setModuleDefault(result, mod);\r\n    return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n    return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n    return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n    if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n    return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n\r\nexport function __classPrivateFieldIn(state, receiver) {\r\n    if (receiver === null || (typeof receiver !== \"object\" && typeof receiver !== \"function\")) throw new TypeError(\"Cannot use 'in' operator on non-object\");\r\n    return typeof state === \"function\" ? receiver === state : state.has(receiver);\r\n}\r\n\r\nexport function __addDisposableResource(env, value, async) {\r\n    if (value !== null && value !== void 0) {\r\n        if (typeof value !== \"object\" && typeof value !== \"function\") throw new TypeError(\"Object expected.\");\r\n        var dispose, inner;\r\n        if (async) {\r\n            if (!Symbol.asyncDispose) throw new TypeError(\"Symbol.asyncDispose is not defined.\");\r\n            dispose = value[Symbol.asyncDispose];\r\n        }\r\n        if (dispose === void 0) {\r\n            if (!Symbol.dispose) throw new TypeError(\"Symbol.dispose is not defined.\");\r\n            dispose = value[Symbol.dispose];\r\n            if (async) inner = dispose;\r\n        }\r\n        if (typeof dispose !== \"function\") throw new TypeError(\"Object not disposable.\");\r\n        if (inner) dispose = function() { try { inner.call(this); } catch (e) { return Promise.reject(e); } };\r\n        env.stack.push({ value: value, dispose: dispose, async: async });\r\n    }\r\n    else if (async) {\r\n        env.stack.push({ async: true });\r\n    }\r\n    return value;\r\n\r\n}\r\n\r\nvar _SuppressedError = typeof SuppressedError === \"function\" ? SuppressedError : function (error, suppressed, message) {\r\n    var e = new Error(message);\r\n    return e.name = \"SuppressedError\", e.error = error, e.suppressed = suppressed, e;\r\n};\r\n\r\nexport function __disposeResources(env) {\r\n    function fail(e) {\r\n        env.error = env.hasError ? new _SuppressedError(e, env.error, \"An error was suppressed during disposal.\") : e;\r\n        env.hasError = true;\r\n    }\r\n    var r, s = 0;\r\n    function next() {\r\n        while (r = env.stack.pop()) {\r\n            try {\r\n                if (!r.async && s === 1) return s = 0, env.stack.push(r), Promise.resolve().then(next);\r\n                if (r.dispose) {\r\n                    var result = r.dispose.call(r.value);\r\n                    if (r.async) return s |= 2, Promise.resolve(result).then(next, function(e) { fail(e); return next(); });\r\n                }\r\n                else s |= 1;\r\n            }\r\n            catch (e) {\r\n                fail(e);\r\n            }\r\n        }\r\n        if (s === 1) return env.hasError ? Promise.reject(env.error) : Promise.resolve();\r\n        if (env.hasError) throw env.error;\r\n    }\r\n    return next();\r\n}\r\n\r\nexport function __rewriteRelativeImportExtension(path, preserveJsx) {\r\n    if (typeof path === \"string\" && /^\\.\\.?\\//.test(path)) {\r\n        return path.replace(/\\.(tsx)$|((?:\\.d)?)((?:\\.[^./]+?)?)\\.([cm]?)ts$/i, function (m, tsx, d, ext, cm) {\r\n            return tsx ? preserveJsx ? \".jsx\" : \".js\" : d && (!ext || !cm) ? m : (d + ext + \".\" + cm.toLowerCase() + \"js\");\r\n        });\r\n    }\r\n    return path;\r\n}\r\n\r\nexport default {\r\n    __extends: __extends,\r\n    __assign: __assign,\r\n    __rest: __rest,\r\n    __decorate: __decorate,\r\n    __param: __param,\r\n    __esDecorate: __esDecorate,\r\n    __runInitializers: __runInitializers,\r\n    __propKey: __propKey,\r\n    __setFunctionName: __setFunctionName,\r\n    __metadata: __metadata,\r\n    __awaiter: __awaiter,\r\n    __generator: __generator,\r\n    __createBinding: __createBinding,\r\n    __exportStar: __exportStar,\r\n    __values: __values,\r\n    __read: __read,\r\n    __spread: __spread,\r\n    __spreadArrays: __spreadArrays,\r\n    __spreadArray: __spreadArray,\r\n    __await: __await,\r\n    __asyncGenerator: __asyncGenerator,\r\n    __asyncDelegator: __asyncDelegator,\r\n    __asyncValues: __asyncValues,\r\n    __makeTemplateObject: __makeTemplateObject,\r\n    __importStar: __importStar,\r\n    __importDefault: __importDefault,\r\n    __classPrivateFieldGet: __classPrivateFieldGet,\r\n    __classPrivateFieldSet: __classPrivateFieldSet,\r\n    __classPrivateFieldIn: __classPrivateFieldIn,\r\n    __addDisposableResource: __addDisposableResource,\r\n    __disposeResources: __disposeResources,\r\n    __rewriteRelativeImportExtension: __rewriteRelativeImportExtension,\r\n};\r\n","import { unsafeCSS } from \"lit\";\r\n\r\nimport { DesignToken } from \"@m3e/web/core\";\r\n\r\n/**\r\n * Component design tokens for `M3eCardElement`.\r\n * @internal\r\n */\r\nexport const CardToken = {\r\n  padding: unsafeCSS(\"var(--m3e-card-padding, 1rem)\"),\r\n  shape: unsafeCSS(`var(--m3e-card-shape, ${DesignToken.shape.corner.medium});`),\r\n} as const;\r\n","import { CSSResult, unsafeCSS } from \"lit\";\r\n\r\nimport { DesignToken } from \"@m3e/web/core\";\r\n\r\nimport { CardVariant } from \"../CardVariant\";\r\n\r\n/** @private */\r\ntype _CardVariantToken = {\r\n  textColor: CSSResult;\r\n  containerColor?: CSSResult;\r\n  containerElevation: CSSResult;\r\n  outlineColor?: CSSResult;\r\n  outlineThickness?: CSSResult;\r\n  disabled: {\r\n    textColor: CSSResult;\r\n    textOpacity: CSSResult;\r\n    imageOpacity: CSSResult;\r\n    containerColor?: CSSResult;\r\n    containerOpacity?: CSSResult;\r\n    containerElevation: CSSResult;\r\n    containerElevationColor: CSSResult;\r\n    containerElevationOpacity: CSSResult;\r\n    outlineColor?: CSSResult;\r\n    outlineOpacity?: CSSResult;\r\n  };\r\n  hover: {\r\n    textColor: CSSResult;\r\n    stateLayerColor: CSSResult;\r\n    stateLayerOpacity: CSSResult;\r\n    containerElevation?: CSSResult;\r\n    outlineColor?: CSSResult;\r\n  };\r\n  focus: {\r\n    textColor: CSSResult;\r\n    stateLayerColor: CSSResult;\r\n    stateLayerOpacity: CSSResult;\r\n    containerElevation?: CSSResult;\r\n    outlineColor?: CSSResult;\r\n  };\r\n  pressed: {\r\n    textColor: CSSResult;\r\n    stateLayerColor: CSSResult;\r\n    stateLayerOpacity: CSSResult;\r\n    containerElevation?: CSSResult;\r\n    outlineColor?: CSSResult;\r\n  };\r\n};\r\n\r\n/**\r\n * Component design tokens that control the appearance variants of `M3eCardElement`.\r\n * @internal\r\n */\r\nexport const CardVariantToken: Record<CardVariant, _CardVariantToken> = {\r\n  filled: {\r\n    textColor: unsafeCSS(\r\n      `var(--m3e-filled-card-text-color, var(--m3e-card-text-color, ${DesignToken.color.onSurface}))`,\r\n    ),\r\n    containerColor: unsafeCSS(\r\n      `var(--m3e-filled-card-container-color, var(--m3e-card-container-color, ${DesignToken.color.surfaceContainerHighest}))`,\r\n    ),\r\n    containerElevation: unsafeCSS(\r\n      `var(--m3e-filled-card-container-elevation, var(--m3e-card-container-elevation, ${DesignToken.elevation.level0}))`,\r\n    ),\r\n    disabled: {\r\n      textColor: unsafeCSS(\r\n        `var(--m3e-filled-card-disabled-text-color, var(--m3e-card-disabled-text-color, ${DesignToken.color.onSurface}))`,\r\n      ),\r\n      textOpacity: unsafeCSS(\r\n        `var(--m3e-filled-card-disabled-text-opacity, var(--m3e-card-disabled-text-opacity, 38%))`,\r\n      ),\r\n      imageOpacity: unsafeCSS(\r\n        `var(--m3e-filled-card-disabled-image-opacity, var(--m3e-card-disabled-image-opacity, 38%))`,\r\n      ),\r\n      containerColor: unsafeCSS(\r\n        `var(--m3e-filled-card-disabled-container-color, var(--m3e-card-disabled-container-color, ${DesignToken.color.surfaceVariant}))`,\r\n      ),\r\n      containerElevation: unsafeCSS(\r\n        `var(--m3e-filled-card-disabled-container-elevation, var(--m3e-card-disabled-container-elevation, ${DesignToken.elevation.level0}))`,\r\n      ),\r\n      containerElevationColor: unsafeCSS(\r\n        `var(--m3e-filled-card-disabled-container-elevation-color, var(--m3e-card-disabled-container-elevation-color, ${DesignToken.color.onSurface}))`,\r\n      ),\r\n      containerElevationOpacity: unsafeCSS(\r\n        `var(--m3e-filled-card-disabled-container-elevation-opacity, var(--m3e-card-disabled-container-elevation-opacity, 38%))`,\r\n      ),\r\n      containerOpacity: unsafeCSS(\r\n        `var(--m3e-filled-card-disabled-container-opacity, var(--m3e-card-disabled-container-opacity, 38%))`,\r\n      ),\r\n    },\r\n    hover: {\r\n      textColor: unsafeCSS(\r\n        `var(--m3e-filled-card-hover-text-color, var(--m3e-card-hover-text-color, ${DesignToken.color.onSurface}))`,\r\n      ),\r\n      stateLayerColor: unsafeCSS(\r\n        `var(--m3e-filled-card-hover-state-layer-color, var(--m3e-card-hover-state-layer-color, ${DesignToken.color.onSurface}))`,\r\n      ),\r\n      stateLayerOpacity: unsafeCSS(\r\n        `var(--m3e-filled-card-hover-state-layer-opacity, var(--m3e-card-hover-state-layer-opacity, ${DesignToken.state.hoverStateLayerOpacity}))`,\r\n      ),\r\n      containerElevation: unsafeCSS(\r\n        `var(--m3e-filled-card-hover-container-elevation, var(--m3e-card-hover-container-elevation, ${DesignToken.elevation.level1}))`,\r\n      ),\r\n    },\r\n    focus: {\r\n      textColor: unsafeCSS(\r\n        `var(--m3e-filled-card-focus-text-color, var(--m3e-card-focus-text-color, ${DesignToken.color.onSurface}))`,\r\n      ),\r\n      stateLayerColor: unsafeCSS(\r\n        `var(--m3e-filled-card-focus-state-layer-color, var(--m3e-card-focus-state-layer-color, ${DesignToken.color.onSurface}))`,\r\n      ),\r\n      stateLayerOpacity: unsafeCSS(\r\n        `var(--m3e-filled-card-focus-state-layer-opacity, var(--m3e-card-focus-state-layer-opacity, ${DesignToken.state.focusStateLayerOpacity}))`,\r\n      ),\r\n      containerElevation: unsafeCSS(\r\n        `var(--m3e-filled-card-focus-container-elevation, var(--m3e-card-focus-container-elevation, ${DesignToken.elevation.level0}))`,\r\n      ),\r\n    },\r\n    pressed: {\r\n      textColor: unsafeCSS(\r\n        `var(--m3e-filled-card-pressed-text-color, var(--m3e-card-pressed-text-color, ${DesignToken.color.onSurface}))`,\r\n      ),\r\n      stateLayerColor: unsafeCSS(\r\n        `var(--m3e-filled-card-pressed-state-layer-color, var(--m3e-card-pressed-state-layer-color, ${DesignToken.color.onSurface}))`,\r\n      ),\r\n      stateLayerOpacity: unsafeCSS(\r\n        `var(--m3e-filled-card-pressed-state-layer-opacity, var(--m3e-card-pressed-state-layer-opacity, ${DesignToken.state.pressedStateLayerOpacity}))`,\r\n      ),\r\n      containerElevation: unsafeCSS(\r\n        `var(--m3e-filled-card-pressed-container-elevation, var(--m3e-card-pressed-container-elevation, ${DesignToken.elevation.level0}))`,\r\n      ),\r\n    },\r\n  },\r\n  elevated: {\r\n    textColor: unsafeCSS(\r\n      `var(--m3e-elevated-card-text-color, var(--m3e-card-text-color, ${DesignToken.color.onSurface}))`,\r\n    ),\r\n    containerColor: unsafeCSS(\r\n      `var(--m3e-elevated-card-container-color, var(--m3e-card-container-color, ${DesignToken.color.surfaceContainerLow}))`,\r\n    ),\r\n    containerElevation: unsafeCSS(\r\n      `var(--m3e-elevated-card-container-elevation, var(--m3e-card-container-elevation, ${DesignToken.elevation.level1}))`,\r\n    ),\r\n    disabled: {\r\n      textColor: unsafeCSS(\r\n        `var(--m3e-elevated-card-disabled-text-color, var(--m3e-card-disabled-text-color, ${DesignToken.color.onSurface}))`,\r\n      ),\r\n      textOpacity: unsafeCSS(\r\n        `var(--m3e-elevated-card-disabled-text-opacity, var(--m3e-card-disabled-text-opacity, 38%))`,\r\n      ),\r\n      imageOpacity: unsafeCSS(\r\n        `var(--m3e-elevated-card-disabled-image-opacity, var(--m3e-card-disabled-image-opacity, 38%))`,\r\n      ),\r\n      containerColor: unsafeCSS(\r\n        `var(--m3e-elevated-card-disabled-container-color, var(--m3e-card-disabled-container-color, ${DesignToken.color.surface}))`,\r\n      ),\r\n      containerElevation: unsafeCSS(\r\n        `var(--m3e-elevated-card-disabled-container-elevation, var(--m3e-card-disabled-container-elevation, ${DesignToken.elevation.level1}))`,\r\n      ),\r\n      containerElevationColor: unsafeCSS(\r\n        `var(--m3e-elevated-card-disabled-container-elevation-color, var(--m3e-card-disabled-container-elevation-color, ${DesignToken.color.onSurface}))`,\r\n      ),\r\n      containerElevationOpacity: unsafeCSS(\r\n        `var(--m3e-elevated-card-disabled-container-elevation-opacity, var(--m3e-card-disabled-container-elevation-opacity, 38%))`,\r\n      ),\r\n      containerOpacity: unsafeCSS(\r\n        `var(--m3e-elevated-card-disabled-container-opacity, var(--m3e-card-disabled-container-opacity, 38%))`,\r\n      ),\r\n    },\r\n    hover: {\r\n      textColor: unsafeCSS(\r\n        `var(--m3e-elevated-card-hover-text-color, var(--m3e-card-hover-text-color, ${DesignToken.color.onSurface}))`,\r\n      ),\r\n      stateLayerColor: unsafeCSS(\r\n        `var(--m3e-elevated-card-hover-state-layer-color, var(--m3e-card-hover-state-layer-color, ${DesignToken.color.onSurface}))`,\r\n      ),\r\n      stateLayerOpacity: unsafeCSS(\r\n        `var(--m3e-elevated-card-hover-state-layer-opacity, var(--m3e-card-hover-state-layer-opacity, ${DesignToken.state.hoverStateLayerOpacity}))`,\r\n      ),\r\n      containerElevation: unsafeCSS(\r\n        `var(--m3e-elevated-card-hover-container-elevation, var(--m3e-card-hover-container-elevation, ${DesignToken.elevation.level2}))`,\r\n      ),\r\n    },\r\n    focus: {\r\n      textColor: unsafeCSS(\r\n        `var(--m3e-elevated-card-focus-text-color, var(--m3e-card-focus-text-color, ${DesignToken.color.onSurface}))`,\r\n      ),\r\n      stateLayerColor: unsafeCSS(\r\n        `var(--m3e-elevated-card-focus-state-layer-color, var(--m3e-card-focus-state-layer-color, ${DesignToken.color.onSurface}))`,\r\n      ),\r\n      stateLayerOpacity: unsafeCSS(\r\n        `var(--m3e-elevated-card-focus-state-layer-opacity, var(--m3e-card-focus-state-layer-opacity, ${DesignToken.state.focusStateLayerOpacity}))`,\r\n      ),\r\n      containerElevation: unsafeCSS(\r\n        `var(--m3e-elevated-card-focus-container-elevation, var(--m3e-card-focus-container-elevation, ${DesignToken.elevation.level1}))`,\r\n      ),\r\n    },\r\n    pressed: {\r\n      textColor: unsafeCSS(\r\n        `var(--m3e-elevated-card-pressed-text-color, var(--m3e-card-pressed-text-color, ${DesignToken.color.onSurface}))`,\r\n      ),\r\n      stateLayerColor: unsafeCSS(\r\n        `var(--m3e-elevated-card-pressed-state-layer-color, var(--m3e-card-pressed-state-layer-color, ${DesignToken.color.onSurface}))`,\r\n      ),\r\n      stateLayerOpacity: unsafeCSS(\r\n        `var(--m3e-elevated-card-pressed-state-layer-opacity, var(--m3e-card-pressed-state-layer-opacity, ${DesignToken.state.pressedStateLayerOpacity}))`,\r\n      ),\r\n      containerElevation: unsafeCSS(\r\n        `var(--m3e-elevated-card-pressed-container-elevation, var(--m3e-card-pressed-container-elevation, ${DesignToken.elevation.level1}))`,\r\n      ),\r\n    },\r\n  },\r\n  outlined: {\r\n    textColor: unsafeCSS(\r\n      `var(--m3e-outlined-card-text-color, var(--m3e-card-text-color, ${DesignToken.color.onSurface}))`,\r\n    ),\r\n    containerElevation: unsafeCSS(\r\n      `var(--m3e-outlined-card-container-elevation, var(--m3e-card-container-elevation, ${DesignToken.elevation.level0}))`,\r\n    ),\r\n    outlineColor: unsafeCSS(\r\n      `var(--m3e-outlined-card-outline-color, var(--m3e-card-outline-color, ${DesignToken.color.outlineVariant}))`,\r\n    ),\r\n    outlineThickness: unsafeCSS(\"var(--m3e-outlined-card-outline-thickness, var(--m3e-card-outline-thickness, 1px))\"),\r\n    disabled: {\r\n      textColor: unsafeCSS(\r\n        `var(--m3e-outlined-card-disabled-text-color, var(--m3e-card-disabled-text-color, ${DesignToken.color.onSurface}))`,\r\n      ),\r\n      textOpacity: unsafeCSS(\r\n        `var(--m3e-outlined-card-disabled-text-opacity, var(--m3e-card-disabled-text-opacity, 38%))`,\r\n      ),\r\n      imageOpacity: unsafeCSS(\r\n        `var(--m3e-outlined-card-disabled-image-opacity, var(--m3e-card-disabled-image-opacity, 38%))`,\r\n      ),\r\n      containerElevation: unsafeCSS(\r\n        `var(--m3e-outlined-card-disabled-container-elevation, var(--m3e-card-disabled-container-elevation, ${DesignToken.elevation.level0}))`,\r\n      ),\r\n      containerElevationColor: unsafeCSS(\r\n        `var(--m3e-outlined-card-disabled-container-elevation-color, var(--m3e-card-disabled-container-elevation-color, ${DesignToken.color.onSurface}))`,\r\n      ),\r\n      containerElevationOpacity: unsafeCSS(\r\n        `var(--m3e-outlined-card-disabled-container-elevation-opacity, var(--m3e-card-disabled-container-elevation-opacity, 38%))`,\r\n      ),\r\n      outlineColor: unsafeCSS(\r\n        `var(--m3e-outlined-card-disabled-outline-color, var(--m3e-card-disabled-outline-color, ${DesignToken.color.outline}))`,\r\n      ),\r\n      outlineOpacity: unsafeCSS(\r\n        `var(--m3e-outlined-card-disabled-outline-opacity, var(--m3e-card-disabled-outline-opacity, 12%))`,\r\n      ),\r\n    },\r\n    hover: {\r\n      textColor: unsafeCSS(\r\n        `var(--m3e-outlined-card-hover-text-color, var(--m3e-card-hover-text-color, ${DesignToken.color.onSurface}))`,\r\n      ),\r\n      stateLayerColor: unsafeCSS(\r\n        `var(--m3e-outlined-card-hover-state-layer-color, var(--m3e-card-hover-state-layer-color, ${DesignToken.color.onSurface}))`,\r\n      ),\r\n      stateLayerOpacity: unsafeCSS(\r\n        `var(--m3e-outlined-card-hover-state-layer-opacity, var(--m3e-card-hover-state-layer-opacity, ${DesignToken.state.hoverStateLayerOpacity}))`,\r\n      ),\r\n      containerElevation: unsafeCSS(\r\n        `var(--m3e-outlined-card-hover-container-elevation, var(--m3e-card-hover-container-elevation, ${DesignToken.elevation.level1}))`,\r\n      ),\r\n      outlineColor: unsafeCSS(\r\n        `var(--m3e-outlined-card-hover-outline-color, var(--m3e-card-hover-outline-color, ${DesignToken.color.outlineVariant}))`,\r\n      ),\r\n    },\r\n    focus: {\r\n      textColor: unsafeCSS(\r\n        `var(--m3e-outlined-card-focus-text-color, var(--m3e-card-focus-text-color, ${DesignToken.color.onSurface}))`,\r\n      ),\r\n      stateLayerColor: unsafeCSS(\r\n        `var(--m3e-outlined-card-focus-state-layer-color, var(--m3e-card-focus-state-layer-color, ${DesignToken.color.onSurface}))`,\r\n      ),\r\n      stateLayerOpacity: unsafeCSS(\r\n        `var(--m3e-outlined-card-focus-state-layer-opacity, var(--m3e-card-focus-state-layer-opacity, ${DesignToken.state.focusStateLayerOpacity}))`,\r\n      ),\r\n      containerElevation: unsafeCSS(\r\n        `var(--m3e-outlined-card-focus-container-elevation, var(--m3e-card-focus-container-elevation, ${DesignToken.elevation.level0}))`,\r\n      ),\r\n      outlineColor: unsafeCSS(\r\n        `var(--m3e-outlined-card-focus-outline-color, var(--m3e-card-focus-outline-color, ${DesignToken.color.onSurface}))`,\r\n      ),\r\n    },\r\n    pressed: {\r\n      textColor: unsafeCSS(\r\n        `var(--m3e-outlined-card-pressed-text-color, var(--m3e-card-pressed-text-color, ${DesignToken.color.onSurface}))`,\r\n      ),\r\n      stateLayerColor: unsafeCSS(\r\n        `var(--m3e-outlined-card-pressed-state-layer-color, var(--m3e-card-pressed-state-layer-color, ${DesignToken.color.onSurface}))`,\r\n      ),\r\n      stateLayerOpacity: unsafeCSS(\r\n        `var(--m3e-outlined-card-pressed-state-layer-opacity, var(--m3e-card-pressed-state-layer-opacity, ${DesignToken.state.pressedStateLayerOpacity}))`,\r\n      ),\r\n      containerElevation: unsafeCSS(\r\n        `var(--m3e-outlined-card-pressed-container-elevation, var(--m3e-card-pressed-container-elevation, ${DesignToken.elevation.level0}))`,\r\n      ),\r\n      outlineColor: unsafeCSS(\r\n        `var(--m3e-outlined-card-pressed-outline-color, var(--m3e-card-pressed-outline-color, ${DesignToken.color.outlineVariant}))`,\r\n      ),\r\n    },\r\n  },\r\n} as const;\r\n","import { css, CSSResult, unsafeCSS } from \"lit\";\r\n\r\nimport { DesignToken } from \"@m3e/web/core\";\r\n\r\nimport { CardToken } from \"./CardToken\";\r\nimport { CardVariantToken } from \"./CardVariantToken\";\r\n\r\n/**\r\n * Baseline styles for `M3eCardElement`.\r\n * @internal\r\n */\r\nexport const CardStyle: CSSResult = css`\r\n  :host {\r\n    outline: none;\r\n  }\r\n  :host(:not([inline])) {\r\n    display: block;\r\n  }\r\n  :host(:not([inline])) .base {\r\n    display: flex;\r\n  }\r\n  :host([inline]) {\r\n    display: inline-block;\r\n    vertical-align: middle;\r\n  }\r\n  :host([inline]) .base {\r\n    display: inline-flex;\r\n  }\r\n  .base {\r\n    width: 100%;\r\n    height: 100%;\r\n    position: relative;\r\n    box-sizing: border-box;\r\n    border-radius: ${CardToken.shape};\r\n    transition: ${unsafeCSS(\r\n      `background-color ${DesignToken.motion.duration.short4} ${DesignToken.motion.easing.standard},\r\n      border-color ${DesignToken.motion.duration.short4} ${DesignToken.motion.easing.standard}`,\r\n    )};\r\n  }\r\n  :host([actionable]) {\r\n    user-select: none;\r\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\r\n  }\r\n  :host([actionable]:not(:disabled):not([disabled-interactive])) {\r\n    cursor: pointer;\r\n  }\r\n  :host([actionable][disabled-interactive]) {\r\n    cursor: not-allowed;\r\n  }\r\n  :host(:not([actionable])) .focus-ring,\r\n  :host(:not([actionable])) .state-layer,\r\n  :host(:not([actionable])) .ripple {\r\n    display: none;\r\n  }\r\n  :host([variant=\"outlined\"]) .base {\r\n    border-style: solid;\r\n  }\r\n  ::slotted([slot=\"content\"]) {\r\n    flex: 1 1 auto;\r\n  }\r\n  ::slotted(img),\r\n  ::slotted(video) {\r\n    inset: 0;\r\n    object-fit: cover;\r\n  }\r\n  ::slotted(img[slot=\"header\"]),\r\n  ::slotted(video[slot=\"header\"]) {\r\n    border-radius: ${CardToken.shape};\r\n  }\r\n  ::slotted([slot=\"actions\"][end]) {\r\n    justify-content: flex-end;\r\n  }\r\n  ::slotted([slot=\"header\"]),\r\n  ::slotted([slot=\"actions\"]),\r\n  ::slotted([slot=\"footer\"]) {\r\n    flex: none;\r\n    display: flex;\r\n    align-items: center;\r\n  }\r\n  :host([orientation=\"vertical\"]) .base,\r\n  :host([orientation=\"horizontal\"]) ::slotted([slot=\"header\"]),\r\n  :host([orientation=\"horizontal\"]) ::slotted([slot=\"actions\"]),\r\n  :host([orientation=\"horizontal\"]) ::slotted([slot=\"footer\"]) {\r\n    flex-direction: column;\r\n  }\r\n  :host([orientation=\"horizontal\"]) .base,\r\n  :host([orientation=\"vertical\"]) ::slotted([slot=\"header\"]),\r\n  :host([orientation=\"vertical\"]) ::slotted([slot=\"actions\"]),\r\n  :host([orientation=\"vertical\"]) ::slotted([slot=\"footer\"]) {\r\n    flex-direction: row;\r\n  }\r\n  :host([orientation=\"horizontal\"]) ::slotted(img),\r\n  :host([orientation=\"horizontal\"]) ::slotted(video) {\r\n    aspect-ratio: 16 / 9;\r\n  }\r\n  .has-content:not(.has-default) slot[name=\"content\"],\r\n  .has-content.has-default slot:not([name]) {\r\n    display: inherit;\r\n    flex-direction: inherit;\r\n    flex: 1 1 auto;\r\n  }\r\n  .has-header slot[name=\"header\"],\r\n  .has-actions slot[name=\"actions\"],\r\n  .has-footer slot[name=\"footer\"] {\r\n    display: inherit;\r\n    flex-direction: inherit;\r\n    flex: none;\r\n  }\r\n  :host([orientation=\"vertical\"]) .has-content:not(.has-default) slot[name=\"content\"] {\r\n    margin-inline: ${CardToken.padding};\r\n  }\r\n  :host([orientation=\"vertical\"]) .has-content:not(.has-default):not(.has-header) slot[name=\"content\"] {\r\n    margin-block-start: ${CardToken.padding};\r\n  }\r\n  :host([orientation=\"vertical\"])\r\n    .has-content:not(.has-default):not(.has-actions):not(.has-footer)\r\n    slot[name=\"content\"] {\r\n    margin-block-end: ${CardToken.padding};\r\n  }\r\n  :host([orientation=\"horizontal\"]) .has-content:not(.has-default) slot[name=\"content\"] {\r\n    margin-block: ${CardToken.padding};\r\n  }\r\n  :host([orientation=\"horizontal\"]) .has-content:not(.has-default):not(.has-header) slot[name=\"content\"] {\r\n    margin-inline-start: ${CardToken.padding};\r\n  }\r\n  :host([orientation=\"horizontal\"])\r\n    .has-content:not(.has-default):not(.has-actions):not(.has-footer)\r\n    slot[name=\"content\"] {\r\n    margin-inline-end: ${CardToken.padding};\r\n  }\r\n  :host([orientation=\"vertical\"]) .has-header:not(.has-header-media) slot[name=\"header\"] {\r\n    margin-inline: ${CardToken.padding};\r\n    margin-block-start: ${CardToken.padding};\r\n  }\r\n  :host([orientation=\"horizontal\"]) .has-header:not(.has-header-media) slot[name=\"header\"] {\r\n    margin-inline-start: ${CardToken.padding};\r\n    margin-block: ${CardToken.padding};\r\n  }\r\n  .has-actions slot[name=\"actions\"] {\r\n    margin-inline: ${CardToken.padding};\r\n    margin-block: ${CardToken.padding};\r\n  }\r\n  :host([orientation=\"vertical\"]) .has-footer slot[name=\"footer\"] {\r\n    margin-inline: ${CardToken.padding};\r\n    margin-block-end: ${CardToken.padding};\r\n  }\r\n  :host([orientation=\"horizontal\"]) .has-footer slot[name=\"footer\"] {\r\n    margin-block: ${CardToken.padding};\r\n    margin-inline-end: ${CardToken.padding};\r\n  }\r\n  a {\r\n    all: unset;\r\n    display: block;\r\n    position: absolute;\r\n    top: 0px;\r\n    left: 0px;\r\n    right: 0px;\r\n    bottom: 0px;\r\n    z-index: 1;\r\n  }\r\n  @media (forced-colors: active) {\r\n    .base {\r\n      transition: none;\r\n    }\r\n    :host([variant]) .base {\r\n      border-style: solid;\r\n      border-color: CanvasText;\r\n      border-width: ${CardVariantToken.outlined.outlineThickness ?? unsafeCSS(\"unset\")};\r\n    }\r\n    :host([actionable][variant]:disabled) .base,\r\n    :host([actionable][variant][disabled-interactive]) .base {\r\n      color: GrayText;\r\n      border-color: GrayText;\r\n    }\r\n  }\r\n  @media (prefers-reduced-motion) {\r\n    .base {\r\n      transition: none;\r\n    }\r\n  }\r\n`;\r\n","import { css, CSSResult, CSSResultGroup, unsafeCSS } from \"lit\";\r\n\r\nimport { CardVariant } from \"../CardVariant\";\r\n\r\nimport { CardVariantToken } from \"./CardVariantToken\";\r\n\r\n/** @private */\r\nfunction cardVariantStyle(variant: CardVariant): CSSResult {\r\n  return css`\r\n    :host([variant=\"${unsafeCSS(variant)}\"]) .base {\r\n      background-color: ${CardVariantToken[variant].containerColor ?? unsafeCSS(\"unset\")};\r\n      box-shadow: ${CardVariantToken[variant].containerElevation ?? unsafeCSS(\"unset\")};\r\n      border-width: ${CardVariantToken[variant].outlineThickness ?? unsafeCSS(\"unset\")};\r\n    }\r\n    :host([actionable][variant=\"${unsafeCSS(variant)}\"]) .base {\r\n      --m3e-state-layer-hover-color: ${CardVariantToken[variant].hover.stateLayerColor};\r\n      --m3e-state-layer-hover-opacity: ${CardVariantToken[variant].hover.stateLayerOpacity};\r\n      --m3e-state-layer-focus-color: ${CardVariantToken[variant].focus.stateLayerColor};\r\n      --m3e-state-layer-focus-opacity: ${CardVariantToken[variant].focus.stateLayerOpacity};\r\n      --m3e-ripple-color: ${CardVariantToken[variant].pressed.stateLayerColor};\r\n      --m3e-ripple-opacity: ${CardVariantToken[variant].pressed.stateLayerOpacity};\r\n      --m3e-elevation-level: ${CardVariantToken[variant].containerElevation ?? unsafeCSS(\"unset\")};\r\n      --m3e-elevation-hover-level: ${CardVariantToken[variant].hover.containerElevation ?? unsafeCSS(\"unset\")};\r\n      --m3e-elevation-focus-level: ${CardVariantToken[variant].focus.containerElevation ?? unsafeCSS(\"unset\")};\r\n      --m3e-elevation-pressed-level: ${CardVariantToken[variant].pressed.containerElevation ?? unsafeCSS(\"unset\")};\r\n    }\r\n    :host([variant=\"${unsafeCSS(variant)}\"]) .base {\r\n      border-color: ${CardVariantToken[variant].outlineColor ?? unsafeCSS(\"unset\")};\r\n    }\r\n    :host([actionable][variant=\"${unsafeCSS(variant)}\"]:focus .base) {\r\n      border-color: ${CardVariantToken[variant].focus.outlineColor ?? unsafeCSS(\"unset\")};\r\n    }\r\n    :host([actionable][variant=\"${unsafeCSS(variant)}\"]:hover .base) {\r\n      border-color: ${CardVariantToken[variant].hover.outlineColor ?? unsafeCSS(\"unset\")};\r\n    }\r\n    :host([actionable][variant=\"${unsafeCSS(variant)}\"]) .base.pressed {\r\n      border-color: ${CardVariantToken[variant].pressed.outlineColor ?? unsafeCSS(\"unset\")};\r\n    }\r\n    :host([variant=\"${unsafeCSS(variant)}\"]) .base {\r\n      color: ${CardVariantToken[variant].textColor ?? unsafeCSS(\"unset\")};\r\n    }\r\n    :host([actionable][variant=\"${unsafeCSS(variant)}\"]:focus) .base {\r\n      color: ${CardVariantToken[variant].focus.textColor ?? unsafeCSS(\"unset\")};\r\n    }\r\n    :host([actionable][variant=\"${unsafeCSS(variant)}\"]:hover) .base {\r\n      color: ${CardVariantToken[variant].hover.textColor ?? unsafeCSS(\"unset\")};\r\n    }\r\n    :host([actionable][variant=\"${unsafeCSS(variant)}\"]) .base.pressed {\r\n      color: ${CardVariantToken[variant].pressed.textColor ?? unsafeCSS(\"unset\")};\r\n    }\r\n    :host([actionable][variant=\"${unsafeCSS(variant)}\"]:disabled) .base,\r\n    :host([actionable][variant=\"${unsafeCSS(variant)}\"][disabled-interactive]) .base {\r\n      --m3e-elevation-level: ${CardVariantToken[variant].disabled.containerElevation ?? unsafeCSS(\"unset\")};\r\n      --m3e-elevation-color: color-mix(\r\n        in srgb,\r\n        ${CardVariantToken[variant].disabled.containerElevationColor}\r\n          ${CardVariantToken[variant].disabled.containerElevationOpacity},\r\n        transparent\r\n      );\r\n      color: color-mix(\r\n        in srgb,\r\n        ${CardVariantToken[variant].disabled.textColor} ${CardVariantToken[variant].disabled.textOpacity},\r\n        transparent\r\n      );\r\n      background-color: ${CardVariantToken[variant].disabled.containerColor &&\r\n      CardVariantToken[variant].disabled.containerOpacity\r\n        ? unsafeCSS(`color-mix(\r\n        in srgb,\r\n        ${CardVariantToken[variant].disabled.containerColor} ${CardVariantToken[variant].disabled.containerOpacity},\r\n        transparent\r\n      )`)\r\n        : unsafeCSS(\"unset\")};\r\n      border-color: ${CardVariantToken[variant].disabled.outlineColor &&\r\n      CardVariantToken[variant].disabled.outlineOpacity\r\n        ? unsafeCSS(`color-mix(\r\n        in srgb,\r\n        ${CardVariantToken[variant].disabled.outlineColor} ${CardVariantToken[variant].disabled.outlineOpacity},\r\n        transparent\r\n      )`)\r\n        : unsafeCSS(\"unset\")};\r\n    }\r\n    :host([actionable][variant=\"${unsafeCSS(variant)}\"]:disabled) ::slotted(img),\r\n    :host([actionable][variant=\"${unsafeCSS(variant)}\"][disabled-interactive]) ::slotted(img),\r\n    :host([actionable][variant=\"${unsafeCSS(variant)}\"]:disabled) ::slotted(video),\r\n    :host([actionable][variant=\"${unsafeCSS(variant)}\"][disabled-interactive]) ::slotted(video) {\r\n      opacity: ${CardVariantToken[variant].disabled.imageOpacity};\r\n    }\r\n  `;\r\n}\r\n\r\n/**\r\n * Appearance variant styles for `M3eCardElement`.\r\n * @internal\r\n */\r\nexport const CardVariantStyle: CSSResultGroup = [\r\n  cardVariantStyle(\"filled\"),\r\n  cardVariantStyle(\"elevated\"),\r\n  cardVariantStyle(\"outlined\"),\r\n];\r\n","import { CSSResultGroup, html, LitElement, PropertyValues } from \"lit\";\r\nimport { property, query } from \"lit/decorators.js\";\r\n\r\nimport {\r\n  renderPseudoLink,\r\n  AttachInternals,\r\n  Disabled,\r\n  DisabledInteractive,\r\n  Focusable,\r\n  FormSubmitter,\r\n  LinkButton,\r\n  M3eElevationElement,\r\n  M3eFocusRingElement,\r\n  M3eRippleElement,\r\n  M3eStateLayerElement,\r\n  PressedController,\r\n  KeyboardClick,\r\n  hasAssignedNodes,\r\n  element,\r\n} from \"@m3e/web/core\";\r\n\r\nimport { CardVariant } from \"./CardVariant\";\r\n\r\nimport { CardStyle, CardVariantStyle } from \"./styles\";\r\nimport { CardOrientation } from \"./CardOrientation\";\r\n\r\n/**\r\n * A content container for text, images (or other media), and actions in the context of a single subject.\r\n *\r\n * @description\r\n * The `m3e-card` component is a flexible, expressive container for presenting a unified subject—text,\r\n * media, and actions—on a visually distinct surface. It supports multiple appearance variants via the\r\n * `variant` attribute: `filled` (default, for solid emphasis), `outlined` (for subtle framing with a border),\r\n * and `elevated` (for depth and motion with shadow elevation).\r\n *\r\n * Cards can be made actionable, responding to user interaction when the `actionable` attribute is set, and can be\r\n * presented inline with surrounding content using the `inline` attribute.\r\n *\r\n * It supports both vertical and horizontal layouts through the `orientation` attribute. Content organization is\r\n * enabled via dedicated slots for `header`, `content`, `actions`, and `footer`, or developers can use the default\r\n * slot for custom layouts.\r\n *\r\n * The component provides dynamic elevation, adaptive shape, and expressive color theming, and responds to interaction states\r\n * (hover, focus, press, disabled) with smooth motion and visual feedback, ensuring clarity, accessibility,\r\n * and a cohesive user experience in accordance with Material Design 3 guidelines.\r\n *\r\n * @example\r\n * The following example illustrates each of the dedicated slots of a card.\r\n * ```html\r\n * <m3e-card>\r\n *  <div slot=\"header\">Header section</div>\r\n *  <div slot=\"content\">Content section</div>\r\n *  <div slot=\"actions\">Actions section</div>\r\n *  <div slot=\"footer\">Footer section</div>\r\n * </m3e-card>\r\n * ```\r\n *\r\n * @tag m3e-card\r\n *\r\n * @slot - Renders the content of the card without padding.\r\n * @slot header - Renders the header of the card.\r\n * @slot content - Renders the content of the card with padding.\r\n * @slot actions - Renders the actions of the card.\r\n * @slot footer - Renders the footer of the card.\r\n *\r\n * @attr actionable - Whether the card is \"actionable\" and will respond to use interaction.\r\n * @attr inline - Whether to present the card inline with surrounding content.\r\n * @attr orientation - The orientation of the card.\r\n * @attr variant - The appearance variant of the card.\r\n *\r\n * @fires click - Emitted when the element is clicked.\r\n *\r\n * @cssprop --m3e-card-padding - Internal spacing for all slotted regions\r\n * @cssprop --m3e-card-shape - Corner radius of the card container.\r\n * @cssprop --m3e-filled-card-text-color - Foreground color for text content in filled cards.\r\n * @cssprop --m3e-filled-card-container-color - Background color of the filled card container.\r\n * @cssprop --m3e-filled-card-container-elevation - Elevation level for filled card container.\r\n * @cssprop --m3e-filled-card-disabled-text-color - Text color when filled card is disabled.\r\n * @cssprop --m3e-filled-card-disabled-text-opacity - Opacity applied to text when disabled.\r\n * @cssprop --m3e-filled-card-disabled-container-color - Background color when disabled.\r\n * @cssprop --m3e-filled-card-disabled-container-elevation - Elevation level when disabled.\r\n * @cssprop --m3e-filled-card-disabled-container-elevation-color - Shadow color when disabled.\r\n * @cssprop --m3e-filled-card-disabled-container-elevation-opacity - Shadow opacity when disabled.\r\n * @cssprop --m3e-filled-card-disabled-container-opacity - Overall container opacity when disabled.\r\n * @cssprop --m3e-filled-card-hover-text-color - Text color on hover.\r\n * @cssprop --m3e-filled-card-hover-state-layer-color - State layer color on hover.\r\n * @cssprop --m3e-filled-card-hover-state-layer-opacity - State layer opacity on hover.\r\n * @cssprop --m3e-filled-card-hover-container-elevation - Elevation level on hover.\r\n * @cssprop --m3e-filled-card-focus-text-color - Text color on focus.\r\n * @cssprop --m3e-filled-card-focus-state-layer-color - State layer color on focus.\r\n * @cssprop --m3e-filled-card-focus-state-layer-opacity - State layer opacity on focus.\r\n * @cssprop --m3e-filled-card-focus-container-elevation - Elevation level on focus.\r\n * @cssprop --m3e-filled-card-pressed-text-color - Text color on press.\r\n * @cssprop --m3e-filled-card-pressed-state-layer-color - State layer color on press.\r\n * @cssprop --m3e-filled-card-pressed-state-layer-opacity - State layer opacity on press.\r\n * @cssprop --m3e-filled-card-pressed-container-elevation - Elevation level on press.\r\n * @cssprop --m3e-elevated-card-text-color - Foreground color for text content in elevated cards.\r\n * @cssprop --m3e-elevated-card-container-color - Background color of the elevated card container.\r\n * @cssprop --m3e-elevated-card-container-elevation - Elevation level for elevated card container.\r\n * @cssprop --m3e-elevated-card-disabled-text-color - Text color when elevated card is disabled.\r\n * @cssprop --m3e-elevated-card-disabled-text-opacity - Opacity applied to text when disabled.\r\n * @cssprop --m3e-elevated-card-disabled-container-color - Background color when disabled.\r\n * @cssprop --m3e-elevated-card-disabled-container-elevation - Elevation level when disabled.\r\n * @cssprop --m3e-elevated-card-disabled-container-elevation-color - Shadow color when disabled.\r\n * @cssprop --m3e-elevated-card-disabled-container-elevation-opacity - Shadow opacity when disabled.\r\n * @cssprop --m3e-elevated-card-disabled-container-opacity - Overall container opacity when disabled.\r\n * @cssprop --m3e-elevated-card-hover-text-color - Text color on hover.\r\n * @cssprop --m3e-elevated-card-hover-state-layer-color - State layer color on hover.\r\n * @cssprop --m3e-elevated-card-hover-state-layer-opacity - State layer opacity on hover.\r\n * @cssprop --m3e-elevated-card-hover-container-elevation - Elevation level on hover.\r\n * @cssprop --m3e-elevated-card-focus-text-color - Text color on focus.\r\n * @cssprop --m3e-elevated-card-focus-state-layer-color - State layer color on focus.\r\n * @cssprop --m3e-elevated-card-focus-state-layer-opacity - State layer opacity on focus.\r\n * @cssprop --m3e-elevated-card-focus-container-elevation - Elevation level on focus.\r\n * @cssprop --m3e-elevated-card-pressed-text-color - Text color on press.\r\n * @cssprop --m3e-elevated-card-pressed-state-layer-color - State layer color on press.\r\n * @cssprop --m3e-elevated-card-pressed-state-layer-opacity - State layer opacity on press.\r\n * @cssprop --m3e-elevated-card-pressed-container-elevation - Elevation level on press.\r\n * @cssprop --m3e-outlined-card-text-color - Foreground color for text content in outlined cards.\r\n * @cssprop --m3e-outlined-card-container-elevation - Elevation level for outlined card container.\r\n * @cssprop --m3e-outlined-card-outline-color - Border color for outlined cards.\r\n * @cssprop --m3e-outlined-card-outline-thickness - Border thickness for outlined cards.\r\n * @cssprop --m3e-outlined-card-disabled-text-color - Text color when outlined card is disabled.\r\n * @cssprop --m3e-outlined-card-disabled-text-opacity - Opacity applied to text when disabled.\r\n * @cssprop --m3e-outlined-card-disabled-container-elevation - Elevation level when disabled.\r\n * @cssprop --m3e-outlined-card-disabled-container-elevation-color - Shadow color when disabled.\r\n * @cssprop --m3e-outlined-card-disabled-container-elevation-opacity - Shadow opacity when disabled.\r\n * @cssprop --m3e-outlined-card-disabled-outline-color - Border color when disabled.\r\n * @cssprop --m3e-outlined-card-disabled-outline-opacity - Border opacity when disabled.\r\n * @cssprop --m3e-outlined-card-hover-text-color - Text color on hover.\r\n * @cssprop --m3e-outlined-card-hover-state-layer-color - State layer color on hover.\r\n * @cssprop --m3e-outlined-card-hover-state-layer-opacity - State layer opacity on hover.\r\n * @cssprop --m3e-outlined-card-hover-container-elevation - Elevation level on hover.\r\n * @cssprop --m3e-outlined-card-hover-outline-color - Border color on hover.\r\n * @cssprop --m3e-outlined-card-focus-text-color - Text color on focus.\r\n * @cssprop --m3e-outlined-card-focus-state-layer-color - State layer color on focus.\r\n * @cssprop --m3e-outlined-card-focus-state-layer-opacity - State layer opacity on focus.\r\n * @cssprop --m3e-outlined-card-focus-container-elevation - Elevation level on focus.\r\n * @cssprop --m3e-outlined-card-focus-outline-color - Border color on focus.\r\n * @cssprop --m3e-outlined-card-pressed-text-color - Text color on press.\r\n * @cssprop --m3e-outlined-card-pressed-state-layer-color - State layer color on press.\r\n * @cssprop --m3e-outlined-card-pressed-state-layer-opacity - State layer opacity on press.\r\n * @cssprop --m3e-outlined-card-pressed-container-elevation - Elevation level on press.\r\n * @cssprop --m3e-outlined-card-pressed-outline-color - Border color on press.\r\n */\r\n@element(\"m3e-card\")\r\nexport class M3eCardElement extends KeyboardClick(\r\n  LinkButton(FormSubmitter(Focusable(DisabledInteractive(Disabled(AttachInternals(LitElement), true))))),\r\n) {\r\n  /** The styles of the element. */\r\n  static override styles: CSSResultGroup = [CardVariantStyle, CardStyle];\r\n\r\n  /** @private */ @query(\".base\") private readonly _base?: HTMLElement;\r\n  /** @private */ @query(\".elevation\") private readonly _elevation?: M3eElevationElement;\r\n  /** @private */ @query(\".focus-ring\") private readonly _focusRing?: M3eFocusRingElement;\r\n  /** @private */ @query(\".state-layer\") private readonly _stateLayer?: M3eStateLayerElement;\r\n  /** @private */ @query(\".ripple\") private readonly _ripple?: M3eRippleElement;\r\n\r\n  /** @private */ readonly #clickHandler = (e: Event) => this.#handleClick(e);\r\n\r\n  constructor() {\r\n    super();\r\n\r\n    new PressedController(this, {\r\n      isPressedKey: (key) => key === \" \",\r\n      callback: (pressed) => {\r\n        if (this.actionable && !this.disabled && !this.disabledInteractive) {\r\n          this._base?.classList.toggle(\"pressed\", pressed);\r\n        }\r\n      },\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Whether to present the card inline with surrounding content.\r\n   * @default false\r\n   */\r\n  @property({ type: Boolean }) inline = false;\r\n\r\n  /**\r\n   * Whether the card is \"actionable\" and will respond to use interaction.\r\n   * @default false\r\n   */\r\n  @property({ type: Boolean }) actionable = false;\r\n\r\n  /**\r\n   * The appearance variant of the card.\r\n   * @default \"filled\"\r\n   */\r\n  @property({ reflect: true }) variant: CardVariant = \"filled\";\r\n\r\n  /**\r\n   * The orientation of the card.\r\n   * @default \"vertical\"\r\n   */\r\n  @property({ reflect: true }) orientation: CardOrientation = \"vertical\";\r\n\r\n  /** @inheritdoc */\r\n  override connectedCallback(): void {\r\n    if (this.hasAttribute(\"actionable\")) {\r\n      // If href is specified, the LinkButton mixin changes this to \"link\" if role is \"button\".\r\n      this.role = \"button\";\r\n    }\r\n\r\n    super.connectedCallback();\r\n    this.addEventListener(\"click\", this.#clickHandler);\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  override disconnectedCallback(): void {\r\n    super.disconnectedCallback();\r\n\r\n    this._base?.classList.toggle(\"pressed\", false);\r\n    this.removeEventListener(\"click\", this.#clickHandler);\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override render(): unknown {\r\n    return html`<div class=\"base\">\r\n      <m3e-elevation\r\n        class=\"elevation\"\r\n        ?disabled=\"${!this.actionable || this.disabled || this.disabledInteractive}\"\r\n      ></m3e-elevation>\r\n      <m3e-focus-ring class=\"focus-ring\" ?disabled=\"${!this.actionable || this.disabled}\"></m3e-focus-ring>\r\n      <m3e-state-layer\r\n        class=\"state-layer\"\r\n        ?disabled=\"${!this.actionable || this.disabled || this.disabledInteractive}\"\r\n      ></m3e-state-layer>\r\n      <m3e-ripple\r\n        class=\"ripple\"\r\n        ?disabled=\"${!this.actionable || this.disabled || this.disabledInteractive}\"\r\n      ></m3e-ripple>\r\n      ${this[renderPseudoLink]()}\r\n      <slot name=\"header\" @slotchange=\"${this.#handleHeaderSlotChange}\"></slot>\r\n      <slot name=\"content\" @slotchange=\"${this.#handleContentSlotChange}\">\r\n        <slot @slotchange=\"${this.#handleDefaultSlotChange}\"></slot>\r\n      </slot>\r\n      <slot name=\"actions\" @slotchange=\"${this.#handleActionsSlotChange}\"></slot>\r\n      <slot name=\"footer\" @slotchange=\"${this.#handleFooterSlotChange}\"></slot>\r\n    </div>`;\r\n  }\r\n\r\n  /** @private */\r\n  #handleHeaderSlotChange(e: Event): void {\r\n    const assignedNodes = (e.target as HTMLSlotElement).assignedNodes({ flatten: true });\r\n    const base = this.shadowRoot?.querySelector(\".base\");\r\n    base?.classList.toggle(\"has-header\", assignedNodes.length > 0);\r\n    base?.classList.toggle(\r\n      \"has-header-media\",\r\n      assignedNodes.some((x) => x instanceof HTMLElement && (x.tagName === \"IMG\" || x.tagName === \"VIDEO\")),\r\n    );\r\n  }\r\n\r\n  /** @private */\r\n  #handleContentSlotChange(): void {\r\n    this.shadowRoot\r\n      ?.querySelector(\".base\")\r\n      ?.classList.toggle(\"has-content\", this.querySelector(\"[slot='content']\") !== null);\r\n  }\r\n\r\n  /** @private */\r\n  #handleDefaultSlotChange(e: Event): void {\r\n    this.shadowRoot\r\n      ?.querySelector(\".base\")\r\n      ?.classList.toggle(\r\n        \"has-default\",\r\n        hasAssignedNodes(e.target as HTMLSlotElement) && this.querySelector(\"[slot='content']\") === null,\r\n      );\r\n  }\r\n\r\n  /** @private */\r\n  #handleActionsSlotChange(e: Event): void {\r\n    this.shadowRoot\r\n      ?.querySelector(\".base\")\r\n      ?.classList.toggle(\"has-actions\", hasAssignedNodes(e.target as HTMLSlotElement));\r\n  }\r\n\r\n  /** @private */\r\n  #handleFooterSlotChange(e: Event): void {\r\n    this.shadowRoot\r\n      ?.querySelector(\".base\")\r\n      ?.classList.toggle(\"has-footer\", hasAssignedNodes(e.target as HTMLSlotElement));\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override firstUpdated(_changedProperties: PropertyValues<this>): void {\r\n    super.firstUpdated(_changedProperties);\r\n\r\n    [this._elevation, this._focusRing, this._stateLayer, this._ripple].forEach((x) => x?.attach(this));\r\n\r\n    if (!this.actionable && this.hasAttribute(\"tabindex\")) {\r\n      this.removeAttribute(\"tabindex\");\r\n    }\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override update(changedProperties: PropertyValues<this>): void {\r\n    super.update(changedProperties);\r\n\r\n    if (!this.actionable && this.hasAttribute(\"tabindex\")) {\r\n      this.removeAttribute(\"tabindex\");\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleClick(e: Event): void {\r\n    if (this.disabled || this.disabledInteractive) {\r\n      e.preventDefault();\r\n      e.stopImmediatePropagation();\r\n    }\r\n  }\r\n}\r\n\r\ndeclare global {\r\n  interface HTMLElementTagNameMap {\r\n    \"m3e-card\": M3eCardElement;\r\n  }\r\n}\r\n"],"names":["__decorate","decorators","target","key","desc","c","arguments","length","r","Object","getOwnPropertyDescriptor","d","Reflect","decorate","i","defineProperty","__classPrivateFieldGet","receiver","state","kind","f","TypeError","has","call","value","get","SuppressedError","error","suppressed","message","e","Error","name","CardToken","padding","unsafeCSS","shape","DesignToken","corner","medium","CardVariantToken","filled","textColor","color","onSurface","containerColor","surfaceContainerHighest","containerElevation","elevation","level0","disabled","textOpacity","imageOpacity","surfaceVariant","containerElevationColor","containerElevationOpacity","containerOpacity","hover","stateLayerColor","stateLayerOpacity","hoverStateLayerOpacity","level1","focus","focusStateLayerOpacity","pressed","pressedStateLayerOpacity","elevated","surfaceContainerLow","surface","level2","outlined","outlineColor","outlineVariant","outlineThickness","outline","outlineOpacity","CardStyle","css","motion","duration","short4","easing","standard","cardVariantStyle","variant","CardVariantStyle","M3eCardElement","KeyboardClick","LinkButton","FormSubmitter","Focusable","DisabledInteractive","Disabled","AttachInternals","LitElement","constructor","_M3eCardElement_clickHandler","set","inline","actionable","orientation","PressedController","isPressedKey","callback","disabledInteractive","_base","classList","toggle","connectedCallback","hasAttribute","role","addEventListener","disconnectedCallback","removeEventListener","render","html","renderPseudoLink","_M3eCardElement_instances","_M3eCardElement_handleHeaderSlotChange","_M3eCardElement_handleContentSlotChange","_M3eCardElement_handleDefaultSlotChange","_M3eCardElement_handleActionsSlotChange","_M3eCardElement_handleFooterSlotChange","firstUpdated","_changedProperties","_elevation","_focusRing","_stateLayer","_ripple","forEach","x","attach","removeAttribute","update","changedProperties","assignedNodes","flatten","base","shadowRoot","querySelector","some","HTMLElement","tagName","hasAssignedNodes","preventDefault","stopImmediatePropagation","styles","query","prototype","property","type","Boolean","reflect","element"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/card.min.js

@@ -3,5 +3,5 @@
  * Copyright (c) 2025 matraic
  * See LICENSE file in the project root for full license text.
  */
-import{unsafeCSS as e,css as t,LitElement as a,html as o}from"lit";import{query as r,property as i,customElement as l}from"lit/decorators.js";import{DesignToken as n,KeyboardClick as c,LinkButton as s,FormSubmitter as d,Focusable as v,DisabledInteractive as m,Disabled as h,AttachInternals as u,PressedController as p,renderPseudoLink as b,hasAssignedNodes as y}from"@m3e/web/core";function f(e,t,a,o){var r,i=arguments.length,l=i<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,a):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,a,o);else for(var n=e.length-1;n>=0;n--)(r=e[n])&&(l=(i<3?r(l):i>3?r(t,a,l):r(t,a))||l);return i>3&&l&&Object.defineProperty(t,a,l),l}function $(e,t,a,o){if("a"===a&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===a?o:"a"===a?o.call(e):o?o.value:t.get(e)}"function"==typeof SuppressedError&&SuppressedError;const x=e("var(--m3e-card-padding, 1rem)"),g=e(`var(--m3e-card-shape, ${n.shape.corner.medium});`),C={filled:{textColor:e(`var(--m3e-filled-card-text-color, var(--m3e-card-text-color, ${n.color.onSurface}))`),containerColor:e(`var(--m3e-filled-card-container-color, var(--m3e-card-container-color, ${n.color.surfaceContainerHighest}))`),containerElevation:e(`var(--m3e-filled-card-container-elevation, var(--m3e-card-container-elevation, ${n.elevation.level0}))`),disabled:{textColor:e(`var(--m3e-filled-card-disabled-text-color, var(--m3e-card-disabled-text-color, ${n.color.onSurface}))`),textOpacity:e("var(--m3e-filled-card-disabled-text-opacity, var(--m3e-card-disabled-text-opacity, 38%))"),imageOpacity:e("var(--m3e-filled-card-disabled-image-opacity, var(--m3e-card-disabled-image-opacity, 38%))"),containerColor:e(`var(--m3e-filled-card-disabled-container-color, var(--m3e-card-disabled-container-color, ${n.color.surfaceVariant}))`),containerElevation:e(`var(--m3e-filled-card-disabled-container-elevation, var(--m3e-card-disabled-container-elevation, ${n.elevation.level0}))`),containerElevationColor:e(`var(--m3e-filled-card-disabled-container-elevation-color, var(--m3e-card-disabled-container-elevation-color, ${n.color.onSurface}))`),containerElevationOpacity:e("var(--m3e-filled-card-disabled-container-elevation-opacity, var(--m3e-card-disabled-container-elevation-opacity, 38%))"),containerOpacity:e("var(--m3e-filled-card-disabled-container-opacity, var(--m3e-card-disabled-container-opacity, 38%))")},hover:{textColor:e(`var(--m3e-filled-card-hover-text-color, var(--m3e-card-hover-text-color, ${n.color.onSurface}))`),stateLayerColor:e(`var(--m3e-filled-card-hover-state-layer-color, var(--m3e-card-hover-state-layer-color, ${n.color.onSurface}))`),stateLayerOpacity:e(`var(--m3e-filled-card-hover-state-layer-opacity, var(--m3e-card-hover-state-layer-opacity, ${n.state.hoverStateLayerOpacity}))`),containerElevation:e(`var(--m3e-filled-card-hover-container-elevation, var(--m3e-card-hover-container-elevation, ${n.elevation.level1}))`)},focus:{textColor:e(`var(--m3e-filled-card-focus-text-color, var(--m3e-card-focus-text-color, ${n.color.onSurface}))`),stateLayerColor:e(`var(--m3e-filled-card-focus-state-layer-color, var(--m3e-card-focus-state-layer-color, ${n.color.onSurface}))`),stateLayerOpacity:e(`var(--m3e-filled-card-focus-state-layer-opacity, var(--m3e-card-focus-state-layer-opacity, ${n.state.focusStateLayerOpacity}))`),containerElevation:e(`var(--m3e-filled-card-focus-container-elevation, var(--m3e-card-focus-container-elevation, ${n.elevation.level0}))`)},pressed:{textColor:e(`var(--m3e-filled-card-pressed-text-color, var(--m3e-card-pressed-text-color, ${n.color.onSurface}))`),stateLayerColor:e(`var(--m3e-filled-card-pressed-state-layer-color, var(--m3e-card-pressed-state-layer-color, ${n.color.onSurface}))`),stateLayerOpacity:e(`var(--m3e-filled-card-pressed-state-layer-opacity, var(--m3e-card-pressed-state-layer-opacity, ${n.state.pressedStateLayerOpacity}))`),containerElevation:e(`var(--m3e-filled-card-pressed-container-elevation, var(--m3e-card-pressed-container-elevation, ${n.elevation.level0}))`)}},elevated:{textColor:e(`var(--m3e-elevated-card-text-color, var(--m3e-card-text-color, ${n.color.onSurface}))`),containerColor:e(`var(--m3e-elevated-card-container-color, var(--m3e-card-container-color, ${n.color.surfaceContainerLow}))`),containerElevation:e(`var(--m3e-elevated-card-container-elevation, var(--m3e-card-container-elevation, ${n.elevation.level1}))`),disabled:{textColor:e(`var(--m3e-elevated-card-disabled-text-color, var(--m3e-card-disabled-text-color, ${n.color.onSurface}))`),textOpacity:e("var(--m3e-elevated-card-disabled-text-opacity, var(--m3e-card-disabled-text-opacity, 38%))"),imageOpacity:e("var(--m3e-elevated-card-disabled-image-opacity, var(--m3e-card-disabled-image-opacity, 38%))"),containerColor:e(`var(--m3e-elevated-card-disabled-container-color, var(--m3e-card-disabled-container-color, ${n.color.surface}))`),containerElevation:e(`var(--m3e-elevated-card-disabled-container-elevation, var(--m3e-card-disabled-container-elevation, ${n.elevation.level1}))`),containerElevationColor:e(`var(--m3e-elevated-card-disabled-container-elevation-color, var(--m3e-card-disabled-container-elevation-color, ${n.color.onSurface}))`),containerElevationOpacity:e("var(--m3e-elevated-card-disabled-container-elevation-opacity, var(--m3e-card-disabled-container-elevation-opacity, 38%))"),containerOpacity:e("var(--m3e-elevated-card-disabled-container-opacity, var(--m3e-card-disabled-container-opacity, 38%))")},hover:{textColor:e(`var(--m3e-elevated-card-hover-text-color, var(--m3e-card-hover-text-color, ${n.color.onSurface}))`),stateLayerColor:e(`var(--m3e-elevated-card-hover-state-layer-color, var(--m3e-card-hover-state-layer-color, ${n.color.onSurface}))`),stateLayerOpacity:e(`var(--m3e-elevated-card-hover-state-layer-opacity, var(--m3e-card-hover-state-layer-opacity, ${n.state.hoverStateLayerOpacity}))`),containerElevation:e(`var(--m3e-elevated-card-hover-container-elevation, var(--m3e-card-hover-container-elevation, ${n.elevation.level2}))`)},focus:{textColor:e(`var(--m3e-elevated-card-focus-text-color, var(--m3e-card-focus-text-color, ${n.color.onSurface}))`),stateLayerColor:e(`var(--m3e-elevated-card-focus-state-layer-color, var(--m3e-card-focus-state-layer-color, ${n.color.onSurface}))`),stateLayerOpacity:e(`var(--m3e-elevated-card-focus-state-layer-opacity, var(--m3e-card-focus-state-layer-opacity, ${n.state.focusStateLayerOpacity}))`),containerElevation:e(`var(--m3e-elevated-card-focus-container-elevation, var(--m3e-card-focus-container-elevation, ${n.elevation.level1}))`)},pressed:{textColor:e(`var(--m3e-elevated-card-pressed-text-color, var(--m3e-card-pressed-text-color, ${n.color.onSurface}))`),stateLayerColor:e(`var(--m3e-elevated-card-pressed-state-layer-color, var(--m3e-card-pressed-state-layer-color, ${n.color.onSurface}))`),stateLayerOpacity:e(`var(--m3e-elevated-card-pressed-state-layer-opacity, var(--m3e-card-pressed-state-layer-opacity, ${n.state.pressedStateLayerOpacity}))`),containerElevation:e(`var(--m3e-elevated-card-pressed-container-elevation, var(--m3e-card-pressed-container-elevation, ${n.elevation.level1}))`)}},outlined:{textColor:e(`var(--m3e-outlined-card-text-color, var(--m3e-card-text-color, ${n.color.onSurface}))`),containerElevation:e(`var(--m3e-outlined-card-container-elevation, var(--m3e-card-container-elevation, ${n.elevation.level0}))`),outlineColor:e(`var(--m3e-outlined-card-outline-color, var(--m3e-card-outline-color, ${n.color.outlineVariant}))`),outlineThickness:e("var(--m3e-outlined-card-outline-thickness, var(--m3e-card-outline-thickness, 1px))"),disabled:{textColor:e(`var(--m3e-outlined-card-disabled-text-color, var(--m3e-card-disabled-text-color, ${n.color.onSurface}))`),textOpacity:e("var(--m3e-outlined-card-disabled-text-opacity, var(--m3e-card-disabled-text-opacity, 38%))"),imageOpacity:e("var(--m3e-outlined-card-disabled-image-opacity, var(--m3e-card-disabled-image-opacity, 38%))"),containerElevation:e(`var(--m3e-outlined-card-disabled-container-elevation, var(--m3e-card-disabled-container-elevation, ${n.elevation.level0}))`),containerElevationColor:e(`var(--m3e-outlined-card-disabled-container-elevation-color, var(--m3e-card-disabled-container-elevation-color, ${n.color.onSurface}))`),containerElevationOpacity:e("var(--m3e-outlined-card-disabled-container-elevation-opacity, var(--m3e-card-disabled-container-elevation-opacity, 38%))"),outlineColor:e(`var(--m3e-outlined-card-disabled-outline-color, var(--m3e-card-disabled-outline-color, ${n.color.outline}))`),outlineOpacity:e("var(--m3e-outlined-card-disabled-outline-opacity, var(--m3e-card-disabled-outline-opacity, 12%))")},hover:{textColor:e(`var(--m3e-outlined-card-hover-text-color, var(--m3e-card-hover-text-color, ${n.color.onSurface}))`),stateLayerColor:e(`var(--m3e-outlined-card-hover-state-layer-color, var(--m3e-card-hover-state-layer-color, ${n.color.onSurface}))`),stateLayerOpacity:e(`var(--m3e-outlined-card-hover-state-layer-opacity, var(--m3e-card-hover-state-layer-opacity, ${n.state.hoverStateLayerOpacity}))`),containerElevation:e(`var(--m3e-outlined-card-hover-container-elevation, var(--m3e-card-hover-container-elevation, ${n.elevation.level1}))`),outlineColor:e(`var(--m3e-outlined-card-hover-outline-color, var(--m3e-card-hover-outline-color, ${n.color.outlineVariant}))`)},focus:{textColor:e(`var(--m3e-outlined-card-focus-text-color, var(--m3e-card-focus-text-color, ${n.color.onSurface}))`),stateLayerColor:e(`var(--m3e-outlined-card-focus-state-layer-color, var(--m3e-card-focus-state-layer-color, ${n.color.onSurface}))`),stateLayerOpacity:e(`var(--m3e-outlined-card-focus-state-layer-opacity, var(--m3e-card-focus-state-layer-opacity, ${n.state.focusStateLayerOpacity}))`),containerElevation:e(`var(--m3e-outlined-card-focus-container-elevation, var(--m3e-card-focus-container-elevation, ${n.elevation.level0}))`),outlineColor:e(`var(--m3e-outlined-card-focus-outline-color, var(--m3e-card-focus-outline-color, ${n.color.onSurface}))`)},pressed:{textColor:e(`var(--m3e-outlined-card-pressed-text-color, var(--m3e-card-pressed-text-color, ${n.color.onSurface}))`),stateLayerColor:e(`var(--m3e-outlined-card-pressed-state-layer-color, var(--m3e-card-pressed-state-layer-color, ${n.color.onSurface}))`),stateLayerOpacity:e(`var(--m3e-outlined-card-pressed-state-layer-opacity, var(--m3e-card-pressed-state-layer-opacity, ${n.state.pressedStateLayerOpacity}))`),containerElevation:e(`var(--m3e-outlined-card-pressed-container-elevation, var(--m3e-card-pressed-container-elevation, ${n.elevation.level0}))`),outlineColor:e(`var(--m3e-outlined-card-pressed-outline-color, var(--m3e-card-pressed-outline-color, ${n.color.outlineVariant}))`)}}},L=t`:host { outline: none; } :host(:not([inline])) { display: block; } :host(:not([inline])) .base { display: flex; } :host([inline]) { display: inline-block; vertical-align: middle; } :host([inline]) .base { display: inline-flex; } .base { width: 100%; height: 100%; position: relative; box-sizing: border-box; border-radius: ${g}; transition: ${e(`background-color ${n.motion.duration.short4} ${n.motion.easing.standard},\n      border-color ${n.motion.duration.short4} ${n.motion.easing.standard}`)}; } :host([actionable]) { user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } :host([actionable]:not(:disabled):not([disabled-interactive])) { cursor: pointer; } :host([actionable][disabled-interactive]) { cursor: not-allowed; } :host(:not([actionable])) .focus-ring, :host(:not([actionable])) .state-layer, :host(:not([actionable])) .ripple { display: none; } :host([variant="outlined"]) .base { border-style: solid; } ::slotted([slot="content"]) { flex: 1 1 auto; } ::slotted(img), ::slotted(video) { inset: 0; object-fit: cover; } ::slotted(img[slot="header"]), ::slotted(video[slot="header"]) { border-radius: ${g}; } ::slotted([slot="actions"][end]) { justify-content: flex-end; } ::slotted([slot="header"]), ::slotted([slot="actions"]), ::slotted([slot="footer"]) { flex: none; display: flex; align-items: center; } :host([orientation="vertical"]) .base, :host([orientation="horizontal"]) ::slotted([slot="header"]), :host([orientation="horizontal"]) ::slotted([slot="actions"]), :host([orientation="horizontal"]) ::slotted([slot="footer"]) { flex-direction: column; } :host([orientation="horizontal"]) .base, :host([orientation="vertical"]) ::slotted([slot="header"]), :host([orientation="vertical"]) ::slotted([slot="actions"]), :host([orientation="vertical"]) ::slotted([slot="footer"]) { flex-direction: row; } :host([orientation="horizontal"]) ::slotted(img), :host([orientation="horizontal"]) ::slotted(video) { aspect-ratio: 16 / 9; } .has-content:not(.has-default) slot[name="content"], .has-content.has-default slot:not([name]) { display: inherit; flex-direction: inherit; flex: 1 1 auto; } .has-header slot[name="header"], .has-actions slot[name="actions"], .has-footer slot[name="footer"] { display: inherit; flex-direction: inherit; flex: none; } :host([orientation="vertical"]) .has-content:not(.has-default) slot[name="content"] { margin-inline: ${x}; } :host([orientation="vertical"]) .has-content:not(.has-default):not(.has-header) slot[name="content"] { margin-block-start: ${x}; } :host([orientation="vertical"]) .has-content:not(.has-default):not(.has-actions):not(.has-footer) slot[name="content"] { margin-block-end: ${x}; } :host([orientation="horizontal"]) .has-content:not(.has-default) slot[name="content"] { margin-block: ${x}; } :host([orientation="horizontal"]) .has-content:not(.has-default):not(.has-header) slot[name="content"] { margin-inline-start: ${x}; } :host([orientation="horizontal"]) .has-content:not(.has-default):not(.has-actions):not(.has-footer) slot[name="content"] { margin-inline-end: ${x}; } :host([orientation="vertical"]) .has-header:not(.has-header-media) slot[name="header"] { margin-inline: ${x}; margin-block-start: ${x}; } :host([orientation="horizontal"]) .has-header:not(.has-header-media) slot[name="header"] { margin-inline-start: ${x}; margin-block: ${x}; } .has-actions slot[name="actions"] { margin-inline: ${x}; margin-block: ${x}; } :host([orientation="vertical"]) .has-footer slot[name="footer"] { margin-inline: ${x}; margin-block-end: ${x}; } :host([orientation="horizontal"]) .has-footer slot[name="footer"] { margin-block: ${x}; margin-inline-end: ${x}; } a { all: unset; display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1; } @media (forced-colors: active) { .base { transition: none; } :host([variant]) .base { border-style: solid; border-color: CanvasText; border-width: ${C.outlined.outlineThickness??e("unset")}; } :host([actionable][variant]:disabled) .base, :host([actionable][variant][disabled-interactive]) .base { color: GrayText; border-color: GrayText; } } @media (prefers-reduced-motion) { .base { transition: none; } }`;function S(a){return t`:host([variant="${e(a)}"]) .base { background-color: ${C[a].containerColor??e("unset")}; box-shadow: ${C[a].containerElevation??e("unset")}; border-width: ${C[a].outlineThickness??e("unset")}; } :host([actionable][variant="${e(a)}"]) .base { --m3e-state-layer-hover-color: ${C[a].hover.stateLayerColor}; --m3e-state-layer-hover-opacity: ${C[a].hover.stateLayerOpacity}; --m3e-state-layer-focus-color: ${C[a].focus.stateLayerColor}; --m3e-state-layer-focus-opacity: ${C[a].focus.stateLayerOpacity}; --m3e-ripple-color: ${C[a].pressed.stateLayerColor}; --m3e-ripple-opacity: ${C[a].pressed.stateLayerOpacity}; --m3e-elevation-level: ${C[a].containerElevation??e("unset")}; --m3e-elevation-hover-level: ${C[a].hover.containerElevation??e("unset")}; --m3e-elevation-focus-level: ${C[a].focus.containerElevation??e("unset")}; --m3e-elevation-pressed-level: ${C[a].pressed.containerElevation??e("unset")}; } :host([variant="${e(a)}"]) .base { border-color: ${C[a].outlineColor??e("unset")}; } :host([actionable][variant="${e(a)}"]:focus .base) { border-color: ${C[a].focus.outlineColor??e("unset")}; } :host([actionable][variant="${e(a)}"]:hover .base) { border-color: ${C[a].hover.outlineColor??e("unset")}; } :host([actionable][variant="${e(a)}"]) .base.pressed { border-color: ${C[a].pressed.outlineColor??e("unset")}; } :host([variant="${e(a)}"]) .base { color: ${C[a].textColor??e("unset")}; } :host([actionable][variant="${e(a)}"]:focus) .base { color: ${C[a].focus.textColor??e("unset")}; } :host([actionable][variant="${e(a)}"]:hover) .base { color: ${C[a].hover.textColor??e("unset")}; } :host([actionable][variant="${e(a)}"]) .base.pressed { color: ${C[a].pressed.textColor??e("unset")}; } :host([actionable][variant="${e(a)}"]:disabled) .base, :host([actionable][variant="${e(a)}"][disabled-interactive]) .base { --m3e-elevation-level: ${C[a].disabled.containerElevation??e("unset")}; --m3e-elevation-color: color-mix( in srgb, ${C[a].disabled.containerElevationColor} ${C[a].disabled.containerElevationOpacity}, transparent ); color: color-mix( in srgb, ${C[a].disabled.textColor} ${C[a].disabled.textOpacity}, transparent ); background-color: ${C[a].disabled.containerColor&&C[a].disabled.containerOpacity?e(`color-mix(\n        in srgb,\n        ${C[a].disabled.containerColor} ${C[a].disabled.containerOpacity},\n        transparent\n      )`):e("unset")}; border-color: ${C[a].disabled.outlineColor&&C[a].disabled.outlineOpacity?e(`color-mix(\n        in srgb,\n        ${C[a].disabled.outlineColor} ${C[a].disabled.outlineOpacity},\n        transparent\n      )`):e("unset")}; } :host([actionable][variant="${e(a)}"]:disabled) ::slotted(img), :host([actionable][variant="${e(a)}"][disabled-interactive]) ::slotted(img), :host([actionable][variant="${e(a)}"]:disabled) ::slotted(video), :host([actionable][variant="${e(a)}"][disabled-interactive]) ::slotted(video) { opacity: ${C[a].disabled.imageOpacity}; }`}const O=[S("filled"),S("elevated"),S("outlined")];var E,k,w,z,_,R,T,I;let j=class extends(c(s(d(v(m(h(u(a),!0))))))){constructor(){super(),E.add(this),k.set(this,e=>$(this,E,"m",I).call(this,e)),this.inline=!1,this.actionable=!1,this.variant="filled",this.orientation="vertical",new p(this,{isPressedKey:e=>" "===e,callback:e=>{!this.actionable||this.disabled||this.disabledInteractive||this._base?.classList.toggle("pressed",e)}})}connectedCallback(){this.hasAttribute("actionable")&&(this.role="button"),super.connectedCallback(),this.addEventListener("click",$(this,k,"f"))}disconnectedCallback(){super.disconnectedCallback(),this._base?.classList.toggle("pressed",!1),this.removeEventListener("click",$(this,k,"f"))}render(){return o`<div class="base"><m3e-elevation class="elevation" ?disabled="${!this.actionable||this.disabled||this.disabledInteractive}"></m3e-elevation><m3e-focus-ring class="focus-ring" ?disabled="${!this.actionable||this.disabled}"></m3e-focus-ring><m3e-state-layer class="state-layer" ?disabled="${!this.actionable||this.disabled||this.disabledInteractive}"></m3e-state-layer><m3e-ripple class="ripple" ?disabled="${!this.actionable||this.disabled||this.disabledInteractive}"></m3e-ripple>${this[b]()}<slot name="header" @slotchange="${$(this,E,"m",w)}"></slot><slot name="content" @slotchange="${$(this,E,"m",z)}"><slot @slotchange="${$(this,E,"m",_)}"></slot></slot><slot name="actions" @slotchange="${$(this,E,"m",R)}"></slot><slot name="footer" @slotchange="${$(this,E,"m",T)}"></slot></div>`}firstUpdated(e){super.firstUpdated(e),[this._elevation,this._focusRing,this._stateLayer,this._ripple].forEach(e=>e?.attach(this)),!this.actionable&&this.hasAttribute("tabindex")&&this.removeAttribute("tabindex")}update(e){super.update(e),!this.actionable&&this.hasAttribute("tabindex")&&this.removeAttribute("tabindex")}};k=new WeakMap,E=new WeakSet,w=function(e){const t=e.target.assignedNodes({flatten:!0}),a=this.shadowRoot?.querySelector(".base");a?.classList.toggle("has-header",t.length>0),a?.classList.toggle("has-header-media",t.some(e=>e instanceof HTMLElement&&("IMG"===e.tagName||"VIDEO"===e.tagName)))},z=function(){this.shadowRoot?.querySelector(".base")?.classList.toggle("has-content",null!==this.querySelector("[slot='content']"))},_=function(e){this.shadowRoot?.querySelector(".base")?.classList.toggle("has-default",y(e.target)&&null===this.querySelector("[slot='content']"))},R=function(e){this.shadowRoot?.querySelector(".base")?.classList.toggle("has-actions",y(e.target))},T=function(e){this.shadowRoot?.querySelector(".base")?.classList.toggle("has-footer",y(e.target))},I=function(e){(this.disabled||this.disabledInteractive)&&(e.preventDefault(),e.stopImmediatePropagation())},j.styles=[O,L],f([r(".base")],j.prototype,"_base",void 0),f([r(".elevation")],j.prototype,"_elevation",void 0),f([r(".focus-ring")],j.prototype,"_focusRing",void 0),f([r(".state-layer")],j.prototype,"_stateLayer",void 0),f([r(".ripple")],j.prototype,"_ripple",void 0),f([i({type:Boolean})],j.prototype,"inline",void 0),f([i({type:Boolean})],j.prototype,"actionable",void 0),f([i({reflect:!0})],j.prototype,"variant",void 0),f([i({reflect:!0})],j.prototype,"orientation",void 0),j=f([l("m3e-card")],j);export{j as M3eCardElement};
+import{unsafeCSS as e,css as t,LitElement as a,html as o}from"lit";import{query as r,property as i}from"lit/decorators.js";import{DesignToken as l,KeyboardClick as n,LinkButton as c,FormSubmitter as s,Focusable as d,DisabledInteractive as v,Disabled as m,AttachInternals as h,PressedController as u,renderPseudoLink as p,element as b,hasAssignedNodes as y}from"@m3e/web/core";function f(e,t,a,o){var r,i=arguments.length,l=i<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,a):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,a,o);else for(var n=e.length-1;n>=0;n--)(r=e[n])&&(l=(i<3?r(l):i>3?r(t,a,l):r(t,a))||l);return i>3&&l&&Object.defineProperty(t,a,l),l}function $(e,t,a,o){if("a"===a&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===a?o:"a"===a?o.call(e):o?o.value:t.get(e)}"function"==typeof SuppressedError&&SuppressedError;const x=e("var(--m3e-card-padding, 1rem)"),g=e(`var(--m3e-card-shape, ${l.shape.corner.medium});`),C={filled:{textColor:e(`var(--m3e-filled-card-text-color, var(--m3e-card-text-color, ${l.color.onSurface}))`),containerColor:e(`var(--m3e-filled-card-container-color, var(--m3e-card-container-color, ${l.color.surfaceContainerHighest}))`),containerElevation:e(`var(--m3e-filled-card-container-elevation, var(--m3e-card-container-elevation, ${l.elevation.level0}))`),disabled:{textColor:e(`var(--m3e-filled-card-disabled-text-color, var(--m3e-card-disabled-text-color, ${l.color.onSurface}))`),textOpacity:e("var(--m3e-filled-card-disabled-text-opacity, var(--m3e-card-disabled-text-opacity, 38%))"),imageOpacity:e("var(--m3e-filled-card-disabled-image-opacity, var(--m3e-card-disabled-image-opacity, 38%))"),containerColor:e(`var(--m3e-filled-card-disabled-container-color, var(--m3e-card-disabled-container-color, ${l.color.surfaceVariant}))`),containerElevation:e(`var(--m3e-filled-card-disabled-container-elevation, var(--m3e-card-disabled-container-elevation, ${l.elevation.level0}))`),containerElevationColor:e(`var(--m3e-filled-card-disabled-container-elevation-color, var(--m3e-card-disabled-container-elevation-color, ${l.color.onSurface}))`),containerElevationOpacity:e("var(--m3e-filled-card-disabled-container-elevation-opacity, var(--m3e-card-disabled-container-elevation-opacity, 38%))"),containerOpacity:e("var(--m3e-filled-card-disabled-container-opacity, var(--m3e-card-disabled-container-opacity, 38%))")},hover:{textColor:e(`var(--m3e-filled-card-hover-text-color, var(--m3e-card-hover-text-color, ${l.color.onSurface}))`),stateLayerColor:e(`var(--m3e-filled-card-hover-state-layer-color, var(--m3e-card-hover-state-layer-color, ${l.color.onSurface}))`),stateLayerOpacity:e(`var(--m3e-filled-card-hover-state-layer-opacity, var(--m3e-card-hover-state-layer-opacity, ${l.state.hoverStateLayerOpacity}))`),containerElevation:e(`var(--m3e-filled-card-hover-container-elevation, var(--m3e-card-hover-container-elevation, ${l.elevation.level1}))`)},focus:{textColor:e(`var(--m3e-filled-card-focus-text-color, var(--m3e-card-focus-text-color, ${l.color.onSurface}))`),stateLayerColor:e(`var(--m3e-filled-card-focus-state-layer-color, var(--m3e-card-focus-state-layer-color, ${l.color.onSurface}))`),stateLayerOpacity:e(`var(--m3e-filled-card-focus-state-layer-opacity, var(--m3e-card-focus-state-layer-opacity, ${l.state.focusStateLayerOpacity}))`),containerElevation:e(`var(--m3e-filled-card-focus-container-elevation, var(--m3e-card-focus-container-elevation, ${l.elevation.level0}))`)},pressed:{textColor:e(`var(--m3e-filled-card-pressed-text-color, var(--m3e-card-pressed-text-color, ${l.color.onSurface}))`),stateLayerColor:e(`var(--m3e-filled-card-pressed-state-layer-color, var(--m3e-card-pressed-state-layer-color, ${l.color.onSurface}))`),stateLayerOpacity:e(`var(--m3e-filled-card-pressed-state-layer-opacity, var(--m3e-card-pressed-state-layer-opacity, ${l.state.pressedStateLayerOpacity}))`),containerElevation:e(`var(--m3e-filled-card-pressed-container-elevation, var(--m3e-card-pressed-container-elevation, ${l.elevation.level0}))`)}},elevated:{textColor:e(`var(--m3e-elevated-card-text-color, var(--m3e-card-text-color, ${l.color.onSurface}))`),containerColor:e(`var(--m3e-elevated-card-container-color, var(--m3e-card-container-color, ${l.color.surfaceContainerLow}))`),containerElevation:e(`var(--m3e-elevated-card-container-elevation, var(--m3e-card-container-elevation, ${l.elevation.level1}))`),disabled:{textColor:e(`var(--m3e-elevated-card-disabled-text-color, var(--m3e-card-disabled-text-color, ${l.color.onSurface}))`),textOpacity:e("var(--m3e-elevated-card-disabled-text-opacity, var(--m3e-card-disabled-text-opacity, 38%))"),imageOpacity:e("var(--m3e-elevated-card-disabled-image-opacity, var(--m3e-card-disabled-image-opacity, 38%))"),containerColor:e(`var(--m3e-elevated-card-disabled-container-color, var(--m3e-card-disabled-container-color, ${l.color.surface}))`),containerElevation:e(`var(--m3e-elevated-card-disabled-container-elevation, var(--m3e-card-disabled-container-elevation, ${l.elevation.level1}))`),containerElevationColor:e(`var(--m3e-elevated-card-disabled-container-elevation-color, var(--m3e-card-disabled-container-elevation-color, ${l.color.onSurface}))`),containerElevationOpacity:e("var(--m3e-elevated-card-disabled-container-elevation-opacity, var(--m3e-card-disabled-container-elevation-opacity, 38%))"),containerOpacity:e("var(--m3e-elevated-card-disabled-container-opacity, var(--m3e-card-disabled-container-opacity, 38%))")},hover:{textColor:e(`var(--m3e-elevated-card-hover-text-color, var(--m3e-card-hover-text-color, ${l.color.onSurface}))`),stateLayerColor:e(`var(--m3e-elevated-card-hover-state-layer-color, var(--m3e-card-hover-state-layer-color, ${l.color.onSurface}))`),stateLayerOpacity:e(`var(--m3e-elevated-card-hover-state-layer-opacity, var(--m3e-card-hover-state-layer-opacity, ${l.state.hoverStateLayerOpacity}))`),containerElevation:e(`var(--m3e-elevated-card-hover-container-elevation, var(--m3e-card-hover-container-elevation, ${l.elevation.level2}))`)},focus:{textColor:e(`var(--m3e-elevated-card-focus-text-color, var(--m3e-card-focus-text-color, ${l.color.onSurface}))`),stateLayerColor:e(`var(--m3e-elevated-card-focus-state-layer-color, var(--m3e-card-focus-state-layer-color, ${l.color.onSurface}))`),stateLayerOpacity:e(`var(--m3e-elevated-card-focus-state-layer-opacity, var(--m3e-card-focus-state-layer-opacity, ${l.state.focusStateLayerOpacity}))`),containerElevation:e(`var(--m3e-elevated-card-focus-container-elevation, var(--m3e-card-focus-container-elevation, ${l.elevation.level1}))`)},pressed:{textColor:e(`var(--m3e-elevated-card-pressed-text-color, var(--m3e-card-pressed-text-color, ${l.color.onSurface}))`),stateLayerColor:e(`var(--m3e-elevated-card-pressed-state-layer-color, var(--m3e-card-pressed-state-layer-color, ${l.color.onSurface}))`),stateLayerOpacity:e(`var(--m3e-elevated-card-pressed-state-layer-opacity, var(--m3e-card-pressed-state-layer-opacity, ${l.state.pressedStateLayerOpacity}))`),containerElevation:e(`var(--m3e-elevated-card-pressed-container-elevation, var(--m3e-card-pressed-container-elevation, ${l.elevation.level1}))`)}},outlined:{textColor:e(`var(--m3e-outlined-card-text-color, var(--m3e-card-text-color, ${l.color.onSurface}))`),containerElevation:e(`var(--m3e-outlined-card-container-elevation, var(--m3e-card-container-elevation, ${l.elevation.level0}))`),outlineColor:e(`var(--m3e-outlined-card-outline-color, var(--m3e-card-outline-color, ${l.color.outlineVariant}))`),outlineThickness:e("var(--m3e-outlined-card-outline-thickness, var(--m3e-card-outline-thickness, 1px))"),disabled:{textColor:e(`var(--m3e-outlined-card-disabled-text-color, var(--m3e-card-disabled-text-color, ${l.color.onSurface}))`),textOpacity:e("var(--m3e-outlined-card-disabled-text-opacity, var(--m3e-card-disabled-text-opacity, 38%))"),imageOpacity:e("var(--m3e-outlined-card-disabled-image-opacity, var(--m3e-card-disabled-image-opacity, 38%))"),containerElevation:e(`var(--m3e-outlined-card-disabled-container-elevation, var(--m3e-card-disabled-container-elevation, ${l.elevation.level0}))`),containerElevationColor:e(`var(--m3e-outlined-card-disabled-container-elevation-color, var(--m3e-card-disabled-container-elevation-color, ${l.color.onSurface}))`),containerElevationOpacity:e("var(--m3e-outlined-card-disabled-container-elevation-opacity, var(--m3e-card-disabled-container-elevation-opacity, 38%))"),outlineColor:e(`var(--m3e-outlined-card-disabled-outline-color, var(--m3e-card-disabled-outline-color, ${l.color.outline}))`),outlineOpacity:e("var(--m3e-outlined-card-disabled-outline-opacity, var(--m3e-card-disabled-outline-opacity, 12%))")},hover:{textColor:e(`var(--m3e-outlined-card-hover-text-color, var(--m3e-card-hover-text-color, ${l.color.onSurface}))`),stateLayerColor:e(`var(--m3e-outlined-card-hover-state-layer-color, var(--m3e-card-hover-state-layer-color, ${l.color.onSurface}))`),stateLayerOpacity:e(`var(--m3e-outlined-card-hover-state-layer-opacity, var(--m3e-card-hover-state-layer-opacity, ${l.state.hoverStateLayerOpacity}))`),containerElevation:e(`var(--m3e-outlined-card-hover-container-elevation, var(--m3e-card-hover-container-elevation, ${l.elevation.level1}))`),outlineColor:e(`var(--m3e-outlined-card-hover-outline-color, var(--m3e-card-hover-outline-color, ${l.color.outlineVariant}))`)},focus:{textColor:e(`var(--m3e-outlined-card-focus-text-color, var(--m3e-card-focus-text-color, ${l.color.onSurface}))`),stateLayerColor:e(`var(--m3e-outlined-card-focus-state-layer-color, var(--m3e-card-focus-state-layer-color, ${l.color.onSurface}))`),stateLayerOpacity:e(`var(--m3e-outlined-card-focus-state-layer-opacity, var(--m3e-card-focus-state-layer-opacity, ${l.state.focusStateLayerOpacity}))`),containerElevation:e(`var(--m3e-outlined-card-focus-container-elevation, var(--m3e-card-focus-container-elevation, ${l.elevation.level0}))`),outlineColor:e(`var(--m3e-outlined-card-focus-outline-color, var(--m3e-card-focus-outline-color, ${l.color.onSurface}))`)},pressed:{textColor:e(`var(--m3e-outlined-card-pressed-text-color, var(--m3e-card-pressed-text-color, ${l.color.onSurface}))`),stateLayerColor:e(`var(--m3e-outlined-card-pressed-state-layer-color, var(--m3e-card-pressed-state-layer-color, ${l.color.onSurface}))`),stateLayerOpacity:e(`var(--m3e-outlined-card-pressed-state-layer-opacity, var(--m3e-card-pressed-state-layer-opacity, ${l.state.pressedStateLayerOpacity}))`),containerElevation:e(`var(--m3e-outlined-card-pressed-container-elevation, var(--m3e-card-pressed-container-elevation, ${l.elevation.level0}))`),outlineColor:e(`var(--m3e-outlined-card-pressed-outline-color, var(--m3e-card-pressed-outline-color, ${l.color.outlineVariant}))`)}}},L=t`:host { outline: none; } :host(:not([inline])) { display: block; } :host(:not([inline])) .base { display: flex; } :host([inline]) { display: inline-block; vertical-align: middle; } :host([inline]) .base { display: inline-flex; } .base { width: 100%; height: 100%; position: relative; box-sizing: border-box; border-radius: ${g}; transition: ${e(`background-color ${l.motion.duration.short4} ${l.motion.easing.standard},\n      border-color ${l.motion.duration.short4} ${l.motion.easing.standard}`)}; } :host([actionable]) { user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } :host([actionable]:not(:disabled):not([disabled-interactive])) { cursor: pointer; } :host([actionable][disabled-interactive]) { cursor: not-allowed; } :host(:not([actionable])) .focus-ring, :host(:not([actionable])) .state-layer, :host(:not([actionable])) .ripple { display: none; } :host([variant="outlined"]) .base { border-style: solid; } ::slotted([slot="content"]) { flex: 1 1 auto; } ::slotted(img), ::slotted(video) { inset: 0; object-fit: cover; } ::slotted(img[slot="header"]), ::slotted(video[slot="header"]) { border-radius: ${g}; } ::slotted([slot="actions"][end]) { justify-content: flex-end; } ::slotted([slot="header"]), ::slotted([slot="actions"]), ::slotted([slot="footer"]) { flex: none; display: flex; align-items: center; } :host([orientation="vertical"]) .base, :host([orientation="horizontal"]) ::slotted([slot="header"]), :host([orientation="horizontal"]) ::slotted([slot="actions"]), :host([orientation="horizontal"]) ::slotted([slot="footer"]) { flex-direction: column; } :host([orientation="horizontal"]) .base, :host([orientation="vertical"]) ::slotted([slot="header"]), :host([orientation="vertical"]) ::slotted([slot="actions"]), :host([orientation="vertical"]) ::slotted([slot="footer"]) { flex-direction: row; } :host([orientation="horizontal"]) ::slotted(img), :host([orientation="horizontal"]) ::slotted(video) { aspect-ratio: 16 / 9; } .has-content:not(.has-default) slot[name="content"], .has-content.has-default slot:not([name]) { display: inherit; flex-direction: inherit; flex: 1 1 auto; } .has-header slot[name="header"], .has-actions slot[name="actions"], .has-footer slot[name="footer"] { display: inherit; flex-direction: inherit; flex: none; } :host([orientation="vertical"]) .has-content:not(.has-default) slot[name="content"] { margin-inline: ${x}; } :host([orientation="vertical"]) .has-content:not(.has-default):not(.has-header) slot[name="content"] { margin-block-start: ${x}; } :host([orientation="vertical"]) .has-content:not(.has-default):not(.has-actions):not(.has-footer) slot[name="content"] { margin-block-end: ${x}; } :host([orientation="horizontal"]) .has-content:not(.has-default) slot[name="content"] { margin-block: ${x}; } :host([orientation="horizontal"]) .has-content:not(.has-default):not(.has-header) slot[name="content"] { margin-inline-start: ${x}; } :host([orientation="horizontal"]) .has-content:not(.has-default):not(.has-actions):not(.has-footer) slot[name="content"] { margin-inline-end: ${x}; } :host([orientation="vertical"]) .has-header:not(.has-header-media) slot[name="header"] { margin-inline: ${x}; margin-block-start: ${x}; } :host([orientation="horizontal"]) .has-header:not(.has-header-media) slot[name="header"] { margin-inline-start: ${x}; margin-block: ${x}; } .has-actions slot[name="actions"] { margin-inline: ${x}; margin-block: ${x}; } :host([orientation="vertical"]) .has-footer slot[name="footer"] { margin-inline: ${x}; margin-block-end: ${x}; } :host([orientation="horizontal"]) .has-footer slot[name="footer"] { margin-block: ${x}; margin-inline-end: ${x}; } a { all: unset; display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1; } @media (forced-colors: active) { .base { transition: none; } :host([variant]) .base { border-style: solid; border-color: CanvasText; border-width: ${C.outlined.outlineThickness??e("unset")}; } :host([actionable][variant]:disabled) .base, :host([actionable][variant][disabled-interactive]) .base { color: GrayText; border-color: GrayText; } } @media (prefers-reduced-motion) { .base { transition: none; } }`;function S(a){return t`:host([variant="${e(a)}"]) .base { background-color: ${C[a].containerColor??e("unset")}; box-shadow: ${C[a].containerElevation??e("unset")}; border-width: ${C[a].outlineThickness??e("unset")}; } :host([actionable][variant="${e(a)}"]) .base { --m3e-state-layer-hover-color: ${C[a].hover.stateLayerColor}; --m3e-state-layer-hover-opacity: ${C[a].hover.stateLayerOpacity}; --m3e-state-layer-focus-color: ${C[a].focus.stateLayerColor}; --m3e-state-layer-focus-opacity: ${C[a].focus.stateLayerOpacity}; --m3e-ripple-color: ${C[a].pressed.stateLayerColor}; --m3e-ripple-opacity: ${C[a].pressed.stateLayerOpacity}; --m3e-elevation-level: ${C[a].containerElevation??e("unset")}; --m3e-elevation-hover-level: ${C[a].hover.containerElevation??e("unset")}; --m3e-elevation-focus-level: ${C[a].focus.containerElevation??e("unset")}; --m3e-elevation-pressed-level: ${C[a].pressed.containerElevation??e("unset")}; } :host([variant="${e(a)}"]) .base { border-color: ${C[a].outlineColor??e("unset")}; } :host([actionable][variant="${e(a)}"]:focus .base) { border-color: ${C[a].focus.outlineColor??e("unset")}; } :host([actionable][variant="${e(a)}"]:hover .base) { border-color: ${C[a].hover.outlineColor??e("unset")}; } :host([actionable][variant="${e(a)}"]) .base.pressed { border-color: ${C[a].pressed.outlineColor??e("unset")}; } :host([variant="${e(a)}"]) .base { color: ${C[a].textColor??e("unset")}; } :host([actionable][variant="${e(a)}"]:focus) .base { color: ${C[a].focus.textColor??e("unset")}; } :host([actionable][variant="${e(a)}"]:hover) .base { color: ${C[a].hover.textColor??e("unset")}; } :host([actionable][variant="${e(a)}"]) .base.pressed { color: ${C[a].pressed.textColor??e("unset")}; } :host([actionable][variant="${e(a)}"]:disabled) .base, :host([actionable][variant="${e(a)}"][disabled-interactive]) .base { --m3e-elevation-level: ${C[a].disabled.containerElevation??e("unset")}; --m3e-elevation-color: color-mix( in srgb, ${C[a].disabled.containerElevationColor} ${C[a].disabled.containerElevationOpacity}, transparent ); color: color-mix( in srgb, ${C[a].disabled.textColor} ${C[a].disabled.textOpacity}, transparent ); background-color: ${C[a].disabled.containerColor&&C[a].disabled.containerOpacity?e(`color-mix(\n        in srgb,\n        ${C[a].disabled.containerColor} ${C[a].disabled.containerOpacity},\n        transparent\n      )`):e("unset")}; border-color: ${C[a].disabled.outlineColor&&C[a].disabled.outlineOpacity?e(`color-mix(\n        in srgb,\n        ${C[a].disabled.outlineColor} ${C[a].disabled.outlineOpacity},\n        transparent\n      )`):e("unset")}; } :host([actionable][variant="${e(a)}"]:disabled) ::slotted(img), :host([actionable][variant="${e(a)}"][disabled-interactive]) ::slotted(img), :host([actionable][variant="${e(a)}"]:disabled) ::slotted(video), :host([actionable][variant="${e(a)}"][disabled-interactive]) ::slotted(video) { opacity: ${C[a].disabled.imageOpacity}; }`}const O=[S("filled"),S("elevated"),S("outlined")];var E,k,w,z,_,R,T,I;let j=class extends(n(c(s(d(v(m(h(a),!0))))))){constructor(){super(),E.add(this),k.set(this,e=>$(this,E,"m",I).call(this,e)),this.inline=!1,this.actionable=!1,this.variant="filled",this.orientation="vertical",new u(this,{isPressedKey:e=>" "===e,callback:e=>{!this.actionable||this.disabled||this.disabledInteractive||this._base?.classList.toggle("pressed",e)}})}connectedCallback(){this.hasAttribute("actionable")&&(this.role="button"),super.connectedCallback(),this.addEventListener("click",$(this,k,"f"))}disconnectedCallback(){super.disconnectedCallback(),this._base?.classList.toggle("pressed",!1),this.removeEventListener("click",$(this,k,"f"))}render(){return o`<div class="base"><m3e-elevation class="elevation" ?disabled="${!this.actionable||this.disabled||this.disabledInteractive}"></m3e-elevation><m3e-focus-ring class="focus-ring" ?disabled="${!this.actionable||this.disabled}"></m3e-focus-ring><m3e-state-layer class="state-layer" ?disabled="${!this.actionable||this.disabled||this.disabledInteractive}"></m3e-state-layer><m3e-ripple class="ripple" ?disabled="${!this.actionable||this.disabled||this.disabledInteractive}"></m3e-ripple>${this[p]()}<slot name="header" @slotchange="${$(this,E,"m",w)}"></slot><slot name="content" @slotchange="${$(this,E,"m",z)}"><slot @slotchange="${$(this,E,"m",_)}"></slot></slot><slot name="actions" @slotchange="${$(this,E,"m",R)}"></slot><slot name="footer" @slotchange="${$(this,E,"m",T)}"></slot></div>`}firstUpdated(e){super.firstUpdated(e),[this._elevation,this._focusRing,this._stateLayer,this._ripple].forEach(e=>e?.attach(this)),!this.actionable&&this.hasAttribute("tabindex")&&this.removeAttribute("tabindex")}update(e){super.update(e),!this.actionable&&this.hasAttribute("tabindex")&&this.removeAttribute("tabindex")}};k=new WeakMap,E=new WeakSet,w=function(e){const t=e.target.assignedNodes({flatten:!0}),a=this.shadowRoot?.querySelector(".base");a?.classList.toggle("has-header",t.length>0),a?.classList.toggle("has-header-media",t.some(e=>e instanceof HTMLElement&&("IMG"===e.tagName||"VIDEO"===e.tagName)))},z=function(){this.shadowRoot?.querySelector(".base")?.classList.toggle("has-content",null!==this.querySelector("[slot='content']"))},_=function(e){this.shadowRoot?.querySelector(".base")?.classList.toggle("has-default",y(e.target)&&null===this.querySelector("[slot='content']"))},R=function(e){this.shadowRoot?.querySelector(".base")?.classList.toggle("has-actions",y(e.target))},T=function(e){this.shadowRoot?.querySelector(".base")?.classList.toggle("has-footer",y(e.target))},I=function(e){(this.disabled||this.disabledInteractive)&&(e.preventDefault(),e.stopImmediatePropagation())},j.styles=[O,L],f([r(".base")],j.prototype,"_base",void 0),f([r(".elevation")],j.prototype,"_elevation",void 0),f([r(".focus-ring")],j.prototype,"_focusRing",void 0),f([r(".state-layer")],j.prototype,"_stateLayer",void 0),f([r(".ripple")],j.prototype,"_ripple",void 0),f([i({type:Boolean})],j.prototype,"inline",void 0),f([i({type:Boolean})],j.prototype,"actionable",void 0),f([i({reflect:!0})],j.prototype,"variant",void 0),f([i({reflect:!0})],j.prototype,"orientation",void 0),j=f([b("m3e-card")],j);export{j as M3eCardElement};
 //# sourceMappingURL=card.min.js.map