From d4b3088d0df78b43b2f6ba011dea81e521e52358 Mon Sep 17 00:00:00 2001 From: Gaetan Date: Sun, 3 May 2020 18:03:38 +0200 Subject: [PATCH] First working version --- README.md | 44 +- babel.config.js | 1 + dist/css/bulma-tagsinput.css | 498 ++++ dist/css/bulma-tagsinput.min.css | 2 + dist/js/bulma-tagsinput.js | 758 +++++ dist/js/bulma-tagsinput.min.js | 2 + docs/404.html | 8 +- docs/categories/index.xml | 14 + docs/changelog/index.html | 217 ++ docs/css/bulma-tagsinput.css | 498 ++++ docs/css/bulma-tagsinput.min.css | 2 + docs/css/docs.css | 211 +- docs/css/highlight.css | 58 - docs/get-started/index.html | 413 +++ docs/get-started/index.xml | 48 + docs/get-started/javascript-api/index.html | 2502 +++++++++++++++++ docs/get-started/usage/index.html | 754 +++++ docs/how-to/customize/index.html | 195 ++ docs/how-to/index.xml | 27 + docs/index.html | 154 +- docs/index.xml | 79 +- docs/js/bulma-tagsinput.js | 758 +++++ docs/js/bulma-tagsinput.min.js | 2 + docs/js/docs.js | 24 + docs/release/1/index.html | 202 ++ docs/release/index.xml | 25 + docs/sitemap.xml | 54 +- docs/tags/index.xml | 14 + gulpfile.js | 32 +- package.json | 48 +- src/docs/config.toml | 13 +- src/docs/content/_index.md | 31 +- src/docs/content/changelog.md | 2 +- src/docs/content/get-started.md | 101 - src/docs/content/get-started/installation.md | 88 + .../content/get-started/javascript-api.md | 103 + src/docs/content/get-started/usage.md | 197 ++ src/docs/content/how-to/create-a-demo.md | 34 - .../content/how-to/create-a-documentation.md | 52 - src/docs/content/how-to/customize.md | 48 + src/docs/content/how-to/distribute-my-work.md | 18 - src/docs/content/release/1.md | 12 +- src/docs/data/api.json | 598 ++++ src/docs/data/events.json | 65 + src/docs/data/options.json | 134 + src/docs/data/social.json | 7 +- src/docs/data/variables.json | 50 +- src/docs/data/versions.json | 6 + src/docs/layouts/partials/footer.html | 12 + src/docs/layouts/partials/head.html | 26 + src/docs/static/css/bulma-tagsinput.css | 498 ++++ src/docs/static/css/bulma-tagsinput.min.css | 2 + src/docs/static/js/bulma-tagsinput.js | 758 +++++ src/docs/static/js/bulma-tagsinput.min.js | 2 + .../layouts/_default/_markup/render-link.html | 1 + .../creativebulma/layouts/partials/head.html | 1 - .../layouts/partials/navbar.html | 16 + .../creativebulma/layouts/shortcodes/api.html | 71 + .../layouts/shortcodes/notification.html | 2 +- .../layouts/shortcodes/options.html | 22 + .../creativebulma/layouts/shortcodes/tab.html | 4 +- .../layouts/shortcodes/table.html | 21 + .../layouts/shortcodes/variables.html | 2 +- .../themes/creativebulma/static/css/docs.css | 165 +- src/js/defaultOptions.js | 27 + src/js/index.js | 1208 +++++++- src/js/templates/dropdown-item.js | 3 + src/js/templates/tag.js | 6 + src/js/templates/wrapper.js | 10 + src/js/utils/component.js | 100 + src/js/utils/dom.js | 103 +- src/js/utils/events.js | 16 +- src/js/utils/type.js | 40 + src/js/utils/uuid.js | 1 + src/sass/bulma-custom/_custom.sass | 12 - src/sass/bulma-custom/_variables.sass | 12 - src/sass/bulma-custom/components/_custom.sass | 20 - .../bulma-custom/components/_variables.sass | 20 - .../components/breadcrumb/_custom.sass | 5 - .../components/breadcrumb/_variables.sass | 5 - .../bulma-custom/components/card/_custom.sass | 5 - .../components/card/_variables.sass | 5 - .../components/dropdown/_custom.sass | 5 - .../components/dropdown/_variables.sass | 5 - .../components/level/_custom.sass | 5 - .../components/level/_variables.sass | 5 - .../bulma-custom/components/list/_custom.sass | 5 - .../components/list/_variables.sass | 5 - .../components/media/_custom.sass | 5 - .../components/media/_variables.sass | 5 - .../bulma-custom/components/menu/_custom.sass | 5 - .../components/menu/_variables.sass | 5 - .../components/message/_custom.sass | 5 - .../components/message/_variables.sass | 5 - .../components/modal/_custom.sass | 5 - .../components/modal/_variables.sass | 5 - .../components/navbar/_custom.sass | 5 - .../components/navbar/_variables.sass | 5 - .../components/pagination/_custom.sass | 5 - .../components/pagination/_variables.sass | 5 - .../components/panel/_custom.sass | 5 - .../components/panel/_variables.sass | 5 - .../bulma-custom/components/tabs/_custom.sass | 5 - .../components/tabs/_variables.sass | 5 - src/sass/bulma-custom/elements/_custom.sass | 19 - .../bulma-custom/elements/_variables.sass | 19 - .../bulma-custom/elements/box/_custom.sass | 5 - .../bulma-custom/elements/box/_variables.sass | 5 - .../bulma-custom/elements/button/_custom.sass | 5 - .../elements/button/_variables.sass | 5 - .../elements/container/_custom.sass | 5 - .../elements/container/_variables.sass | 5 - .../elements/content/_custom.sass | 5 - .../elements/content/_variables.sass | 5 - .../bulma-custom/elements/icon/_custom.sass | 5 - .../elements/icon/_variables.sass | 5 - .../bulma-custom/elements/image/_custom.sass | 5 - .../elements/image/_variables.sass | 5 - .../elements/notification/_custom.sass | 5 - .../elements/notification/_variables.sass | 5 - .../bulma-custom/elements/other/_custom.sass | 5 - .../elements/other/_variables.sass | 5 - .../elements/progress/_custom.sass | 5 - .../elements/progress/_variables.sass | 5 - .../bulma-custom/elements/table/_custom.sass | 5 - .../elements/table/_variables.sass | 5 - .../bulma-custom/elements/tag/_custom.sass | 5 - .../bulma-custom/elements/tag/_variables.sass | 5 - .../bulma-custom/elements/title/_custom.sass | 5 - .../elements/title/_variables.sass | 5 - src/sass/bulma-custom/form/_custom.sass | 13 - src/sass/bulma-custom/form/_variables.sass | 13 - .../form/checkbox-radio/_custom.sass | 5 - .../form/checkbox-radio/_variables.sass | 5 - src/sass/bulma-custom/form/file/_custom.sass | 5 - .../bulma-custom/form/file/_variables.sass | 5 - .../form/input-textarea/_custom.sass | 5 - .../form/input-textarea/_variables.sass | 5 - .../bulma-custom/form/select/_custom.sass | 5 - .../bulma-custom/form/select/_variables.sass | 5 - .../bulma-custom/form/shared/_custom.sass | 5 - .../bulma-custom/form/shared/_variables.sass | 5 - src/sass/bulma-custom/form/tools/_custom.sass | 5 - .../bulma-custom/form/tools/_variables.sass | 5 - src/sass/bulma-custom/grid/_custom.sass | 9 - src/sass/bulma-custom/grid/_variables.sass | 9 - .../bulma-custom/grid/columns/_custom.sass | 5 - .../bulma-custom/grid/columns/_variables.sass | 5 - src/sass/bulma-custom/grid/tiles/_custom.sass | 5 - .../bulma-custom/grid/tiles/_variables.sass | 5 - src/sass/bulma-custom/layout/_custom.sass | 10 - src/sass/bulma-custom/layout/_variables.sass | 10 - .../bulma-custom/layout/footer/_custom.sass | 5 - .../layout/footer/_variables.sass | 5 - .../bulma-custom/layout/hero/_custom.sass | 5 - .../bulma-custom/layout/hero/_variables.sass | 5 - .../bulma-custom/layout/section/_custom.sass | 5 - .../layout/section/_variables.sass | 5 - src/sass/index.sass | 201 +- src/sass/theme-sass/_all.sass | 28 - src/sass/theme-sass/_functions.sass | 7 - src/sass/theme-sass/_helpers.sass | 51 - src/sass/theme-sass/_mixins.sass | 27 - src/sass/theme-sass/components/_all.sass | 7 - src/sass/theme-sass/elements/_all.sass | 7 - src/sass/theme-sass/layouts/_all.sass | 7 - src/sass/theme-sass/miscellaneous.sass | 37 - src/sass/theme-sass/variables/_all.sass | 11 - .../theme-sass/variables/_miscellaneous.sass | 7 - .../theme-sass/variables/_responsiveness.sass | 10 - .../theme-sass/variables/_typography.sass | 36 - .../theme-sass/variables/colors/_all.sass | 25 - .../theme-sass/variables/colors/_default.sass | 123 - .../theme-sass/variables/colors/_social.sass | 119 - webpack.config.js | 11 +- 175 files changed, 11889 insertions(+), 1671 deletions(-) create mode 100755 dist/css/bulma-tagsinput.css create mode 100755 dist/css/bulma-tagsinput.min.css create mode 100644 dist/js/bulma-tagsinput.js create mode 100644 dist/js/bulma-tagsinput.min.js create mode 100644 docs/categories/index.xml create mode 100644 docs/changelog/index.html create mode 100755 docs/css/bulma-tagsinput.css create mode 100755 docs/css/bulma-tagsinput.min.css delete mode 100644 docs/css/highlight.css create mode 100644 docs/get-started/index.html create mode 100644 docs/get-started/index.xml create mode 100644 docs/get-started/javascript-api/index.html create mode 100644 docs/get-started/usage/index.html create mode 100644 docs/how-to/customize/index.html create mode 100644 docs/how-to/index.xml create mode 100644 docs/js/bulma-tagsinput.js create mode 100644 docs/js/bulma-tagsinput.min.js create mode 100644 docs/release/1/index.html create mode 100644 docs/release/index.xml create mode 100644 docs/tags/index.xml delete mode 100644 src/docs/content/get-started.md create mode 100644 src/docs/content/get-started/installation.md create mode 100644 src/docs/content/get-started/javascript-api.md create mode 100644 src/docs/content/get-started/usage.md delete mode 100644 src/docs/content/how-to/create-a-demo.md delete mode 100644 src/docs/content/how-to/create-a-documentation.md create mode 100644 src/docs/content/how-to/customize.md delete mode 100644 src/docs/content/how-to/distribute-my-work.md create mode 100644 src/docs/data/api.json create mode 100644 src/docs/data/events.json create mode 100644 src/docs/data/options.json create mode 100644 src/docs/data/versions.json create mode 100644 src/docs/layouts/partials/footer.html create mode 100644 src/docs/layouts/partials/head.html create mode 100755 src/docs/static/css/bulma-tagsinput.css create mode 100755 src/docs/static/css/bulma-tagsinput.min.css create mode 100644 src/docs/static/js/bulma-tagsinput.js create mode 100644 src/docs/static/js/bulma-tagsinput.min.js create mode 100644 src/docs/themes/creativebulma/layouts/_default/_markup/render-link.html create mode 100644 src/docs/themes/creativebulma/layouts/shortcodes/api.html create mode 100644 src/docs/themes/creativebulma/layouts/shortcodes/options.html create mode 100644 src/docs/themes/creativebulma/layouts/shortcodes/table.html create mode 100644 src/js/defaultOptions.js create mode 100644 src/js/templates/dropdown-item.js create mode 100644 src/js/templates/tag.js create mode 100644 src/js/templates/wrapper.js create mode 100644 src/js/utils/component.js create mode 100644 src/js/utils/type.js create mode 100644 src/js/utils/uuid.js delete mode 100755 src/sass/bulma-custom/_custom.sass delete mode 100755 src/sass/bulma-custom/_variables.sass delete mode 100755 src/sass/bulma-custom/components/_custom.sass delete mode 100755 src/sass/bulma-custom/components/_variables.sass delete mode 100755 src/sass/bulma-custom/components/breadcrumb/_custom.sass delete mode 100755 src/sass/bulma-custom/components/breadcrumb/_variables.sass delete mode 100755 src/sass/bulma-custom/components/card/_custom.sass delete mode 100755 src/sass/bulma-custom/components/card/_variables.sass delete mode 100755 src/sass/bulma-custom/components/dropdown/_custom.sass delete mode 100755 src/sass/bulma-custom/components/dropdown/_variables.sass delete mode 100755 src/sass/bulma-custom/components/level/_custom.sass delete mode 100755 src/sass/bulma-custom/components/level/_variables.sass delete mode 100755 src/sass/bulma-custom/components/list/_custom.sass delete mode 100755 src/sass/bulma-custom/components/list/_variables.sass delete mode 100755 src/sass/bulma-custom/components/media/_custom.sass delete mode 100755 src/sass/bulma-custom/components/media/_variables.sass delete mode 100755 src/sass/bulma-custom/components/menu/_custom.sass delete mode 100755 src/sass/bulma-custom/components/menu/_variables.sass delete mode 100755 src/sass/bulma-custom/components/message/_custom.sass delete mode 100755 src/sass/bulma-custom/components/message/_variables.sass delete mode 100755 src/sass/bulma-custom/components/modal/_custom.sass delete mode 100755 src/sass/bulma-custom/components/modal/_variables.sass delete mode 100755 src/sass/bulma-custom/components/navbar/_custom.sass delete mode 100755 src/sass/bulma-custom/components/navbar/_variables.sass delete mode 100755 src/sass/bulma-custom/components/pagination/_custom.sass delete mode 100755 src/sass/bulma-custom/components/pagination/_variables.sass delete mode 100755 src/sass/bulma-custom/components/panel/_custom.sass delete mode 100755 src/sass/bulma-custom/components/panel/_variables.sass delete mode 100755 src/sass/bulma-custom/components/tabs/_custom.sass delete mode 100755 src/sass/bulma-custom/components/tabs/_variables.sass delete mode 100755 src/sass/bulma-custom/elements/_custom.sass delete mode 100755 src/sass/bulma-custom/elements/_variables.sass delete mode 100755 src/sass/bulma-custom/elements/box/_custom.sass delete mode 100755 src/sass/bulma-custom/elements/box/_variables.sass delete mode 100755 src/sass/bulma-custom/elements/button/_custom.sass delete mode 100755 src/sass/bulma-custom/elements/button/_variables.sass delete mode 100755 src/sass/bulma-custom/elements/container/_custom.sass delete mode 100755 src/sass/bulma-custom/elements/container/_variables.sass delete mode 100755 src/sass/bulma-custom/elements/content/_custom.sass delete mode 100755 src/sass/bulma-custom/elements/content/_variables.sass delete mode 100755 src/sass/bulma-custom/elements/icon/_custom.sass delete mode 100755 src/sass/bulma-custom/elements/icon/_variables.sass delete mode 100755 src/sass/bulma-custom/elements/image/_custom.sass delete mode 100755 src/sass/bulma-custom/elements/image/_variables.sass delete mode 100755 src/sass/bulma-custom/elements/notification/_custom.sass delete mode 100755 src/sass/bulma-custom/elements/notification/_variables.sass delete mode 100755 src/sass/bulma-custom/elements/other/_custom.sass delete mode 100755 src/sass/bulma-custom/elements/other/_variables.sass delete mode 100755 src/sass/bulma-custom/elements/progress/_custom.sass delete mode 100755 src/sass/bulma-custom/elements/progress/_variables.sass delete mode 100755 src/sass/bulma-custom/elements/table/_custom.sass delete mode 100755 src/sass/bulma-custom/elements/table/_variables.sass delete mode 100755 src/sass/bulma-custom/elements/tag/_custom.sass delete mode 100755 src/sass/bulma-custom/elements/tag/_variables.sass delete mode 100755 src/sass/bulma-custom/elements/title/_custom.sass delete mode 100755 src/sass/bulma-custom/elements/title/_variables.sass delete mode 100644 src/sass/bulma-custom/form/_custom.sass delete mode 100644 src/sass/bulma-custom/form/_variables.sass delete mode 100755 src/sass/bulma-custom/form/checkbox-radio/_custom.sass delete mode 100755 src/sass/bulma-custom/form/checkbox-radio/_variables.sass delete mode 100755 src/sass/bulma-custom/form/file/_custom.sass delete mode 100755 src/sass/bulma-custom/form/file/_variables.sass delete mode 100755 src/sass/bulma-custom/form/input-textarea/_custom.sass delete mode 100755 src/sass/bulma-custom/form/input-textarea/_variables.sass delete mode 100755 src/sass/bulma-custom/form/select/_custom.sass delete mode 100755 src/sass/bulma-custom/form/select/_variables.sass delete mode 100755 src/sass/bulma-custom/form/shared/_custom.sass delete mode 100755 src/sass/bulma-custom/form/shared/_variables.sass delete mode 100755 src/sass/bulma-custom/form/tools/_custom.sass delete mode 100755 src/sass/bulma-custom/form/tools/_variables.sass delete mode 100755 src/sass/bulma-custom/grid/_custom.sass delete mode 100755 src/sass/bulma-custom/grid/_variables.sass delete mode 100755 src/sass/bulma-custom/grid/columns/_custom.sass delete mode 100755 src/sass/bulma-custom/grid/columns/_variables.sass delete mode 100755 src/sass/bulma-custom/grid/tiles/_custom.sass delete mode 100755 src/sass/bulma-custom/grid/tiles/_variables.sass delete mode 100755 src/sass/bulma-custom/layout/_custom.sass delete mode 100755 src/sass/bulma-custom/layout/_variables.sass delete mode 100755 src/sass/bulma-custom/layout/footer/_custom.sass delete mode 100755 src/sass/bulma-custom/layout/footer/_variables.sass delete mode 100755 src/sass/bulma-custom/layout/hero/_custom.sass delete mode 100755 src/sass/bulma-custom/layout/hero/_variables.sass delete mode 100755 src/sass/bulma-custom/layout/section/_custom.sass delete mode 100755 src/sass/bulma-custom/layout/section/_variables.sass delete mode 100755 src/sass/theme-sass/_all.sass delete mode 100644 src/sass/theme-sass/_functions.sass delete mode 100755 src/sass/theme-sass/_helpers.sass delete mode 100755 src/sass/theme-sass/_mixins.sass delete mode 100644 src/sass/theme-sass/components/_all.sass delete mode 100644 src/sass/theme-sass/elements/_all.sass delete mode 100644 src/sass/theme-sass/layouts/_all.sass delete mode 100644 src/sass/theme-sass/miscellaneous.sass delete mode 100644 src/sass/theme-sass/variables/_all.sass delete mode 100644 src/sass/theme-sass/variables/_miscellaneous.sass delete mode 100644 src/sass/theme-sass/variables/_responsiveness.sass delete mode 100644 src/sass/theme-sass/variables/_typography.sass delete mode 100644 src/sass/theme-sass/variables/colors/_all.sass delete mode 100644 src/sass/theme-sass/variables/colors/_default.sass delete mode 100755 src/sass/theme-sass/variables/colors/_social.sass diff --git a/README.md b/README.md index d462014..f10b4ce 100644 --- a/README.md +++ b/README.md @@ -1,26 +1,34 @@ -# [Bulma Boilerplate](https://creativebulma.net/) -The official CreativeBulma Template Boilerplate. +# Introduction +This components has been developped as a [Bulma](https://bulma.io) extension and brings **a full-featured user interface for managing tags** to your project. -This project provides a starter-kit to ease your Bulma.io template development based on the last [Bulma.io](https://bulma.io) version, [Gulp](https://gulpjs.com/) as build processor and [Jekyll](https://jekyllrb.com/) to provide a demo site for your template. +[![npm](https://img.shields.io/npm/v/@creativebulma/bulma-tagsinput.svg)](https://www.npmjs.com/package/@creativebulma/bulma-tagsinput) +[![npm](https://img.shields.io/npm/dm/@creativebulma/bulma-tagsinput.svg)](https://www.npmjs.com/package/@creativebulma/bulma-tagsinput) +[![](https://data.jsdelivr.com/v1/package/npm/@creativebulma/bulma-tagsinput/badge)](https://www.jsdelivr.com/package/npm/@creativebulma/bulma-tagsinput) -Create your own customized Bulma template with this well organised starter project. - -For more information see our post on [CreativeBulma](https://creativebulma.net/blog/start-creating-bulma-template-with-ease). +--- +## Prerequisites +This component extends [Bulma CSS Framework](https://bulma.io) and requires it to work. +## Get Started ```shell -npm install -g create-project +npm i -D @creativebulma/bulma-tagsinput ``` +Full installation steps can be found here: [installation steps](https://demo.creativebulma.net/components/tagsinput/1.0/get-started) -Create a new project -```shell -create-project new-project-name @creativebulma/bulma-boilerplate -``` +## Documentation & Demo +Full documentation and demo are available [here](https://demo.creativebulma.net/components/tagsinput/1.0/) + +## About the project +BulmaTagsInput is © 2020 by [CreativeBulma](https://creativebulma.net). + +**If you enjoy this component, have a look at our [MarketPlace](https://creativebulma.net) and discover Free and Premium Bulma components and Templates.** + +## License +BulmaTagsInput is distributed under [MIT](https://github.com/CreativeBulma/bulma-tagsinput/blob/master/LICENSE) license. + +## Contributing +**Contribution are welcome!** +You found a bug, a typo issue ? Feel free to create a PR on the [github repository](https://github.com/CreativeBulma/bulma-tagsinput/) of this project. -## Documentation -There is 2 ways to access to the documentation: -1. Directly open the file `docs/index.html` within your favorite browser -2. Execute the command (this command will run a local webserver powered by Hugo) - ```shell - npm run doc - ``` \ No newline at end of file +When contributing to this project, please first discuss the change you wish to make via issue on the [github repository](https://github.com/CreativeBulma/bulma-tagsinput/issues), email, or any other method with the owners of this project before making a change. \ No newline at end of file diff --git a/babel.config.js b/babel.config.js index b9ca47c..ec679f4 100644 --- a/babel.config.js +++ b/babel.config.js @@ -2,6 +2,7 @@ module.exports = { presets: [ ['@babel/env'], ['minify', { + 'builtIns': false, 'keepClassName': true, 'keepFnName': true }] diff --git a/dist/css/bulma-tagsinput.css b/dist/css/bulma-tagsinput.css new file mode 100755 index 0000000..0cf279f --- /dev/null +++ b/dist/css/bulma-tagsinput.css @@ -0,0 +1,498 @@ +/*! @creativebulma/bulma-tagsinput v1.0.0 | (c) 2020 Gaetan | MIT License | https://github.com/CreativeBulma/bulma-tagsinput */ +@-webkit-keyframes spinAround { + from { + transform: rotate(0deg); + } + to { + transform: rotate(359deg); + } +} + +@keyframes spinAround { + from { + transform: rotate(0deg); + } + to { + transform: rotate(359deg); + } +} + +/* line 250, node_modules/bulma/sass/utilities/mixins.sass */ +.tags-input .dropdown-menu .dropdown-content.is-loading::after { + -webkit-animation: spinAround 500ms infinite linear; + animation: spinAround 500ms infinite linear; + border: 2px solid #dbdbdb; + border-radius: 290486px; + border-right-color: transparent; + border-top-color: transparent; + content: ""; + display: block; + height: 1em; + position: relative; + width: 1em; +} + +/* line 40, node_modules/bulma/sass/utilities/controls.sass */ +.tags-input { + -moz-appearance: none; + -webkit-appearance: none; + align-items: center; + border: 1px solid transparent; + border-radius: 4px; + box-shadow: none; + display: inline-flex; + font-size: 1rem; + height: 2.5em; + justify-content: flex-start; + line-height: 1.5; + padding-bottom: calc(0.5em - 1px); + padding-left: calc(0.75em - 1px); + padding-right: calc(0.75em - 1px); + padding-top: calc(0.5em - 1px); + position: relative; + vertical-align: top; +} + +/* line 31, node_modules/bulma/sass/utilities/controls.sass */ +.tags-input:focus, .is-focused.tags-input, .tags-input:active, .is-active.tags-input { + outline: none; +} + +/* line 36, node_modules/bulma/sass/utilities/controls.sass */ +.tags-input[disabled], +fieldset[disabled] .tags-input { + cursor: not-allowed; +} + +/* line 63, src/sass/app.sass */ +.tags-input { + background-color: white; + border-color: #dbdbdb; + border-radius: 4px; + color: #363636; +} + +/* line 68, node_modules/bulma/sass/utilities/mixins.sass */ +.tags-input::-moz-placeholder { + color: rgba(54, 54, 54, 0.3); +} + +/* line 68, node_modules/bulma/sass/utilities/mixins.sass */ +.tags-input::-webkit-input-placeholder { + color: rgba(54, 54, 54, 0.3); +} + +/* line 68, node_modules/bulma/sass/utilities/mixins.sass */ +.tags-input:-moz-placeholder { + color: rgba(54, 54, 54, 0.3); +} + +/* line 68, node_modules/bulma/sass/utilities/mixins.sass */ +.tags-input:-ms-input-placeholder { + color: rgba(54, 54, 54, 0.3); +} + +/* line 45, src/sass/app.sass */ +.tags-input:hover, .is-hovered.tags-input { + border-color: #b5b5b5; +} + +/* line 48, src/sass/app.sass */ +.tags-input:focus, .is-focused.tags-input, .tags-input:active, .is-active.tags-input { + border-color: #3273dc; + box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); +} + +/* line 54, src/sass/app.sass */ +.tags-input[disabled], +fieldset[disabled] .tags-input { + background-color: whitesmoke; + border-color: whitesmoke; + box-shadow: none; + color: #7a7a7a; +} + +/* line 68, node_modules/bulma/sass/utilities/mixins.sass */ +.tags-input[disabled]::-moz-placeholder, +fieldset[disabled] .tags-input::-moz-placeholder { + color: rgba(122, 122, 122, 0.3); +} + +/* line 68, node_modules/bulma/sass/utilities/mixins.sass */ +.tags-input[disabled]::-webkit-input-placeholder, +fieldset[disabled] .tags-input::-webkit-input-placeholder { + color: rgba(122, 122, 122, 0.3); +} + +/* line 68, node_modules/bulma/sass/utilities/mixins.sass */ +.tags-input[disabled]:-moz-placeholder, +fieldset[disabled] .tags-input:-moz-placeholder { + color: rgba(122, 122, 122, 0.3); +} + +/* line 68, node_modules/bulma/sass/utilities/mixins.sass */ +.tags-input[disabled]:-ms-input-placeholder, +fieldset[disabled] .tags-input:-ms-input-placeholder { + color: rgba(122, 122, 122, 0.3); +} + +/* line 85, src/sass/app.sass */ +.dropdown { + display: inline-flex; + position: relative; + vertical-align: top; +} + +/* line 91, src/sass/app.sass */ +.dropdown.is-active .dropdown-menu, .dropdown.is-hoverable:hover .dropdown-menu { + display: block; +} + +/* line 94, src/sass/app.sass */ +.dropdown.is-right .dropdown-menu { + left: auto; + right: 0; +} + +/* line 98, src/sass/app.sass */ +.dropdown.is-up .dropdown-menu { + bottom: 100%; + padding-bottom: 4px; + padding-top: initial; + top: auto; +} + +/* line 104, src/sass/app.sass */ +.dropdown-menu { + display: none; + left: 0; + min-width: 12rem; + padding-top: 4px; + position: absolute; + top: 100%; + z-index: 20; +} + +/* line 113, src/sass/app.sass */ +.dropdown-content { + background-color: white; + border-radius: 4px; + box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02); + padding-bottom: 0.5rem; + padding-top: 0.5rem; +} + +/* line 120, src/sass/app.sass */ +.dropdown-item { + color: #4a4a4a; + display: block; + font-size: 0.875rem; + line-height: 1.5; + padding: 0.375rem 1rem; + position: relative; +} + +/* line 128, src/sass/app.sass */ +a.dropdown-item, +button.dropdown-item { + padding-right: 3rem; + text-align: left; + white-space: nowrap; + width: 100%; +} + +/* line 134, src/sass/app.sass */ +a.dropdown-item:hover, +button.dropdown-item:hover { + background-color: whitesmoke; + color: #0a0a0a; +} + +/* line 137, src/sass/app.sass */ +a.dropdown-item.is-active, +button.dropdown-item.is-active { + background-color: #3273dc; + color: #fff; +} + +/* line 141, src/sass/app.sass */ +.dropdown-divider { + background-color: #ededed; + border: none; + display: block; + height: 1px; + margin: 0.5rem 0; +} + +/* line 153, src/sass/app.sass */ +.tags-input { + align-content: flex-start; + display: flex; + flex-wrap: wrap; + height: auto; + min-height: 2.5em; + padding: 0; + position: relative; +} + +/* line 163, src/sass/app.sass */ +.tags-input .tag { + font-size: 1rem; + margin: .1rem; +} + +/* line 166, src/sass/app.sass */ +.tags-input .tag:hover { + cursor: pointer; +} + +/* line 168, src/sass/app.sass */ +.tags-input .tag.is-selected { + background-color: #00d1b2; + color: #fff; +} + +/* line 172, src/sass/app.sass */ +.tags-input .tag.is-duplicate { + -webkit-animation: blinker 0.75s linear infinite; + animation: blinker 0.75s linear infinite; +} + +/* line 175, src/sass/app.sass */ +.tags-input .input { + border-color: transparent; + box-shadow: none; + display: inline-block; + flex: 1 0 auto; + height: 2.3rem; + margin: .1rem; + width: auto; +} + +/* line 185, src/sass/app.sass */ +.tags-input.is-filter input { + color: rgba(54, 54, 54, 0.3); +} + +/* line 68, node_modules/bulma/sass/utilities/mixins.sass */ +.tags-input.is-filter input::-moz-placeholder { + color: rgba(54, 54, 54, 0.3); +} + +/* line 68, node_modules/bulma/sass/utilities/mixins.sass */ +.tags-input.is-filter input::-webkit-input-placeholder { + color: rgba(54, 54, 54, 0.3); +} + +/* line 68, node_modules/bulma/sass/utilities/mixins.sass */ +.tags-input.is-filter input:-moz-placeholder { + color: rgba(54, 54, 54, 0.3); +} + +/* line 68, node_modules/bulma/sass/utilities/mixins.sass */ +.tags-input.is-filter input:-ms-input-placeholder { + color: rgba(54, 54, 54, 0.3); +} + +/* line 191, src/sass/app.sass */ +.tags-input.no-input input { + color: transparent; + text-shadow: 0 0 0 rgba(54, 54, 54, 0.3); +} + +/* line 68, node_modules/bulma/sass/utilities/mixins.sass */ +.tags-input.no-input input::-moz-placeholder { + color: rgba(54, 54, 54, 0.3); + text-shadow: none; +} + +/* line 68, node_modules/bulma/sass/utilities/mixins.sass */ +.tags-input.no-input input::-webkit-input-placeholder { + color: rgba(54, 54, 54, 0.3); + text-shadow: none; +} + +/* line 68, node_modules/bulma/sass/utilities/mixins.sass */ +.tags-input.no-input input:-moz-placeholder { + color: rgba(54, 54, 54, 0.3); + text-shadow: none; +} + +/* line 68, node_modules/bulma/sass/utilities/mixins.sass */ +.tags-input.no-input input:-ms-input-placeholder { + color: rgba(54, 54, 54, 0.3); + text-shadow: none; +} + +/* line 199, src/sass/app.sass */ +.tags-input .dropdown-menu { + width: 100%; +} + +/* line 202, src/sass/app.sass */ +.tags-input .dropdown-menu .dropdown-content { + max-height: 250px; + overflow: hidden; + overflow-y: auto; +} + +/* line 208, src/sass/app.sass */ +.tags-input .dropdown-menu .dropdown-content.is-loading::after { + left: 50%; + position: absolute !important; + top: 50%; + transform: translate(-50%, -50%); + z-index: 4; +} + +/* line 215, src/sass/app.sass */ +.tags-input .dropdown-menu .dropdown-content.is-loading::before { + background-color: rgba(245, 245, 245, 0.5); + content: ""; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 3; +} + +/* line 227, src/sass/app.sass */ +.tags-input .dropdown-menu .dropdown-item:not(.empty-title):hover { + cursor: pointer; +} + +/* line 230, src/sass/app.sass */ +.tags-input .dropdown-menu .dropdown-item.empty-title { + color: #7a7a7a; + text-align: center; +} + +/* line 234, src/sass/app.sass */ +.tags-input .dropdown-menu .dropdown-item.empty-title:hover { + background: inherit; + color: #7a7a7a; +} + +/* line 239, src/sass/app.sass */ +.tags-input .dropdown-menu .dropdown-item mark.is-highlighted { + background-color: #ffdd57; +} + +/* line 243, src/sass/app.sass */ +.tags-input.is-small .tag { + font-size: 0.75rem; +} + +/* line 245, src/sass/app.sass */ +.tags-input.is-small .input { + border-radius: 2px; + font-size: 0.75rem; +} + +/* line 248, src/sass/app.sass */ +.tags-input.is-medium .tag { + font-size: 1.25rem; +} + +/* line 250, src/sass/app.sass */ +.tags-input.is-medium .input { + font-size: 1.25rem; +} + +/* line 253, src/sass/app.sass */ +.tags-input.is-large .tag { + font-size: 1.5rem; +} + +/* line 255, src/sass/app.sass */ +.tags-input.is-large .input { + font-size: 1.5rem; +} + +/* line 258, src/sass/app.sass */ +.tags-input.is-disabled, .tags-input[disabled] { + background-color: whitesmoke; + border-color: whitesmoke; + box-shadow: none; + color: #7a7a7a; + cursor: not-allowed; +} + +/* line 266, src/sass/app.sass */ +.tags-input.is-disabled .tag, .tags-input[disabled] .tag { + background-color: ligthen(whitesmoke, 5%); + color: #7a7a7a; + cursor: not-allowed; +} + +/* line 270, src/sass/app.sass */ +.tags-input.is-disabled .tag .delete, .tags-input[disabled] .tag .delete { + background-color: #e8e8e8; + border-color: #e8e8e8; + box-shadow: none; + color: #7a7a7a; + cursor: not-allowed; +} + +/* line 277, src/sass/app.sass */ +.tags-input.is-disabled .input, .tags-input[disabled] .input { + background-color: whitesmoke; + border-color: whitesmoke; + box-shadow: none; + color: #7a7a7a; +} + +/* line 68, node_modules/bulma/sass/utilities/mixins.sass */ +.tags-input.is-disabled .input::-moz-placeholder, .tags-input[disabled] .input::-moz-placeholder { + color: rgba(122, 122, 122, 0.3); +} + +/* line 68, node_modules/bulma/sass/utilities/mixins.sass */ +.tags-input.is-disabled .input::-webkit-input-placeholder, .tags-input[disabled] .input::-webkit-input-placeholder { + color: rgba(122, 122, 122, 0.3); +} + +/* line 68, node_modules/bulma/sass/utilities/mixins.sass */ +.tags-input.is-disabled .input:-moz-placeholder, .tags-input[disabled] .input:-moz-placeholder { + color: rgba(122, 122, 122, 0.3); +} + +/* line 68, node_modules/bulma/sass/utilities/mixins.sass */ +.tags-input.is-disabled .input:-ms-input-placeholder, .tags-input[disabled] .input:-ms-input-placeholder { + color: rgba(122, 122, 122, 0.3); +} + +/* line 287, src/sass/app.sass */ +.tags-input[readonly] .input { + box-shadow: none; +} + +/* line 291, src/sass/app.sass */ +.tags-input.is-active .dropdown-menu { + display: block; +} + +@-webkit-keyframes blinker { + 0% { + opacity: 1.0; + } + 50% { + opacity: 0.0; + } + 100% { + opacity: 1.0; + } +} + +@keyframes blinker { + 0% { + opacity: 1.0; + } + 50% { + opacity: 0.0; + } + 100% { + opacity: 1.0; + } +} diff --git a/dist/css/bulma-tagsinput.min.css b/dist/css/bulma-tagsinput.min.css new file mode 100755 index 0000000..492a54d --- /dev/null +++ b/dist/css/bulma-tagsinput.min.css @@ -0,0 +1,2 @@ +/*! @creativebulma/bulma-tagsinput v1.0.0 | (c) 2020 Gaetan | MIT License | https://github.com/CreativeBulma/bulma-tagsinput */ +@keyframes a{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}.tags-input .dropdown-menu .dropdown-content.is-loading:after{animation:a .5s infinite linear;border:2px solid #dbdbdb;border-radius:290486px;border-right-color:transparent;border-top-color:transparent;content:"";display:block;height:1em;width:1em}.tags-input{-moz-appearance:none;-webkit-appearance:none;align-items:center;border:1px solid transparent;box-shadow:none;font-size:1rem;justify-content:flex-start;line-height:1.5;vertical-align:top}.is-active.tags-input,.is-focused.tags-input,.tags-input:active,.tags-input:focus{outline:0}.tags-input[disabled],fieldset[disabled] .tags-input{cursor:not-allowed}.tags-input{background-color:#fff;border-color:#dbdbdb;border-radius:4px;color:#363636}.tags-input::-moz-placeholder{color:rgba(54,54,54,.3)}.tags-input::-webkit-input-placeholder{color:rgba(54,54,54,.3)}.tags-input:-moz-placeholder{color:rgba(54,54,54,.3)}.tags-input:-ms-input-placeholder{color:rgba(54,54,54,.3)}.is-hovered.tags-input,.tags-input:hover{border-color:#b5b5b5}.is-active.tags-input,.is-focused.tags-input,.tags-input:active,.tags-input:focus{border-color:#3273dc;box-shadow:0 0 0 .125em rgba(50,115,220,.25)}.tags-input[disabled],fieldset[disabled] .tags-input{background-color:#f5f5f5;border-color:#f5f5f5;box-shadow:none;color:#7a7a7a}.tags-input[disabled]::-moz-placeholder,fieldset[disabled] .tags-input::-moz-placeholder{color:hsla(0,0%,48%,.3)}.tags-input[disabled]::-webkit-input-placeholder,fieldset[disabled] .tags-input::-webkit-input-placeholder{color:hsla(0,0%,48%,.3)}.tags-input[disabled]:-moz-placeholder,fieldset[disabled] .tags-input:-moz-placeholder{color:hsla(0,0%,48%,.3)}.tags-input[disabled]:-ms-input-placeholder,fieldset[disabled] .tags-input:-ms-input-placeholder{color:hsla(0,0%,48%,.3)}.dropdown{display:inline-flex;position:relative;vertical-align:top}.dropdown.is-active .dropdown-menu,.dropdown.is-hoverable:hover .dropdown-menu{display:block}.dropdown.is-right .dropdown-menu{left:auto;right:0}.dropdown.is-up .dropdown-menu{bottom:100%;padding-bottom:4px;padding-top:0;top:auto}.dropdown-menu{display:none;left:0;min-width:12rem;padding-top:4px;position:absolute;top:100%;z-index:3}.dropdown-content{background-color:#fff;border-radius:4px;box-shadow:0 .5em 1em -.125em hsla(0,0%,4%,.1),0 0 0 1px hsla(0,0%,4%,.02);padding-bottom:.5rem;padding-top:.5rem}.dropdown-item{color:#4a4a4a;display:block;font-size:.875rem;line-height:1.5;padding:.375rem 1rem;position:relative}a.dropdown-item,button.dropdown-item{padding-right:3rem;text-align:left;white-space:nowrap;width:100%}a.dropdown-item:hover,button.dropdown-item:hover{background-color:#f5f5f5;color:#0a0a0a}a.dropdown-item.is-active,button.dropdown-item.is-active{background-color:#3273dc;color:#fff}.dropdown-divider{background-color:#ededed;border:none;display:block;height:1px;margin:.5rem 0}.tags-input{align-content:flex-start;display:flex;flex-wrap:wrap;height:auto;min-height:2.5em;padding:0;position:relative}.tags-input .tag{font-size:1rem;margin:.1rem}.tags-input .tag:hover{cursor:pointer}.tags-input .tag.is-selected{background-color:#00d1b2;color:#fff}.tags-input .tag.is-duplicate{animation:b .75s linear infinite}.tags-input .input{border-color:transparent;box-shadow:none;display:inline-block;flex:1 0 auto;height:2.3rem;margin:.1rem;width:auto}.tags-input.is-filter input{color:rgba(54,54,54,.3)}.tags-input.is-filter input::-moz-placeholder{color:rgba(54,54,54,.3)}.tags-input.is-filter input::-webkit-input-placeholder{color:rgba(54,54,54,.3)}.tags-input.is-filter input:-moz-placeholder{color:rgba(54,54,54,.3)}.tags-input.is-filter input:-ms-input-placeholder{color:rgba(54,54,54,.3)}.tags-input.no-input input{color:transparent;text-shadow:0 0 0 rgba(54,54,54,.3)}.tags-input.no-input input::-moz-placeholder{color:rgba(54,54,54,.3);text-shadow:none}.tags-input.no-input input::-webkit-input-placeholder{color:rgba(54,54,54,.3);text-shadow:none}.tags-input.no-input input:-moz-placeholder{color:rgba(54,54,54,.3);text-shadow:none}.tags-input.no-input input:-ms-input-placeholder{color:rgba(54,54,54,.3);text-shadow:none}.tags-input .dropdown-menu{width:100%}.tags-input .dropdown-menu .dropdown-content{max-height:250px;overflow:hidden;overflow-y:auto}.tags-input .dropdown-menu .dropdown-content.is-loading:after{left:50%;position:absolute!important;top:50%;transform:translate(-50%,-50%);z-index:2}.tags-input .dropdown-menu .dropdown-content.is-loading:before{background-color:hsla(0,0%,96%,.5);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.tags-input .dropdown-menu .dropdown-item:not(.empty-title):hover{cursor:pointer}.tags-input .dropdown-menu .dropdown-item.empty-title{color:#7a7a7a;text-align:center}.tags-input .dropdown-menu .dropdown-item.empty-title:hover{background:inherit;color:#7a7a7a}.tags-input .dropdown-menu .dropdown-item mark.is-highlighted{background-color:#ffdd57}.tags-input.is-small .tag{font-size:.75rem}.tags-input.is-small .input{border-radius:2px;font-size:.75rem}.tags-input.is-medium .input,.tags-input.is-medium .tag{font-size:1.25rem}.tags-input.is-large .input,.tags-input.is-large .tag{font-size:1.5rem}.tags-input.is-disabled,.tags-input[disabled]{background-color:#f5f5f5;border-color:#f5f5f5;box-shadow:none;color:#7a7a7a;cursor:not-allowed}.tags-input.is-disabled .tag,.tags-input[disabled] .tag{background-color:ligthen(#f5f5f5,5%);color:#7a7a7a;cursor:not-allowed}.tags-input.is-disabled .tag .delete,.tags-input[disabled] .tag .delete{background-color:#e8e8e8;border-color:#e8e8e8;box-shadow:none;color:#7a7a7a;cursor:not-allowed}.tags-input.is-disabled .input,.tags-input[disabled] .input{background-color:#f5f5f5;border-color:#f5f5f5;box-shadow:none;color:#7a7a7a}.tags-input.is-disabled .input::-moz-placeholder,.tags-input[disabled] .input::-moz-placeholder{color:hsla(0,0%,48%,.3)}.tags-input.is-disabled .input::-webkit-input-placeholder,.tags-input[disabled] .input::-webkit-input-placeholder{color:hsla(0,0%,48%,.3)}.tags-input.is-disabled .input:-moz-placeholder,.tags-input[disabled] .input:-moz-placeholder{color:hsla(0,0%,48%,.3)}.tags-input.is-disabled .input:-ms-input-placeholder,.tags-input[disabled] .input:-ms-input-placeholder{color:hsla(0,0%,48%,.3)}.tags-input[readonly] .input{box-shadow:none}.tags-input.is-active .dropdown-menu{display:block}@keyframes b{0%{opacity:1}50%{opacity:0}to{opacity:1}} \ No newline at end of file diff --git a/dist/js/bulma-tagsinput.js b/dist/js/bulma-tagsinput.js new file mode 100644 index 0000000..6673d1e --- /dev/null +++ b/dist/js/bulma-tagsinput.js @@ -0,0 +1,758 @@ +/*! @creativebulma/bulma-tagsinput v1.0.0 | (c) 2020 Gaetan | MIT License | https://github.com/CreativeBulma/bulma-tagsinput */ +(function webpackUniversalModuleDefinition(root, factory) { + if(typeof exports === 'object' && typeof module === 'object') + module.exports = factory(); + else if(typeof define === 'function' && define.amd) + define("BulmaTagsInput", [], factory); + else if(typeof exports === 'object') + exports["BulmaTagsInput"] = factory(); + else + root["BulmaTagsInput"] = factory(); +})(window, function() { +return /******/ (function(modules) { // webpackBootstrap +/******/ // The module cache +/******/ var installedModules = {}; +/******/ +/******/ // The require function +/******/ function __webpack_require__(moduleId) { +/******/ +/******/ // Check if module is in cache +/******/ if(installedModules[moduleId]) { +/******/ return installedModules[moduleId].exports; +/******/ } +/******/ // Create a new module (and put it into the cache) +/******/ var module = installedModules[moduleId] = { +/******/ i: moduleId, +/******/ l: false, +/******/ exports: {} +/******/ }; +/******/ +/******/ // Execute the module function +/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); +/******/ +/******/ // Flag the module as loaded +/******/ module.l = true; +/******/ +/******/ // Return the exports of the module +/******/ return module.exports; +/******/ } +/******/ +/******/ +/******/ // expose the modules object (__webpack_modules__) +/******/ __webpack_require__.m = modules; +/******/ +/******/ // expose the module cache +/******/ __webpack_require__.c = installedModules; +/******/ +/******/ // define getter function for harmony exports +/******/ __webpack_require__.d = function(exports, name, getter) { +/******/ if(!__webpack_require__.o(exports, name)) { +/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter }); +/******/ } +/******/ }; +/******/ +/******/ // define __esModule on exports +/******/ __webpack_require__.r = function(exports) { +/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { +/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); +/******/ } +/******/ Object.defineProperty(exports, '__esModule', { value: true }); +/******/ }; +/******/ +/******/ // create a fake namespace object +/******/ // mode & 1: value is a module id, require it +/******/ // mode & 2: merge all properties of value into the ns +/******/ // mode & 4: return value when already ns object +/******/ // mode & 8|1: behave like require +/******/ __webpack_require__.t = function(value, mode) { +/******/ if(mode & 1) value = __webpack_require__(value); +/******/ if(mode & 8) return value; +/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; +/******/ var ns = Object.create(null); +/******/ __webpack_require__.r(ns); +/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); +/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); +/******/ return ns; +/******/ }; +/******/ +/******/ // getDefaultExport function for compatibility with non-harmony modules +/******/ __webpack_require__.n = function(module) { +/******/ var getter = module && module.__esModule ? +/******/ function getDefault() { return module['default']; } : +/******/ function getModuleExports() { return module; }; +/******/ __webpack_require__.d(getter, 'a', getter); +/******/ return getter; +/******/ }; +/******/ +/******/ // Object.prototype.hasOwnProperty.call +/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; +/******/ +/******/ // __webpack_public_path__ +/******/ __webpack_require__.p = ""; +/******/ +/******/ +/******/ // Load entry module and return exports +/******/ return __webpack_require__(__webpack_require__.s = 13); +/******/ }) +/************************************************************************/ +/******/ ([ +/* 0 */ +/***/ (function(module, exports) { + +function _interopRequireDefault(obj) { + return obj && obj.__esModule ? obj : { + "default": obj + }; +} + +module.exports = _interopRequireDefault; + +/***/ }), +/* 1 */ +/***/ (function(module, exports) { + +function _classCallCheck(instance, Constructor) { + if (!(instance instanceof Constructor)) { + throw new TypeError("Cannot call a class as a function"); + } +} + +module.exports = _classCallCheck; + +/***/ }), +/* 2 */ +/***/ (function(module, exports) { + +function _defineProperties(target, props) { + for (var i = 0; i < props.length; i++) { + var descriptor = props[i]; + descriptor.enumerable = descriptor.enumerable || false; + descriptor.configurable = true; + if ("value" in descriptor) descriptor.writable = true; + Object.defineProperty(target, descriptor.key, descriptor); + } +} + +function _createClass(Constructor, protoProps, staticProps) { + if (protoProps) _defineProperties(Constructor.prototype, protoProps); + if (staticProps) _defineProperties(Constructor, staticProps); + return Constructor; +} + +module.exports = _createClass; + +/***/ }), +/* 3 */ +/***/ (function(module, exports) { + +function _assertThisInitialized(self) { + if (self === void 0) { + throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); + } + + return self; +} + +module.exports = _assertThisInitialized; + +/***/ }), +/* 4 */ +/***/ (function(module, exports) { + +function _getPrototypeOf(o) { + module.exports = _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { + return o.__proto__ || Object.getPrototypeOf(o); + }; + return _getPrototypeOf(o); +} + +module.exports = _getPrototypeOf; + +/***/ }), +/* 5 */ +/***/ (function(module, exports, __webpack_require__) { + +var setPrototypeOf = __webpack_require__(16); + +function _inherits(subClass, superClass) { + if (typeof superClass !== "function" && superClass !== null) { + throw new TypeError("Super expression must either be null or a function"); + } + + subClass.prototype = Object.create(superClass && superClass.prototype, { + constructor: { + value: subClass, + writable: true, + configurable: true + } + }); + if (superClass) setPrototypeOf(subClass, superClass); +} + +module.exports = _inherits; + +/***/ }), +/* 6 */ +/***/ (function(module, exports, __webpack_require__) { + +var _typeof = __webpack_require__(7); + +var assertThisInitialized = __webpack_require__(3); + +function _possibleConstructorReturn(self, call) { + if (call && (_typeof(call) === "object" || typeof call === "function")) { + return call; + } + + return assertThisInitialized(self); +} + +module.exports = _possibleConstructorReturn; + +/***/ }), +/* 7 */ +/***/ (function(module, exports) { + +function _typeof(obj) { + "@babel/helpers - typeof"; + + if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { + module.exports = _typeof = function _typeof(obj) { + return typeof obj; + }; + } else { + module.exports = _typeof = function _typeof(obj) { + return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; + }; + } + + return _typeof(obj); +} + +module.exports = _typeof; + +/***/ }), +/* 8 */ +/***/ (function(module, exports) { + +function _defineProperty(obj, key, value) { + if (key in obj) { + Object.defineProperty(obj, key, { + value: value, + enumerable: true, + configurable: true, + writable: true + }); + } else { + obj[key] = value; + } + + return obj; +} + +module.exports = _defineProperty; + +/***/ }), +/* 9 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; +var _interopRequireDefault=__webpack_require__(0);Object.defineProperty(exports,"__esModule",{value:!0}),exports.cloneAttributes=exports.optionsFromDataset=exports.querySelectorAll=exports.querySelector=void 0;var _toConsumableArray2=_interopRequireDefault(__webpack_require__(19)),_defineProperty2=_interopRequireDefault(__webpack_require__(8)),_type=__webpack_require__(11);function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c arr.length) len = arr.length; + + for (var i = 0, arr2 = new Array(len); i < len; i++) { + arr2[i] = arr[i]; + } + + return arr2; +} + +module.exports = _arrayLikeToArray; + +/***/ }), +/* 11 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; +var _interopRequireDefault=__webpack_require__(0);Object.defineProperty(exports,"__esModule",{value:!0}),exports.isSelectorValid=exports.BooleanParse=exports.isNode=exports.isPromise=exports.isObject=exports.isString=exports.isFunction=void 0;var _typeof2=_interopRequireDefault(__webpack_require__(7)),isFunction=function isFunction(a){return"function"==typeof a};exports.isFunction=isFunction;var isString=function isString(a){return"string"==typeof a||!!a&&"object"===(0,_typeof2["default"])(a)&&"[object String]"===Object.prototype.toString.call(a)};exports.isString=isString;var isObject=function isObject(a){return("function"==typeof a||"object"===(0,_typeof2["default"])(a)&&!!a)&&!Array.isArray(a)};// Returns true if the value has a "then" function. Adapted from +// https://github.com/graphql/graphql-js/blob/499a75939f70c4863d44149371d6a99d57ff7c35/src/jsutils/isPromise.js +exports.isObject=isObject;var isPromise=function isPromise(a){return!!(a&&"function"==typeof a.then)};exports.isPromise=isPromise;var isNode=function isNode(a){try{return Node.prototype.cloneNode.call(a,!1),!0}catch(a){return!1}};/** + * Convert String (false,False,True,true,no,yes,0,1) to real Boolean + * @param {String} val + */exports.isNode=isNode;var BooleanParse=function BooleanParse(a){return!/^(?:f(?:alse)?|no?|0+)$/i.test(a)&&!!a};/** + * Check if given query selector is valid + * @param {String} selector + */exports.BooleanParse=BooleanParse;var isSelectorValid=function isSelectorValid(a){var b=function queryCheck(a){return document.createDocumentFragment().querySelector(a)};try{b(a)}catch(a){return!1}return!0};exports.isSelectorValid=isSelectorValid; + +/***/ }), +/* 12 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; +Object.defineProperty(exports,"__esModule",{value:!0}),exports["default"]=void 0;var _default=function _default(a){return"\n ").concat(a.text,"\n ").concat(a.removable?"
":"","\n
")};exports["default"]=_default; + +/***/ }), +/* 13 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; +var _interopRequireDefault=__webpack_require__(0);Object.defineProperty(exports,"__esModule",{value:!0}),exports["default"]=void 0;var _classCallCheck2=_interopRequireDefault(__webpack_require__(1)),_createClass2=_interopRequireDefault(__webpack_require__(2)),_assertThisInitialized2=_interopRequireDefault(__webpack_require__(3)),_get2=_interopRequireDefault(__webpack_require__(14)),_inherits2=_interopRequireDefault(__webpack_require__(5)),_possibleConstructorReturn2=_interopRequireDefault(__webpack_require__(6)),_getPrototypeOf2=_interopRequireDefault(__webpack_require__(4)),_component=_interopRequireDefault(__webpack_require__(17)),_dom=__webpack_require__(9),_type=__webpack_require__(11),_defaultOptions=_interopRequireDefault(__webpack_require__(25)),_tag=_interopRequireDefault(__webpack_require__(12)),_wrapper=_interopRequireDefault(__webpack_require__(26)),_dropdownItem=_interopRequireDefault(__webpack_require__(27));function _createSuper(a){return function(){var b,c=(0,_getPrototypeOf2["default"])(a);if(_isNativeReflectConstruct()){var d=(0,_getPrototypeOf2["default"])(this).constructor;b=Reflect.construct(c,arguments,d)}else b=c.apply(this,arguments);return(0,_possibleConstructorReturn2["default"])(this,b)}}function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(a){return!1}}// TODO: add pattern or function to valdiate value before adding +var BulmaTagsInput=/*#__PURE__*/function(a){function BulmaTagsInput(a){var c,d=1=this.options.minChars&&("undefined"==typeof this.options.maxChars||b.length<=this.options.maxChars)}/** + * Close dropdown + */},{key:"_closeDropdown",value:function _closeDropdown(){this.dropdown&&(this.emit("before.dropdown.close",this),this.container.classList.remove("is-active"),this.emit("after.dropdown.close",this))}/** + * Create a new dropdown item based on given item data + * @param {String|Object} item + */},{key:"_createDropdownItem",value:function _createDropdownItem(a){if(this.dropdown){// TODO: add possibility to provide template through options +var b=document.createRange().createContextualFragment((0,_dropdownItem["default"])({text:a.text,value:a.value})),c=b.firstElementChild;c.dataset.value=a.value,c.dataset.text=a.text,c.addEventListener("click",this._onDropdownItemClick),this.dropdown.append(c)}}/** + * Create a new tag and add it to the DOM + * @param string value + */},{key:"_createTag",value:function _createTag(a){var b=document.createRange().createContextualFragment((0,_tag["default"])({removable:this.options.removable,style:this.options.tagClass,text:a.text,value:a.value})),c=b.firstElementChild;if(c.addEventListener("click",this._onTagClick),this.options.removable){// Find delete button and attach click event +var d=c.querySelector(".delete");d&&d.addEventListener("click",this._onTagDeleteClick)}// insert new tag at the end (ie just before input) +this.container.insertBefore(c,this.input)}/** + * Remove all dropdown items except the empty title + */},{key:"_emptyDropdown",value:function _emptyDropdown(){this.dropdown&&Array.from(this.dropdown.children).filter(function(a){return!a.classList.contains("empty-title")}).forEach(function(a){a.remove()})}/** + * Find needle into a string and wrap it with HTML tag + * @param {String} string + * @param {String} needle + */},{key:"_highlightMatchesInString",value:function _highlightMatchesInString(a,b){var c=new RegExp("("+b+")(?![^<]*>|[^<>]*".concat(f,"")),a}/** + * Open dropdown + */},{key:"_openDropdown",value:function _openDropdown(){this.dropdown&&this.container.classList.add("is-active")}/** + * Propagate internal input changes to the original input + */},{key:"_propagateChange",value:function _propagateChange(){var a=this;this._isSelect?(Array.from(this.element.options).forEach(function(a){a.setAttribute("selected",void 0),a.selected=!1,"undefined"!=typeof a.dataset.source&&a.remove()}),this.items.forEach(function(b){a._updateSelectOptions({value:a._objectItems?b[a.options.itemValue]:b,text:a._objectItems?b[a.options.itemText]:b})})):this.element.value=this.value;// Trigger Change event manually (because original input is now hidden) +// Trick: Passes current class constructor name to prevent loop with _onOriginalInputChange handler) +var b=new CustomEvent("change",{detail:this.constructor.name});this.element.dispatchEvent(b)}/** + * Trim value if option activated + * @param {string|object} item + */},{key:"_trim",value:function _trim(a){return this.options.trim&&(this._objectItems?((0,_type.isString)(a[this.options.itemValue])&&(a[this.options.itemValue]=a[this.options.itemValue].trim()),(0,_type.isString)(a[this.options.itemText])&&(a[this.options.itemText]=a[this.options.itemText].trim())):a=a.trim()),a}/** + * Filter Dropdown items to be compliant with already selected items and current input value + * Filtering is made on Text by default (can be changed with option) + */},{key:"_filterDropdownItems",value:function _filterDropdownItems(){var a=this,b=0]*>?/gm,"")),b&&b.length?(c.style.display=a.options.caseSensitive?d.includes(b)?"block":"none":d.toLowerCase().includes(b.toLowerCase())?"block":"none",a.options.highlightMatchesString&&(c.innerHTML=a._highlightMatchesInString(c.innerHTML,b))):c.style.display="block",!a.options.allowDuplicates||a._isSelect&&!a._isMultiple){var e="value"===a.options.searchOn?a.hasValue(d):a.hasText(d);c.style.display=e?"none":c.style.display}});var c=Array.from(this.dropdown.children).filter(function(a){return!a.classList.contains("empty-title")}).some(function(a){return"none"!==a.style.display});return this.dropdownEmptyOption.style.display=c?"none":"block",this.emit("after.dropdown.filter",this),c}return!0}/** + * Update original select option based on given item + * @param {String|Object} item + */},{key:"_updateSelectOptions",value:function _updateSelectOptions(a){if(this._isSelect){// Check to see if the tag exists in its raw or uri-encoded form +var b=this.element.querySelector("option[value=\"".concat(encodeURIComponent(a.value),"\"]"))||this.element.querySelector("option[value=\"".concat(a.value,"\"]"));// add