source: trip-planner-front/node_modules/@angular/material/bundles/material-slide-toggle.umd.js@ 59329aa

Last change on this file since 59329aa was 6a3a178, checked in by Ema <ema_spirova@…>, 3 years ago

initial commit
  • Property mode set to 100644
File size: 36.7 KB
RevLine 
[6a3a178]1(function (global, factory) {
2 typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/cdk/observers'), require('@angular/core'), require('@angular/material/core'), require('@angular/cdk/a11y'), require('@angular/cdk/coercion'), require('@angular/forms'), require('@angular/platform-browser/animations')) :
3 typeof define === 'function' && define.amd ? define('@angular/material/slide-toggle', ['exports', '@angular/cdk/observers', '@angular/core', '@angular/material/core', '@angular/cdk/a11y', '@angular/cdk/coercion', '@angular/forms', '@angular/platform-browser/animations'], factory) :
4 (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.ng = global.ng || {}, global.ng.material = global.ng.material || {}, global.ng.material.slideToggle = {}), global.ng.cdk.observers, global.ng.core, global.ng.material.core, global.ng.cdk.a11y, global.ng.cdk.coercion, global.ng.forms, global.ng.platformBrowser.animations));
5}(this, (function (exports, observers, core, core$1, a11y, coercion, forms, animations) { 'use strict';
6
7 /*! *****************************************************************************
8 Copyright (c) Microsoft Corporation.
9
10 Permission to use, copy, modify, and/or distribute this software for any
11 purpose with or without fee is hereby granted.
12
13 THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
14 REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
15 AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
16 INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
17 LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
18 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
19 PERFORMANCE OF THIS SOFTWARE.
20 ***************************************************************************** */
21 /* global Reflect, Promise */
22 var extendStatics = function (d, b) {
23 extendStatics = Object.setPrototypeOf ||
24 ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
25 function (d, b) { for (var p in b)
26 if (Object.prototype.hasOwnProperty.call(b, p))
27 d[p] = b[p]; };
28 return extendStatics(d, b);
29 };
30 function __extends(d, b) {
31 if (typeof b !== "function" && b !== null)
32 throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
33 extendStatics(d, b);
34 function __() { this.constructor = d; }
35 d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
36 }
37 var __assign = function () {
38 __assign = Object.assign || function __assign(t) {
39 for (var s, i = 1, n = arguments.length; i < n; i++) {
40 s = arguments[i];
41 for (var p in s)
42 if (Object.prototype.hasOwnProperty.call(s, p))
43 t[p] = s[p];
44 }
45 return t;
46 };
47 return __assign.apply(this, arguments);
48 };
49 function __rest(s, e) {
50 var t = {};
51 for (var p in s)
52 if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
53 t[p] = s[p];
54 if (s != null && typeof Object.getOwnPropertySymbols === "function")
55 for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
56 if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
57 t[p[i]] = s[p[i]];
58 }
59 return t;
60 }
61 function __decorate(decorators, target, key, desc) {
62 var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
63 if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
64 r = Reflect.decorate(decorators, target, key, desc);
65 else
66 for (var i = decorators.length - 1; i >= 0; i--)
67 if (d = decorators[i])
68 r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
69 return c > 3 && r && Object.defineProperty(target, key, r), r;
70 }
71 function __param(paramIndex, decorator) {
72 return function (target, key) { decorator(target, key, paramIndex); };
73 }
74 function __metadata(metadataKey, metadataValue) {
75 if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
76 return Reflect.metadata(metadataKey, metadataValue);
77 }
78 function __awaiter(thisArg, _arguments, P, generator) {
79 function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
80 return new (P || (P = Promise))(function (resolve, reject) {
81 function fulfilled(value) { try {
82 step(generator.next(value));
83 }
84 catch (e) {
85 reject(e);
86 } }
87 function rejected(value) { try {
88 step(generator["throw"](value));
89 }
90 catch (e) {
91 reject(e);
92 } }
93 function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
94 step((generator = generator.apply(thisArg, _arguments || [])).next());
95 });
96 }
97 function __generator(thisArg, body) {
98 var _ = { label: 0, sent: function () { if (t[0] & 1)
99 throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
100 return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function () { return this; }), g;
101 function verb(n) { return function (v) { return step([n, v]); }; }
102 function step(op) {
103 if (f)
104 throw new TypeError("Generator is already executing.");
105 while (_)
106 try {
107 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)
108 return t;
109 if (y = 0, t)
110 op = [op[0] & 2, t.value];
111 switch (op[0]) {
112 case 0:
113 case 1:
114 t = op;
115 break;
116 case 4:
117 _.label++;
118 return { value: op[1], done: false };
119 case 5:
120 _.label++;
121 y = op[1];
122 op = [0];
123 continue;
124 case 7:
125 op = _.ops.pop();
126 _.trys.pop();
127 continue;
128 default:
129 if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
130 _ = 0;
131 continue;
132 }
133 if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) {
134 _.label = op[1];
135 break;
136 }
137 if (op[0] === 6 && _.label < t[1]) {
138 _.label = t[1];
139 t = op;
140 break;
141 }
142 if (t && _.label < t[2]) {
143 _.label = t[2];
144 _.ops.push(op);
145 break;
146 }
147 if (t[2])
148 _.ops.pop();
149 _.trys.pop();
150 continue;
151 }
152 op = body.call(thisArg, _);
153 }
154 catch (e) {
155 op = [6, e];
156 y = 0;
157 }
158 finally {
159 f = t = 0;
160 }
161 if (op[0] & 5)
162 throw op[1];
163 return { value: op[0] ? op[1] : void 0, done: true };
164 }
165 }
166 var __createBinding = Object.create ? (function (o, m, k, k2) {
167 if (k2 === undefined)
168 k2 = k;
169 Object.defineProperty(o, k2, { enumerable: true, get: function () { return m[k]; } });
170 }) : (function (o, m, k, k2) {
171 if (k2 === undefined)
172 k2 = k;
173 o[k2] = m[k];
174 });
175 function __exportStar(m, o) {
176 for (var p in m)
177 if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p))
178 __createBinding(o, m, p);
179 }
180 function __values(o) {
181 var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
182 if (m)
183 return m.call(o);
184 if (o && typeof o.length === "number")
185 return {
186 next: function () {
187 if (o && i >= o.length)
188 o = void 0;
189 return { value: o && o[i++], done: !o };
190 }
191 };
192 throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
193 }
194 function __read(o, n) {
195 var m = typeof Symbol === "function" && o[Symbol.iterator];
196 if (!m)
197 return o;
198 var i = m.call(o), r, ar = [], e;
199 try {
200 while ((n === void 0 || n-- > 0) && !(r = i.next()).done)
201 ar.push(r.value);
202 }
203 catch (error) {
204 e = { error: error };
205 }
206 finally {
207 try {
208 if (r && !r.done && (m = i["return"]))
209 m.call(i);
210 }
211 finally {
212 if (e)
213 throw e.error;
214 }
215 }
216 return ar;
217 }
218 /** @deprecated */
219 function __spread() {
220 for (var ar = [], i = 0; i < arguments.length; i++)
221 ar = ar.concat(__read(arguments[i]));
222 return ar;
223 }
224 /** @deprecated */
225 function __spreadArrays() {
226 for (var s = 0, i = 0, il = arguments.length; i < il; i++)
227 s += arguments[i].length;
228 for (var r = Array(s), k = 0, i = 0; i < il; i++)
229 for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
230 r[k] = a[j];
231 return r;
232 }
233 function __spreadArray(to, from, pack) {
234 if (pack || arguments.length === 2)
235 for (var i = 0, l = from.length, ar; i < l; i++) {
236 if (ar || !(i in from)) {
237 if (!ar)
238 ar = Array.prototype.slice.call(from, 0, i);
239 ar[i] = from[i];
240 }
241 }
242 return to.concat(ar || from);
243 }
244 function __await(v) {
245 return this instanceof __await ? (this.v = v, this) : new __await(v);
246 }
247 function __asyncGenerator(thisArg, _arguments, generator) {
248 if (!Symbol.asyncIterator)
249 throw new TypeError("Symbol.asyncIterator is not defined.");
250 var g = generator.apply(thisArg, _arguments || []), i, q = [];
251 return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
252 function verb(n) { if (g[n])
253 i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
254 function resume(n, v) { try {
255 step(g[n](v));
256 }
257 catch (e) {
258 settle(q[0][3], e);
259 } }
260 function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
261 function fulfill(value) { resume("next", value); }
262 function reject(value) { resume("throw", value); }
263 function settle(f, v) { if (f(v), q.shift(), q.length)
264 resume(q[0][0], q[0][1]); }
265 }
266 function __asyncDelegator(o) {
267 var i, p;
268 return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
269 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; }
270 }
271 function __asyncValues(o) {
272 if (!Symbol.asyncIterator)
273 throw new TypeError("Symbol.asyncIterator is not defined.");
274 var m = o[Symbol.asyncIterator], i;
275 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);
276 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); }); }; }
277 function settle(resolve, reject, d, v) { Promise.resolve(v).then(function (v) { resolve({ value: v, done: d }); }, reject); }
278 }
279 function __makeTemplateObject(cooked, raw) {
280 if (Object.defineProperty) {
281 Object.defineProperty(cooked, "raw", { value: raw });
282 }
283 else {
284 cooked.raw = raw;
285 }
286 return cooked;
287 }
288 ;
289 var __setModuleDefault = Object.create ? (function (o, v) {
290 Object.defineProperty(o, "default", { enumerable: true, value: v });
291 }) : function (o, v) {
292 o["default"] = v;
293 };
294 function __importStar(mod) {
295 if (mod && mod.__esModule)
296 return mod;
297 var result = {};
298 if (mod != null)
299 for (var k in mod)
300 if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k))
301 __createBinding(result, mod, k);
302 __setModuleDefault(result, mod);
303 return result;
304 }
305 function __importDefault(mod) {
306 return (mod && mod.__esModule) ? mod : { default: mod };
307 }
308 function __classPrivateFieldGet(receiver, state, kind, f) {
309 if (kind === "a" && !f)
310 throw new TypeError("Private accessor was defined without a getter");
311 if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
312 throw new TypeError("Cannot read private member from an object whose class did not declare it");
313 return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
314 }
315 function __classPrivateFieldSet(receiver, state, value, kind, f) {
316 if (kind === "m")
317 throw new TypeError("Private method is not writable");
318 if (kind === "a" && !f)
319 throw new TypeError("Private accessor was defined without a setter");
320 if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
321 throw new TypeError("Cannot write private member to an object whose class did not declare it");
322 return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
323 }
324
325 /**
326 * @license
327 * Copyright Google LLC All Rights Reserved.
328 *
329 * Use of this source code is governed by an MIT-style license that can be
330 * found in the LICENSE file at https://angular.io/license
331 */
332 /** Injection token to be used to override the default options for `mat-slide-toggle`. */
333 var MAT_SLIDE_TOGGLE_DEFAULT_OPTIONS = new core.InjectionToken('mat-slide-toggle-default-options', {
334 providedIn: 'root',
335 factory: function () { return ({ disableToggleValue: false }); }
336 });
337
338 // Increasing integer for generating unique ids for slide-toggle components.
339 var nextUniqueId = 0;
340 /** @docs-private */
341 var MAT_SLIDE_TOGGLE_VALUE_ACCESSOR = {
342 provide: forms.NG_VALUE_ACCESSOR,
343 useExisting: core.forwardRef(function () { return MatSlideToggle; }),
344 multi: true
345 };
346 /** Change event object emitted by a MatSlideToggle. */
347 var MatSlideToggleChange = /** @class */ (function () {
348 function MatSlideToggleChange(
349 /** The source MatSlideToggle of the event. */
350 source,
351 /** The new `checked` value of the MatSlideToggle. */
352 checked) {
353 this.source = source;
354 this.checked = checked;
355 }
356 return MatSlideToggleChange;
357 }());
358 // Boilerplate for applying mixins to MatSlideToggle.
359 /** @docs-private */
360 var _MatSlideToggleBase = core$1.mixinTabIndex(core$1.mixinColor(core$1.mixinDisableRipple(core$1.mixinDisabled(/** @class */ (function () {
361 function class_1(_elementRef) {
362 this._elementRef = _elementRef;
363 }
364 return class_1;
365 }())))));
366 /** Represents a slidable "switch" toggle that can be moved between on and off. */
367 var MatSlideToggle = /** @class */ (function (_super) {
368 __extends(MatSlideToggle, _super);
369 function MatSlideToggle(elementRef, _focusMonitor, _changeDetectorRef, tabIndex, defaults, animationMode) {
370 var _this = _super.call(this, elementRef) || this;
371 _this._focusMonitor = _focusMonitor;
372 _this._changeDetectorRef = _changeDetectorRef;
373 _this.defaults = defaults;
374 _this._onChange = function (_) { };
375 _this._onTouched = function () { };
376 _this._uniqueId = "mat-slide-toggle-" + ++nextUniqueId;
377 _this._required = false;
378 _this._checked = false;
379 /** Name value will be applied to the input element if present. */
380 _this.name = null;
381 /** A unique id for the slide-toggle input. If none is supplied, it will be auto-generated. */
382 _this.id = _this._uniqueId;
383 /** Whether the label should appear after or before the slide-toggle. Defaults to 'after'. */
384 _this.labelPosition = 'after';
385 /** Used to set the aria-label attribute on the underlying input element. */
386 _this.ariaLabel = null;
387 /** Used to set the aria-labelledby attribute on the underlying input element. */
388 _this.ariaLabelledby = null;
389 /** An event will be dispatched each time the slide-toggle changes its value. */
390 _this.change = new core.EventEmitter();
391 /**
392 * An event will be dispatched each time the slide-toggle input is toggled.
393 * This event is always emitted when the user toggles the slide toggle, but this does not mean
394 * the slide toggle's value has changed.
395 */
396 _this.toggleChange = new core.EventEmitter();
397 _this.tabIndex = parseInt(tabIndex) || 0;
398 _this.color = _this.defaultColor = defaults.color || 'accent';
399 _this._noopAnimations = animationMode === 'NoopAnimations';
400 return _this;
401 }
402 Object.defineProperty(MatSlideToggle.prototype, "required", {
403 /** Whether the slide-toggle is required. */
404 get: function () { return this._required; },
405 set: function (value) { this._required = coercion.coerceBooleanProperty(value); },
406 enumerable: false,
407 configurable: true
408 });
409 Object.defineProperty(MatSlideToggle.prototype, "checked", {
410 /** Whether the slide-toggle element is checked or not. */
411 get: function () { return this._checked; },
412 set: function (value) {
413 this._checked = coercion.coerceBooleanProperty(value);
414 this._changeDetectorRef.markForCheck();
415 },
416 enumerable: false,
417 configurable: true
418 });
419 Object.defineProperty(MatSlideToggle.prototype, "inputId", {
420 /** Returns the unique id for the visual hidden input. */
421 get: function () { return (this.id || this._uniqueId) + "-input"; },
422 enumerable: false,
423 configurable: true
424 });
425 MatSlideToggle.prototype.ngAfterContentInit = function () {
426 var _this = this;
427 this._focusMonitor
428 .monitor(this._elementRef, true)
429 .subscribe(function (focusOrigin) {
430 // Only forward focus manually when it was received programmatically or through the
431 // keyboard. We should not do this for mouse/touch focus for two reasons:
432 // 1. It can prevent clicks from landing in Chrome (see #18269).
433 // 2. They're already handled by the wrapping `label` element.
434 if (focusOrigin === 'keyboard' || focusOrigin === 'program') {
435 _this._inputElement.nativeElement.focus();
436 }
437 else if (!focusOrigin) {
438 // When a focused element becomes disabled, the browser *immediately* fires a blur event.
439 // Angular does not expect events to be raised during change detection, so any state
440 // change (such as a form control's 'ng-touched') will cause a changed-after-checked
441 // error. See https://github.com/angular/angular/issues/17793. To work around this,
442 // we defer telling the form control it has been touched until the next tick.
443 Promise.resolve().then(function () { return _this._onTouched(); });
444 }
445 });
446 };
447 MatSlideToggle.prototype.ngOnDestroy = function () {
448 this._focusMonitor.stopMonitoring(this._elementRef);
449 };
450 /** Method being called whenever the underlying input emits a change event. */
451 MatSlideToggle.prototype._onChangeEvent = function (event) {
452 // We always have to stop propagation on the change event.
453 // Otherwise the change event, from the input element, will bubble up and
454 // emit its event object to the component's `change` output.
455 event.stopPropagation();
456 this.toggleChange.emit();
457 // When the slide toggle's config disables toggle change event by setting
458 // `disableToggleValue: true`, the slide toggle's value does not change, and the
459 // checked state of the underlying input needs to be changed back.
460 if (this.defaults.disableToggleValue) {
461 this._inputElement.nativeElement.checked = this.checked;
462 return;
463 }
464 // Sync the value from the underlying input element with the component instance.
465 this.checked = this._inputElement.nativeElement.checked;
466 // Emit our custom change event only if the underlying input emitted one. This ensures that
467 // there is no change event, when the checked state changes programmatically.
468 this._emitChangeEvent();
469 };
470 /** Method being called whenever the slide-toggle has been clicked. */
471 MatSlideToggle.prototype._onInputClick = function (event) {
472 // We have to stop propagation for click events on the visual hidden input element.
473 // By default, when a user clicks on a label element, a generated click event will be
474 // dispatched on the associated input element. Since we are using a label element as our
475 // root container, the click event on the `slide-toggle` will be executed twice.
476 // The real click event will bubble up, and the generated click event also tries to bubble up.
477 // This will lead to multiple click events.
478 // Preventing bubbling for the second event will solve that issue.
479 event.stopPropagation();
480 };
481 /** Implemented as part of ControlValueAccessor. */
482 MatSlideToggle.prototype.writeValue = function (value) {
483 this.checked = !!value;
484 };
485 /** Implemented as part of ControlValueAccessor. */
486 MatSlideToggle.prototype.registerOnChange = function (fn) {
487 this._onChange = fn;
488 };
489 /** Implemented as part of ControlValueAccessor. */
490 MatSlideToggle.prototype.registerOnTouched = function (fn) {
491 this._onTouched = fn;
492 };
493 /** Implemented as a part of ControlValueAccessor. */
494 MatSlideToggle.prototype.setDisabledState = function (isDisabled) {
495 this.disabled = isDisabled;
496 this._changeDetectorRef.markForCheck();
497 };
498 /** Focuses the slide-toggle. */
499 MatSlideToggle.prototype.focus = function (options, origin) {
500 if (origin) {
501 this._focusMonitor.focusVia(this._inputElement, origin, options);
502 }
503 else {
504 this._inputElement.nativeElement.focus(options);
505 }
506 };
507 /** Toggles the checked state of the slide-toggle. */
508 MatSlideToggle.prototype.toggle = function () {
509 this.checked = !this.checked;
510 this._onChange(this.checked);
511 };
512 /**
513 * Emits a change event on the `change` output. Also notifies the FormControl about the change.
514 */
515 MatSlideToggle.prototype._emitChangeEvent = function () {
516 this._onChange(this.checked);
517 this.change.emit(new MatSlideToggleChange(this, this.checked));
518 };
519 /** Method being called whenever the label text changes. */
520 MatSlideToggle.prototype._onLabelTextChange = function () {
521 // Since the event of the `cdkObserveContent` directive runs outside of the zone, the
522 // slide-toggle component will be only marked for check, but no actual change detection runs
523 // automatically. Instead of going back into the zone in order to trigger a change detection
524 // which causes *all* components to be checked (if explicitly marked or not using OnPush),
525 // we only trigger an explicit change detection for the slide-toggle view and its children.
526 this._changeDetectorRef.detectChanges();
527 };
528 return MatSlideToggle;
529 }(_MatSlideToggleBase));
530 MatSlideToggle.decorators = [
531 { type: core.Component, args: [{
532 selector: 'mat-slide-toggle',
533 exportAs: 'matSlideToggle',
534 host: {
535 'class': 'mat-slide-toggle',
536 '[id]': 'id',
537 // Needs to be `-1` so it can still receive programmatic focus.
538 '[attr.tabindex]': 'disabled ? null : -1',
539 '[attr.aria-label]': 'null',
540 '[attr.aria-labelledby]': 'null',
541 '[class.mat-checked]': 'checked',
542 '[class.mat-disabled]': 'disabled',
543 '[class.mat-slide-toggle-label-before]': 'labelPosition == "before"',
544 '[class._mat-animation-noopable]': '_noopAnimations',
545 },
546 template: "<label [attr.for]=\"inputId\" class=\"mat-slide-toggle-label\" #label>\n <div #toggleBar class=\"mat-slide-toggle-bar\"\n [class.mat-slide-toggle-bar-no-side-margin]=\"!labelContent.textContent || !labelContent.textContent.trim()\">\n\n <input #input class=\"mat-slide-toggle-input cdk-visually-hidden\" type=\"checkbox\"\n role=\"switch\"\n [id]=\"inputId\"\n [required]=\"required\"\n [tabIndex]=\"tabIndex\"\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n [attr.name]=\"name\"\n [attr.aria-checked]=\"checked.toString()\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledby\"\n [attr.aria-describedby]=\"ariaDescribedby\"\n (change)=\"_onChangeEvent($event)\"\n (click)=\"_onInputClick($event)\">\n\n <div class=\"mat-slide-toggle-thumb-container\" #thumbContainer>\n <div class=\"mat-slide-toggle-thumb\"></div>\n <div class=\"mat-slide-toggle-ripple mat-focus-indicator\" mat-ripple\n [matRippleTrigger]=\"label\"\n [matRippleDisabled]=\"disableRipple || disabled\"\n [matRippleCentered]=\"true\"\n [matRippleRadius]=\"20\"\n [matRippleAnimation]=\"{enterDuration: _noopAnimations ? 0 : 150}\">\n\n <div class=\"mat-ripple-element mat-slide-toggle-persistent-ripple\"></div>\n </div>\n </div>\n\n </div>\n\n <span class=\"mat-slide-toggle-content\" #labelContent (cdkObserveContent)=\"_onLabelTextChange()\">\n <!-- Add an invisible span so JAWS can read the label -->\n <span style=\"display:none\">&nbsp;</span>\n <ng-content></ng-content>\n </span>\n</label>\n",
547 providers: [MAT_SLIDE_TOGGLE_VALUE_ACCESSOR],
548 inputs: ['disabled', 'disableRipple', 'color', 'tabIndex'],
549 encapsulation: core.ViewEncapsulation.None,
550 changeDetection: core.ChangeDetectionStrategy.OnPush,
551 styles: [".mat-slide-toggle{display:inline-block;height:24px;max-width:100%;line-height:24px;white-space:nowrap;outline:none;-webkit-tap-highlight-color:transparent}.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb-container{transform:translate3d(16px, 0, 0)}[dir=rtl] .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb-container{transform:translate3d(-16px, 0, 0)}.mat-slide-toggle.mat-disabled{opacity:.38}.mat-slide-toggle.mat-disabled .mat-slide-toggle-label,.mat-slide-toggle.mat-disabled .mat-slide-toggle-thumb-container{cursor:default}.mat-slide-toggle-label{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;flex:1;flex-direction:row;align-items:center;height:inherit;cursor:pointer}.mat-slide-toggle-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mat-slide-toggle-label-before .mat-slide-toggle-label{order:1}.mat-slide-toggle-label-before .mat-slide-toggle-bar{order:2}[dir=rtl] .mat-slide-toggle-label-before .mat-slide-toggle-bar,.mat-slide-toggle-bar{margin-right:8px;margin-left:0}[dir=rtl] .mat-slide-toggle-bar,.mat-slide-toggle-label-before .mat-slide-toggle-bar{margin-left:8px;margin-right:0}.mat-slide-toggle-bar-no-side-margin{margin-left:0;margin-right:0}.mat-slide-toggle-thumb-container{position:absolute;z-index:1;width:20px;height:20px;top:-3px;left:0;transform:translate3d(0, 0, 0);transition:all 80ms linear;transition-property:transform}._mat-animation-noopable .mat-slide-toggle-thumb-container{transition:none}[dir=rtl] .mat-slide-toggle-thumb-container{left:auto;right:0}.mat-slide-toggle-thumb{height:20px;width:20px;border-radius:50%}.mat-slide-toggle-bar{position:relative;width:36px;height:14px;flex-shrink:0;border-radius:8px}.mat-slide-toggle-input{bottom:0;left:10px}[dir=rtl] .mat-slide-toggle-input{left:auto;right:10px}.mat-slide-toggle-bar,.mat-slide-toggle-thumb{transition:all 80ms linear;transition-property:background-color;transition-delay:50ms}._mat-animation-noopable .mat-slide-toggle-bar,._mat-animation-noopable .mat-slide-toggle-thumb{transition:none}.mat-slide-toggle .mat-slide-toggle-ripple{position:absolute;top:calc(50% - 20px);left:calc(50% - 20px);height:40px;width:40px;z-index:1;pointer-events:none}.mat-slide-toggle .mat-slide-toggle-ripple .mat-ripple-element:not(.mat-slide-toggle-persistent-ripple){opacity:.12}.mat-slide-toggle-persistent-ripple{width:100%;height:100%;transform:none}.mat-slide-toggle-bar:hover .mat-slide-toggle-persistent-ripple{opacity:.04}.mat-slide-toggle:not(.mat-disabled).cdk-keyboard-focused .mat-slide-toggle-persistent-ripple{opacity:.12}.mat-slide-toggle-persistent-ripple,.mat-slide-toggle.mat-disabled .mat-slide-toggle-bar:hover .mat-slide-toggle-persistent-ripple{opacity:0}@media(hover: none){.mat-slide-toggle-bar:hover .mat-slide-toggle-persistent-ripple{display:none}}.cdk-high-contrast-active .mat-slide-toggle-thumb,.cdk-high-contrast-active .mat-slide-toggle-bar{border:1px solid}.cdk-high-contrast-active .mat-slide-toggle.cdk-keyboard-focused .mat-slide-toggle-bar{outline:2px dotted;outline-offset:5px}\n"]
552 },] }
553 ];
554 MatSlideToggle.ctorParameters = function () { return [
555 { type: core.ElementRef },
556 { type: a11y.FocusMonitor },
557 { type: core.ChangeDetectorRef },
558 { type: String, decorators: [{ type: core.Attribute, args: ['tabindex',] }] },
559 { type: undefined, decorators: [{ type: core.Inject, args: [MAT_SLIDE_TOGGLE_DEFAULT_OPTIONS,] }] },
560 { type: String, decorators: [{ type: core.Optional }, { type: core.Inject, args: [animations.ANIMATION_MODULE_TYPE,] }] }
561 ]; };
562 MatSlideToggle.propDecorators = {
563 _thumbEl: [{ type: core.ViewChild, args: ['thumbContainer',] }],
564 _thumbBarEl: [{ type: core.ViewChild, args: ['toggleBar',] }],
565 name: [{ type: core.Input }],
566 id: [{ type: core.Input }],
567 labelPosition: [{ type: core.Input }],
568 ariaLabel: [{ type: core.Input, args: ['aria-label',] }],
569 ariaLabelledby: [{ type: core.Input, args: ['aria-labelledby',] }],
570 ariaDescribedby: [{ type: core.Input, args: ['aria-describedby',] }],
571 required: [{ type: core.Input }],
572 checked: [{ type: core.Input }],
573 change: [{ type: core.Output }],
574 toggleChange: [{ type: core.Output }],
575 _inputElement: [{ type: core.ViewChild, args: ['input',] }]
576 };
577
578 var MAT_SLIDE_TOGGLE_REQUIRED_VALIDATOR = {
579 provide: forms.NG_VALIDATORS,
580 useExisting: core.forwardRef(function () { return MatSlideToggleRequiredValidator; }),
581 multi: true
582 };
583 /**
584 * Validator for Material slide-toggle components with the required attribute in a
585 * template-driven form. The default validator for required form controls asserts
586 * that the control value is not undefined but that is not appropriate for a slide-toggle
587 * where the value is always defined.
588 *
589 * Required slide-toggle form controls are valid when checked.
590 */
591 var MatSlideToggleRequiredValidator = /** @class */ (function (_super) {
592 __extends(MatSlideToggleRequiredValidator, _super);
593 function MatSlideToggleRequiredValidator() {
594 return _super !== null && _super.apply(this, arguments) || this;
595 }
596 return MatSlideToggleRequiredValidator;
597 }(forms.CheckboxRequiredValidator));
598 MatSlideToggleRequiredValidator.decorators = [
599 { type: core.Directive, args: [{
600 selector: "mat-slide-toggle[required][formControlName],\n mat-slide-toggle[required][formControl], mat-slide-toggle[required][ngModel]",
601 providers: [MAT_SLIDE_TOGGLE_REQUIRED_VALIDATOR],
602 },] }
603 ];
604
605 /**
606 * @license
607 * Copyright Google LLC All Rights Reserved.
608 *
609 * Use of this source code is governed by an MIT-style license that can be
610 * found in the LICENSE file at https://angular.io/license
611 */
612 /** This module is used by both original and MDC-based slide-toggle implementations. */
613 var _MatSlideToggleRequiredValidatorModule = /** @class */ (function () {
614 function _MatSlideToggleRequiredValidatorModule() {
615 }
616 return _MatSlideToggleRequiredValidatorModule;
617 }());
618 _MatSlideToggleRequiredValidatorModule.decorators = [
619 { type: core.NgModule, args: [{
620 exports: [MatSlideToggleRequiredValidator],
621 declarations: [MatSlideToggleRequiredValidator],
622 },] }
623 ];
624 var MatSlideToggleModule = /** @class */ (function () {
625 function MatSlideToggleModule() {
626 }
627 return MatSlideToggleModule;
628 }());
629 MatSlideToggleModule.decorators = [
630 { type: core.NgModule, args: [{
631 imports: [
632 _MatSlideToggleRequiredValidatorModule,
633 core$1.MatRippleModule,
634 core$1.MatCommonModule,
635 observers.ObserversModule,
636 ],
637 exports: [
638 _MatSlideToggleRequiredValidatorModule,
639 MatSlideToggle,
640 core$1.MatCommonModule
641 ],
642 declarations: [MatSlideToggle],
643 },] }
644 ];
645
646 /**
647 * @license
648 * Copyright Google LLC All Rights Reserved.
649 *
650 * Use of this source code is governed by an MIT-style license that can be
651 * found in the LICENSE file at https://angular.io/license
652 */
653
654 /**
655 * Generated bundle index. Do not edit.
656 */
657
658 exports.MAT_SLIDE_TOGGLE_DEFAULT_OPTIONS = MAT_SLIDE_TOGGLE_DEFAULT_OPTIONS;
659 exports.MAT_SLIDE_TOGGLE_REQUIRED_VALIDATOR = MAT_SLIDE_TOGGLE_REQUIRED_VALIDATOR;
660 exports.MAT_SLIDE_TOGGLE_VALUE_ACCESSOR = MAT_SLIDE_TOGGLE_VALUE_ACCESSOR;
661 exports.MatSlideToggle = MatSlideToggle;
662 exports.MatSlideToggleChange = MatSlideToggleChange;
663 exports.MatSlideToggleModule = MatSlideToggleModule;
664 exports.MatSlideToggleRequiredValidator = MatSlideToggleRequiredValidator;
665 exports._MatSlideToggleRequiredValidatorModule = _MatSlideToggleRequiredValidatorModule;
666
667 Object.defineProperty(exports, '__esModule', { value: true });
668
669})));
670//# sourceMappingURL=material-slide-toggle.umd.js.map
Note: See TracBrowser for help on using the repository browser.