All Projects โ†’ Availity โ†’ availity-angular

Availity / availity-angular

Licence: MIT License
Availity Angular SDK

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects

Projects that are alternatives of or similar to availity-angular

ViewDidAppearFirstTime
๐Ÿ™ˆ Adds viewWillAppearFirstTime(_:) and viewDidAppearFirstTime(_:) to UIViewController
Stars: โœญ 14 (+7.69%)
Mutual labels:  uikit
JDTextField
Animated UITextField enhance UX for the user by giving clarity that they are focused
Stars: โœญ 19 (+46.15%)
Mutual labels:  uikit
UIView-SmoothCorners
An App-Store-safe way to enable smooth continuous corners on UIView that works on iOS 11, 12 and 13.
Stars: โœญ 91 (+600%)
Mutual labels:  uikit
AndroidUIKit
UIKit for Android
Stars: โœญ 45 (+246.15%)
Mutual labels:  uikit
TinderUISamples
[ING] - Tinderใฎใ‚ˆใ†ใชUIใ‚’ๆง˜ใ€…ใชๅฎŸ่ฃ…ใงๅฎŸ็พใ—ใฆใฟใ‚‹
Stars: โœญ 30 (+130.77%)
Mutual labels:  uikit
WebPKit
A framework that extends a variety of Cocoa APIs with capabilities for encoding and decoding WebP files for all of Apple's platforms.
Stars: โœญ 29 (+123.08%)
Mutual labels:  uikit
Texture
Smooth asynchronous user interfaces for iOS apps.
Stars: โœญ 7,512 (+57684.62%)
Mutual labels:  uikit
AppUIKit
iOS interface design for macOS app
Stars: โœญ 25 (+92.31%)
Mutual labels:  uikit
TextStory
Happier, more flexible NSTextStorage
Stars: โœญ 60 (+361.54%)
Mutual labels:  uikit
unity-ui-manager
๐ŸŽซ A Simple UI Manager for rapid prototyping and ease of collaboration
Stars: โœญ 44 (+238.46%)
Mutual labels:  uikit
Invalidating
Backports the new @invalidating property wrapper to older platforms
Stars: โœญ 53 (+307.69%)
Mutual labels:  uikit
NativeMarkKit
NativeMark is a flavor of Markdown designed to be rendered by native apps.
Stars: โœญ 36 (+176.92%)
Mutual labels:  uikit
WWDC
๐ŸŒˆ ๐–๐–๐ƒ๐‚ ๐’๐ž๐ฌ๐ฌ๐ข๐จ๐ง ๐๐จ๐ญ๐ž๐ฌ ๐Ÿ‘ฉ๐Ÿปโ€๐Ÿ’ป โœจ
Stars: โœญ 31 (+138.46%)
Mutual labels:  uikit
JDToaster
๐Ÿž Toasty iOS alerts
Stars: โœญ 25 (+92.31%)
Mutual labels:  uikit
Themeable
Easy, type-safe UI theming in Swift
Stars: โœญ 38 (+192.31%)
Mutual labels:  uikit
SectionKit
โ™ป๏ธ Reusable sections for UICollectionView
Stars: โœญ 47 (+261.54%)
Mutual labels:  uikit
Anchor-Bootstrap-UI-Kit
Anchor is a free Bootstrap UI Kit with flexible, ready to use UI components which will hep you build websites faster.
Stars: โœญ 69 (+430.77%)
Mutual labels:  uikit
ng2-rest
Isomorphic, simple, robust REST API library for Browser and NodeJS, ( ts / js ) apps
Stars: โœญ 26 (+100%)
Mutual labels:  angular-framework
clockface
UI Kit for building Chronograf
Stars: โœญ 33 (+153.85%)
Mutual labels:  uikit
laravel-uikit
Laravel 5.5/5.6 frontend preset for UIkit 3
Stars: โœญ 11 (-15.38%)
Mutual labels:  uikit

availity-angular

Availity Angular SDK

License NPM Build

Table of Contents

Intro

Demo

availity.github.io/availity-angular

Supported Browsers

  • Internet Explorer 9 and newer
  • Google Chrome
  • Mozilla Firefox

Other browsers should be supported as well but you may experience some issues.

Migrating to angularjs 1.7.x to 1.8.2

Version 4.2.0 of availity-angular is migration from 1.7.x angular to 1.8.2. In addition, jquery is updated to 3.6.0, to satisfy security requirements. The primary change of what is fixed with security update can be explained with jquery upgrade guide located here https://jquery.com/upgrade-guide/3.5/.
Note: 1.7.x to 1.8.2 is really just an update underlying jquery component embeded in angularjs, and since availity-angular overrides this by including the full jquery. The real upgrade is just the jquery upgrade.

Here is list of known issues with upgrade.

  • Self-closing tags, like "<div/> <span/> <p/>". As referenced in upgrade-guide, jquery no changes these tags. The result of which is if you have some template like following in your page it will not display and actually cause page to stop rendering due to unmatching tags.

    <div class="broken">
         <p>This would display before tag.</p>
         <div data-my-directive/> 
         <p>But directive and items after might not display.</p>
     </div>
    
     <div class="fixed">
         <p>Fix is to change to remove self closing empty html tag</p>
         <div data-my-directive></div> 
         <p>Now this should display.</p>
     </div>
    
    <div class="nochange">
         <p>Tags that html supports as self closing tags do not need to change since they are not effected.</p> 
          <span>Example: All the following are valid</span>
          <input data-my-directive />
          <input data-my-directive >
          <img data-my-directive />
          <img data-my-directive >
    </div>

    Unfortunately not good solution to this fix besides just fixing tags. Luckily this regex from here seems to be pretty code at replacing. https://www.reddit.com/r/regex/comments/6mpc7b/replace_invalid_selfclosing_nonvoid_html_tags/ In editor that supports reg expression replace use following:

    find: <(?!area|base|br|col|command|embed|hr|img|input|keygen|link|meta|param|source|track|wbr)([a-z|A-Z|_|\-|:|0-9]+)([^>]*)\/>
    replace: <$1$2></$1>
    
  • bootstrap-datapicker issue. One issue noticed on upgrading is that some projects where getting issue where AvDatepicker was no longer working. This seemed to be dependency resolution where bootstrap-datepicker was pulling in one version of jquery and application was using 3.6 version. The fix was to force resolution to same version using resolution block.

      "resolutions": {
        "jquery": "3.6.0"
      }
    
  • uglify-js 3.11.x issue. Although not related angularjs upgrade an issue was noticed with dependencies. After some effort it was found with uglify-js 3.11.x or greater, the signature of some constructors where changed. In particular the av-block directive's BlockController was effected causing console error "regExp --> regExpProvider not found". Error would only show up on production builds of project. The fix for this is locking in ugligfy-js to 3.10.4.

     "resolutions": {
       "jquery": "3.6.0",
       "uglify-js": "3.10.4",
       "uglifyjs-webpack-plugin": "2.2.0"
     },
    

Quickstart

Install the Availity Angular SDK with npm.

$ npm install availity-angular --save

Acknowledgments

The Availity Angular lib was heavily inspired by multiple open source frameworks. If for some reason a library could not be used directly (IE9 limitation), we've reused that projects code directly in this project. Please check out the libs below for some beautifully written code.

Contributing

Dependency Status

  1. Ensure release is occurring on master branch: git checkout master
  2. Run npm install to ensure dependencies are up to date.
  3. Run npm test and ensure all test are passing
  4. Run npm run release

License

Copyright (c) 2017-present Availity, LLC. Code released under the the MIT license

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].