\n
\n\n\n","\n
\n\n\n","import { classAdderBuilder } from '@smui/common/internal.js';\nimport H1 from '@smui/common/H1.svelte';\n\nexport default classAdderBuilder({\n class: 'mdc-drawer__title',\n component: H1,\n});\n","\n \n \n \n \n \n \n \n \n \n
\n\n\n\n","import { writable } from 'svelte/store';\n\n/*\n* To open or close, use the sidebarOpenStore with a payload of {id: 'sidebarId', isOpen: true, data: {}}\n */\nexport const sidebarOpenStore = writable({id: null, isOpen: false, data: {}});\n","\n\n\n\n\n\n","\n\n\n\n \n","/******************************************************************************\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 */\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 __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;\r\n return g = { next: verb(0), \"throw\": verb(1), \"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 (_) 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 = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\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: n === \"return\" } : 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\nexport function __importStar(mod) {\r\n if (mod && mod.__esModule) return mod;\r\n var result = {};\r\n if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\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","/**\n * @license\n * Copyright 2016 Google Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */\nvar MDCFoundation = /** @class */ (function () {\n function MDCFoundation(adapter) {\n if (adapter === void 0) { adapter = {}; }\n this.adapter = adapter;\n }\n Object.defineProperty(MDCFoundation, \"cssClasses\", {\n get: function () {\n // Classes extending MDCFoundation should implement this method to return an object which exports every\n // CSS class the foundation class needs as a property. e.g. {ACTIVE: 'mdc-component--active'}\n return {};\n },\n enumerable: false,\n configurable: true\n });\n Object.defineProperty(MDCFoundation, \"strings\", {\n get: function () {\n // Classes extending MDCFoundation should implement this method to return an object which exports all\n // semantic strings as constants. e.g. {ARIA_ROLE: 'tablist'}\n return {};\n },\n enumerable: false,\n configurable: true\n });\n Object.defineProperty(MDCFoundation, \"numbers\", {\n get: function () {\n // Classes extending MDCFoundation should implement this method to return an object which exports all\n // of its semantic numbers as constants. e.g. {ANIMATION_DELAY_MS: 350}\n return {};\n },\n enumerable: false,\n configurable: true\n });\n Object.defineProperty(MDCFoundation, \"defaultAdapter\", {\n get: function () {\n // Classes extending MDCFoundation may choose to implement this getter in order to provide a convenient\n // way of viewing the necessary methods of an adapter. In the future, this could also be used for adapter\n // validation.\n return {};\n },\n enumerable: false,\n configurable: true\n });\n MDCFoundation.prototype.init = function () {\n // Subclasses should override this method to perform initialization routines (registering events, etc.)\n };\n MDCFoundation.prototype.destroy = function () {\n // Subclasses should override this method to perform de-initialization routines (de-registering events, etc.)\n };\n return MDCFoundation;\n}());\nexport { MDCFoundation };\n// tslint:disable-next-line:no-default-export Needed for backward compatibility with MDC Web v0.44.0 and earlier.\nexport default MDCFoundation;\n//# sourceMappingURL=foundation.js.map","/**\n * @license\n * Copyright 2020 Google Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */\nvar CssClasses;\n(function (CssClasses) {\n CssClasses[\"RICH\"] = \"mdc-tooltip--rich\";\n CssClasses[\"SHOWN\"] = \"mdc-tooltip--shown\";\n CssClasses[\"SHOWING\"] = \"mdc-tooltip--showing\";\n CssClasses[\"SHOWING_TRANSITION\"] = \"mdc-tooltip--showing-transition\";\n CssClasses[\"HIDE\"] = \"mdc-tooltip--hide\";\n CssClasses[\"HIDE_TRANSITION\"] = \"mdc-tooltip--hide-transition\";\n CssClasses[\"MULTILINE_TOOLTIP\"] = \"mdc-tooltip--multiline\";\n CssClasses[\"SURFACE\"] = \"mdc-tooltip__surface\";\n CssClasses[\"TOOLTIP_CARET_TOP\"] = \"mdc-tooltip__caret-surface-top\";\n CssClasses[\"TOOLTIP_CARET_BOTTOM\"] = \"mdc-tooltip__caret-surface-bottom\";\n})(CssClasses || (CssClasses = {}));\nvar numbers = {\n BOUNDED_ANCHOR_GAP: 4,\n UNBOUNDED_ANCHOR_GAP: 8,\n MIN_VIEWPORT_TOOLTIP_THRESHOLD: 8,\n HIDE_DELAY_MS: 600,\n SHOW_DELAY_MS: 500,\n // LINT.IfChange(tooltip-dimensions)\n MIN_HEIGHT: 24,\n MAX_WIDTH: 200,\n // LINT.ThenChange(_tooltip.scss:tooltip-dimensions)\n CARET_INDENTATION: 24,\n};\nvar attributes = {\n ARIA_EXPANDED: 'aria-expanded',\n ARIA_HASPOPUP: 'aria-haspopup',\n PERSISTENT: 'data-mdc-tooltip-persistent',\n SCROLLABLE_ANCESTOR: 'tooltip-scrollable-ancestor',\n HAS_CARET: 'data-mdc-tooltip-has-caret',\n};\nvar events = {\n HIDDEN: 'MDCTooltip:hidden',\n};\n/** Enum for possible tooltip positioning relative to its anchor element. */\nvar XPosition;\n(function (XPosition) {\n XPosition[XPosition[\"DETECTED\"] = 0] = \"DETECTED\";\n XPosition[XPosition[\"START\"] = 1] = \"START\";\n // Note: CENTER is not valid for rich tooltips.\n XPosition[XPosition[\"CENTER\"] = 2] = \"CENTER\";\n XPosition[XPosition[\"END\"] = 3] = \"END\";\n})(XPosition || (XPosition = {}));\nvar YPosition;\n(function (YPosition) {\n YPosition[YPosition[\"DETECTED\"] = 0] = \"DETECTED\";\n YPosition[YPosition[\"ABOVE\"] = 1] = \"ABOVE\";\n YPosition[YPosition[\"BELOW\"] = 2] = \"BELOW\";\n})(YPosition || (YPosition = {}));\n/**\n * Enum for possible anchor boundary types. This determines the gap between the\n * bottom of the anchor and the tooltip element.\n * Bounded anchors have an identifiable boundary (e.g. buttons).\n * Unbounded anchors don't have a visually declared boundary (e.g. plain text).\n */\nvar AnchorBoundaryType;\n(function (AnchorBoundaryType) {\n AnchorBoundaryType[AnchorBoundaryType[\"BOUNDED\"] = 0] = \"BOUNDED\";\n AnchorBoundaryType[AnchorBoundaryType[\"UNBOUNDED\"] = 1] = \"UNBOUNDED\";\n})(AnchorBoundaryType || (AnchorBoundaryType = {}));\nvar strings = {\n LEFT: 'left',\n RIGHT: 'right',\n CENTER: 'center',\n TOP: 'top',\n BOTTOM: 'bottom'\n};\n/**\n * Enum for possible positions of a tooltip with caret (this specifies the\n * positioning of the tooltip relative to the anchor -- the position of the\n * caret will follow that of the tooltip). This can NOT be combined with the\n * above X/YPosition options. Naming for the enums follows: (vertical\n * placement)_(horizontal placement).\n */\nvar PositionWithCaret;\n(function (PositionWithCaret) {\n PositionWithCaret[PositionWithCaret[\"DETECTED\"] = 0] = \"DETECTED\";\n PositionWithCaret[PositionWithCaret[\"ABOVE_START\"] = 1] = \"ABOVE_START\";\n PositionWithCaret[PositionWithCaret[\"ABOVE_CENTER\"] = 2] = \"ABOVE_CENTER\";\n PositionWithCaret[PositionWithCaret[\"ABOVE_END\"] = 3] = \"ABOVE_END\";\n PositionWithCaret[PositionWithCaret[\"TOP_SIDE_START\"] = 4] = \"TOP_SIDE_START\";\n PositionWithCaret[PositionWithCaret[\"CENTER_SIDE_START\"] = 5] = \"CENTER_SIDE_START\";\n PositionWithCaret[PositionWithCaret[\"BOTTOM_SIDE_START\"] = 6] = \"BOTTOM_SIDE_START\";\n PositionWithCaret[PositionWithCaret[\"TOP_SIDE_END\"] = 7] = \"TOP_SIDE_END\";\n PositionWithCaret[PositionWithCaret[\"CENTER_SIDE_END\"] = 8] = \"CENTER_SIDE_END\";\n PositionWithCaret[PositionWithCaret[\"BOTTOM_SIDE_END\"] = 9] = \"BOTTOM_SIDE_END\";\n PositionWithCaret[PositionWithCaret[\"BELOW_START\"] = 10] = \"BELOW_START\";\n PositionWithCaret[PositionWithCaret[\"BELOW_CENTER\"] = 11] = \"BELOW_CENTER\";\n PositionWithCaret[PositionWithCaret[\"BELOW_END\"] = 12] = \"BELOW_END\";\n})(PositionWithCaret || (PositionWithCaret = {}));\nexport { CssClasses, numbers, attributes, events, XPosition, AnchorBoundaryType, YPosition, strings, PositionWithCaret, };\n//# sourceMappingURL=constants.js.map","/**\n * @license\n * Copyright 2020 Google Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */\n/**\n * AnimationFrame provides a user-friendly abstraction around requesting\n * and canceling animation frames.\n */\nvar AnimationFrame = /** @class */ (function () {\n function AnimationFrame() {\n this.rafIDs = new Map();\n }\n /**\n * Requests an animation frame. Cancels any existing frame with the same key.\n * @param {string} key The key for this callback.\n * @param {FrameRequestCallback} callback The callback to be executed.\n */\n AnimationFrame.prototype.request = function (key, callback) {\n var _this = this;\n this.cancel(key);\n var frameID = requestAnimationFrame(function (frame) {\n _this.rafIDs.delete(key);\n // Callback must come *after* the key is deleted so that nested calls to\n // request with the same key are not deleted.\n callback(frame);\n });\n this.rafIDs.set(key, frameID);\n };\n /**\n * Cancels a queued callback with the given key.\n * @param {string} key The key for this callback.\n */\n AnimationFrame.prototype.cancel = function (key) {\n var rafID = this.rafIDs.get(key);\n if (rafID) {\n cancelAnimationFrame(rafID);\n this.rafIDs.delete(key);\n }\n };\n /**\n * Cancels all queued callback.\n */\n AnimationFrame.prototype.cancelAll = function () {\n var _this = this;\n // Need to use forEach because it's the only iteration method supported\n // by IE11. Suppress the underscore because we don't need it.\n // tslint:disable-next-line:enforce-name-casing\n this.rafIDs.forEach(function (_, key) {\n _this.cancel(key);\n });\n };\n /**\n * Returns the queue of unexecuted callback keys.\n */\n AnimationFrame.prototype.getQueue = function () {\n var queue = [];\n // Need to use forEach because it's the only iteration method supported\n // by IE11. Suppress the underscore because we don't need it.\n // tslint:disable-next-line:enforce-name-casing\n this.rafIDs.forEach(function (_, key) {\n queue.push(key);\n });\n return queue;\n };\n return AnimationFrame;\n}());\nexport { AnimationFrame };\n//# sourceMappingURL=animationframe.js.map","/**\n * @license\n * Copyright 2016 Google Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */\nvar cssPropertyNameMap = {\n animation: {\n prefixed: '-webkit-animation',\n standard: 'animation',\n },\n transform: {\n prefixed: '-webkit-transform',\n standard: 'transform',\n },\n transition: {\n prefixed: '-webkit-transition',\n standard: 'transition',\n },\n};\nvar jsEventTypeMap = {\n animationend: {\n cssProperty: 'animation',\n prefixed: 'webkitAnimationEnd',\n standard: 'animationend',\n },\n animationiteration: {\n cssProperty: 'animation',\n prefixed: 'webkitAnimationIteration',\n standard: 'animationiteration',\n },\n animationstart: {\n cssProperty: 'animation',\n prefixed: 'webkitAnimationStart',\n standard: 'animationstart',\n },\n transitionend: {\n cssProperty: 'transition',\n prefixed: 'webkitTransitionEnd',\n standard: 'transitionend',\n },\n};\nfunction isWindow(windowObj) {\n return Boolean(windowObj.document) && typeof windowObj.document.createElement === 'function';\n}\nexport function getCorrectPropertyName(windowObj, cssProperty) {\n if (isWindow(windowObj) && cssProperty in cssPropertyNameMap) {\n var el = windowObj.document.createElement('div');\n var _a = cssPropertyNameMap[cssProperty], standard = _a.standard, prefixed = _a.prefixed;\n var isStandard = standard in el.style;\n return isStandard ? standard : prefixed;\n }\n return cssProperty;\n}\nexport function getCorrectEventName(windowObj, eventType) {\n if (isWindow(windowObj) && eventType in jsEventTypeMap) {\n var el = windowObj.document.createElement('div');\n var _a = jsEventTypeMap[eventType], standard = _a.standard, prefixed = _a.prefixed, cssProperty = _a.cssProperty;\n var isStandard = cssProperty in el.style;\n return isStandard ? standard : prefixed;\n }\n return eventType;\n}\n//# sourceMappingURL=util.js.map","/**\n * @license\n * Copyright 2020 Google Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */\n/**\n * KEY provides normalized string values for keys.\n */\nexport var KEY = {\n UNKNOWN: 'Unknown',\n BACKSPACE: 'Backspace',\n ENTER: 'Enter',\n SPACEBAR: 'Spacebar',\n PAGE_UP: 'PageUp',\n PAGE_DOWN: 'PageDown',\n END: 'End',\n HOME: 'Home',\n ARROW_LEFT: 'ArrowLeft',\n ARROW_UP: 'ArrowUp',\n ARROW_RIGHT: 'ArrowRight',\n ARROW_DOWN: 'ArrowDown',\n DELETE: 'Delete',\n ESCAPE: 'Escape',\n TAB: 'Tab',\n};\nvar normalizedKeys = new Set();\n// IE11 has no support for new Map with iterable so we need to initialize this\n// by hand.\nnormalizedKeys.add(KEY.BACKSPACE);\nnormalizedKeys.add(KEY.ENTER);\nnormalizedKeys.add(KEY.SPACEBAR);\nnormalizedKeys.add(KEY.PAGE_UP);\nnormalizedKeys.add(KEY.PAGE_DOWN);\nnormalizedKeys.add(KEY.END);\nnormalizedKeys.add(KEY.HOME);\nnormalizedKeys.add(KEY.ARROW_LEFT);\nnormalizedKeys.add(KEY.ARROW_UP);\nnormalizedKeys.add(KEY.ARROW_RIGHT);\nnormalizedKeys.add(KEY.ARROW_DOWN);\nnormalizedKeys.add(KEY.DELETE);\nnormalizedKeys.add(KEY.ESCAPE);\nnormalizedKeys.add(KEY.TAB);\nvar KEY_CODE = {\n BACKSPACE: 8,\n ENTER: 13,\n SPACEBAR: 32,\n PAGE_UP: 33,\n PAGE_DOWN: 34,\n END: 35,\n HOME: 36,\n ARROW_LEFT: 37,\n ARROW_UP: 38,\n ARROW_RIGHT: 39,\n ARROW_DOWN: 40,\n DELETE: 46,\n ESCAPE: 27,\n TAB: 9,\n};\nvar mappedKeyCodes = new Map();\n// IE11 has no support for new Map with iterable so we need to initialize this\n// by hand.\nmappedKeyCodes.set(KEY_CODE.BACKSPACE, KEY.BACKSPACE);\nmappedKeyCodes.set(KEY_CODE.ENTER, KEY.ENTER);\nmappedKeyCodes.set(KEY_CODE.SPACEBAR, KEY.SPACEBAR);\nmappedKeyCodes.set(KEY_CODE.PAGE_UP, KEY.PAGE_UP);\nmappedKeyCodes.set(KEY_CODE.PAGE_DOWN, KEY.PAGE_DOWN);\nmappedKeyCodes.set(KEY_CODE.END, KEY.END);\nmappedKeyCodes.set(KEY_CODE.HOME, KEY.HOME);\nmappedKeyCodes.set(KEY_CODE.ARROW_LEFT, KEY.ARROW_LEFT);\nmappedKeyCodes.set(KEY_CODE.ARROW_UP, KEY.ARROW_UP);\nmappedKeyCodes.set(KEY_CODE.ARROW_RIGHT, KEY.ARROW_RIGHT);\nmappedKeyCodes.set(KEY_CODE.ARROW_DOWN, KEY.ARROW_DOWN);\nmappedKeyCodes.set(KEY_CODE.DELETE, KEY.DELETE);\nmappedKeyCodes.set(KEY_CODE.ESCAPE, KEY.ESCAPE);\nmappedKeyCodes.set(KEY_CODE.TAB, KEY.TAB);\nvar navigationKeys = new Set();\n// IE11 has no support for new Set with iterable so we need to initialize this\n// by hand.\nnavigationKeys.add(KEY.PAGE_UP);\nnavigationKeys.add(KEY.PAGE_DOWN);\nnavigationKeys.add(KEY.END);\nnavigationKeys.add(KEY.HOME);\nnavigationKeys.add(KEY.ARROW_LEFT);\nnavigationKeys.add(KEY.ARROW_UP);\nnavigationKeys.add(KEY.ARROW_RIGHT);\nnavigationKeys.add(KEY.ARROW_DOWN);\n/**\n * normalizeKey returns the normalized string for a navigational action.\n */\nexport function normalizeKey(evt) {\n var key = evt.key;\n // If the event already has a normalized key, return it\n if (normalizedKeys.has(key)) {\n return key;\n }\n // tslint:disable-next-line:deprecation\n var mappedKey = mappedKeyCodes.get(evt.keyCode);\n if (mappedKey) {\n return mappedKey;\n }\n return KEY.UNKNOWN;\n}\n/**\n * isNavigationEvent returns whether the event is a navigation event\n */\nexport function isNavigationEvent(evt) {\n return navigationKeys.has(normalizeKey(evt));\n}\n//# sourceMappingURL=keyboard.js.map","/**\n * @license\n * Copyright 2020 Google Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */\nimport { __assign, __extends, __values } from \"tslib\";\nimport { AnimationFrame } from '@material/animation/animationframe';\nimport { getCorrectPropertyName } from '@material/animation/util';\nimport { MDCFoundation } from '@material/base/foundation';\nimport { KEY, normalizeKey } from '@material/dom/keyboard';\nimport { AnchorBoundaryType, attributes, CssClasses, numbers, PositionWithCaret, strings, XPosition, YPosition } from './constants';\nvar RICH = CssClasses.RICH, SHOWN = CssClasses.SHOWN, SHOWING = CssClasses.SHOWING, SHOWING_TRANSITION = CssClasses.SHOWING_TRANSITION, HIDE = CssClasses.HIDE, HIDE_TRANSITION = CssClasses.HIDE_TRANSITION, MULTILINE_TOOLTIP = CssClasses.MULTILINE_TOOLTIP;\nvar AnimationKeys;\n(function (AnimationKeys) {\n AnimationKeys[\"POLL_ANCHOR\"] = \"poll_anchor\";\n})(AnimationKeys || (AnimationKeys = {}));\n// Accessing `window` without a `typeof` check will throw on Node environments.\nvar HAS_WINDOW = typeof window !== 'undefined';\nvar MDCTooltipFoundation = /** @class */ (function (_super) {\n __extends(MDCTooltipFoundation, _super);\n function MDCTooltipFoundation(adapter) {\n var _this = _super.call(this, __assign(__assign({}, MDCTooltipFoundation.defaultAdapter), adapter)) || this;\n _this.tooltipShown = false;\n _this.anchorGap = numbers.BOUNDED_ANCHOR_GAP;\n _this.xTooltipPos = XPosition.DETECTED;\n _this.yTooltipPos = YPosition.DETECTED;\n _this.tooltipPositionWithCaret = PositionWithCaret.DETECTED;\n // Minimum threshold distance needed between the tooltip and the viewport.\n _this.minViewportTooltipThreshold = numbers.MIN_VIEWPORT_TOOLTIP_THRESHOLD;\n _this.hideDelayMs = numbers.HIDE_DELAY_MS;\n _this.showDelayMs = numbers.SHOW_DELAY_MS;\n _this.anchorRect = null;\n _this.parentRect = null;\n _this.frameId = null;\n _this.hideTimeout = null;\n _this.showTimeout = null;\n _this.addAncestorScrollEventListeners = new Array();\n _this.removeAncestorScrollEventListeners = new Array();\n _this.animFrame = new AnimationFrame();\n _this.anchorBlurHandler = function (evt) {\n _this.handleAnchorBlur(evt);\n };\n _this.documentClickHandler = function (evt) {\n _this.handleDocumentClick(evt);\n };\n _this.documentKeydownHandler = function (evt) {\n _this.handleKeydown(evt);\n };\n _this.richTooltipMouseEnterHandler = function () {\n _this.handleRichTooltipMouseEnter();\n };\n _this.richTooltipMouseLeaveHandler = function () {\n _this.handleRichTooltipMouseLeave();\n };\n _this.richTooltipFocusOutHandler = function (evt) {\n _this.handleRichTooltipFocusOut(evt);\n };\n _this.windowScrollHandler = function () {\n _this.handleWindowChangeEvent();\n };\n _this.windowResizeHandler = function () {\n _this.handleWindowChangeEvent();\n };\n return _this;\n }\n Object.defineProperty(MDCTooltipFoundation, \"defaultAdapter\", {\n get: function () {\n return {\n getAttribute: function () { return null; },\n setAttribute: function () { return undefined; },\n addClass: function () { return undefined; },\n hasClass: function () { return false; },\n removeClass: function () { return undefined; },\n getComputedStyleProperty: function () { return ''; },\n setStyleProperty: function () { return undefined; },\n setSurfaceStyleProperty: function () { return undefined; },\n getViewportWidth: function () { return 0; },\n getViewportHeight: function () { return 0; },\n getTooltipSize: function () { return ({ width: 0, height: 0 }); },\n getAnchorBoundingRect: function () {\n return ({ top: 0, right: 0, bottom: 0, left: 0, width: 0, height: 0 });\n },\n getParentBoundingRect: function () {\n return ({ top: 0, right: 0, bottom: 0, left: 0, width: 0, height: 0 });\n },\n getAnchorAttribute: function () { return null; },\n setAnchorAttribute: function () { return null; },\n isRTL: function () { return false; },\n anchorContainsElement: function () { return false; },\n tooltipContainsElement: function () { return false; },\n focusAnchorElement: function () { return undefined; },\n registerEventHandler: function () { return undefined; },\n deregisterEventHandler: function () { return undefined; },\n registerAnchorEventHandler: function () { return undefined; },\n deregisterAnchorEventHandler: function () { return undefined; },\n registerDocumentEventHandler: function () { return undefined; },\n deregisterDocumentEventHandler: function () { return undefined; },\n registerWindowEventHandler: function () { return undefined; },\n deregisterWindowEventHandler: function () { return undefined; },\n notifyHidden: function () { return undefined; },\n getTooltipCaretSize: function () { return null; },\n setTooltipCaretStyle: function () { return undefined; },\n clearTooltipCaretStyles: function () { return undefined; },\n };\n },\n enumerable: false,\n configurable: true\n });\n MDCTooltipFoundation.prototype.init = function () {\n this.richTooltip = this.adapter.hasClass(RICH);\n this.persistentTooltip =\n this.adapter.getAttribute(attributes.PERSISTENT) === 'true';\n this.interactiveTooltip =\n !!this.adapter.getAnchorAttribute(attributes.ARIA_EXPANDED) &&\n this.adapter.getAnchorAttribute(attributes.ARIA_HASPOPUP) === 'dialog';\n this.hasCaret = this.richTooltip &&\n this.adapter.getAttribute(attributes.HAS_CARET) === 'true';\n };\n MDCTooltipFoundation.prototype.isShown = function () {\n return this.tooltipShown;\n };\n MDCTooltipFoundation.prototype.isRich = function () {\n return this.richTooltip;\n };\n MDCTooltipFoundation.prototype.isPersistent = function () {\n return this.persistentTooltip;\n };\n MDCTooltipFoundation.prototype.handleAnchorMouseEnter = function () {\n var _this = this;\n if (this.tooltipShown) {\n // Covers the instance where a user hovers over the anchor to reveal the\n // tooltip, and then quickly navigates away and then back to the anchor.\n // The tooltip should stay visible without animating out and then back in\n // again.\n this.show();\n }\n else {\n // clearHideTimeout here since handleAnchorMouseLeave sets a hideTimeout\n // and that can execute before the showTimeout executes, resulting in hide\n // being called and the showTimeout set below to be cleared.\n this.clearHideTimeout();\n this.showTimeout = setTimeout(function () {\n _this.show();\n }, this.showDelayMs);\n }\n };\n MDCTooltipFoundation.prototype.handleAnchorTouchstart = function () {\n var _this = this;\n this.showTimeout = setTimeout(function () {\n _this.show();\n }, this.showDelayMs);\n // Prevent a context menu from appearing if user is long-pressing on a\n // tooltip anchor.\n this.adapter.registerWindowEventHandler('contextmenu', this.preventContextMenuOnLongTouch);\n };\n MDCTooltipFoundation.prototype.preventContextMenuOnLongTouch = function (evt) {\n evt.preventDefault();\n };\n MDCTooltipFoundation.prototype.handleAnchorTouchend = function () {\n this.clearShowTimeout();\n // Only remove the 'contextmenu' listener if the tooltip is not shown. When\n // the tooltip *is* shown, listener is removed in the close method.\n if (!this.isShown()) {\n this.adapter.deregisterWindowEventHandler('contextmenu', this.preventContextMenuOnLongTouch);\n }\n };\n MDCTooltipFoundation.prototype.handleAnchorFocus = function (evt) {\n var _this = this;\n // TODO(b/157075286): Need to add some way to distinguish keyboard\n // navigation focus events from other focus events, and only show the\n // tooltip on the former of these events.\n var relatedTarget = evt.relatedTarget;\n var tooltipContainsRelatedTarget = relatedTarget instanceof HTMLElement &&\n this.adapter.tooltipContainsElement(relatedTarget);\n // Do not show tooltip if the previous focus was on a tooltip element. This\n // occurs when a rich tooltip is closed and focus is restored to the anchor\n // or when user tab-navigates back into the anchor from the rich tooltip.\n if (tooltipContainsRelatedTarget) {\n return;\n }\n this.showTimeout = setTimeout(function () {\n _this.show();\n }, this.showDelayMs);\n };\n MDCTooltipFoundation.prototype.handleAnchorMouseLeave = function () {\n var _this = this;\n this.clearShowTimeout();\n this.hideTimeout = setTimeout(function () {\n _this.hide();\n }, this.hideDelayMs);\n };\n MDCTooltipFoundation.prototype.handleAnchorClick = function () {\n if (this.tooltipShown) {\n this.hide();\n }\n else {\n this.show();\n }\n };\n MDCTooltipFoundation.prototype.handleDocumentClick = function (evt) {\n var anchorOrTooltipContainsTargetElement = evt.target instanceof HTMLElement &&\n (this.adapter.anchorContainsElement(evt.target) ||\n this.adapter.tooltipContainsElement(evt.target));\n // For persistent rich tooltips, we will not hide if:\n // - The click target is within the anchor element. Otherwise, both\n // the anchor element's click handler and this handler will handle the\n // click (due to event propagation), resulting in a shown tooltip\n // being immediately hidden if the tooltip was initially hidden.\n // - The click target is within the tooltip element, since clicks\n // on the tooltip do not close the tooltip.\n if (this.richTooltip && this.persistentTooltip &&\n anchorOrTooltipContainsTargetElement) {\n return;\n }\n // Hide the tooltip immediately on click.\n this.hide();\n };\n MDCTooltipFoundation.prototype.handleKeydown = function (evt) {\n // Hide the tooltip immediately on ESC key.\n var key = normalizeKey(evt);\n if (key === KEY.ESCAPE) {\n var tooltipContainsActiveElement = document.activeElement instanceof HTMLElement &&\n this.adapter.tooltipContainsElement(document.activeElement);\n if (tooltipContainsActiveElement) {\n this.adapter.focusAnchorElement();\n }\n this.hide();\n }\n };\n MDCTooltipFoundation.prototype.handleAnchorBlur = function (evt) {\n if (this.richTooltip) {\n var tooltipContainsRelatedTargetElement = evt.relatedTarget instanceof HTMLElement &&\n this.adapter.tooltipContainsElement(evt.relatedTarget);\n // If focus changed to the tooltip element, don't hide the tooltip.\n if (tooltipContainsRelatedTargetElement) {\n return;\n }\n }\n // Hide tooltip immediately on focus change.\n this.hide();\n };\n MDCTooltipFoundation.prototype.handleRichTooltipMouseEnter = function () {\n this.show();\n };\n MDCTooltipFoundation.prototype.handleRichTooltipMouseLeave = function () {\n var _this = this;\n this.clearShowTimeout();\n this.hideTimeout = setTimeout(function () {\n _this.hide();\n }, this.hideDelayMs);\n };\n MDCTooltipFoundation.prototype.handleRichTooltipFocusOut = function (evt) {\n var anchorOrTooltipContainsRelatedTargetElement = evt.relatedTarget instanceof HTMLElement &&\n (this.adapter.anchorContainsElement(evt.relatedTarget) ||\n this.adapter.tooltipContainsElement(evt.relatedTarget));\n // If the focus is still within the anchor or the tooltip, do not hide the\n // tooltip.\n if (anchorOrTooltipContainsRelatedTargetElement) {\n return;\n }\n this.hide();\n };\n /**\n * On window resize or scroll, check the anchor position and size and\n * repostion tooltip if necessary.\n */\n MDCTooltipFoundation.prototype.handleWindowChangeEvent = function () {\n var _this = this;\n // Since scroll and resize events can fire at a high rate, we throttle\n // the potential re-positioning of tooltip component using\n // requestAnimationFrame.\n this.animFrame.request(AnimationKeys.POLL_ANCHOR, function () {\n _this.repositionTooltipOnAnchorMove();\n });\n };\n MDCTooltipFoundation.prototype.show = function () {\n var e_1, _a;\n var _this = this;\n this.clearHideTimeout();\n this.clearShowTimeout();\n if (this.tooltipShown) {\n return;\n }\n this.tooltipShown = true;\n var showTooltipOptions = this.parseShowTooltipOptions();\n if (!showTooltipOptions.hideFromScreenreader) {\n this.adapter.setAttribute('aria-hidden', 'false');\n }\n if (this.richTooltip) {\n if (this.interactiveTooltip) {\n this.adapter.setAnchorAttribute('aria-expanded', 'true');\n }\n this.adapter.registerEventHandler('focusout', this.richTooltipFocusOutHandler);\n if (!this.persistentTooltip) {\n this.adapter.registerEventHandler('mouseenter', this.richTooltipMouseEnterHandler);\n this.adapter.registerEventHandler('mouseleave', this.richTooltipMouseLeaveHandler);\n }\n }\n this.adapter.removeClass(HIDE);\n this.adapter.addClass(SHOWING);\n if (this.isTooltipMultiline() && !this.richTooltip) {\n this.adapter.addClass(MULTILINE_TOOLTIP);\n }\n this.anchorRect = this.adapter.getAnchorBoundingRect();\n this.parentRect = this.adapter.getParentBoundingRect();\n this.richTooltip ? this.positionRichTooltip() : this.positionPlainTooltip();\n // TODO(b/182906431): Position of the tooltip caret should be informed by\n // the position of the tooltip.\n if (this.hasCaret) {\n this.setCaretPositionStyles(this.tooltipPositionWithCaret);\n }\n this.adapter.registerAnchorEventHandler('blur', this.anchorBlurHandler);\n this.adapter.registerDocumentEventHandler('click', this.documentClickHandler);\n this.adapter.registerDocumentEventHandler('keydown', this.documentKeydownHandler);\n this.adapter.registerWindowEventHandler('scroll', this.windowScrollHandler);\n this.adapter.registerWindowEventHandler('resize', this.windowResizeHandler);\n try {\n // Register any additional scroll handlers\n for (var _b = __values(this.addAncestorScrollEventListeners), _c = _b.next(); !_c.done; _c = _b.next()) {\n var fn = _c.value;\n fn();\n }\n }\n catch (e_1_1) { e_1 = { error: e_1_1 }; }\n finally {\n try {\n if (_c && !_c.done && (_a = _b.return)) _a.call(_b);\n }\n finally { if (e_1) throw e_1.error; }\n }\n this.frameId = requestAnimationFrame(function () {\n _this.clearAllAnimationClasses();\n _this.adapter.addClass(SHOWN);\n _this.adapter.addClass(SHOWING_TRANSITION);\n });\n };\n MDCTooltipFoundation.prototype.hide = function () {\n var e_2, _a;\n this.clearHideTimeout();\n this.clearShowTimeout();\n if (!this.tooltipShown) {\n return;\n }\n if (this.frameId) {\n cancelAnimationFrame(this.frameId);\n }\n this.tooltipShown = false;\n this.adapter.setAttribute('aria-hidden', 'true');\n this.adapter.deregisterEventHandler('focusout', this.richTooltipFocusOutHandler);\n if (this.richTooltip) {\n if (this.interactiveTooltip) {\n this.adapter.setAnchorAttribute('aria-expanded', 'false');\n }\n if (!this.persistentTooltip) {\n this.adapter.deregisterEventHandler('mouseenter', this.richTooltipMouseEnterHandler);\n this.adapter.deregisterEventHandler('mouseleave', this.richTooltipMouseLeaveHandler);\n }\n }\n this.clearAllAnimationClasses();\n this.adapter.addClass(HIDE);\n this.adapter.addClass(HIDE_TRANSITION);\n this.adapter.removeClass(SHOWN);\n this.adapter.deregisterAnchorEventHandler('blur', this.anchorBlurHandler);\n this.adapter.deregisterDocumentEventHandler('click', this.documentClickHandler);\n this.adapter.deregisterDocumentEventHandler('keydown', this.documentKeydownHandler);\n this.adapter.deregisterWindowEventHandler('scroll', this.windowScrollHandler);\n this.adapter.deregisterWindowEventHandler('resize', this.windowResizeHandler);\n this.adapter.deregisterWindowEventHandler('contextmenu', this.preventContextMenuOnLongTouch);\n try {\n // Deregister any additional scroll handlers\n for (var _b = __values(this.removeAncestorScrollEventListeners), _c = _b.next(); !_c.done; _c = _b.next()) {\n var fn = _c.value;\n fn();\n }\n }\n catch (e_2_1) { e_2 = { error: e_2_1 }; }\n finally {\n try {\n if (_c && !_c.done && (_a = _b.return)) _a.call(_b);\n }\n finally { if (e_2) throw e_2.error; }\n }\n };\n MDCTooltipFoundation.prototype.handleTransitionEnd = function () {\n var isHidingTooltip = this.adapter.hasClass(HIDE);\n this.adapter.removeClass(SHOWING);\n this.adapter.removeClass(SHOWING_TRANSITION);\n this.adapter.removeClass(HIDE);\n this.adapter.removeClass(HIDE_TRANSITION);\n // If handleTransitionEnd is called after hiding the tooltip, the tooltip\n // will have the HIDE class (before calling the adapter removeClass method).\n // If tooltip is now hidden, send a notification that the animation has\n // completed and the tooltip is no longer visible.\n if (isHidingTooltip) {\n this.adapter.notifyHidden();\n }\n };\n MDCTooltipFoundation.prototype.clearAllAnimationClasses = function () {\n this.adapter.removeClass(SHOWING_TRANSITION);\n this.adapter.removeClass(HIDE_TRANSITION);\n };\n MDCTooltipFoundation.prototype.setTooltipPosition = function (position) {\n var xPos = position.xPos, yPos = position.yPos, withCaretPos = position.withCaretPos;\n if (this.hasCaret && withCaretPos) {\n this.tooltipPositionWithCaret = withCaretPos;\n return;\n }\n if (xPos) {\n this.xTooltipPos = xPos;\n }\n if (yPos) {\n this.yTooltipPos = yPos;\n }\n };\n MDCTooltipFoundation.prototype.setAnchorBoundaryType = function (type) {\n if (type === AnchorBoundaryType.UNBOUNDED) {\n this.anchorGap = numbers.UNBOUNDED_ANCHOR_GAP;\n }\n else {\n this.anchorGap = numbers.BOUNDED_ANCHOR_GAP;\n }\n };\n MDCTooltipFoundation.prototype.parseShowTooltipOptions = function () {\n var hideFromScreenreader = Boolean(this.adapter.getAnchorAttribute('data-tooltip-id'));\n return { hideFromScreenreader: hideFromScreenreader };\n };\n MDCTooltipFoundation.prototype.isTooltipMultiline = function () {\n var tooltipSize = this.adapter.getTooltipSize();\n return tooltipSize.height > numbers.MIN_HEIGHT &&\n tooltipSize.width >= numbers.MAX_WIDTH;\n };\n MDCTooltipFoundation.prototype.positionPlainTooltip = function () {\n // A plain tooltip has `fixed` positioning and is placed as an immediate\n // child of the document body. Its positioning is calculated with respect to\n // the viewport.\n var _a = this.calculateTooltipStyles(this.anchorRect), top = _a.top, yTransformOrigin = _a.yTransformOrigin, left = _a.left, xTransformOrigin = _a.xTransformOrigin;\n var transformProperty = HAS_WINDOW ? getCorrectPropertyName(window, 'transform') : 'transform';\n this.adapter.setSurfaceStyleProperty(transformProperty + \"-origin\", yTransformOrigin + \" \" + xTransformOrigin);\n this.adapter.setStyleProperty('top', top + \"px\");\n this.adapter.setStyleProperty('left', left + \"px\");\n };\n MDCTooltipFoundation.prototype.positionRichTooltip = function () {\n // TODO(b/177686782): Remove width setting when max-content is used to style\n // the rich tooltip.\n var _a, _b, _c, _d;\n // getComputedStyleProperty is used instead of getTooltipSize since\n // getTooltipSize returns the offSetWidth, which includes the border and\n // padding. What we need is the width of the tooltip without border and\n // padding.\n var width = this.adapter.getComputedStyleProperty('width');\n // When rich tooltips are positioned within their parent containers, the\n // tooltip width might be shrunk if it collides with the edge of the parent\n // container. We set the width of the tooltip to prevent this.\n this.adapter.setStyleProperty('width', width);\n var _e = this.calculateTooltipStyles(this.anchorRect), top = _e.top, yTransformOrigin = _e.yTransformOrigin, left = _e.left, xTransformOrigin = _e.xTransformOrigin;\n var transformProperty = HAS_WINDOW ? getCorrectPropertyName(window, 'transform') : 'transform';\n this.adapter.setSurfaceStyleProperty(transformProperty + \"-origin\", yTransformOrigin + \" \" + xTransformOrigin);\n // A rich tooltip has `absolute` positioning and is placed as a sibling to\n // the anchor element. Its positioning is calculated with respect to the\n // parent element, and so the values need to be adjusted against the parent\n // element.\n var leftAdjustment = left - ((_b = (_a = this.parentRect) === null || _a === void 0 ? void 0 : _a.left) !== null && _b !== void 0 ? _b : 0);\n var topAdjustment = top - ((_d = (_c = this.parentRect) === null || _c === void 0 ? void 0 : _c.top) !== null && _d !== void 0 ? _d : 0);\n this.adapter.setStyleProperty('top', topAdjustment + \"px\");\n this.adapter.setStyleProperty('left', leftAdjustment + \"px\");\n };\n /**\n * Calculates the position of the tooltip. A tooltip will be placed beneath\n * the anchor element and aligned either with the 'start'/'end' edge of the\n * anchor element or the 'center'.\n *\n * Tooltip alignment is selected such that the tooltip maintains a threshold\n * distance away from the viewport (defaulting to 'center' alignment). If the\n * placement of the anchor prevents this threshold distance from being\n * maintained, the tooltip is positioned so that it does not collide with the\n * viewport.\n *\n * Users can specify an alignment, however, if this alignment results in the\n * tooltip colliding with the viewport, this specification is overwritten.\n */\n MDCTooltipFoundation.prototype.calculateTooltipStyles = function (anchorRect) {\n if (!anchorRect) {\n return { top: 0, left: 0 };\n }\n var tooltipSize = this.adapter.getTooltipSize();\n var top = this.calculateYTooltipDistance(anchorRect, tooltipSize.height);\n var left = this.calculateXTooltipDistance(anchorRect, tooltipSize.width);\n return {\n top: top.distance,\n yTransformOrigin: top.yTransformOrigin,\n left: left.distance,\n xTransformOrigin: left.xTransformOrigin\n };\n };\n /**\n * Calculates the `left` distance for the tooltip.\n * Returns the distance value and a string indicating the x-axis transform-\n * origin that should be used when animating the tooltip.\n */\n MDCTooltipFoundation.prototype.calculateXTooltipDistance = function (anchorRect, tooltipWidth) {\n var isLTR = !this.adapter.isRTL();\n var startPos, endPos, centerPos;\n var startTransformOrigin, endTransformOrigin;\n if (this.richTooltip) {\n startPos = isLTR ? anchorRect.left - tooltipWidth : anchorRect.right;\n endPos = isLTR ? anchorRect.right : anchorRect.left - tooltipWidth;\n startTransformOrigin = isLTR ? strings.RIGHT : strings.LEFT;\n endTransformOrigin = isLTR ? strings.LEFT : strings.RIGHT;\n }\n else {\n startPos = isLTR ? anchorRect.left : anchorRect.right - tooltipWidth;\n endPos = isLTR ? anchorRect.right - tooltipWidth : anchorRect.left;\n centerPos = anchorRect.left + (anchorRect.width - tooltipWidth) / 2;\n startTransformOrigin = isLTR ? strings.LEFT : strings.RIGHT;\n endTransformOrigin = isLTR ? strings.RIGHT : strings.LEFT;\n }\n var positionOptions = this.richTooltip ?\n this.determineValidPositionOptions(startPos, endPos) :\n // For plain tooltips, centerPos is defined\n this.determineValidPositionOptions(centerPos, startPos, endPos);\n if (this.xTooltipPos === XPosition.START && positionOptions.has(startPos)) {\n return { distance: startPos, xTransformOrigin: startTransformOrigin };\n }\n if (this.xTooltipPos === XPosition.END && positionOptions.has(endPos)) {\n return { distance: endPos, xTransformOrigin: endTransformOrigin };\n }\n if (this.xTooltipPos === XPosition.CENTER &&\n positionOptions.has(centerPos)) {\n // This code path is only executed if calculating the distance for plain\n // tooltips. In this instance, centerPos will always be defined, so we can\n // safely assert that the returned value is non-null/undefined.\n return { distance: centerPos, xTransformOrigin: strings.CENTER };\n }\n // If no user position is supplied, rich tooltips default to end pos, then\n // start position. Plain tooltips default to center, start, then end.\n var possiblePositions = this.richTooltip ?\n [\n { distance: endPos, xTransformOrigin: endTransformOrigin },\n { distance: startPos, xTransformOrigin: startTransformOrigin }\n ] :\n [\n { distance: centerPos, xTransformOrigin: strings.CENTER },\n { distance: startPos, xTransformOrigin: startTransformOrigin },\n { distance: endPos, xTransformOrigin: endTransformOrigin }\n ];\n var validPosition = possiblePositions.find(function (_a) {\n var distance = _a.distance;\n return positionOptions.has(distance);\n });\n if (validPosition) {\n return validPosition;\n }\n // Indicates that all potential positions would result in the tooltip\n // colliding with the viewport. This would only occur when the anchor\n // element itself collides with the viewport, or the viewport is very\n // narrow. In this case, we allow the tooltip to be mis-aligned from the\n // anchor element.\n if (anchorRect.left < 0) {\n return {\n distance: this.minViewportTooltipThreshold,\n xTransformOrigin: strings.LEFT\n };\n }\n else {\n var viewportWidth = this.adapter.getViewportWidth();\n var distance = viewportWidth - (tooltipWidth + this.minViewportTooltipThreshold);\n return { distance: distance, xTransformOrigin: strings.RIGHT };\n }\n };\n /**\n * Given the values for the horizontal alignments of the tooltip, calculates\n * which of these options would result in the tooltip maintaining the required\n * threshold distance vs which would result in the tooltip staying within the\n * viewport.\n *\n * A Set of values is returned holding the distances that would honor the\n * above requirements. Following the logic for determining the tooltip\n * position, if all alignments violate the threshold, then the returned Set\n * contains values that keep the tooltip within the viewport.\n */\n MDCTooltipFoundation.prototype.determineValidPositionOptions = function () {\n var e_3, _a;\n var positions = [];\n for (var _i = 0; _i < arguments.length; _i++) {\n positions[_i] = arguments[_i];\n }\n var posWithinThreshold = new Set();\n var posWithinViewport = new Set();\n try {\n for (var positions_1 = __values(positions), positions_1_1 = positions_1.next(); !positions_1_1.done; positions_1_1 = positions_1.next()) {\n var position = positions_1_1.value;\n if (this.positionHonorsViewportThreshold(position)) {\n posWithinThreshold.add(position);\n }\n else if (this.positionDoesntCollideWithViewport(position)) {\n posWithinViewport.add(position);\n }\n }\n }\n catch (e_3_1) { e_3 = { error: e_3_1 }; }\n finally {\n try {\n if (positions_1_1 && !positions_1_1.done && (_a = positions_1.return)) _a.call(positions_1);\n }\n finally { if (e_3) throw e_3.error; }\n }\n return posWithinThreshold.size ? posWithinThreshold : posWithinViewport;\n };\n MDCTooltipFoundation.prototype.positionHonorsViewportThreshold = function (leftPos) {\n var viewportWidth = this.adapter.getViewportWidth();\n var tooltipWidth = this.adapter.getTooltipSize().width;\n return leftPos + tooltipWidth <=\n viewportWidth - this.minViewportTooltipThreshold &&\n leftPos >= this.minViewportTooltipThreshold;\n };\n MDCTooltipFoundation.prototype.positionDoesntCollideWithViewport = function (leftPos) {\n var viewportWidth = this.adapter.getViewportWidth();\n var tooltipWidth = this.adapter.getTooltipSize().width;\n return leftPos + tooltipWidth <= viewportWidth && leftPos >= 0;\n };\n /**\n * Calculates the `top` distance for the tooltip.\n * Returns the distance value and a string indicating the y-axis transform-\n * origin that should be used when animating the tooltip.\n */\n MDCTooltipFoundation.prototype.calculateYTooltipDistance = function (anchorRect, tooltipHeight) {\n var belowYPos = anchorRect.bottom + this.anchorGap;\n var aboveYPos = anchorRect.top - (this.anchorGap + tooltipHeight);\n var yPositionOptions = this.determineValidYPositionOptions(aboveYPos, belowYPos);\n if (this.yTooltipPos === YPosition.ABOVE &&\n yPositionOptions.has(aboveYPos)) {\n return { distance: aboveYPos, yTransformOrigin: strings.BOTTOM };\n }\n else if (this.yTooltipPos === YPosition.BELOW &&\n yPositionOptions.has(belowYPos)) {\n return { distance: belowYPos, yTransformOrigin: strings.TOP };\n }\n if (yPositionOptions.has(belowYPos)) {\n return { distance: belowYPos, yTransformOrigin: strings.TOP };\n }\n if (yPositionOptions.has(aboveYPos)) {\n return { distance: aboveYPos, yTransformOrigin: strings.BOTTOM };\n }\n // Indicates that all potential positions would result in the tooltip\n // colliding with the viewport. This would only occur when the viewport is\n // very short.\n return { distance: belowYPos, yTransformOrigin: strings.TOP };\n };\n /**\n * Given the values for above/below alignment of the tooltip, calculates\n * which of these options would result in the tooltip maintaining the required\n * threshold distance vs which would result in the tooltip staying within the\n * viewport.\n *\n * A Set of values is returned holding the distances that would honor the\n * above requirements. Following the logic for determining the tooltip\n * position, if all possible alignments violate the threshold, then the\n * returned Set contains values that keep the tooltip within the viewport.\n */\n MDCTooltipFoundation.prototype.determineValidYPositionOptions = function (aboveAnchorPos, belowAnchorPos) {\n var posWithinThreshold = new Set();\n var posWithinViewport = new Set();\n if (this.yPositionHonorsViewportThreshold(aboveAnchorPos)) {\n posWithinThreshold.add(aboveAnchorPos);\n }\n else if (this.yPositionDoesntCollideWithViewport(aboveAnchorPos)) {\n posWithinViewport.add(aboveAnchorPos);\n }\n if (this.yPositionHonorsViewportThreshold(belowAnchorPos)) {\n posWithinThreshold.add(belowAnchorPos);\n }\n else if (this.yPositionDoesntCollideWithViewport(belowAnchorPos)) {\n posWithinViewport.add(belowAnchorPos);\n }\n return posWithinThreshold.size ? posWithinThreshold : posWithinViewport;\n };\n MDCTooltipFoundation.prototype.yPositionHonorsViewportThreshold = function (yPos) {\n var viewportHeight = this.adapter.getViewportHeight();\n var tooltipHeight = this.adapter.getTooltipSize().height;\n return yPos + tooltipHeight + this.minViewportTooltipThreshold <=\n viewportHeight &&\n yPos >= this.minViewportTooltipThreshold;\n };\n MDCTooltipFoundation.prototype.yPositionDoesntCollideWithViewport = function (yPos) {\n var viewportHeight = this.adapter.getViewportHeight();\n var tooltipHeight = this.adapter.getTooltipSize().height;\n return yPos + tooltipHeight <= viewportHeight && yPos >= 0;\n };\n MDCTooltipFoundation.prototype.repositionTooltipOnAnchorMove = function () {\n var newAnchorRect = this.adapter.getAnchorBoundingRect();\n if (!newAnchorRect || !this.anchorRect)\n return;\n if (newAnchorRect.top !== this.anchorRect.top ||\n newAnchorRect.left !== this.anchorRect.left ||\n newAnchorRect.height !== this.anchorRect.height ||\n newAnchorRect.width !== this.anchorRect.width) {\n this.anchorRect = newAnchorRect;\n this.parentRect = this.adapter.getParentBoundingRect();\n this.richTooltip ? this.positionRichTooltip() :\n this.positionPlainTooltip();\n }\n };\n /**\n * Given a PositionWithCaret, applies the correct styles to the caret element\n * so that it is positioned properly on the rich tooltip.\n * Returns the x and y positions of the caret, to be used as the\n * transform-origin on the tooltip itself for entrance animations.\n */\n MDCTooltipFoundation.prototype.setCaretPositionStyles = function (position) {\n var values = this.calculateCaretPositionOnTooltip(position);\n if (!values) {\n return { yTransformOrigin: 0, xTransformOrigin: 0 };\n }\n // Prior to setting the caret position styles, clear any previous styles\n // set. This is necessary as all position options do not use the same\n // properties (e.g. using 'left' or 'right') and so old style properties\n // might not get overridden, causing misplaced carets.\n this.adapter.clearTooltipCaretStyles();\n this.adapter.setTooltipCaretStyle(values.yAlignment, values.yAxisPx);\n this.adapter.setTooltipCaretStyle(values.xAlignment, values.xAxisPx);\n this.adapter.setTooltipCaretStyle('transform', \"rotate(\" + values.rotation + \")\");\n this.adapter.setTooltipCaretStyle('transform-origin', values.yAlignment + \" \" + values.xAlignment);\n return { yTransformOrigin: values.yAxisPx, xTransformOrigin: values.xAxisPx };\n };\n /**\n * Given a PositionWithCaret, determines the correct styles to position the\n * caret properly on the rich tooltip.\n */\n MDCTooltipFoundation.prototype.calculateCaretPositionOnTooltip = function (tooltipPos) {\n var isLTR = !this.adapter.isRTL();\n var tooltipWidth = this.adapter.getComputedStyleProperty('width');\n var tooltipHeight = this.adapter.getComputedStyleProperty('height');\n var caretDimensions = this.adapter.getTooltipCaretSize();\n if (!tooltipWidth || !tooltipHeight || !caretDimensions) {\n return;\n }\n var caretDiagonal = caretDimensions.width * Math.sqrt(2);\n var midpointWidth = \"calc((\" + tooltipWidth + \" - \" + caretDiagonal + \"px) / 2)\";\n var midpointHeight = \"calc((\" + tooltipHeight + \" - \" + caretDiagonal + \"px) / 2)\";\n var flushWithEdge = '0';\n var indentedFromEdge = numbers.CARET_INDENTATION + \"px\";\n var positiveRot = '45deg';\n var negativeRot = '-45deg';\n switch (tooltipPos) {\n case PositionWithCaret.BELOW_CENTER:\n return {\n yAlignment: strings.TOP,\n xAlignment: strings.LEFT,\n yAxisPx: flushWithEdge,\n xAxisPx: midpointWidth,\n rotation: negativeRot\n };\n case PositionWithCaret.BELOW_END:\n return {\n yAlignment: strings.TOP,\n xAlignment: isLTR ? strings.RIGHT : strings.LEFT,\n yAxisPx: flushWithEdge,\n xAxisPx: indentedFromEdge,\n rotation: isLTR ? positiveRot : negativeRot\n };\n case PositionWithCaret.BELOW_START:\n return {\n yAlignment: strings.TOP,\n xAlignment: isLTR ? strings.LEFT : strings.RIGHT,\n yAxisPx: flushWithEdge,\n xAxisPx: indentedFromEdge,\n rotation: isLTR ? negativeRot : positiveRot\n };\n case PositionWithCaret.TOP_SIDE_END:\n return {\n yAlignment: strings.TOP,\n xAlignment: isLTR ? strings.LEFT : strings.RIGHT,\n yAxisPx: indentedFromEdge,\n xAxisPx: flushWithEdge,\n rotation: isLTR ? positiveRot : negativeRot\n };\n case PositionWithCaret.CENTER_SIDE_END:\n return {\n yAlignment: strings.TOP,\n xAlignment: isLTR ? strings.LEFT : strings.RIGHT,\n yAxisPx: midpointHeight,\n xAxisPx: flushWithEdge,\n rotation: isLTR ? positiveRot : negativeRot\n };\n case PositionWithCaret.BOTTOM_SIDE_END:\n return {\n yAlignment: strings.BOTTOM,\n xAlignment: isLTR ? strings.LEFT : strings.RIGHT,\n yAxisPx: indentedFromEdge,\n xAxisPx: flushWithEdge,\n rotation: isLTR ? negativeRot : positiveRot\n };\n case PositionWithCaret.TOP_SIDE_START:\n return {\n yAlignment: strings.TOP,\n xAlignment: isLTR ? strings.RIGHT : strings.LEFT,\n yAxisPx: indentedFromEdge,\n xAxisPx: flushWithEdge,\n rotation: isLTR ? negativeRot : positiveRot\n };\n case PositionWithCaret.CENTER_SIDE_START:\n return {\n yAlignment: strings.TOP,\n xAlignment: isLTR ? strings.RIGHT : strings.LEFT,\n yAxisPx: midpointHeight,\n xAxisPx: flushWithEdge,\n rotation: isLTR ? negativeRot : positiveRot\n };\n case PositionWithCaret.BOTTOM_SIDE_START:\n return {\n yAlignment: strings.BOTTOM,\n xAlignment: isLTR ? strings.RIGHT : strings.LEFT,\n yAxisPx: indentedFromEdge,\n xAxisPx: flushWithEdge,\n rotation: isLTR ? positiveRot : negativeRot\n };\n case PositionWithCaret.ABOVE_CENTER:\n return {\n yAlignment: strings.BOTTOM,\n xAlignment: strings.LEFT,\n yAxisPx: flushWithEdge,\n xAxisPx: midpointWidth,\n rotation: positiveRot\n };\n case PositionWithCaret.ABOVE_END:\n return {\n yAlignment: strings.BOTTOM,\n xAlignment: isLTR ? strings.RIGHT : strings.LEFT,\n yAxisPx: flushWithEdge,\n xAxisPx: indentedFromEdge,\n rotation: isLTR ? negativeRot : positiveRot\n };\n default:\n case PositionWithCaret.ABOVE_START:\n return {\n yAlignment: strings.BOTTOM,\n xAlignment: isLTR ? strings.LEFT : strings.RIGHT,\n yAxisPx: flushWithEdge,\n xAxisPx: indentedFromEdge,\n rotation: isLTR ? positiveRot : negativeRot\n };\n }\n };\n MDCTooltipFoundation.prototype.clearShowTimeout = function () {\n if (this.showTimeout) {\n clearTimeout(this.showTimeout);\n this.showTimeout = null;\n }\n };\n MDCTooltipFoundation.prototype.clearHideTimeout = function () {\n if (this.hideTimeout) {\n clearTimeout(this.hideTimeout);\n this.hideTimeout = null;\n }\n };\n /**\n * Method that allows user to specify additional elements that should have a\n * scroll event listener attached to it. This should be used in instances\n * where the anchor element is placed inside a scrollable container, and will\n * ensure that the tooltip will stay attached to the anchor on scroll.\n */\n MDCTooltipFoundation.prototype.attachScrollHandler = function (addEventListenerFn) {\n var _this = this;\n this.addAncestorScrollEventListeners.push(function () {\n addEventListenerFn('scroll', _this.windowScrollHandler);\n });\n };\n /**\n * Must be used in conjunction with #attachScrollHandler. Removes the scroll\n * event handler from elements on the page.\n */\n MDCTooltipFoundation.prototype.removeScrollHandler = function (removeEventHandlerFn) {\n var _this = this;\n this.removeAncestorScrollEventListeners.push(function () {\n removeEventHandlerFn('scroll', _this.windowScrollHandler);\n });\n };\n MDCTooltipFoundation.prototype.destroy = function () {\n var e_4, _a;\n if (this.frameId) {\n cancelAnimationFrame(this.frameId);\n this.frameId = null;\n }\n this.clearHideTimeout();\n this.clearShowTimeout();\n this.adapter.removeClass(SHOWN);\n this.adapter.removeClass(SHOWING_TRANSITION);\n this.adapter.removeClass(SHOWING);\n this.adapter.removeClass(HIDE);\n this.adapter.removeClass(HIDE_TRANSITION);\n if (this.richTooltip) {\n this.adapter.deregisterEventHandler('focusout', this.richTooltipFocusOutHandler);\n if (!this.persistentTooltip) {\n this.adapter.deregisterEventHandler('mouseenter', this.richTooltipMouseEnterHandler);\n this.adapter.deregisterEventHandler('mouseleave', this.richTooltipMouseLeaveHandler);\n }\n }\n this.adapter.deregisterDocumentEventHandler('click', this.documentClickHandler);\n this.adapter.deregisterDocumentEventHandler('keydown', this.documentKeydownHandler);\n this.adapter.deregisterWindowEventHandler('scroll', this.windowScrollHandler);\n this.adapter.deregisterWindowEventHandler('resize', this.windowResizeHandler);\n try {\n for (var _b = __values(this.removeAncestorScrollEventListeners), _c = _b.next(); !_c.done; _c = _b.next()) {\n var fn = _c.value;\n fn();\n }\n }\n catch (e_4_1) { e_4 = { error: e_4_1 }; }\n finally {\n try {\n if (_c && !_c.done && (_a = _b.return)) _a.call(_b);\n }\n finally { if (e_4) throw e_4.error; }\n }\n this.animFrame.cancelAll();\n };\n return MDCTooltipFoundation;\n}(MDCFoundation));\nexport { MDCTooltipFoundation };\n// tslint:disable-next-line:no-default-export Needed for backward compatibility with MDC Web v0.44.0 and earlier.\nexport default MDCTooltipFoundation;\n//# sourceMappingURL=foundation.js.map","export function classMap(classObj) {\n return Object.entries(classObj)\n .filter(([name, value]) => name !== '' && value)\n .map(([name]) => name)\n .join(' ');\n}\n//# sourceMappingURL=classMap.js.map","export function exclude(obj, keys) {\n let names = Object.getOwnPropertyNames(obj);\n const newObj = {};\n for (let i = 0; i < names.length; i++) {\n const name = names[i];\n const cashIndex = name.indexOf('$');\n if (cashIndex !== -1 &&\n keys.indexOf(name.substring(0, cashIndex + 1)) !== -1) {\n continue;\n }\n if (keys.indexOf(name) !== -1) {\n continue;\n }\n newObj[name] = obj[name];\n }\n return newObj;\n}\n//# sourceMappingURL=exclude.js.map","import { bubble, listen, prevent_default, stop_propagation, } from 'svelte/internal';\n// Match old modifiers. (only works on DOM events)\nconst oldModifierRegex = /^[a-z]+(?::(?:preventDefault|stopPropagation|passive|nonpassive|capture|once|self))+$/;\n// Match new modifiers.\nconst newModifierRegex = /^[^$]+(?:\\$(?:preventDefault|stopPropagation|passive|nonpassive|capture|once|self))+$/;\nexport function forwardEventsBuilder(component) {\n // This is our pseudo $on function. It is defined on component mount.\n let $on;\n // This is a list of events bound before mount.\n let events = [];\n // And we override the $on function to forward all bound events.\n component.$on = (fullEventType, callback) => {\n let eventType = fullEventType;\n let destructor = () => { };\n if ($on) {\n // The event was bound programmatically.\n destructor = $on(eventType, callback);\n }\n else {\n // The event was bound before mount by Svelte.\n events.push([eventType, callback]);\n }\n const oldModifierMatch = eventType.match(oldModifierRegex);\n if (oldModifierMatch && console) {\n console.warn('Event modifiers in SMUI now use \"$\" instead of \":\", so that ' +\n 'all events can be bound with modifiers. Please update your ' +\n 'event binding: ', eventType);\n }\n return (...args) => {\n destructor();\n };\n };\n function forward(e) {\n // Internally bubble the event up from Svelte components.\n bubble(component, e);\n }\n return (node) => {\n const destructors = [];\n const forwardDestructors = {};\n // This function is responsible for listening and forwarding\n // all bound events.\n $on = (fullEventType, callback) => {\n let eventType = fullEventType;\n let handler = callback;\n // DOM addEventListener options argument.\n let options = false;\n const oldModifierMatch = eventType.match(oldModifierRegex);\n const newModifierMatch = eventType.match(newModifierRegex);\n const modifierMatch = oldModifierMatch || newModifierMatch;\n if (eventType.match(/^SMUI:\\w+:/)) {\n const newEventTypeParts = eventType.split(':');\n let newEventType = '';\n for (let i = 0; i < newEventTypeParts.length; i++) {\n newEventType +=\n i === newEventTypeParts.length - 1\n ? ':' + newEventTypeParts[i]\n : newEventTypeParts[i]\n .split('-')\n .map((value) => value.slice(0, 1).toUpperCase() + value.slice(1))\n .join('');\n }\n console.warn(`The event ${eventType.split('$')[0]} has been renamed to ${newEventType.split('$')[0]}.`);\n eventType = newEventType;\n }\n if (modifierMatch) {\n // Parse the event modifiers.\n // Supported modifiers:\n // - preventDefault\n // - stopPropagation\n // - passive\n // - nonpassive\n // - capture\n // - once\n const parts = eventType.split(oldModifierMatch ? ':' : '$');\n eventType = parts[0];\n const eventOptions = Object.fromEntries(parts.slice(1).map((mod) => [mod, true]));\n if (eventOptions.passive) {\n options = options || {};\n options.passive = true;\n }\n if (eventOptions.nonpassive) {\n options = options || {};\n options.passive = false;\n }\n if (eventOptions.capture) {\n options = options || {};\n options.capture = true;\n }\n if (eventOptions.once) {\n options = options || {};\n options.once = true;\n }\n if (eventOptions.preventDefault) {\n handler = prevent_default(handler);\n }\n if (eventOptions.stopPropagation) {\n handler = stop_propagation(handler);\n }\n }\n // Listen for the event directly, with the given options.\n const off = listen(node, eventType, handler, options);\n const destructor = () => {\n off();\n const idx = destructors.indexOf(destructor);\n if (idx > -1) {\n destructors.splice(idx, 1);\n }\n };\n destructors.push(destructor);\n // Forward the event from Svelte.\n if (!(eventType in forwardDestructors)) {\n forwardDestructors[eventType] = listen(node, eventType, forward);\n }\n return destructor;\n };\n for (let i = 0; i < events.length; i++) {\n // Listen to all the events added before mount.\n $on(events[i][0], events[i][1]);\n }\n return {\n destroy: () => {\n // Remove all event listeners.\n for (let i = 0; i < destructors.length; i++) {\n destructors[i]();\n }\n // Remove all event forwarders.\n for (let entry of Object.entries(forwardDestructors)) {\n entry[1]();\n }\n },\n };\n };\n}\n//# sourceMappingURL=forwardEventsBuilder.js.map","export function prefixFilter(obj, prefix) {\n let names = Object.getOwnPropertyNames(obj);\n const newObj = {};\n for (let i = 0; i < names.length; i++) {\n const name = names[i];\n if (name.substring(0, prefix.length) === prefix) {\n newObj[name.substring(prefix.length)] = obj[name];\n }\n }\n return newObj;\n}\n//# sourceMappingURL=prefixFilter.js.map","export function useActions(node, actions) {\n let actionReturns = [];\n if (actions) {\n for (let i = 0; i < actions.length; i++) {\n const actionEntry = actions[i];\n const action = Array.isArray(actionEntry) ? actionEntry[0] : actionEntry;\n if (Array.isArray(actionEntry) && actionEntry.length > 1) {\n actionReturns.push(action(node, actionEntry[1]));\n }\n else {\n actionReturns.push(action(node));\n }\n }\n }\n return {\n update(actions) {\n if (((actions && actions.length) || 0) != actionReturns.length) {\n throw new Error('You must not change the length of an actions array.');\n }\n if (actions) {\n for (let i = 0; i < actions.length; i++) {\n const returnEntry = actionReturns[i];\n if (returnEntry && returnEntry.update) {\n const actionEntry = actions[i];\n if (Array.isArray(actionEntry) && actionEntry.length > 1) {\n returnEntry.update(actionEntry[1]);\n }\n else {\n returnEntry.update();\n }\n }\n }\n }\n },\n destroy() {\n for (let i = 0; i < actionReturns.length; i++) {\n const returnEntry = actionReturns[i];\n if (returnEntry && returnEntry.destroy) {\n returnEntry.destroy();\n }\n }\n },\n };\n}\n//# sourceMappingURL=useActions.js.map","\n
\n\n\n","import AComponent from './A.svelte';\nexport * from './A.types.js';\nconst A = AComponent;\nexport { A };\nimport AsideComponent from './Aside.svelte';\nexport * from './Aside.types.js';\nconst Aside = AsideComponent;\nexport { Aside };\nimport ButtonComponent from './Button.svelte';\nexport * from './Button.types.js';\nconst Button = ButtonComponent;\nexport { Button };\nimport DivComponent from './Div.svelte';\nexport * from './Div.types.js';\nconst Div = DivComponent;\nexport { Div };\nimport EmComponent from './Em.svelte';\nexport * from './Em.types.js';\nconst Em = EmComponent;\nexport { Em };\nimport FooterComponent from './Footer.svelte';\nexport * from './Footer.types.js';\nconst Footer = FooterComponent;\nexport { Footer };\nimport H1Component from './H1.svelte';\nexport * from './H1.types.js';\nconst H1 = H1Component;\nexport { H1 };\nimport H2Component from './H2.svelte';\nexport * from './H2.types.js';\nconst H2 = H2Component;\nexport { H2 };\nimport H3Component from './H3.svelte';\nexport * from './H3.types.js';\nconst H3 = H3Component;\nexport { H3 };\nimport H4Component from './H4.svelte';\nexport * from './H4.types.js';\nconst H4 = H4Component;\nexport { H4 };\nimport H5Component from './H5.svelte';\nexport * from './H5.types.js';\nconst H5 = H5Component;\nexport { H5 };\nimport H6Component from './H6.svelte';\nexport * from './H6.types.js';\nconst H6 = H6Component;\nexport { H6 };\nimport HeaderComponent from './Header.svelte';\nexport * from './Header.types.js';\nconst Header = HeaderComponent;\nexport { Header };\nimport HrComponent from './Hr.svelte';\nexport * from './Hr.types.js';\nconst Hr = HrComponent;\nexport { Hr };\nimport IComponent from './I.svelte';\nexport * from './I.types.js';\nconst I = IComponent;\nexport { I };\nimport ImgComponent from './Img.svelte';\nexport * from './Img.types.js';\nconst Img = ImgComponent;\nexport { Img };\nimport LiComponent from './Li.svelte';\nexport * from './Li.types.js';\nconst Li = LiComponent;\nexport { Li };\nimport MainComponent from './Main.svelte';\nexport * from './Main.types.js';\nconst Main = MainComponent;\nexport { Main };\nimport NavComponent from './Nav.svelte';\nexport * from './Nav.types.js';\nconst Nav = NavComponent;\nexport { Nav };\nimport PComponent from './P.svelte';\nexport * from './P.types.js';\nconst P = PComponent;\nexport { P };\nimport SectionComponent from './Section.svelte';\nexport * from './Section.types.js';\nconst Section = SectionComponent;\nexport { Section };\nimport SpanComponent from './Span.svelte';\nexport * from './Span.types.js';\nconst Span = SpanComponent;\nexport { Span };\nimport StrongComponent from './Strong.svelte';\nexport * from './Strong.types.js';\nconst Strong = StrongComponent;\nexport { Strong };\nimport SvgComponent from './Svg.svelte';\nexport * from './Svg.types.js';\nconst Svg = SvgComponent;\nexport { Svg };\nimport UlComponent from './Ul.svelte';\nexport * from './Ul.types.js';\nconst Ul = UlComponent;\nexport { Ul };\n//# sourceMappingURL=index.js.map","import { classAdderBuilder } from '@smui/common/classadder/index.js';\nimport { H2 } from '@smui/common/elements/index.js';\nexport default classAdderBuilder({\n class: 'mdc-tooltip__title',\n component: H2,\n});\n//# sourceMappingURL=Title.js.map","import { classAdderBuilder } from '@smui/common/classadder/index.js';\nimport { Div } from '@smui/common/elements/index.js';\nexport default classAdderBuilder({\n class: 'mdc-tooltip__content',\n component: Div,\n});\n//# sourceMappingURL=Content.js.map","import { classAdderBuilder } from '@smui/common/classadder/index.js';\nimport { A } from '@smui/common/elements/index.js';\nexport default classAdderBuilder({\n class: 'mdc-tooltip__content-link',\n component: A,\n});\n//# sourceMappingURL=Link.js.map","import { classAdderBuilder } from '@smui/common/classadder/index.js';\nimport { Div } from '@smui/common/elements/index.js';\nexport default classAdderBuilder({\n class: 'mdc-tooltip--rich-actions',\n component: Div,\n contexts: {\n 'SMUI:button:context': 'tooltip:rich-actions',\n },\n});\n//# sourceMappingURL=RichActions.js.map","import Tooltip from './Tooltip.svelte';\nexport * from './Tooltip.types.js';\nimport WrapperComponent from './Wrapper.svelte';\nexport * from './Wrapper.types.js';\nconst Wrapper = WrapperComponent;\nimport Title from './Title.js';\nimport Content from './Content.js';\nimport Link from './Link.js';\nimport RichActions from './RichActions.js';\nexport default Tooltip;\nexport { Wrapper, Title, Content, Link, RichActions };\n//# sourceMappingURL=index.js.map","\n\n\n {#if photoUrl}\n ![\"customer\"](\"{photoUrl}\")
\n {/if}\n {#if !photoUrl && !anonymous}\n \n {/if}\n {#if !photoUrl && anonymous}\n \n {/if}\n {#if isNewUser}\n \n This is their first feedback submission. \n \n {/if}\n
\n\n\n\n\n","\n\n\n\n\n\n\n","\n\nNEW
\n \n {#if label}\n
\n\n\n","/**\n * @license\n * Copyright 2018 Google Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */\nvar cssClasses = {\n ANCHOR: 'mdc-menu-surface--anchor',\n ANIMATING_CLOSED: 'mdc-menu-surface--animating-closed',\n ANIMATING_OPEN: 'mdc-menu-surface--animating-open',\n FIXED: 'mdc-menu-surface--fixed',\n IS_OPEN_BELOW: 'mdc-menu-surface--is-open-below',\n OPEN: 'mdc-menu-surface--open',\n ROOT: 'mdc-menu-surface',\n};\n// tslint:disable:object-literal-sort-keys\nvar strings = {\n CLOSED_EVENT: 'MDCMenuSurface:closed',\n CLOSING_EVENT: 'MDCMenuSurface:closing',\n OPENED_EVENT: 'MDCMenuSurface:opened',\n FOCUSABLE_ELEMENTS: [\n 'button:not(:disabled)',\n '[href]:not([aria-disabled=\"true\"])',\n 'input:not(:disabled)',\n 'select:not(:disabled)',\n 'textarea:not(:disabled)',\n '[tabindex]:not([tabindex=\"-1\"]):not([aria-disabled=\"true\"])',\n ].join(', '),\n};\n// tslint:enable:object-literal-sort-keys\nvar numbers = {\n /** Total duration of menu-surface open animation. */\n TRANSITION_OPEN_DURATION: 120,\n /** Total duration of menu-surface close animation. */\n TRANSITION_CLOSE_DURATION: 75,\n /** Margin left to the edge of the viewport when menu-surface is at maximum possible height. Also used as a viewport margin. */\n MARGIN_TO_EDGE: 32,\n /** Ratio of anchor width to menu-surface width for switching from corner positioning to center positioning. */\n ANCHOR_TO_MENU_SURFACE_WIDTH_RATIO: 0.67,\n};\n/**\n * Enum for bits in the {@see Corner) bitmap.\n */\nvar CornerBit;\n(function (CornerBit) {\n CornerBit[CornerBit[\"BOTTOM\"] = 1] = \"BOTTOM\";\n CornerBit[CornerBit[\"CENTER\"] = 2] = \"CENTER\";\n CornerBit[CornerBit[\"RIGHT\"] = 4] = \"RIGHT\";\n CornerBit[CornerBit[\"FLIP_RTL\"] = 8] = \"FLIP_RTL\";\n})(CornerBit || (CornerBit = {}));\n/**\n * Enum for representing an element corner for positioning the menu-surface.\n *\n * The START constants map to LEFT if element directionality is left\n * to right and RIGHT if the directionality is right to left.\n * Likewise END maps to RIGHT or LEFT depending on the directionality.\n */\nvar Corner;\n(function (Corner) {\n Corner[Corner[\"TOP_LEFT\"] = 0] = \"TOP_LEFT\";\n Corner[Corner[\"TOP_RIGHT\"] = 4] = \"TOP_RIGHT\";\n Corner[Corner[\"BOTTOM_LEFT\"] = 1] = \"BOTTOM_LEFT\";\n Corner[Corner[\"BOTTOM_RIGHT\"] = 5] = \"BOTTOM_RIGHT\";\n Corner[Corner[\"TOP_START\"] = 8] = \"TOP_START\";\n Corner[Corner[\"TOP_END\"] = 12] = \"TOP_END\";\n Corner[Corner[\"BOTTOM_START\"] = 9] = \"BOTTOM_START\";\n Corner[Corner[\"BOTTOM_END\"] = 13] = \"BOTTOM_END\";\n})(Corner || (Corner = {}));\nexport { cssClasses, strings, numbers, CornerBit, Corner };\n//# sourceMappingURL=constants.js.map","/**\n * @license\n * Copyright 2018 Google Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */\nimport { __assign, __extends, __values } from \"tslib\";\nimport { MDCFoundation } from '@material/base/foundation';\nimport { Corner, CornerBit, cssClasses, numbers, strings } from './constants';\nvar MDCMenuSurfaceFoundation = /** @class */ (function (_super) {\n __extends(MDCMenuSurfaceFoundation, _super);\n function MDCMenuSurfaceFoundation(adapter) {\n var _this = _super.call(this, __assign(__assign({}, MDCMenuSurfaceFoundation.defaultAdapter), adapter)) || this;\n _this.isSurfaceOpen = false;\n _this.isQuickOpen = false;\n _this.isHoistedElement = false;\n _this.isFixedPosition = false;\n _this.isHorizontallyCenteredOnViewport = false;\n _this.maxHeight = 0;\n _this.openAnimationEndTimerId = 0;\n _this.closeAnimationEndTimerId = 0;\n _this.animationRequestId = 0;\n _this.anchorCorner = Corner.TOP_START;\n /**\n * Corner of the menu surface to which menu surface is attached to anchor.\n *\n * Anchor corner --->+----------+\n * | ANCHOR |\n * +----------+\n * Origin corner --->+--------------+\n * | |\n * | |\n * | MENU SURFACE |\n * | |\n * | |\n * +--------------+\n */\n _this.originCorner = Corner.TOP_START;\n _this.anchorMargin = { top: 0, right: 0, bottom: 0, left: 0 };\n _this.position = { x: 0, y: 0 };\n return _this;\n }\n Object.defineProperty(MDCMenuSurfaceFoundation, \"cssClasses\", {\n get: function () {\n return cssClasses;\n },\n enumerable: false,\n configurable: true\n });\n Object.defineProperty(MDCMenuSurfaceFoundation, \"strings\", {\n get: function () {\n return strings;\n },\n enumerable: false,\n configurable: true\n });\n Object.defineProperty(MDCMenuSurfaceFoundation, \"numbers\", {\n get: function () {\n return numbers;\n },\n enumerable: false,\n configurable: true\n });\n Object.defineProperty(MDCMenuSurfaceFoundation, \"Corner\", {\n get: function () {\n return Corner;\n },\n enumerable: false,\n configurable: true\n });\n Object.defineProperty(MDCMenuSurfaceFoundation, \"defaultAdapter\", {\n /**\n * @see {@link MDCMenuSurfaceAdapter} for typing information on parameters and return types.\n */\n get: function () {\n // tslint:disable:object-literal-sort-keys Methods should be in the same order as the adapter interface.\n return {\n addClass: function () { return undefined; },\n removeClass: function () { return undefined; },\n hasClass: function () { return false; },\n hasAnchor: function () { return false; },\n isElementInContainer: function () { return false; },\n isFocused: function () { return false; },\n isRtl: function () { return false; },\n getInnerDimensions: function () { return ({ height: 0, width: 0 }); },\n getAnchorDimensions: function () { return null; },\n getWindowDimensions: function () { return ({ height: 0, width: 0 }); },\n getBodyDimensions: function () { return ({ height: 0, width: 0 }); },\n getWindowScroll: function () { return ({ x: 0, y: 0 }); },\n setPosition: function () { return undefined; },\n setMaxHeight: function () { return undefined; },\n setTransformOrigin: function () { return undefined; },\n saveFocus: function () { return undefined; },\n restoreFocus: function () { return undefined; },\n notifyClose: function () { return undefined; },\n notifyOpen: function () { return undefined; },\n notifyClosing: function () { return undefined; },\n };\n // tslint:enable:object-literal-sort-keys\n },\n enumerable: false,\n configurable: true\n });\n MDCMenuSurfaceFoundation.prototype.init = function () {\n var _a = MDCMenuSurfaceFoundation.cssClasses, ROOT = _a.ROOT, OPEN = _a.OPEN;\n if (!this.adapter.hasClass(ROOT)) {\n throw new Error(ROOT + \" class required in root element.\");\n }\n if (this.adapter.hasClass(OPEN)) {\n this.isSurfaceOpen = true;\n }\n };\n MDCMenuSurfaceFoundation.prototype.destroy = function () {\n clearTimeout(this.openAnimationEndTimerId);\n clearTimeout(this.closeAnimationEndTimerId);\n // Cancel any currently running animations.\n cancelAnimationFrame(this.animationRequestId);\n };\n /**\n * @param corner Default anchor corner alignment of top-left menu surface corner.\n */\n MDCMenuSurfaceFoundation.prototype.setAnchorCorner = function (corner) {\n this.anchorCorner = corner;\n };\n /**\n * Flip menu corner horizontally.\n */\n MDCMenuSurfaceFoundation.prototype.flipCornerHorizontally = function () {\n this.originCorner = this.originCorner ^ CornerBit.RIGHT;\n };\n /**\n * @param margin Set of margin values from anchor.\n */\n MDCMenuSurfaceFoundation.prototype.setAnchorMargin = function (margin) {\n this.anchorMargin.top = margin.top || 0;\n this.anchorMargin.right = margin.right || 0;\n this.anchorMargin.bottom = margin.bottom || 0;\n this.anchorMargin.left = margin.left || 0;\n };\n /** Used to indicate if the menu-surface is hoisted to the body. */\n MDCMenuSurfaceFoundation.prototype.setIsHoisted = function (isHoisted) {\n this.isHoistedElement = isHoisted;\n };\n /** Used to set the menu-surface calculations based on a fixed position menu. */\n MDCMenuSurfaceFoundation.prototype.setFixedPosition = function (isFixedPosition) {\n this.isFixedPosition = isFixedPosition;\n };\n /** Sets the menu-surface position on the page. */\n MDCMenuSurfaceFoundation.prototype.setAbsolutePosition = function (x, y) {\n this.position.x = this.isFinite(x) ? x : 0;\n this.position.y = this.isFinite(y) ? y : 0;\n };\n /** Sets whether menu-surface should be horizontally centered to viewport. */\n MDCMenuSurfaceFoundation.prototype.setIsHorizontallyCenteredOnViewport = function (isCentered) {\n this.isHorizontallyCenteredOnViewport = isCentered;\n };\n MDCMenuSurfaceFoundation.prototype.setQuickOpen = function (quickOpen) {\n this.isQuickOpen = quickOpen;\n };\n /**\n * Sets maximum menu-surface height on open.\n * @param maxHeight The desired max-height. Set to 0 (default) to\n * automatically calculate max height based on available viewport space.\n */\n MDCMenuSurfaceFoundation.prototype.setMaxHeight = function (maxHeight) {\n this.maxHeight = maxHeight;\n };\n MDCMenuSurfaceFoundation.prototype.isOpen = function () {\n return this.isSurfaceOpen;\n };\n /**\n * Open the menu surface.\n */\n MDCMenuSurfaceFoundation.prototype.open = function () {\n var _this = this;\n if (this.isSurfaceOpen) {\n return;\n }\n this.adapter.saveFocus();\n if (this.isQuickOpen) {\n this.isSurfaceOpen = true;\n this.adapter.addClass(MDCMenuSurfaceFoundation.cssClasses.OPEN);\n this.dimensions = this.adapter.getInnerDimensions();\n this.autoposition();\n this.adapter.notifyOpen();\n }\n else {\n this.adapter.addClass(MDCMenuSurfaceFoundation.cssClasses.ANIMATING_OPEN);\n this.animationRequestId = requestAnimationFrame(function () {\n _this.adapter.addClass(MDCMenuSurfaceFoundation.cssClasses.OPEN);\n _this.dimensions = _this.adapter.getInnerDimensions();\n _this.autoposition();\n _this.openAnimationEndTimerId = setTimeout(function () {\n _this.openAnimationEndTimerId = 0;\n _this.adapter.removeClass(MDCMenuSurfaceFoundation.cssClasses.ANIMATING_OPEN);\n _this.adapter.notifyOpen();\n }, numbers.TRANSITION_OPEN_DURATION);\n });\n this.isSurfaceOpen = true;\n }\n };\n /**\n * Closes the menu surface.\n */\n MDCMenuSurfaceFoundation.prototype.close = function (skipRestoreFocus) {\n var _this = this;\n if (skipRestoreFocus === void 0) { skipRestoreFocus = false; }\n if (!this.isSurfaceOpen) {\n return;\n }\n this.adapter.notifyClosing();\n if (this.isQuickOpen) {\n this.isSurfaceOpen = false;\n if (!skipRestoreFocus) {\n this.maybeRestoreFocus();\n }\n this.adapter.removeClass(MDCMenuSurfaceFoundation.cssClasses.OPEN);\n this.adapter.removeClass(MDCMenuSurfaceFoundation.cssClasses.IS_OPEN_BELOW);\n this.adapter.notifyClose();\n return;\n }\n this.adapter.addClass(MDCMenuSurfaceFoundation.cssClasses.ANIMATING_CLOSED);\n requestAnimationFrame(function () {\n _this.adapter.removeClass(MDCMenuSurfaceFoundation.cssClasses.OPEN);\n _this.adapter.removeClass(MDCMenuSurfaceFoundation.cssClasses.IS_OPEN_BELOW);\n _this.closeAnimationEndTimerId = setTimeout(function () {\n _this.closeAnimationEndTimerId = 0;\n _this.adapter.removeClass(MDCMenuSurfaceFoundation.cssClasses.ANIMATING_CLOSED);\n _this.adapter.notifyClose();\n }, numbers.TRANSITION_CLOSE_DURATION);\n });\n this.isSurfaceOpen = false;\n if (!skipRestoreFocus) {\n this.maybeRestoreFocus();\n }\n };\n /** Handle clicks and close if not within menu-surface element. */\n MDCMenuSurfaceFoundation.prototype.handleBodyClick = function (evt) {\n var el = evt.target;\n if (this.adapter.isElementInContainer(el)) {\n return;\n }\n this.close();\n };\n /** Handle keys that close the surface. */\n MDCMenuSurfaceFoundation.prototype.handleKeydown = function (evt) {\n var keyCode = evt.keyCode, key = evt.key;\n var isEscape = key === 'Escape' || keyCode === 27;\n if (isEscape) {\n this.close();\n }\n };\n MDCMenuSurfaceFoundation.prototype.autoposition = function () {\n var _a;\n // Compute measurements for autoposition methods reuse.\n this.measurements = this.getAutoLayoutmeasurements();\n var corner = this.getoriginCorner();\n var maxMenuSurfaceHeight = this.getMenuSurfaceMaxHeight(corner);\n var verticalAlignment = this.hasBit(corner, CornerBit.BOTTOM) ? 'bottom' : 'top';\n var horizontalAlignment = this.hasBit(corner, CornerBit.RIGHT) ? 'right' : 'left';\n var horizontalOffset = this.getHorizontalOriginOffset(corner);\n var verticalOffset = this.getVerticalOriginOffset(corner);\n var _b = this.measurements, anchorSize = _b.anchorSize, surfaceSize = _b.surfaceSize;\n var position = (_a = {},\n _a[horizontalAlignment] = horizontalOffset,\n _a[verticalAlignment] = verticalOffset,\n _a);\n // Center align when anchor width is comparable or greater than menu surface, otherwise keep corner.\n if (anchorSize.width / surfaceSize.width > numbers.ANCHOR_TO_MENU_SURFACE_WIDTH_RATIO) {\n horizontalAlignment = 'center';\n }\n // If the menu-surface has been hoisted to the body, it's no longer relative to the anchor element\n if (this.isHoistedElement || this.isFixedPosition) {\n this.adjustPositionForHoistedElement(position);\n }\n this.adapter.setTransformOrigin(horizontalAlignment + \" \" + verticalAlignment);\n this.adapter.setPosition(position);\n this.adapter.setMaxHeight(maxMenuSurfaceHeight ? maxMenuSurfaceHeight + 'px' : '');\n // If it is opened from the top then add is-open-below class\n if (!this.hasBit(corner, CornerBit.BOTTOM)) {\n this.adapter.addClass(MDCMenuSurfaceFoundation.cssClasses.IS_OPEN_BELOW);\n }\n };\n /**\n * @return Measurements used to position menu surface popup.\n */\n MDCMenuSurfaceFoundation.prototype.getAutoLayoutmeasurements = function () {\n var anchorRect = this.adapter.getAnchorDimensions();\n var bodySize = this.adapter.getBodyDimensions();\n var viewportSize = this.adapter.getWindowDimensions();\n var windowScroll = this.adapter.getWindowScroll();\n if (!anchorRect) {\n // tslint:disable:object-literal-sort-keys Positional properties are more readable when they're grouped together\n anchorRect = {\n top: this.position.y,\n right: this.position.x,\n bottom: this.position.y,\n left: this.position.x,\n width: 0,\n height: 0,\n };\n // tslint:enable:object-literal-sort-keys\n }\n return {\n anchorSize: anchorRect,\n bodySize: bodySize,\n surfaceSize: this.dimensions,\n viewportDistance: {\n // tslint:disable:object-literal-sort-keys Positional properties are more readable when they're grouped together\n top: anchorRect.top,\n right: viewportSize.width - anchorRect.right,\n bottom: viewportSize.height - anchorRect.bottom,\n left: anchorRect.left,\n // tslint:enable:object-literal-sort-keys\n },\n viewportSize: viewportSize,\n windowScroll: windowScroll,\n };\n };\n /**\n * Computes the corner of the anchor from which to animate and position the\n * menu surface.\n *\n * Only LEFT or RIGHT bit is used to position the menu surface ignoring RTL\n * context. E.g., menu surface will be positioned from right side on TOP_END.\n */\n MDCMenuSurfaceFoundation.prototype.getoriginCorner = function () {\n var corner = this.originCorner;\n var _a = this.measurements, viewportDistance = _a.viewportDistance, anchorSize = _a.anchorSize, surfaceSize = _a.surfaceSize;\n var MARGIN_TO_EDGE = MDCMenuSurfaceFoundation.numbers.MARGIN_TO_EDGE;\n var isAnchoredToBottom = this.hasBit(this.anchorCorner, CornerBit.BOTTOM);\n var availableTop;\n var availableBottom;\n if (isAnchoredToBottom) {\n availableTop =\n viewportDistance.top - MARGIN_TO_EDGE + this.anchorMargin.bottom;\n availableBottom =\n viewportDistance.bottom - MARGIN_TO_EDGE - this.anchorMargin.bottom;\n }\n else {\n availableTop =\n viewportDistance.top - MARGIN_TO_EDGE + this.anchorMargin.top;\n availableBottom = viewportDistance.bottom - MARGIN_TO_EDGE +\n anchorSize.height - this.anchorMargin.top;\n }\n var isAvailableBottom = availableBottom - surfaceSize.height > 0;\n if (!isAvailableBottom && availableTop > availableBottom) {\n // Attach bottom side of surface to the anchor.\n corner = this.setBit(corner, CornerBit.BOTTOM);\n }\n var isRtl = this.adapter.isRtl();\n var isFlipRtl = this.hasBit(this.anchorCorner, CornerBit.FLIP_RTL);\n var hasRightBit = this.hasBit(this.anchorCorner, CornerBit.RIGHT) ||\n this.hasBit(corner, CornerBit.RIGHT);\n // Whether surface attached to right side of anchor element.\n var isAnchoredToRight = false;\n // Anchored to start\n if (isRtl && isFlipRtl) {\n isAnchoredToRight = !hasRightBit;\n }\n else {\n // Anchored to right\n isAnchoredToRight = hasRightBit;\n }\n var availableLeft;\n var availableRight;\n if (isAnchoredToRight) {\n availableLeft =\n viewportDistance.left + anchorSize.width + this.anchorMargin.right;\n availableRight = viewportDistance.right - this.anchorMargin.right;\n }\n else {\n availableLeft = viewportDistance.left + this.anchorMargin.left;\n availableRight =\n viewportDistance.right + anchorSize.width - this.anchorMargin.left;\n }\n var isAvailableLeft = availableLeft - surfaceSize.width > 0;\n var isAvailableRight = availableRight - surfaceSize.width > 0;\n var isOriginCornerAlignedToEnd = this.hasBit(corner, CornerBit.FLIP_RTL) &&\n this.hasBit(corner, CornerBit.RIGHT);\n if (isAvailableRight && isOriginCornerAlignedToEnd && isRtl ||\n !isAvailableLeft && isOriginCornerAlignedToEnd) {\n // Attach left side of surface to the anchor.\n corner = this.unsetBit(corner, CornerBit.RIGHT);\n }\n else if (isAvailableLeft && isAnchoredToRight && isRtl ||\n (isAvailableLeft && !isAnchoredToRight && hasRightBit) ||\n (!isAvailableRight && availableLeft >= availableRight)) {\n // Attach right side of surface to the anchor.\n corner = this.setBit(corner, CornerBit.RIGHT);\n }\n return corner;\n };\n /**\n * @param corner Origin corner of the menu surface.\n * @return Maximum height of the menu surface, based on available space. 0 indicates should not be set.\n */\n MDCMenuSurfaceFoundation.prototype.getMenuSurfaceMaxHeight = function (corner) {\n if (this.maxHeight > 0) {\n return this.maxHeight;\n }\n var viewportDistance = this.measurements.viewportDistance;\n var maxHeight = 0;\n var isBottomAligned = this.hasBit(corner, CornerBit.BOTTOM);\n var isBottomAnchored = this.hasBit(this.anchorCorner, CornerBit.BOTTOM);\n var MARGIN_TO_EDGE = MDCMenuSurfaceFoundation.numbers.MARGIN_TO_EDGE;\n // When maximum height is not specified, it is handled from CSS.\n if (isBottomAligned) {\n maxHeight = viewportDistance.top + this.anchorMargin.top - MARGIN_TO_EDGE;\n if (!isBottomAnchored) {\n maxHeight += this.measurements.anchorSize.height;\n }\n }\n else {\n maxHeight = viewportDistance.bottom - this.anchorMargin.bottom +\n this.measurements.anchorSize.height - MARGIN_TO_EDGE;\n if (isBottomAnchored) {\n maxHeight -= this.measurements.anchorSize.height;\n }\n }\n return maxHeight;\n };\n /**\n * @param corner Origin corner of the menu surface.\n * @return Horizontal offset of menu surface origin corner from corresponding anchor corner.\n */\n MDCMenuSurfaceFoundation.prototype.getHorizontalOriginOffset = function (corner) {\n var anchorSize = this.measurements.anchorSize;\n // isRightAligned corresponds to using the 'right' property on the surface.\n var isRightAligned = this.hasBit(corner, CornerBit.RIGHT);\n var avoidHorizontalOverlap = this.hasBit(this.anchorCorner, CornerBit.RIGHT);\n if (isRightAligned) {\n var rightOffset = avoidHorizontalOverlap ?\n anchorSize.width - this.anchorMargin.left :\n this.anchorMargin.right;\n // For hoisted or fixed elements, adjust the offset by the difference\n // between viewport width and body width so when we calculate the right\n // value (`adjustPositionForHoistedElement`) based on the element\n // position, the right property is correct.\n if (this.isHoistedElement || this.isFixedPosition) {\n return rightOffset -\n (this.measurements.viewportSize.width -\n this.measurements.bodySize.width);\n }\n return rightOffset;\n }\n return avoidHorizontalOverlap ? anchorSize.width - this.anchorMargin.right :\n this.anchorMargin.left;\n };\n /**\n * @param corner Origin corner of the menu surface.\n * @return Vertical offset of menu surface origin corner from corresponding anchor corner.\n */\n MDCMenuSurfaceFoundation.prototype.getVerticalOriginOffset = function (corner) {\n var anchorSize = this.measurements.anchorSize;\n var isBottomAligned = this.hasBit(corner, CornerBit.BOTTOM);\n var avoidVerticalOverlap = this.hasBit(this.anchorCorner, CornerBit.BOTTOM);\n var y = 0;\n if (isBottomAligned) {\n y = avoidVerticalOverlap ? anchorSize.height - this.anchorMargin.top :\n -this.anchorMargin.bottom;\n }\n else {\n y = avoidVerticalOverlap ?\n (anchorSize.height + this.anchorMargin.bottom) :\n this.anchorMargin.top;\n }\n return y;\n };\n /** Calculates the offsets for positioning the menu-surface when the menu-surface has been hoisted to the body. */\n MDCMenuSurfaceFoundation.prototype.adjustPositionForHoistedElement = function (position) {\n var e_1, _a;\n var _b = this.measurements, windowScroll = _b.windowScroll, viewportDistance = _b.viewportDistance, surfaceSize = _b.surfaceSize, viewportSize = _b.viewportSize;\n var props = Object.keys(position);\n try {\n for (var props_1 = __values(props), props_1_1 = props_1.next(); !props_1_1.done; props_1_1 = props_1.next()) {\n var prop = props_1_1.value;\n var value = position[prop] || 0;\n if (this.isHorizontallyCenteredOnViewport &&\n (prop === 'left' || prop === 'right')) {\n position[prop] = (viewportSize.width - surfaceSize.width) / 2;\n continue;\n }\n // Hoisted surfaces need to have the anchor elements location on the page added to the\n // position properties for proper alignment on the body.\n value += viewportDistance[prop];\n // Surfaces that are absolutely positioned need to have additional calculations for scroll\n // and bottom positioning.\n if (!this.isFixedPosition) {\n if (prop === 'top') {\n value += windowScroll.y;\n }\n else if (prop === 'bottom') {\n value -= windowScroll.y;\n }\n else if (prop === 'left') {\n value += windowScroll.x;\n }\n else { // prop === 'right'\n value -= windowScroll.x;\n }\n }\n position[prop] = value;\n }\n }\n catch (e_1_1) { e_1 = { error: e_1_1 }; }\n finally {\n try {\n if (props_1_1 && !props_1_1.done && (_a = props_1.return)) _a.call(props_1);\n }\n finally { if (e_1) throw e_1.error; }\n }\n };\n /**\n * The last focused element when the menu surface was opened should regain focus, if the user is\n * focused on or within the menu surface when it is closed.\n */\n MDCMenuSurfaceFoundation.prototype.maybeRestoreFocus = function () {\n var isRootFocused = this.adapter.isFocused();\n var childHasFocus = document.activeElement &&\n this.adapter.isElementInContainer(document.activeElement);\n if (isRootFocused || childHasFocus) {\n this.adapter.restoreFocus();\n }\n };\n MDCMenuSurfaceFoundation.prototype.hasBit = function (corner, bit) {\n return Boolean(corner & bit); // tslint:disable-line:no-bitwise\n };\n MDCMenuSurfaceFoundation.prototype.setBit = function (corner, bit) {\n return corner | bit; // tslint:disable-line:no-bitwise\n };\n MDCMenuSurfaceFoundation.prototype.unsetBit = function (corner, bit) {\n return corner ^ bit;\n };\n /**\n * isFinite that doesn't force conversion to number type.\n * Equivalent to Number.isFinite in ES2015, which is not supported in IE.\n */\n MDCMenuSurfaceFoundation.prototype.isFinite = function (num) {\n return typeof num === 'number' && isFinite(num);\n };\n return MDCMenuSurfaceFoundation;\n}(MDCFoundation));\nexport { MDCMenuSurfaceFoundation };\n// tslint:disable-next-line:no-default-export Needed for backward compatibility with MDC Web v0.44.0 and earlier.\nexport default MDCMenuSurfaceFoundation;\n//# sourceMappingURL=foundation.js.map","/**\n * @license\n * Copyright 2016 Google Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */\nvar cssPropertyNameMap = {\n animation: {\n prefixed: '-webkit-animation',\n standard: 'animation',\n },\n transform: {\n prefixed: '-webkit-transform',\n standard: 'transform',\n },\n transition: {\n prefixed: '-webkit-transition',\n standard: 'transition',\n },\n};\nvar jsEventTypeMap = {\n animationend: {\n cssProperty: 'animation',\n prefixed: 'webkitAnimationEnd',\n standard: 'animationend',\n },\n animationiteration: {\n cssProperty: 'animation',\n prefixed: 'webkitAnimationIteration',\n standard: 'animationiteration',\n },\n animationstart: {\n cssProperty: 'animation',\n prefixed: 'webkitAnimationStart',\n standard: 'animationstart',\n },\n transitionend: {\n cssProperty: 'transition',\n prefixed: 'webkitTransitionEnd',\n standard: 'transitionend',\n },\n};\nfunction isWindow(windowObj) {\n return Boolean(windowObj.document) && typeof windowObj.document.createElement === 'function';\n}\nexport function getCorrectPropertyName(windowObj, cssProperty) {\n if (isWindow(windowObj) && cssProperty in cssPropertyNameMap) {\n var el = windowObj.document.createElement('div');\n var _a = cssPropertyNameMap[cssProperty], standard = _a.standard, prefixed = _a.prefixed;\n var isStandard = standard in el.style;\n return isStandard ? standard : prefixed;\n }\n return cssProperty;\n}\nexport function getCorrectEventName(windowObj, eventType) {\n if (isWindow(windowObj) && eventType in jsEventTypeMap) {\n var el = windowObj.document.createElement('div');\n var _a = jsEventTypeMap[eventType], standard = _a.standard, prefixed = _a.prefixed, cssProperty = _a.cssProperty;\n var isStandard = cssProperty in el.style;\n return isStandard ? standard : prefixed;\n }\n return eventType;\n}\n//# sourceMappingURL=util.js.map","/**\n * @license\n * Copyright 2018 Google Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */\nvar cssClasses = {\n MENU_SELECTED_LIST_ITEM: 'mdc-menu-item--selected',\n MENU_SELECTION_GROUP: 'mdc-menu__selection-group',\n ROOT: 'mdc-menu',\n};\nvar strings = {\n ARIA_CHECKED_ATTR: 'aria-checked',\n ARIA_DISABLED_ATTR: 'aria-disabled',\n CHECKBOX_SELECTOR: 'input[type=\"checkbox\"]',\n LIST_SELECTOR: '.mdc-list,.mdc-deprecated-list',\n SELECTED_EVENT: 'MDCMenu:selected',\n};\nvar numbers = {\n FOCUS_ROOT_INDEX: -1,\n};\nvar DefaultFocusState;\n(function (DefaultFocusState) {\n DefaultFocusState[DefaultFocusState[\"NONE\"] = 0] = \"NONE\";\n DefaultFocusState[DefaultFocusState[\"LIST_ROOT\"] = 1] = \"LIST_ROOT\";\n DefaultFocusState[DefaultFocusState[\"FIRST_ITEM\"] = 2] = \"FIRST_ITEM\";\n DefaultFocusState[DefaultFocusState[\"LAST_ITEM\"] = 3] = \"LAST_ITEM\";\n})(DefaultFocusState || (DefaultFocusState = {}));\nexport { cssClasses, strings, numbers, DefaultFocusState };\n//# sourceMappingURL=constants.js.map","/**\n * @license\n * Copyright 2018 Google Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */\nimport { __assign, __extends } from \"tslib\";\nimport { MDCFoundation } from '@material/base/foundation';\nimport { cssClasses as listCssClasses } from '@material/list/constants';\nimport { MDCMenuSurfaceFoundation } from '@material/menu-surface/foundation';\nimport { cssClasses, DefaultFocusState, numbers, strings } from './constants';\nvar MDCMenuFoundation = /** @class */ (function (_super) {\n __extends(MDCMenuFoundation, _super);\n function MDCMenuFoundation(adapter) {\n var _this = _super.call(this, __assign(__assign({}, MDCMenuFoundation.defaultAdapter), adapter)) || this;\n _this.closeAnimationEndTimerId_ = 0;\n _this.defaultFocusState_ = DefaultFocusState.LIST_ROOT;\n return _this;\n }\n Object.defineProperty(MDCMenuFoundation, \"cssClasses\", {\n get: function () {\n return cssClasses;\n },\n enumerable: false,\n configurable: true\n });\n Object.defineProperty(MDCMenuFoundation, \"strings\", {\n get: function () {\n return strings;\n },\n enumerable: false,\n configurable: true\n });\n Object.defineProperty(MDCMenuFoundation, \"numbers\", {\n get: function () {\n return numbers;\n },\n enumerable: false,\n configurable: true\n });\n Object.defineProperty(MDCMenuFoundation, \"defaultAdapter\", {\n /**\n * @see {@link MDCMenuAdapter} for typing information on parameters and return types.\n */\n get: function () {\n // tslint:disable:object-literal-sort-keys Methods should be in the same order as the adapter interface.\n return {\n addClassToElementAtIndex: function () { return undefined; },\n removeClassFromElementAtIndex: function () { return undefined; },\n addAttributeToElementAtIndex: function () { return undefined; },\n removeAttributeFromElementAtIndex: function () { return undefined; },\n elementContainsClass: function () { return false; },\n closeSurface: function () { return undefined; },\n getElementIndex: function () { return -1; },\n notifySelected: function () { return undefined; },\n getMenuItemCount: function () { return 0; },\n focusItemAtIndex: function () { return undefined; },\n focusListRoot: function () { return undefined; },\n getSelectedSiblingOfItemAtIndex: function () { return -1; },\n isSelectableItemAtIndex: function () { return false; },\n };\n // tslint:enable:object-literal-sort-keys\n },\n enumerable: false,\n configurable: true\n });\n MDCMenuFoundation.prototype.destroy = function () {\n if (this.closeAnimationEndTimerId_) {\n clearTimeout(this.closeAnimationEndTimerId_);\n }\n this.adapter.closeSurface();\n };\n MDCMenuFoundation.prototype.handleKeydown = function (evt) {\n var key = evt.key, keyCode = evt.keyCode;\n var isTab = key === 'Tab' || keyCode === 9;\n if (isTab) {\n this.adapter.closeSurface(/** skipRestoreFocus */ true);\n }\n };\n MDCMenuFoundation.prototype.handleItemAction = function (listItem) {\n var _this = this;\n var index = this.adapter.getElementIndex(listItem);\n if (index < 0) {\n return;\n }\n this.adapter.notifySelected({ index: index });\n this.adapter.closeSurface();\n // Wait for the menu to close before adding/removing classes that affect styles.\n this.closeAnimationEndTimerId_ = setTimeout(function () {\n // Recompute the index in case the menu contents have changed.\n var recomputedIndex = _this.adapter.getElementIndex(listItem);\n if (recomputedIndex >= 0 &&\n _this.adapter.isSelectableItemAtIndex(recomputedIndex)) {\n _this.setSelectedIndex(recomputedIndex);\n }\n }, MDCMenuSurfaceFoundation.numbers.TRANSITION_CLOSE_DURATION);\n };\n MDCMenuFoundation.prototype.handleMenuSurfaceOpened = function () {\n switch (this.defaultFocusState_) {\n case DefaultFocusState.FIRST_ITEM:\n this.adapter.focusItemAtIndex(0);\n break;\n case DefaultFocusState.LAST_ITEM:\n this.adapter.focusItemAtIndex(this.adapter.getMenuItemCount() - 1);\n break;\n case DefaultFocusState.NONE:\n // Do nothing.\n break;\n default:\n this.adapter.focusListRoot();\n break;\n }\n };\n /**\n * Sets default focus state where the menu should focus every time when menu\n * is opened. Focuses the list root (`DefaultFocusState.LIST_ROOT`) element by\n * default.\n */\n MDCMenuFoundation.prototype.setDefaultFocusState = function (focusState) {\n this.defaultFocusState_ = focusState;\n };\n /**\n * Selects the list item at `index` within the menu.\n * @param index Index of list item within the menu.\n */\n MDCMenuFoundation.prototype.setSelectedIndex = function (index) {\n this.validatedIndex_(index);\n if (!this.adapter.isSelectableItemAtIndex(index)) {\n throw new Error('MDCMenuFoundation: No selection group at specified index.');\n }\n var prevSelectedIndex = this.adapter.getSelectedSiblingOfItemAtIndex(index);\n if (prevSelectedIndex >= 0) {\n this.adapter.removeAttributeFromElementAtIndex(prevSelectedIndex, strings.ARIA_CHECKED_ATTR);\n this.adapter.removeClassFromElementAtIndex(prevSelectedIndex, cssClasses.MENU_SELECTED_LIST_ITEM);\n }\n this.adapter.addClassToElementAtIndex(index, cssClasses.MENU_SELECTED_LIST_ITEM);\n this.adapter.addAttributeToElementAtIndex(index, strings.ARIA_CHECKED_ATTR, 'true');\n };\n /**\n * Sets the enabled state to isEnabled for the menu item at the given index.\n * @param index Index of the menu item\n * @param isEnabled The desired enabled state of the menu item.\n */\n MDCMenuFoundation.prototype.setEnabled = function (index, isEnabled) {\n this.validatedIndex_(index);\n if (isEnabled) {\n this.adapter.removeClassFromElementAtIndex(index, listCssClasses.LIST_ITEM_DISABLED_CLASS);\n this.adapter.addAttributeToElementAtIndex(index, strings.ARIA_DISABLED_ATTR, 'false');\n }\n else {\n this.adapter.addClassToElementAtIndex(index, listCssClasses.LIST_ITEM_DISABLED_CLASS);\n this.adapter.addAttributeToElementAtIndex(index, strings.ARIA_DISABLED_ATTR, 'true');\n }\n };\n MDCMenuFoundation.prototype.validatedIndex_ = function (index) {\n var menuSize = this.adapter.getMenuItemCount();\n var isIndexInRange = index >= 0 && index < menuSize;\n if (!isIndexInRange) {\n throw new Error('MDCMenuFoundation: No list item at specified index.');\n }\n };\n return MDCMenuFoundation;\n}(MDCFoundation));\nexport { MDCMenuFoundation };\n// tslint:disable-next-line:no-default-export Needed for backward compatibility with MDC Web v0.44.0 and earlier.\nexport default MDCMenuFoundation;\n//# sourceMappingURL=foundation.js.map","\n \n \n \n {tooltipText}\n \n \n \n
\n {/if}\n\n {label}
\n help
\n \n {#if starRating !== null && starRating !== undefined}\n
\n{starRating}
\n \n {/if}\n {#if percentage !== null && starRating !== undefined}\n {percentage}%
\n {/if}\n