@skyux/tabs 4.7.0 → 5.0.0-beta.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/bundles/skyux-tabs-testing.umd.js +324 -221
- package/bundles/skyux-tabs-testing.umd.js.map +1 -1
- package/bundles/skyux-tabs.umd.js +648 -792
- package/bundles/skyux-tabs.umd.js.map +1 -1
- package/documentation.json +5484 -0
- package/esm2015/modules/sectioned-form/sectioned-form-section.component.js +29 -32
- package/esm2015/modules/sectioned-form/sectioned-form.component.js +52 -41
- package/esm2015/modules/sectioned-form/sectioned-form.module.js +30 -21
- package/esm2015/modules/sectioned-form/sectioned-form.service.js +9 -8
- package/esm2015/modules/shared/sky-tabs-resources.module.js +41 -0
- package/esm2015/modules/tabs/tab-button.component.js +41 -47
- package/esm2015/modules/tabs/tab-index.js +2 -1
- package/esm2015/modules/tabs/tab.component.js +31 -41
- package/esm2015/modules/tabs/tabs.module.js +45 -23
- package/esm2015/modules/tabs/tabset-active-tab-unregistered-args.js +2 -1
- package/esm2015/modules/tabs/tabset-adapter.service.js +9 -8
- package/esm2015/modules/tabs/tabset-buttons-display-mode.js +2 -1
- package/esm2015/modules/tabs/tabset-nav-button.component.js +21 -26
- package/esm2015/modules/tabs/tabset-permalink.service.js +11 -15
- package/esm2015/modules/tabs/tabset-style.js +2 -1
- package/esm2015/modules/tabs/tabset-tab-indexes-change.js +2 -1
- package/esm2015/modules/tabs/tabset.component.js +56 -57
- package/esm2015/modules/tabs/tabset.service.js +10 -8
- package/esm2015/modules/vertical-tabset/vertical-tab-media-query.service.js +9 -8
- package/esm2015/modules/vertical-tabset/vertical-tab.component.js +59 -65
- package/esm2015/modules/vertical-tabset/vertical-tabset-adapter.service.js +10 -15
- package/esm2015/modules/vertical-tabset/vertical-tabset-group.component.js +75 -54
- package/esm2015/modules/vertical-tabset/vertical-tabset.component.js +63 -62
- package/esm2015/modules/vertical-tabset/vertical-tabset.module.js +41 -30
- package/esm2015/modules/vertical-tabset/vertical-tabset.service.js +19 -16
- package/esm2015/public-api.js +23 -0
- package/esm2015/skyux-tabs.js +2 -18
- package/esm2015/testing/public-api.js +3 -0
- package/esm2015/testing/skyux-tabs-testing.js +2 -2
- package/esm2015/testing/tabs/tab-fixture-tab.js +2 -1
- package/esm2015/testing/tabs/tabset-fixture.js +1 -1
- package/fesm2015/skyux-tabs-testing.js.map +1 -1
- package/fesm2015/skyux-tabs.js +588 -529
- package/fesm2015/skyux-tabs.js.map +1 -1
- package/modules/sectioned-form/sectioned-form-section.component.d.ts +3 -0
- package/modules/sectioned-form/sectioned-form.component.d.ts +3 -0
- package/modules/sectioned-form/sectioned-form.module.d.ts +9 -0
- package/modules/sectioned-form/sectioned-form.service.d.ts +3 -0
- package/modules/shared/sky-tabs-resources.module.d.ts +14 -0
- package/modules/tabs/tab-button.component.d.ts +3 -0
- package/modules/tabs/tab.component.d.ts +3 -0
- package/modules/tabs/tabs.module.d.ts +15 -0
- package/modules/tabs/tabset-adapter.service.d.ts +3 -0
- package/modules/tabs/tabset-nav-button.component.d.ts +3 -0
- package/modules/tabs/tabset-permalink.service.d.ts +3 -0
- package/modules/tabs/tabset.component.d.ts +4 -1
- package/modules/tabs/tabset.service.d.ts +3 -0
- package/modules/vertical-tabset/vertical-tab-media-query.service.d.ts +3 -0
- package/modules/vertical-tabset/vertical-tab.component.d.ts +3 -0
- package/modules/vertical-tabset/vertical-tabset-adapter.service.d.ts +3 -1
- package/modules/vertical-tabset/vertical-tabset-group.component.d.ts +3 -0
- package/modules/vertical-tabset/vertical-tabset.component.d.ts +4 -4
- package/modules/vertical-tabset/vertical-tabset.module.d.ts +11 -0
- package/modules/vertical-tabset/vertical-tabset.service.d.ts +3 -0
- package/package.json +14 -29
- package/public-api.d.ts +16 -0
- package/skyux-tabs.d.ts +2 -17
- package/testing/package.json +2 -5
- package/testing/{public_api.d.ts → public-api.d.ts} +0 -0
- package/testing/skyux-tabs-testing.d.ts +2 -1
- package/CHANGELOG.md +0 -222
- package/bundles/skyux-tabs-testing.umd.min.js +0 -16
- package/bundles/skyux-tabs-testing.umd.min.js.map +0 -1
- package/bundles/skyux-tabs.umd.min.js +0 -16
- package/bundles/skyux-tabs.umd.min.js.map +0 -1
- package/esm2015/modules/shared/tabs-resources.module.js +0 -17
- package/esm2015/plugin-resources/tabs-resources-provider.js +0 -16
- package/esm2015/public_api.js +0 -10
- package/esm2015/testing/public_api.js +0 -2
- package/esm5/modules/sectioned-form/sectioned-form-section.component.js +0 -84
- package/esm5/modules/sectioned-form/sectioned-form.component.js +0 -111
- package/esm5/modules/sectioned-form/sectioned-form.module.js +0 -33
- package/esm5/modules/sectioned-form/sectioned-form.service.js +0 -35
- package/esm5/modules/shared/tabs-resources.module.js +0 -20
- package/esm5/modules/tabs/tab-button.component.js +0 -72
- package/esm5/modules/tabs/tab-index.js +0 -1
- package/esm5/modules/tabs/tab.component.js +0 -173
- package/esm5/modules/tabs/tabs.module.js +0 -44
- package/esm5/modules/tabs/tabset-active-tab-unregistered-args.js +0 -1
- package/esm5/modules/tabs/tabset-adapter.service.js +0 -58
- package/esm5/modules/tabs/tabset-buttons-display-mode.js +0 -1
- package/esm5/modules/tabs/tabset-nav-button.component.js +0 -145
- package/esm5/modules/tabs/tabset-permalink.service.js +0 -129
- package/esm5/modules/tabs/tabset-style.js +0 -1
- package/esm5/modules/tabs/tabset-tab-indexes-change.js +0 -1
- package/esm5/modules/tabs/tabset.component.js +0 -434
- package/esm5/modules/tabs/tabset.service.js +0 -122
- package/esm5/modules/vertical-tabset/vertical-tab-media-query.service.js +0 -76
- package/esm5/modules/vertical-tabset/vertical-tab.component.js +0 -214
- package/esm5/modules/vertical-tabset/vertical-tabset-adapter.service.js +0 -51
- package/esm5/modules/vertical-tabset/vertical-tabset-group.component.js +0 -119
- package/esm5/modules/vertical-tabset/vertical-tabset.component.js +0 -145
- package/esm5/modules/vertical-tabset/vertical-tabset.module.js +0 -46
- package/esm5/modules/vertical-tabset/vertical-tabset.service.js +0 -176
- package/esm5/plugin-resources/tabs-resources-provider.js +0 -17
- package/esm5/public_api.js +0 -10
- package/esm5/skyux-tabs.js +0 -21
- package/esm5/testing/public_api.js +0 -2
- package/esm5/testing/skyux-tabs-testing.js +0 -5
- package/esm5/testing/tabs/tab-fixture-tab.js +0 -1
- package/esm5/testing/tabs/tabset-fixture.js +0 -168
- package/fesm5/skyux-tabs-testing.js +0 -174
- package/fesm5/skyux-tabs-testing.js.map +0 -1
- package/fesm5/skyux-tabs.js +0 -2183
- package/fesm5/skyux-tabs.js.map +0 -1
- package/modules/shared/tabs-resources.module.d.ts +0 -2
- package/plugin-resources/tabs-resources-provider.d.ts +0 -5
- package/public_api.d.ts +0 -9
- package/skyux-tabs.metadata.json +0 -1
- package/src/assets/img/guidelines/tabs/tabs-anatomy.png +0 -0
- package/src/assets/img/guidelines/tabs/tabs-behavior-1.png +0 -0
- package/src/assets/img/guidelines/tabs/tabs-layout-1.png +0 -0
- package/src/assets/img/guidelines/tabs/tabs-layout-2.png +0 -0
- package/src/assets/img/guidelines/tabs/tabs-layout-3.png +0 -0
- package/src/assets/img/guidelines/tabs/tabs-layout-4.png +0 -0
- package/src/assets/img/guidelines/tabs/tabs-options-1.png +0 -0
- package/src/assets/img/guidelines/tabs/tabs-options-2.png +0 -0
- package/src/assets/img/guidelines/tabs/tabs-state-collapsed-closed.png +0 -0
- package/src/assets/img/guidelines/tabs/tabs-state-collapsed-open.png +0 -0
- package/src/assets/img/guidelines/tabs/tabs-state-hover.png +0 -0
- package/src/assets/img/guidelines/tabs/tabs-state-selected.png +0 -0
- package/src/assets/img/guidelines/tabs/tabs-state-unselected.png +0 -0
- package/src/assets/img/guidelines/tabs/tabs-usage-1.png +0 -0
- package/src/assets/img/guidelines/tabs/tabs-usage-2.png +0 -0
- package/src/assets/img/guidelines/tabs/tabs-usage-3.png +0 -0
- package/src/assets/img/guidelines/tabs/tabs-usage-4.png +0 -0
- package/src/assets/img/guidelines/tabs/tabs-usage-5.png +0 -0
- package/src/assets/img/guidelines/vertical-tabs/vertical-tabs-anatomy-1.png +0 -0
- package/src/assets/img/guidelines/vertical-tabs/vertical-tabs-anatomy-2.png +0 -0
- package/src/assets/img/guidelines/vertical-tabs/vertical-tabs-layout-1.png +0 -0
- package/src/assets/img/guidelines/vertical-tabs/vertical-tabs-state-hover.png +0 -0
- package/src/assets/img/guidelines/vertical-tabs/vertical-tabs-state-selected-group.png +0 -0
- package/src/assets/img/guidelines/vertical-tabs/vertical-tabs-state-selected.png +0 -0
- package/src/assets/img/guidelines/vertical-tabs/vertical-tabs-state-unselected-group.png +0 -0
- package/src/assets/img/guidelines/vertical-tabs/vertical-tabs-state-unselected.png +0 -0
- package/src/assets/img/guidelines/vertical-tabs/vertical-tabs-usage-1.png +0 -0
- package/src/assets/img/guidelines/vertical-tabs/vertical-tabs-usage-2.png +0 -0
- package/src/assets/img/guidelines/vertical-tabs/vertical-tabs-usage-3.png +0 -0
- package/src/assets/img/guidelines/vertical-tabs/vertical-tabs-usage-4.png +0 -0
- package/src/assets/img/guidelines/vertical-tabs/vertical-tabs-usage-5.png +0 -0
- package/src/assets/img/guidelines/vertical-tabs/vertical-tabs-usage-6.png +0 -0
- package/src/assets/img/guidelines/vertical-tabs/vertical-tabs-usage-7.png +0 -0
- package/src/assets/locales/resources_en_US.json +0 -26
- package/testing/skyux-tabs-testing.metadata.json +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"skyux-tabs-testing.umd.js","sources":["../../../node_modules/tslib/tslib.es6.js","ng://@skyux/tabs/testing/tabs/tabset-fixture.ts"],"sourcesContent":["/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\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 (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\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 function __createBinding(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, exports) {\r\n for (var p in m) if (p !== \"default\" && !exports.hasOwnProperty(p)) exports[p] = 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\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\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 __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\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 (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];\r\n result.default = 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, privateMap) {\r\n if (!privateMap.has(receiver)) {\r\n throw new TypeError(\"attempted to get private field on non-instance\");\r\n }\r\n return privateMap.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, privateMap, value) {\r\n if (!privateMap.has(receiver)) {\r\n throw new TypeError(\"attempted to set private field on non-instance\");\r\n }\r\n privateMap.set(receiver, value);\r\n return value;\r\n}\r\n","import {\n ComponentFixture\n} from '@angular/core/testing';\n\nimport {\n DebugElement\n} from '@angular/core';\n\nimport {\n By\n} from '@angular/platform-browser';\n\nimport {\n SkyAppTestUtility\n} from '@skyux-sdk/testing';\n\nimport {\n SkyTabsetFixtureTab\n} from './tab-fixture-tab';\n\n/**\n * Allows interaction with a SKY UX tabset component.\n */\nexport class SkyTabsetFixture {\n\n /**\n * The tabset component's ARIA label.\n */\n public get ariaLabel(): string {\n const tabsetEl = this.getTabsetEl();\n return tabsetEl.getAttribute('aria-label') || undefined;\n }\n\n /**\n * The tabset component's ARIA labelled by attribute.\n */\n public get ariaLabelledBy(): string {\n const tabsetEl = this.getTabsetEl();\n return tabsetEl.getAttribute('aria-labelledby') || undefined;\n }\n\n /**\n * The index of the currently selected tab.\n */\n public get activeTabIndex(): number {\n const tabLinkEls = this.getTabLinkEls();\n\n for (let i = 0, n = tabLinkEls.length; i < n; i++) {\n if (tabLinkEls.item(i).classList.contains('sky-btn-tab-selected')) {\n return i;\n }\n }\n\n return -1;\n }\n\n private debugEl: DebugElement;\n\n constructor(\n private fixture: ComponentFixture<any>,\n skyTestId: string\n ) {\n this.debugEl = SkyAppTestUtility.getDebugElementByTestId(fixture, skyTestId, 'sky-tabset');\n }\n\n /**\n * Retrieves information about the tab at the specified index.\n * @param tabIndex The index of the tab.\n */\n public getTab(tabIndex: number): SkyTabsetFixtureTab {\n const tabLinkEl = this.getTabLinkEl(tabIndex);\n\n const active = this.activeTabIndex === tabIndex;\n const disabled = tabLinkEl.classList.contains('sky-btn-tab-disabled');\n const tabHeading = this.getTextContent(\n tabLinkEl.querySelector('.sky-tab-heading').childNodes[0]\n );\n const tabHeaderCount = this.getTextContent(tabLinkEl.querySelector('.sky-tab-header-count'));\n\n let permalinkValue: string;\n\n if (tabLinkEl.href) {\n const permalink = tabLinkEl.href.split('?')[1];\n if (permalink) {\n const permalinkParts = permalink.split('=');\n\n permalinkValue = decodeURIComponent(permalinkParts[1]);\n }\n }\n\n return {\n active,\n disabled,\n permalinkValue,\n tabHeaderCount,\n tabHeading\n };\n }\n\n /**\n * Clicks the tabset's \"new\" button.\n */\n public async clickNewButton(): Promise<any> {\n return this.clickButton('sky-tabset-btn-new');\n }\n\n /**\n * Clicks the tabset's \"open\" button.\n */\n public async clickOpenButton(): Promise<any> {\n return this.clickButton('sky-tabset-btn-open');\n }\n\n /**\n * Clicks the tab button at the specified index.\n * @param tabIndex The index of the tab.\n */\n public async clickTab(tabIndex: number): Promise<any> {\n const tabLinkEl = this.getTabLinkEl(tabIndex);\n\n if (!tabLinkEl) {\n throw new Error(`There is no tab at index ${tabIndex}.`);\n }\n\n tabLinkEl.click();\n\n this.fixture.detectChanges();\n return this.fixture.whenStable();\n }\n\n /**\n * Click's the tab's close button at the specified index.\n * @param tabIndex The index of the tab.\n */\n public async clickTabClose(tabIndex: number): Promise<any> {\n const tabWrapperEl = this.getTabsetEl().querySelectorAll(\n `.sky-tabset-tabs .sky-btn-tab-wrapper`\n )[tabIndex];\n\n if (!tabWrapperEl) {\n throw new Error(`There is no tab at index ${tabIndex}.`);\n }\n\n const closeBtnEl = tabWrapperEl.querySelector('.sky-btn-tab-close') as HTMLButtonElement;\n\n if (!closeBtnEl) {\n throw new Error('The specified tab does not have a close button.');\n }\n\n closeBtnEl.click();\n\n this.fixture.detectChanges();\n return this.fixture.whenStable();\n }\n\n private async clickButton(buttonCls: string): Promise<any> {\n const tabsetEl = this.getTabsetEl();\n\n const newButtonEl =\n tabsetEl.querySelector(`.sky-tabset-btns .${buttonCls}`) as HTMLButtonElement;\n\n newButtonEl.click();\n\n this.fixture.detectChanges();\n return this.fixture.whenStable();\n }\n\n private getTabsetEl(): HTMLDivElement {\n const tabsetEl = this.debugEl.query(By.css('.sky-tabset')).nativeElement;\n\n return tabsetEl;\n }\n\n private getTabLinkEls(): NodeListOf<HTMLAnchorElement> {\n return this.getTabsetEl().querySelectorAll(\n `.sky-tabset-tabs .sky-btn-tab`\n );\n }\n\n private getTabLinkEl(tabIndex: number): HTMLAnchorElement {\n const tabLinkEl = this.getTabLinkEls().item(tabIndex);\n\n if (!tabLinkEl) {\n throw new Error(`There is no tab at index ${tabIndex}.`);\n }\n\n return tabLinkEl;\n }\n\n private getTextContent(el: Element | Node): string {\n return (el && el.textContent.trim()) || undefined;\n }\n\n}\n"],"names":["SkyAppTestUtility","By"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"skyux-tabs-testing.umd.js","sources":["../../../node_modules/tslib/tslib.es6.js","../../../projects/tabs/testing/src/tabs/tabset-fixture.ts","../../../projects/tabs/testing/src/skyux-tabs-testing.ts"],"sourcesContent":["/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\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 Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });\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","import {\n ComponentFixture\n} from '@angular/core/testing';\n\nimport {\n DebugElement\n} from '@angular/core';\n\nimport {\n By\n} from '@angular/platform-browser';\n\nimport {\n SkyAppTestUtility\n} from '@skyux-sdk/testing';\n\nimport {\n SkyTabsetFixtureTab\n} from './tab-fixture-tab';\n\n/**\n * Allows interaction with a SKY UX tabset component.\n */\nexport class SkyTabsetFixture {\n\n /**\n * The tabset component's ARIA label.\n */\n public get ariaLabel(): string {\n const tabsetEl = this.getTabsetEl();\n return tabsetEl.getAttribute('aria-label') || undefined;\n }\n\n /**\n * The tabset component's ARIA labelled by attribute.\n */\n public get ariaLabelledBy(): string {\n const tabsetEl = this.getTabsetEl();\n return tabsetEl.getAttribute('aria-labelledby') || undefined;\n }\n\n /**\n * The index of the currently selected tab.\n */\n public get activeTabIndex(): number {\n const tabLinkEls = this.getTabLinkEls();\n\n for (let i = 0, n = tabLinkEls.length; i < n; i++) {\n if (tabLinkEls.item(i).classList.contains('sky-btn-tab-selected')) {\n return i;\n }\n }\n\n return -1;\n }\n\n private debugEl: DebugElement;\n\n constructor(\n private fixture: ComponentFixture<any>,\n skyTestId: string\n ) {\n this.debugEl = SkyAppTestUtility.getDebugElementByTestId(fixture, skyTestId, 'sky-tabset');\n }\n\n /**\n * Retrieves information about the tab at the specified index.\n * @param tabIndex The index of the tab.\n */\n public getTab(tabIndex: number): SkyTabsetFixtureTab {\n const tabLinkEl = this.getTabLinkEl(tabIndex);\n\n const active = this.activeTabIndex === tabIndex;\n const disabled = tabLinkEl.classList.contains('sky-btn-tab-disabled');\n const tabHeading = this.getTextContent(\n tabLinkEl.querySelector('.sky-tab-heading').childNodes[0]\n );\n const tabHeaderCount = this.getTextContent(tabLinkEl.querySelector('.sky-tab-header-count'));\n\n let permalinkValue: string;\n\n if (tabLinkEl.href) {\n const permalink = tabLinkEl.href.split('?')[1];\n if (permalink) {\n const permalinkParts = permalink.split('=');\n\n permalinkValue = decodeURIComponent(permalinkParts[1]);\n }\n }\n\n return {\n active,\n disabled,\n permalinkValue,\n tabHeaderCount,\n tabHeading\n };\n }\n\n /**\n * Clicks the tabset's \"new\" button.\n */\n public async clickNewButton(): Promise<any> {\n return this.clickButton('sky-tabset-btn-new');\n }\n\n /**\n * Clicks the tabset's \"open\" button.\n */\n public async clickOpenButton(): Promise<any> {\n return this.clickButton('sky-tabset-btn-open');\n }\n\n /**\n * Clicks the tab button at the specified index.\n * @param tabIndex The index of the tab.\n */\n public async clickTab(tabIndex: number): Promise<any> {\n const tabLinkEl = this.getTabLinkEl(tabIndex);\n\n if (!tabLinkEl) {\n throw new Error(`There is no tab at index ${tabIndex}.`);\n }\n\n tabLinkEl.click();\n\n this.fixture.detectChanges();\n return this.fixture.whenStable();\n }\n\n /**\n * Click's the tab's close button at the specified index.\n * @param tabIndex The index of the tab.\n */\n public async clickTabClose(tabIndex: number): Promise<any> {\n const tabWrapperEl = this.getTabsetEl().querySelectorAll(\n `.sky-tabset-tabs .sky-btn-tab-wrapper`\n )[tabIndex];\n\n if (!tabWrapperEl) {\n throw new Error(`There is no tab at index ${tabIndex}.`);\n }\n\n const closeBtnEl = tabWrapperEl.querySelector('.sky-btn-tab-close') as HTMLButtonElement;\n\n if (!closeBtnEl) {\n throw new Error('The specified tab does not have a close button.');\n }\n\n closeBtnEl.click();\n\n this.fixture.detectChanges();\n return this.fixture.whenStable();\n }\n\n private async clickButton(buttonCls: string): Promise<any> {\n const tabsetEl = this.getTabsetEl();\n\n const newButtonEl =\n tabsetEl.querySelector(`.sky-tabset-btns .${buttonCls}`) as HTMLButtonElement;\n\n newButtonEl.click();\n\n this.fixture.detectChanges();\n return this.fixture.whenStable();\n }\n\n private getTabsetEl(): HTMLDivElement {\n const tabsetEl = this.debugEl.query(By.css('.sky-tabset')).nativeElement;\n\n return tabsetEl;\n }\n\n private getTabLinkEls(): NodeListOf<HTMLAnchorElement> {\n return this.getTabsetEl().querySelectorAll(\n `.sky-tabset-tabs .sky-btn-tab`\n );\n }\n\n private getTabLinkEl(tabIndex: number): HTMLAnchorElement {\n const tabLinkEl = this.getTabLinkEls().item(tabIndex);\n\n if (!tabLinkEl) {\n throw new Error(`There is no tab at index ${tabIndex}.`);\n }\n\n return tabLinkEl;\n }\n\n private getTextContent(el: Element | Node): string {\n return (el && el.textContent.trim()) || undefined;\n }\n\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["SkyAppTestUtility","By"],"mappings":"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"}
|
|
@@ -1,228 +1,38 @@
|
|
|
1
1
|
(function (global, factory) {
|
|
2
|
-
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/animations'), require('rxjs'), require('rxjs/operators'), require('@skyux/core'), require('@skyux/
|
|
3
|
-
typeof define === 'function' && define.amd ? define('@skyux/tabs', ['exports', '@angular/core', '@angular/common', '@angular/animations', 'rxjs', 'rxjs/operators', '@skyux/core', '@skyux/
|
|
4
|
-
(global = global || self, factory((global.skyux = global.skyux || {}, global.skyux.tabs = {}), global.ng.core, global.ng.common, global.ng.animations, global.rxjs, global.rxjs.operators, global.
|
|
5
|
-
}(this, (function (exports,
|
|
2
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/animations'), require('rxjs'), require('rxjs/operators'), require('@skyux/core'), require('@skyux/indicators'), require('@skyux/theme'), require('@skyux/i18n'), require('@skyux/forms'), require('@angular/router'), require('@skyux/popovers')) :
|
|
3
|
+
typeof define === 'function' && define.amd ? define('@skyux/tabs', ['exports', '@angular/core', '@angular/common', '@angular/animations', 'rxjs', 'rxjs/operators', '@skyux/core', '@skyux/indicators', '@skyux/theme', '@skyux/i18n', '@skyux/forms', '@angular/router', '@skyux/popovers'], factory) :
|
|
4
|
+
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.skyux = global.skyux || {}, global.skyux.tabs = {}), global.ng.core, global.ng.common, global.ng.animations, global.rxjs, global.rxjs.operators, global.i1, global.i4, global.i4$1, global.i2$1, global.forms, global.ng.router, global.i4$2));
|
|
5
|
+
}(this, (function (exports, i0, i2, animations, rxjs, operators, i1, i4, i4$1, i2$1, forms, i1$1, i4$2) { 'use strict';
|
|
6
6
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
26
|
-
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
|
|
27
|
-
return extendStatics(d, b);
|
|
28
|
-
};
|
|
29
|
-
|
|
30
|
-
function __extends(d, b) {
|
|
31
|
-
extendStatics(d, b);
|
|
32
|
-
function __() { this.constructor = d; }
|
|
33
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
var __assign = function() {
|
|
37
|
-
__assign = Object.assign || function __assign(t) {
|
|
38
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
39
|
-
s = arguments[i];
|
|
40
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
|
41
|
-
}
|
|
42
|
-
return t;
|
|
43
|
-
};
|
|
44
|
-
return __assign.apply(this, arguments);
|
|
45
|
-
};
|
|
46
|
-
|
|
47
|
-
function __rest(s, e) {
|
|
48
|
-
var t = {};
|
|
49
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
50
|
-
t[p] = s[p];
|
|
51
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
52
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
53
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
54
|
-
t[p[i]] = s[p[i]];
|
|
55
|
-
}
|
|
56
|
-
return t;
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
function __decorate(decorators, target, key, desc) {
|
|
60
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
61
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
62
|
-
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;
|
|
63
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
function __param(paramIndex, decorator) {
|
|
67
|
-
return function (target, key) { decorator(target, key, paramIndex); }
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
function __metadata(metadataKey, metadataValue) {
|
|
71
|
-
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue);
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
function __awaiter(thisArg, _arguments, P, generator) {
|
|
75
|
-
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
76
|
-
return new (P || (P = Promise))(function (resolve, reject) {
|
|
77
|
-
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
78
|
-
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
79
|
-
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
80
|
-
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
81
|
-
});
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
function __generator(thisArg, body) {
|
|
85
|
-
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
|
|
86
|
-
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
87
|
-
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
88
|
-
function step(op) {
|
|
89
|
-
if (f) throw new TypeError("Generator is already executing.");
|
|
90
|
-
while (_) try {
|
|
91
|
-
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;
|
|
92
|
-
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
93
|
-
switch (op[0]) {
|
|
94
|
-
case 0: case 1: t = op; break;
|
|
95
|
-
case 4: _.label++; return { value: op[1], done: false };
|
|
96
|
-
case 5: _.label++; y = op[1]; op = [0]; continue;
|
|
97
|
-
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
|
98
|
-
default:
|
|
99
|
-
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
|
100
|
-
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
|
101
|
-
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
|
102
|
-
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
|
103
|
-
if (t[2]) _.ops.pop();
|
|
104
|
-
_.trys.pop(); continue;
|
|
105
|
-
}
|
|
106
|
-
op = body.call(thisArg, _);
|
|
107
|
-
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
108
|
-
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
109
|
-
}
|
|
110
|
-
}
|
|
111
|
-
|
|
112
|
-
function __createBinding(o, m, k, k2) {
|
|
113
|
-
if (k2 === undefined) k2 = k;
|
|
114
|
-
o[k2] = m[k];
|
|
115
|
-
}
|
|
116
|
-
|
|
117
|
-
function __exportStar(m, exports) {
|
|
118
|
-
for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) exports[p] = m[p];
|
|
119
|
-
}
|
|
120
|
-
|
|
121
|
-
function __values(o) {
|
|
122
|
-
var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
|
|
123
|
-
if (m) return m.call(o);
|
|
124
|
-
if (o && typeof o.length === "number") return {
|
|
125
|
-
next: function () {
|
|
126
|
-
if (o && i >= o.length) o = void 0;
|
|
127
|
-
return { value: o && o[i++], done: !o };
|
|
128
|
-
}
|
|
129
|
-
};
|
|
130
|
-
throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
|
|
131
|
-
}
|
|
132
|
-
|
|
133
|
-
function __read(o, n) {
|
|
134
|
-
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
135
|
-
if (!m) return o;
|
|
136
|
-
var i = m.call(o), r, ar = [], e;
|
|
137
|
-
try {
|
|
138
|
-
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
|
139
|
-
}
|
|
140
|
-
catch (error) { e = { error: error }; }
|
|
141
|
-
finally {
|
|
142
|
-
try {
|
|
143
|
-
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
144
|
-
}
|
|
145
|
-
finally { if (e) throw e.error; }
|
|
146
|
-
}
|
|
147
|
-
return ar;
|
|
148
|
-
}
|
|
149
|
-
|
|
150
|
-
function __spread() {
|
|
151
|
-
for (var ar = [], i = 0; i < arguments.length; i++)
|
|
152
|
-
ar = ar.concat(__read(arguments[i]));
|
|
153
|
-
return ar;
|
|
154
|
-
}
|
|
155
|
-
|
|
156
|
-
function __spreadArrays() {
|
|
157
|
-
for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
|
|
158
|
-
for (var r = Array(s), k = 0, i = 0; i < il; i++)
|
|
159
|
-
for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
|
|
160
|
-
r[k] = a[j];
|
|
161
|
-
return r;
|
|
162
|
-
};
|
|
163
|
-
|
|
164
|
-
function __await(v) {
|
|
165
|
-
return this instanceof __await ? (this.v = v, this) : new __await(v);
|
|
166
|
-
}
|
|
167
|
-
|
|
168
|
-
function __asyncGenerator(thisArg, _arguments, generator) {
|
|
169
|
-
if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
|
|
170
|
-
var g = generator.apply(thisArg, _arguments || []), i, q = [];
|
|
171
|
-
return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
|
|
172
|
-
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); }); }; }
|
|
173
|
-
function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }
|
|
174
|
-
function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
|
|
175
|
-
function fulfill(value) { resume("next", value); }
|
|
176
|
-
function reject(value) { resume("throw", value); }
|
|
177
|
-
function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }
|
|
178
|
-
}
|
|
179
|
-
|
|
180
|
-
function __asyncDelegator(o) {
|
|
181
|
-
var i, p;
|
|
182
|
-
return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
|
|
183
|
-
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; }
|
|
184
|
-
}
|
|
185
|
-
|
|
186
|
-
function __asyncValues(o) {
|
|
187
|
-
if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
|
|
188
|
-
var m = o[Symbol.asyncIterator], i;
|
|
189
|
-
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);
|
|
190
|
-
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); }); }; }
|
|
191
|
-
function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }
|
|
192
|
-
}
|
|
193
|
-
|
|
194
|
-
function __makeTemplateObject(cooked, raw) {
|
|
195
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
196
|
-
return cooked;
|
|
197
|
-
};
|
|
198
|
-
|
|
199
|
-
function __importStar(mod) {
|
|
200
|
-
if (mod && mod.__esModule) return mod;
|
|
201
|
-
var result = {};
|
|
202
|
-
if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
|
|
203
|
-
result.default = mod;
|
|
204
|
-
return result;
|
|
205
|
-
}
|
|
206
|
-
|
|
207
|
-
function __importDefault(mod) {
|
|
208
|
-
return (mod && mod.__esModule) ? mod : { default: mod };
|
|
209
|
-
}
|
|
210
|
-
|
|
211
|
-
function __classPrivateFieldGet(receiver, privateMap) {
|
|
212
|
-
if (!privateMap.has(receiver)) {
|
|
213
|
-
throw new TypeError("attempted to get private field on non-instance");
|
|
214
|
-
}
|
|
215
|
-
return privateMap.get(receiver);
|
|
216
|
-
}
|
|
217
|
-
|
|
218
|
-
function __classPrivateFieldSet(receiver, privateMap, value) {
|
|
219
|
-
if (!privateMap.has(receiver)) {
|
|
220
|
-
throw new TypeError("attempted to set private field on non-instance");
|
|
221
|
-
}
|
|
222
|
-
privateMap.set(receiver, value);
|
|
223
|
-
return value;
|
|
7
|
+
function _interopNamespace(e) {
|
|
8
|
+
if (e && e.__esModule) return e;
|
|
9
|
+
var n = Object.create(null);
|
|
10
|
+
if (e) {
|
|
11
|
+
Object.keys(e).forEach(function (k) {
|
|
12
|
+
if (k !== 'default') {
|
|
13
|
+
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
14
|
+
Object.defineProperty(n, k, d.get ? d : {
|
|
15
|
+
enumerable: true,
|
|
16
|
+
get: function () {
|
|
17
|
+
return e[k];
|
|
18
|
+
}
|
|
19
|
+
});
|
|
20
|
+
}
|
|
21
|
+
});
|
|
22
|
+
}
|
|
23
|
+
n['default'] = e;
|
|
24
|
+
return Object.freeze(n);
|
|
224
25
|
}
|
|
225
26
|
|
|
27
|
+
var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
|
|
28
|
+
var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
|
|
29
|
+
var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
|
|
30
|
+
var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
|
|
31
|
+
var i4__namespace$1 = /*#__PURE__*/_interopNamespace(i4$1);
|
|
32
|
+
var i2__namespace$1 = /*#__PURE__*/_interopNamespace(i2$1);
|
|
33
|
+
var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$1);
|
|
34
|
+
var i4__namespace$2 = /*#__PURE__*/_interopNamespace(i4$2);
|
|
35
|
+
|
|
226
36
|
var VISIBLE_STATE = 'shown';
|
|
227
37
|
var HIDDEN_STATE = 'void';
|
|
228
38
|
/**
|
|
@@ -245,7 +55,7 @@
|
|
|
245
55
|
this._tabsVisible = false;
|
|
246
56
|
this._isMobile = false;
|
|
247
57
|
this.mediaQueryService.subscribe(function (breakpoint) {
|
|
248
|
-
var nowMobile = breakpoint ===
|
|
58
|
+
var nowMobile = breakpoint === i1.SkyMediaBreakpoints.xs;
|
|
249
59
|
if (nowMobile && !_this._isMobile) {
|
|
250
60
|
// switching to mobile
|
|
251
61
|
_this.switchingMobile.next(true);
|
|
@@ -267,7 +77,7 @@
|
|
|
267
77
|
set: function (value) {
|
|
268
78
|
this._content = value;
|
|
269
79
|
},
|
|
270
|
-
enumerable:
|
|
80
|
+
enumerable: false,
|
|
271
81
|
configurable: true
|
|
272
82
|
});
|
|
273
83
|
SkyVerticalTabsetService.prototype.addTab = function (tab) {
|
|
@@ -280,14 +90,17 @@
|
|
|
280
90
|
this.tabAdded.next(tab);
|
|
281
91
|
};
|
|
282
92
|
SkyVerticalTabsetService.prototype.destroyTab = function (tab) {
|
|
93
|
+
var _a;
|
|
283
94
|
var tabIndex = this.tabs.indexOf(tab);
|
|
284
95
|
if (tabIndex === -1) {
|
|
285
96
|
return;
|
|
286
97
|
}
|
|
287
|
-
if (this.maintainTabContent &&
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
98
|
+
if (this.maintainTabContent &&
|
|
99
|
+
tab.contentRendered &&
|
|
100
|
+
(
|
|
101
|
+
/* istanbul ignore next */
|
|
102
|
+
(_a = this._content) === null || _a === void 0 ? void 0 : _a.nativeElement.contains(tab.tabContent.nativeElement))) {
|
|
103
|
+
this._content.nativeElement.removeChild(tab.tabContent.nativeElement);
|
|
291
104
|
}
|
|
292
105
|
this.tabs.splice(tabIndex, 1);
|
|
293
106
|
// update tab indices
|
|
@@ -365,6 +178,7 @@
|
|
|
365
178
|
this.content = undefined;
|
|
366
179
|
};
|
|
367
180
|
SkyVerticalTabsetService.prototype.moveContent = function () {
|
|
181
|
+
/* istanbul ignore else */
|
|
368
182
|
if (this._content && !this._contentAdded) {
|
|
369
183
|
var activeTab = this.activeTab();
|
|
370
184
|
var activeContent = activeTab ? activeTab.tabContent : undefined;
|
|
@@ -385,14 +199,13 @@
|
|
|
385
199
|
}
|
|
386
200
|
this.indexChanged.next(this.activeIndex);
|
|
387
201
|
};
|
|
388
|
-
SkyVerticalTabsetService.ctorParameters = function () { return [
|
|
389
|
-
{ type: core$1.SkyMediaQueryService }
|
|
390
|
-
]; };
|
|
391
|
-
SkyVerticalTabsetService = __decorate([
|
|
392
|
-
core.Injectable()
|
|
393
|
-
], SkyVerticalTabsetService);
|
|
394
202
|
return SkyVerticalTabsetService;
|
|
395
203
|
}());
|
|
204
|
+
SkyVerticalTabsetService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: SkyVerticalTabsetService, deps: [{ token: i1__namespace.SkyMediaQueryService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
205
|
+
SkyVerticalTabsetService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: SkyVerticalTabsetService });
|
|
206
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: SkyVerticalTabsetService, decorators: [{
|
|
207
|
+
type: i0.Injectable
|
|
208
|
+
}], ctorParameters: function () { return [{ type: i1__namespace.SkyMediaQueryService }]; } });
|
|
396
209
|
|
|
397
210
|
/**
|
|
398
211
|
* Creates a container for the sectioned forms.
|
|
@@ -411,7 +224,7 @@
|
|
|
411
224
|
* Fires when the active tab changes and emits the index of the active
|
|
412
225
|
* section. The index is based on the section's position when the form loads.
|
|
413
226
|
*/
|
|
414
|
-
this.indexChanged = new
|
|
227
|
+
this.indexChanged = new i0.EventEmitter();
|
|
415
228
|
this.isMobile = false;
|
|
416
229
|
this._ngUnsubscribe = new rxjs.Subject();
|
|
417
230
|
}
|
|
@@ -419,7 +232,7 @@
|
|
|
419
232
|
get: function () {
|
|
420
233
|
return this.isMobile ? undefined : 'tablist';
|
|
421
234
|
},
|
|
422
|
-
enumerable:
|
|
235
|
+
enumerable: false,
|
|
423
236
|
configurable: true
|
|
424
237
|
});
|
|
425
238
|
SkySectionedFormComponent.prototype.ngOnInit = function () {
|
|
@@ -459,44 +272,54 @@
|
|
|
459
272
|
this.tabService.showTabs();
|
|
460
273
|
this.changeRef.markForCheck();
|
|
461
274
|
};
|
|
462
|
-
SkySectionedFormComponent.ctorParameters = function () { return [
|
|
463
|
-
{ type: SkyVerticalTabsetService },
|
|
464
|
-
{ type: core.ChangeDetectorRef }
|
|
465
|
-
]; };
|
|
466
|
-
__decorate([
|
|
467
|
-
core.Input()
|
|
468
|
-
], SkySectionedFormComponent.prototype, "maintainSectionContent", void 0);
|
|
469
|
-
__decorate([
|
|
470
|
-
core.Output()
|
|
471
|
-
], SkySectionedFormComponent.prototype, "indexChanged", void 0);
|
|
472
|
-
__decorate([
|
|
473
|
-
core.ViewChild('skySectionSideContent')
|
|
474
|
-
], SkySectionedFormComponent.prototype, "content", void 0);
|
|
475
|
-
SkySectionedFormComponent = __decorate([
|
|
476
|
-
core.Component({
|
|
477
|
-
selector: 'sky-sectioned-form',
|
|
478
|
-
template: "<div\n aria-orientation=\"vertical\"\n class=\"sky-sectioned-form\"\n [attr.role]=\"ariaRole\"\n (window:resize)=\"tabService.updateContent()\"\n>\n <div\n *ngIf=\"maintainSectionContent || tabsVisible()\"\n class=\"sky-sectioned-form-tabs\"\n [ngClass]=\"{'sky-sectioned-form-tabs-hidden': !tabsVisible()}\"\n [@tabEnter]=\"tabService.animationTabsVisibleState\"\n >\n <ng-content></ng-content>\n </div>\n <div\n *ngIf=\"maintainSectionContent || tabService.contentVisible()\"\n class=\"sky-sectioned-form-content\"\n [ngClass]=\"{'sky-sectioned-form-content-hidden': !tabService.contentVisible()}\"\n [@contentEnter]=\"tabService.animationContentVisibleState\"\n #skySectionSideContent\n >\n </div>\n</div>\n\n",
|
|
479
|
-
providers: [SkyVerticalTabsetService],
|
|
480
|
-
changeDetection: core.ChangeDetectionStrategy.OnPush,
|
|
481
|
-
animations: [
|
|
482
|
-
animations.trigger('tabEnter', [
|
|
483
|
-
animations.transition(HIDDEN_STATE + " => " + VISIBLE_STATE, [
|
|
484
|
-
animations.style({ transform: 'translate(-100%)' }),
|
|
485
|
-
animations.animate('150ms ease-in')
|
|
486
|
-
])
|
|
487
|
-
]),
|
|
488
|
-
animations.trigger('contentEnter', [
|
|
489
|
-
animations.transition(HIDDEN_STATE + " => " + VISIBLE_STATE, [
|
|
490
|
-
animations.style({ transform: 'translate(100%)' }),
|
|
491
|
-
animations.animate('150ms ease-in')
|
|
492
|
-
])
|
|
493
|
-
])
|
|
494
|
-
],
|
|
495
|
-
styles: [":host .sky-sectioned-form{display:block;max-height:none}:host .sky-sectioned-form-content{flex-basis:auto;overflow-y:visible}:host .sky-sectioned-form-tabs{flex-basis:auto;overflow-y:visible;border-right:1px solid #e2e3e4}:host-context(.sky-responsive-container-lg) .sky-sectioned-form,:host-context(.sky-responsive-container-md) .sky-sectioned-form,:host-context(.sky-responsive-container-sm) .sky-sectioned-form,:host-context(.sky-responsive-container-xs) .sky-sectioned-form{display:block;max-height:none}:host-context(.sky-responsive-container-lg) .sky-sectioned-form-content,:host-context(.sky-responsive-container-md) .sky-sectioned-form-content,:host-context(.sky-responsive-container-sm) .sky-sectioned-form-content,:host-context(.sky-responsive-container-xs) .sky-sectioned-form-content{flex-basis:auto;overflow-y:visible}:host-context(.sky-responsive-container-lg) .sky-sectioned-form-tabs,:host-context(.sky-responsive-container-md) .sky-sectioned-form-tabs,:host-context(.sky-responsive-container-sm) .sky-sectioned-form-tabs,:host-context(.sky-responsive-container-xs) .sky-sectioned-form-tabs{flex-basis:auto;overflow-y:visible;border-right:1px solid #e2e3e4}@media (min-width:768px){:host .sky-sectioned-form{display:flex;max-height:100%}:host .sky-sectioned-form-content{flex-basis:70%;margin:15px;overflow-y:auto}:host .sky-sectioned-form-tabs{flex-basis:30%;overflow-y:auto}}:host-context(.sky-responsive-container-lg) .sky-sectioned-form,:host-context(.sky-responsive-container-md) .sky-sectioned-form,:host-context(.sky-responsive-container-sm) .sky-sectioned-form{display:flex;max-height:100%}:host-context(.sky-responsive-container-lg) .sky-sectioned-form-content,:host-context(.sky-responsive-container-md) .sky-sectioned-form-content,:host-context(.sky-responsive-container-sm) .sky-sectioned-form-content{flex-basis:70%;margin:15px;overflow-y:auto}:host-context(.sky-responsive-container-lg) .sky-sectioned-form-tabs,:host-context(.sky-responsive-container-md) .sky-sectioned-form-tabs,:host-context(.sky-responsive-container-sm) .sky-sectioned-form-tabs{flex-basis:30%;overflow-y:auto}.sky-sectioned-form-content-hidden,.sky-sectioned-form-tabs-hidden{display:none}.sky-theme-modern .sky-sectioned-form-content,:host-context(.sky-theme-modern) .sky-sectioned-form-content{margin:15px}.sky-theme-modern .sky-sectioned-form-tabs,:host-context(.sky-theme-modern) .sky-sectioned-form-tabs{border-right:1px solid #d2d2d2}@media (min-width:768px){.sky-theme-modern :host .sky-sectioned-form-content,:host-context(.sky-theme-modern) :host .sky-sectioned-form-content{margin:20px 30px}}.sky-theme-modern :host-context(.sky-responsive-container-lg) .sky-sectioned-form-content,.sky-theme-modern :host-context(.sky-responsive-container-md) .sky-sectioned-form-content,.sky-theme-modern :host-context(.sky-responsive-container-sm) .sky-sectioned-form-content,:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-lg) .sky-sectioned-form-content,:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-md) .sky-sectioned-form-content,:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-sm) .sky-sectioned-form-content{margin:20px 30px}"]
|
|
496
|
-
})
|
|
497
|
-
], SkySectionedFormComponent);
|
|
498
275
|
return SkySectionedFormComponent;
|
|
499
276
|
}());
|
|
277
|
+
SkySectionedFormComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: SkySectionedFormComponent, deps: [{ token: SkyVerticalTabsetService }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
278
|
+
SkySectionedFormComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.5", type: SkySectionedFormComponent, selector: "sky-sectioned-form", inputs: { maintainSectionContent: "maintainSectionContent" }, outputs: { indexChanged: "indexChanged" }, providers: [SkyVerticalTabsetService], viewQueries: [{ propertyName: "content", first: true, predicate: ["skySectionSideContent"], descendants: true }], ngImport: i0__namespace, template: "<div\n aria-orientation=\"vertical\"\n class=\"sky-sectioned-form\"\n [attr.role]=\"ariaRole\"\n (window:resize)=\"tabService.updateContent()\"\n>\n <div\n *ngIf=\"maintainSectionContent || tabsVisible()\"\n class=\"sky-sectioned-form-tabs\"\n [ngClass]=\"{'sky-sectioned-form-tabs-hidden': !tabsVisible()}\"\n [@tabEnter]=\"tabService.animationTabsVisibleState\"\n >\n <ng-content></ng-content>\n </div>\n <div\n *ngIf=\"maintainSectionContent || tabService.contentVisible()\"\n class=\"sky-sectioned-form-content sky-padding-even-large\"\n [ngClass]=\"{'sky-sectioned-form-content-hidden': !tabService.contentVisible()}\"\n [@contentEnter]=\"tabService.animationContentVisibleState\"\n #skySectionSideContent\n >\n </div>\n</div>\n\n", styles: [":host .sky-sectioned-form{display:block;max-height:none}:host .sky-sectioned-form-content{flex-basis:auto;overflow-y:visible}:host .sky-sectioned-form-tabs{flex-basis:auto;overflow-y:visible;border-right:1px solid #e2e3e4}:host-context(.sky-responsive-container-xs) .sky-sectioned-form,:host-context(.sky-responsive-container-sm) .sky-sectioned-form,:host-context(.sky-responsive-container-md) .sky-sectioned-form,:host-context(.sky-responsive-container-lg) .sky-sectioned-form{display:block;max-height:none}:host-context(.sky-responsive-container-xs) .sky-sectioned-form-content,:host-context(.sky-responsive-container-sm) .sky-sectioned-form-content,:host-context(.sky-responsive-container-md) .sky-sectioned-form-content,:host-context(.sky-responsive-container-lg) .sky-sectioned-form-content{flex-basis:auto;overflow-y:visible}:host-context(.sky-responsive-container-xs) .sky-sectioned-form-tabs,:host-context(.sky-responsive-container-sm) .sky-sectioned-form-tabs,:host-context(.sky-responsive-container-md) .sky-sectioned-form-tabs,:host-context(.sky-responsive-container-lg) .sky-sectioned-form-tabs{flex-basis:auto;overflow-y:visible;border-right:1px solid #e2e3e4}@media (min-width: 768px){:host .sky-sectioned-form{display:flex;max-height:100%}:host .sky-sectioned-form-content{flex-basis:70%;overflow-y:auto}:host .sky-sectioned-form-tabs{flex-basis:30%;overflow-y:auto}}:host-context(.sky-responsive-container-sm) .sky-sectioned-form,:host-context(.sky-responsive-container-md) .sky-sectioned-form,:host-context(.sky-responsive-container-lg) .sky-sectioned-form{display:flex;max-height:100%}:host-context(.sky-responsive-container-sm) .sky-sectioned-form-content,:host-context(.sky-responsive-container-md) .sky-sectioned-form-content,:host-context(.sky-responsive-container-lg) .sky-sectioned-form-content{flex-basis:70%;overflow-y:auto}:host-context(.sky-responsive-container-sm) .sky-sectioned-form-tabs,:host-context(.sky-responsive-container-md) .sky-sectioned-form-tabs,:host-context(.sky-responsive-container-lg) .sky-sectioned-form-tabs{flex-basis:30%;overflow-y:auto}.sky-sectioned-form-tabs-hidden{display:none}.sky-sectioned-form-content-hidden{display:none}\n"], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], animations: [
|
|
279
|
+
animations.trigger('tabEnter', [
|
|
280
|
+
animations.transition(HIDDEN_STATE + " => " + VISIBLE_STATE, [
|
|
281
|
+
animations.style({ transform: 'translate(-100%)' }),
|
|
282
|
+
animations.animate('150ms ease-in')
|
|
283
|
+
])
|
|
284
|
+
]),
|
|
285
|
+
animations.trigger('contentEnter', [
|
|
286
|
+
animations.transition(HIDDEN_STATE + " => " + VISIBLE_STATE, [
|
|
287
|
+
animations.style({ transform: 'translate(100%)' }),
|
|
288
|
+
animations.animate('150ms ease-in')
|
|
289
|
+
])
|
|
290
|
+
])
|
|
291
|
+
], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
292
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: SkySectionedFormComponent, decorators: [{
|
|
293
|
+
type: i0.Component,
|
|
294
|
+
args: [{
|
|
295
|
+
selector: 'sky-sectioned-form',
|
|
296
|
+
templateUrl: './sectioned-form.component.html',
|
|
297
|
+
styleUrls: ['./sectioned-form.component.scss'],
|
|
298
|
+
providers: [SkyVerticalTabsetService],
|
|
299
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
300
|
+
animations: [
|
|
301
|
+
animations.trigger('tabEnter', [
|
|
302
|
+
animations.transition(HIDDEN_STATE + " => " + VISIBLE_STATE, [
|
|
303
|
+
animations.style({ transform: 'translate(-100%)' }),
|
|
304
|
+
animations.animate('150ms ease-in')
|
|
305
|
+
])
|
|
306
|
+
]),
|
|
307
|
+
animations.trigger('contentEnter', [
|
|
308
|
+
animations.transition(HIDDEN_STATE + " => " + VISIBLE_STATE, [
|
|
309
|
+
animations.style({ transform: 'translate(100%)' }),
|
|
310
|
+
animations.animate('150ms ease-in')
|
|
311
|
+
])
|
|
312
|
+
])
|
|
313
|
+
]
|
|
314
|
+
}]
|
|
315
|
+
}], ctorParameters: function () { return [{ type: SkyVerticalTabsetService }, { type: i0__namespace.ChangeDetectorRef }]; }, propDecorators: { maintainSectionContent: [{
|
|
316
|
+
type: i0.Input
|
|
317
|
+
}], indexChanged: [{
|
|
318
|
+
type: i0.Output
|
|
319
|
+
}], content: [{
|
|
320
|
+
type: i0.ViewChild,
|
|
321
|
+
args: ['skySectionSideContent']
|
|
322
|
+
}] } });
|
|
500
323
|
|
|
501
324
|
/**
|
|
502
325
|
* @internal
|
|
@@ -504,14 +327,14 @@
|
|
|
504
327
|
var SkyVerticalTabMediaQueryService = /** @class */ (function () {
|
|
505
328
|
function SkyVerticalTabMediaQueryService() {
|
|
506
329
|
this.currentSubject = new rxjs.BehaviorSubject(this.current);
|
|
507
|
-
this._current =
|
|
330
|
+
this._current = i1.SkyMediaBreakpoints.xs;
|
|
508
331
|
this.currentSubject.next(this._current);
|
|
509
332
|
}
|
|
510
333
|
Object.defineProperty(SkyVerticalTabMediaQueryService.prototype, "current", {
|
|
511
334
|
get: function () {
|
|
512
335
|
return this._current;
|
|
513
336
|
},
|
|
514
|
-
enumerable:
|
|
337
|
+
enumerable: false,
|
|
515
338
|
configurable: true
|
|
516
339
|
});
|
|
517
340
|
SkyVerticalTabMediaQueryService.prototype.subscribe = function (listener) {
|
|
@@ -523,17 +346,17 @@
|
|
|
523
346
|
};
|
|
524
347
|
SkyVerticalTabMediaQueryService.prototype.setBreakpointForWidth = function (width) {
|
|
525
348
|
var breakpoint;
|
|
526
|
-
if (this.isWidthWithinBreakpiont(width,
|
|
527
|
-
breakpoint =
|
|
349
|
+
if (this.isWidthWithinBreakpiont(width, i1.SkyMediaBreakpoints.xs)) {
|
|
350
|
+
breakpoint = i1.SkyMediaBreakpoints.xs;
|
|
528
351
|
}
|
|
529
|
-
else if (this.isWidthWithinBreakpiont(width,
|
|
530
|
-
breakpoint =
|
|
352
|
+
else if (this.isWidthWithinBreakpiont(width, i1.SkyMediaBreakpoints.sm)) {
|
|
353
|
+
breakpoint = i1.SkyMediaBreakpoints.sm;
|
|
531
354
|
}
|
|
532
|
-
else if (this.isWidthWithinBreakpiont(width,
|
|
533
|
-
breakpoint =
|
|
355
|
+
else if (this.isWidthWithinBreakpiont(width, i1.SkyMediaBreakpoints.md)) {
|
|
356
|
+
breakpoint = i1.SkyMediaBreakpoints.md;
|
|
534
357
|
}
|
|
535
358
|
else {
|
|
536
|
-
breakpoint =
|
|
359
|
+
breakpoint = i1.SkyMediaBreakpoints.lg;
|
|
537
360
|
}
|
|
538
361
|
this._current = breakpoint;
|
|
539
362
|
this.currentSubject.next(this._current);
|
|
@@ -546,13 +369,13 @@
|
|
|
546
369
|
var mdBreakpointMaxPixels = 1199;
|
|
547
370
|
var lgBreakpointMinPixels = 1200;
|
|
548
371
|
switch (breakpoint) {
|
|
549
|
-
case
|
|
372
|
+
case i1.SkyMediaBreakpoints.xs: {
|
|
550
373
|
return (width <= xsBreakpointMaxPixels);
|
|
551
374
|
}
|
|
552
|
-
case
|
|
375
|
+
case i1.SkyMediaBreakpoints.sm: {
|
|
553
376
|
return (width >= smBreakpointMinPixels && width <= smBreakpointMaxPixels);
|
|
554
377
|
}
|
|
555
|
-
case
|
|
378
|
+
case i1.SkyMediaBreakpoints.md: {
|
|
556
379
|
return (width >= mdBreakpointMinPixels && width <= mdBreakpointMaxPixels);
|
|
557
380
|
}
|
|
558
381
|
default: {
|
|
@@ -563,11 +386,13 @@
|
|
|
563
386
|
SkyVerticalTabMediaQueryService.prototype.destroy = function () {
|
|
564
387
|
this.currentSubject.complete();
|
|
565
388
|
};
|
|
566
|
-
SkyVerticalTabMediaQueryService = __decorate([
|
|
567
|
-
core.Injectable()
|
|
568
|
-
], SkyVerticalTabMediaQueryService);
|
|
569
389
|
return SkyVerticalTabMediaQueryService;
|
|
570
390
|
}());
|
|
391
|
+
SkyVerticalTabMediaQueryService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: SkyVerticalTabMediaQueryService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
392
|
+
SkyVerticalTabMediaQueryService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: SkyVerticalTabMediaQueryService });
|
|
393
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: SkyVerticalTabMediaQueryService, decorators: [{
|
|
394
|
+
type: i0.Injectable
|
|
395
|
+
}], ctorParameters: function () { return []; } });
|
|
571
396
|
|
|
572
397
|
var SkyVerticalTabsetAdapterService = /** @class */ (function () {
|
|
573
398
|
function SkyVerticalTabsetAdapterService(rendererFactory) {
|
|
@@ -577,9 +402,6 @@
|
|
|
577
402
|
SkyVerticalTabsetAdapterService.prototype.getWidth = function (elementRef) {
|
|
578
403
|
return elementRef.nativeElement.clientWidth;
|
|
579
404
|
};
|
|
580
|
-
SkyVerticalTabsetAdapterService.prototype.scrollToContentTop = function (element) {
|
|
581
|
-
element.nativeElement.scrollTop = 0;
|
|
582
|
-
};
|
|
583
405
|
SkyVerticalTabsetAdapterService.prototype.setResponsiveClass = function (element, breakpoint) {
|
|
584
406
|
var nativeEl = element.nativeElement;
|
|
585
407
|
this.renderer.removeClass(nativeEl, 'sky-responsive-container-xs');
|
|
@@ -588,15 +410,15 @@
|
|
|
588
410
|
this.renderer.removeClass(nativeEl, 'sky-responsive-container-lg');
|
|
589
411
|
var newClass;
|
|
590
412
|
switch (breakpoint) {
|
|
591
|
-
case
|
|
413
|
+
case i1.SkyMediaBreakpoints.xs: {
|
|
592
414
|
newClass = 'sky-responsive-container-xs';
|
|
593
415
|
break;
|
|
594
416
|
}
|
|
595
|
-
case
|
|
417
|
+
case i1.SkyMediaBreakpoints.sm: {
|
|
596
418
|
newClass = 'sky-responsive-container-sm';
|
|
597
419
|
break;
|
|
598
420
|
}
|
|
599
|
-
case
|
|
421
|
+
case i1.SkyMediaBreakpoints.md: {
|
|
600
422
|
newClass = 'sky-responsive-container-md';
|
|
601
423
|
break;
|
|
602
424
|
}
|
|
@@ -607,14 +429,13 @@
|
|
|
607
429
|
}
|
|
608
430
|
this.renderer.addClass(nativeEl, newClass);
|
|
609
431
|
};
|
|
610
|
-
SkyVerticalTabsetAdapterService.ctorParameters = function () { return [
|
|
611
|
-
{ type: core.RendererFactory2 }
|
|
612
|
-
]; };
|
|
613
|
-
SkyVerticalTabsetAdapterService = __decorate([
|
|
614
|
-
core.Injectable()
|
|
615
|
-
], SkyVerticalTabsetAdapterService);
|
|
616
432
|
return SkyVerticalTabsetAdapterService;
|
|
617
433
|
}());
|
|
434
|
+
SkyVerticalTabsetAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: SkyVerticalTabsetAdapterService, deps: [{ token: i0__namespace.RendererFactory2 }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
435
|
+
SkyVerticalTabsetAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: SkyVerticalTabsetAdapterService });
|
|
436
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: SkyVerticalTabsetAdapterService, decorators: [{
|
|
437
|
+
type: i0.Injectable
|
|
438
|
+
}], ctorParameters: function () { return [{ type: i0__namespace.RendererFactory2 }]; } });
|
|
618
439
|
|
|
619
440
|
var SkyVerticalTabComponent = /** @class */ (function () {
|
|
620
441
|
function SkyVerticalTabComponent(adapterService, changeRef, tabsetService, verticalTabMediaQueryService) {
|
|
@@ -653,7 +474,7 @@
|
|
|
653
474
|
set: function (value) {
|
|
654
475
|
this._ariaControls = value;
|
|
655
476
|
},
|
|
656
|
-
enumerable:
|
|
477
|
+
enumerable: false,
|
|
657
478
|
configurable: true
|
|
658
479
|
});
|
|
659
480
|
Object.defineProperty(SkyVerticalTabComponent.prototype, "ariaRole", {
|
|
@@ -674,7 +495,7 @@
|
|
|
674
495
|
set: function (value) {
|
|
675
496
|
this._ariaRole = value;
|
|
676
497
|
},
|
|
677
|
-
enumerable:
|
|
498
|
+
enumerable: false,
|
|
678
499
|
configurable: true
|
|
679
500
|
});
|
|
680
501
|
Object.defineProperty(SkyVerticalTabComponent.prototype, "showTabRightArrow", {
|
|
@@ -688,7 +509,7 @@
|
|
|
688
509
|
set: function (value) {
|
|
689
510
|
this._showTabRightArrow = value;
|
|
690
511
|
},
|
|
691
|
-
enumerable:
|
|
512
|
+
enumerable: false,
|
|
692
513
|
configurable: true
|
|
693
514
|
});
|
|
694
515
|
Object.defineProperty(SkyVerticalTabComponent.prototype, "contentRendered", {
|
|
@@ -698,6 +519,7 @@
|
|
|
698
519
|
set: function (value) {
|
|
699
520
|
var _this = this;
|
|
700
521
|
this._contentRendered = value;
|
|
522
|
+
/* istanbul ignore else */
|
|
701
523
|
if (this._contentRendered) {
|
|
702
524
|
// NOTE: Wrapped in a setTimeout here to ensure that everything has completed rendering.
|
|
703
525
|
setTimeout(function () {
|
|
@@ -705,7 +527,7 @@
|
|
|
705
527
|
});
|
|
706
528
|
}
|
|
707
529
|
},
|
|
708
|
-
enumerable:
|
|
530
|
+
enumerable: false,
|
|
709
531
|
configurable: true
|
|
710
532
|
});
|
|
711
533
|
SkyVerticalTabComponent.prototype.ngOnInit = function () {
|
|
@@ -759,67 +581,57 @@
|
|
|
759
581
|
this.verticalTabMediaQueryService.setBreakpointForWidth(width);
|
|
760
582
|
var newBreakpiont = this.verticalTabMediaQueryService.current;
|
|
761
583
|
this.adapterService.setResponsiveClass(this.tabContent, newBreakpiont);
|
|
762
|
-
this.changeRef.markForCheck();
|
|
763
584
|
};
|
|
764
|
-
SkyVerticalTabComponent.ctorParameters = function () { return [
|
|
765
|
-
{ type: SkyVerticalTabsetAdapterService },
|
|
766
|
-
{ type: core.ChangeDetectorRef },
|
|
767
|
-
{ type: SkyVerticalTabsetService },
|
|
768
|
-
{ type: SkyVerticalTabMediaQueryService }
|
|
769
|
-
]; };
|
|
770
|
-
__decorate([
|
|
771
|
-
core.Input()
|
|
772
|
-
], SkyVerticalTabComponent.prototype, "active", void 0);
|
|
773
|
-
__decorate([
|
|
774
|
-
core.Input()
|
|
775
|
-
], SkyVerticalTabComponent.prototype, "ariaControls", null);
|
|
776
|
-
__decorate([
|
|
777
|
-
core.Input()
|
|
778
|
-
], SkyVerticalTabComponent.prototype, "ariaInvalid", void 0);
|
|
779
|
-
__decorate([
|
|
780
|
-
core.Input()
|
|
781
|
-
], SkyVerticalTabComponent.prototype, "ariaRequired", void 0);
|
|
782
|
-
__decorate([
|
|
783
|
-
core.Input()
|
|
784
|
-
], SkyVerticalTabComponent.prototype, "ariaRole", null);
|
|
785
|
-
__decorate([
|
|
786
|
-
core.Input()
|
|
787
|
-
], SkyVerticalTabComponent.prototype, "disabled", void 0);
|
|
788
|
-
__decorate([
|
|
789
|
-
core.Input()
|
|
790
|
-
], SkyVerticalTabComponent.prototype, "errorIndicator", void 0);
|
|
791
|
-
__decorate([
|
|
792
|
-
core.Input()
|
|
793
|
-
], SkyVerticalTabComponent.prototype, "tabHeaderCount", void 0);
|
|
794
|
-
__decorate([
|
|
795
|
-
core.Input()
|
|
796
|
-
], SkyVerticalTabComponent.prototype, "tabHeading", void 0);
|
|
797
|
-
__decorate([
|
|
798
|
-
core.Input()
|
|
799
|
-
], SkyVerticalTabComponent.prototype, "showTabRightArrow", null);
|
|
800
|
-
__decorate([
|
|
801
|
-
core.Input()
|
|
802
|
-
], SkyVerticalTabComponent.prototype, "tabId", void 0);
|
|
803
|
-
__decorate([
|
|
804
|
-
core.ViewChild('tabContentWrapper')
|
|
805
|
-
], SkyVerticalTabComponent.prototype, "tabContent", void 0);
|
|
806
|
-
__decorate([
|
|
807
|
-
core.HostListener('window:resize')
|
|
808
|
-
], SkyVerticalTabComponent.prototype, "onWindowResize", null);
|
|
809
|
-
SkyVerticalTabComponent = __decorate([
|
|
810
|
-
core.Component({
|
|
811
|
-
selector: 'sky-vertical-tab',
|
|
812
|
-
template: "<a\n class=\"sky-vertical-tab\"\n [attr.aria-controls]=\"ariaControls\"\n [attr.aria-invalid]=\"ariaInvalid\"\n [attr.aria-required]=\"ariaRequired ? ariaRequired : null\"\n [attr.aria-selected]=\"active\"\n [attr.id]=\"tabId\"\n [attr.role]=\"ariaRole\"\n [ngClass]=\"{\n 'sky-vertical-tab-active': active,\n 'sky-vertical-tab-disabled': disabled,\n 'sky-font-deemphasized': disabled,\n 'sky-deemphasized': disabled\n }\"\n [tabIndex]=\"tabIndex()\"\n (click)=\"activateTab()\"\n (keyup.enter)=\"activateTab()\">\n <div class=\"sky-vertical-tab-display\">\n <div class=\"sky-vertical-tab-heading\">\n <span class=\"sky-vertical-tab-heading-value\">{{ tabHeading }}</span>\n <span\n class=\"sky-vertical-tab-count\"\n *ngIf=\"tabHeaderCount || tabHeaderCount === 0\">\n ({{ tabHeaderCount }})\n </span>\n </div>\n <sky-status-indicator *ngIf=\"errorIndicator\"\n class=\"sky-vertical-tab-heading-error\"\n descriptionType=\"error\"\n indicatorType=\"danger\"\n ></sky-status-indicator>\n <sky-icon\n *ngIf=\"showTabRightArrow\"\n class=\"sky-vertical-tab-right-arrow\"\n icon=\"chevron-right\"\n >\n </sky-icon>\n </div>\n</a>\n\n<div\n #tabContentWrapper\n>\n <div\n class=\"sky-vertical-tab-content-pane\"\n [ngClass]=\"{'sky-vertical-tab-hidden': !active}\"\n >\n\n <ng-content></ng-content>\n\n <div>\n\n</div>\n\n",
|
|
813
|
-
providers: [
|
|
814
|
-
SkyVerticalTabMediaQueryService,
|
|
815
|
-
{ provide: core$1.SkyMediaQueryService, useExisting: SkyVerticalTabMediaQueryService }
|
|
816
|
-
],
|
|
817
|
-
changeDetection: core.ChangeDetectionStrategy.OnPush,
|
|
818
|
-
styles: [".sky-vertical-tab{cursor:pointer;padding:7px 0 7px 10px;margin:5px 0 5px 10px;display:flex;text-decoration:none}.sky-vertical-tab:not(.sky-deemphasized){color:#212327}.sky-vertical-tab:hover{background-color:#eeeeef}.sky-vertical-tab:focus-visible{outline:dotted thin;outline:-webkit-focus-ring-color auto 5px}.sky-vertical-tab:hover .sky-vertical-tab-right-arrow{color:#979ba2}.sky-vertical-tab-active{background-color:#eeeeef;color:#212327;padding-left:6px;border-left:4px solid #00b4f1}.sky-vertical-tab-hidden{display:none}.sky-vertical-tab-display{display:flex;flex-grow:1}.sky-vertical-tab-heading-error{padding-left:5px}.sky-vertical-tab-count{margin-left:5px}.sky-vertical-tab-disabled{cursor:not-allowed;pointer-events:none}.sky-vertical-tab-right-arrow{padding:3px 10px 0 0;color:#cdcfd2}.sky-theme-modern .sky-vertical-tab,:host-context(.sky-theme-modern) .sky-vertical-tab{color:#686c73;cursor:pointer;padding:10px 0 10px 10px;margin:10px 0 20px 10px}.sky-theme-modern .sky-vertical-tab:not(.sky-vertical-tab-active):not(:active):hover,:host-context(.sky-theme-modern) .sky-vertical-tab:not(.sky-vertical-tab-active):not(:active):hover{color:#212327;background-color:transparent;padding-left:9px;border-left:1px solid #00b4f1}.sky-theme-modern .sky-vertical-tab:not(:active):focus-visible,:host-context(.sky-theme-modern) .sky-vertical-tab:not(:active):focus-visible{outline:#1870b8 solid 2px;outline-offset:-2px;box-shadow:0 1px 8px 0 rgba(0,0,0,.3)}.sky-theme-modern .sky-vertical-tab:focus:active:hover,:host-context(.sky-theme-modern) .sky-vertical-tab:focus:active:hover{outline:0;background:0 0}.sky-theme-modern .sky-vertical-tab:active,:host-context(.sky-theme-modern) .sky-vertical-tab:active{border-left:3px solid #00b4f1;color:#212327;padding-left:7px}.sky-theme-modern .sky-vertical-tab .sky-vertical-tab-heading-error,:host-context(.sky-theme-modern) .sky-vertical-tab .sky-vertical-tab-heading-error{padding-left:10px;position:relative;top:-2px}.sky-theme-modern .sky-vertical-tab-active,:host-context(.sky-theme-modern) .sky-vertical-tab-active{background:0 0;color:#212327;padding-left:7px;border-left:3px solid #1870b8}"]
|
|
819
|
-
})
|
|
820
|
-
], SkyVerticalTabComponent);
|
|
821
585
|
return SkyVerticalTabComponent;
|
|
822
586
|
}());
|
|
587
|
+
SkyVerticalTabComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: SkyVerticalTabComponent, deps: [{ token: SkyVerticalTabsetAdapterService }, { token: i0__namespace.ChangeDetectorRef }, { token: SkyVerticalTabsetService }, { token: SkyVerticalTabMediaQueryService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
588
|
+
SkyVerticalTabComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.5", type: SkyVerticalTabComponent, selector: "sky-vertical-tab", inputs: { active: "active", ariaControls: "ariaControls", ariaInvalid: "ariaInvalid", ariaRequired: "ariaRequired", ariaRole: "ariaRole", disabled: "disabled", errorIndicator: "errorIndicator", tabHeaderCount: "tabHeaderCount", tabHeading: "tabHeading", showTabRightArrow: "showTabRightArrow", tabId: "tabId" }, host: { listeners: { "window:resize": "onWindowResize()" } }, providers: [
|
|
589
|
+
SkyVerticalTabMediaQueryService,
|
|
590
|
+
SkyVerticalTabsetAdapterService,
|
|
591
|
+
{ provide: i1.SkyMediaQueryService, useExisting: SkyVerticalTabMediaQueryService }
|
|
592
|
+
], viewQueries: [{ propertyName: "tabContent", first: true, predicate: ["tabContentWrapper"], descendants: true }], ngImport: i0__namespace, template: "<a\n class=\"sky-vertical-tab\"\n [attr.aria-controls]=\"ariaControls\"\n [attr.aria-invalid]=\"ariaInvalid\"\n [attr.aria-required]=\"ariaRequired ? ariaRequired : null\"\n [attr.aria-selected]=\"active\"\n [attr.id]=\"tabId\"\n [attr.role]=\"ariaRole\"\n [ngClass]=\"{\n 'sky-vertical-tab-active': active,\n 'sky-vertical-tab-disabled': disabled,\n 'sky-deemphasized': disabled\n }\"\n [tabIndex]=\"tabIndex()\"\n (click)=\"activateTab()\"\n (keyup.enter)=\"activateTab()\">\n <div class=\"sky-vertical-tab-display\">\n <div class=\"sky-vertical-tab-heading\">\n <span class=\"sky-vertical-tab-heading-value\">{{ tabHeading }}</span>\n <span\n class=\"sky-vertical-tab-count\"\n *ngIf=\"tabHeaderCount || tabHeaderCount === 0\">\n ({{ tabHeaderCount }})\n </span>\n </div>\n <sky-status-indicator *ngIf=\"errorIndicator\"\n class=\"sky-vertical-tab-heading-error\"\n descriptionType=\"error\"\n indicatorType=\"danger\"\n ></sky-status-indicator>\n\n <sky-icon\n *ngIf=\"showTabRightArrow\"\n class=\"sky-vertical-tab-right-arrow\"\n icon=\"chevron-right\"\n >\n </sky-icon>\n </div>\n</a>\n\n<div\n #tabContentWrapper\n>\n <div\n class=\"sky-vertical-tab-content-pane\"\n [ngClass]=\"{'sky-vertical-tab-hidden': !active}\"\n >\n\n <ng-content></ng-content>\n\n <div>\n\n</div>\n\n", styles: [".sky-vertical-tab{cursor:pointer;padding:7px 0 7px 10px;margin:5px 0 5px 10px;display:flex;text-decoration:none}.sky-vertical-tab:not(.sky-deemphasized){color:#212327}.sky-vertical-tab:hover{background-color:#eeeeef}.sky-vertical-tab:focus{outline:thin dotted;outline:-webkit-focus-ring-color auto 5px}.sky-vertical-tab:hover .sky-vertical-tab-right-arrow{color:#979ba2}.sky-vertical-tab-active{background-color:#eeeeef;color:#212327;padding-left:6px;border-left:4px solid #00b4f1}.sky-vertical-tab-hidden{display:none}.sky-vertical-tab-display{display:flex;flex-grow:1}.sky-vertical-tab-heading-error{padding-left:5px}.sky-vertical-tab-count{margin-left:5px}.sky-vertical-tab-disabled{cursor:not-allowed;pointer-events:none;font-style:normal}.sky-vertical-tab-right-arrow{padding:3px 10px 0 0;color:#cdcfd2}:host-context(.sky-theme-modern) .sky-vertical-tab{cursor:pointer;padding:10px 0 10px 10px;margin:10px 0 20px 10px}:host-context(.sky-theme-modern) .sky-vertical-tab:not(.sky-vertical-tab-active):not(:active):hover{color:#212327;background-color:transparent;padding-left:9px;border-left:1px solid #00b4f1}:host-context(.sky-theme-modern) .sky-vertical-tab:not(:active):focus{outline:solid 2px #1870B8;outline-offset:-2px;box-shadow:0 1px 8px #0000004d}:host-context(.sky-theme-modern) .sky-vertical-tab:focus:active:hover{outline:none;background:none}:host-context(.sky-theme-modern) .sky-vertical-tab:active{border-left:3px solid #00b4f1;padding-left:7px}:host-context(.sky-theme-modern) .sky-vertical-tab .sky-vertical-tab-heading-error{padding-left:10px}:host-context(.sky-theme-modern) .sky-vertical-tab-active{background:none;padding-left:7px;border-left:3px solid #1870B8}.sky-theme-modern .sky-vertical-tab{cursor:pointer;padding:10px 0 10px 10px;margin:10px 0 20px 10px}.sky-theme-modern .sky-vertical-tab:not(.sky-vertical-tab-active):not(:active):hover{color:#212327;background-color:transparent;padding-left:9px;border-left:1px solid #00b4f1}.sky-theme-modern .sky-vertical-tab:not(:active):focus{outline:solid 2px #1870B8;outline-offset:-2px;box-shadow:0 1px 8px #0000004d}.sky-theme-modern .sky-vertical-tab:focus:active:hover{outline:none;background:none}.sky-theme-modern .sky-vertical-tab:active{border-left:3px solid #00b4f1;padding-left:7px}.sky-theme-modern .sky-vertical-tab .sky-vertical-tab-heading-error{padding-left:10px}.sky-theme-modern .sky-vertical-tab-active{background:none;padding-left:7px;border-left:3px solid #1870B8}\n"], components: [{ type: i4__namespace.λ10, selector: "sky-status-indicator", inputs: ["indicatorType", "descriptionType", "customDescription"] }, { type: i4__namespace.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }], directives: [{ type: i2__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
593
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: SkyVerticalTabComponent, decorators: [{
|
|
594
|
+
type: i0.Component,
|
|
595
|
+
args: [{
|
|
596
|
+
selector: 'sky-vertical-tab',
|
|
597
|
+
templateUrl: './vertical-tab.component.html',
|
|
598
|
+
styleUrls: ['./vertical-tab.component.scss'],
|
|
599
|
+
providers: [
|
|
600
|
+
SkyVerticalTabMediaQueryService,
|
|
601
|
+
SkyVerticalTabsetAdapterService,
|
|
602
|
+
{ provide: i1.SkyMediaQueryService, useExisting: SkyVerticalTabMediaQueryService }
|
|
603
|
+
],
|
|
604
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
605
|
+
}]
|
|
606
|
+
}], ctorParameters: function () { return [{ type: SkyVerticalTabsetAdapterService }, { type: i0__namespace.ChangeDetectorRef }, { type: SkyVerticalTabsetService }, { type: SkyVerticalTabMediaQueryService }]; }, propDecorators: { active: [{
|
|
607
|
+
type: i0.Input
|
|
608
|
+
}], ariaControls: [{
|
|
609
|
+
type: i0.Input
|
|
610
|
+
}], ariaInvalid: [{
|
|
611
|
+
type: i0.Input
|
|
612
|
+
}], ariaRequired: [{
|
|
613
|
+
type: i0.Input
|
|
614
|
+
}], ariaRole: [{
|
|
615
|
+
type: i0.Input
|
|
616
|
+
}], disabled: [{
|
|
617
|
+
type: i0.Input
|
|
618
|
+
}], errorIndicator: [{
|
|
619
|
+
type: i0.Input
|
|
620
|
+
}], tabHeaderCount: [{
|
|
621
|
+
type: i0.Input
|
|
622
|
+
}], tabHeading: [{
|
|
623
|
+
type: i0.Input
|
|
624
|
+
}], showTabRightArrow: [{
|
|
625
|
+
type: i0.Input
|
|
626
|
+
}], tabId: [{
|
|
627
|
+
type: i0.Input
|
|
628
|
+
}], tabContent: [{
|
|
629
|
+
type: i0.ViewChild,
|
|
630
|
+
args: ['tabContentWrapper']
|
|
631
|
+
}], onWindowResize: [{
|
|
632
|
+
type: i0.HostListener,
|
|
633
|
+
args: ['window:resize']
|
|
634
|
+
}] } });
|
|
823
635
|
|
|
824
636
|
var SkySectionedFormService = /** @class */ (function () {
|
|
825
637
|
function SkySectionedFormService() {
|
|
@@ -846,13 +658,15 @@
|
|
|
846
658
|
SkySectionedFormService.prototype.requiredFieldChanged = function (isRequired) {
|
|
847
659
|
this.requiredChange.next(isRequired);
|
|
848
660
|
};
|
|
849
|
-
SkySectionedFormService = __decorate([
|
|
850
|
-
core.Injectable()
|
|
851
|
-
], SkySectionedFormService);
|
|
852
661
|
return SkySectionedFormService;
|
|
853
662
|
}());
|
|
663
|
+
SkySectionedFormService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: SkySectionedFormService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
664
|
+
SkySectionedFormService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: SkySectionedFormService });
|
|
665
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: SkySectionedFormService, decorators: [{
|
|
666
|
+
type: i0.Injectable
|
|
667
|
+
}] });
|
|
854
668
|
|
|
855
|
-
var nextId = 0;
|
|
669
|
+
var nextId$1 = 0;
|
|
856
670
|
/**
|
|
857
671
|
* Creates an individual form to display as a section within the sectioned form.
|
|
858
672
|
*/
|
|
@@ -861,8 +675,8 @@
|
|
|
861
675
|
this.sectionedFormService = sectionedFormService;
|
|
862
676
|
this.tabsetService = tabsetService;
|
|
863
677
|
this.changeRef = changeRef;
|
|
864
|
-
this.sectionTabId = "sky-sectioned-form-tab-" + ++nextId;
|
|
865
|
-
this.sectionContentId = "sky-sectioned-form-section-" + ++nextId;
|
|
678
|
+
this.sectionTabId = "sky-sectioned-form-tab-" + ++nextId$1;
|
|
679
|
+
this.sectionContentId = "sky-sectioned-form-section-" + ++nextId$1;
|
|
866
680
|
this.isMobile = false;
|
|
867
681
|
this._ngUnsubscribe = new rxjs.Subject();
|
|
868
682
|
}
|
|
@@ -870,14 +684,14 @@
|
|
|
870
684
|
get: function () {
|
|
871
685
|
return this.isMobile ? undefined : 'tabpanel';
|
|
872
686
|
},
|
|
873
|
-
enumerable:
|
|
687
|
+
enumerable: false,
|
|
874
688
|
configurable: true
|
|
875
689
|
});
|
|
876
690
|
Object.defineProperty(SkySectionedFormSectionComponent.prototype, "ariaLabelledby", {
|
|
877
691
|
get: function () {
|
|
878
692
|
return this.isMobile ? undefined : this.sectionTabId;
|
|
879
693
|
},
|
|
880
|
-
enumerable:
|
|
694
|
+
enumerable: false,
|
|
881
695
|
configurable: true
|
|
882
696
|
});
|
|
883
697
|
SkySectionedFormSectionComponent.prototype.ngOnInit = function () {
|
|
@@ -900,65 +714,75 @@
|
|
|
900
714
|
this._ngUnsubscribe.next();
|
|
901
715
|
this._ngUnsubscribe.complete();
|
|
902
716
|
};
|
|
903
|
-
SkySectionedFormSectionComponent.ctorParameters = function () { return [
|
|
904
|
-
{ type: SkySectionedFormService },
|
|
905
|
-
{ type: SkyVerticalTabsetService },
|
|
906
|
-
{ type: core.ChangeDetectorRef }
|
|
907
|
-
]; };
|
|
908
|
-
__decorate([
|
|
909
|
-
core.Input()
|
|
910
|
-
], SkySectionedFormSectionComponent.prototype, "heading", void 0);
|
|
911
|
-
__decorate([
|
|
912
|
-
core.Input()
|
|
913
|
-
], SkySectionedFormSectionComponent.prototype, "itemCount", void 0);
|
|
914
|
-
__decorate([
|
|
915
|
-
core.Input()
|
|
916
|
-
], SkySectionedFormSectionComponent.prototype, "active", void 0);
|
|
917
|
-
__decorate([
|
|
918
|
-
core.ViewChild(SkyVerticalTabComponent)
|
|
919
|
-
], SkySectionedFormSectionComponent.prototype, "tab", void 0);
|
|
920
|
-
SkySectionedFormSectionComponent = __decorate([
|
|
921
|
-
core.Component({
|
|
922
|
-
selector: 'sky-sectioned-form-section',
|
|
923
|
-
template: "<sky-vertical-tab\n [active]=\"active\"\n [ariaControls]=\"sectionContentId\"\n [ariaInvalid]=\"fieldInvalid\"\n [ariaRequired]=\"fieldRequired\"\n [errorIndicator]=\"fieldInvalid\"\n [ngClass]=\"{\n 'sky-tab-field-required': fieldRequired\n }\"\n [showTabRightArrow]=\"true\"\n [tabHeaderCount]=\"itemCount\"\n [tabHeading]=\"heading\"\n [tabId]=\"sectionTabId\">\n <div\n [attr.aria-labelledby]=\"ariaLabelledby\"\n [attr.role]=\"ariaRole\"\n [id]=\"sectionContentId\"\n #tabContent>\n <ng-content></ng-content>\n </div>\n</sky-vertical-tab>\n",
|
|
924
|
-
providers: [SkySectionedFormService],
|
|
925
|
-
styles: [":host .sky-tab-field-required ::ng-deep .sky-vertical-tab-heading:after{content:\"*\";color:#ef4044;padding-left:5px}"]
|
|
926
|
-
})
|
|
927
|
-
], SkySectionedFormSectionComponent);
|
|
928
717
|
return SkySectionedFormSectionComponent;
|
|
929
718
|
}());
|
|
719
|
+
SkySectionedFormSectionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: SkySectionedFormSectionComponent, deps: [{ token: SkySectionedFormService }, { token: SkyVerticalTabsetService }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
720
|
+
SkySectionedFormSectionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.5", type: SkySectionedFormSectionComponent, selector: "sky-sectioned-form-section", inputs: { heading: "heading", itemCount: "itemCount", active: "active" }, providers: [SkySectionedFormService], viewQueries: [{ propertyName: "tab", first: true, predicate: SkyVerticalTabComponent, descendants: true }], ngImport: i0__namespace, template: "<sky-vertical-tab\n [active]=\"active\"\n [ariaControls]=\"sectionContentId\"\n [ariaInvalid]=\"fieldInvalid\"\n [ariaRequired]=\"fieldRequired\"\n [errorIndicator]=\"fieldInvalid\"\n [ngClass]=\"{\n 'sky-tab-field-required': fieldRequired\n }\"\n [showTabRightArrow]=\"true\"\n [tabHeaderCount]=\"itemCount\"\n [tabHeading]=\"heading\"\n [tabId]=\"sectionTabId\">\n <div\n [attr.aria-labelledby]=\"ariaLabelledby\"\n [attr.role]=\"ariaRole\"\n [id]=\"sectionContentId\"\n #tabContent>\n <ng-content></ng-content>\n </div>\n</sky-vertical-tab>\n", styles: [":host .sky-tab-field-required ::ng-deep .sky-vertical-tab-heading:after{content:\"*\";color:#ef4044;padding-left:5px}\n"], components: [{ type: SkyVerticalTabComponent, selector: "sky-vertical-tab", inputs: ["active", "ariaControls", "ariaInvalid", "ariaRequired", "ariaRole", "disabled", "errorIndicator", "tabHeaderCount", "tabHeading", "showTabRightArrow", "tabId"] }], directives: [{ type: i2__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
721
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: SkySectionedFormSectionComponent, decorators: [{
|
|
722
|
+
type: i0.Component,
|
|
723
|
+
args: [{
|
|
724
|
+
selector: 'sky-sectioned-form-section',
|
|
725
|
+
templateUrl: './sectioned-form-section.component.html',
|
|
726
|
+
providers: [SkySectionedFormService],
|
|
727
|
+
styleUrls: ['./sectioned-form-section.component.scss']
|
|
728
|
+
}]
|
|
729
|
+
}], ctorParameters: function () { return [{ type: SkySectionedFormService }, { type: SkyVerticalTabsetService }, { type: i0__namespace.ChangeDetectorRef }]; }, propDecorators: { heading: [{
|
|
730
|
+
type: i0.Input
|
|
731
|
+
}], itemCount: [{
|
|
732
|
+
type: i0.Input
|
|
733
|
+
}], active: [{
|
|
734
|
+
type: i0.Input
|
|
735
|
+
}], tab: [{
|
|
736
|
+
type: i0.ViewChild,
|
|
737
|
+
args: [SkyVerticalTabComponent]
|
|
738
|
+
}] } });
|
|
930
739
|
|
|
740
|
+
/**
|
|
741
|
+
* NOTICE: DO NOT MODIFY THIS FILE!
|
|
742
|
+
* The contents of this file were automatically generated by
|
|
743
|
+
* the 'ng generate @skyux/i18n:lib-resources-module modules/shared/sky-tabs' schematic.
|
|
744
|
+
* To update this file, simply rerun the command.
|
|
745
|
+
*/
|
|
746
|
+
var RESOURCES = {
|
|
747
|
+
'EN-US': { "skyux_tab_add": { "message": "Add tab" }, "skyux_tab_close": { "message": "Close {0} tab" }, "skyux_tabs_navigator_next": { "message": "Next" }, "skyux_tabs_navigator_previous": { "message": "Previous" }, "skyux_tab_open": { "message": "Open tab" }, "skyux_vertical_tabs_show_tabs_text": { "message": "Tab list" } },
|
|
748
|
+
};
|
|
931
749
|
var SkyTabsResourcesProvider = /** @class */ (function () {
|
|
932
750
|
function SkyTabsResourcesProvider() {
|
|
933
|
-
this.resources = { "EN-US": { "skyux_tab_add": "Add tab", "skyux_tab_close": "Close {0} tab", "skyux_tabs_navigator_next": "Next", "skyux_tabs_navigator_previous": "Previous", "skyux_tab_open": "Open tab", "skyux_vertical_tabs_show_tabs_text": "Tab list" } };
|
|
934
751
|
}
|
|
935
752
|
SkyTabsResourcesProvider.prototype.getString = function (localeInfo, name) {
|
|
936
|
-
return
|
|
753
|
+
return i2$1.getLibStringForLocale(RESOURCES, localeInfo.locale, name);
|
|
937
754
|
};
|
|
938
|
-
SkyTabsResourcesProvider = __decorate([
|
|
939
|
-
core.Injectable()
|
|
940
|
-
], SkyTabsResourcesProvider);
|
|
941
755
|
return SkyTabsResourcesProvider;
|
|
942
756
|
}());
|
|
943
|
-
|
|
757
|
+
/**
|
|
758
|
+
* Import into any component library module that needs to use resource strings.
|
|
759
|
+
*/
|
|
944
760
|
var SkyTabsResourcesModule = /** @class */ (function () {
|
|
945
761
|
function SkyTabsResourcesModule() {
|
|
946
762
|
}
|
|
947
|
-
SkyTabsResourcesModule = __decorate([
|
|
948
|
-
core.NgModule({
|
|
949
|
-
providers: [{
|
|
950
|
-
provide: i18n.SKY_LIB_RESOURCES_PROVIDERS,
|
|
951
|
-
useClass: SkyTabsResourcesProvider,
|
|
952
|
-
multi: true
|
|
953
|
-
}]
|
|
954
|
-
})
|
|
955
|
-
], SkyTabsResourcesModule);
|
|
956
763
|
return SkyTabsResourcesModule;
|
|
957
764
|
}());
|
|
765
|
+
SkyTabsResourcesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: SkyTabsResourcesModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
766
|
+
SkyTabsResourcesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: SkyTabsResourcesModule, exports: [i2$1.SkyI18nModule] });
|
|
767
|
+
SkyTabsResourcesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: SkyTabsResourcesModule, providers: [{
|
|
768
|
+
provide: i2$1.SKY_LIB_RESOURCES_PROVIDERS,
|
|
769
|
+
useClass: SkyTabsResourcesProvider,
|
|
770
|
+
multi: true
|
|
771
|
+
}], imports: [i2$1.SkyI18nModule] });
|
|
772
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: SkyTabsResourcesModule, decorators: [{
|
|
773
|
+
type: i0.NgModule,
|
|
774
|
+
args: [{
|
|
775
|
+
exports: [i2$1.SkyI18nModule],
|
|
776
|
+
providers: [{
|
|
777
|
+
provide: i2$1.SKY_LIB_RESOURCES_PROVIDERS,
|
|
778
|
+
useClass: SkyTabsResourcesProvider,
|
|
779
|
+
multi: true
|
|
780
|
+
}]
|
|
781
|
+
}]
|
|
782
|
+
}] });
|
|
958
783
|
|
|
959
784
|
var SkyVerticalTabsetComponent = /** @class */ (function () {
|
|
960
|
-
function SkyVerticalTabsetComponent(
|
|
961
|
-
this.adapterService = adapterService;
|
|
785
|
+
function SkyVerticalTabsetComponent(tabService, resources, changeRef) {
|
|
962
786
|
this.tabService = tabService;
|
|
963
787
|
this.resources = resources;
|
|
964
788
|
this.changeRef = changeRef;
|
|
@@ -972,7 +796,7 @@
|
|
|
972
796
|
* Fires when the active tab changes. Emits the index of the active tab. The
|
|
973
797
|
* index is based on the tab's position when it loads.
|
|
974
798
|
*/
|
|
975
|
-
this.activeChange = new
|
|
799
|
+
this.activeChange = new i0.EventEmitter();
|
|
976
800
|
this.isMobile = false;
|
|
977
801
|
this._ngUnsubscribe = new rxjs.Subject();
|
|
978
802
|
}
|
|
@@ -994,7 +818,7 @@
|
|
|
994
818
|
set: function (value) {
|
|
995
819
|
this._ariaRole = value;
|
|
996
820
|
},
|
|
997
|
-
enumerable:
|
|
821
|
+
enumerable: false,
|
|
998
822
|
configurable: true
|
|
999
823
|
});
|
|
1000
824
|
SkyVerticalTabsetComponent.prototype.ngOnInit = function () {
|
|
@@ -1004,9 +828,6 @@
|
|
|
1004
828
|
.pipe(operators.takeUntil(this._ngUnsubscribe))
|
|
1005
829
|
.subscribe(function (index) {
|
|
1006
830
|
_this.activeChange.emit(index);
|
|
1007
|
-
if (_this.contentWrapper) {
|
|
1008
|
-
_this.adapterService.scrollToContentTop(_this.contentWrapper);
|
|
1009
|
-
}
|
|
1010
831
|
_this.changeRef.markForCheck();
|
|
1011
832
|
});
|
|
1012
833
|
this.tabService.switchingMobile
|
|
@@ -1025,6 +846,7 @@
|
|
|
1025
846
|
.pipe(operators.take(1))
|
|
1026
847
|
.subscribe(function (resource) {
|
|
1027
848
|
/* sanity check */
|
|
849
|
+
/* istanbul ignore else */
|
|
1028
850
|
if (!_this.showTabsText) {
|
|
1029
851
|
_this.showTabsText = resource;
|
|
1030
852
|
}
|
|
@@ -1039,58 +861,61 @@
|
|
|
1039
861
|
this._ngUnsubscribe.next();
|
|
1040
862
|
this._ngUnsubscribe.complete();
|
|
1041
863
|
};
|
|
1042
|
-
SkyVerticalTabsetComponent.ctorParameters = function () { return [
|
|
1043
|
-
{ type: SkyVerticalTabsetAdapterService },
|
|
1044
|
-
{ type: SkyVerticalTabsetService },
|
|
1045
|
-
{ type: i18n.SkyLibResourcesService },
|
|
1046
|
-
{ type: core.ChangeDetectorRef }
|
|
1047
|
-
]; };
|
|
1048
|
-
__decorate([
|
|
1049
|
-
core.Input()
|
|
1050
|
-
], SkyVerticalTabsetComponent.prototype, "showTabsText", void 0);
|
|
1051
|
-
__decorate([
|
|
1052
|
-
core.Input()
|
|
1053
|
-
], SkyVerticalTabsetComponent.prototype, "ariaRole", null);
|
|
1054
|
-
__decorate([
|
|
1055
|
-
core.Input()
|
|
1056
|
-
], SkyVerticalTabsetComponent.prototype, "maintainTabContent", void 0);
|
|
1057
|
-
__decorate([
|
|
1058
|
-
core.Output()
|
|
1059
|
-
], SkyVerticalTabsetComponent.prototype, "activeChange", void 0);
|
|
1060
|
-
__decorate([
|
|
1061
|
-
core.ViewChild('groupContainerWrapper')
|
|
1062
|
-
], SkyVerticalTabsetComponent.prototype, "tabGroups", void 0);
|
|
1063
|
-
__decorate([
|
|
1064
|
-
core.ViewChild('skySideContent')
|
|
1065
|
-
], SkyVerticalTabsetComponent.prototype, "content", void 0);
|
|
1066
|
-
__decorate([
|
|
1067
|
-
core.ViewChild('contentContainerWrapper')
|
|
1068
|
-
], SkyVerticalTabsetComponent.prototype, "contentWrapper", void 0);
|
|
1069
|
-
SkyVerticalTabsetComponent = __decorate([
|
|
1070
|
-
core.Component({
|
|
1071
|
-
selector: 'sky-vertical-tabset',
|
|
1072
|
-
template: " <div class=\"sky-vertical-tabset\" (window:resize)=\"tabService.updateContent()\">\n <div\n *ngIf=\"maintainTabContent || tabService.tabsVisible()\"\n #groupContainerWrapper\n class=\"sky-vertical-tabset-group-container\"\n [ngClass]=\"{'sky-vertical-tabset-hidden': !tabService.tabsVisible()}\"\n [attr.role]=\"ariaRole\"\n [@tabGroupEnter]=\"tabService.animationTabsVisibleState\"\n >\n <ng-content></ng-content>\n </div>\n <div\n *ngIf=\"maintainTabContent || tabService.contentVisible()\"\n class=\"sky-vertical-tabset-content\"\n [ngClass]=\"{'sky-vertical-tabset-content-hidden': !tabService.contentVisible()}\"\n [@contentEnter]=\"tabService.animationContentVisibleState\"\n #contentContainerWrapper\n >\n <div #skySideContent></div>\n <button\n *ngIf=\"!tabService.tabsVisible()\"\n (click)=\"tabService.showTabs()\"\n class=\"sky-btn sky-btn-primary sky-vertical-tabset-show-tabs-btn\"\n >\n <sky-icon icon=\"chevron-left\"></sky-icon>\n {{ showTabsText }}\n </button>\n </div>\n</div>\n",
|
|
1073
|
-
providers: [SkyVerticalTabsetService],
|
|
1074
|
-
changeDetection: core.ChangeDetectionStrategy.OnPush,
|
|
1075
|
-
animations: [
|
|
1076
|
-
animations.trigger('tabGroupEnter', [
|
|
1077
|
-
animations.transition(HIDDEN_STATE + " => " + VISIBLE_STATE, [
|
|
1078
|
-
animations.style({ transform: 'translate(-100%)' }),
|
|
1079
|
-
animations.animate('150ms ease-in')
|
|
1080
|
-
])
|
|
1081
|
-
]),
|
|
1082
|
-
animations.trigger('contentEnter', [
|
|
1083
|
-
animations.transition(HIDDEN_STATE + " => " + VISIBLE_STATE, [
|
|
1084
|
-
animations.style({ transform: 'translate(100%)' }),
|
|
1085
|
-
animations.animate('150ms ease-in')
|
|
1086
|
-
])
|
|
1087
|
-
])
|
|
1088
|
-
],
|
|
1089
|
-
styles: [":host .sky-vertical-tabset{display:block;height:auto}:host .sky-vertical-tabset-group-container{border-right:none}:host-context(.sky-responsive-container-lg) .sky-vertical-tabset,:host-context(.sky-responsive-container-md) .sky-vertical-tabset,:host-context(.sky-responsive-container-sm) .sky-vertical-tabset,:host-context(.sky-responsive-container-xs) .sky-vertical-tabset{display:block;height:auto}:host-context(.sky-responsive-container-lg) .sky-vertical-tabset-group-container,:host-context(.sky-responsive-container-md) .sky-vertical-tabset-group-container,:host-context(.sky-responsive-container-sm) .sky-vertical-tabset-group-container,:host-context(.sky-responsive-container-xs) .sky-vertical-tabset-group-container{border-right:none}:host-context(.sky-responsive-container-lg) .sky-vertical-tabset,:host-context(.sky-responsive-container-md) .sky-vertical-tabset,:host-context(.sky-responsive-container-sm) .sky-vertical-tabset{display:flex;height:100%}:host-context(.sky-responsive-container-lg) .sky-vertical-tabset-group-container,:host-context(.sky-responsive-container-md) .sky-vertical-tabset-group-container,:host-context(.sky-responsive-container-sm) .sky-vertical-tabset-group-container{border-right:1px solid #cdcfd2}.sky-vertical-tabset-hidden{display:none}.sky-vertical-tabset-content{margin:10px 0 0 10px;flex-basis:75%;overflow-y:auto}.sky-vertical-tabset-content-hidden{display:none}.sky-vertical-tabset-show-tabs-btn{margin-top:10px}.sky-vertical-tabset-group-container{flex-basis:25%;overflow-y:auto}:host-context(sky-modal-content>) .sky-vertical-tabset{margin:-15px}.sky-theme-modern .sky-vertical-tabset-content,:host-context(.sky-theme-modern) .sky-vertical-tabset-content{margin:15px}@media (min-width:768px){:host .sky-vertical-tabset{display:flex;height:100%}:host .sky-vertical-tabset-group-container{border-right:1px solid #cdcfd2}.sky-theme-modern :host .sky-vertical-tabset-content,:host-context(.sky-theme-modern) :host .sky-vertical-tabset-content{margin:20px 30px}.sky-theme-modern :host .sky-vertical-tabset-group-container,:host-context(.sky-theme-modern) :host .sky-vertical-tabset-group-container{border-right:1px solid #d2d2d2}}.sky-theme-modern :host-context(.sky-responsive-container-lg) .sky-vertical-tabset-content,.sky-theme-modern :host-context(.sky-responsive-container-md) .sky-vertical-tabset-content,.sky-theme-modern :host-context(.sky-responsive-container-sm) .sky-vertical-tabset-content,:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-lg) .sky-vertical-tabset-content,:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-md) .sky-vertical-tabset-content,:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-sm) .sky-vertical-tabset-content{margin:20px 30px}.sky-theme-modern :host-context(.sky-responsive-container-lg) .sky-vertical-tabset-group-container,.sky-theme-modern :host-context(.sky-responsive-container-md) .sky-vertical-tabset-group-container,.sky-theme-modern :host-context(.sky-responsive-container-sm) .sky-vertical-tabset-group-container,:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-lg) .sky-vertical-tabset-group-container,:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-md) .sky-vertical-tabset-group-container,:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-sm) .sky-vertical-tabset-group-container{border-right:1px solid #d2d2d2}"]
|
|
1090
|
-
})
|
|
1091
|
-
], SkyVerticalTabsetComponent);
|
|
1092
864
|
return SkyVerticalTabsetComponent;
|
|
1093
865
|
}());
|
|
866
|
+
SkyVerticalTabsetComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: SkyVerticalTabsetComponent, deps: [{ token: SkyVerticalTabsetService }, { token: i2__namespace$1.SkyLibResourcesService }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
867
|
+
SkyVerticalTabsetComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.5", type: SkyVerticalTabsetComponent, selector: "sky-vertical-tabset", inputs: { showTabsText: "showTabsText", ariaRole: "ariaRole", maintainTabContent: "maintainTabContent" }, outputs: { activeChange: "activeChange" }, providers: [SkyVerticalTabsetService], viewQueries: [{ propertyName: "tabGroups", first: true, predicate: ["contentWrapper"], descendants: true }, { propertyName: "content", first: true, predicate: ["skySideContent"], descendants: true }], ngImport: i0__namespace, template: " <div class=\"sky-vertical-tabset\" (window:resize)=\"tabService.updateContent()\">\n <div\n *ngIf=\"maintainTabContent || tabService.tabsVisible()\"\n #contentWrapper\n class=\"sky-vertical-tabset-group-container\"\n [ngClass]=\"{'sky-vertical-tabset-hidden': !tabService.tabsVisible()}\"\n [attr.role]=\"ariaRole\"\n [@tabGroupEnter]=\"tabService.animationTabsVisibleState\"\n >\n <ng-content></ng-content>\n </div>\n <div\n *ngIf=\"maintainTabContent || tabService.contentVisible()\"\n class=\"sky-vertical-tabset-content\"\n [ngClass]=\"{'sky-vertical-tabset-content-hidden': !tabService.contentVisible()}\"\n [@contentEnter]=\"tabService.animationContentVisibleState\"\n >\n <div #skySideContent></div>\n <button\n *ngIf=\"!tabService.tabsVisible()\"\n (click)=\"tabService.showTabs()\"\n class=\"sky-btn sky-btn-primary sky-vertical-tabset-show-tabs-btn\"\n >\n <sky-icon icon=\"chevron-left\"></sky-icon>\n {{ showTabsText }}\n </button>\n </div>\n</div>\n", styles: [":host .sky-vertical-tabset{display:block;height:auto}:host .sky-vertical-tabset-group-container{border-right:none}:host-context(.sky-responsive-container-xs) .sky-vertical-tabset,:host-context(.sky-responsive-container-sm) .sky-vertical-tabset,:host-context(.sky-responsive-container-md) .sky-vertical-tabset,:host-context(.sky-responsive-container-lg) .sky-vertical-tabset{display:block;height:auto}:host-context(.sky-responsive-container-xs) .sky-vertical-tabset-group-container,:host-context(.sky-responsive-container-sm) .sky-vertical-tabset-group-container,:host-context(.sky-responsive-container-md) .sky-vertical-tabset-group-container,:host-context(.sky-responsive-container-lg) .sky-vertical-tabset-group-container{border-right:none}@media (min-width: 768px){:host .sky-vertical-tabset{display:flex;height:100%}:host .sky-vertical-tabset-group-container{border-right:1px solid #cdcfd2}}:host-context(.sky-responsive-container-sm) .sky-vertical-tabset,:host-context(.sky-responsive-container-md) .sky-vertical-tabset,:host-context(.sky-responsive-container-lg) .sky-vertical-tabset{display:flex;height:100%}:host-context(.sky-responsive-container-sm) .sky-vertical-tabset-group-container,:host-context(.sky-responsive-container-md) .sky-vertical-tabset-group-container,:host-context(.sky-responsive-container-lg) .sky-vertical-tabset-group-container{border-right:1px solid #cdcfd2}.sky-vertical-tabset-hidden{display:none}.sky-vertical-tabset-content{margin:10px 0 0 10px;flex-basis:75%;overflow-y:auto}.sky-vertical-tabset-content-hidden{display:none}.sky-vertical-tabset-show-tabs-btn{margin-top:10px}.sky-vertical-tabset-group-container{flex-basis:25%;overflow-y:auto}:host-context(sky-modal-content >) .sky-vertical-tabset{margin:-15px}\n"], components: [{ type: i4__namespace.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], animations: [
|
|
868
|
+
animations.trigger('tabGroupEnter', [
|
|
869
|
+
animations.transition(HIDDEN_STATE + " => " + VISIBLE_STATE, [
|
|
870
|
+
animations.style({ transform: 'translate(-100%)' }),
|
|
871
|
+
animations.animate('150ms ease-in')
|
|
872
|
+
])
|
|
873
|
+
]),
|
|
874
|
+
animations.trigger('contentEnter', [
|
|
875
|
+
animations.transition(HIDDEN_STATE + " => " + VISIBLE_STATE, [
|
|
876
|
+
animations.style({ transform: 'translate(100%)' }),
|
|
877
|
+
animations.animate('150ms ease-in')
|
|
878
|
+
])
|
|
879
|
+
])
|
|
880
|
+
], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
881
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: SkyVerticalTabsetComponent, decorators: [{
|
|
882
|
+
type: i0.Component,
|
|
883
|
+
args: [{
|
|
884
|
+
selector: 'sky-vertical-tabset',
|
|
885
|
+
templateUrl: './vertical-tabset.component.html',
|
|
886
|
+
styleUrls: ['./vertical-tabset.component.scss'],
|
|
887
|
+
providers: [SkyVerticalTabsetService],
|
|
888
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
889
|
+
animations: [
|
|
890
|
+
animations.trigger('tabGroupEnter', [
|
|
891
|
+
animations.transition(HIDDEN_STATE + " => " + VISIBLE_STATE, [
|
|
892
|
+
animations.style({ transform: 'translate(-100%)' }),
|
|
893
|
+
animations.animate('150ms ease-in')
|
|
894
|
+
])
|
|
895
|
+
]),
|
|
896
|
+
animations.trigger('contentEnter', [
|
|
897
|
+
animations.transition(HIDDEN_STATE + " => " + VISIBLE_STATE, [
|
|
898
|
+
animations.style({ transform: 'translate(100%)' }),
|
|
899
|
+
animations.animate('150ms ease-in')
|
|
900
|
+
])
|
|
901
|
+
])
|
|
902
|
+
]
|
|
903
|
+
}]
|
|
904
|
+
}], ctorParameters: function () { return [{ type: SkyVerticalTabsetService }, { type: i2__namespace$1.SkyLibResourcesService }, { type: i0__namespace.ChangeDetectorRef }]; }, propDecorators: { showTabsText: [{
|
|
905
|
+
type: i0.Input
|
|
906
|
+
}], ariaRole: [{
|
|
907
|
+
type: i0.Input
|
|
908
|
+
}], maintainTabContent: [{
|
|
909
|
+
type: i0.Input
|
|
910
|
+
}], activeChange: [{
|
|
911
|
+
type: i0.Output
|
|
912
|
+
}], tabGroups: [{
|
|
913
|
+
type: i0.ViewChild,
|
|
914
|
+
args: ['contentWrapper']
|
|
915
|
+
}], content: [{
|
|
916
|
+
type: i0.ViewChild,
|
|
917
|
+
args: ['skySideContent']
|
|
918
|
+
}] } });
|
|
1094
919
|
|
|
1095
920
|
var SkyVerticalTabsetGroupComponent = /** @class */ (function () {
|
|
1096
921
|
function SkyVerticalTabsetGroupComponent(tabService, changeRef) {
|
|
@@ -1125,7 +950,7 @@
|
|
|
1125
950
|
set: function (value) {
|
|
1126
951
|
this._open = value;
|
|
1127
952
|
},
|
|
1128
|
-
enumerable:
|
|
953
|
+
enumerable: false,
|
|
1129
954
|
configurable: true
|
|
1130
955
|
});
|
|
1131
956
|
SkyVerticalTabsetGroupComponent.prototype.ngOnInit = function () {
|
|
@@ -1152,121 +977,166 @@
|
|
|
1152
977
|
SkyVerticalTabsetGroupComponent.prototype.subMenuOpen = function () {
|
|
1153
978
|
return this.tabs && (this.tabs.find(function (t) { return t.active; }) !== undefined);
|
|
1154
979
|
};
|
|
1155
|
-
SkyVerticalTabsetGroupComponent.ctorParameters = function () { return [
|
|
1156
|
-
{ type: SkyVerticalTabsetService },
|
|
1157
|
-
{ type: core.ChangeDetectorRef }
|
|
1158
|
-
]; };
|
|
1159
|
-
__decorate([
|
|
1160
|
-
core.Input()
|
|
1161
|
-
], SkyVerticalTabsetGroupComponent.prototype, "disabled", void 0);
|
|
1162
|
-
__decorate([
|
|
1163
|
-
core.Input()
|
|
1164
|
-
], SkyVerticalTabsetGroupComponent.prototype, "groupHeading", void 0);
|
|
1165
|
-
__decorate([
|
|
1166
|
-
core.Input()
|
|
1167
|
-
], SkyVerticalTabsetGroupComponent.prototype, "open", null);
|
|
1168
|
-
__decorate([
|
|
1169
|
-
core.ContentChildren(SkyVerticalTabComponent)
|
|
1170
|
-
], SkyVerticalTabsetGroupComponent.prototype, "tabs", void 0);
|
|
1171
|
-
SkyVerticalTabsetGroupComponent = __decorate([
|
|
1172
|
-
core.Component({
|
|
1173
|
-
selector: 'sky-vertical-tabset-group',
|
|
1174
|
-
template: "<div class=\"sky-vertical-tabset-group\">\n <!-- [ngClass] includes font classes for both modern and default styles -->\n <div\n class=\"sky-vertical-tabset-group-header sky-padding-even-default\"\n [ngClass]=\"{\n 'sky-vertical-tabset-group-header-sub-open sky-font-emphasized sky-emphasized': subMenuOpen(),\n 'sky-font-deemphasized': disabled,\n 'sky-deemphasized': disabled,\n 'sky-vertical-tabset-disabled': disabled\n }\"\n (click)=\"toggleMenuOpen()\"\n (keyup.enter)=\"toggleMenuOpen()\"\n [tabIndex]=\"-1\"\n >\n {{ groupHeading }}\n <sky-chevron *skyThemeIf=\"'default'\"\n class=\"sky-vertical-tabset-group-header-chevron\"\n [direction]=\"open ? 'up' : 'down'\"\n [disabled]=\"disabled\"\n (directionChange)=\"toggleMenuOpen()\"\n (keyup.enter)=\"$event.stopPropagation()\"\n >\n </sky-chevron>\n <ng-container *skyThemeIf=\"'modern'\">\n <button *ngIf=\"!open\"\n class=\"sky-btn sky-btn-icon-borderless sky-vertical-tabset-group-header-chevron\"\n type=\"button\"\n >\n <sky-icon\n icon=\"chevron-up\"\n iconType=\"skyux\"\n >\n </sky-icon>\n </button>\n <button *ngIf=\"open\"\n class=\"sky-btn sky-btn-icon-borderless sky-vertical-tabset-group-header-chevron\"\n type=\"button\"\n >\n <sky-icon\n icon=\"chevron-down\"\n iconType=\"skyux\"\n >\n </sky-icon>\n </button>\n </ng-container>\n </div>\n <div\n class=\"sky-vertical-tabset-group-content\"\n *ngIf=\"open\"\n [@tabSlide]\n >\n <ng-content></ng-content>\n </div>\n</div>\n",
|
|
1175
|
-
changeDetection: core.ChangeDetectionStrategy.OnPush,
|
|
1176
|
-
animations: [
|
|
1177
|
-
animations.trigger('tabSlide', [
|
|
1178
|
-
animations.transition(':enter', [
|
|
1179
|
-
animations.style({
|
|
1180
|
-
height: '0',
|
|
1181
|
-
visibility: 'hidden'
|
|
1182
|
-
}),
|
|
1183
|
-
animations.animate('150ms ease-in', animations.style({
|
|
1184
|
-
height: '*',
|
|
1185
|
-
visibility: 'visible'
|
|
1186
|
-
}))
|
|
1187
|
-
]),
|
|
1188
|
-
animations.transition(':leave', [
|
|
1189
|
-
animations.style({
|
|
1190
|
-
height: '*',
|
|
1191
|
-
visibility: 'visible'
|
|
1192
|
-
}),
|
|
1193
|
-
animations.animate('150ms ease-in', animations.style({
|
|
1194
|
-
height: '0',
|
|
1195
|
-
visibility: 'hidden'
|
|
1196
|
-
}))
|
|
1197
|
-
])
|
|
1198
|
-
])
|
|
1199
|
-
],
|
|
1200
|
-
styles: [".sky-vertical-tabset-group{border-bottom:1px solid #e2e3e4;margin:5px 0 5px 5px}.sky-vertical-tabset-group-header{cursor:pointer;display:flex;justify-content:space-between}.sky-vertical-tabset-group-header:focus-visible{outline:dotted thin;outline:-webkit-focus-ring-color auto 5px}.sky-vertical-tabset-group-content{overflow:hidden;border-top:1px solid #e2e3e4}:host ::ng-deep .sky-vertical-tabset-group-header-chevron>button{font-size:14px!important}.sky-vertical-tabset-disabled{cursor:not-allowed;pointer-events:none}.sky-theme-modern .sky-vertical-tabset-group,:host-context(.sky-theme-modern) .sky-vertical-tabset-group{border:none;margin:10px 0}.sky-theme-modern .sky-vertical-tabset-group-content,:host-context(.sky-theme-modern) .sky-vertical-tabset-group-content{border:none;padding-left:25px}.sky-theme-modern .sky-vertical-tabset-group-header,:host-context(.sky-theme-modern) .sky-vertical-tabset-group-header{position:relative}.sky-theme-modern .sky-vertical-tabset-group-header-chevron,:host-context(.sky-theme-modern) .sky-vertical-tabset-group-header-chevron{position:absolute;top:6px;right:5px}"]
|
|
1201
|
-
})
|
|
1202
|
-
], SkyVerticalTabsetGroupComponent);
|
|
1203
980
|
return SkyVerticalTabsetGroupComponent;
|
|
1204
981
|
}());
|
|
982
|
+
SkyVerticalTabsetGroupComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: SkyVerticalTabsetGroupComponent, deps: [{ token: SkyVerticalTabsetService }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
983
|
+
SkyVerticalTabsetGroupComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.5", type: SkyVerticalTabsetGroupComponent, selector: "sky-vertical-tabset-group", inputs: { disabled: "disabled", groupHeading: "groupHeading", open: "open" }, queries: [{ propertyName: "tabs", predicate: SkyVerticalTabComponent }], ngImport: i0__namespace, template: "<div class=\"sky-vertical-tabset-group\">\n <div\n class=\"sky-vertical-tabset-group-header sky-padding-even-default\"\n [ngClass]=\"{\n 'sky-vertical-tabset-group-header-sub-open sky-emphasized': subMenuOpen(),\n 'sky-deemphasized': disabled,\n 'sky-vertical-tabset-disabled': disabled\n }\"\n (click)=\"toggleMenuOpen()\"\n (keyup.enter)=\"toggleMenuOpen()\"\n [tabIndex]=\"-1\"\n >\n {{ groupHeading }}\n <sky-chevron *skyThemeIf=\"'default'\"\n class=\"sky-vertical-tabset-group-header-chevron\"\n [direction]=\"open ? 'up' : 'down'\"\n [disabled]=\"disabled\"\n (directionChange)=\"toggleMenuOpen()\"\n (keyup.enter)=\"$event.stopPropagation()\"\n >\n </sky-chevron>\n <ng-container *skyThemeIf=\"'modern'\">\n <button *ngIf=\"!open\"\n class=\"sky-btn sky-btn-icon-borderless sky-vertical-tabset-group-header-chevron\"\n type=\"button\"\n >\n <sky-icon\n icon=\"chevron-right\"\n iconType=\"skyux\"\n >\n </sky-icon>\n </button>\n <button *ngIf=\"open\"\n class=\"sky-btn sky-btn-icon-borderless sky-vertical-tabset-group-header-chevron\"\n type=\"button\"\n >\n <sky-icon\n icon=\"chevron-down\"\n iconType=\"skyux\"\n >\n </sky-icon>\n </button>\n </ng-container>\n </div>\n <div\n class=\"sky-vertical-tabset-group-content\"\n *ngIf=\"open\"\n [@tabSlide]\n >\n <ng-content></ng-content>\n </div>\n</div>\n", styles: [".sky-vertical-tabset-group{border-bottom:1px solid #e2e3e4;margin:5px 0 5px 5px}.sky-vertical-tabset-group-header{cursor:pointer;display:flex;justify-content:space-between}.sky-vertical-tabset-group-header:focus{outline:thin dotted;outline:-webkit-focus-ring-color auto 5px}.sky-vertical-tabset-group-content{overflow:hidden;border-top:1px solid #e2e3e4}:host ::ng-deep .sky-vertical-tabset-group-header-chevron>button{font-size:14px!important}.sky-vertical-tabset-disabled{cursor:not-allowed;pointer-events:none;font-style:normal}:host-context(.sky-theme-modern) .sky-vertical-tabset-group{border:none}:host-context(.sky-theme-modern) .sky-vertical-tabset-group-content{border:none;padding-left:25px}:host-context(.sky-theme-modern) .sky-vertical-tabset-group-header{position:relative}:host-context(.sky-theme-modern) .sky-vertical-tabset-group-header-chevron{position:absolute;top:6px;right:5px}.sky-theme-modern .sky-vertical-tabset-group{border:none}.sky-theme-modern .sky-vertical-tabset-group-content{border:none;padding-left:25px}.sky-theme-modern .sky-vertical-tabset-group-header{position:relative}.sky-theme-modern .sky-vertical-tabset-group-header-chevron{position:absolute;top:6px;right:5px}\n"], components: [{ type: i4__namespace.λ2, selector: "sky-chevron", inputs: ["direction", "disabled"], outputs: ["directionChange"] }, { type: i4__namespace.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }], directives: [{ type: i2__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4__namespace$1.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [
|
|
984
|
+
animations.trigger('tabSlide', [
|
|
985
|
+
animations.transition(':enter', [
|
|
986
|
+
animations.style({
|
|
987
|
+
height: '0',
|
|
988
|
+
visibility: 'hidden'
|
|
989
|
+
}),
|
|
990
|
+
animations.animate('150ms ease-in', animations.style({
|
|
991
|
+
height: '*',
|
|
992
|
+
visibility: 'visible'
|
|
993
|
+
}))
|
|
994
|
+
]),
|
|
995
|
+
animations.transition(':leave', [
|
|
996
|
+
animations.style({
|
|
997
|
+
height: '*',
|
|
998
|
+
visibility: 'visible'
|
|
999
|
+
}),
|
|
1000
|
+
animations.animate('150ms ease-in', animations.style({
|
|
1001
|
+
height: '0',
|
|
1002
|
+
visibility: 'hidden'
|
|
1003
|
+
}))
|
|
1004
|
+
])
|
|
1005
|
+
])
|
|
1006
|
+
], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
1007
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: SkyVerticalTabsetGroupComponent, decorators: [{
|
|
1008
|
+
type: i0.Component,
|
|
1009
|
+
args: [{
|
|
1010
|
+
selector: 'sky-vertical-tabset-group',
|
|
1011
|
+
templateUrl: './vertical-tabset-group.component.html',
|
|
1012
|
+
styleUrls: ['./vertical-tabset-group.component.scss'],
|
|
1013
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
1014
|
+
animations: [
|
|
1015
|
+
animations.trigger('tabSlide', [
|
|
1016
|
+
animations.transition(':enter', [
|
|
1017
|
+
animations.style({
|
|
1018
|
+
height: '0',
|
|
1019
|
+
visibility: 'hidden'
|
|
1020
|
+
}),
|
|
1021
|
+
animations.animate('150ms ease-in', animations.style({
|
|
1022
|
+
height: '*',
|
|
1023
|
+
visibility: 'visible'
|
|
1024
|
+
}))
|
|
1025
|
+
]),
|
|
1026
|
+
animations.transition(':leave', [
|
|
1027
|
+
animations.style({
|
|
1028
|
+
height: '*',
|
|
1029
|
+
visibility: 'visible'
|
|
1030
|
+
}),
|
|
1031
|
+
animations.animate('150ms ease-in', animations.style({
|
|
1032
|
+
height: '0',
|
|
1033
|
+
visibility: 'hidden'
|
|
1034
|
+
}))
|
|
1035
|
+
])
|
|
1036
|
+
])
|
|
1037
|
+
]
|
|
1038
|
+
}]
|
|
1039
|
+
}], ctorParameters: function () { return [{ type: SkyVerticalTabsetService }, { type: i0__namespace.ChangeDetectorRef }]; }, propDecorators: { disabled: [{
|
|
1040
|
+
type: i0.Input
|
|
1041
|
+
}], groupHeading: [{
|
|
1042
|
+
type: i0.Input
|
|
1043
|
+
}], open: [{
|
|
1044
|
+
type: i0.Input
|
|
1045
|
+
}], tabs: [{
|
|
1046
|
+
type: i0.ContentChildren,
|
|
1047
|
+
args: [SkyVerticalTabComponent]
|
|
1048
|
+
}] } });
|
|
1205
1049
|
|
|
1206
1050
|
var SkyVerticalTabsetModule = /** @class */ (function () {
|
|
1207
1051
|
function SkyVerticalTabsetModule() {
|
|
1208
1052
|
}
|
|
1209
|
-
SkyVerticalTabsetModule = __decorate([
|
|
1210
|
-
core.NgModule({
|
|
1211
|
-
declarations: [
|
|
1212
|
-
SkyVerticalTabsetComponent,
|
|
1213
|
-
SkyVerticalTabsetGroupComponent,
|
|
1214
|
-
SkyVerticalTabComponent
|
|
1215
|
-
],
|
|
1216
|
-
imports: [
|
|
1217
|
-
common.CommonModule,
|
|
1218
|
-
animations$1.BrowserAnimationsModule,
|
|
1219
|
-
indicators.SkyChevronModule,
|
|
1220
|
-
indicators.SkyIconModule,
|
|
1221
|
-
core$1.SkyMediaQueryModule,
|
|
1222
|
-
indicators.SkyStatusIndicatorModule,
|
|
1223
|
-
SkyTabsResourcesModule,
|
|
1224
|
-
theme.SkyThemeModule
|
|
1225
|
-
],
|
|
1226
|
-
providers: [
|
|
1227
|
-
SkyVerticalTabsetAdapterService
|
|
1228
|
-
],
|
|
1229
|
-
exports: [
|
|
1230
|
-
SkyVerticalTabsetComponent,
|
|
1231
|
-
SkyVerticalTabsetGroupComponent,
|
|
1232
|
-
SkyVerticalTabComponent
|
|
1233
|
-
]
|
|
1234
|
-
})
|
|
1235
|
-
], SkyVerticalTabsetModule);
|
|
1236
1053
|
return SkyVerticalTabsetModule;
|
|
1237
1054
|
}());
|
|
1055
|
+
SkyVerticalTabsetModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: SkyVerticalTabsetModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
1056
|
+
SkyVerticalTabsetModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: SkyVerticalTabsetModule, declarations: [SkyVerticalTabsetComponent,
|
|
1057
|
+
SkyVerticalTabsetGroupComponent,
|
|
1058
|
+
SkyVerticalTabComponent], imports: [i2.CommonModule,
|
|
1059
|
+
i4.SkyChevronModule,
|
|
1060
|
+
i4.SkyIconModule,
|
|
1061
|
+
i4.SkyStatusIndicatorModule,
|
|
1062
|
+
SkyTabsResourcesModule,
|
|
1063
|
+
i4$1.SkyThemeModule], exports: [SkyVerticalTabsetComponent,
|
|
1064
|
+
SkyVerticalTabsetGroupComponent,
|
|
1065
|
+
SkyVerticalTabComponent] });
|
|
1066
|
+
SkyVerticalTabsetModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: SkyVerticalTabsetModule, imports: [[
|
|
1067
|
+
i2.CommonModule,
|
|
1068
|
+
i4.SkyChevronModule,
|
|
1069
|
+
i4.SkyIconModule,
|
|
1070
|
+
i4.SkyStatusIndicatorModule,
|
|
1071
|
+
SkyTabsResourcesModule,
|
|
1072
|
+
i4$1.SkyThemeModule
|
|
1073
|
+
]] });
|
|
1074
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: SkyVerticalTabsetModule, decorators: [{
|
|
1075
|
+
type: i0.NgModule,
|
|
1076
|
+
args: [{
|
|
1077
|
+
declarations: [
|
|
1078
|
+
SkyVerticalTabsetComponent,
|
|
1079
|
+
SkyVerticalTabsetGroupComponent,
|
|
1080
|
+
SkyVerticalTabComponent
|
|
1081
|
+
],
|
|
1082
|
+
imports: [
|
|
1083
|
+
i2.CommonModule,
|
|
1084
|
+
i4.SkyChevronModule,
|
|
1085
|
+
i4.SkyIconModule,
|
|
1086
|
+
i4.SkyStatusIndicatorModule,
|
|
1087
|
+
SkyTabsResourcesModule,
|
|
1088
|
+
i4$1.SkyThemeModule
|
|
1089
|
+
],
|
|
1090
|
+
exports: [
|
|
1091
|
+
SkyVerticalTabsetComponent,
|
|
1092
|
+
SkyVerticalTabsetGroupComponent,
|
|
1093
|
+
SkyVerticalTabComponent
|
|
1094
|
+
]
|
|
1095
|
+
}]
|
|
1096
|
+
}] });
|
|
1238
1097
|
|
|
1239
1098
|
var SkySectionedFormModule = /** @class */ (function () {
|
|
1240
1099
|
function SkySectionedFormModule() {
|
|
1241
1100
|
}
|
|
1242
|
-
SkySectionedFormModule = __decorate([
|
|
1243
|
-
core.NgModule({
|
|
1244
|
-
declarations: [
|
|
1245
|
-
SkySectionedFormComponent,
|
|
1246
|
-
SkySectionedFormSectionComponent
|
|
1247
|
-
],
|
|
1248
|
-
imports: [
|
|
1249
|
-
common.CommonModule,
|
|
1250
|
-
forms.SkyCheckboxModule,
|
|
1251
|
-
theme.SkyThemeModule,
|
|
1252
|
-
SkyVerticalTabsetModule
|
|
1253
|
-
],
|
|
1254
|
-
exports: [
|
|
1255
|
-
SkySectionedFormComponent,
|
|
1256
|
-
SkySectionedFormSectionComponent
|
|
1257
|
-
]
|
|
1258
|
-
})
|
|
1259
|
-
], SkySectionedFormModule);
|
|
1260
1101
|
return SkySectionedFormModule;
|
|
1261
1102
|
}());
|
|
1103
|
+
SkySectionedFormModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: SkySectionedFormModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
1104
|
+
SkySectionedFormModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: SkySectionedFormModule, declarations: [SkySectionedFormComponent,
|
|
1105
|
+
SkySectionedFormSectionComponent], imports: [i2.CommonModule,
|
|
1106
|
+
forms.SkyCheckboxModule,
|
|
1107
|
+
SkyVerticalTabsetModule], exports: [SkySectionedFormComponent,
|
|
1108
|
+
SkySectionedFormSectionComponent] });
|
|
1109
|
+
SkySectionedFormModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: SkySectionedFormModule, imports: [[
|
|
1110
|
+
i2.CommonModule,
|
|
1111
|
+
forms.SkyCheckboxModule,
|
|
1112
|
+
SkyVerticalTabsetModule
|
|
1113
|
+
]] });
|
|
1114
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: SkySectionedFormModule, decorators: [{
|
|
1115
|
+
type: i0.NgModule,
|
|
1116
|
+
args: [{
|
|
1117
|
+
declarations: [
|
|
1118
|
+
SkySectionedFormComponent,
|
|
1119
|
+
SkySectionedFormSectionComponent
|
|
1120
|
+
],
|
|
1121
|
+
imports: [
|
|
1122
|
+
i2.CommonModule,
|
|
1123
|
+
forms.SkyCheckboxModule,
|
|
1124
|
+
SkyVerticalTabsetModule
|
|
1125
|
+
],
|
|
1126
|
+
exports: [
|
|
1127
|
+
SkySectionedFormComponent,
|
|
1128
|
+
SkySectionedFormSectionComponent
|
|
1129
|
+
]
|
|
1130
|
+
}]
|
|
1131
|
+
}] });
|
|
1262
1132
|
|
|
1263
1133
|
/**
|
|
1264
1134
|
* @internal
|
|
1265
1135
|
*/
|
|
1266
1136
|
var SkyTabButtonComponent = /** @class */ (function () {
|
|
1267
1137
|
function SkyTabButtonComponent() {
|
|
1268
|
-
this.buttonClick = new
|
|
1269
|
-
this.closeClick = new
|
|
1138
|
+
this.buttonClick = new i0.EventEmitter();
|
|
1139
|
+
this.closeClick = new i0.EventEmitter();
|
|
1270
1140
|
}
|
|
1271
1141
|
SkyTabButtonComponent.prototype.onButtonClick = function (event) {
|
|
1272
1142
|
if (!this.disabled) {
|
|
@@ -1284,50 +1154,42 @@
|
|
|
1284
1154
|
event.stopPropagation();
|
|
1285
1155
|
event.preventDefault();
|
|
1286
1156
|
};
|
|
1287
|
-
__decorate([
|
|
1288
|
-
core.Input()
|
|
1289
|
-
], SkyTabButtonComponent.prototype, "active", void 0);
|
|
1290
|
-
__decorate([
|
|
1291
|
-
core.Input()
|
|
1292
|
-
], SkyTabButtonComponent.prototype, "ariaControls", void 0);
|
|
1293
|
-
__decorate([
|
|
1294
|
-
core.Input()
|
|
1295
|
-
], SkyTabButtonComponent.prototype, "buttonHref", void 0);
|
|
1296
|
-
__decorate([
|
|
1297
|
-
core.Input()
|
|
1298
|
-
], SkyTabButtonComponent.prototype, "buttonId", void 0);
|
|
1299
|
-
__decorate([
|
|
1300
|
-
core.Input()
|
|
1301
|
-
], SkyTabButtonComponent.prototype, "buttonText", void 0);
|
|
1302
|
-
__decorate([
|
|
1303
|
-
core.Input()
|
|
1304
|
-
], SkyTabButtonComponent.prototype, "buttonTextCount", void 0);
|
|
1305
|
-
__decorate([
|
|
1306
|
-
core.Input()
|
|
1307
|
-
], SkyTabButtonComponent.prototype, "closeable", void 0);
|
|
1308
|
-
__decorate([
|
|
1309
|
-
core.Input()
|
|
1310
|
-
], SkyTabButtonComponent.prototype, "disabled", void 0);
|
|
1311
|
-
__decorate([
|
|
1312
|
-
core.Input()
|
|
1313
|
-
], SkyTabButtonComponent.prototype, "tabStyle", void 0);
|
|
1314
|
-
__decorate([
|
|
1315
|
-
core.Output()
|
|
1316
|
-
], SkyTabButtonComponent.prototype, "buttonClick", void 0);
|
|
1317
|
-
__decorate([
|
|
1318
|
-
core.Output()
|
|
1319
|
-
], SkyTabButtonComponent.prototype, "closeClick", void 0);
|
|
1320
|
-
SkyTabButtonComponent = __decorate([
|
|
1321
|
-
core.Component({
|
|
1322
|
-
selector: 'sky-tab-button',
|
|
1323
|
-
template: "<div\n class=\"sky-btn-tab-wrapper\"\n [ngClass]=\"{\n 'sky-btn-tab-wrapper-selected': active,\n 'sky-btn-tab-wrapper-disabled': disabled\n }\"\n>\n <a\n class=\"sky-btn-tab\"\n role=\"tab\"\n [attr.aria-controls]=\"ariaControls\"\n [attr.aria-disabled]=\"disabled\"\n [attr.aria-selected]=\"active\"\n [attr.href]=\"buttonHref\"\n [id]=\"buttonId\"\n [ngClass]=\"{\n 'sky-btn-tab-wizard': tabStyle === 'wizard',\n 'sky-btn-tab-selected': active,\n 'sky-btn-tab-disabled': disabled,\n 'sky-tab-btn-closeable': closeable\n }\"\n [tabindex]=\"disabled ? '-1' : '0'\"\n (click)=\"onButtonClick($event)\"\n (keydown.enter)=\"onButtonEnterKeyDown($event)\"\n >\n <span\n class=\"sky-tab-heading\"\n >\n {{ buttonText }}\n <span *ngIf=\"buttonTextCount !== undefined\"\n class=\"sky-tab-header-count\"\n >\n {{ buttonTextCount }}\n </span>\n </span>\n </a>\n\n <button *ngIf=\"closeable\"\n class=\"sky-btn-tab-close\"\n type=\"button\"\n [attr.aria-label]=\"'skyux_tab_close' | skyLibResources:buttonText\"\n [disabled]=\"disabled\"\n [ngClass]=\"{\n 'sky-btn-tab-close-disabled': disabled\n }\"\n (click)=\"onCloseClick($event)\"\n >\n <sky-icon\n icon=\"remove\"\n ></sky-icon>\n </button>\n</div>\n",
|
|
1324
|
-
changeDetection: core.ChangeDetectionStrategy.OnPush,
|
|
1325
|
-
encapsulation: core.ViewEncapsulation.None,
|
|
1326
|
-
styles: [".sky-btn-tab-wrapper{display:inline-block;position:relative;margin-right:5px}.sky-btn-tab-wrapper .sky-btn-tab-close{position:absolute;top:10px;right:10px;color:#686c73}.sky-btn-tab-wrapper .sky-btn-tab-close:hover{color:#212327;transition:color 150ms}.sky-btn-tab-wrapper.sky-btn-tab-wrapper-selected:not(.sky-btn-tab-wrapper-disabled) .sky-btn-tab-close{color:#fff}.sky-tab-btn-closeable{padding-right:43px}.sky-theme-modern .sky-btn-tab-wrapper,:host-context(.sky-theme-modern) .sky-btn-tab-wrapper{margin-right:10px}.sky-theme-modern .sky-btn-tab-wrapper .sky-btn-tab-close,:host-context(.sky-theme-modern) .sky-btn-tab-wrapper .sky-btn-tab-close{top:12px;right:10px}.sky-theme-modern .sky-btn-tab-wrapper.sky-btn-tab-wrapper-selected:not(.sky-btn-tab-wrapper-disabled) .sky-btn-tab-close,:host-context(.sky-theme-modern) .sky-btn-tab-wrapper.sky-btn-tab-wrapper-selected:not(.sky-btn-tab-wrapper-disabled) .sky-btn-tab-close{color:#686c73}.sky-theme-modern .sky-tab-btn-closeable,:host-context(.sky-theme-modern) .sky-tab-btn-closeable{padding-right:44px}.sky-theme-modern.sky-theme-mode-dark .sky-btn-tab-wrapper .sky-btn-tab-close,:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-btn-tab-wrapper .sky-btn-tab-close{color:#eeeeef}.sky-theme-modern.sky-theme-mode-dark .sky-btn-tab-wrapper.sky-btn-tab-wrapper-selected:not(.sky-btn-tab-wrapper-disabled) .sky-btn-tab-close,:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-btn-tab-wrapper.sky-btn-tab-wrapper-selected:not(.sky-btn-tab-wrapper-disabled) .sky-btn-tab-close{color:#eeeeef}"]
|
|
1327
|
-
})
|
|
1328
|
-
], SkyTabButtonComponent);
|
|
1329
1157
|
return SkyTabButtonComponent;
|
|
1330
1158
|
}());
|
|
1159
|
+
SkyTabButtonComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: SkyTabButtonComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1160
|
+
SkyTabButtonComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.5", type: SkyTabButtonComponent, selector: "sky-tab-button", inputs: { active: "active", ariaControls: "ariaControls", buttonHref: "buttonHref", buttonId: "buttonId", buttonText: "buttonText", buttonTextCount: "buttonTextCount", closeable: "closeable", disabled: "disabled", tabStyle: "tabStyle" }, outputs: { buttonClick: "buttonClick", closeClick: "closeClick" }, ngImport: i0__namespace, template: "<div\n class=\"sky-btn-tab-wrapper\"\n [ngClass]=\"{\n 'sky-btn-tab-wrapper-selected': active,\n 'sky-btn-tab-wrapper-disabled': disabled\n }\"\n>\n <a\n class=\"sky-btn-tab\"\n role=\"tab\"\n [attr.aria-controls]=\"ariaControls\"\n [attr.aria-disabled]=\"disabled\"\n [attr.aria-selected]=\"active\"\n [attr.href]=\"buttonHref\"\n [id]=\"buttonId\"\n [ngClass]=\"{\n 'sky-btn-tab-wizard': tabStyle === 'wizard',\n 'sky-btn-tab-selected': active,\n 'sky-btn-tab-disabled': disabled,\n 'sky-tab-btn-closeable': closeable\n }\"\n [tabindex]=\"disabled ? '-1' : '0'\"\n (click)=\"onButtonClick($event)\"\n (keydown.enter)=\"onButtonEnterKeyDown($event)\"\n >\n <span\n class=\"sky-tab-heading\"\n >\n {{ buttonText }}\n <span *ngIf=\"buttonTextCount !== undefined\"\n class=\"sky-tab-header-count\"\n >\n {{ buttonTextCount }}\n </span>\n </span>\n </a>\n\n <button *ngIf=\"closeable\"\n class=\"sky-btn-tab-close\"\n type=\"button\"\n [attr.aria-label]=\"'skyux_tab_close' | skyLibResources:buttonText\"\n [disabled]=\"disabled\"\n [ngClass]=\"{\n 'sky-btn-tab-close-disabled': disabled\n }\"\n (click)=\"onCloseClick($event)\"\n >\n <sky-icon\n icon=\"remove\"\n ></sky-icon>\n </button>\n</div>\n", styles: [".sky-btn-tab-wrapper{display:inline-block;position:relative;margin-right:5px}.sky-btn-tab-wrapper .sky-btn-tab-close{position:absolute;top:10px;right:10px;color:#686c73}.sky-btn-tab-wrapper .sky-btn-tab-close:hover{color:#212327;transition:color .15s}.sky-btn-tab-wrapper.sky-btn-tab-wrapper-selected:not(.sky-btn-tab-wrapper-disabled) .sky-btn-tab-close{color:#fff}.sky-tab-btn-closeable{padding-right:43px}:host-context(.sky-theme-modern) .sky-btn-tab-wrapper{margin-right:10px}:host-context(.sky-theme-modern) .sky-btn-tab-wrapper .sky-btn-tab-close{top:12px;right:10px}:host-context(.sky-theme-modern) .sky-btn-tab-wrapper.sky-btn-tab-wrapper-selected:not(.sky-btn-tab-wrapper-disabled) .sky-btn-tab-close{color:#686c73}:host-context(.sky-theme-modern) .sky-tab-btn-closeable{padding-right:44px}.sky-theme-modern .sky-btn-tab-wrapper{margin-right:10px}.sky-theme-modern .sky-btn-tab-wrapper .sky-btn-tab-close{top:12px;right:10px}.sky-theme-modern .sky-btn-tab-wrapper.sky-btn-tab-wrapper-selected:not(.sky-btn-tab-wrapper-disabled) .sky-btn-tab-close{color:#686c73}.sky-theme-modern .sky-tab-btn-closeable{padding-right:44px}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-btn-tab-wrapper .sky-btn-tab-close{color:#eeeeef}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-btn-tab-wrapper.sky-btn-tab-wrapper-selected:not(.sky-btn-tab-wrapper-disabled) .sky-btn-tab-close{color:#eeeeef}.sky-theme-modern.sky-theme-mode-dark .sky-btn-tab-wrapper .sky-btn-tab-close{color:#eeeeef}.sky-theme-modern.sky-theme-mode-dark .sky-btn-tab-wrapper.sky-btn-tab-wrapper-selected:not(.sky-btn-tab-wrapper-disabled) .sky-btn-tab-close{color:#eeeeef}\n"], components: [{ type: i4__namespace.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }], directives: [{ type: i2__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "skyLibResources": i2__namespace$1.SkyLibResourcesPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
1161
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: SkyTabButtonComponent, decorators: [{
|
|
1162
|
+
type: i0.Component,
|
|
1163
|
+
args: [{
|
|
1164
|
+
selector: 'sky-tab-button',
|
|
1165
|
+
templateUrl: './tab-button.component.html',
|
|
1166
|
+
styleUrls: ['./tab-button.component.scss'],
|
|
1167
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
1168
|
+
encapsulation: i0.ViewEncapsulation.None
|
|
1169
|
+
}]
|
|
1170
|
+
}], propDecorators: { active: [{
|
|
1171
|
+
type: i0.Input
|
|
1172
|
+
}], ariaControls: [{
|
|
1173
|
+
type: i0.Input
|
|
1174
|
+
}], buttonHref: [{
|
|
1175
|
+
type: i0.Input
|
|
1176
|
+
}], buttonId: [{
|
|
1177
|
+
type: i0.Input
|
|
1178
|
+
}], buttonText: [{
|
|
1179
|
+
type: i0.Input
|
|
1180
|
+
}], buttonTextCount: [{
|
|
1181
|
+
type: i0.Input
|
|
1182
|
+
}], closeable: [{
|
|
1183
|
+
type: i0.Input
|
|
1184
|
+
}], disabled: [{
|
|
1185
|
+
type: i0.Input
|
|
1186
|
+
}], tabStyle: [{
|
|
1187
|
+
type: i0.Input
|
|
1188
|
+
}], buttonClick: [{
|
|
1189
|
+
type: i0.Output
|
|
1190
|
+
}], closeClick: [{
|
|
1191
|
+
type: i0.Output
|
|
1192
|
+
}] } });
|
|
1331
1193
|
|
|
1332
1194
|
/**
|
|
1333
1195
|
* @internal
|
|
@@ -1343,7 +1205,7 @@
|
|
|
1343
1205
|
get: function () {
|
|
1344
1206
|
return this._popStateChange.asObservable();
|
|
1345
1207
|
},
|
|
1346
|
-
enumerable:
|
|
1208
|
+
enumerable: false,
|
|
1347
1209
|
configurable: true
|
|
1348
1210
|
});
|
|
1349
1211
|
SkyTabsetPermalinkService.prototype.ngOnDestroy = function () {
|
|
@@ -1441,16 +1303,13 @@
|
|
|
1441
1303
|
});
|
|
1442
1304
|
return params;
|
|
1443
1305
|
};
|
|
1444
|
-
SkyTabsetPermalinkService.ctorParameters = function () { return [
|
|
1445
|
-
{ type: router.ActivatedRoute },
|
|
1446
|
-
{ type: common.Location },
|
|
1447
|
-
{ type: router.Router }
|
|
1448
|
-
]; };
|
|
1449
|
-
SkyTabsetPermalinkService = __decorate([
|
|
1450
|
-
core.Injectable()
|
|
1451
|
-
], SkyTabsetPermalinkService);
|
|
1452
1306
|
return SkyTabsetPermalinkService;
|
|
1453
1307
|
}());
|
|
1308
|
+
SkyTabsetPermalinkService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: SkyTabsetPermalinkService, deps: [{ token: i1__namespace$1.ActivatedRoute }, { token: i2__namespace.Location }, { token: i1__namespace$1.Router }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
1309
|
+
SkyTabsetPermalinkService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: SkyTabsetPermalinkService });
|
|
1310
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: SkyTabsetPermalinkService, decorators: [{
|
|
1311
|
+
type: i0.Injectable
|
|
1312
|
+
}], ctorParameters: function () { return [{ type: i1__namespace$1.ActivatedRoute }, { type: i2__namespace.Location }, { type: i1__namespace$1.Router }]; } });
|
|
1454
1313
|
|
|
1455
1314
|
/**
|
|
1456
1315
|
* @internal
|
|
@@ -1467,14 +1326,14 @@
|
|
|
1467
1326
|
get: function () {
|
|
1468
1327
|
return this._activeTabUnregistered.asObservable();
|
|
1469
1328
|
},
|
|
1470
|
-
enumerable:
|
|
1329
|
+
enumerable: false,
|
|
1471
1330
|
configurable: true
|
|
1472
1331
|
});
|
|
1473
1332
|
Object.defineProperty(SkyTabsetService.prototype, "activeTabIndex", {
|
|
1474
1333
|
get: function () {
|
|
1475
1334
|
return this._activeTabIndex.asObservable();
|
|
1476
1335
|
},
|
|
1477
|
-
enumerable:
|
|
1336
|
+
enumerable: false,
|
|
1478
1337
|
configurable: true
|
|
1479
1338
|
});
|
|
1480
1339
|
/**
|
|
@@ -1487,6 +1346,7 @@
|
|
|
1487
1346
|
if (value !== undefined &&
|
|
1488
1347
|
!this.tabIndexesEqual(value, this.currentActiveTabIndex)) {
|
|
1489
1348
|
this.currentActiveTabIndex = value;
|
|
1349
|
+
/* istanbul ignore else */
|
|
1490
1350
|
if (config.emitChange) {
|
|
1491
1351
|
this._activeTabIndex.next(value);
|
|
1492
1352
|
}
|
|
@@ -1564,13 +1424,15 @@
|
|
|
1564
1424
|
SkyTabsetService.prototype.isTabIndexActive = function (tabIndex) {
|
|
1565
1425
|
return this.tabIndexesEqual(tabIndex, this.currentActiveTabIndex);
|
|
1566
1426
|
};
|
|
1567
|
-
SkyTabsetService = __decorate([
|
|
1568
|
-
core.Injectable()
|
|
1569
|
-
], SkyTabsetService);
|
|
1570
1427
|
return SkyTabsetService;
|
|
1571
1428
|
}());
|
|
1429
|
+
SkyTabsetService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: SkyTabsetService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
1430
|
+
SkyTabsetService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: SkyTabsetService });
|
|
1431
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: SkyTabsetService, decorators: [{
|
|
1432
|
+
type: i0.Injectable
|
|
1433
|
+
}] });
|
|
1572
1434
|
|
|
1573
|
-
var nextId
|
|
1435
|
+
var nextId = 0;
|
|
1574
1436
|
var SkyTabComponent = /** @class */ (function () {
|
|
1575
1437
|
function SkyTabComponent(changeDetector, permalinkService, tabsetService) {
|
|
1576
1438
|
this.changeDetector = changeDetector;
|
|
@@ -1580,12 +1442,12 @@
|
|
|
1580
1442
|
* Fires when users click the button to close the tab.
|
|
1581
1443
|
* The close button is added to the tab when you specify a listener for this event.
|
|
1582
1444
|
*/
|
|
1583
|
-
this.close = new
|
|
1445
|
+
this.close = new i0.EventEmitter();
|
|
1584
1446
|
this.showContent = false;
|
|
1585
1447
|
this._activeChange = new rxjs.BehaviorSubject(undefined);
|
|
1586
1448
|
this._stateChange = new rxjs.BehaviorSubject(undefined);
|
|
1587
1449
|
this._tabIndexChange = new rxjs.BehaviorSubject(undefined);
|
|
1588
|
-
var id = nextId
|
|
1450
|
+
var id = nextId++;
|
|
1589
1451
|
this.tabPanelId = "sky-tab-" + id;
|
|
1590
1452
|
this.tabButtonId = this.tabPanelId + "-nav-btn";
|
|
1591
1453
|
}
|
|
@@ -1605,14 +1467,14 @@
|
|
|
1605
1467
|
this._activeChange.next();
|
|
1606
1468
|
}
|
|
1607
1469
|
},
|
|
1608
|
-
enumerable:
|
|
1470
|
+
enumerable: false,
|
|
1609
1471
|
configurable: true
|
|
1610
1472
|
});
|
|
1611
1473
|
Object.defineProperty(SkyTabComponent.prototype, "activeChange", {
|
|
1612
1474
|
get: function () {
|
|
1613
1475
|
return this._activeChange.asObservable();
|
|
1614
1476
|
},
|
|
1615
|
-
enumerable:
|
|
1477
|
+
enumerable: false,
|
|
1616
1478
|
configurable: true
|
|
1617
1479
|
});
|
|
1618
1480
|
Object.defineProperty(SkyTabComponent.prototype, "permalinkValue", {
|
|
@@ -1629,7 +1491,7 @@
|
|
|
1629
1491
|
set: function (value) {
|
|
1630
1492
|
this._permalinkValue = this.permalinkService.urlify(value);
|
|
1631
1493
|
},
|
|
1632
|
-
enumerable:
|
|
1494
|
+
enumerable: false,
|
|
1633
1495
|
configurable: true
|
|
1634
1496
|
});
|
|
1635
1497
|
Object.defineProperty(SkyTabComponent.prototype, "tabIndex", {
|
|
@@ -1649,14 +1511,14 @@
|
|
|
1649
1511
|
}
|
|
1650
1512
|
this._tabIndex = value;
|
|
1651
1513
|
},
|
|
1652
|
-
enumerable:
|
|
1514
|
+
enumerable: false,
|
|
1653
1515
|
configurable: true
|
|
1654
1516
|
});
|
|
1655
1517
|
Object.defineProperty(SkyTabComponent.prototype, "closeable", {
|
|
1656
1518
|
get: function () {
|
|
1657
1519
|
return this.close.observers.length > 0;
|
|
1658
1520
|
},
|
|
1659
|
-
enumerable:
|
|
1521
|
+
enumerable: false,
|
|
1660
1522
|
configurable: true
|
|
1661
1523
|
});
|
|
1662
1524
|
Object.defineProperty(SkyTabComponent.prototype, "stateChange", {
|
|
@@ -1666,14 +1528,14 @@
|
|
|
1666
1528
|
get: function () {
|
|
1667
1529
|
return this._stateChange.asObservable();
|
|
1668
1530
|
},
|
|
1669
|
-
enumerable:
|
|
1531
|
+
enumerable: false,
|
|
1670
1532
|
configurable: true
|
|
1671
1533
|
});
|
|
1672
1534
|
Object.defineProperty(SkyTabComponent.prototype, "tabIndexChange", {
|
|
1673
1535
|
get: function () {
|
|
1674
1536
|
return this._tabIndexChange.asObservable();
|
|
1675
1537
|
},
|
|
1676
|
-
enumerable:
|
|
1538
|
+
enumerable: false,
|
|
1677
1539
|
configurable: true
|
|
1678
1540
|
});
|
|
1679
1541
|
SkyTabComponent.prototype.ngOnChanges = function (changes) {
|
|
@@ -1701,41 +1563,32 @@
|
|
|
1701
1563
|
this.showContent = false;
|
|
1702
1564
|
this.changeDetector.markForCheck();
|
|
1703
1565
|
};
|
|
1704
|
-
SkyTabComponent.ctorParameters = function () { return [
|
|
1705
|
-
{ type: core.ChangeDetectorRef },
|
|
1706
|
-
{ type: SkyTabsetPermalinkService },
|
|
1707
|
-
{ type: SkyTabsetService }
|
|
1708
|
-
]; };
|
|
1709
|
-
__decorate([
|
|
1710
|
-
core.Input()
|
|
1711
|
-
], SkyTabComponent.prototype, "active", null);
|
|
1712
|
-
__decorate([
|
|
1713
|
-
core.Input()
|
|
1714
|
-
], SkyTabComponent.prototype, "disabled", void 0);
|
|
1715
|
-
__decorate([
|
|
1716
|
-
core.Input()
|
|
1717
|
-
], SkyTabComponent.prototype, "permalinkValue", null);
|
|
1718
|
-
__decorate([
|
|
1719
|
-
core.Input()
|
|
1720
|
-
], SkyTabComponent.prototype, "tabHeaderCount", void 0);
|
|
1721
|
-
__decorate([
|
|
1722
|
-
core.Input()
|
|
1723
|
-
], SkyTabComponent.prototype, "tabHeading", void 0);
|
|
1724
|
-
__decorate([
|
|
1725
|
-
core.Input()
|
|
1726
|
-
], SkyTabComponent.prototype, "tabIndex", null);
|
|
1727
|
-
__decorate([
|
|
1728
|
-
core.Output()
|
|
1729
|
-
], SkyTabComponent.prototype, "close", void 0);
|
|
1730
|
-
SkyTabComponent = __decorate([
|
|
1731
|
-
core.Component({
|
|
1732
|
-
selector: 'sky-tab',
|
|
1733
|
-
template: "<div\n class=\"sky-tab\"\n role=\"tabpanel\"\n [attr.aria-labelledby]=\"tabButtonId\"\n [hidden]=\"!showContent\"\n [id]=\"tabPanelId\"\n>\n <ng-content></ng-content>\n</div>\n",
|
|
1734
|
-
changeDetection: core.ChangeDetectionStrategy.OnPush
|
|
1735
|
-
})
|
|
1736
|
-
], SkyTabComponent);
|
|
1737
1566
|
return SkyTabComponent;
|
|
1738
1567
|
}());
|
|
1568
|
+
SkyTabComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: SkyTabComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: SkyTabsetPermalinkService }, { token: SkyTabsetService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1569
|
+
SkyTabComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.5", type: SkyTabComponent, selector: "sky-tab", inputs: { active: "active", disabled: "disabled", permalinkValue: "permalinkValue", tabHeaderCount: "tabHeaderCount", tabHeading: "tabHeading", tabIndex: "tabIndex" }, outputs: { close: "close" }, usesOnChanges: true, ngImport: i0__namespace, template: "<div\n class=\"sky-tab\"\n role=\"tabpanel\"\n [attr.aria-labelledby]=\"tabButtonId\"\n [hidden]=\"!showContent\"\n [id]=\"tabPanelId\"\n>\n <ng-content></ng-content>\n</div>\n", changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
1570
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: SkyTabComponent, decorators: [{
|
|
1571
|
+
type: i0.Component,
|
|
1572
|
+
args: [{
|
|
1573
|
+
selector: 'sky-tab',
|
|
1574
|
+
templateUrl: './tab.component.html',
|
|
1575
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
1576
|
+
}]
|
|
1577
|
+
}], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }, { type: SkyTabsetPermalinkService }, { type: SkyTabsetService }]; }, propDecorators: { active: [{
|
|
1578
|
+
type: i0.Input
|
|
1579
|
+
}], disabled: [{
|
|
1580
|
+
type: i0.Input
|
|
1581
|
+
}], permalinkValue: [{
|
|
1582
|
+
type: i0.Input
|
|
1583
|
+
}], tabHeaderCount: [{
|
|
1584
|
+
type: i0.Input
|
|
1585
|
+
}], tabHeading: [{
|
|
1586
|
+
type: i0.Input
|
|
1587
|
+
}], tabIndex: [{
|
|
1588
|
+
type: i0.Input
|
|
1589
|
+
}], close: [{
|
|
1590
|
+
type: i0.Output
|
|
1591
|
+
}] } });
|
|
1739
1592
|
|
|
1740
1593
|
var buttonTypeNext = 'next';
|
|
1741
1594
|
var buttonTypePrevious = 'previous';
|
|
@@ -1765,7 +1618,7 @@
|
|
|
1765
1618
|
set: function (value) {
|
|
1766
1619
|
this._buttonText = value;
|
|
1767
1620
|
},
|
|
1768
|
-
enumerable:
|
|
1621
|
+
enumerable: false,
|
|
1769
1622
|
configurable: true
|
|
1770
1623
|
});
|
|
1771
1624
|
Object.defineProperty(SkyTabsetNavButtonComponent.prototype, "disabled", {
|
|
@@ -1784,7 +1637,7 @@
|
|
|
1784
1637
|
}
|
|
1785
1638
|
return !tabToSelect || tabToSelect.disabled;
|
|
1786
1639
|
},
|
|
1787
|
-
enumerable:
|
|
1640
|
+
enumerable: false,
|
|
1788
1641
|
configurable: true
|
|
1789
1642
|
});
|
|
1790
1643
|
Object.defineProperty(SkyTabsetNavButtonComponent.prototype, "selectedTab", {
|
|
@@ -1796,7 +1649,7 @@
|
|
|
1796
1649
|
}
|
|
1797
1650
|
return selectedTab;
|
|
1798
1651
|
},
|
|
1799
|
-
enumerable:
|
|
1652
|
+
enumerable: false,
|
|
1800
1653
|
configurable: true
|
|
1801
1654
|
});
|
|
1802
1655
|
Object.defineProperty(SkyTabsetNavButtonComponent.prototype, "nextTab", {
|
|
@@ -1808,7 +1661,7 @@
|
|
|
1808
1661
|
}
|
|
1809
1662
|
return undefined;
|
|
1810
1663
|
},
|
|
1811
|
-
enumerable:
|
|
1664
|
+
enumerable: false,
|
|
1812
1665
|
configurable: true
|
|
1813
1666
|
});
|
|
1814
1667
|
Object.defineProperty(SkyTabsetNavButtonComponent.prototype, "previousTab", {
|
|
@@ -1820,7 +1673,7 @@
|
|
|
1820
1673
|
}
|
|
1821
1674
|
return undefined;
|
|
1822
1675
|
},
|
|
1823
|
-
enumerable:
|
|
1676
|
+
enumerable: false,
|
|
1824
1677
|
configurable: true
|
|
1825
1678
|
});
|
|
1826
1679
|
SkyTabsetNavButtonComponent.prototype.ngAfterViewInit = function () {
|
|
@@ -1854,27 +1707,23 @@
|
|
|
1854
1707
|
this.tabset.active = tabToSelect.tabIndex;
|
|
1855
1708
|
}
|
|
1856
1709
|
};
|
|
1857
|
-
SkyTabsetNavButtonComponent.ctorParameters = function () { return [
|
|
1858
|
-
{ type: i18n.SkyLibResourcesService },
|
|
1859
|
-
{ type: core.ChangeDetectorRef }
|
|
1860
|
-
]; };
|
|
1861
|
-
__decorate([
|
|
1862
|
-
core.Input()
|
|
1863
|
-
], SkyTabsetNavButtonComponent.prototype, "tabset", void 0);
|
|
1864
|
-
__decorate([
|
|
1865
|
-
core.Input()
|
|
1866
|
-
], SkyTabsetNavButtonComponent.prototype, "buttonType", void 0);
|
|
1867
|
-
__decorate([
|
|
1868
|
-
core.Input()
|
|
1869
|
-
], SkyTabsetNavButtonComponent.prototype, "buttonText", null);
|
|
1870
|
-
SkyTabsetNavButtonComponent = __decorate([
|
|
1871
|
-
core.Component({
|
|
1872
|
-
selector: 'sky-tabset-nav-button',
|
|
1873
|
-
template: "<button\n class=\"sky-btn sky-btn-default\"\n type=\"button\"\n [disabled]=\"disabled\"\n (click)=\"buttonClick()\"\n>\n {{ buttonText }}\n</button>\n"
|
|
1874
|
-
})
|
|
1875
|
-
], SkyTabsetNavButtonComponent);
|
|
1876
1710
|
return SkyTabsetNavButtonComponent;
|
|
1877
1711
|
}());
|
|
1712
|
+
SkyTabsetNavButtonComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: SkyTabsetNavButtonComponent, deps: [{ token: i2__namespace$1.SkyLibResourcesService }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1713
|
+
SkyTabsetNavButtonComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.5", type: SkyTabsetNavButtonComponent, selector: "sky-tabset-nav-button", inputs: { tabset: "tabset", buttonType: "buttonType", buttonText: "buttonText" }, ngImport: i0__namespace, template: "<button\n class=\"sky-btn sky-btn-default\"\n type=\"button\"\n [disabled]=\"disabled\"\n (click)=\"buttonClick()\"\n>\n {{ buttonText }}\n</button>\n" });
|
|
1714
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: SkyTabsetNavButtonComponent, decorators: [{
|
|
1715
|
+
type: i0.Component,
|
|
1716
|
+
args: [{
|
|
1717
|
+
selector: 'sky-tabset-nav-button',
|
|
1718
|
+
templateUrl: './tabset-nav-button.component.html'
|
|
1719
|
+
}]
|
|
1720
|
+
}], ctorParameters: function () { return [{ type: i2__namespace$1.SkyLibResourcesService }, { type: i0__namespace.ChangeDetectorRef }]; }, propDecorators: { tabset: [{
|
|
1721
|
+
type: i0.Input
|
|
1722
|
+
}], buttonType: [{
|
|
1723
|
+
type: i0.Input
|
|
1724
|
+
}], buttonText: [{
|
|
1725
|
+
type: i0.Input
|
|
1726
|
+
}] } });
|
|
1878
1727
|
|
|
1879
1728
|
/**
|
|
1880
1729
|
* @internal
|
|
@@ -1887,7 +1736,7 @@
|
|
|
1887
1736
|
get: function () {
|
|
1888
1737
|
return this._overflowChange.asObservable();
|
|
1889
1738
|
},
|
|
1890
|
-
enumerable:
|
|
1739
|
+
enumerable: false,
|
|
1891
1740
|
configurable: true
|
|
1892
1741
|
});
|
|
1893
1742
|
SkyTabsetAdapterService.prototype.registerTabset = function (tabsetRef) {
|
|
@@ -1924,11 +1773,13 @@
|
|
|
1924
1773
|
var firstTabRect = tabsetEl.querySelector('.sky-tabset-dropdown').getBoundingClientRect();
|
|
1925
1774
|
return firstTabRect.left - tabsetRect.left;
|
|
1926
1775
|
};
|
|
1927
|
-
SkyTabsetAdapterService = __decorate([
|
|
1928
|
-
core.Injectable()
|
|
1929
|
-
], SkyTabsetAdapterService);
|
|
1930
1776
|
return SkyTabsetAdapterService;
|
|
1931
1777
|
}());
|
|
1778
|
+
SkyTabsetAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: SkyTabsetAdapterService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
1779
|
+
SkyTabsetAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: SkyTabsetAdapterService });
|
|
1780
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: SkyTabsetAdapterService, decorators: [{
|
|
1781
|
+
type: i0.Injectable
|
|
1782
|
+
}] });
|
|
1932
1783
|
|
|
1933
1784
|
var SkyTabsetComponent = /** @class */ (function () {
|
|
1934
1785
|
function SkyTabsetComponent(changeDetector, elementRef, adapterService, permalinkService, tabsetService) {
|
|
@@ -1940,21 +1791,21 @@
|
|
|
1940
1791
|
/**
|
|
1941
1792
|
* Fires when the active tab changes. This event emits the index of the active tab.
|
|
1942
1793
|
*/
|
|
1943
|
-
this.activeChange = new
|
|
1794
|
+
this.activeChange = new i0.EventEmitter();
|
|
1944
1795
|
/**
|
|
1945
1796
|
* Fires when users click the button to add a new tab.
|
|
1946
1797
|
* The new tab button is added to the tab area when you specify a listener for this event.
|
|
1947
1798
|
*/
|
|
1948
|
-
this.newTab = new
|
|
1799
|
+
this.newTab = new i0.EventEmitter();
|
|
1949
1800
|
/**
|
|
1950
1801
|
* Fires when users click the button to open a tab.
|
|
1951
1802
|
* The open tab button is added to the tab area when you specify a listener for this event.
|
|
1952
1803
|
*/
|
|
1953
|
-
this.openTab = new
|
|
1804
|
+
this.openTab = new i0.EventEmitter();
|
|
1954
1805
|
/**
|
|
1955
1806
|
* Fires when any tab's `tabIndex` value changes.
|
|
1956
1807
|
*/
|
|
1957
|
-
this.tabIndexesChange = new
|
|
1808
|
+
this.tabIndexesChange = new i0.EventEmitter();
|
|
1958
1809
|
this.tabButtons = [];
|
|
1959
1810
|
this.ngUnsubscribe = new rxjs.Subject();
|
|
1960
1811
|
this.tabComponentsStateChangeUnsubscribe = new rxjs.Subject();
|
|
@@ -1992,7 +1843,7 @@
|
|
|
1992
1843
|
});
|
|
1993
1844
|
}
|
|
1994
1845
|
},
|
|
1995
|
-
enumerable:
|
|
1846
|
+
enumerable: false,
|
|
1996
1847
|
configurable: true
|
|
1997
1848
|
});
|
|
1998
1849
|
Object.defineProperty(SkyTabsetComponent.prototype, "permalinkId", {
|
|
@@ -2012,7 +1863,7 @@
|
|
|
2012
1863
|
var sanitized = this.permalinkService.urlify(value);
|
|
2013
1864
|
this._permalinkId = sanitized + "-active-tab";
|
|
2014
1865
|
},
|
|
2015
|
-
enumerable:
|
|
1866
|
+
enumerable: false,
|
|
2016
1867
|
configurable: true
|
|
2017
1868
|
});
|
|
2018
1869
|
Object.defineProperty(SkyTabsetComponent.prototype, "tabStyle", {
|
|
@@ -2034,7 +1885,7 @@
|
|
|
2034
1885
|
}
|
|
2035
1886
|
this._tabStyle = value;
|
|
2036
1887
|
},
|
|
2037
|
-
enumerable:
|
|
1888
|
+
enumerable: false,
|
|
2038
1889
|
configurable: true
|
|
2039
1890
|
});
|
|
2040
1891
|
Object.defineProperty(SkyTabsetComponent.prototype, "tabDisplayMode", {
|
|
@@ -2045,7 +1896,7 @@
|
|
|
2045
1896
|
this._tabDisplayMode = value;
|
|
2046
1897
|
this.changeDetector.markForCheck();
|
|
2047
1898
|
},
|
|
2048
|
-
enumerable:
|
|
1899
|
+
enumerable: false,
|
|
2049
1900
|
configurable: true
|
|
2050
1901
|
});
|
|
2051
1902
|
SkyTabsetComponent.prototype.ngAfterViewInit = function () {
|
|
@@ -2083,9 +1934,7 @@
|
|
|
2083
1934
|
};
|
|
2084
1935
|
SkyTabsetComponent.prototype.onTabCloseClick = function (tabButton) {
|
|
2085
1936
|
var _this = this;
|
|
2086
|
-
var tabComponent = this.tabs.find(function (tab) {
|
|
2087
|
-
return _this.tabsetService.tabIndexesEqual(tab.tabIndex, tabButton.tabIndex);
|
|
2088
|
-
});
|
|
1937
|
+
var tabComponent = this.tabs.find(function (tab) { return _this.tabsetService.tabIndexesEqual(tab.tabIndex, tabButton.tabIndex); });
|
|
2089
1938
|
tabComponent.close.emit();
|
|
2090
1939
|
};
|
|
2091
1940
|
SkyTabsetComponent.prototype.onTabButtonClick = function (tabButton) {
|
|
@@ -2301,113 +2150,120 @@
|
|
|
2301
2150
|
this.activeChange.emit(activeIndex);
|
|
2302
2151
|
}
|
|
2303
2152
|
};
|
|
2304
|
-
SkyTabsetComponent.ctorParameters = function () { return [
|
|
2305
|
-
{ type: core.ChangeDetectorRef },
|
|
2306
|
-
{ type: core.ElementRef },
|
|
2307
|
-
{ type: SkyTabsetAdapterService },
|
|
2308
|
-
{ type: SkyTabsetPermalinkService },
|
|
2309
|
-
{ type: SkyTabsetService }
|
|
2310
|
-
]; };
|
|
2311
|
-
__decorate([
|
|
2312
|
-
core.Input()
|
|
2313
|
-
], SkyTabsetComponent.prototype, "active", null);
|
|
2314
|
-
__decorate([
|
|
2315
|
-
core.Input()
|
|
2316
|
-
], SkyTabsetComponent.prototype, "ariaLabel", void 0);
|
|
2317
|
-
__decorate([
|
|
2318
|
-
core.Input()
|
|
2319
|
-
], SkyTabsetComponent.prototype, "ariaLabelledBy", void 0);
|
|
2320
|
-
__decorate([
|
|
2321
|
-
core.Input()
|
|
2322
|
-
], SkyTabsetComponent.prototype, "permalinkId", null);
|
|
2323
|
-
__decorate([
|
|
2324
|
-
core.Input()
|
|
2325
|
-
], SkyTabsetComponent.prototype, "tabStyle", null);
|
|
2326
|
-
__decorate([
|
|
2327
|
-
core.Output()
|
|
2328
|
-
], SkyTabsetComponent.prototype, "activeChange", void 0);
|
|
2329
|
-
__decorate([
|
|
2330
|
-
core.Output()
|
|
2331
|
-
], SkyTabsetComponent.prototype, "newTab", void 0);
|
|
2332
|
-
__decorate([
|
|
2333
|
-
core.Output()
|
|
2334
|
-
], SkyTabsetComponent.prototype, "openTab", void 0);
|
|
2335
|
-
__decorate([
|
|
2336
|
-
core.Output()
|
|
2337
|
-
], SkyTabsetComponent.prototype, "tabIndexesChange", void 0);
|
|
2338
|
-
__decorate([
|
|
2339
|
-
core.ContentChildren(SkyTabComponent)
|
|
2340
|
-
], SkyTabsetComponent.prototype, "tabs", void 0);
|
|
2341
|
-
SkyTabsetComponent = __decorate([
|
|
2342
|
-
core.Component({
|
|
2343
|
-
selector: 'sky-tabset',
|
|
2344
|
-
template: "<div\n class=\"sky-tabset\"\n role=\"tablist\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledBy\"\n [ngClass]=\"'sky-tabset-mode-' + tabDisplayMode + ' sky-tabset-style-' + tabStyle\"\n (window:resize)=\"onWindowResize()\"\n>\n <span class=\"sky-tabset-dropdown\">\n <sky-dropdown *ngIf=\"tabDisplayMode === 'dropdown'\"\n buttonType=\"tab\"\n >\n <sky-dropdown-button>\n {{ dropdownTriggerButtonText }}\n </sky-dropdown-button>\n <sky-dropdown-menu>\n <sky-dropdown-item *ngFor=\"let tabButton of tabButtons\"\n class=\"sky-tab-dropdown-menu-item\"\n >\n <div\n class=\"sky-tab-dropdown-item\"\n [ngClass]=\"{\n 'sky-tab-dropdown-item-selected': tabButton.active\n }\"\n >\n <ng-container *ngTemplateOutlet=\"tabButtonTemplate; context: {\n $implicit: tabButton\n }\"></ng-container>\n </div>\n </sky-dropdown-item>\n </sky-dropdown-menu>\n </sky-dropdown>\n </span>\n <span\n class=\"sky-tabset-tabs\"\n >\n <ng-container *ngFor=\"let tabButton of tabButtons\">\n <ng-container *ngTemplateOutlet=\"tabButtonTemplate; context: {\n $implicit: tabButton\n }\"></ng-container>\n </ng-container>\n </span>\n <span\n class=\"sky-tabset-btns\"\n >\n <button *ngIf=\"newTab.observers.length > 0\"\n class=\"sky-btn sky-btn-icon sky-tabset-btn-new sky-margin-inline-compact\"\n type=\"button\"\n [attr.aria-label]=\"'skyux_tab_add' | skyLibResources\"\n [skyThemeClass]=\"{\n 'sky-margin-inline-sm': 'modern'\n }\"\n (click)=\"onNewTabClick()\"\n >\n <sky-icon\n icon=\"plus-circle\"\n size=\"lg\"\n >\n </sky-icon>\n </button>\n <button *ngIf=\"openTab.observers.length > 0\"\n class=\"sky-btn sky-btn-icon sky-tabset-btn-open sky-margin-inline-compact\"\n type=\"button\"\n [attr.aria-label]=\"'skyux_tab_open' | skyLibResources\"\n [skyThemeClass]=\"{\n 'sky-margin-inline-sm': 'modern'\n }\"\n (click)=\"onOpenTabClick()\"\n >\n <sky-icon\n icon=\"folder-open-o\"\n size=\"lg\"\n >\n </sky-icon>\n </button>\n </span>\n</div>\n<ng-content></ng-content>\n\n<ng-template\n let-tabButton\n #tabButtonTemplate\n>\n <sky-tab-button\n [active]=\"tabButton.active\"\n [ariaControls]=\"tabButton.ariaControls\"\n [buttonHref]=\"tabButton.buttonHref\"\n [buttonId]=\"tabButton.buttonId\"\n [buttonText]=\"tabButton.buttonText\"\n [buttonTextCount]=\"tabButton.buttonTextCount\"\n [closeable]=\"tabButton.closeable\"\n [disabled]=\"tabButton.disabled\"\n [tabStyle]=\"tabStyle\"\n (buttonClick)=\"onTabButtonClick(tabButton)\"\n (closeClick)=\"onTabCloseClick(tabButton)\"\n ></sky-tab-button>\n</ng-template>\n",
|
|
2345
|
-
providers: [
|
|
2346
|
-
SkyTabsetAdapterService,
|
|
2347
|
-
SkyTabsetPermalinkService,
|
|
2348
|
-
SkyTabsetService
|
|
2349
|
-
],
|
|
2350
|
-
changeDetection: core.ChangeDetectionStrategy.OnPush,
|
|
2351
|
-
encapsulation: core.ViewEncapsulation.None,
|
|
2352
|
-
styles: [".sky-tabset{align-items:center;border-bottom:2px solid #0974a1;display:flex;list-style-type:none;margin:0;overflow:hidden;padding:0 0 0 15px;white-space:nowrap}.sky-tabset.sky-tabset-style-wizard{border-bottom:none;padding-bottom:10px;padding-left:0}.sky-tabset-btns{order:1;padding-left:10px}.sky-tabset-dropdown{order:0;max-width:100%}.sky-tabset-mode-dropdown{line-height:0}.sky-tabset-mode-dropdown .sky-tabset-tabs{visibility:hidden;order:2}.sky-tab-dropdown-menu-item sky-tab-button{display:flex;min-width:300px}.sky-tab-dropdown-menu-item .sky-dropdown-item{margin:0}.sky-tab-dropdown-menu-item .sky-btn-tab-wrapper{width:100%;margin-right:0}.sky-tab-dropdown-menu-item .sky-btn-tab{margin:0;border-radius:0;width:100%;display:flex}.sky-tab-dropdown-menu-item .sky-btn-tab>.sky-tab-heading{flex:1 1 auto}.sky-tab-dropdown-menu-item .sky-btn-tab>.sky-btn-tab-close{flex:0 1 auto}.sky-tabset-tabs{order:0;white-space:nowrap}.sky-tabset-btn-new,.sky-tabset-btn-open{color:#0974a1}.sky-theme-modern .sky-tabset{border-bottom:1px solid #d2d2d2;overflow:visible}.sky-theme-modern .sky-tab-dropdown-menu-item .sky-btn-tab-wrapper{margin-right:0}"]
|
|
2353
|
-
})
|
|
2354
|
-
], SkyTabsetComponent);
|
|
2355
2153
|
return SkyTabsetComponent;
|
|
2356
2154
|
}());
|
|
2155
|
+
SkyTabsetComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: SkyTabsetComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: i0__namespace.ElementRef }, { token: SkyTabsetAdapterService }, { token: SkyTabsetPermalinkService }, { token: SkyTabsetService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2156
|
+
SkyTabsetComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.5", type: SkyTabsetComponent, selector: "sky-tabset", inputs: { active: "active", ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy", permalinkId: "permalinkId", tabStyle: "tabStyle" }, outputs: { activeChange: "activeChange", newTab: "newTab", openTab: "openTab", tabIndexesChange: "tabIndexesChange" }, providers: [
|
|
2157
|
+
SkyTabsetAdapterService,
|
|
2158
|
+
SkyTabsetPermalinkService,
|
|
2159
|
+
SkyTabsetService
|
|
2160
|
+
], queries: [{ propertyName: "tabs", predicate: SkyTabComponent }], ngImport: i0__namespace, template: "<div\n class=\"sky-tabset\"\n role=\"tablist\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledBy\"\n [ngClass]=\"'sky-tabset-mode-' + tabDisplayMode + ' sky-tabset-style-' + tabStyle\"\n (window:resize)=\"onWindowResize()\"\n>\n <span class=\"sky-tabset-dropdown\">\n <sky-dropdown *ngIf=\"tabDisplayMode === 'dropdown'\"\n buttonType=\"tab\"\n >\n <sky-dropdown-button>\n {{ dropdownTriggerButtonText }}\n </sky-dropdown-button>\n <sky-dropdown-menu>\n <sky-dropdown-item *ngFor=\"let tabButton of tabButtons\"\n class=\"sky-tab-dropdown-menu-item\"\n >\n <div\n class=\"sky-tab-dropdown-item\"\n [ngClass]=\"{\n 'sky-tab-dropdown-item-selected': tabButton.active\n }\"\n >\n <ng-container *ngTemplateOutlet=\"tabButtonTemplate; context: {\n $implicit: tabButton\n }\"></ng-container>\n </div>\n </sky-dropdown-item>\n </sky-dropdown-menu>\n </sky-dropdown>\n </span>\n <span\n class=\"sky-tabset-tabs\"\n >\n <ng-container *ngFor=\"let tabButton of tabButtons\">\n <ng-container *ngTemplateOutlet=\"tabButtonTemplate; context: {\n $implicit: tabButton\n }\"></ng-container>\n </ng-container>\n </span>\n <span\n class=\"sky-tabset-btns\"\n >\n <button *ngIf=\"newTab.observers.length > 0\"\n class=\"sky-btn sky-btn-icon sky-tabset-btn-new sky-margin-inline-compact\"\n type=\"button\"\n [attr.aria-label]=\"'skyux_tab_add' | skyLibResources\"\n [skyThemeClass]=\"{\n 'sky-margin-inline-sm': 'modern'\n }\"\n (click)=\"onNewTabClick()\"\n >\n <sky-icon\n icon=\"plus-circle\"\n size=\"lg\"\n >\n </sky-icon>\n </button>\n <button *ngIf=\"openTab.observers.length > 0\"\n class=\"sky-btn sky-btn-icon sky-tabset-btn-open sky-margin-inline-compact\"\n type=\"button\"\n [attr.aria-label]=\"'skyux_tab_open' | skyLibResources\"\n [skyThemeClass]=\"{\n 'sky-margin-inline-sm': 'modern'\n }\"\n (click)=\"onOpenTabClick()\"\n >\n <sky-icon\n icon=\"folder-open-o\"\n size=\"lg\"\n >\n </sky-icon>\n </button>\n </span>\n</div>\n<ng-content></ng-content>\n\n<ng-template\n let-tabButton\n #tabButtonTemplate\n>\n <sky-tab-button\n [active]=\"tabButton.active\"\n [ariaControls]=\"tabButton.ariaControls\"\n [buttonHref]=\"tabButton.buttonHref\"\n [buttonId]=\"tabButton.buttonId\"\n [buttonText]=\"tabButton.buttonText\"\n [buttonTextCount]=\"tabButton.buttonTextCount\"\n [closeable]=\"tabButton.closeable\"\n [disabled]=\"tabButton.disabled\"\n [tabStyle]=\"tabStyle\"\n (buttonClick)=\"onTabButtonClick(tabButton)\"\n (closeClick)=\"onTabCloseClick(tabButton)\"\n ></sky-tab-button>\n</ng-template>\n", styles: [".sky-tabset{align-items:center;border-bottom:2px solid #0974a1;display:flex;list-style-type:none;margin:0;overflow:hidden;padding:0 0 0 15px;white-space:nowrap}.sky-tabset.sky-tabset-style-wizard{border-bottom:none;padding-bottom:10px;padding-left:0}.sky-tabset-btns{order:1;padding-left:10px}.sky-tabset-dropdown{order:0;max-width:100%}.sky-tabset-mode-dropdown{line-height:0}.sky-tabset-mode-dropdown .sky-tabset-tabs{visibility:hidden;order:2}.sky-tab-dropdown-menu-item sky-tab-button{display:flex;min-width:300px}.sky-tab-dropdown-menu-item .sky-dropdown-item{margin:0}.sky-tab-dropdown-menu-item .sky-btn-tab-wrapper{width:100%;margin-right:0}.sky-tab-dropdown-menu-item .sky-btn-tab{margin:0;border-radius:0;width:100%;display:flex}.sky-tab-dropdown-menu-item .sky-btn-tab>.sky-tab-heading{flex:1 1 auto}.sky-tab-dropdown-menu-item .sky-btn-tab>.sky-btn-tab-close{flex:0 1 auto}.sky-tabset-tabs{order:0;white-space:nowrap}.sky-tabset-btn-new,.sky-tabset-btn-open{color:#0974a1}.sky-theme-modern .sky-tabset{border-bottom:1px solid #d2d2d2;overflow:visible}.sky-theme-modern .sky-tab-dropdown-menu-item .sky-btn-tab-wrapper{margin-right:0}\n"], components: [{ type: i4__namespace$2.λ3, selector: "sky-dropdown", inputs: ["buttonStyle", "buttonType", "disabled", "dismissOnBlur", "label", "horizontalAlignment", "messageStream", "title", "trigger"] }, { type: i4__namespace$2.λ2, selector: "sky-dropdown-button" }, { type: i4__namespace$2.λ4, selector: "sky-dropdown-menu", inputs: ["ariaLabelledBy", "ariaRole", "useNativeFocus"], outputs: ["menuChanges"] }, { type: i4__namespace$2.λ1, selector: "sky-dropdown-item", inputs: ["ariaRole"] }, { type: i4__namespace.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { type: SkyTabButtonComponent, selector: "sky-tab-button", inputs: ["active", "ariaControls", "buttonHref", "buttonId", "buttonText", "buttonTextCount", "closeable", "disabled", "tabStyle"], outputs: ["buttonClick", "closeClick"] }], directives: [{ type: i2__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4__namespace$1.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }], pipes: { "skyLibResources": i2__namespace$1.SkyLibResourcesPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
2161
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: SkyTabsetComponent, decorators: [{
|
|
2162
|
+
type: i0.Component,
|
|
2163
|
+
args: [{
|
|
2164
|
+
selector: 'sky-tabset',
|
|
2165
|
+
styleUrls: ['./tabset.component.scss'],
|
|
2166
|
+
templateUrl: './tabset.component.html',
|
|
2167
|
+
providers: [
|
|
2168
|
+
SkyTabsetAdapterService,
|
|
2169
|
+
SkyTabsetPermalinkService,
|
|
2170
|
+
SkyTabsetService
|
|
2171
|
+
],
|
|
2172
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
2173
|
+
encapsulation: i0.ViewEncapsulation.None
|
|
2174
|
+
}]
|
|
2175
|
+
}], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }, { type: i0__namespace.ElementRef }, { type: SkyTabsetAdapterService }, { type: SkyTabsetPermalinkService }, { type: SkyTabsetService }]; }, propDecorators: { active: [{
|
|
2176
|
+
type: i0.Input
|
|
2177
|
+
}], ariaLabel: [{
|
|
2178
|
+
type: i0.Input
|
|
2179
|
+
}], ariaLabelledBy: [{
|
|
2180
|
+
type: i0.Input
|
|
2181
|
+
}], permalinkId: [{
|
|
2182
|
+
type: i0.Input
|
|
2183
|
+
}], tabStyle: [{
|
|
2184
|
+
type: i0.Input
|
|
2185
|
+
}], activeChange: [{
|
|
2186
|
+
type: i0.Output
|
|
2187
|
+
}], newTab: [{
|
|
2188
|
+
type: i0.Output
|
|
2189
|
+
}], openTab: [{
|
|
2190
|
+
type: i0.Output
|
|
2191
|
+
}], tabIndexesChange: [{
|
|
2192
|
+
type: i0.Output
|
|
2193
|
+
}], tabs: [{
|
|
2194
|
+
type: i0.ContentChildren,
|
|
2195
|
+
args: [SkyTabComponent]
|
|
2196
|
+
}] } });
|
|
2357
2197
|
|
|
2358
2198
|
var SkyTabsModule = /** @class */ (function () {
|
|
2359
2199
|
function SkyTabsModule() {
|
|
2360
2200
|
}
|
|
2361
|
-
SkyTabsModule = __decorate([
|
|
2362
|
-
core.NgModule({
|
|
2363
|
-
declarations: [
|
|
2364
|
-
SkyTabButtonComponent,
|
|
2365
|
-
SkyTabComponent,
|
|
2366
|
-
SkyTabsetComponent,
|
|
2367
|
-
SkyTabsetNavButtonComponent
|
|
2368
|
-
],
|
|
2369
|
-
imports: [
|
|
2370
|
-
common.CommonModule,
|
|
2371
|
-
router.RouterModule,
|
|
2372
|
-
popovers.SkyDropdownModule,
|
|
2373
|
-
i18n.SkyI18nModule,
|
|
2374
|
-
indicators.SkyIconModule,
|
|
2375
|
-
SkyTabsResourcesModule,
|
|
2376
|
-
theme.SkyThemeModule
|
|
2377
|
-
],
|
|
2378
|
-
exports: [
|
|
2379
|
-
SkyTabComponent,
|
|
2380
|
-
SkyTabsetComponent,
|
|
2381
|
-
SkyTabsetNavButtonComponent
|
|
2382
|
-
]
|
|
2383
|
-
})
|
|
2384
|
-
], SkyTabsModule);
|
|
2385
2201
|
return SkyTabsModule;
|
|
2386
2202
|
}());
|
|
2203
|
+
SkyTabsModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: SkyTabsModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
2204
|
+
SkyTabsModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: SkyTabsModule, declarations: [SkyTabButtonComponent,
|
|
2205
|
+
SkyTabComponent,
|
|
2206
|
+
SkyTabsetComponent,
|
|
2207
|
+
SkyTabsetNavButtonComponent], imports: [i2.CommonModule,
|
|
2208
|
+
i1$1.RouterModule,
|
|
2209
|
+
i4$2.SkyDropdownModule,
|
|
2210
|
+
i2$1.SkyI18nModule,
|
|
2211
|
+
i4.SkyIconModule,
|
|
2212
|
+
SkyTabsResourcesModule,
|
|
2213
|
+
i4$1.SkyThemeModule], exports: [SkyTabComponent,
|
|
2214
|
+
SkyTabsetComponent,
|
|
2215
|
+
SkyTabsetNavButtonComponent] });
|
|
2216
|
+
SkyTabsModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: SkyTabsModule, imports: [[
|
|
2217
|
+
i2.CommonModule,
|
|
2218
|
+
i1$1.RouterModule,
|
|
2219
|
+
i4$2.SkyDropdownModule,
|
|
2220
|
+
i2$1.SkyI18nModule,
|
|
2221
|
+
i4.SkyIconModule,
|
|
2222
|
+
SkyTabsResourcesModule,
|
|
2223
|
+
i4$1.SkyThemeModule
|
|
2224
|
+
]] });
|
|
2225
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: SkyTabsModule, decorators: [{
|
|
2226
|
+
type: i0.NgModule,
|
|
2227
|
+
args: [{
|
|
2228
|
+
declarations: [
|
|
2229
|
+
SkyTabButtonComponent,
|
|
2230
|
+
SkyTabComponent,
|
|
2231
|
+
SkyTabsetComponent,
|
|
2232
|
+
SkyTabsetNavButtonComponent
|
|
2233
|
+
],
|
|
2234
|
+
imports: [
|
|
2235
|
+
i2.CommonModule,
|
|
2236
|
+
i1$1.RouterModule,
|
|
2237
|
+
i4$2.SkyDropdownModule,
|
|
2238
|
+
i2$1.SkyI18nModule,
|
|
2239
|
+
i4.SkyIconModule,
|
|
2240
|
+
SkyTabsResourcesModule,
|
|
2241
|
+
i4$1.SkyThemeModule
|
|
2242
|
+
],
|
|
2243
|
+
exports: [
|
|
2244
|
+
SkyTabComponent,
|
|
2245
|
+
SkyTabsetComponent,
|
|
2246
|
+
SkyTabsetNavButtonComponent
|
|
2247
|
+
]
|
|
2248
|
+
}]
|
|
2249
|
+
}] });
|
|
2250
|
+
|
|
2251
|
+
/**
|
|
2252
|
+
* Generated bundle index. Do not edit.
|
|
2253
|
+
*/
|
|
2387
2254
|
|
|
2388
2255
|
exports.SkySectionedFormComponent = SkySectionedFormComponent;
|
|
2389
2256
|
exports.SkySectionedFormModule = SkySectionedFormModule;
|
|
2390
2257
|
exports.SkySectionedFormService = SkySectionedFormService;
|
|
2391
2258
|
exports.SkyTabsModule = SkyTabsModule;
|
|
2392
2259
|
exports.SkyVerticalTabsetModule = SkyVerticalTabsetModule;
|
|
2393
|
-
exports
|
|
2394
|
-
exports
|
|
2395
|
-
exports
|
|
2396
|
-
exports
|
|
2397
|
-
exports
|
|
2398
|
-
exports
|
|
2399
|
-
exports
|
|
2400
|
-
exports.ɵh = SkyVerticalTabsetComponent;
|
|
2401
|
-
exports.ɵi = SkyVerticalTabsetGroupComponent;
|
|
2402
|
-
exports.ɵj = SkyTabsResourcesModule;
|
|
2403
|
-
exports.ɵk = SkyTabsResourcesProvider;
|
|
2404
|
-
exports.ɵl = SkyTabButtonComponent;
|
|
2405
|
-
exports.ɵm = SkyTabComponent;
|
|
2406
|
-
exports.ɵn = SkyTabsetPermalinkService;
|
|
2407
|
-
exports.ɵo = SkyTabsetService;
|
|
2408
|
-
exports.ɵp = SkyTabsetComponent;
|
|
2409
|
-
exports.ɵq = SkyTabsetAdapterService;
|
|
2410
|
-
exports.ɵr = SkyTabsetNavButtonComponent;
|
|
2260
|
+
exports.λ1 = SkyTabComponent;
|
|
2261
|
+
exports.λ2 = SkyTabsetComponent;
|
|
2262
|
+
exports.λ3 = SkyTabsetNavButtonComponent;
|
|
2263
|
+
exports.λ4 = SkyVerticalTabComponent;
|
|
2264
|
+
exports.λ5 = SkySectionedFormSectionComponent;
|
|
2265
|
+
exports.λ6 = SkyVerticalTabsetComponent;
|
|
2266
|
+
exports.λ7 = SkyVerticalTabsetGroupComponent;
|
|
2411
2267
|
|
|
2412
2268
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
2413
2269
|
|