@ilo-org/twig 1.1.5 → 1.2.0

package/dist/components/icon/icon.twig

@@ -1,4 +1 @@
-{#
-  ICON COMPONENT
-#}
 <svg class="ilo--icon" data-name="{{name}}" data-size="{{size}}" data-color="{{color}}" data-loadcomponent="Icon"></svg>

package/dist/components/linklist/linklist.behavior.js

@@ -1 +1,8 @@
-!function(t){"function"==typeof define&&define.amd?define(t):t()}((function(){"use strict";function t(t){var e=function(t,e){if("object"!=typeof t||!t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==typeof e?e:e+""}function e(e,n){for(var r=0;r<n.length;r++){var i=n[r];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,t(i.key),i)}}function n(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function r(t,e){var r="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!r){if(Array.isArray(t)||(r=function(t,e){if(t){if("string"==typeof t)return n(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?n(t,e):void 0}}(t))||e&&t&&"number"==typeof t.length){r&&(t=r);var i=0,o=function(){};return{s:o,n:function(){return i>=t.length?{done:!0}:{done:!1,value:t[i++]}},e:function(t){throw t},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,u=!0,l=!1;return{s:function(){r=r.call(t)},n:function(){var t=r.next();return u=t.done,t},e:function(t){l=!0,a=t},f:function(){try{u||null==r.return||r.return()}finally{if(l)throw a}}}}var i=function(){return t=function t(e){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.element=e,this.prefix="".concat(this.element.dataset.prefix,"--link-list"),this.init()},(n=[{key:"init",value:function(){return this.append(),this}},{key:"append",value:function(){var t,e="a:not([target=_blank]).".concat(this.prefix,"--link"),n=this.element.querySelectorAll(e),i=window.location.origin,o=r(n);try{for(o.s();!(t=o.n()).done;){var a=t.value;new URL(a.href).origin!==i&&a.setAttribute("target","_blank")}}catch(t){o.e(t)}finally{o.f()}return this}}])&&e(t.prototype,n),i&&e(t,i),Object.defineProperty(t,"prototype",{writable:!1}),t;var t,n,i}();Drupal.behaviors.link={attach:function(){Array.prototype.forEach.call(document.querySelectorAll('[data-loadcomponent="LinkList"]'),(function(t){t.dataset.jsProcessed||(new i(t),t.dataset.jsProcessed=!0)}))}}}));
+(function () {
+  'use strict';
+
+  class LinkList{constructor(element){this.element=element;this.prefix=`${this.element.dataset.prefix}--link-list`;this.init();}init(){this.append();return this}append(){const selector=`a:not([target=_blank]).${this.prefix}--link`;const links=this.element.querySelectorAll(selector);const origin=window.location.origin;for(const link of links){if(new URL(link.href).origin!==origin){link.setAttribute("target","_blank");}}return this}}
+
+  Drupal.behaviors.link={attach(){Array.prototype.forEach.call(document.querySelectorAll(`[data-loadcomponent="LinkList"]`),element=>{if(!element.dataset.jsProcessed){new LinkList(element);element.dataset.jsProcessed=true;}});}};
+
+})();

package/{src/patterns/components/list/list-item.wingsuit.yml → dist/components/list/list-item.component.yml}

@@ -8,12 +8,10 @@ list:
       type: text
       label: Content
       description: The list item's collapsed content.
-      preview:
-        faker: lorem.word
+      preview: content
     elementId:
       type: text
       label: ID
       description: The list item's id.
-      preview:
-        faker: lorem.word
+      preview: contentId
   visibility: storybook

package/dist/components/{list-item → list}/list-item.wingsuit.yml

@@ -8,12 +8,10 @@ list:
       type: text
       label: Content
       description: The list item's collapsed content.
-      preview:
-        faker: lorem.word
+      preview: content
     elementId:
       type: text
       label: ID
       description: The list item's id.
-      preview:
-        faker: lorem.word
+      preview: contentId
   visibility: storybook

package/{src/patterns/components/list/list.wingsuit.yml → dist/components/list/list.component.yml}

@@ -5,7 +5,7 @@ list:
   description: The List component renders a styled list of text items. In addition to the List styles made available in the RichText component, the List component also includes unstyled and horizontally aligned lists.
   fields:
     title:
-      type: text
+      type: string
       label: Label
       description: The list item's heading.
       preview: Facts about the ILO

package/dist/components/list/list.wingsuit.yml

@@ -5,7 +5,7 @@ list:
   description: The List component renders a styled list of text items. In addition to the List styles made available in the RichText component, the List component also includes unstyled and horizontally aligned lists.
   fields:
     title:
-      type: text
+      type: string
       label: Label
       description: The list item's heading.
       preview: Facts about the ILO

package/dist/components/loading/loading.behavior.js

@@ -1 +1,10 @@
-!function(e){"function"==typeof define&&define.amd?define(e):e()}((function(){"use strict";function e(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var i=n.call(e,t||"default");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}function t(t,n){for(var i=0;i<n.length;i++){var r=n[i];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,e(r.key),r)}}var n="itemsloading",i="itemsloaded",r=function(){return e=function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.element=t,this.prefix="".concat(this.element.dataset.prefix,"--loading"),this.status="idle",this.init()},(r=[{key:"init",value:function(){return this.setupHandlers().enable(),this}},{key:"setupHandlers",value:function(){return this.LoadingHandler=this.loading.bind(this),this.LoadedHandler=this.loaded.bind(this),this}},{key:"enable",value:function(){var e=this;return document.addEventListener(n,(function(){return e.LoadingHandler})),document.addEventListener(i,(function(){return e.LoadedHandler})),this}},{key:"loading",value:function(){return this.element.classList.remove("".concat(this.prefix,"--idle")),this.element.classList.add("".concat(this.prefix,"--loading")),this}},{key:"loaded",value:function(){return this.element.classList.remove("".concat(this.prefix,"--loading")),this.element.classList.add("".concat(this.prefix,"--loaded")),this.element.querySelector(".".concat(this.prefix,"--copy")).innerHTML=this.element.dataset.loadedmessage,this}}])&&t(e.prototype,r),a&&t(e,a),Object.defineProperty(e,"prototype",{writable:!1}),e;var e,r,a}();Drupal.behaviors.loading={attach:function(){Array.prototype.forEach.call(document.querySelectorAll('[data-loadcomponent="Loading"]'),(function(e){e.dataset.jsProcessed||(new r(e),e.dataset.jsProcessed=!0)}))}}}));
+(function () {
+  'use strict';
+
+  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 Loading{constructor(element){this.element=element;this.prefix=`${this.element.dataset.prefix}--loading`;this.status="idle";this.init();}init(){this.setupHandlers().enable();return this}setupHandlers(){this.LoadingHandler=this.loading.bind(this);this.LoadedHandler=this.loaded.bind(this);return this}enable(){document.addEventListener(d.ITEMSLOADING,()=>this.LoadingHandler);document.addEventListener(d.ITEMSLOADED,()=>this.LoadedHandler);return this}loading(){this.element.classList.remove(`${this.prefix}--idle`);this.element.classList.add(`${this.prefix}--loading`);return this}loaded(){this.element.classList.remove(`${this.prefix}--loading`);this.element.classList.add(`${this.prefix}--loaded`);this.element.querySelector(`.${this.prefix}--copy`).innerHTML=this.element.dataset.loadedmessage;return this}}
+
+  Drupal.behaviors.loading={attach(){Array.prototype.forEach.call(document.querySelectorAll(`[data-loadcomponent="Loading"]`),element=>{if(!element.dataset.jsProcessed){new Loading(element);element.dataset.jsProcessed=true;}});}};
+
+})();

package/{src/patterns/components/loading/loading.wingsuit.yml → dist/components/loading/loading.component.yml}

@@ -2,7 +2,7 @@ loading:
   namespace: Components/Transitions
   use: "@components/loading/loading.twig"
   label: Loading
-  description: The Loading component displays a loading state. (See Javascript comments in loading.js for how to use this with vanilla JS).
+  description: The Loading component displays a loading state.
   fields:
     message:
       type: string

package/dist/components/loading/loading.wingsuit.yml

@@ -2,7 +2,7 @@ loading:
   namespace: Components/Transitions
   use: "@components/loading/loading.twig"
   label: Loading
-  description: The Loading component displays a loading state. (See Javascript comments in loading.js for how to use this with vanilla JS).
+  description: The Loading component displays a loading state.
   fields:
     message:
       type: string

package/{src/patterns/components/localnav/localnav.wingsuit.yml → dist/components/localnav/localnav.component.yml}

@@ -15,7 +15,7 @@ localnav:
       description: Logo for the nav
       required: true
       preview:
-        image: "/brand-assets/logo_en_horizontal_white.svg"
+        image: "images/logo_en_horizontal_white.svg"
         alt: Logo
     siteurl:
       type: string

package/dist/components/localnav/localnav.wingsuit.yml

@@ -15,7 +15,7 @@ localnav:
       description: Logo for the nav
       required: true
       preview:
-        image: "/brand-assets/logo_en_horizontal_white.svg"
+        image: "images/logo_en_horizontal_white.svg"
         alt: Logo
     siteurl:
       type: string

package/dist/components/modal/modal.behavior.js

@@ -1 +1,10 @@
-!function(e){"function"==typeof define&&define.amd?define(e):e()}((function(){"use strict";function e(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var i=n.call(e,t||"default");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}function t(t,n){for(var i=0;i<n.length;i++){var r=n[i];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,e(r.key),r)}}var n="click",i="keydown",r=function(){return e=function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.element=t,this.init()},(r=[{key:"init",value:function(){return this.cacheDomReferences().setupHandlers().enable(),this}},{key:"cacheDomReferences",value:function(){return this.OpenButton=this.element.querySelector(".modal--open"),this.CloseButton=this.element.querySelector(".modal--close"),this}},{key:"setupHandlers",value:function(){return this.OpenButtonHandler=this.openButtonClick.bind(this),this.CloseHandler=this.closeButtonClick.bind(this),this.KeyPressHandler=this.keyPress.bind(this),this}},{key:"enable",value:function(){var e=this;return this.OpenButton&&this.CloseButton?(this.OpenButton.addEventListener(n,(function(){return e.OpenButtonHandler()})),this.CloseButton.addEventListener(n,(function(){return e.CloseHandler()})),this):this}},{key:"openButtonClick",value:function(){var e=this;return this.element.classList.add("show"),setTimeout((function(){e.element.classList.add("fadein")}),125),window.addEventListener(i,(function(t){return e.KeyPressHandler(t)})),this}},{key:"closeButtonClick",value:function(){var e=this;return this.element.classList.remove("fadein"),setTimeout((function(){e.element.classList.remove("show")}),125),window.removeEventListener(i,(function(t){return e.KeyPressHandler(t)})),this}},{key:"keyPress",value:function(e){return"Escape"===e.key&&this.closeButtonClick(),this}}])&&t(e.prototype,r),o&&t(e,o),Object.defineProperty(e,"prototype",{writable:!1}),e;var e,r,o}();Drupal.behaviors.modal={attach:function(){Array.prototype.forEach.call(document.querySelectorAll('[data-loadcomponent="Modal"]'),(function(e){e.dataset.jsProcessed||(new r(e),e.dataset.jsProcessed=!0)}))}}}));
+(function () {
+  'use strict';
+
+  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 Modal{constructor(element){this.element=element;this.init();}init(){this.cacheDomReferences().setupHandlers().enable();return this}cacheDomReferences(){this.OpenButton=this.element.querySelector(`.modal--open`);this.CloseButton=this.element.querySelector(`.modal--close`);return this}setupHandlers(){this.OpenButtonHandler=this.openButtonClick.bind(this);this.CloseHandler=this.closeButtonClick.bind(this);this.KeyPressHandler=this.keyPress.bind(this);return this}enable(){if(!this.OpenButton||!this.CloseButton)return this;this.OpenButton.addEventListener(d.CLICK,()=>this.OpenButtonHandler());this.CloseButton.addEventListener(d.CLICK,()=>this.CloseHandler());return this}openButtonClick(){this.element.classList.add("show");setTimeout(()=>{this.element.classList.add("fadein");},125);window.addEventListener(d.KEY_DOWN,e=>this.KeyPressHandler(e));return this}closeButtonClick(){this.element.classList.remove("fadein");setTimeout(()=>{this.element.classList.remove("show");},125);window.removeEventListener(d.KEY_DOWN,e=>this.KeyPressHandler(e));return this}keyPress(e){if(e.key==="Escape"){this.closeButtonClick();}return this}}
+
+  Drupal.behaviors.modal={attach(){Array.prototype.forEach.call(document.querySelectorAll(`[data-loadcomponent="Modal"]`),element=>{if(!element.dataset.jsProcessed){new Modal(element);element.dataset.jsProcessed=true;}});}};
+
+})();

package/{src/patterns/components/modal/modal.wingsuit.yml → dist/components/modal/modal.component.yml}

@@ -55,7 +55,7 @@ modal:
     modalLabel:
       type: string
       label: Modal Label
-      description: A modal label added to aria-label attribute to improve accessibility 
+      description: A modal label added to aria-label attribute to improve accessibility
       preview: "modal"
       required: false
   visibility: storybook

package/dist/components/modal/modal.wingsuit.yml

@@ -55,7 +55,7 @@ modal:
     modalLabel:
       type: string
       label: Modal Label
-      description: A modal label added to aria-label attribute to improve accessibility 
+      description: A modal label added to aria-label attribute to improve accessibility
       preview: "modal"
       required: false
   visibility: storybook

package/dist/components/navigation/navigation.behavior.js

@@ -1 +1,10 @@
-!function(t){"function"==typeof define&&define.amd?define(t):t()}((function(){"use strict";function t(t){var e=function(t,e){if("object"!=typeof t||!t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var i=n.call(t,e||"default");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==typeof e?e:e+""}function e(e,n){for(var i=0;i<n.length;i++){var s=n[i];s.enumerable=s.enumerable||!1,s.configurable=!0,"value"in s&&(s.writable=!0),Object.defineProperty(e,t(s.key),s)}}var n="click",i="keydown",s="resize",o="touchstart",a=function(){return t=function t(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.element=e,this.prefix=this.element.dataset.prefix,this.callback=n,this.init()},(a=[{key:"init",value:function(){return this.cacheDomReferences().setupHandlers().enable(),this}},{key:"cacheDomReferences",value:function(){return this.subNav=this.element.querySelector(".".concat(this.prefix,"--subnav")),this.subnavButton=this.element.querySelector(".".concat(this.prefix,"--nav--trigger")),this.menuCloseSet=this.element.querySelectorAll(".".concat(this.prefix,"--header--menu--close")),this.subnavBack=this.element.querySelectorAll(".".concat(this.prefix,"--mobile--subnav--back")),this.menuOpen=this.element.querySelector(".".concat(this.prefix,"--header--menu")),this.searchButton=this.element.querySelector(".".concat(this.prefix,"--search--button")),this.searchBox=this.element.querySelector(".".concat(this.prefix,"--search-box")),this.contextButton=this.element.querySelector(".".concat(this.prefix,"--language-switcher--button")),this.languageButton=this.element.querySelector(".".concat(this.prefix,"--mobile--nav--language--switcher--button")),this.contextLinks=this.element.querySelectorAll(".".concat(this.prefix,"--context-menu--link")),this.languageLinks=this.element.querySelectorAll(".".concat(this.prefix,"--nav--language")),this.body=document.body,this}},{key:"setupHandlers",value:function(){return this.subnavClick=this.handleSubnavClick.bind(this),this.subnavClickOff=this.handleSubnavClickOff.bind(this),this.subnavClickOn=this.handleSubnavClickOn.bind(this),this.subnavBackClick=this.handleSubnavBackClick.bind(this),this.menuCloseClick=this.handleMenuCloseClick.bind(this),this.menuOpenClick=this.handleMenuOpenClick.bind(this),this.languageButtonClick=this.handleLanguageButtonClick.bind(this),this.contextLinkClick=this.handleContextLinkClick.bind(this),this.onResize=this.handleResize.bind(this),this.keyPress=this.handleKeyPress.bind(this),this.contextButtonClick=this.handleContextButtonClick.bind(this),this.contextButtonClickOff=this.handleContextButtonClickOff.bind(this),this.contextButtonClickOn=this.handleContextButtonClickOn.bind(this),this.searchButtonClick=this.handleSearchButtonClick.bind(this),this.searchButtonClickOff=this.handleSearchButtonClickOff.bind(this),this.searchButtonClickOn=this.handleSearchButtonClickOn.bind(this),this}},{key:"enable",value:function(){var t=this;return this.subnavButton&&(this.subnavButton.addEventListener(n,(function(e){return t.subnavClick(e)})),this.subnavButton.addEventListener(o,(function(e){return t.subnavClick(e)}))),this.subnavBack.length>0&&this.subnavBack.forEach((function(e){e.addEventListener(n,(function(e){return t.subnavBackClick(e)})),e.addEventListener(o,(function(e){return t.subnavBackClick(e)}))})),this.searchButton&&(this.searchButton.addEventListener(n,(function(e){return t.searchButtonClick(e)})),this.searchButton.addEventListener(o,(function(e){return t.searchButtonClick(e)}))),this.menuCloseSet.length>0&&this.menuCloseSet.forEach((function(e,i){e.addEventListener(n,(function(e){return t.menuCloseClick(i,e)})),e.addEventListener(o,(function(e){return t.menuCloseClick(i,e)}))})),this.menuOpen&&(this.menuOpen.addEventListener(n,(function(e){return t.menuOpenClick(e)})),this.menuOpen.addEventListener(o,(function(e){return t.menuOpenClick(e)}))),this.contextButton&&(this.contextButton.addEventListener(n,(function(e){return t.contextButtonClick(e)})),this.contextButton.addEventListener(o,(function(e){return t.contextButtonClick(e)}))),this.languageButton&&(this.languageButton.addEventListener(n,(function(e){return t.languageButtonClick(e)})),this.languageButton.addEventListener(o,(function(e){return t.languageButtonClick(e)}))),this.contextLinks.length>0&&this.callback&&this.contextLinks.forEach((function(e){e.addEventListener(n,(function(e){return t.contextLinkClick(e)})),e.addEventListener(o,(function(e){return t.contextLinkClick(e)}))})),this.languageLinks.length>0&&this.callback&&this.languageLinks.forEach((function(e){e.addEventListener(n,(function(e){return t.contextLinkClick(e)})),e.addEventListener(o,(function(e){return t.contextLinkClick(e)}))})),this.searchBox&&this.searchBox.addEventListener(n,(function(t){t.stopPropagation()}),!1),this.subNav&&this.subNav.addEventListener(n,(function(t){t.stopPropagation()}),!1),window.addEventListener(s,(function(e){window.innerWidth>=1024&&t.onResize(e)})),this}},{key:"handleContextLinkClick",value:function(t){return t.preventDefault(),this.callback(t),this}},{key:"handleKeyPress",value:function(t,e){return"Escape"===t.key&&e(t),this}},{key:"handleLanguageButtonClick",value:function(t){return t.preventDefault(),t.stopImmediatePropagation(),this.element.classList.toggle("".concat(this.prefix,"--select--open")),this}},{key:"handleContextButtonClickOn",value:function(t){var e=this;return t.stopImmediatePropagation(),this.element.classList.add("".concat(this.prefix,"--context--open")),window.addEventListener(i,(function(t){return e.keyPress(t,e.contextButtonClickOff)}),!1),window.addEventListener(n,this.contextButtonClickOff),this}},{key:"handleContextButtonClickOff",value:function(t){var e=this;return t.stopImmediatePropagation(),this.element.classList.remove("".concat(this.prefix,"--context--open")),window.removeEventListener(i,(function(t){return e.keyPress(t,e.contextButtonClickOff)}),!1),window.removeEventListener(n,this.contextButtonClickOff),this}},{key:"handleContextButtonClick",value:function(t){return this.element.classList.contains("".concat(this.prefix,"--context--open"))?this.contextButtonClickOff(t):this.contextButtonClickOn(t),this}},{key:"handleSearchButtonClickOn",value:function(t){var e=this;return t.stopImmediatePropagation(),this.searchBox.style.display="block",window.setTimeout((function(){e.element.classList.add("".concat(e.prefix,"--search--open"))}),10),window.addEventListener(i,(function(t){return e.keyPress(t,e.searchButtonClickOff)}),!1),window.innerWidth>=1024&&window.addEventListener(n,this.searchButtonClickOff,!1),this}},{key:"handleSearchButtonClickOff",value:function(t){var e=this;return t.stopImmediatePropagation(),this.element.classList.remove("".concat(this.prefix,"--search--open")),window.setTimeout((function(){e.searchBox.style.display="none"}),225),window.removeEventListener(i,(function(t){return e.keyPress(t,e.searchButtonClickOff)}),!1),window.removeEventListener(n,this.searchButtonClickOff,!1),this}},{key:"handleSearchButtonClick",value:function(t){return this.element.classList.remove("".concat(this.prefix,"--subnav--open")),this.element.classList.contains("".concat(this.prefix,"--search--open"))?this.searchButtonClickOff(t):this.searchButtonClickOn(t),this}},{key:"handleMenuOpenClick",value:function(t){return t.preventDefault(),t.stopImmediatePropagation(),this.element.classList.add("".concat(this.prefix,"--mobile--open")),this.body.classList.add("".concat(this.prefix,"--menu--open")),this}},{key:"handleSubnavClickOn",value:function(t){var e=this;return t.stopImmediatePropagation(),this.subNav.style.display="block",window.setTimeout((function(){e.element.classList.add("".concat(e.prefix,"--subnav--open"))}),10),window.addEventListener(i,(function(t){return e.keyPress(t,e.subnavClickOff)}),!1),window.innerWidth>=1024&&window.addEventListener(n,this.subnavClickOff),this}},{key:"handleSubnavClickOff",value:function(t){var e=this;return t.stopImmediatePropagation(),this.element.classList.remove("".concat(this.prefix,"--subnav--open")),window.setTimeout((function(){e.subNav.style.display="none"}),150),window.removeEventListener(i,(function(t){return e.keyPress(t,e.subnavClickOff)}),!1),window.removeEventListener(n,this.subnavClickOff),this}},{key:"handleSubnavClick",value:function(t){return t.preventDefault(),t.stopImmediatePropagation(),this.element.classList.remove("".concat(this.prefix,"--search--open")),this.element.classList.contains("".concat(this.prefix,"--subnav--open"))?this.subnavClickOff(t):this.subnavClickOn(t),this}},{key:"handleSubnavBackClick",value:function(t){return t.stopImmediatePropagation(),t.preventDefault(),this.subnavClickOff(t),this.element.classList.remove("".concat(this.prefix,"--select--open")),this}},{key:"handleMenuCloseClick",value:function(t,e){return e.preventDefault(),e.stopImmediatePropagation(),this.element.classList.remove("".concat(this.prefix,"--mobile--open")),this.element.classList.remove("".concat(this.prefix,"--subnav--open")),this.body.classList.remove("".concat(this.prefix,"--menu--open")),this}},{key:"handleResize",value:function(){return this.element.classList.remove("".concat(this.prefix,"--context--open")),this.element.classList.remove("".concat(this.prefix,"--mobile--open")),this.element.classList.remove("".concat(this.prefix,"--subnav--open")),this.element.classList.remove("".concat(this.prefix,"--search--open")),this}}])&&e(t.prototype,a),c&&e(t,c),Object.defineProperty(t,"prototype",{writable:!1}),t;var t,a,c}();Drupal.behaviors.navigation={attach:function(){Array.prototype.forEach.call(document.querySelectorAll('[data-loadcomponent="Navigation"]'),(function(t){t.dataset.jsProcessed||(new a(t),t.dataset.jsProcessed=!0)}))}}}));
+(function () {
+  'use strict';
+
+  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 Navigation{constructor(element,callback=null){this.element=element;this.prefix=this.element.dataset.prefix;this.callback=callback;this.init();}init(){this.cacheDomReferences().setupHandlers().enable();return this}cacheDomReferences(){this.subNav=this.element.querySelector(`.${this.prefix}--subnav`);this.subnavButton=this.element.querySelector(`.${this.prefix}--nav--trigger`);this.menuCloseSet=this.element.querySelectorAll(`.${this.prefix}--header--menu--close`);this.subnavBack=this.element.querySelectorAll(`.${this.prefix}--mobile--subnav--back`);this.menuOpen=this.element.querySelector(`.${this.prefix}--header--menu`);this.searchButton=this.element.querySelector(`.${this.prefix}--search--button`);this.searchBox=this.element.querySelector(`.${this.prefix}--search-box`);this.contextButton=this.element.querySelector(`.${this.prefix}--language-switcher--button`);this.languageButton=this.element.querySelector(`.${this.prefix}--mobile--nav--language--switcher--button`);this.contextLinks=this.element.querySelectorAll(`.${this.prefix}--context-menu--link`);this.languageLinks=this.element.querySelectorAll(`.${this.prefix}--nav--language`);this.body=document.body;return this}setupHandlers(){this.subnavClick=this.handleSubnavClick.bind(this);this.subnavClickOff=this.handleSubnavClickOff.bind(this);this.subnavClickOn=this.handleSubnavClickOn.bind(this);this.subnavBackClick=this.handleSubnavBackClick.bind(this);this.menuCloseClick=this.handleMenuCloseClick.bind(this);this.menuOpenClick=this.handleMenuOpenClick.bind(this);this.languageButtonClick=this.handleLanguageButtonClick.bind(this);this.contextLinkClick=this.handleContextLinkClick.bind(this);this.onResize=this.handleResize.bind(this);this.keyPress=this.handleKeyPress.bind(this);this.contextButtonClick=this.handleContextButtonClick.bind(this);this.contextButtonClickOff=this.handleContextButtonClickOff.bind(this);this.contextButtonClickOn=this.handleContextButtonClickOn.bind(this);this.searchButtonClick=this.handleSearchButtonClick.bind(this);this.searchButtonClickOff=this.handleSearchButtonClickOff.bind(this);this.searchButtonClickOn=this.handleSearchButtonClickOn.bind(this);return this}enable(){if(this.subnavButton){this.subnavButton.addEventListener(d.CLICK,e=>this.subnavClick(e));this.subnavButton.addEventListener(d.TOUCH_START,e=>this.subnavClick(e));}if(this.subnavBack.length>0){this.subnavBack.forEach(button=>{button.addEventListener(d.CLICK,e=>this.subnavBackClick(e));button.addEventListener(d.TOUCH_START,e=>this.subnavBackClick(e));});}if(this.searchButton){this.searchButton.addEventListener(d.CLICK,e=>this.searchButtonClick(e));this.searchButton.addEventListener(d.TOUCH_START,e=>this.searchButtonClick(e));}if(this.menuCloseSet.length>0){this.menuCloseSet.forEach((closeButton,i)=>{closeButton.addEventListener(d.CLICK,e=>this.menuCloseClick(i,e));closeButton.addEventListener(d.TOUCH_START,e=>this.menuCloseClick(i,e));});}if(this.menuOpen){this.menuOpen.addEventListener(d.CLICK,e=>this.menuOpenClick(e));this.menuOpen.addEventListener(d.TOUCH_START,e=>this.menuOpenClick(e));}if(this.contextButton){this.contextButton.addEventListener(d.CLICK,e=>this.contextButtonClick(e));this.contextButton.addEventListener(d.TOUCH_START,e=>this.contextButtonClick(e));}if(this.languageButton){this.languageButton.addEventListener(d.CLICK,e=>this.languageButtonClick(e));this.languageButton.addEventListener(d.TOUCH_START,e=>this.languageButtonClick(e));}if(this.contextLinks.length>0&&this.callback){this.contextLinks.forEach(contextLink=>{contextLink.addEventListener(d.CLICK,e=>this.contextLinkClick(e));contextLink.addEventListener(d.TOUCH_START,e=>this.contextLinkClick(e));});}if(this.languageLinks.length>0&&this.callback){this.languageLinks.forEach(languageLink=>{languageLink.addEventListener(d.CLICK,e=>this.contextLinkClick(e));languageLink.addEventListener(d.TOUCH_START,e=>this.contextLinkClick(e));});}if(this.searchBox){this.searchBox.addEventListener(d.CLICK,ev=>{ev.stopPropagation();},false);}if(this.subNav){this.subNav.addEventListener(d.CLICK,ev=>{ev.stopPropagation();},false);}window.addEventListener(d.RESIZE,e=>{if(window.innerWidth>=1024){this.onResize(e);}});return this}handleContextLinkClick(event){event.preventDefault();this.callback(event);return this}handleKeyPress(e,callback){if(e.key==="Escape"){callback(e);}return this}handleLanguageButtonClick(e){e.preventDefault();e.stopImmediatePropagation();this.element.classList.toggle(`${this.prefix}--select--open`);return this}handleContextButtonClickOn(e){e.stopImmediatePropagation();this.element.classList.add(`${this.prefix}--context--open`);window.addEventListener(d.KEY_DOWN,ev=>this.keyPress(ev,this.contextButtonClickOff),false);window.addEventListener(d.CLICK,this.contextButtonClickOff);return this}handleContextButtonClickOff(e){e.stopImmediatePropagation();this.element.classList.remove(`${this.prefix}--context--open`);window.removeEventListener(d.KEY_DOWN,ev=>this.keyPress(ev,this.contextButtonClickOff),false);window.removeEventListener(d.CLICK,this.contextButtonClickOff);return this}handleContextButtonClick(e){if(this.element.classList.contains(`${this.prefix}--context--open`)){this.contextButtonClickOff(e);}else {this.contextButtonClickOn(e);}return this}handleSearchButtonClickOn(e){e.stopImmediatePropagation();this.searchBox.style.display="block";window.setTimeout(()=>{this.element.classList.add(`${this.prefix}--search--open`);},10);window.addEventListener(d.KEY_DOWN,ev=>this.keyPress(ev,this.searchButtonClickOff),false);if(window.innerWidth>=1024){window.addEventListener(d.CLICK,this.searchButtonClickOff,false);}return this}handleSearchButtonClickOff(e){e.stopImmediatePropagation();this.element.classList.remove(`${this.prefix}--search--open`);window.setTimeout(()=>{this.searchBox.style.display="none";},225);window.removeEventListener(d.KEY_DOWN,ev=>this.keyPress(ev,this.searchButtonClickOff),false);window.removeEventListener(d.CLICK,this.searchButtonClickOff,false);return this}handleSearchButtonClick(e){this.element.classList.remove(`${this.prefix}--subnav--open`);if(this.element.classList.contains(`${this.prefix}--search--open`)){this.searchButtonClickOff(e);}else {this.searchButtonClickOn(e);}return this}handleMenuOpenClick(e){e.preventDefault();e.stopImmediatePropagation();this.element.classList.add(`${this.prefix}--mobile--open`);this.body.classList.add(`${this.prefix}--menu--open`);return this}handleSubnavClickOn(e){e.stopImmediatePropagation();this.subNav.style.display="block";window.setTimeout(()=>{this.element.classList.add(`${this.prefix}--subnav--open`);},10);window.addEventListener(d.KEY_DOWN,ev=>this.keyPress(ev,this.subnavClickOff),false);if(window.innerWidth>=1024){window.addEventListener(d.CLICK,this.subnavClickOff);}return this}handleSubnavClickOff(e){e.stopImmediatePropagation();this.element.classList.remove(`${this.prefix}--subnav--open`);window.setTimeout(()=>{this.subNav.style.display="none";},150);window.removeEventListener(d.KEY_DOWN,ev=>this.keyPress(ev,this.subnavClickOff),false);window.removeEventListener(d.CLICK,this.subnavClickOff);return this}handleSubnavClick(e){e.preventDefault();e.stopImmediatePropagation();this.element.classList.remove(`${this.prefix}--search--open`);if(this.element.classList.contains(`${this.prefix}--subnav--open`)){this.subnavClickOff(e);}else {this.subnavClickOn(e);}return this}handleSubnavBackClick(e){e.stopImmediatePropagation();e.preventDefault();this.subnavClickOff(e);this.element.classList.remove(`${this.prefix}--select--open`);return this}handleMenuCloseClick(i,e){e.preventDefault();e.stopImmediatePropagation();this.element.classList.remove(`${this.prefix}--mobile--open`);this.element.classList.remove(`${this.prefix}--subnav--open`);this.body.classList.remove(`${this.prefix}--menu--open`);return this}handleResize(){this.element.classList.remove(`${this.prefix}--context--open`);this.element.classList.remove(`${this.prefix}--mobile--open`);this.element.classList.remove(`${this.prefix}--subnav--open`);this.element.classList.remove(`${this.prefix}--search--open`);return this}}
+
+  Drupal.behaviors.navigation={attach(){Array.prototype.forEach.call(document.querySelectorAll(`[data-loadcomponent="Navigation"]`),element=>{if(!element.dataset.jsProcessed){new Navigation(element);element.dataset.jsProcessed=true;}});}};
+
+})();

package/{src/patterns/components/navigation/navigation.wingsuit.yml → dist/components/navigation/navigation.component.yml}

@@ -10,7 +10,7 @@ navigation:
       description: Logo for the nav
       required: true
       preview:
-        image: "/brand-assets/logo_en_horizontal_white.svg"
+        image: "images/logo_en_horizontal_white.svg"
         alt: Logo
     mobilelogo:
       type: object
@@ -18,7 +18,7 @@ navigation:
       description: Logo for the nav
       required: true
       preview:
-        image: "/brand-assets/logo_en_horizontal_blue.svg"
+        image: "images/logo_en_horizontal_blue.svg"
         alt: Logo
     siteurl:
       type: string

package/dist/components/navigation/navigation.wingsuit.yml

@@ -10,7 +10,7 @@ navigation:
       description: Logo for the nav
       required: true
       preview:
-        image: "/brand-assets/logo_en_horizontal_white.svg"
+        image: "images/logo_en_horizontal_white.svg"
         alt: Logo
     mobilelogo:
       type: object
@@ -18,7 +18,7 @@ navigation:
       description: Logo for the nav
       required: true
       preview:
-        image: "/brand-assets/logo_en_horizontal_blue.svg"
+        image: "images/logo_en_horizontal_blue.svg"
         alt: Logo
     siteurl:
       type: string

package/dist/components/notification/notification.behavior.js

@@ -1 +1,10 @@
-!function(e){"function"==typeof define&&define.amd?define(e):e()}((function(){"use strict";function e(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var i=n.call(e,t||"default");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}function t(t,n){for(var i=0;i<n.length;i++){var r=n[i];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,e(r.key),r)}}var n="click",i=function(){return e=function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.element=t,this.parent=this.element.parentElement,this.prefix=this.element.dataset.prefix,this.init()},(i=[{key:"init",value:function(){return this.cacheDomReferences().setupHandlers().enable(),this}},{key:"cacheDomReferences",value:function(){return this.CloseButton=this.element.querySelector(".".concat(this.prefix,"--notification--close")),this}},{key:"setupHandlers",value:function(){return this.onClick=this.onClick.bind(this),this}},{key:"enable",value:function(){var e=this;return this.CloseButton.addEventListener(n,(function(){return e.onClick()})),this}},{key:"onClick",value:function(){return this.parent.removeChild(this.element),this}}])&&t(e.prototype,i),r&&t(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e;var e,i,r}();Drupal.behaviors.notification={attach:function(){Array.prototype.forEach.call(document.querySelectorAll('[data-loadcomponent="Notification"]'),(function(e){e.dataset.jsProcessed||(new i(e),e.dataset.jsProcessed=!0)}))}}}));
+(function () {
+  'use strict';
+
+  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 Notification{constructor(element){this.element=element;this.parent=this.element.parentElement;this.prefix=this.element.dataset.prefix;this.init();}init(){this.cacheDomReferences().setupHandlers().enable();return this}cacheDomReferences(){this.CloseButton=this.element.querySelector(`.${this.prefix}--notification--close`);return this}setupHandlers(){this.onClick=this.onClick.bind(this);return this}enable(){this.CloseButton.addEventListener(d.CLICK,()=>this.onClick());return this}onClick(){this.parent.removeChild(this.element);return this}}
+
+  Drupal.behaviors.notification={attach(){Array.prototype.forEach.call(document.querySelectorAll(`[data-loadcomponent="Notification"]`),element=>{if(!element.dataset.jsProcessed){new Notification(element);element.dataset.jsProcessed=true;}});}};
+
+})();

package/{src/patterns/components/numberpicker/numberpicker.wingsuit.yml → dist/components/numberpicker/numberpicker.component.yml}

@@ -6,7 +6,7 @@ numberpicker:
   visibility: storybook
   fields:
     label:
-      type: text
+      type: string
       label: Label
       description: The label for the form element.
       preview: "Pick a number"
@@ -15,25 +15,25 @@ numberpicker:
       label: Tooltip
       description: The tooltip for the form element.
     helper:
-      type: text
+      type: string
       label: Helper Text
       description: The helper text for the form element.
     id:
-      type: text
+      type: string
       label: ID
       description: The ID of the input.
     name:
-      type: text
+      type: string
       label: Name
       description: The name of the input.
     class:
-      type: text
+      type: string
       label: Class
       description: The class of the form field.
       preview: checkbox
       default: ""
     placeholder:
-      type: text
+      type: string
       label: Placeholder
       description: The placeholder of the form field.
       preview: "0 - 100"

package/dist/components/numberpicker/numberpicker.wingsuit.yml

@@ -6,7 +6,7 @@ numberpicker:
   visibility: storybook
   fields:
     label:
-      type: text
+      type: string
       label: Label
       description: The label for the form element.
       preview: "Pick a number"
@@ -15,25 +15,25 @@ numberpicker:
       label: Tooltip
       description: The tooltip for the form element.
     helper:
-      type: text
+      type: string
       label: Helper Text
       description: The helper text for the form element.
     id:
-      type: text
+      type: string
       label: ID
       description: The ID of the input.
     name:
-      type: text
+      type: string
       label: Name
       description: The name of the input.
     class:
-      type: text
+      type: string
       label: Class
       description: The class of the form field.
       preview: checkbox
       default: ""
     placeholder:
-      type: text
+      type: string
       label: Placeholder
       description: The placeholder of the form field.
       preview: "0 - 100"

package/{src/patterns/components/pagination/pagination.wingsuit.yml → dist/components/pagination/pagination.component.yml}

@@ -5,7 +5,7 @@ pagination:
   description: The Pagination component breaks content into pages for easier navigation with intuitive controls like 'Previous' and 'Next' buttons.
   fields:
     currentPage:
-      type: numeric
+      type: number
       label: Current page
       description: current page number that the user is on, zero-indexed
       required: true
@@ -16,7 +16,7 @@ pagination:
       label: First Page link
       description: Link to the first page
       required: true
-      preview: "http://www.google.com?s=first"
+      preview: "https://www.ilo.org"
     firstPageTitle:
       type: string
       label: First Page Title
@@ -28,7 +28,7 @@ pagination:
       label: Last Page link
       description: Link to the last page
       required: true
-      preview: "http://www.google.com?s=last"
+      preview: "https://www.ilo.org"
     lastPageTitle:
       type: string
       label: Last Page Title
@@ -40,7 +40,7 @@ pagination:
       label: Next Page link
       description: Link to the next page
       required: true
-      preview: "http://www.google.com?s=next"
+      preview: "https://www.ilo.org"
     nextPageTitle:
       type: string
       label: Next Page Title
@@ -52,7 +52,7 @@ pagination:
       label: Prev Page link
       description: Link to the prev page
       required: true
-      preview: "http://www.google.com?s=prev"
+      preview: "https://www.ilo.org"
     prevPageTitle:
       type: string
       label: Prev Page Title
@@ -66,7 +66,7 @@ pagination:
       required: true
       preview: "of"
     totalPages:
-      type: numeric
+      type: number
       label: Total Pages
       description: The number of total pages
       required: true

package/dist/components/pagination/pagination.wingsuit.yml

@@ -5,7 +5,7 @@ pagination:
   description: The Pagination component breaks content into pages for easier navigation with intuitive controls like 'Previous' and 'Next' buttons.
   fields:
     currentPage:
-      type: numeric
+      type: number
       label: Current page
       description: current page number that the user is on, zero-indexed
       required: true
@@ -16,7 +16,7 @@ pagination:
       label: First Page link
       description: Link to the first page
       required: true
-      preview: "http://www.google.com?s=first"
+      preview: "https://www.ilo.org"
     firstPageTitle:
       type: string
       label: First Page Title
@@ -28,7 +28,7 @@ pagination:
       label: Last Page link
       description: Link to the last page
       required: true
-      preview: "http://www.google.com?s=last"
+      preview: "https://www.ilo.org"
     lastPageTitle:
       type: string
       label: Last Page Title
@@ -40,7 +40,7 @@ pagination:
       label: Next Page link
       description: Link to the next page
       required: true
-      preview: "http://www.google.com?s=next"
+      preview: "https://www.ilo.org"
     nextPageTitle:
       type: string
       label: Next Page Title
@@ -52,7 +52,7 @@ pagination:
       label: Prev Page link
       description: Link to the prev page
       required: true
-      preview: "http://www.google.com?s=prev"
+      preview: "https://www.ilo.org"
     prevPageTitle:
       type: string
       label: Prev Page Title
@@ -66,7 +66,7 @@ pagination:
       required: true
       preview: "of"
     totalPages:
-      type: numeric
+      type: number
       label: Total Pages
       description: The number of total pages
       required: true

package/{src/patterns/components/radio/radio.wingsuit.yml → dist/components/radio/radio.component.yml}

@@ -8,7 +8,7 @@ radio:
   visibility: storybook
   fields:
     label:
-      type: text
+      type: string
       label: Label
       description: The label for the form element.
       preview: "Do you agree to these terms?"
@@ -17,25 +17,25 @@ radio:
       label: Tooltip
       description: The tooltip for the form element.
     helper:
-      type: text
+      type: string
       label: Helper Text
       description: The helper text for the form element.
     id:
-      type: text
+      type: string
       label: ID
       description: The ID of the input.
     name:
-      type: text
+      type: string
       label: Name
       description: The name of the input.
     class:
-      type: text
+      type: string
       label: Class
       description: The class of the form field.
       preview: radio
       default: ""
     value:
-      type: text
+      type: string
       label: Value
       description: The value of the input.
       preview: "1"

package/dist/components/radio/radio.wingsuit.yml

@@ -8,7 +8,7 @@ radio:
   visibility: storybook
   fields:
     label:
-      type: text
+      type: string
       label: Label
       description: The label for the form element.
       preview: "Do you agree to these terms?"
@@ -17,25 +17,25 @@ radio:
       label: Tooltip
       description: The tooltip for the form element.
     helper:
-      type: text
+      type: string
       label: Helper Text
       description: The helper text for the form element.
     id:
-      type: text
+      type: string
       label: ID
       description: The ID of the input.
     name:
-      type: text
+      type: string
       label: Name
       description: The name of the input.
     class:
-      type: text
+      type: string
       label: Class
       description: The class of the form field.
       preview: radio
       default: ""
     value:
-      type: text
+      type: string
       label: Value
       description: The value of the input.
       preview: "1"

package/dist/components/readmore/readmore.behavior.js

@@ -1 +1,10 @@
-!function(e){"function"==typeof define&&define.amd?define(e):e()}((function(){"use strict";function e(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var i=n.call(e,t||"default");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}function t(t,n){for(var i=0;i<n.length;i++){var r=n[i];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,e(r.key),r)}}var n="click",i=function(){return e=function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.element=t,this.prefix=this.element.dataset.prefix,this.openclass="".concat(this.prefix,"--read-more--open"),this.buttonopenclass="".concat(this.prefix,"--read-more--button--open"),this.fulltext=this.element.dataset.fulltext,this.excerpt=this.element.dataset.excerpt,this.buttonlabel={closed:this.element.dataset.closed,opened:this.element.dataset.opened},this.init()},(i=[{key:"init",value:function(){return this.cacheDomReferences().setupHandlers().enable(),this}},{key:"cacheDomReferences",value:function(){return this.ReadMoreButton=this.element.querySelector(".".concat(this.prefix,"--read-more--button")),this.RichText=this.element.querySelector(".".concat(this.prefix,"--richtext")),this}},{key:"setupHandlers",value:function(){return this.onClick=this.onClick.bind(this),this}},{key:"enable",value:function(){var e=this;return this.ReadMoreButton.addEventListener(n,(function(){return e.onClick()})),this}},{key:"onClick",value:function(){return this.element.classList.contains(this.openclass)?(this.RichText.innerHTML=this.excerpt,this.ReadMoreButton.innerHTML=this.buttonlabel.closed):(this.RichText.innerHTML=this.fulltext,this.ReadMoreButton.innerHTML=this.buttonlabel.opened),this.element.classList.toggle(this.openclass),this.ReadMoreButton.classList.toggle(this.buttonopenclass),this}}])&&t(e.prototype,i),r&&t(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e;var e,i,r}();Drupal.behaviors.readmore={attach:function(){Array.prototype.forEach.call(document.querySelectorAll('[data-loadcomponent="ReadMore"]'),(function(e){e.dataset.jsProcessed||(new i(e),e.dataset.jsProcessed=!0)}))}}}));
+(function () {
+  'use strict';
+
+  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 ReadMore{constructor(element){this.element=element;this.prefix=this.element.dataset.prefix;this.openclass=`${this.prefix}--read-more--open`;this.buttonopenclass=`${this.prefix}--read-more--button--open`;this.fulltext=this.element.dataset.fulltext;this.excerpt=this.element.dataset.excerpt;this.buttonlabel={closed:this.element.dataset.closed,opened:this.element.dataset.opened};this.init();}init(){this.cacheDomReferences().setupHandlers().enable();return this}cacheDomReferences(){this.ReadMoreButton=this.element.querySelector(`.${this.prefix}--read-more--button`);this.RichText=this.element.querySelector(`.${this.prefix}--richtext`);return this}setupHandlers(){this.onClick=this.onClick.bind(this);return this}enable(){this.ReadMoreButton.addEventListener(d.CLICK,()=>this.onClick());return this}onClick(){if(this.element.classList.contains(this.openclass)){this.RichText.innerHTML=this.excerpt;this.ReadMoreButton.innerHTML=this.buttonlabel.closed;}else {this.RichText.innerHTML=this.fulltext;this.ReadMoreButton.innerHTML=this.buttonlabel.opened;}this.element.classList.toggle(this.openclass);this.ReadMoreButton.classList.toggle(this.buttonopenclass);return this}}
+
+  Drupal.behaviors.readmore={attach(){Array.prototype.forEach.call(document.querySelectorAll(`[data-loadcomponent="ReadMore"]`),element=>{if(!element.dataset.jsProcessed){new ReadMore(element);element.dataset.jsProcessed=true;}});}};
+
+})();

package/{src/patterns/components/readmore/readmore.wingsuit.yml → dist/components/readmore/readmore.component.yml}

@@ -22,7 +22,7 @@ readmore:
       type: string
       label: Full Text
       description: HTML content
-      preview: "<p>Underlying the ILO’s work is the importance of cooperation between governments and employers’ and workers’ organizations in fostering social and economic progress. The ILO aims to ensure that it serves the needs of working women and men by bringing together governments, employers and workers to set labour standards, develop policies and devise programmes.</p> <p>The very structure of the ILO, where workers and employers together have an equal voice with governments in its deliberations, shows social dialogue in action. It ensures that the views of the social partners are closely reflected in ILO labour standards, policies and programmes.</p> <p>The ILO encourages this tripartism within its constituents - employers , workers and member States , by promoting a social dialogue between trade unions and employers in formulating, and where appropriate, implementing national policy on social, economic, and many other issues.</p>."
+      preview: "<p>Underlying the ILO’s work is the importance of cooperation between governments and employers’ and workers’ organizations in fostering social and economic progress. The ILO aims to ensure that it serves the needs of working women and men by bringing together governments, employers and workers to set labour standards, develop policies and devise programmes.</p> <p>The very structure of the ILO, where workers and employers together have an equal voice with governments in its deliberations, shows social dialogue in action. It ensures that the views of the social partners are closely reflected in ILO labour standards, policies and programmes.</p> <p>The ILO encourages this tripartism within its constituents - employers , workers and member States , by promoting a social dialogue between trade unions and employers in formulating, and where appropriate, implementing national policy on social, economic, and many other issues.</p>"
       required: true
   settings:
     openatstart:

package/dist/components/readmore/readmore.wingsuit.yml

@@ -22,7 +22,7 @@ readmore:
       type: string
       label: Full Text
       description: HTML content
-      preview: "<p>Underlying the ILO’s work is the importance of cooperation between governments and employers’ and workers’ organizations in fostering social and economic progress. The ILO aims to ensure that it serves the needs of working women and men by bringing together governments, employers and workers to set labour standards, develop policies and devise programmes.</p> <p>The very structure of the ILO, where workers and employers together have an equal voice with governments in its deliberations, shows social dialogue in action. It ensures that the views of the social partners are closely reflected in ILO labour standards, policies and programmes.</p> <p>The ILO encourages this tripartism within its constituents - employers , workers and member States , by promoting a social dialogue between trade unions and employers in formulating, and where appropriate, implementing national policy on social, economic, and many other issues.</p>."
+      preview: "<p>Underlying the ILO’s work is the importance of cooperation between governments and employers’ and workers’ organizations in fostering social and economic progress. The ILO aims to ensure that it serves the needs of working women and men by bringing together governments, employers and workers to set labour standards, develop policies and devise programmes.</p> <p>The very structure of the ILO, where workers and employers together have an equal voice with governments in its deliberations, shows social dialogue in action. It ensures that the views of the social partners are closely reflected in ILO labour standards, policies and programmes.</p> <p>The ILO encourages this tripartism within its constituents - employers , workers and member States , by promoting a social dialogue between trade unions and employers in formulating, and where appropriate, implementing national policy on social, economic, and many other issues.</p>"
       required: true
   settings:
     openatstart: