UNPKG

angular-material

Version:

**[Support for legacy AngularJS ended on January 1st, 2022](https://goo.gle/angularjs-end-of-life). [See `@angular/core` for the actively supported Angular](https://npmjs.com/@angular/core).**

7 lines 4.57 kB
/*! * AngularJS Material Design * https://github.com/angular/material * @license MIT * v1.2.4-master-bfc8ae7 */ function MdToastDirective(n){return{restrict:"E",link:function(t,e){e.addClass("_md"),t.$on("$destroy",function(){n.destroy()})}}}function MdToastProvider(t){n.$inject=["$mdToast","$scope","$log"],e.$inject=["$animate","$mdToast","$mdUtil","$mdMedia","$document","$q"];var p,u="ok";return t("$mdToast").setDefaults({methods:["position","hideDelay","capsule","parent","position","toastClass"],options:e}).addPreset("simple",{argOption:"textContent",methods:["textContent","action","actionKey","actionHint","highlightAction","highlightClass","theme","parent","dismissHint"],options:["$mdToast","$mdTheming",function(t,e){return{template:'<md-toast md-theme="{{ toast.theme }}" ng-class="{\'md-capsule\': toast.capsule}"> <div class="md-toast-content" aria-live="polite" aria-relevant="all"> <span class="md-toast-text"> {{ toast.content }} </span> <span class="md-visually-hidden">{{ toast.dismissHint }}</span> <span class="md-visually-hidden" ng-if="toast.action && toast.actionKey"> {{ toast.actionHint }} </span> <md-button class="md-action" ng-if="toast.action" ng-click="toast.resolve()" ng-class="highlightClasses"> {{ toast.action }} </md-button> </div></md-toast>',controller:n,theme:e.defaultTheme(),controllerAs:"toast",bindToController:!0}}]}).addMethod("updateTextContent",function(t){p=t});function n(e,n,o){this.$onInit=function(){var t=this;t.highlightAction&&(n.highlightClasses=["md-highlight",t.highlightClass]),t.action&&!t.actionKey&&o.warn("Toasts with actions should define an actionKey for accessibility.","Details: https://material.angularjs.org/latest/api/service/$mdToast#mdtoast-simple"),t.actionKey&&!t.actionHint&&(t.actionHint='Press Control-"'+t.actionKey+'" to '),t.dismissHint||(t.dismissHint="Press Escape to dismiss."),n.$watch(function(){return p},function(){t.content=p}),this.resolve=function(){e.hide(u)}}}function e(s,r,d,m,l,o){var c="$md.swipeleft $md.swiperight $md.swipeup $md.swipedown";return{onShow:function(t,o,a){p=a.textContent;var i=!m("gt-sm");o=d.extractElementByName(o,"md-toast",!0),a.element=o,a.onSwipe=function(t){var e=t.type.replace("$md.",""),n=e.replace("swipe","");"down"===n&&-1!==a.position.indexOf("top")&&!i||"up"===n&&(-1!==a.position.indexOf("bottom")||i)||("left"===n||"right"===n)&&i||(o.addClass("md-"+e),d.nextTick(r.cancel))},a.openClass=function(t){return m("gt-xs")?"md-toast-open-"+(-1<t.indexOf("top")?"top":"bottom"):"md-toast-open-bottom"}(a.position),o.addClass(a.toastClass),a.parent.addClass(a.openClass),d.hasComputedStyle(a.parent,"position","static")&&a.parent.css("position","relative");(function(e){l.on("keydown",function(t){"Escape"===t.key&&r.hide(!1),e&&t.key===e&&t.ctrlKey&&r.hide(u)})})(t.toast&&t.toast.actionKey?t.toast.actionKey:void 0),o.on(c,a.onSwipe);var n=!1,e=a.position.split(" ").map(function(t){if(t){var e="md-"+t;return"md-top"!=e&&"md-bottom"!=e||(n=!0),e}return"md-bottom"});n||e.push("md-bottom");o.addClass(i?"md-bottom":e.join(" ")),a.parent&&a.parent.addClass("md-toast-animating");return s.enter(o,a.parent).then(function(){a.parent&&a.parent.removeClass("md-toast-animating")})},onRemove:function(t,e,n){t.toast&&t.toast.actionKey&&l.off("keydown");e.off(c,n.onSwipe),n.parent&&n.parent.addClass("md-toast-animating");n.openClass&&n.parent.removeClass(n.openClass);return(!0===n.$destroy?o.when(e.remove()):s.leave(e)).then(function(){n.parent&&n.parent.removeClass("md-toast-animating"),d.hasComputedStyle(n.parent,"position","static")&&n.parent.css("position","")})},toastClass:"",position:"bottom left",themable:!0,hideDelay:3e3,autoWrap:!0,transformTemplate:function(t,e){if(e.autoWrap&&t&&!/md-toast-content/g.test(t)){var n=document.createElement("md-template");n.innerHTML=t;for(var o=0;o<n.children.length;o++)if("MD-TOAST"===n.children[o].nodeName){var a=angular.element('<div class="md-toast-content">');a.append(angular.element(n.children[o].childNodes)),n.children[o].appendChild(a[0])}return n.innerHTML}return t||""}}}}goog.provide("ngmaterial.components.toast"),goog.require("ngmaterial.components.button"),goog.require("ngmaterial.core"),MdToastDirective.$inject=["$mdToast"],MdToastProvider.$inject=["$$interimElementProvider"],angular.module("material.components.toast",["material.core","material.components.button"]).directive("mdToast",MdToastDirective).provider("$mdToast",MdToastProvider),ngmaterial.components.toast=angular.module("material.components.toast");