md2
Version:
Angular2 based Material Design components, directives and services are Accordion, Autocomplete, Chips(Tags), Collapse, Colorpicker, Data Table, Datepicker, Dialog(Modal), Menu, Multiselect, Select, Tabs, Tags(Chips), Toast and Tooltip.
1 lines • 5.03 kB
Source Map (JSON)
{"version":3,"sources":["autocomplete/autocomplete.scss","autocomplete/autocomplete.css"],"names":[],"mappings":"AAGA,iBACE,SAAU,SACV,QAAS,MACT,OAAQ,KAAA,EACR,QAAS,EACT,YAAa,KACb,oBAAqB,OAGvB,2CACE,eAAgB,KAChB,OAAQ,QAGV,0BACE,SAAU,SACV,QAAS,MACT,MAAO,KACP,QAAS,IAAA,IAAA,IACT,cAAe,IAAI,MAAW,gBAC9B,WAAY,WACZ,UAAW,KACX,WAAY,KACZ,OAAQ,QATV,qCAYI,eAAgB,EAChB,cAAe,IAAI,MA9Bb,QAiCR,iGACE,MAjCG,QAkCH,oBAlCG,QAsCP,qEACE,MAAY,gBACZ,aAAc,YACd,iBAAkB,8EAClB,oBAAqB,OAAA,KAAA,KAAA,EACrB,gBAAiB,IAAA,IACjB,kBAAmB,SACnB,OAAQ,QAPV,gFAUI,eAAgB,IAChB,cAAe,IAAA,MAAA,YAInB,wBACE,MAAO,KACP,OAAQ,KACR,UAAW,KACX,QAAS,EACT,WAAY,IACZ,OAAQ,EACR,WAAY,WAGd,mEACE,MAAY,gBAGd,8BACE,SAAU,SACV,MAAO,KACP,OAAQ,KACR,KAAM,EACN,UAAW,KACX,aAAc,IACd,cAAe,EACf,YAAa,IACb,MAAY,gBACZ,SAAU,OACV,cAAe,SACf,YAAa,OACb,eAAgB,KAChB,QAAS,EACT,UAAW,sBAAwB,SACnC,WAAY,UAAU,IAAM,2BAC5B,iBAAkB,KAAA,ICdlB,0DDiBE,QAAS,IACT,MAAO,QAIX,mEACE,MA9FQ,QAiGV,mEACA,yDACE,UAAW,qBAAuB,WAGpC,8BACE,SAAU,SACV,MAAO,EACP,IAAK,EACL,QAAS,MACT,OAAQ,KACR,WAAY,KACZ,KAAM,aACN,MAAY,gBAGd,uBACE,SAAU,SACV,KAAM,EACN,IAAK,KACL,QAAS,MACT,QAAS,GACT,MAAO,KACP,OAAQ,EACR,QAAS,IAAA,EACT,WAAY,EAAE,IAAI,IAAI,EAAO,cAAK,CAAQ,EAAE,IAAI,IAAI,EAAO,eAAK,CAAS,EAAE,IAAI,IAAK,KAAS,gBAC7F,WAAY,MACZ,WAAY,KACZ,WAAY,KACZ,WAAY,KAGd,mCACE,SAAU,SACV,QAAS,MACT,MAAO,QACP,OAAQ,QACR,MAAO,KACP,QAAS,EAAA,KACT,OAAQ,KACR,YAAa,KACb,WAAY,WAAA,MAAA,OAId,yCADA,yCAEE,WAAY,QAGd,6CACE,MAAO,KACP,YAAa,OACb,SAAU,OACV,cAAe,SACf,UAAW,KAGb,kCACE,MAAO","file":"autocomplete.css","sourcesContent":["$primary: #106cc8 !default;\n$warn: #f44336 !default;\n\nmd2-autocomplete {\n position: relative;\n display: block;\n margin: 18px 0;\n outline: none;\n user-select: none;\n backface-visibility: hidden;\n}\n\nmd2-autocomplete.md2-autocomplete-disabled {\n pointer-events: none;\n cursor: default;\n}\n\n.md2-autocomplete-trigger {\n position: relative;\n display: block;\n width: 100%;\n padding: 2px 2px 1px;\n border-bottom: 1px solid rgba(black, 0.12);\n box-sizing: border-box;\n min-width: 64px;\n min-height: 26px;\n cursor: pointer;\n\n &.is-focused {\n padding-bottom: 0;\n border-bottom: 2px solid $primary;\n }\n\n md2-autocomplete.ng-invalid.ng-touched:not(.md2-autocomplete-disabled) & {\n color: $warn;\n border-bottom-color: $warn;\n }\n}\n\nmd2-autocomplete.md2-autocomplete-disabled .md2-autocomplete-trigger {\n color: rgba(black, 0.38);\n border-color: transparent;\n background-image: linear-gradient(to right, rgba(black, 0.38) 0%, rgba(black, 0.38) 33%, transparent 0%);\n background-position: bottom -1px left 0;\n background-size: 4px 1px;\n background-repeat: repeat-x;\n cursor: default;\n\n &.is-focused {\n padding-bottom: 1px;\n border-bottom: 1px solid transparent;\n }\n}\n\n.md2-autocomplete-input {\n width: 100%;\n height: 26px;\n font-size: 15px;\n outline: none;\n background: transparent;\n border: 0;\n box-sizing: border-box;\n}\n\nmd2-autocomplete.md2-autocomplete-disabled .md2-autocomplete-input {\n color: rgba(black, 0.38);\n}\n\n.md2-autocomplete-placeholder {\n position: absolute;\n right: 26px;\n bottom: 100%;\n left: 0;\n max-width: 100%;\n padding-left: 3px;\n padding-right: 0;\n line-height: 1.4;\n color: rgba(black, 0.38);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n pointer-events: none;\n z-index: 1;\n transform: translate3d(0, 26px, 0) scale(1);\n transition: transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1);\n transform-origin: left top;\n\n [aria-required=true] &::after {\n content: '*';\n color: #fd0f0f;\n }\n}\n\n.md2-autocomplete-trigger.is-focused .md2-autocomplete-placeholder {\n color: $primary;\n}\n\n.md2-autocomplete-trigger.is-focused .md2-autocomplete-placeholder,\nmd2-autocomplete .md2-autocomplete-placeholder.has-value {\n transform: translate3d(0, 6px, 0) scale(0.75);\n}\n\n.md2-autocomplete-trigger svg {\n position: absolute;\n right: 0;\n top: 0;\n display: block;\n height: 100%;\n background: white;\n fill: currentColor;\n color: rgba(black, 0.54);\n}\n\n.md2-autocomplete-menu {\n position: absolute;\n left: 0;\n top: 100%;\n display: block;\n z-index: 10;\n width: 100%;\n margin: 0;\n padding: 8px 0;\n box-shadow: 0 1px 3px 0 rgba(black, 0.2), 0 1px 1px 0 rgba(black, 0.14), 0 2px 1px -1px rgba(black, 0.12);\n max-height: 256px;\n min-height: 48px;\n overflow-y: auto;\n background: white;\n}\n\n.md2-autocomplete-menu .md2-option {\n position: relative;\n display: block;\n color: lighten(black, 13);\n cursor: pointer;\n width: auto;\n padding: 0 16px;\n height: 48px;\n line-height: 48px;\n transition: background 150ms linear;\n}\n\n.md2-autocomplete-menu .md2-option:hover,\n.md2-autocomplete-menu .md2-option.focus {\n background: darken(white, 7);\n}\n\n.md2-autocomplete-menu .md2-option .md2-text {\n width: auto;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n font-size: 16px;\n}\n\n.md2-autocomplete-menu .highlight {\n color: lighten(black, 45);\n}\n",null]}