bootstrap-italia 2.1.1 → 2.2.0

package/src/js/plugins/util/observer.js

@@ -36,8 +36,10 @@ class CssClassObserver {
         if (this.ignoreToggle || this.lastClassState !== currentClassState) {
           this.lastClassState = currentClassState
           if (currentClassState) {
-            this.classAddedCallback()
-          } else {
+            if (typeof this.classAddedCallback === 'function') {
+              this.classAddedCallback()
+            }
+          } else if (typeof this.classRemovedCallback === 'function') {
             this.classRemovedCallback()
           }
         }
@@ -61,13 +63,15 @@ class ContentObserver {
     this.init()
   }
 
+  //public
+
   init() {
     this.observer = new MutationObserver((mutationsList) => this.mutationCallback(mutationsList))
     this.observe()
   }
 
   observe() {
-    this.observer.observe(this.targetNode, { childList: true })
+    this.observer.observe(this.targetNode, { childList: true, subtree: true })
   }
 
   disconnect() {
@@ -78,18 +82,28 @@ class ContentObserver {
     for (let mutation of mutationsList) {
       if (mutation.type === 'childList') {
         mutation.addedNodes.forEach((node) => {
-          if (node.matches(this.contentSelector)) {
-            this.contentAddedCallback()
-          }
+          this._callbackExec(node)
         })
         mutation.removedNodes.forEach((node) => {
-          if (node.matches(this.contentSelector)) {
-            this.contentRemovedCallback()
-          }
+          this._callbackExec(node, true)
         })
       }
     }
   }
+
+  //private
+  _callbackExec(node, actionRemove) {
+    const foundNodes = node.matches && node.matches(this.contentSelector) ? [node] : node.querySelectorAll ? node.querySelectorAll(this.contentSelector) : null
+    const callback =
+      actionRemove && typeof this.contentRemovedCallback === 'function'
+        ? this.contentRemovedCallback
+        : typeof this.contentAddedCallback === 'function'
+        ? this.contentAddedCallback
+        : null
+    if (foundNodes && callback) {
+      foundNodes.forEach((node) => callback(node))
+    }
+  }
 }
 
 export { CssClassObserver, ContentObserver }

package/src/js/version.js

@@ -1,5 +1,5 @@
 // bootstrap italia version variable
 // useful to check for the current version
 // eslint-disable-next-line no-unused-vars
-const BOOTSTRAP_ITALIA_VERSION = '2.1.1'
+const BOOTSTRAP_ITALIA_VERSION = '2.2.0'
 export default BOOTSTRAP_ITALIA_VERSION

package/src/scss/custom/_accessible-autocomplete.scss

@@ -1,3 +1,7 @@
+/* stylelint-disable */
+@import 'accessible-autocomplete/dist/accessible-autocomplete.min';
+/* stylelint-enable */
+
 .autocomplete__wrapper {
   .autocomplete__menu {
     border: $autocomplete-border;

package/src/scss/custom/_carousel.scss

@@ -1,3 +1,7 @@
+/* stylelint-disable */
+@import '@splidejs/splide/dist/css/splide-core.min';
+/* stylelint-enable */
+
 //mobile
 .it-carousel-wrapper {
   // splide pagination

package/src/scss/custom/_dimmer.scss

@@ -5,7 +5,7 @@
 }
 
 .dimmer {
-  display: none;
+  display: flex;
   background-color: #1f2933;
   opacity: 0.92;
   position: absolute;
@@ -16,6 +16,10 @@
   z-index: 1;
   padding: $v-gap * 4;
 
+  &[aria-hidden='true'] {
+    display: none;
+  }
+
   &.dimmer-primary {
     background-color: $primary;
     &.show {

package/src/scss/custom/_form-password.scss

@@ -20,3 +20,10 @@
     height: 4px;
   }
 }
+
+.password-caps {
+  display: none;
+  &.show {
+    display: block;
+  }
+}

package/src/scss/custom/_version.scss

@@ -1,3 +1,3 @@
 :root {
-  --bootstrap-italia-version: '2.1.1';
+  --bootstrap-italia-version: '2.2.0';
 }