├── .gitignore ├── LICENSE ├── README.md ├── angular-nojq.js ├── angular-nojq.min.js ├── bower.json ├── package-lock.json └── package.json /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules 3 | bower_components 4 | releases 5 | wwwroot 6 | npm-debug.log 7 | *.zip 8 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | Apache License 2 | Version 2.0, January 2004 3 | http://www.apache.org/licenses/ 4 | 5 | TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION 6 | 7 | 1. Definitions. 8 | 9 | "License" shall mean the terms and conditions for use, reproduction, 10 | and distribution as defined by Sections 1 through 9 of this document. 11 | 12 | "Licensor" shall mean the copyright owner or entity authorized by 13 | the copyright owner that is granting the License. 14 | 15 | "Legal Entity" shall mean the union of the acting entity and all 16 | other entities that control, are controlled by, or are under common 17 | control with that entity. For the purposes of this definition, 18 | "control" means (i) the power, direct or indirect, to cause the 19 | direction or management of such entity, whether by contract or 20 | otherwise, or (ii) ownership of fifty percent (50%) or more of the 21 | outstanding shares, or (iii) beneficial ownership of such entity. 22 | 23 | "You" (or "Your") shall mean an individual or Legal Entity 24 | exercising permissions granted by this License. 25 | 26 | "Source" form shall mean the preferred form for making modifications, 27 | including but not limited to software source code, documentation 28 | source, and configuration files. 29 | 30 | "Object" form shall mean any form resulting from mechanical 31 | transformation or translation of a Source form, including but 32 | not limited to compiled object code, generated documentation, 33 | and conversions to other media types. 34 | 35 | "Work" shall mean the work of authorship, whether in Source or 36 | Object form, made available under the License, as indicated by a 37 | copyright notice that is included in or attached to the work 38 | (an example is provided in the Appendix below). 39 | 40 | "Derivative Works" shall mean any work, whether in Source or Object 41 | form, that is based on (or derived from) the Work and for which the 42 | editorial revisions, annotations, elaborations, or other modifications 43 | represent, as a whole, an original work of authorship. For the purposes 44 | of this License, Derivative Works shall not include works that remain 45 | separable from, or merely link (or bind by name) to the interfaces of, 46 | the Work and Derivative Works thereof. 47 | 48 | "Contribution" shall mean any work of authorship, including 49 | the original version of the Work and any modifications or additions 50 | to that Work or Derivative Works thereof, that is intentionally 51 | submitted to Licensor for inclusion in the Work by the copyright owner 52 | or by an individual or Legal Entity authorized to submit on behalf of 53 | the copyright owner. For the purposes of this definition, "submitted" 54 | means any form of electronic, verbal, or written communication sent 55 | to the Licensor or its representatives, including but not limited to 56 | communication on electronic mailing lists, source code control systems, 57 | and issue tracking systems that are managed by, or on behalf of, the 58 | Licensor for the purpose of discussing and improving the Work, but 59 | excluding communication that is conspicuously marked or otherwise 60 | designated in writing by the copyright owner as "Not a Contribution." 61 | 62 | "Contributor" shall mean Licensor and any individual or Legal Entity 63 | on behalf of whom a Contribution has been received by Licensor and 64 | subsequently incorporated within the Work. 65 | 66 | 2. Grant of Copyright License. Subject to the terms and conditions of 67 | this License, each Contributor hereby grants to You a perpetual, 68 | worldwide, non-exclusive, no-charge, royalty-free, irrevocable 69 | copyright license to reproduce, prepare Derivative Works of, 70 | publicly display, publicly perform, sublicense, and distribute the 71 | Work and such Derivative Works in Source or Object form. 72 | 73 | 3. Grant of Patent License. Subject to the terms and conditions of 74 | this License, each Contributor hereby grants to You a perpetual, 75 | worldwide, non-exclusive, no-charge, royalty-free, irrevocable 76 | (except as stated in this section) patent license to make, have made, 77 | use, offer to sell, sell, import, and otherwise transfer the Work, 78 | where such license applies only to those patent claims licensable 79 | by such Contributor that are necessarily infringed by their 80 | Contribution(s) alone or by combination of their Contribution(s) 81 | with the Work to which such Contribution(s) was submitted. If You 82 | institute patent litigation against any entity (including a 83 | cross-claim or counterclaim in a lawsuit) alleging that the Work 84 | or a Contribution incorporated within the Work constitutes direct 85 | or contributory patent infringement, then any patent licenses 86 | granted to You under this License for that Work shall terminate 87 | as of the date such litigation is filed. 88 | 89 | 4. Redistribution. You may reproduce and distribute copies of the 90 | Work or Derivative Works thereof in any medium, with or without 91 | modifications, and in Source or Object form, provided that You 92 | meet the following conditions: 93 | 94 | (a) You must give any other recipients of the Work or 95 | Derivative Works a copy of this License; and 96 | 97 | (b) You must cause any modified files to carry prominent notices 98 | stating that You changed the files; and 99 | 100 | (c) You must retain, in the Source form of any Derivative Works 101 | that You distribute, all copyright, patent, trademark, and 102 | attribution notices from the Source form of the Work, 103 | excluding those notices that do not pertain to any part of 104 | the Derivative Works; and 105 | 106 | (d) If the Work includes a "NOTICE" text file as part of its 107 | distribution, then any Derivative Works that You distribute must 108 | include a readable copy of the attribution notices contained 109 | within such NOTICE file, excluding those notices that do not 110 | pertain to any part of the Derivative Works, in at least one 111 | of the following places: within a NOTICE text file distributed 112 | as part of the Derivative Works; within the Source form or 113 | documentation, if provided along with the Derivative Works; or, 114 | within a display generated by the Derivative Works, if and 115 | wherever such third-party notices normally appear. The contents 116 | of the NOTICE file are for informational purposes only and 117 | do not modify the License. You may add Your own attribution 118 | notices within Derivative Works that You distribute, alongside 119 | or as an addendum to the NOTICE text from the Work, provided 120 | that such additional attribution notices cannot be construed 121 | as modifying the License. 122 | 123 | You may add Your own copyright statement to Your modifications and 124 | may provide additional or different license terms and conditions 125 | for use, reproduction, or distribution of Your modifications, or 126 | for any such Derivative Works as a whole, provided Your use, 127 | reproduction, and distribution of the Work otherwise complies with 128 | the conditions stated in this License. 129 | 130 | 5. Submission of Contributions. Unless You explicitly state otherwise, 131 | any Contribution intentionally submitted for inclusion in the Work 132 | by You to the Licensor shall be under the terms and conditions of 133 | this License, without any additional terms or conditions. 134 | Notwithstanding the above, nothing herein shall supersede or modify 135 | the terms of any separate license agreement you may have executed 136 | with Licensor regarding such Contributions. 137 | 138 | 6. Trademarks. This License does not grant permission to use the trade 139 | names, trademarks, service marks, or product names of the Licensor, 140 | except as required for reasonable and customary use in describing the 141 | origin of the Work and reproducing the content of the NOTICE file. 142 | 143 | 7. Disclaimer of Warranty. Unless required by applicable law or 144 | agreed to in writing, Licensor provides the Work (and each 145 | Contributor provides its Contributions) on an "AS IS" BASIS, 146 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or 147 | implied, including, without limitation, any warranties or conditions 148 | of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A 149 | PARTICULAR PURPOSE. You are solely responsible for determining the 150 | appropriateness of using or redistributing the Work and assume any 151 | risks associated with Your exercise of permissions under this License. 152 | 153 | 8. Limitation of Liability. In no event and under no legal theory, 154 | whether in tort (including negligence), contract, or otherwise, 155 | unless required by applicable law (such as deliberate and grossly 156 | negligent acts) or agreed to in writing, shall any Contributor be 157 | liable to You for damages, including any direct, indirect, special, 158 | incidental, or consequential damages of any character arising as a 159 | result of this License or out of the use or inability to use the 160 | Work (including but not limited to damages for loss of goodwill, 161 | work stoppage, computer failure or malfunction, or any and all 162 | other commercial damages or losses), even if such Contributor 163 | has been advised of the possibility of such damages. 164 | 165 | 9. Accepting Warranty or Additional Liability. While redistributing 166 | the Work or Derivative Works thereof, You may choose to offer, 167 | and charge a fee for, acceptance of support, warranty, indemnity, 168 | or other liability obligations and/or rights consistent with this 169 | License. However, in accepting such obligations, You may act only 170 | on Your own behalf and on Your sole responsibility, not on behalf 171 | of any other Contributor, and only if You agree to indemnify, 172 | defend, and hold each Contributor harmless for any liability 173 | incurred by, or claims asserted against, such Contributor by reason 174 | of your accepting any such warranty or additional liability. 175 | 176 | END OF TERMS AND CONDITIONS 177 | 178 | APPENDIX: How to apply the Apache License to your work. 179 | 180 | To apply the Apache License to your work, attach the following 181 | boilerplate notice, with the fields enclosed by brackets "{}" 182 | replaced with your own identifying information. (Don't include 183 | the brackets!) The text should be enclosed in the appropriate 184 | comment syntax for the file format. We also recommend that a 185 | file or class name and description of purpose be included on the 186 | same "printed page" as the copyright notice for easier 187 | identification within third-party archives. 188 | 189 | Copyright {yyyy} {name of copyright owner} 190 | 191 | Licensed under the Apache License, Version 2.0 (the "License"); 192 | you may not use this file except in compliance with the License. 193 | You may obtain a copy of the License at 194 | 195 | http://www.apache.org/licenses/LICENSE-2.0 196 | 197 | Unless required by applicable law or agreed to in writing, software 198 | distributed under the License is distributed on an "AS IS" BASIS, 199 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 200 | See the License for the specific language governing permissions and 201 | limitations under the License. 202 | 203 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # [Angular-NoJq(Standalone)](http://quantumui.org/appdoc/documents/home/nojq) 2 | Angular-NoJq is light weight native angular selector and dimension engine which includes some useful Jquery method for `angular.element`. 3 | 4 | ## Note: 5 | [QuantumUI](http://quantumui.org/) is already included `Angular-NoJq`. If you want to use it without [QuantumUI](http://quantumui.org/) you can download it. 6 | 7 | ## Links: 8 | 9 | + [Home Page](http://quantumui.org/) 10 | + [Documentations](http://quantumui.org/appdoc/documents/home/nojq) (see all methods) 11 | 12 | ## Quick start 13 | 14 | Three quick start options are available: 15 | 16 | - [Download the latest release](https://github.com/quantumui/angular-nojq/archive/master.zip). 17 | - Clone the repo: `git clone https://github.com/quantumui/angular-nojq.git`. 18 | - Install with [Bower](http://bower.io): `bower install angular-nojq`. 19 | 20 | 21 | ## Documentation 22 | 23 | angualar-nojq's is full documentation, . 24 | 25 | ## Extended Methods from JQLite 26 | `.css()` 27 | `.find()` 28 | `.on()` 29 | `.off()` 30 | `.html()` 31 | 32 | ## Additional Methods for JQLite 33 | `.width()` 34 | `.innerWidth()` 35 | `outerWidth()` 36 | `.height()` 37 | `.innerHeight()` 38 | `.outerHeight()` 39 | `.first()` 40 | `.last()` 41 | `.prev()` 42 | `.prevAll()` 43 | `.nextAll()` 44 | `.is()` 45 | `.has()` 46 | `.closest()` 47 | `.before()` 48 | `.index()` 49 | `.appendTo()` 50 | `.prependTo()` 51 | `.insertBefore()` 52 | `.insertAfter()` 53 | `.offset()` 54 | `.position()` 55 | `.scrollLeft()` 56 | `.scrollTop()` 57 | `.show()` 58 | `.hide()` 59 | `.toggle()` 60 | `.focus()` 61 | `.blur()` 62 | `.parents()` 63 | `.add()` 64 | 65 | ## New Methods for JQLite 66 | `.slideUp()` 67 | `.slideDown()` 68 | 69 | ## Authors 70 | 71 | **Mehmet Ötkün** 72 | 73 | + 74 | + 75 | + 76 | + 77 | + 78 | 79 | 80 | 81 | ## Copyright and license 82 | 83 | ***angular-nojq* is licenced under Apache License Version 2.0, January 2004) (https://github.com/quantumui/angular-nojq/blob/master/LICENSE) 84 | 85 | You are allowed to use these elements anywhere you want, however we’ll highly appreciate if you will link to our [website](http://quantumui.org). 86 | 87 | 88 | 89 | Social Media: 90 | 91 | Twitter: 92 | 93 | Facebook: 94 | 95 | Google+: 96 | 97 | LinkedIn: 98 | 99 | LinkedIn2: 100 | -------------------------------------------------------------------------------- /angular-nojq.js: -------------------------------------------------------------------------------- 1 | (function (window, angular, undefined) { 2 | 'use strict'; 3 | if (typeof jQuery != 'undefined') 4 | return 5 | //http://stackoverflow.com/questions/6481612/queryselector-search-immediate-children 6 | var vdoc = window.document, elproto = window.Element.prototype; 7 | try { 8 | vdoc.querySelector(':scope body'); 9 | } catch (err) { // polyfill native methods if it doesn't 10 | ['querySelector', 'querySelectorAll'].forEach(function (method) { 11 | var native = elproto[method]; 12 | elproto[method] = function (selectors) { 13 | if (/(^|,)\s*:scope/.test(selectors)) { 14 | var id = this.id, result; 15 | this.id = 'ID_' + Date.now(); 16 | selectors = selectors.replace(/((^|,)\s*):scope/g, '$1#' + this.id); 17 | result = vdoc[method](selectors); 18 | this.id = id; 19 | return result; 20 | } 21 | else 22 | return native.call(this, selectors); 23 | } 24 | }); 25 | }; 26 | 27 | 28 | var SPECIAL_CHARS_REGEXP = /([\:\-\_]+(.))/g, 29 | MOZ_HACK_REGEXP = /^moz([A-Z])/; 30 | function camelCase(name) { 31 | return name. 32 | replace(SPECIAL_CHARS_REGEXP, function (_, separator, letter, offset) { 33 | return offset ? letter.toUpperCase() : letter; 34 | }). 35 | replace(MOZ_HACK_REGEXP, 'Moz$1'); 36 | }; 37 | var cssNumber = { 38 | "columnCount": true, 39 | "fillOpacity": true, 40 | "flexGrow": true, 41 | "flexShrink": true, 42 | "fontWeight": true, 43 | "lineHeight": true, 44 | "opacity": true, 45 | "order": true, 46 | "orphans": true, 47 | "widows": true, 48 | "zIndex": true, 49 | "zoom": true 50 | }; 51 | function trimStart(str) { 52 | while (str && str.length && str.charAt(0) === ' ') { 53 | str = str.slice(1, str.length - 1) 54 | } 55 | return str; 56 | }; 57 | function getStyles(elem) { 58 | if (!(elem instanceof HTMLElement)) 59 | return {}; 60 | // Support: IE<=11+, Firefox<=30+ (#15098, #14150) 61 | // IE throws on elements created in popups 62 | // FF meanwhile throws on frame elements through "defaultView.getComputedStyle" 63 | 64 | if (elem.ownerDocument && elem.ownerDocument.defaultView.opener) { 65 | return elem.ownerDocument.defaultView.getComputedStyle(elem, null); 66 | } 67 | if (elem instanceof HTMLElement) 68 | return window.getComputedStyle(elem, null); 69 | else 70 | return {}; 71 | }; 72 | var isDefined = angular.isDefined; 73 | var forEach = angular.forEach; 74 | 75 | var iframe, 76 | elemdisplay = { 77 | HTML: "block", 78 | BODY: "block" 79 | }; 80 | var cssValue = function (name, value) { 81 | if (angular.isNumber(value) && !cssNumber[name]) 82 | value = value + 'px'; 83 | return value; 84 | }; 85 | var checkParentNode = function (parent, child) { 86 | if (parent === child) 87 | return true; 88 | if (child.path) { 89 | var length = child.path.length, node = child.path[1], index = 1, has = false; 90 | while (!has && index < length) { 91 | if (node === parent) 92 | has = true; 93 | index++; 94 | node = child.path[index] 95 | } 96 | return has; 97 | } 98 | else { 99 | var node = child.parentNode; 100 | while (node !== null) { 101 | if (node == parent) { 102 | return true; 103 | } 104 | node = node.parentNode; 105 | } 106 | } 107 | 108 | return false; 109 | }; 110 | var setOffset = function (elem, options, i) { 111 | 112 | var curPosition, curLeft, curCSSTop, curTop, curOffset, curCSSLeft, calculatePosition, 113 | computed = getStyles(elem); 114 | var position = computed.position, 115 | curElem = angular.element(elem), 116 | props = {}; 117 | 118 | // Set position first, in-case top/left are set even on static elem 119 | if (position === "static") { 120 | elem.style.position = "relative"; 121 | } 122 | 123 | curOffset = curElem.offset(); 124 | curCSSTop = computed.top; 125 | curCSSLeft = computed.left; 126 | calculatePosition = (position === "absolute" || position === "fixed") && 127 | (curCSSTop + curCSSLeft).indexOf("auto") > -1; 128 | 129 | // Need to be able to calculate position if either 130 | // top or left is auto and position is either absolute or fixed 131 | if (calculatePosition) { 132 | curPosition = getPosition(elem); 133 | curTop = curPosition.top; 134 | curLeft = curPosition.left; 135 | 136 | } else { 137 | curTop = parseFloat(curCSSTop) || 0; 138 | curLeft = parseFloat(curCSSLeft) || 0; 139 | } 140 | 141 | if (angular.isFunction(options)) { 142 | 143 | // Use angular.extend here to allow modification of coordinates argument (gh-1848) 144 | options = options.call(elem, i, angular.extend({}, curOffset)); 145 | } 146 | 147 | if (options.top !== null) { 148 | props.top = (options.top - curOffset.top) + curTop; 149 | } 150 | if (options.left !== null) { 151 | props.left = (options.left - curOffset.left) + curLeft; 152 | } 153 | 154 | if ("using" in options) { 155 | options.using.call(elem, props); 156 | 157 | } else { 158 | elem.style.top = props.top + 'px'; 159 | elem.style.left = props.left + 'px'; 160 | } 161 | }; 162 | var getPosition = function (elem) { 163 | if (!elem) { 164 | return; 165 | } 166 | 167 | var offsetParent, offset, 168 | parentOffset = { top: 0, left: 0 }, 169 | computed = getStyles(elem), 170 | CSSposition = computed.position, 171 | curElem = angular.element(elem); 172 | 173 | // Fixed elements are offset from window (parentOffset = {top:0, left: 0}, 174 | // because it is its only offset parent 175 | if (CSSposition === "fixed") { 176 | // Assume getBoundingClientRect is there when computed position is fixed 177 | offset = elem.getBoundingClientRect(); 178 | 179 | } else { 180 | // Get *real* offsetParent 181 | offsetParent = getOffsetParent(elem); 182 | // Get correct offsets 183 | offset = curElem.offset(); 184 | if (!nodeName(offsetParent, "html")) { 185 | parentOffset = angular.extend(parentOffset, angular.element(offsetParent).offset()); 186 | 187 | } 188 | 189 | // Add offsetParent borders 190 | var computedParent = getStyles(offsetParent); 191 | parentOffset.top += parseInt(computedParent.borderTopWidth, 0); 192 | parentOffset.left += parseInt(computedParent.borderLeftWidth, 0); 193 | } 194 | 195 | // Subtract parent offsets and element margins 196 | return { 197 | top: offset.top - parentOffset.top - parseInt(computed.marginTop, 0), 198 | left: offset.left - parentOffset.left - parseInt(computed.marginLeft, 0) 199 | }; 200 | }; 201 | var getOffsetParent = function (elem) { 202 | var docElem = window.document.documentElement, that = elem[0] ? elem[0] : elem; 203 | //return angular.map(elem, function() { 204 | var offsetParent = that && that.offsetParent || docElem, 205 | computed = getStyles(that); 206 | 207 | while (offsetParent && (!nodeName(offsetParent, "html") && 208 | computed.position === "static")) { 209 | offsetParent = offsetParent.offsetParent; 210 | } 211 | 212 | return offsetParent || docElem; 213 | //}); 214 | }; 215 | var closest = function (elem, selector) { 216 | elem = elem.parentNode; 217 | var matchesSelector = matchesSelectors(elem); 218 | while (elem && elem.nodeType < 11 && elem.nodeType === 1) { 219 | if (matchesSelector.call(elem, selector)) { 220 | return elem; 221 | break; 222 | } else { 223 | elem = elem.parentNode; 224 | } 225 | } 226 | return false; 227 | }; 228 | var matchesSelectors = function (elem) { 229 | return elem.matches || elem.webkitMatchesSelector || elem.mozMatchesSelector || elem.msMatchesSelector; 230 | }; 231 | var nodeName = function (elem, name) { 232 | return elem.nodeName && elem.nodeName.toLowerCase() === name.toLowerCase(); 233 | }; 234 | var dir = function (elem, node) { 235 | var matched = []; 236 | while (elem && (elem = elem[node]) && elem.nodeType !== 9) { 237 | if (elem.nodeType === 1) { 238 | matched.push(elem); 239 | } 240 | } 241 | return matched; 242 | }; 243 | var sibling = function (cur, dir) { 244 | while ((cur = cur[dir]) && cur.nodeType !== 1) { } 245 | return cur; 246 | }; 247 | var showHide = function (elements, show) { 248 | var display, elem, hidden, 249 | values = [], 250 | index = 0, 251 | length = elements.length; 252 | 253 | for (; index < length; index++) { 254 | elem = elements[index]; 255 | if (!elem.style) { 256 | continue; 257 | } 258 | var $elem = angular.element(elem), dataPriv = $elem.data(); 259 | values[index] = dataPriv["olddisplay"]; 260 | display = elem.style.display; 261 | if (show) { 262 | // Reset the inline display of this element to learn if it is 263 | // being hidden by cascaded rules or not 264 | if (!values[index] && display === "none") { 265 | elem.style.display = ""; 266 | } 267 | 268 | // Set elements which have been overridden with display: none 269 | // in a stylesheet to whatever the default browser style is 270 | // for such an element 271 | if (elem.style.display === "" && isHidden(elem)) { 272 | values[index] = defaultDisplay(elem.nodeName); 273 | $elem.data( 274 | "olddisplay", 275 | values[index] 276 | ); 277 | } 278 | } else { 279 | hidden = isHidden(elem); 280 | 281 | if (display !== "none" || !hidden) { 282 | $elem.data( 283 | "olddisplay", 284 | hidden ? display : $elem.css("display") 285 | ); 286 | } 287 | } 288 | } 289 | 290 | // Set the display of most of the elements in a second loop 291 | // to avoid the constant reflow 292 | for (index = 0; index < length; index++) { 293 | elem = elements[index]; 294 | if (!elem.style) { 295 | continue; 296 | } 297 | if (!show || elem.style.display === "none" || elem.style.display === "") { 298 | elem.style.display = show ? values[index] || "" : "none"; 299 | } 300 | } 301 | 302 | return elements; 303 | }; 304 | var isHidden = function (elem, el) { 305 | // in that case, element will be second argument 306 | elem = el || elem; 307 | return angular.element(elem).css("display") === "none" || 308 | !angular.contains(elem.ownerDocument, elem); 309 | }; 310 | var actualDisplay = function (name, doc) { 311 | var elem = angular.element(doc.createElement(name)).appendTo(doc.body), 312 | display = elem.css("display"); 313 | elem.detach(); 314 | 315 | return display; 316 | }; 317 | 318 | var defaultDisplay = function (nodeName) { 319 | var doc = document, 320 | display = elemdisplay[nodeName]; 321 | 322 | if (!display) { 323 | display = actualDisplay(nodeName, doc); 324 | 325 | // If the simple way fails, read from inside an iframe 326 | if (display === "none" || !display) { 327 | 328 | // Use the already-created iframe if possible 329 | iframe = (iframe || angular.element("