This commit is contained in:
arnaucode
2017-02-03 08:56:51 +01:00
parent c4b7414770
commit 112745d6fa
1585 changed files with 450241 additions and 0 deletions

View File

@@ -0,0 +1,7 @@
{
"name": "angular-material-truncate",
"version": "1.1.2-master-a9ba340",
"dependencies": {
"angular-material-core": "1.1.2-master-a9ba340"
}
}

View File

@@ -0,0 +1,14 @@
/*!
* Angular Material Design
* https://github.com/angular/material
* @license MIT
* v1.1.3
*/
.md-truncate {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; }
.md-truncate.md-clip {
text-overflow: clip; }
.md-truncate.flex {
width: 0; }

View File

@@ -0,0 +1,98 @@
/*!
* Angular Material Design
* https://github.com/angular/material
* @license MIT
* v1.1.3
*/
(function( window, angular, undefined ){
"use strict";
/**
* @ngdoc module
* @name material.components.truncate
*/
MdTruncateController['$inject'] = ["$element"];
angular.module('material.components.truncate', ['material.core'])
.directive('mdTruncate', MdTruncateDirective);
/**
* @ngdoc directive
* @name mdTruncate
* @module material.components.truncate
* @restrict AE
* @description
*
* The `md-truncate` component displays a label that will automatically clip text which is wider
* than the component. By default, it displays an ellipsis, but you may apply the `md-clip` CSS
* class to override this default and use a standard "clipping" approach.
*
* <i><b>Note:</b> The `md-truncate` component does not automatically adjust it's width. You must
* provide the `flex` attribute, or some other CSS-based width management. See the
* <a ng-href="./demo/truncate">demos</a> for examples.</i>
*
* @usage
*
* ### As an Element
*
* <hljs lang="html">
* <div layout="row">
* <md-button>Back</md-button>
*
* <md-truncate flex>Chapter 1 - The Way of the Old West</md-truncate>
*
* <md-button>Forward</md-button>
* </div>
* </hljs>
*
* ### As an Attribute
*
* <hljs lang="html">
* <h2 md-truncate style="max-width: 100px;">Some Title With a Lot of Text</h2>
* </hljs>
*
* ## CSS & Styles
*
* `<md-truncate>` provides two CSS classes that you may use to control the type of clipping.
*
* <i><b>Note:</b> The `md-truncate` also applies a setting of `width: 0;` when used with the `flex`
* attribute to fix an issue with the flex element not shrinking properly.</i>
*
* <div>
* <docs-css-api-table>
*
* <docs-css-selector code=".md-ellipsis">
* Assigns the "ellipsis" behavior (default) which will cut off mid-word and append an ellipsis
* (&hellip;) to the end of the text.
* </docs-css-selector>
*
* <docs-css-selector code=".md-clip">
* Assigns the "clipping" behavior which will simply chop off the text. This may happen
* mid-word or even mid-character.
* </docs-css-selector>
*
* </docs-css-api-table>
* </div>
*/
function MdTruncateDirective() {
return {
restrict: 'AE',
controller: MdTruncateController,
controllerAs: '$ctrl',
bindToController: true
}
}
/**
* Controller for the <md-truncate> component.
*
* @param $element The md-truncate element.
*
* @constructor
* ngInject
*/
function MdTruncateController($element) {
$element.addClass('md-truncate');
}
})(window, window.angular);

View File

@@ -0,0 +1,6 @@
/*!
* Angular Material Design
* https://github.com/angular/material
* @license MIT
* v1.1.2-master-a9ba340
*/.md-truncate{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.md-truncate.md-clip{text-overflow:clip}.md-truncate.flex{width:0}

View File

@@ -0,0 +1,7 @@
/*!
* Angular Material Design
* https://github.com/angular/material
* @license MIT
* v1.1.2-master-a9ba340
*/
!function(t,n,e){"use strict";function r(){return{restrict:"AE",controller:o,controllerAs:"$ctrl",bindToController:!0}}function o(t){t.addClass("md-truncate")}o.$inject=["$element"],n.module("material.components.truncate",["material.core"]).directive("mdTruncate",r)}(window,window.angular);