angular-ui/bootstrap-bower

This is a bower repository to hold Angular UI Bootstrap releases.

AngularUI - The companion suite for AngularJS

---

Usage

Requirements

• AngularJS v1.0.0+ is currently required.
• jQuery / Plugins (depends on directive). Check specific directive dependencies for more information

Installation

The repository comes with the modules pre-built and compressed into the build/ directory.

angular.module('myApp', ['ui']);

The modules can be found in the Directives and Filters folders. Check out the readme file associated with each module for specific module usage information.

Development

You do not need to build the project to use it - see above - but if you are working on it then this is what you need to know.

Requirements

0. Install Node.js and NPM (should come with)

1. Install local dependencies:

$ npm install

2. Install global dependencies grunt, coffee-script, and testacular:

$ npm install -g testacular coffee-script grunt

Build Files & Run Tests

Before you commit, always run grunt to build and test everything once.

$ grunt

Test & Develop

The modules come with unit tests that should be run on any changes and certainly before commiting changes to the project. The unit tests should also provide further insight into the usage of the modules.

First, start the testacular server:

$ grunt server

Then, open your browser to http://localhost:8080 and run the watch command to re-run tests on every save:

$ grunt watch

Publishing

For core team: if you wish to publish a new version follow these steps:

1. Bump the version number inside package.json
2. Build and test
3. Commit the updated package.json and build/ folder on their own commit
4. Tag the commit: git tag v[maj].[min].[patch]
5. Push the tag: git push [angular-ui] master --tags

bootstrap-bower's Issues

package.json's main array breaks debowerify

After installing using npm install angular-ui-bootstrap, gulp debowerify chokes on the package.json's main value:

path.js:146
      throw new TypeError('Arguments to path.resolve must be strings');
      ^
TypeError: Arguments to path.resolve must be strings
    at Object.win32.resolve (path.js:146:13)
    at c:\dev\ffxiv-craft-opt-web\node_modules\browserify\node_modules\browser-resolve\node_modules\resolve\lib\async.js:151:37
    at fs.js:334:14
    at c:\dev\ffxiv-craft-opt-web\node_modules\debowerify\node_modules\bower\node_modules\bower-json\node_modules\graceful-fs\graceful-fs.js:104:5
    at c:\dev\ffxiv-craft-opt-web\node_modules\debowerify\node_modules\bower\node_modules\bower-registry-client\node_modules\graceful-fs\graceful-fs.js:104:5
    at c:\dev\ffxiv-craft-opt-web\node_modules\debowerify\node_modules\bower\node_modules\bower-config\node_modules\graceful-fs\graceful-fs.js:104:5
    at c:\dev\ffxiv-craft-opt-web\node_modules\watchify\node_modules\chokidar\node_modules\readdirp\node_modules\graceful-fs\graceful-fs.js:104:5
    at FSReqWrap.oncomplete (fs.js:95:15)

If I manually change the installed package.json's value from a list to a string, debowerify is happy again.

Problem with bower installing the latest version

I have noticed that I've been using angular-bootstrap 0.14.3 on a project and when I tired to find out the reason I couldn't.

My bower json is as follows:

{
  "name": "app",
  "version": "0.0.0",
  "dependencies": {
    "bootstrap": "",
    "components-font-awesome": "",
    "ionicons": "",
    "angular": "^1.4.0",
    "angular-animate": "^1.4.0",
    "angular-aria": "^1.4.0",
    "angular-cookies": "^1.4.0",
    "angular-messages": "^1.4.0",
    "angular-resource": "^1.4.0",
    "angular-route": "^1.4.0",
    "angular-sanitize": "^1.4.0",
    "angular-touch": "^1.4.0",
    "angular-fullscreen": "",
    "angular-bootstrap": "",
    "angular-file-saver": "",
    "angular-strap": "",
    "angular-utils-ui-breadcrumbs": "",
    "api-check": "",
    "angular-formly": "",
    "angular-formly-templates-bootstrap": "",
    "datatables.net": "",
    "datatables.net-bs": "",
    "datatables.net-buttons": "",
    "datatables.net-buttons-bs": "",
    "angular-datatables": "",
    "angular-ui-grid": "",
    "angular-ui-mask": "",
    "ui-router": "0.2.15",
    "angular-ui-select": "",
    "angular-ui-router-tabs": "",
    "international-phone-number": "",
    "ngCountrySelectJs": "",
    "ng-currency": "",
    "lodash": "",
    "angular-wizard": "",
    "satellizer": "",
    "ngprogress": "",
    "angular-ui-notification": "",
    "material-design-iconic-font": "1.0",
    "dropzone": "",
    "angular-ladda": "",
    "angular-loading-spinner": "",
    "ng-slide-down": "",
    "angular-flippy": "",
    "angular-print": "",
    "angular-base64-upload": ""
  },
  "overrides": {
    "bootstrap": {
      "main": [
        "dist/js/bootstrap.js",
        "dist/css/bootstrap.css",
        "less/bootstrap.less"
      ]
    },
    "ngprogress": {
      "main": [
        "build/ngprogress.js",
        "ngProgress.css"
      ]
    },
    "country-select-js": {
      "main": [
        "build/js/countrySelect.min.js",
        "build/css/countrySelect.min.css"
      ]
    },
    "datatables": {
      "main": []
    },
    "material-design-iconic-font": {
      "main": [
        "css/material-design-iconic-font.min.css"
      ]
    }
  },
  "resolutions": {
    "angular": "^1.4.0"
  },
  "devDependencies": {
    "angular-mocks": "^1.4.0"
  },
  "appPath": "app",
  "moduleName": "app"
}

Using bower install or bower update the version of angular-bootstrap that gets installed is 0.14.3. When I tried to install version 1.3.2 explicitly I got the following error:

bower ECONFLICT Unable to find suitable version for angular-bootstrap

Am I missing something here?

Which License?

Under which license is this software? MIT?

Split into separate files

Hey,

I think it would make sense to split directives into their respective files. As now, I have to load whole UI Bootstrap even if I only use popover or some other directive. UI Bootstrap itself is modular.

Cannot set property 'title' of null

tooltip positioning issue

The function positionElements does not check wether the targetElemPos.left value is negative and therefore the tooltip gets positioned outside the left margin.
The line
targetElemPos.left = Math.round(targetElemPos.left);
IMO should be changed to
targetElemPos.left = ((targetElemPos.left < 0) ? 0 : Math.round(targetElemPos.left));

The code is not separated by module in NPM

In bower you get a file per component which allows you to include the code you are actually using. When I load angular-ui-bootstrap via npm I only get 4 files which contain all the code. We want to keep our javascript bundle size small and are therefore stuck with bower while we want to replace it with npm.

Not working with 1.5.5

Issue with in or excluded templates. the HTML files are not found.
It seems like the chache is not working

Files included in my HTML

1. AngularJS
2. ui-bootstrap-tpls
3. Angular Controller

typeahead directive's properties can't be dynamic

Hi,

Since some options are set within link function, they are not dynamic.
For instance, if I set a property:

typeahead-editable="isAtLeastAdmin()"

or:

typeahead-editable="{{ isAtLeastAdmin() }}"

The changes in the result of the $scope.isAtLeastAdmin function are never passed to the typeahead directive.

So what I suggest is to not set theses options in private variables.
I can attempt what I'm trying if I change line #3170:

  if (originalScope.$eval(attrs.typeaheadEditable) !== false) {
    return inputValue;
  } else {

and use it like this: typeahead-editable="isAtLeastAdmin()"

Maybe I should make a pull request, or someone have an idea for a better implementation?

Thanks!

Typeahead issues since 0.11.0

Sadly somethings wrong with the typeahead component:

• arrow key navigation not working
• custom template not used

Already tried to identify the commit, without success.

Best regards,
Peter

Missing copyright

While auditing Cockpit's bower dependencies for packaging it for Debian I noticed that this project doesn't have a single Copyright statement anywhere. Please add one to the README.md, or as a comment to the .js files or similar. Something like

Copyright: (C) 2015-2017 Wesley Cho

or possibly the company you are working for (if this was paid work). It's currently impossible to determine who has copyright on this source.

Templates are missing

When I install bootstrap using bower install angular-bootstrap, only the JS files are installed. The referenced templates are missing. If it is by design, which way is recommended to include the templates into my angular app?

Unexpected behaviour of modal opened class

Your documentation about modal (https://angular-ui.github.io/bootstrap/#!#modal) says, related to modal's openedClass parameter: "Class added to the body element when the modal is opened". It is not true: it is really placed in the appendTo element.

Typeahead is broken after update to Angular 1.2

The update to Angular 1.2 removes the ngBindHtmlUnsafe directive, and as this is used to render the typeahead results, this is now broken. It looks as though the angular-ui bootstrap repository has been updated to take this into account.

Can bootstrap-bower be updated to reflect this please?

Add license to bower.json

I would be great to pull from the original package's package.json, but I don't know how files in this directory is generated.

ngTable Coloumn Customization

Dear Team,

As i have an One table it was some customized Filters and Sorting, but i want to make some column wise customization like

In top of the table i have an One Button, if i click the Button it will shows some one Multi Select Box with Drag Drop option.
In Side of Lpanel I have an options are table header title
Cpanel is select a coloumn title selective options like Lpanel to rpanel, Rpanel to Lpanel, All to Rpanel, All to lapnel insid ehave Drag Drop.
In table header name(data) are loaded into the Select Box. whatever i action will perform like L to R R to L, Drag and Drop
I want to hide the columns and i want make the column positions too

Kindly Help me for an custom Directive / Controller,

Hazdik DA, India

Tag 0.12.2 disappear ?

In my project, everything was working since 1 year until today when i need to do a fresh install.

My bower.json

{
  "name": "app-name",
  "version": "0.0.0",
  "dependencies": {
    "angular": "1.5.0",
    "angular-resource": "1.5.0",
    "angular-cookies": "1.5.0",
    "angular-sanitize": "1.5.0",
    "angular-animate": "1.5.0",
    "angular-route": "1.5.0",
    "angular-bootstrap": "0.12.2",
    "angular-dynamic-locale": "0.1.30",
    "angular-bootstrap-colorpicker": "3.0.18",
    "ng-file-upload": "6.2.1",
    "angular-bootstrap-toggle-switch": "~0.5.6"
  },
  "devDependencies": {
    "angular-mocks": "1.5.0",
    "angular-scenario": "1.5.0"
  },
  "appPath": "app"
}

generate an error

ENORESTARGET No tag found that was able to satisfy 0.12.2

Update build - leaking modal ($dialog):

related issue:
angular-ui/bootstrap#232
angular-ui/bootstrap#1643

install does not include templates

after the installation, loading the modules failed because cannot find the templates. I did have the ui-bootstrap-tpls.min.js included

 GET http://127.0.0.1:8000/template/modal/window.html 404 (File not found)
angular.js:10140 Error: [$compile:tpload] Failed to load template: template/modal/window.html
http://errors.angularjs.org/1.2.29-build.590+sha.e81b2f7/$compile/tpload?p0=template%2Fmodal%2Fwindow.html
    at VALIDITY_STATE_PROPERTY (angular.js:78)
    at angular.js:6969
    at angular.js:8187

Waiting for update

Hello!

Could you please make an update of the latest changes. I need the new attribute "typeahead-on-select" which is not included in your files yet.

Thanks!

Uncaught TypeError on dropdown element click

This issue closed angular-ui/bootstrap#2343

But here problem still exist:
https://github.com/angular-ui/bootstrap-bower/blob/master/ui-bootstrap-tpls.js#L1649

needs update to latest

2.5.4. Dealing with some super legacy stuff here and would help.

dependency on bootstrap?

https://github.com/angular-ui/bootstrap-bower/blob/master/bower.json currently has:

    "dependencies": {
        "bootstrap": ">=2",

But http://angular-ui.github.io/bootstrap/ says:

no dependency on jQuery or Bootstrap's JavaScript is required. The only required dependencies are:

• AngularJS (minimal version 1.0.4 or 1.1.2)
• Bootstrap CSS

This pulls in the entire bootstrap package (almost 300 files, including all the unneeded html, images, less, and in particular javascript). But is this just for the one bootstrap.css file it includes? If so, would it make more sense to leave this up to users, as this is not universally desirable? For instance, if you're using https://github.com/yeoman/generator-angular and answered (the default) "yes" to use compass-twitter-bootstrap, your app's compass-compiled css already has the bootstrap styles included, and you really don't need it duplicated in the Twitter Bootstrap bower package.

Support for angular 1.3.*

Hello
Would it be possible to support angular 1.3. ?
Thanks a lot for your work

update dependecy to angular 1.3.x

There's some fixes about tooltips bug in 0.12 for using angular 1.3.11 (see angular-ui/bootstrap#2828)

IMHO you should update https://github.com/angular-ui/bootstrap-bower/blob/0.12.0/bower.json :)

Support installs via NPM

Unclear how template files are to be managed.

After installing angular-ui-bootstrap-bower into my angular project, it can't find its own template files, resulting in browser errors like;

GET http://localhost:9000/template/tooltip/tooltip-popup.html 404 (Not Found)

How should users manage template files in this scenario?

Collapse broken in 0.13.0

In 0.12.1 'collapse' works well, but in 0.13.0 the transition is lost. The element just hide/shows in a frame.

In the issue angular-ui/bootstrap#3676 it was said that the module has ngAnimate dependency. Must it be on bower.json?

Thanks!

Bower install referencing ui-bootstrap-tpls.min.js missing templates

This doesn't seem to be working for me. I am referencing bower_components/angular-bootstrap/ui-bootstrap-tpls.min.js after installing via bower and I get missing template files errors until I download the template directory from github.

According to this issue #9 I should not need to download the templates folder separately.

Please update to 0.4.0

As the title says :).

Popover does not work

Check this one angular-ui/bootstrap#3767

AngularJS 1.3 dependency

Hi, I know UI Bootstrap is not fully tested with AngularJS 1.3; however, this should not be a good reason as to strict the AngularJS bower dependency to ">=1 <1.3.0". People are still using the library with AngularJS 1.3 at their own risk.

My project depends on AngularJS 1.3 but my automated deployment fails because my project also depends on angular-bootstrap which depends on AngularJS <1.3.

I don't see a lot of harm on removing the "<1.3.0" dependency restriction.

Dependency on bootstrap.css

Maybe is obvious that Angular UI Bootstrap depend on bootstrap.css, but I don't see it is documented anywhere. Users usually think that Angular UI Bootstrap depend on Bootstrap itself, and then add whole Bootstrap with jQuery included, which should be avoided.

Why not add dependency to https://github.com/fyockm/bootstrap-css-only and solve all mess up?

Insecure Randomness(Fortify Scan)

In line 7 of ui-bootstrap-tpls.min.js when we did fortify scan we are getting an issue stating insecure randomness.

Insecure randomness errors occur when a function that can produce predictable values is used as a source of randomness in a security-sensitive context.

Help us solve the issue

Incorrect angular dependency version

The bower.json file states the angular dependency as >=1.3.0. This is wrong, as angular v1.4 is not yet supported.

component.json confusing bower?

Hi. Thanks for working on getting this to work with bower. I see that you just added the bower.json file, I'm guessing to address details here: angular-ui/bootstrap#56. I'm trying out brunch/bower and see that when I point a new top-level project's bower.json at this repo bower doesn't suck in the bootstrap-bower/bower.json, but does get the component.json and flags a warning.

So my guess is that component.json needs to be removed (is it useful for something else?). When I cloned this, and locally removed the component.json, bower did the right thing by bringing in the bower.json and not warning.

The other important missing bit is that the bower.json appears to need a main key that looks like:

"main": ["./ui-bootstrap-tpls.js", "./ui-bootstrap.js"]

You probably don't care about brunch, but AFAICT it would be helpful to bower to remove component.json and add the main clause to bower.json.

ui-bootstrap-csp.css for > v2.0.2 release?

Hi. Could you please tell me if the ui-bootstrap-csp.css will be released along with the new versions (> v2.0.2)?

Template folder

Installing by bower doesn't install templates directory, which causes directives to throw 404 errors.

Should the templates directory be included in this repository? I am not sure about how bower repositories work.

Missing license

Can you add a license to the repo with copyright statement and tag?

TIA

The inline datepicker week number is woring

when I use the date picker in inline model, the week number is wrong in month 2015-01.

Separate bower packages for modules

Let's say I wanna use ui.bootstrap.popover and ui.bootstrap.tooltip without anything else. The only way right now is to copy those modules in a separate file and store it in my projects repo, which is problematic because I will need to update it manually each time you change anything on them.

What if you setup bower packages for each module with their dependencies?

Version 0.12.0

Hi,

Is there a reason that version 0.12.0 has a dependency to angular < 1.3.0? I have been running angular 1.3+ with 0.11.2 without any issues. I really don't want to downgrade the version of angular.

Is this library not compatible with angular 1.3+?

Regards,
Alex

Is ui-bootstrap-tpls.min.js correct?

It starts with "dialogModule.module" which is different from the file on the main repo and causing null reference error.

Repository out of date

It would be helpful to have more recent releases of this package available in this repository for Visual Studio users.

on 0.13.0 Bootstrap modal backdrop doesn't disappear when using angular-ui-bootstrap

I use https://angular-ui.github.io/bootstrap/

If I update bootstrap-bower to 0.13 then the modals backdrop never disappears on closing a modal.

On 0.12.1 this was totally fine.
THis happens on both Bootstrap 3.3.4 and 3.3.5

Let me know if you need further detail

Add ngAnimate in to dependency list

"Since version 0.13.0, UI Bootstrap depends on ngAnimate for transitions and animations, such as the accordion, carousel, etc. Include ngAnimate in the module dependencies for your app in order to enable animation."

I didn't see that in bower.json. Tooked me for a while to find out why Accordion animation wasn't working.