@openeuropa/bcl-theme-default 0.1.2 → 0.1.202408021145

package/js/oe-bcl-default.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"oe-bcl-default.js","sources":["../index.umd.js"],"sourcesContent":["/**\n * --------------------------------------------------------------------------\n * Bootstrap (v5.0.1): index.umd.js\n * Licensed under MIT (https:/github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport Alert from \"@openeuropa/bcl-bootstrap/js/src/alert\";\nimport Button from \"@openeuropa/bcl-bootstrap/js/src/button\";\nimport Carousel from \"@openeuropa/bcl-bootstrap/js/src/carousel\";\nimport Collapse from \"@openeuropa/bcl-bootstrap/js/src/collapse\";\nimport Dropdown from \"@openeuropa/bcl-bootstrap/js/src/dropdown\";\nimport Modal from \"@openeuropa/bcl-bootstrap/js/src/modal\";\nimport Offcanvas from \"@openeuropa/bcl-bootstrap/js/src/offcanvas\";\nimport Popover from \"@openeuropa/bcl-bootstrap/js/src/popover\";\nimport ScrollSpy from \"@openeuropa/bcl-bootstrap/js/src/scrollspy\";\nimport Tab from \"@openeuropa/bcl-bootstrap/js/src/tab\";\nimport Toast from \"@openeuropa/bcl-bootstrap/js/src/toast\";\nimport Tooltip from \"@openeuropa/bcl-bootstrap/js/src/tooltip\";\n\nexport default {\n  Alert,\n  Button,\n  Carousel,\n  Collapse,\n  Dropdown,\n  Modal,\n  Offcanvas,\n  Popover,\n  ScrollSpy,\n  Tab,\n  Toast,\n  Tooltip,\n};\n"],"names":["Alert","Button","Carousel","Collapse","Dropdown","Modal","Offcanvas","Popover","ScrollSpy","Tab","Toast","Tooltip"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAAA;EACA;EACA;EACA;EACA;EACA;AAeA,kBAAe;EACbA,SAAAA,yBADa;EAEbC,UAAAA,0BAFa;EAGbC,YAAAA,4BAHa;EAIbC,YAAAA,4BAJa;EAKbC,YAAAA,4BALa;EAMbC,SAAAA,yBANa;EAObC,aAAAA,6BAPa;EAQbC,WAAAA,2BARa;EASbC,aAAAA,6BATa;EAUbC,OAAAA,uBAVa;EAWbC,SAAAA,yBAXa;EAYbC,WAAAA;EAZa,CAAf;;;;;;;;"}

package/js/oe-bcl-default.min.js

@@ -1,2 +0,0 @@
-!function(o,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e(require("@openeuropa/bcl-bootstrap/js/src/alert"),require("@openeuropa/bcl-bootstrap/js/src/button"),require("@openeuropa/bcl-bootstrap/js/src/carousel"),require("@openeuropa/bcl-bootstrap/js/src/collapse"),require("@openeuropa/bcl-bootstrap/js/src/dropdown"),require("@openeuropa/bcl-bootstrap/js/src/modal"),require("@openeuropa/bcl-bootstrap/js/src/offcanvas"),require("@openeuropa/bcl-bootstrap/js/src/popover"),require("@openeuropa/bcl-bootstrap/js/src/scrollspy"),require("@openeuropa/bcl-bootstrap/js/src/tab"),require("@openeuropa/bcl-bootstrap/js/src/toast"),require("@openeuropa/bcl-bootstrap/js/src/tooltip")):"function"==typeof define&&define.amd?define(["@openeuropa/bcl-bootstrap/js/src/alert","@openeuropa/bcl-bootstrap/js/src/button","@openeuropa/bcl-bootstrap/js/src/carousel","@openeuropa/bcl-bootstrap/js/src/collapse","@openeuropa/bcl-bootstrap/js/src/dropdown","@openeuropa/bcl-bootstrap/js/src/modal","@openeuropa/bcl-bootstrap/js/src/offcanvas","@openeuropa/bcl-bootstrap/js/src/popover","@openeuropa/bcl-bootstrap/js/src/scrollspy","@openeuropa/bcl-bootstrap/js/src/tab","@openeuropa/bcl-bootstrap/js/src/toast","@openeuropa/bcl-bootstrap/js/src/tooltip"],e):(o="undefined"!=typeof globalThis?globalThis:o||self).bootstrap=e(o.Alert,o.Button,o.Carousel,o.Collapse,o.Dropdown,o.Modal,o.Offcanvas,o.Popover,o.ScrollSpy,o.Tab,o.Toast,o.Tooltip)}(this,(function(o,e,r,t,p,s,a,l,u,c,b,n){"use strict";function f(o){return o&&"object"==typeof o&&"default"in o?o:{default:o}}var d=f(o),i=f(e),j=f(r),q=f(t),v=f(p),y=f(s),T=f(a),m=f(l),w=f(u),C=f(c),S=f(b),h=f(n);return{Alert:d.default,Button:i.default,Carousel:j.default,Collapse:q.default,Dropdown:v.default,Modal:y.default,Offcanvas:T.default,Popover:m.default,ScrollSpy:w.default,Tab:C.default,Toast:S.default,Tooltip:h.default}}));
-//# sourceMappingURL=oe-bcl-default.min.js.map

package/js/oe-bcl-default.min.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../index.umd.js"],"names":["Alert","Button","Carousel","Collapse","Dropdown","Modal","Offcanvas","Popover","ScrollSpy","Tab","Toast","Tooltip"],"mappings":"uoDAoBe,CACbA,MAAAA,EAAAA,QACAC,OAAAA,EAAAA,QACAC,SAAAA,EAAAA,QACAC,SAAAA,EAAAA,QACAC,SAAAA,EAAAA,QACAC,MAAAA,EAAAA,QACAC,UAAAA,EAAAA,QACAC,QAAAA,EAAAA,QACAC,UAAAA,EAAAA,QACAC,IAAAA,EAAAA,QACAC,MAAAA,EAAAA,QACAC,QAAAA,EAAAA","sourcesContent":["/**\n * --------------------------------------------------------------------------\n * Bootstrap (v5.0.1): index.umd.js\n * Licensed under MIT (https:/github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport Alert from \"@openeuropa/bcl-bootstrap/js/src/alert\";\nimport Button from \"@openeuropa/bcl-bootstrap/js/src/button\";\nimport Carousel from \"@openeuropa/bcl-bootstrap/js/src/carousel\";\nimport Collapse from \"@openeuropa/bcl-bootstrap/js/src/collapse\";\nimport Dropdown from \"@openeuropa/bcl-bootstrap/js/src/dropdown\";\nimport Modal from \"@openeuropa/bcl-bootstrap/js/src/modal\";\nimport Offcanvas from \"@openeuropa/bcl-bootstrap/js/src/offcanvas\";\nimport Popover from \"@openeuropa/bcl-bootstrap/js/src/popover\";\nimport ScrollSpy from \"@openeuropa/bcl-bootstrap/js/src/scrollspy\";\nimport Tab from \"@openeuropa/bcl-bootstrap/js/src/tab\";\nimport Toast from \"@openeuropa/bcl-bootstrap/js/src/toast\";\nimport Tooltip from \"@openeuropa/bcl-bootstrap/js/src/tooltip\";\n\nexport default {\n  Alert,\n  Button,\n  Carousel,\n  Collapse,\n  Dropdown,\n  Modal,\n  Offcanvas,\n  Popover,\n  ScrollSpy,\n  Tab,\n  Toast,\n  Tooltip,\n};\n"]}

package/oe-bcl-default.scss

@@ -1,47 +0,0 @@
-// Configuration
-@import "@openeuropa/bcl-bootstrap/scss/functions";
-@import "@openeuropa/bcl-bootstrap/scss/variables";
-@import "@openeuropa/bcl-bootstrap/scss/mixins";
-@import "@openeuropa/bcl-bootstrap/scss/utilities";
-
-// Layout & components
-@import "@openeuropa/bcl-bootstrap/scss/root";
-@import "@openeuropa/bcl-bootstrap/scss/reboot";
-@import "@openeuropa/bcl-bootstrap/scss/type";
-@import "@openeuropa/bcl-bootstrap/scss/images";
-@import "@openeuropa/bcl-bootstrap/scss/containers";
-@import "@openeuropa/bcl-bootstrap/scss/grid";
-@import "@openeuropa/bcl-bootstrap/scss/tables";
-@import "@openeuropa/bcl-bootstrap/scss/forms";
-@import "@openeuropa/bcl-bootstrap/scss/buttons";
-@import "@openeuropa/bcl-bootstrap/scss/transitions";
-@import "@openeuropa/bcl-bootstrap/scss/dropdown";
-@import "@openeuropa/bcl-bootstrap/scss/button-group";
-@import "@openeuropa/bcl-bootstrap/scss/nav";
-@import "@openeuropa/bcl-bootstrap/scss/navbar";
-@import "@openeuropa/bcl-bootstrap/scss/card";
-@import "@openeuropa/bcl-bootstrap/scss/accordion";
-@import "@openeuropa/bcl-bootstrap/scss/breadcrumb";
-@import "@openeuropa/bcl-bootstrap/scss/pagination";
-@import "@openeuropa/bcl-bootstrap/scss/badge";
-@import "@openeuropa/bcl-bootstrap/scss/alert";
-@import "@openeuropa/bcl-bootstrap/scss/progress";
-@import "@openeuropa/bcl-bootstrap/scss/list-group";
-@import "@openeuropa/bcl-bootstrap/scss/close";
-@import "@openeuropa/bcl-bootstrap/scss/toasts";
-@import "@openeuropa/bcl-bootstrap/scss/modal";
-@import "@openeuropa/bcl-bootstrap/scss/tooltip";
-@import "@openeuropa/bcl-bootstrap/scss/popover";
-@import "@openeuropa/bcl-bootstrap/scss/carousel";
-@import "@openeuropa/bcl-bootstrap/scss/spinners";
-@import "@openeuropa/bcl-bootstrap/scss/offcanvas";
-
-// Helpers
-@import "@openeuropa/bcl-bootstrap/scss/helpers";
-
-// Utilities
-@import "@openeuropa/bcl-bootstrap/scss/utilities/api";
-
-// Custom styles
-@import "@openeuropa/bcl-theme-default/scss/header";
-@import "@openeuropa/bcl-theme-default/scss/icon";

package/scripts/rollup.config.js

@@ -1,54 +0,0 @@
-"use strict";
-
-const path = require("path");
-const { babel } = require("@rollup/plugin-babel");
-const { nodeResolve } = require("@rollup/plugin-node-resolve");
-const replace = require("@rollup/plugin-replace");
-
-const BUNDLE = process.env.BUNDLE === "true";
-const ESM = process.env.ESM === "true";
-
-let fileDest = `oe-bcl-default${ESM ? ".esm" : ""}`;
-const external = ["@popperjs/core"];
-const plugins = [
-  babel({
-    // Only transpile our source code
-    exclude: "node_modules/**",
-    // Include the helpers in the bundle, at most one copy of each
-    babelHelpers: "bundled",
-  }),
-];
-const globals = {
-  "@popperjs/core": "Popper",
-};
-
-if (BUNDLE) {
-  fileDest += ".bundle";
-  // Remove last entry in external array to bundle Popper
-  external.pop();
-  delete globals["@popperjs/core"];
-  plugins.push(
-    replace({
-      "process.env.NODE_ENV": '"production"',
-      preventAssignment: true,
-    }),
-    nodeResolve()
-  );
-}
-
-const rollupConfig = {
-  input: path.resolve(__dirname, `../index.${ESM ? "esm" : "umd"}.js`),
-  output: {
-    file: path.resolve(__dirname, `../js/${fileDest}.js`),
-    format: ESM ? "esm" : "umd",
-    globals,
-  },
-  external,
-  plugins,
-};
-
-if (!ESM) {
-  rollupConfig.output.name = "bootstrap";
-}
-
-module.exports = rollupConfig;

package/scss/_header.scss

@@ -1,51 +0,0 @@
-$header-margin: 0.5rem !default;
-
-// header
-.oe-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin: $header-margin;
-}
-
-// language list
-$language-background: $light !default;
-$language-color: $dark !default;
-$language-list-gap: $spacer !default;
-$language-item-background: transparent !default;
-$language-item-color: $link-color !default;
-$language-item-background-hover: transparent !default;
-$language-item-color-hover: $link-hover-color !default;
-
-.oe-language .modal-content {
-  color: $language-color;
-  background-color: $language-background;
-}
-
-.oe-language__list {
-  display: grid;
-  gap: $language-list-gap;
-  margin-bottom: $language-list-gap;
-}
-
-.oe-language__item {
-  color: $language-item-color;
-  background-color: $language-item-background;
-
-  &:hover,
-  &:focus {
-    color: $language-item-color-hover;
-    background-color: $language-item-background-hover;
-  }
-}
-
-$navbar-background: transparent !default;
-$navbar-link-active-background: transparent !default;
-
-.oe-header__navbar {
-  background-color: $navbar-background;
-}
-
-.oe-header__navbar .nav-link.active {
-  background-color: $navbar-link-active-background;
-}

package/templates/accordion/accordion.html.twig

@@ -1,62 +0,0 @@
-{% spaceless %}
-
-{#
-  Parameters:
-  - id (int) (default: random(1000))
-  - flush (boolean) (default: false) flush variant of the accordion
-  - items (array) (default: []): format: [
-      {
-        title: (string),
-        content: (block),
-      },
-      ...
-    ]
-  - open_item_id (int) (default: 0) index value of the item to open (starting from 1),
-    all closed by default (0)
-  - extra_classes (string) (default: '')
-#}
-
-{% set _id = id|default(random(1000)) %}
-{% set _flush = flush|default(false) %}
-{% set _items = items|default([]) %}
-{% set _open_item_id = open_item_id|default(0) %}
-{% set _extra_classes = extra_classes|default('') %}
-{% set _class = 'accordion' ~ (_flush ? ' accordion-flush') %}
-{% set _class = _class ~ (_extra_classes ? ' ' ~ _extra_classes) %}
-
-{% if _items is not empty %}
-<div class="{{ _class }}" id="accordion-{{ _id }}">
-{% for _item in _items %}
-  {% set _open_item = _open_item_id == loop.index %}
-  <div class="accordion-item">
-    <h2 class="accordion-header" id="heading-{{ _id }}-{{ loop.index }}">
-      {% include '@oe-bcl/button/button.html.twig' with {
-        label: _item.title,
-        extra_classes: 'accordion-button' ~ (not open_item ? ' collapsed'),
-        clean_class: true,
-        extra_attributes: [
-          { name: "data-bs-toggle", value: "collapse" },
-          { name: "autocomplete", value: "off" },
-          { name: "data-bs-target", value: '#collapse-' ~ _id ~ '-' ~ loop.index },
-          { name: "aria-controls", value: 'collapse-' ~ _id ~ '-' ~ loop.index },
-          { name: "aria-expanded", value: open_item ? 'true' : 'false' }
-        ]
-      } only %}
-    </h2>
-    <div
-      id="collapse-{{ _id }}-{{ loop.index }}"
-      class="accordion-collapse collapse{{ _open_item ? ' show' }}"
-      aria-labelledby="heading-{{ _id }}-{{ loop.index }}"
-      data-bs-parent="#accordion-{{ _id }}"
-    >
-      <div class="accordion-body">
-        {%- set _content = _item.content|default('') %}
-        {%- block content _content -%}
-      </div>
-    </div>
-  </div>
-{% endfor %}
-</div>
-{% endif %}
-
-{% endspaceless %}

package/templates/alert/alert.html.twig

@@ -1,44 +0,0 @@
-{% spaceless %}
-
-{# Parameters:
-  - message (string) (default: '')
-  - heading (string) (default: '')
-  - variant (string) (default: 'primary')
-  - disimissible (boolean) (default: true)
-  - animated_dismiss (boolean) (default: true)
-#}
-
-{% set _message = message|default('') %}
-{% set _variant = variant|default('primary') %}
-{% set _heading = heading|default('') %}
-{% set _dismissible = dismissible ?? true %}
-{% set _animated_dismiss = animated_dismiss ?? true %}
-{% set _dismiss_class = '' %}
-{% set _class = 'alert alert-' ~ _variant %}
-
-{% if _dismissible %}
-  {% set _class = _class ~ ' alert-dismissible' %}
-{% endif %}
-{% if _animated_dismiss %}
-  {% set _class = _class ~ ' fade show' %}
-{% endif %}
-
-<div
-  class="{{ _class }}"
-  role="alert"
->
-{%- if _heading is not empty -%}
-  <h4 class="alert-heading">{{ _heading }}</h4>
-{%- endif -%}
-  {{- message -}}
-{%- if _dismissible -%}
-  <button
-    type="button"
-    class="btn-close"
-    data-bs-dismiss="alert"
-    aria-label="Close">
-  </button>
-{%- endif -%}
-</div>
-
-{% endspaceless %}

package/templates/badge/badge.html.twig

@@ -1,42 +0,0 @@
-{% spaceless %}
-
-{# Parameters:
-  - label (string) (default: '')
-  - background: (string) (default: 'primary')
-  - url (string) (default: '')
-  - title (string) (default: label)
-  - hidden_text (string) (default: '')
-#}
-
-{% set _rounded_pill = rounded_pill|default(false) %}
-{% set _background = background|default('primary') %}
-{% set _label = label|default('') %}
-{% set _class = 'badge bg-' ~ _background %}
-{% set _url = url|default('') %}
-{% set _title = title|default(_label) %}
-{% set _hidden_text = hidden_text|default('') %}
-
-{% if _rounded_pill %}
-  {% set _class = _class ~ ' rounded-pill' %}
-{% endif %}
-
-{% if _background == 'light' %}
-  {% set _class = _class ~ ' text-dark' %}
-{% endif %}
-
-{%- if _url is not empty -%}
-<a href="{{ _url }}" title="{{ _title }}">
-{%- endif -%}
-  <span class="{{ _class }}">
-  {%- if _hidden_text is not empty -%}
-    <span class="visually-hidden">
-      {{- _hidden_text -}}
-    </span>
-  {%- endif -%}
-    {{- _label -}}
-  </span>
-{%- if _url is not empty -%}
-</a>
-{%- endif -%}
-
-{% endspaceless %}

package/templates/blockquote/blockquote.html.twig

@@ -1,30 +0,0 @@
-{% spaceless %}
-
-{# Parameters:
-  - quote (string) (default: '')
-  - attribution (string) (default: '')
-  - cite (string) (default: '')
-  - alignment (string) (default: 'left')
-    - options ["left", "center", "end"]
-#}
-
-{% set _quote = quote|default('') %}
-{% set _attribution = attribution|default('') %}
-{% set _cite = cite|default('') %}
-{% set _alignment = alignment|default('left') %}
-
-<figure class="text-{{ _alignment }}">
-  <blockquote class="blockquote">
-    <p>{{- _quote -}}</p>
-  </blockquote>
-{% if _attribution is not empty %}
-  <figcaption class="blockquote-footer">
-    {{- _attribution -}}
-  {% if _cite is not empty %}
-    <cite title="{{ _cite }}">{{- _cite -}}</cite>
-  {% endif %}
-  </figcaption>
-{% endif %}
-</figure>
-
-{% endspaceless %}

package/templates/breadcrumb/breadcrumb.html.twig

@@ -1,30 +0,0 @@
-{% spaceless %}
-
-{# Parameters:
-  - links (array of objects of type link)
-  - extra_classes (string) (default: '')
-#}
-
-{% set _extra_classes = extra_classes|default('') %}
-{% set _class = 'breadcrumb' ~ (_extra_classes ? ' ' ~ _extra_classes) %}
-{% set _links = links|default([]) %}
-
-{% if _links is not empty %}
-<nav aria-label="breadcrumb">
-  <ol class="{{ _class }}">
-    {% for _link in _links %}
-      {% if _link.path %}
-        <li class="breadcrumb-item">
-          {% include '@oe-bcl/link/link.html.twig' with _link only %}
-        </li>
-      {% else %}
-        <li class="breadcrumb-item active" aria-current="page">
-          {{- _link.label -}}
-        </li>
-      {% endif %}
-    {% endfor %}
-  </ol>
-</nav>
-{% endif %}
-
-{% endspaceless %}

package/templates/button/button.html.twig

@@ -1,90 +0,0 @@
-{% spaceless %}
-
-{# 
-  Parameters:
-  - label (string) (default: '')
-  - variant (string) (default: 'primary')
-  - size (string) (default: 'md')
-    - options ["sm", "md", "lg"]
-  - type (string) (default: 'button')
-  - outline (boolean) (default: false)
-  - disabled (boolean) (default: false)
-  - text_nowrap (boolean) (default: false)
-  - assistive_text (string) (default: '')
-  - id (string) (default: '')
-  - icon (icon object) (default: {}): predefined structure for Icon component
-  - icon_position (string) (default: after)
-    - options ["after", "before"]
-  - clean_class (boolean) (default: false)
-  - extra_classes (string) (default: '')
-  - extra_attributes (object) (default: {})
-  - spinner (spinner object) (default: {})
-  - show_spinner (boolean) (default: false)
-#}
-
-{% set _label = label|default('') %}
-{% set _variant = variant|default('primary') %}
-{% set _size = size|default('md') %}
-{% set _type = type|default('button') %}
-{% set _outline = outline|default(false) %}
-{% set _disabled = disabled|default(false) %}
-{% set _text_nowrap = text_nowrap|default(false) %}
-{% set _assistive_text = assistive_text|default('') %}
-{% set _id = id|default('') %}
-{% set _icon = icon|default({}) %}
-{% set _icon_position = icon_position|default('after') %}
-{% set _show_spinner = show_spinner|default(false) %}
-{% set _spinner = spinner|default({}) %}
-{% set _clean_class = clean_class|default(false) %}
-{% set _extra_classes = extra_classes|default('') %}
-{% set _extra_attributes = '' %}
-{% set _class = '' %}
-{% if _clean_class == false %}
-  {% set _class = 'btn btn-' ~ (_outline ? 'outline-' : '') ~ _variant %}
-  {% set _class = _class ~ ' btn-' + _size %}
-{% endif %}
-{% set _class = _class ~ (_text_nowrap ? ' text-nowrap' : '') %}
-{% if _extra_classes is not empty %}
-  {% set _class = (_class ? _class ~ ' ' : '') ~ _extra_classes %}
-{% endif %}
-{% if extra_attributes is defined and extra_attributes is not empty and extra_attributes is iterable %}
-  {% for attr in extra_attributes %}
-    {% if attr.value is defined %}
-      {% set _extra_attributes = _extra_attributes ~ ' ' ~ attr.name|e('html_attr') ~ '="' ~ attr.value|e('html_attr') ~ '"' %}
-    {% else %}
-      {% set _extra_attributes = _extra_attributes ~ ' ' ~ attr.name|e('html_attr') %}
-    {% endif %}
-  {% endfor %}
-{% endif %}
-
-<button
-  type="{{ _type }}"
-{% if _class %}
-  class="{{ _class }}"
-{% endif %}
-  {{ _disabled ? 'disabled aria-disabled="true"' : '' }}
-{% if _id is not empty %}
-  id="{{ _id }}"
-{% endif %}
-{{ _extra_attributes|raw }}
->
-{%- if _show_spinner -%}
-  {% include '@oe-bcl/spinner/spinner.html.twig' with _spinner only %}
-{%- endif -%}
-{%- if _assistive_text is not empty -%}
-  <span class="visually-hidden">{{- _assistive_text -}}</span>
-{% endif %}
-{%- if _icon_position == 'before' -%}
-{% if _icon is not empty %}
-  {% include '@oe-bcl/icon/icon.html.twig' with _icon only %}
-{% endif %}
-{%- endif -%}
-  {{- label -}}
-{%- if _icon_position == 'after' -%}
-{%- if _icon is not empty -%}
-  {% include '@oe-bcl/icon/icon.html.twig' with _icon only %}
-{%- endif -%}
-{%- endif -%}
-</button>
-
-{% endspaceless %}

package/templates/button-group/button-group.html.twig

@@ -1,57 +0,0 @@
-{% spaceless %}
-
-{# Parameters:
-  - vertical (boolean) (default: false)
-  - size (string) (default: 'md')
-    - options ["sm", "md", "lg"]
-  - toolbar (boolean) (default: 'false')
-  - aria_label (string) (default: '')
-  - toolbar_aria_label (string) (default: '')
-  - items (array of arrays with objects of type button or form-input (input key mandatory when the object is a form-input))
-  - extra_classes (string) (default: '')
-#}
-
-{% set _vertical = vertical|default(false) %}
-{% set _size = size|default('md') %}
-{% set _aria_label = aria_label|default('') %}
-{% set _toolbar = toolbar|default(false) %}
-{% set _extra_classes = extra_classes|default('') %}
-{% set _toolbar_aria_label = toolbar_aria_label|default('') %}
-{% set _class = 'btn-group' ~ ( _vertical ? '-vertical' : '') %}
-{% set _class = _class ~ ' btn-group-' + _size %}
-{% set _class = _class ~ ' ' ~ _extra_classes %}
-{% set _items = items|default([]) %}
-
-{% if _toolbar %}
-  <div class="btn-toolbar" role="toolbar"
-  {% if _toolbar_aria_label is not empty %}
-    aria-label="{{ _toolbar_aria_label }}"
-  {% endif %}
-  >
-{% endif %}
-{% if _items is not empty %}
-  {% for _items_group in _items %}
-    <div 
-      class="{{ _class }}" 
-      role="group"
-      {% if _aria_label is not empty %}
-        aria-label="{{ _aria_label }}"
-      {% endif %}
-    >
-    {% if _items_group is not empty and _items_group is iterable %}
-      {% for _item in _items_group %}
-        {% if _item.input is defined %}
-          {% include '@oe-bcl/form-input/form-input.html.twig' with _item only %}
-        {% else %}
-          {% include '@oe-bcl/button/button.html.twig' with _item only %}
-        {% endif %}
-      {% endfor %}
-    {% endif %}
-    </div>
-  {% endfor %}
-{% endif %}
-{% if _toolbar %}
-  </div>
-{% endif %}
-
-{% endspaceless %}