swedbank-pay-design-guide-jekyll-theme 1.10.1 → 1.12.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 19ee08d9790dff4e1cb23a6a83e6fd3dc4aacc4ce3e525512e48c44e308f410a
-  data.tar.gz: 7f4aba83c60b9e3479309b0dd4ded8a4d2252fdd1a353513ef945159b66ab49d
+  metadata.gz: 1a429e2ccf36382e968c44364a71d52610a2f42fabf5b8cad7b0495b6895a773
+  data.tar.gz: 15228d84db373ff8806365334af8290a7b861eab7d44bb52fcb0c1bf5b45ae9b
 SHA512:
-  metadata.gz: 794b358433885c1c8f814fa28ba0b740c0198ae79028e51efd7ea231b6f030361a8096636be0e7ce30e36e3b4fff2ceaa030af0bbe52ee67a46a75c6ed6cc8a2
-  data.tar.gz: 3c58bb6a40ba660b993356b9e182e7d67f833458bd9f78b00fe20f015210f5c69b8d78e15bf29affe548616a5b1604908d1f01dd12f03f6b1c78eb6363b33af2
+  metadata.gz: 32fd558a5ce72bb1c80e589802ac0d96db5631989994a36c30f97ad5699ecc4a18ed75b606fd4fcaca12f2413587ac6e7e80d1b419b68d5a3553d8f0206b2bca
+  data.tar.gz: 7c6312c808c0b1e8e342b64ea37438decd64cecab72445501e1cbcddf75b9cc47d92f6440142c950d662f7e1961578ed6dc5072ebce2f181ee2b18ef845caa38

data/README.md

@@ -5,7 +5,7 @@
 ![Test status][test-badge]
 ![Deploy status][deploy-badge]
 [![License][license-badge]][license]
-[![Dependabot Status][dependabot-badge]][dependabot]
+[![Codacy][codacy-badge]][codacy]
 [![CLA assistant][cla-badge]][cla]
 [![Contributor Covenant][coc-badge]][coc]
 
@@ -84,8 +84,8 @@ agreement][cla].
 [clone]:                <https://help.github.com/articles/cloning-a-repository/>
 [coc-badge]:            <https://img.shields.io/badge/Contributor%20Covenant-v2.0%20adopted-ff69b4.svg>
 [coc]:                  <./CODE_OF_CONDUCT.md>
-[dependabot-badge]:     <https://api.dependabot.com/badges/status?host=github&repo=SwedbankPay/swedbank-pay-design-guide-jekyll-theme>
-[dependabot]:           <https://dependabot.com>
+[codacy-badge]:         <https://app.codacy.com/project/badge/Grade/30ebfb7d531a488484e87dd428034af7>
+[codacy]:               <https://www.codacy.com/gh/SwedbankPay/swedbank-pay-design-guide-jekyll-theme/dashboard?utm_source=github.com&amp;utm_medium=referral&amp;utm_content=SwedbankPay/swedbank-pay-design-guide-jekyll-theme&amp;utm_campaign=Badge_Grade>
 [deploy-badge]:         <https://github.com/SwedbankPay/swedbank-pay-design-guide-jekyll-theme/workflows/Deploy/badge.svg>
 [design-guide]:         <https://design.swedbankpay.com/>
 [developer-portal]:     <https://developer.swedbankpay.com/>
@@ -96,7 +96,6 @@ agreement][cla].
 [license]:              <https://opensource.org/licenses/MIT>
 [liquid]:               <https://jekyllrb.com/docs/liquid/>
 [opengraph-image]:      <https://repository-images.githubusercontent.com/209270355/36818080-53ee-11ea-896c-082addb851a6>
-[repo]:                 <https://github.com/SwedbankPay/swedbank-pay-design-guide-jekyll-theme/>
 [ruby]:                 <https://www.ruby-lang.org/en/>
 [swedbankpay]:          <https://swedbankpay.github.io/swedbank-pay-design-guide-jekyll-theme/>
 [test-badge]:           <https://github.com/SwedbankPay/swedbank-pay-design-guide-jekyll-theme/workflows/Test/badge.svg>

data/_includes/card-list.html

@@ -7,19 +7,23 @@ type: sdk | module - Empty type result in default card styling
 col_class(required): Describes what grid column class(es) each card should be wrapped in
 {%- endcomment -%}
 
+{% assign cards = include.card_list | default: page.children %}
+{% assign col_class = include.col_class | default: 'col-lg-4' %}
+
 <div class="row card-list">
-    {% for card in include.card_list %}
+    {% for card in cards %}
         {% assign title = card.title | split: '–' | last %}
-        {% assign link_to = card.extensionless_path | default: card.url %}
+        {% assign link_to = card.absolute_path | default: card.url %}
+
         {% assign card_type = card.card.type | default: card.card_type | default: include.type %}
         {% assign icon_content = card.card.icon.content | default: card.icon.content %}
         {% assign icon_outlined = card.card.icon.outlined | default: card.icon.outlined %}
         {% assign icon_svg = card.card.icon.svg | default: card.icon.svg %}
         {% assign no_icon = card.card.icon.no_icon | default: card.icon.no_icon %}
         {% assign horizontal = card.card.horizontal | default: false %}
-        {% assign disabled = card.card.disabled | default: false %}
+        {% assign disabled = card.card.disabled | default: card.disabled %}
 
-        <div class="{{ include.col_class }}">
+        <div class="{{ col_class }}">
             {% include card.html
                 title=title
                 text=card.description

data/_includes/card-overview.html

@@ -1,8 +1,9 @@
 {% for child in page.children %}
     {% if child.children && child.children.size > 0 %}
+        {% assign title = child.title | default: child.section %}
         {% capture header %}
 {:.heading-line}
-## {{ child.title }}
+## {{ title }}
         {% endcapture %}
         {% assign header =  header | markdownify %}
         {% include anchor_headings.html html=header anchorClass='header-anchor' %}

data/_includes/card.html

@@ -60,7 +60,7 @@ type: sdk | module - Empty type result in default card styling
     </span>
     <span class="dx-card-content">
         <span class="{{ title_type }}">{{ include.title }}</span>
-        <span>{{ text }}</span>
+        <span>{{ text | markdownify }}</span>
     </span>
     {% unless disabled %}
         <i class="material-icons">arrow_forward</i>

data/assets/puml-theme-swedbankpay.puml

@@ -0,0 +1,433 @@
+''
+'' swedbankpay theme based on https://design.swedbankpay.com
+''
+'' Author = "Asbjørn Ulsberg"
+'' Copyright (c) 2021 Swedbank Pay
+
+!$theme = "swedbankpay"
+
+!$black = "#222222"
+!$text_gray = "#767676"
+!$list_gray = "#999999"
+!$light_gray = "#f9f8f6"
+!$white = "#ffffff"
+!$solid_brown = "#2f2424"
+!$dark_brown = "#493c3b"
+!$medium_brown = "#72605e"
+!$soft_brown = "#a38b80"
+!$light_brown = "#d4c4bc"
+!$orange = "#f35b1c"
+!$light_orange = "#f5b895"
+!$peach = "#fbf2ea"
+!$cyan = "#257886"
+!$light_cyan = "#ebf8f2"
+
+!$brand_primary = "#fdc129"
+!$brand_primary_light = "#ffcc00"
+!$brand_primary_light_2 = "#ffdf88"
+!$brand_primary_light_3 = "#fff3d5"
+!$brand_secondary_dark_1 = $dark_brown
+!$brand_secondary_dark_2 = $solid_brown
+!$brand_secondary = "#512b2b"
+!$brand_secondary_light_1 = $medium_brown
+!$brand_secondary_light_2 = $soft_brown
+!$brand_secondary_light_3 = $light_brown
+!$brand_secondary_light_4 = "#d4b8a3"
+!$brand_secondary_info_1 = "#8acdc3"
+!$brand_secondary_info_2 = "#efb7b6"
+!$brand_tertiary = "#ee7023"
+!$brand_accent = "#31a3ae"
+!$brand_accent_links = $cyan
+!$brand_accent_disabled = "#98d0d6"
+
+' Background Colors
+!$brand_bg_1 = $peach
+!$brand_bg_2 = $light_cyan
+!$brand_bg_3 = "#fbedf4"
+!$brand_bg_4 = "#e9f7fb"
+!$brand_bg_gray = "#ebe7e2"
+!$brand_bg_white = "#ffffff"
+
+' State colors
+!$brand_success = "#437e15"
+!$brand_success_light = "#f2f7eb"
+!$brand_success_light_2 = "#99cc66"
+!$brand_warning = "#f9ce22"
+!$brand_warning_light = "#fff3d5"
+!$brand_warning_2 = $brand_tertiary
+!$brand_error_border = "#f1bbb9"
+!$brand_error = "#c5131c"
+!$brand_error_light = "#f9ded3"
+!$brand_info = "#3e6ab6"
+!$brand_info_light = "#e8eff9"
+
+!$primary_text = $solid_brown
+!$secondary_text = $black
+!$info_text = $black
+!$success_text = $white
+!$warning_text = $white
+!$danger_text = $white
+
+!procedure $code($msg)
+  <font:Consolas>$msg</font>
+!endprocedure
+
+!procedure $participant($sprite, $title)
+    participant "<$$sprite,color=$light_orange>\n\n$title"
+!endprocedure
+
+!procedure $primary_scheme()
+	FontColor $primary_text
+	BorderColor $light_orange
+	BackgroundColor $peach
+!endprocedure
+
+sprite $payer [75x79/4z] {
+xT85bWCn30JHxjBzpxmCyeGC2gV2CF-PT9uC4NpT0Y82088WVmpu_Zc8tp-3cbXAAJyW5NT2lQWNzQ9U5FT0EGVO1d17BRM5-NsrJjPUV126GSfiO4zJj1Ha
+TOW2-m2bCSeWaygNqrL2YoXm4MNGbj8S1LgcudTwErHCKSOg6XMeW299BUKbIakKazHUeq7AIbHkGraIM2Vgf0mw5UwYGCDKxAN07HIxdurRog0PoZBA0MY2
+4eWTokh8UCVQfQIfONcNKb-xez-XB4qEIxYCaYOfGnMbGied_Wkg6fO7B4uDgtArAADycyE2ilFW6pscLdTmYvJW5YdZAafGHXbNKO92obMKu1OfuofAK40L
+z0u
+}
+
+sprite $merchant [75x62/4z] {
+xPG7TiCm3CM8h_kVEJkXPPggdjZT8c-PYE4j-nZG6eHI64u1aaAfS3MxRLk6SieHoVNLKrAx_feYxKegf9XoSEP4cY8J2YBEgQLQc2-auXuj4yobbCwdK_4A
+MKYrOq5oYFaB98pZ3jycnLIAGqCzrRB_Es8k9GvJuaLkK9QgyqpXzVugPbLoLjWBJQjq74HG117dcEJZNj6fuzFjPZmCKgOKLJXVjcKwPMFbI8Xj6dnZh48A
+M-KdfHXz5ueCKqWHxYdsBAIqbD8efPw_aVfF_QTQCSKLUu0LKcQ0EQmlCcQIXYcGD7LM7J657fHJ21uH6p6HyeAki9wIUzrPJ-6b1-KKUa8r9USRfEujU3k5
+Y9DD2abrdcdgN3jd
+}
+
+sprite $server [75x98/4z] {
+xPS5hkH050FjyltFl3JGcWo_UALF9GXNcgsMH0D9CXqiWHg0X5K16xLKud2IELoe4kOa5ohs4A-sSjZ7AXMqLNAkZYDLJcqcwNJjdcfQmVZgE53rUj2zSQLz
+gelHxlm3ai3X40wd0AUhq_MwI18lrJ_PdF-oo5WDZ0HsmuGaEXoC3LJb8qOg7pHIrOzKCeMF6gdghgAF8pNZIFMfekluGIBrIlaIkOfKiccY37BmeqMgsf6g
+F0Bo4FLpiAcY6AbOtWlTI2s5gkhuPvVwgaeLl5JE56zKP7VlgR45uA1IGPLhrLQOiSgR8r86gglyMyUHwbgPcOeGheu3LQq7QOmheztnx8k9Op85QwaAT5NT
+LHJi3nQfBm6em1TI_QX-L3yg3lHCqAgTmGNJfBsuYH_j4uggUWLVTvLCgsPgkQmEhtb-0m
+}
+
+sprite $3rdparty [75x67/4z] {
+xPO7biCW34JvtF_EszS3cIU7bqbFj7LawGSBKTg20RHpMF-pcCOlHgo8n8PCISEBajLf4j6WcC0aA1jZ-7xdHt7MKPslLYJDW86ZRj3_wLgsnWzO0686hCrQ
+RfndkyhBv3rnVwYJQzuNBIV9LcOBPlj9T1yh-uhZAG8pb9mdT6Cld1nV8-xqj2xdwlL0pedkJg-9LU77LpZhSGsxd3cdD3fwMABeZ17IuakBwU_trmnJ5dyl
+Ve3gXif7TVvQvJDu_hxAk_tyQ_3yEyFvzwlz3TETyc6V6vXDU61MZ79sBDgIwn8YhUPUaZuRXjeZ4w7Q6nMKFM-66YMDzQH9p_ORiFJmV5-oDJxyA8q9HHUI
+PjdqhW9Cvm9-JEYlIJQV7WgfF_AxLBI4KXKiSfCSuZR9XDBdADZaZ690SNHKCueQjL0h5cjrnXayNr-ThzkbxLHSbih-1
+}
+
+''
+'' Global Default Values
+''
+skinparam backgroundColor           "transparent"
+skinparam useBetaStyle              false
+skinparam creoleMonospacedFont      "Consolas"
+skinparam defaultMonospacedFontName "Consolas"
+skinparam defaultFontName           "Arial"
+skinparam defaultFontSize           16
+skinparam dpi                       100
+skinparam shadowing                 false
+skinparam roundcorner               20
+skinparam ParticipantPadding        40
+skinparam BoxPadding                40
+skinparam Padding                   8
+skinparam ArrowColor                $orange
+skinparam stereotype {
+    CBackgroundColor                $brand_secondary_light_1
+    CBorderColor                    $orange
+    ABackgroundColor                $brand_success_light
+    ABorderColor                    $brand_success
+    IBackgroundColor                $brand_error_light
+    IBorderColor                    $brand_error
+    EBackgroundColor                $brand_warning_light
+    EBorderColor                    $brand_warning
+    NBackgroundColor                $brand_info_light
+    NBorderColor                    $brand_info
+}
+skinparam title {
+	FontColor	                    $primary_text
+	BorderColor	                    $orange
+	FontSize	    	            20
+	BorderRoundCorner               8
+	BorderThickness 	            1
+	BackgroundColor                 $peach
+}
+
+skinparam legend {
+	BackgroundColor $brand_secondary
+	BorderColor $brand_secondary_dark_1
+	FontColor $primary_text
+}
+
+!startsub swimlane
+skinparam swimlane {
+	BorderColor $brand_info
+	BorderThickness 2
+	TitleBackgroundColor $brand_secondary
+	TitleFontColor $primary_text
+}
+!endsub
+
+!startsub activity
+
+skinparam activity {
+	$primary_scheme()
+	BarColor $brand_success
+	StartColor $brand_info
+	EndColor $brand_info
+	''
+	DiamondBackgroundColor $brand_secondary_light_1
+  	DiamondBorderColor $brand_secondary_dark_1
+  	DiamondFontColor $primary_text
+}
+!endsub
+
+!startsub participant
+    skinparam participant {
+        $primary_scheme()
+        BorderThickness 0
+        BackgroundColor $white
+
+        ParticipantBorderThickness 2
+    }
+!endsub
+
+!startsub actor
+    skinparam actor {
+        $primary_scheme()
+        BackgroundColor $peach
+        BorderColor $orange
+    }
+!endsub
+
+!startsub arrow
+    skinparam arrow {
+        Thickness 1
+        Color $orange
+        FontColor $primary_text
+    }
+!endsub
+
+!startsub sequence
+    skinparam sequence {
+        BorderColor $orange
+        ' For some reason sequence title font color does not pick up from global
+        TitleFontColor $primary_text
+        BackgroundColor $peach
+        StartColor $orange
+        EndColor $orange
+        ''
+        BoxBackgroundColor $brand_bg_1
+        BoxBorderColor $brand_secondary_dark_1
+        BoxFontColor $primary_text
+        ''
+        DelayFontColor $primary_text
+        ''
+        LifeLineBorderColor $orange
+        LifeLineBorderThickness 1
+        LifeLineBorderRoundCorner 20
+        LifeLineBackgroundColor $white
+        ''
+        GroupBorderThickness 1
+        GroupBorderColor $orange
+        GroupFontColor $primary_text
+        GroupHeaderFontColor $primary_text
+        GroupHeaderFontWeight 1
+        GroupBackgroundColor $white
+        GroupBodyBackgroundColor $peach
+        GroupHeaderBackgroundColor $brand_primary_light_2
+        ''
+        DividerBackgroundColor $brand_secondary_dark_1
+        DividerBorderColor $brand_secondary_dark_1
+        DividerBorderThickness 2
+        DividerFontColor $primary_text
+        ''
+        ReferenceBackgroundColor $brand_primary_light_2
+        ReferenceBorderColor $brand_secondary_dark_1
+        ReferenceFontColor $primary_text
+        ReferenceHeaderFontColor $primary_text
+        ReferenceHeaderBackgroundColor $brand_secondary
+        ''
+        StereotypeFontColor $primary_text
+    }
+!endsub
+
+!startsub partition
+
+skinparam partition {
+	BorderColor $brand_primary
+	FontColor $primary_text
+	BackgroundColor $brand_primary_light_2
+}
+!endsub
+
+!startsub collections
+    skinparam collections {
+        $primary_scheme()
+    }
+!endsub
+
+!startsub control
+    skinparam control {
+        $primary_scheme()
+    }
+!endsub
+
+!startsub entity
+
+skinparam entity {
+	$primary_scheme()
+}
+!endsub
+
+!startsub boundary
+    skinparam boundary {
+        $primary_scheme()
+    }
+!endsub
+
+!startsub agent
+    skinparam agent {
+        BackgroundColor $brand_warning
+        BorderColor $brand_warning_light
+        FontColor $primary_text
+    }
+!endsub
+
+!startsub note
+    skinparam note {
+        BorderThickness 1
+        BackgroundColor $brand_bg_2
+        BorderColor $cyan
+    }
+!endsub
+
+!startsub artifact
+
+skinparam artifact {
+	BackgroundColor $brand_secondary_dark_1
+	BorderColor $brand_secondary_dark_2
+	FontColor $primary_text
+}
+!endsub
+
+!startsub component
+    skinparam component {
+        $primary_scheme()
+    }
+!endsub
+
+!startsub interface
+    skinparam interface {
+        BackgroundColor  $brand_error
+        BorderColor  $brand_error
+        FontColor $primary_text
+    }
+!endsub
+
+!startsub storage
+    skinparam storage {
+        $primary_scheme()
+    }
+!endsub
+
+!startsub node
+    skinparam node {
+        $primary_scheme()
+    }
+!endsub
+
+!startsub cloud
+    skinparam cloud {
+        $primary_scheme()
+    }
+!endsub
+
+!startsub database
+    skinparam database {
+        $primary_scheme()
+    }
+!endsub
+
+!startsub class
+    skinparam class {
+        $primary_scheme()
+        HeaderBackgroundColor $brand_primary_light
+        StereotypeFontColor $primary_text
+        BorderThickness 1
+        AttributeFontColor $primary_text
+        AttributeFontSize 11
+    }
+!endsub
+
+!startsub object
+    skinparam object {
+        $primary_scheme()
+        StereotypeFontColor $primary_text
+        BorderThickness 1
+        AttributeFontColor $primary_text
+        AttributeFontSize 11
+    }
+!endsub
+
+!startsub usecase
+    skinparam usecase {
+        $primary_scheme()
+        BorderThickness 2
+        StereotypeFontColor $primary_text
+    }
+!endsub
+
+!startsub rectangle
+    skinparam rectangle {
+        $primary_scheme()
+        StereotypeFontColor $primary_text
+    }
+!endsub
+
+!startsub package
+    skinparam package {
+        $primary_scheme()
+    }
+!endsub
+
+!startsub folder
+    skinparam folder {
+        $primary_scheme()
+    }
+!endsub
+
+!startsub frame
+    skinparam frame {
+        $primary_scheme()
+    }
+!endsub
+
+!startsub state
+    skinparam state {
+        $primary_scheme()
+        StartColor $orange
+        EndColor $brand_secondary
+        AttributeFontColor $primary_text
+        AttributeFontSize 11
+    }
+!endsub
+
+!startsub queue
+    skinparam queue {
+        $primary_scheme()
+    }
+!endsub
+
+!startsub card
+    skinparam card {
+        $primary_scheme()
+    }
+!endsub
+
+!startsub file
+    skinparam file {
+        $primary_scheme()
+    }
+!endsub
+
+!startsub stack
+
+skinparam stack {
+	$primary_scheme()
+}
+!endsub

data/lib/gem_version.rb

@@ -4,7 +4,7 @@ module Gem
   # Gem Specification
   class Specification
     def self.gem_version
-      '1.10.1'
+      '1.12.0'
     end
   end
 end

data/lib/sidebar.rb

@@ -3,6 +3,7 @@
 require 'jekyll'
 require 'nokogiri'
 require 'json'
+require_relative 'sidebar_logger'
 require_relative 'sidebar_page'
 require_relative 'sidebar_parser'
 require_relative 'sidebar_renderer'
@@ -15,16 +16,16 @@ module SwedbankPay
       attr_reader :pages
 
       def pre_render(site)
-        Jekyll.logger.debug('           Sidebar: pre_render')
+        SidebarLogger.debug('pre_render')
         @parser = SidebarParser.new(site)
         @pages = SidebarTreeBuilder.new(@parser.pages)
-        Jekyll.logger.debug("           Sidebar: #{@pages.inspect}")
+        SidebarLogger.debug(@pages.inspect)
       end
 
       def post_write
         @sidebar_renderer = SidebarRenderer.new(@pages)
         @parser.parse(@pages)
-        Jekyll.logger.debug('           Sidebar: post_write')
+        SidebarLogger.debug('post_write')
         @sidebar_renderer.render
       end
     end

data/lib/sidebar_html_builder.rb

@@ -1,5 +1,6 @@
 # frozen_string_literal: false
 
+require_relative 'sidebar_logger'
 require_relative 'sidebar_page'
 
 module SwedbankPay
@@ -27,10 +28,10 @@ module SwedbankPay
         current_page_name = current_page.respond_to?(:name) ? current_page.name : current_page.to_s
 
         if page.hidden_for?(current_page)
-          Jekyll.logger.debug("           Sidebar: #{page.name} is hidden for #{current_page_name}")
+          SidebarLogger.debug("#{page.name} is hidden for #{current_page_name}")
           next
         elsif page.hidden?
-          Jekyll.logger.debug("           Sidebar: Hidden page #{page.name} is not hidden for #{current_page_name}")
+          SidebarLogger.debug("Hidden page #{page.name} is not hidden for #{current_page_name}")
         end
 
         sub_items_markup = sub_items_markup(page, current_page)

data/lib/sidebar_logger.rb

@@ -0,0 +1,32 @@
+# frozen_string_literal: true
+
+require 'jekyll'
+
+module SwedbankPay
+  # Logs stuff
+  module SidebarLogger
+    class << self
+      def debug(message)
+        Jekyll.logger.debug prefix(message)
+      end
+
+      def info(message)
+        Jekyll.logger.info prefix(message)
+      end
+
+      def warn(message)
+        Jekyll.logger.warn prefix(message)
+      end
+
+      def error(message)
+        Jekyll.logger.error prefix(message)
+      end
+
+      private
+
+      def prefix(message)
+        "           Sidebar: #{message}"
+      end
+    end
+  end
+end

data/lib/sidebar_page.rb

@@ -2,6 +2,7 @@
 
 require 'jekyll'
 require 'nokogiri'
+require_relative 'sidebar_logger'
 require_relative 'sidebar_path'
 require_relative 'sidebar_page_title'
 require_relative 'sidebar_page_collection'
@@ -31,6 +32,7 @@ module SwedbankPay
       @order = menu_order(jekyll_page)
       @children = SidebarPageCollection.new(self)
       @card_overview = jekyll_page['card_overview'].nil? ? false : jekyll_page['card_overview']
+      @anchor_headings = jekyll_page['anchor_headings'].nil? ? true : jekyll_page['anchor_headings']
     end
 
     def active?(current, is_leaf: false)
@@ -67,7 +69,7 @@ module SwedbankPay
       hidden = hidden?
 
       if other_page.nil? || !other_page.is_a?(SidebarPage)
-        Jekyll.logger.debug("           Sidebar: Other page '#{other_page}' is nil or not a SidebarPage")
+        SidebarLogger.debug("Other page '#{other_page}' is nil or not a SidebarPage")
         return hidden
       end
 
@@ -106,19 +108,20 @@ module SwedbankPay
 
     def enrich_jekyll
       if @title.nil?
-        Jekyll.logger.debug("           Sidebar: No title for #{@name}")
+        SidebarLogger.debug("No title for #{@name}")
         return
       end
 
-      Jekyll.logger.debug("           Sidebar: <#{@path}>.lead_title('#{@title.lead}').main_title('#{@title.main}')")
+      SidebarLogger.debug("<#{@path}>.lead_title('#{@title.lead}').main_title('#{@title.main}')")
 
       @jekyll_page.data['lead_title'] = @title.lead
       @jekyll_page.data['main_title'] = @title.main
       @jekyll_page.data['children'] = @children
+      @jekyll_page.data['absolute_path'] = @path
     end
 
     def save
-      Jekyll.logger.debug("   Writing Sidebar: #{filename}")
+      SidebarLogger.debug("   Writing Sidebar: #{filename}")
 
       File.open(@filename, 'w') do |file|
         html = @doc.to_html(encoding: 'UTF-8')
@@ -154,6 +157,10 @@ module SwedbankPay
       @card_overview
     end
 
+    def anchor_headings?
+      @anchor_headings
+    end
+
     private
 
     def menu_order(jekyll_page)
@@ -173,14 +180,14 @@ module SwedbankPay
 
     def find_path(current)
       if current.nil?
-        Jekyll.logger.warn('           Sidebar: Nil current_page')
+        SidebarLogger.warn('Nil current_page')
         return ''
       end
 
       return current if current.is_a? String
       return current.path if current.respond_to?(:path)
 
-      Jekyll.logger.warn("           Sidebar: #{current.class} ('#{current}') does not respond to :path.")
+      SidebarLogger.warn("#{current.class} ('#{current}') does not respond to :path.")
 
       ''
     end

data/lib/sidebar_parser.rb

@@ -2,6 +2,7 @@
 
 require 'jekyll'
 require 'jekyll-redirect-from'
+require_relative 'sidebar_logger'
 require_relative 'sidebar_path'
 
 module SwedbankPay
@@ -30,7 +31,7 @@ module SwedbankPay
 
       pages.each do |jekyll_page|
         if skippable? jekyll_page
-          Jekyll.logger.debug("           Sidebar: Skipping <#{jekyll_page['url']}>")
+          SidebarLogger.debug("Skipping <#{jekyll_page['url']}>")
           next
         end
 
@@ -60,7 +61,7 @@ module SwedbankPay
       headers = []
 
       # Don't include headers in the sidebar if we're on a card overview page.
-      return headers if page.card_overview?
+      return headers if page.card_overview? || !page.anchor_headings?
 
       page.doc.xpath('//h2').each do |header|
         id = header['id']
@@ -81,7 +82,7 @@ module SwedbankPay
       sidebar_containers = page.doc.xpath('//*[@id="dx-sidebar-main-nav-ul"]')
 
       if sidebar_containers.empty?
-        Jekyll.logger.error("           Sidebar: No sidebar container found in <#{page.filename}>!")
+        SidebarLogger.error("No sidebar container found in <#{page.filename}>!")
         return nil
       end
 

data/lib/sidebar_renderer.rb

@@ -1,5 +1,6 @@
 # frozen_string_literal: true
 
+require_relative 'sidebar_logger'
 require_relative 'sidebar_html_builder'
 
 module SwedbankPay
@@ -31,12 +32,12 @@ module SwedbankPay
         name = page.filename || page.name || page.to_s
 
         if sidebar_html.nil?
-          Jekyll.logger.warn("           Sidebar: No HTML rendered for #{name}.")
+          SidebarLogger.warn("No HTML rendered for #{name}.")
           next
         end
 
         if page.sidebar_container.nil?
-          Jekyll.logger.warn("           Sidebar: No sidebar container found in '#{name}'. #{page.filename}")
+          SidebarLogger.warn("No sidebar container found in '#{name}'. #{page.filename}")
           next
         end
 
@@ -57,8 +58,8 @@ module SwedbankPay
         File.open('_site/sidebar.html', 'w') { |f| f.write(sidebar_html) }
       rescue StandardError => e
         name = page.filename || page.name || page.to_s
-        Jekyll.logger.error("           Sidebar: Unable to render sidebar for '#{name}'.")
-        Jekyll.logger.debug("           Sidebar: #{e.message}. #{e.backtrace.inspect}")
+        SidebarLogger.error("Unable to render sidebar for '#{name}'.")
+        SidebarLogger.debug("#{e.message}. #{e.backtrace.inspect}")
       end
 
       sidebar_html

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: swedbank-pay-design-guide-jekyll-theme
 version: !ruby/object:Gem::Version
-  version: 1.10.1
+  version: 1.12.0
 platform: ruby
 authors:
 - Swedbank Pay
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2021-03-24 00:00:00.000000000 Z
+date: 2021-08-25 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: faraday
@@ -258,6 +258,7 @@ files:
 - assets/img/external-url.svg
 - assets/js/mermaid.min.js
 - assets/js/swedbank-pay-design-guide-theme.js
+- assets/puml-theme-swedbankpay.puml
 - assets/tipuesearch/search.png
 - assets/tipuesearch/tipuesearch.min.js
 - assets/tipuesearch/tipuesearch_content.js
@@ -268,6 +269,7 @@ files:
 - lib/sanitized_filename.rb
 - lib/sidebar.rb
 - lib/sidebar_html_builder.rb
+- lib/sidebar_logger.rb
 - lib/sidebar_page.rb
 - lib/sidebar_page_collection.rb
 - lib/sidebar_page_title.rb
@@ -289,14 +291,14 @@ required_ruby_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="
     - !ruby/object:Gem::Version
-      version: 2.4.0
+      version: 2.5.0
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.1.4
+rubygems_version: 3.1.6
 signing_key: 
 specification_version: 4
 summary: Swedbank Pay Design Guide theme for Jekyll