@ilo-org/twig 1.5.0 → 1.6.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ilo-org/twig",
-  "version": "1.5.0",
+  "version": "1.6.0",
   "type": "module",
   "files": [
     "dist/**/*"
@@ -85,7 +85,7 @@
     "@ilo-org/fonts": "1.0.0",
     "@ilo-org/icons": "2.1.0",
     "@ilo-org/maestro": "1.0.1",
-    "@ilo-org/styles": "1.5.0",
+    "@ilo-org/styles": "1.6.0",
     "@ilo-org/themes": "0.9.1",
     "@ilo-org/utils": "0.1.1"
   },

package/dist/components/tags/tag.behavior.js

@@ -1,10 +0,0 @@
-(function () {
-  'use strict';
-
-  function e(e){let E=[...e.itemStatuses];return E.indexOf(e.id)>-1?E=E.filter(E=>E!==e.id):e.allowMultipleExpanded?E.push(e.id):E=[e.id],E}const d={ANIMATIONEND:"animationend",BEFOREUNLOAD:"beforeunload",BLUR:"blur",CHANGE:"change",CLEAR_FILTERS:"clearfilters",CLICK:"click",CUSTOM_EVENT:"customevent",DISPLAY_SUBHEADING:"displaysubheading",DROPDOWN_CHANGED:"dropdownchanged",FORM_ERROR:"formerror",FORM_SUCCESS:"formsuccess",FOCUS:"focus",HEADER_HIDING:"header-hiding",INDEX_CHANGED:"indexChanged",INPUT:"input",ITEMSLOADING:"itemsloading",ITEMSLOADED:"itemsloaded",KEY_DOWN:"keydown",MOUSEMOVE:"mousemove",MOUSEOUT:"mouseout",MOUSEOVER:"mouseover",PAGESHOW:"pageshow",PAUSE_VIDEO:"pausevideo",RENDERED:"rendered",REQUEST_MADE:"requestmade",RESIZE:"resize",RESULTS_RETURNED:"resultsreturnd",SCROLL:"scroll",SIMULATED_CLICK:"simulated-click",SHOW_HIDE:"showhide",SUBMIT:"submit",TOUCH_END:"touchend",TOUCH_START:"touchstart",TRANSITIONEND:"transitionend",TWEET_LOADED:"tweetLoaded",UPDATE_POST_COUNT:"updatepostcount",UPDATE_IN_VIEWPORT_MODULES:"updateinviewportmodules",UPDATE_SEARCH_WITH_NEW_ITEMS:"updatesearchwithnewitems",UPDATE_SETTINGS:"updatesettings",WHEEL:"wheel"};
-
-  class Tag{constructor(element){this.element=element;this.multipleActive=true;this.itemStatuses=[];this.init();}init(){this.cacheDomReferences().setupHandlers().enable();return this}cacheDomReferences(){this.buttonTags=this.element.querySelectorAll(".ilo--tag--button");this.multipleActive=this.element.getAttribute("data-multipleactive");this.buttonTags.forEach((button,i)=>{const expanded=button.dataset["active"];const id=this.buttonTags[i].getAttribute("id");if(expanded==="true"){this.itemStatuses=e({id,itemStatuses:this.itemStatuses,allowMultipleActive:this.multipleActive});}});return this}setupHandlers(){this.onClick=this.onClick.bind(this);this.updateTagItems=this.updateTagItems.bind(this);return this}enable(){if(this.buttonTags.length>0){this.buttonTags.forEach((button,i)=>{button.addEventListener(d.CLICK,()=>this.onClick(i));});}return this}onClick(i){const id=this.buttonTags[i].getAttribute("id");this.itemStatuses=e({id,itemStatuses:this.itemStatuses,allowMultipleacmultipleActive:this.multipleActive});this.removeParentDom(id);return this}removeParentDom(id){const buttonTag=document.getElementById(id);if(buttonTag){buttonTag.parentElement.remove();}return this}updateTagItems(){this.tags.forEach((item,i)=>{const id=item.getAttribute("id");const open=this.itemStatuses.indexOf(id)>-1;if(open){this.tags[i].classList.add("ilo--tag--active");this.tags[i].setAttribute("data-active","true");}else {this.tags[i].classList.remove("ilo--tag--active");this.tags[i].setAttribute("data-active","true");}});return this}}
-
-  Drupal.behaviors.tag={attach(){Array.prototype.forEach.call(document.querySelectorAll(`[data-loadcomponent="Tag"]`),element=>{if(!element.dataset.jsProcessed){new Tag(element);element.dataset.jsProcessed=true;}});}};
-
-})();

package/dist/components/tags/tag.component.yml

@@ -1,38 +0,0 @@
-tag:
-  namespace: Components/Navigation
-  use: "@components/tags/tag.twig"
-  label: Tag
-  description: A display an interactive tag
-  fields:
-    content:
-      type: text
-      label: Content
-      description: The tag text content.
-      preview: tag
-    elementId:
-      type: text
-      label: ID
-      description: The tag's id.
-      preview: elementId
-    url:
-      type: text
-      label: URL
-      description: The tag's url reference
-      preview: https://www.google.com/
-  settings:
-    defaultActive:
-      type: boolean
-      label: Default Active
-      description: The tag loads in an active state
-      preview: false
-      required: false
-    tagType:
-      type: select
-      label: Tag Type
-      description: The type of tag. Anchor and button have potential user interactions where display is static.
-      options:
-        anchor: Anchor
-        button: Button
-        display: Display
-      preview: display
-  visibility: storybook

package/dist/components/tags/tag.twig

@@ -1,30 +0,0 @@
-{#
-  TAG COMPONENT
-#}
-{% if tagType == "button" and defaultActive %}
-  <li class="ilo--tags__item">
-    <button class="ilo--tag ilo--tag--button ilo--tag--active icon__position--right" id="{{ elementId }}" data-active={{ defaultActive }} type="button">
-      {{content}}
-      <span class="ilo--icon" title="Remove"></span>
-    </button>
-  </li>
-{% elseif tagType == "reset" %}
-  <li class="ilo--tags__item">
-    <button class="ilo--tag ilo--tag--reset ilo--tag--active" id="{{ elementId }}" data-active={{ defaultActive }} type="button">
-      {{content}}
-    </button>
-  </li>
-{% elseif tagType == "anchor" %}
-<li class="ilo--tags__item">
-    <a class="ilo--tag ilo--tag--anchor {% if defaultActive %} ilo--tag--active{% endif %}" href="{{ url }}"  id="{{ elementId }}" data-active={{ defaultActive }}>
-      {{content}}
-    </a>
-</li>
-{% elseif tagType == "display" %}
-<li class="ilo--tags__item">
-  <span class="ilo--tag {% if defaultActive %} ilo--tag--active{% endif %}" id="{{ elementId }}" data-active={{ defaultActive }}>
-    {{content}}
-  </span>
-</li>
-{% else %}
-{% endif %}

package/dist/components/tags/tag.wingsuit.yml

@@ -1,38 +0,0 @@
-tag:
-  namespace: Components/Navigation
-  use: "@components/tags/tag.twig"
-  label: Tag
-  description: A display an interactive tag
-  fields:
-    content:
-      type: text
-      label: Content
-      description: The tag text content.
-      preview: tag
-    elementId:
-      type: text
-      label: ID
-      description: The tag's id.
-      preview: elementId
-    url:
-      type: text
-      label: URL
-      description: The tag's url reference
-      preview: https://www.google.com/
-  settings:
-    defaultActive:
-      type: boolean
-      label: Default Active
-      description: The tag loads in an active state
-      preview: false
-      required: false
-    tagType:
-      type: select
-      label: Tag Type
-      description: The type of tag. Anchor and button have potential user interactions where display is static.
-      options:
-        anchor: Anchor
-        button: Button
-        display: Display
-      preview: display
-  visibility: storybook