pugin 1.6.7 → 1.6.8

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: d9ec1bf6b6aef1eba6f8a37248d29d76be274e89
-  data.tar.gz: 5d6d5fe376d984fa03f69006cd8f1f419a6d1c45
+  metadata.gz: 03a72406726621abb9c34edd6efa6637cf988d9c
+  data.tar.gz: 19eb791c0ce30df578bc92235c3e6711a753aa30
 SHA512:
-  metadata.gz: e30f8e9da8985ef17aee644cc81715b3823fe288329285028873b21f00865f04fd33447d92527ddfd0debf4f82502639edccee7be378e23444e6400d41b58acd
-  data.tar.gz: b7172faa6320383858a0baf784168f7eec42a6530df435afc60661ca0888349bb4d980d0ec6b7a6c7ad7d87e077b5d1e2bc39934ce9d6ca948419b1a83d179cc
+  metadata.gz: e050143e60552d466753013f679626801eb76c57823dcb6fc55809f6da3855057d7fb42b92aa1d3b016c7075d4dd31bd38e7c3a581b5776e558066a36d5e66d9
+  data.tar.gz: 02ee092eb6fcc76c96334adb8d7a91f06caf1d9b3b85124972ccd7e68c7fdafcff676b4b67130b0b8903c9d10d81fd022468ea92de5abdb50fcf2138e81ee6a2

data/app/views/pugin/components/_global-search.haml

@@ -0,0 +1,10 @@
+.search__global
+  %form{ action: '/search', method: 'get'}
+    .input-group
+      %label.sr-only{ for: 'search_global' } Enter a keyword
+      %input{ type: 'search', name: 'q', value: @query_parameter, id: 'search_global', maxlength: '1000', pattern: '^(?!.*<script|<Script).*$', required: '' }
+      %button{ class: 'btn--white', tabindex: '-1', type: 'submit', aria: { label: 'submit search'}, data: { tracking: 'search' } }
+        = render partial: 'pugin/icons/search'
+  %a{ href: '#', class: 'search__global__toggle', aria: { label: 'open search' } }
+    = render partial: 'pugin/icons/search'
+    = render partial: 'pugin/icons/close'

data/app/views/pugin/components/_header.haml

@@ -1,4 +1,5 @@
 %header
   .container
-    %a{:href => "/" }
-      %img{:src => "https://s3-eu-west-1.amazonaws.com/web1live.pugin-website/images/uk_parliament_logo_white.png", :alt => "#{I18n.t('pugin.components.header.parliament_header')}", :class => "logo", :srcset => "https://s3-eu-west-1.amazonaws.com/web1live.pugin-website/images/uk_parliament_logo_white.svg"}
+    %a.uk_parliament{ href: '/' }
+      = render partial: 'pugin/icons/uk-parliament'
+    = render partial: 'pugin/components/global-search' if Pugin::Feature::GlobalSearch.enabled?

data/app/views/pugin/icons/_close.html.haml

@@ -0,0 +1,7 @@
+%svg{"data-icon" => "close", :focusable => "false", :height => "20", :viewbox => "0 0 20 20", :width => "20", :xmlns => "http://www.w3.org/2000/svg"}
+  %title Cross
+  %g{:stroke => "#fff"}
+    %g
+      %line{"stroke-width" => "2", :x1 => "0", :x2 => "18", :y1 => "0", :y2 => "18"}
+    %g
+      %line{"stroke-width" => "2", :x1 => "0", :x2 => "18", :y1 => "18", :y2 => "0"}

data/app/views/pugin/icons/_search.html.haml

@@ -0,0 +1,5 @@
+%svg{"data-icon" => "search", :focusable => "false", :height => "20", :viewbox => "0 0 20 20", :width => "20", :xmlns => "http://www.w3.org/2000/svg"}
+  %title Search icon
+  %g{:fill => "#fff"}
+    %path{:d => "M7.5 15C3.4 15 0 11.6 0 7.5 0 3.4 3.4 0 7.5 0 11.6 0 15 3.4 15 7.5 15 11.6 11.6 15 7.5 15ZM7.5 13C10.5 13 13 10.5 13 7.5 13 4.5 10.5 2 7.5 2 4.5 2 2 4.5 2 7.5 2 10.5 4.5 13 7.5 13Z"}
+    %polygon{:points => "14.8 10.8 16.8 10.8 16.8 20.8 14.8 20.8", :transform => "translate(15.778175 15.778175)rotate(-45)translate(-15.778175 -15.778175)"}

data/app/views/pugin/icons/_uk-parliament.html.haml

@@ -0,0 +1,20 @@
+%svg{:height => "54", :viewbox => "0 0 269 68", :width => "214", :xmlns => "http://www.w3.org/2000/svg"}
+  %title UK Parliament
+
+  %g{"data-icon" => "portcullis", :fill => "#fff"}
+    %path{:d => "M52.9 4.1L52.2 4.5C53 6 53.2 7.9 52.7 9.6 51.8 8.9 51.2 8 51 7L50.3 7.4C49.8 9.4 48.9 11.4 47.7 13.2L47.9 13.9C48.6 13.5 49.4 13.3 50.2 13.4 50.5 13.4 50.7 13.4 51 13.4 50.3 15.1 48.7 16.2 46.9 16.2 45.1 16.3 43.5 15.3 42.7 13.7 43.2 13.5 43.6 13 43.8 12.4 44 11.5 43.4 11.1 43.6 10.2 43.8 9.4 44.5 8.9 45.2 8.9 46 9 46.7 9.5 46.8 10.3 47.5 9.9 47.9 9.1 47.8 8.3 47.7 7.5 47.2 6.8 46.4 6.6 45.7 6.3 44.8 6.5 44.3 7.1 44.6 6.6 44.8 6.1 44.9 5.6 45.1 4.3 44.9 3 44.1 2 42.9 2.6 42 3.7 41.8 5 41.6 5.5 41.6 6.1 41.7 6.6 41.4 5.9 40.7 5.3 39.9 5.3 39.1 5.2 38.4 5.6 38 6.3 37.6 7 37.6 7.8 38.1 8.5 38.5 7.8 39.3 7.6 40 7.9 40.7 8.2 41.1 8.9 41 9.7 40.8 10.5 40.1 10.7 39.9 11.6 39.8 12.1 39.9 12.6 40.2 13L40.3 13.2C38.7 14.4 36.5 14.7 34.7 13.8 32.8 12.9 31.7 11 31.7 9L31.7 8.5C33.3 8.8 34.8 9.6 35.9 10.9L36.5 10.3 36.5 3.9 35.9 3.3C34.8 4.5 33.3 5.3 31.7 5.6 31.6 3.3 33.2 1.3 35.4 0.8L34.8 0.2C33.2 0.1 31.6 0 30 0 28.4 0 26.8 0.1 25.2 0.2L24.6 0.8C26.8 1.3 28.4 3.3 28.4 5.6 26.7 5.3 25.2 4.5 24.1 3.3L23.5 3.9 23.5 10.3 24.1 10.8C25.2 9.6 26.7 8.8 28.4 8.5L28.4 9C28.3 11 27.2 12.9 25.4 13.8 23.5 14.7 21.4 14.5 19.7 13.2L19.8 13.1C20.1 12.6 20.2 12.1 20.1 11.6 19.9 10.7 19.2 10.6 19 9.7 18.8 9 19.2 8.2 20 7.9 20.7 7.6 21.5 7.8 22 8.5 22.4 7.8 22.4 7 22 6.3 21.6 5.6 20.9 5.2 20.1 5.3 19.3 5.3 18.6 5.9 18.3 6.6 18.4 6.1 18.4 5.5 18.2 5 18 3.7 17.1 2.6 15.9 2 15.1 3 14.8 4.4 15.1 5.7 15.2 6.2 15.4 6.7 15.7 7.2 15.1 6.6 14.3 6.4 13.5 6.7 12.8 6.9 12.2 7.6 12.2 8.4 12.1 9.2 12.5 10 13.2 10.4 13.3 9.6 13.9 9.1 14.7 9 15.5 9 16.2 9.5 16.4 10.3 16.6 11.2 16 11.6 16.2 12.4 16.3 13 16.7 13.5 17.3 13.8 16.5 15.4 14.8 16.3 13 16.3 11.3 16.2 9.7 15.1 9 13.5 9.3 13.4 9.5 13.4 9.8 13.4 10.6 13.4 11.4 13.6 12.1 14L12.3 13.2C11.1 11.4 10.2 9.5 9.6 7.4L9 7C8.8 8 8.2 8.9 7.3 9.6 6.8 7.9 7 6 7.8 4.5L7.1 4.1C6 4.5 4.3 5.2 3.1 5.7L10 21.1C22.7 15.5 37.2 15.5 50 21.1L56.8 5.7C55.7 5.2 54.1 4.5 52.9 4.1Z"}
+    %path{:d => "M59 33C59.1 31.2 57.8 29.5 56 29.1L56 26.9C58 26.4 59.3 24.5 59 22.5 58.8 20.5 57 19 55 19 53.2 18.9 51.5 20.2 51.1 22L8.9 22C8.5 20.2 6.8 18.9 5 19 3.9 19 2.9 19.4 2.1 20.1 1.4 20.9 1 21.9 1 23 0.9 24.8 2.2 26.5 4 26.9L4 29.1C2.2 29.6 1 31.2 1 33 1 34.8 2.2 36.5 4 36.9L4 39.1C2.2 39.6 1 41.2 1 43 1 44.8 2.2 46.5 4 46.9L4 49.1C2.2 49.6 1 51.2 1 53 1 54.8 2.2 56.5 4 56.9L4 59.1C2 59.6 0.7 61.5 1 63.5 1.3 65.5 3 67 5 67 7 67 8.8 65.5 9 63.5 9.3 61.5 8 59.6 6 59.1L6 56.9C7.8 56.5 9 54.8 9 53 9 51.2 7.8 49.6 6 49.1L6 46.9C7.8 46.5 9 44.8 9 43 9 41.2 7.8 39.6 6 39.1L6 36.9C7.8 36.5 9 34.8 9 33 9 31.2 7.8 29.6 6 29.1L6 26.9C7.4 26.6 8.6 25.4 8.9 24L11 24 11 67 11.5 67C12.5 63.9 14 61.1 16 58.5L16 58 14 58 14 52 19 52 19 58 18 58 18 58.6C19.3 61.2 20.3 64.1 20.8 67L21.2 67C21.7 64.1 22.7 61.2 24 58.6L24 58 23 58 23 52 28 52 28 58 27 58 27 58.6C28.3 61.2 29.3 64.1 29.8 67L30.2 67C30.7 64.1 31.7 61.2 33 58.6L33 58 32 58 32 52 37 52 37 58 36 58 36 58.6C37.3 61.2 38.3 64.1 38.8 67L39.2 67C39.7 64.1 40.7 61.2 42 58.6L42 58 41 58 41 52 46 52 46 58 44 58 44 58.5C46 61.1 47.5 63.9 48.5 67L49 67 49 24 51.1 24C51.4 25.4 52.6 26.6 54 26.9L54 29.1C52.2 29.6 51 31.2 51 33 51 34.8 52.2 36.5 54 36.9L54 39.1C52.2 39.6 51 41.2 51 43 51 44.8 52.2 46.5 54 46.9L54 49.1C52.2 49.6 51 51.2 51 53 51 54.8 52.2 56.5 54 56.9L54 59.1C52 59.6 50.8 61.5 51 63.5 51.3 65.5 53 67 55 67 57 67 58.7 65.5 59 63.5 59.2 61.5 58 59.6 56 59.1L56 56.9C57.8 56.5 59 54.8 59 53 59 51.2 57.8 49.6 56 49.1L56 46.9C57.8 46.5 59 44.8 59 43 59 41.2 57.8 39.6 56 39.1L56 36.9C57.8 36.5 59.1 34.8 59 33ZM7 63C7 63.5 6.8 64.1 6.4 64.4 6.1 64.8 5.5 65 5 65 4.1 65 3.2 64.4 3 63.5 2.7 62.6 3.2 61.6 4 61.2 4.1 61.7 4.5 62 5 62 5.5 62 5.9 61.7 6 61.2 6.7 61.6 7 62.3 7 63ZM7 53C7 53.7 6.7 54.4 6 54.8 5.9 54.3 5.5 54 5 54 4.5 54 4.1 54.3 4 54.8 3.4 54.4 3 53.7 3 53 3 52.3 3.4 51.6 4 51.2 4.1 51.7 4.5 52 5 52 5.5 52 5.9 51.7 6 51.2 6.7 51.6 7 52.3 7 53ZM7 43C7 43.7 6.7 44.4 6 44.8 5.9 44.3 5.5 44 5 44 4.5 44 4.1 44.3 4 44.8 3.4 44.4 3 43.7 3 43 3 42.3 3.4 41.6 4 41.2 4.1 41.7 4.5 42 5 42 5.5 42 5.9 41.7 6 41.2 6.7 41.6 7 42.3 7 43ZM6 24.8C5.9 24.3 5.5 24 5 24 4.5 24 4.1 24.3 4 24.8 3.2 24.4 2.7 23.4 3 22.5 3.2 21.6 4.1 21 5 21 5.9 21 6.8 21.6 7 22.5 7.3 23.4 6.8 24.4 6 24.8ZM19 49L14 49 14 43 19 43 19 49ZM19 40L14 40 14 34 19 34 19 40ZM19 31L14 31 14 25 19 25 19 31ZM28 49L23 49 23 43 28 43 28 49ZM28 40L23 40 23 34 28 34 28 40ZM28 31L23 31 23 25 28 25 28 31ZM37 49L32 49 32 43 37 43 37 49ZM37 40L32 40 32 34 37 34 37 40ZM37 31L32 31 32 25 37 25 37 31ZM46 49L41 49 41 43 46 43 46 49ZM46 40L41 40 41 34 46 34 46 40ZM46 31L41 31 41 25 46 25 46 31ZM53 23C53 22 53.7 21.2 54.7 21.1 55.6 20.9 56.6 21.5 56.9 22.4 57.2 23.3 56.8 24.3 56 24.8 56 24.2 55.6 23.8 55 23.8 54.4 23.8 54 24.2 54 24.8 53.3 24.4 53 23.7 53 23ZM57 63C57 64 56.3 64.8 55.3 64.9 54.4 65.1 53.4 64.5 53.1 63.6 52.8 62.7 53.2 61.7 54 61.2 54 61.8 54.4 62.2 55 62.2 55.6 62.2 56 61.8 56 61.2 56.7 61.6 57 62.3 57 63ZM57 53C57 53.7 56.7 54.4 56 54.8 56 54.2 55.6 53.8 55 53.8 54.4 53.8 54 54.2 54 54.8 53.4 54.4 53 53.7 53 53 53 52.3 53.4 51.6 54 51.2 54 51.8 54.4 52.2 55 52.2 55.6 52.2 56 51.8 56 51.2 56.7 51.6 57 52.3 57 53ZM57 43C57 43.7 56.7 44.4 56 44.8 56 44.2 55.6 43.8 55 43.8 54.4 43.8 54 44.2 54 44.8 53.4 44.4 53 43.7 53 43 53 42.3 53.4 41.6 54 41.2 54 41.8 54.4 42.2 55 42.2 55.6 42.2 56 41.8 56 41.2 56.7 41.6 57 42.3 57 43ZM7 33C7 33.7 6.7 34.4 6 34.8 5.9 34.3 5.5 34 5 34 4.5 34 4.1 34.3 4 34.8 3.4 34.4 3 33.7 3 33 3 32.3 3.4 31.6 4 31.2 4.1 31.7 4.5 32 5 32 5.5 32 5.9 31.7 6 31.2 6.7 31.6 7 32.3 7 33ZM57 33C57 33.7 56.7 34.4 56 34.8 56 34.2 55.6 33.8 55 33.8 54.4 33.8 54 34.2 54 34.8 53.4 34.4 53 33.7 53 33 53 32.3 53.4 31.6 54 31.2 54 31.8 54.4 32.2 55 32.2 55.6 32.2 56 31.8 56 31.2 56.7 31.6 57 32.3 57 33Z"}
+
+  %g{"data-icon" => "uk-parliament", :fill => "#fff", :transform => "translate(74 5)"}
+    %path{:d => "M22.3 0.7L22.3 19.7C22.3 27.2 17 29.6 11.2 29.6 5.3 29.6 0 27.1 0 19.7L0 0.7 5.1 0.7 5.1 18.3C5.1 23.1 7.1 25.4 11.1 25.4 15.2 25.4 17.2 23 17.2 18.4L17.2 0.7 22.3 0.7Z"}
+    %polygon{:points => "41.6 29 33.2 16.9 31.2 16.9 31.2 29 26 29 26 0.7 31.1 0.7 31.1 12.4 33.3 12.4 41.1 0.7 47.1 0.7 37.6 14.4 47.9 29"}
+    %path{:d => "M0 62L0 33.7 9.1 33.7C16.1 33.7 19.2 37 19.2 42.7 19.2 48.4 15.8 52.1 9.6 52.1L5.1 52.1 5.1 62 0 62ZM5.1 47.8L9 47.8C12.7 47.8 14 46 14 42.9 14 39.7 12.3 38 9 38L5.1 38 5.1 47.8Z"}
+    %path{:d => "M38.7 56.3C38.7 57.9 39.5 58.3 40.4 58.3 40.8 58.3 41.3 58.2 41.7 58L41.7 61.8C40.8 62.2 39.8 62.4 38.9 62.4 36.2 62.4 34.6 61.3 34.1 58.8 33 61.6 30.5 62.6 27.6 62.6 23.7 62.6 21 60.3 21 56.5 21 51.6 24.8 48.8 33.8 49.3L33.8 46.8C33.8 44.3 32.4 43.2 30.2 43.2 29.2 43.1 28.3 43.5 27.6 44.1 26.9 44.8 26.6 45.7 26.6 46.7L21.7 45.9C22 41.1 26.1 39.3 30.5 39.3 35.3 39.3 38.8 41.3 38.8 46.3L38.7 56.3ZM33.7 52.3C28.3 52.2 26 53.5 26 56 26 56.8 26.3 57.6 26.9 58.2 27.5 58.7 28.4 59 29.2 58.9 31.3 58.9 33.7 57.7 33.7 55.2L33.7 52.3Z"}
+    %path{:d => "M72.3 30.4C73.1 30.3 74 30.6 74.6 31.2 75.2 31.8 75.6 32.7 75.6 33.6 75.5 35.3 74 36.6 72.3 36.6 70.6 36.6 69.1 35.3 69 33.6 69 32.7 69.3 31.9 70 31.3 70.6 30.7 71.4 30.3 72.3 30.4ZM74.8 39.8L74.8 62 69.8 62 69.8 39.8 74.8 39.8Z"}
+    %path{:d => "M95.5 56.3C95.5 57.9 96.2 58.3 97.1 58.3 97.6 58.3 98 58.2 98.4 58L98.4 61.8C97.5 62.2 96.6 62.4 95.6 62.4 93 62.4 91.4 61.3 90.8 58.8 89.7 61.6 87.2 62.6 84.3 62.6 80.4 62.6 77.7 60.3 77.7 56.5 77.7 51.6 81.6 48.8 90.5 49.3L90.5 46.8C90.5 44.3 89.1 43.2 87 43.2 86 43.1 85.1 43.5 84.4 44.1 83.7 44.8 83.3 45.7 83.4 46.7L78.5 45.9C78.8 41.1 82.9 39.3 87.3 39.3 92.1 39.3 95.5 41.3 95.5 46.3L95.5 56.3ZM90.5 52.3C85 52.2 82.8 53.5 82.8 56 82.7 56.8 83.1 57.6 83.7 58.2 84.3 58.7 85.1 59 85.9 58.9 88 58.9 90.5 57.7 90.5 55.2L90.5 52.3Z"}
+    %path{:d => "M125.6 39.3C129.3 39.3 132 41.3 132 46.1L132 62 127 62 127 47.8C127 45.2 126 43.6 123.6 43.6 121.2 43.6 119 45.2 119 49.4L119 62 114 62 114 47.8C114 45.2 113 43.6 110.5 43.6 108.1 43.6 106 45.2 106 49.5L106 62 101 62 101 39.8 105 39.8 105.6 44.1C106.5 41.1 109.4 39.1 112.5 39.3 115.6 39.3 117.9 40.6 118.5 44.2 119.7 40.7 122.4 39.3 125.6 39.3Z"}
+    %path{:d => "M150 55.2L154.4 56.5C153.4 61.1 149.6 62.6 145.3 62.6 139.2 62.6 135.1 58.5 135.1 51.2 135.1 43.7 139.1 39.3 145.5 39.3 151.4 39.3 154.5 43.3 154.5 48.9 154.5 49.9 154.4 50.9 154.1 51.9L140 51.9C140.2 55.9 142.1 58.7 145.5 58.7 147.7 58.9 149.6 57.4 150 55.2ZM149.6 48.6C149.6 48.3 149.6 48 149.6 47.7 149.7 46.5 149.2 45.3 148.4 44.5 147.6 43.6 146.4 43.1 145.2 43.1 142.3 43.1 140.4 45.2 140.1 48.6L149.6 48.6Z"}
+    %path{:d => "M162.4 44.1C163.6 40.8 166.2 39.3 169.5 39.3 173.1 39.3 176.2 41.3 176.2 46.2L176.2 62 171.2 62 171.2 47.9C171.2 45.2 170.2 43.6 167.6 43.6 165.1 43.6 162.8 44.9 162.8 49.5L162.8 62 157.8 62 157.8 39.8 161.9 39.8 162.4 44.1Z"}
+    %path{:d => "M194.3 61.2C192.5 62.2 190.4 62.6 188.4 62.6 184.3 62.6 181.7 60.5 181.7 56L181.7 43.8 178.5 43.8 178.5 39.8 181.7 39.8 182.9 33.7 186.8 33.7 186.8 39.8 193.4 39.8 193.4 43.8 186.8 43.8 186.8 55C186.8 57.4 187.8 58.3 189.6 58.3 191 58.3 192.3 57.8 193.4 57L194.3 61.2Z"}
+    %path{:d => "M49.1 45.9L48.5 39.8 44.2 39.8 44.2 62 49.2 62 49.2 51.1C49.2 46.7 52.2 44.7 55.2 44.7L55.9 44.7 55.9 39.4C51.9 39.8 49.9 42.4 49.1 45.9Z"}
+    %path{:d => "M65.5 58C65 58.1 64.5 57.9 64.1 57.5 63.7 57.2 63.5 56.6 63.5 56.1L63.5 31.2 58.5 31.2 58.5 57.3C58.5 60.9 61 62.4 64 62.4 65 62.4 66 62.2 67 61.9L67 57.9C66.5 58 66 58 65.5 58Z"}

data/lib/pugin/feature/global_search.rb

@@ -0,0 +1,6 @@
+module Pugin
+  module Feature
+      class GlobalSearch < Pugin::Feature::SimpleFeature
+    end
+  end
+end

data/lib/pugin/feature.rb

@@ -1,5 +1,6 @@
 require 'pugin/feature/simple_feature'
 require 'pugin/feature/status_banner'
+require 'pugin/feature/global_search'
 require 'pugin/feature/top_navigation'
 require 'pugin/feature/pingdom_feature'
 require 'pugin/feature/asset_overrides'

data/lib/pugin/helpers/controller_helpers.rb

@@ -12,6 +12,14 @@ module Pugin
         Pugin::Feature.disable('StatusBanner')
       end
 
+      def enable_global_search
+        Pugin::Feature.enable('GlobalSearch')
+      end
+
+      def disable_global_search
+        Pugin::Feature.disable('GlobalSearch')
+      end
+
       def enable_top_navigation
         Pugin::Feature.enable('TopNavigation')
       end

data/lib/pugin/version.rb

@@ -1,3 +1,3 @@
 module Pugin
-  VERSION = '1.6.7'.freeze
+  VERSION = '1.6.8'.freeze
 end

data/lib/pugin.rb

@@ -1,7 +1,7 @@
 require 'pugin/version'
 
 module Pugin
-  ASSET_VERSION = '1.7.1'.freeze
+  ASSET_VERSION = '1.7.2'.freeze
   ASSET_LOCATION_URL = ENV.fetch('ASSET_LOCATION_URL', 'https://s3-eu-west-1.amazonaws.com/web1live.pugin-website')
   STATIC_ASSET_LOCATION_URL = ENV.fetch('STATIC_ASSET_LOCATION_URL', 'https://s3-eu-west-1.amazonaws.com/web1live.static-assets')
   class << self

data/spec/fixtures/_header.html

@@ -0,0 +1,29 @@
+<header>
+<div class='container'>
+<a class='uk_parliament' href='/'>
+<svg height='54' viewbox='0 0 269 68' width='214' xmlns='http://www.w3.org/2000/svg'>
+<title>UK Parliament</title>
+<g data-icon='portcullis' fill='#fff'>
+<path d='M52.9 4.1L52.2 4.5C53 6 53.2 7.9 52.7 9.6 51.8 8.9 51.2 8 51 7L50.3 7.4C49.8 9.4 48.9 11.4 47.7 13.2L47.9 13.9C48.6 13.5 49.4 13.3 50.2 13.4 50.5 13.4 50.7 13.4 51 13.4 50.3 15.1 48.7 16.2 46.9 16.2 45.1 16.3 43.5 15.3 42.7 13.7 43.2 13.5 43.6 13 43.8 12.4 44 11.5 43.4 11.1 43.6 10.2 43.8 9.4 44.5 8.9 45.2 8.9 46 9 46.7 9.5 46.8 10.3 47.5 9.9 47.9 9.1 47.8 8.3 47.7 7.5 47.2 6.8 46.4 6.6 45.7 6.3 44.8 6.5 44.3 7.1 44.6 6.6 44.8 6.1 44.9 5.6 45.1 4.3 44.9 3 44.1 2 42.9 2.6 42 3.7 41.8 5 41.6 5.5 41.6 6.1 41.7 6.6 41.4 5.9 40.7 5.3 39.9 5.3 39.1 5.2 38.4 5.6 38 6.3 37.6 7 37.6 7.8 38.1 8.5 38.5 7.8 39.3 7.6 40 7.9 40.7 8.2 41.1 8.9 41 9.7 40.8 10.5 40.1 10.7 39.9 11.6 39.8 12.1 39.9 12.6 40.2 13L40.3 13.2C38.7 14.4 36.5 14.7 34.7 13.8 32.8 12.9 31.7 11 31.7 9L31.7 8.5C33.3 8.8 34.8 9.6 35.9 10.9L36.5 10.3 36.5 3.9 35.9 3.3C34.8 4.5 33.3 5.3 31.7 5.6 31.6 3.3 33.2 1.3 35.4 0.8L34.8 0.2C33.2 0.1 31.6 0 30 0 28.4 0 26.8 0.1 25.2 0.2L24.6 0.8C26.8 1.3 28.4 3.3 28.4 5.6 26.7 5.3 25.2 4.5 24.1 3.3L23.5 3.9 23.5 10.3 24.1 10.8C25.2 9.6 26.7 8.8 28.4 8.5L28.4 9C28.3 11 27.2 12.9 25.4 13.8 23.5 14.7 21.4 14.5 19.7 13.2L19.8 13.1C20.1 12.6 20.2 12.1 20.1 11.6 19.9 10.7 19.2 10.6 19 9.7 18.8 9 19.2 8.2 20 7.9 20.7 7.6 21.5 7.8 22 8.5 22.4 7.8 22.4 7 22 6.3 21.6 5.6 20.9 5.2 20.1 5.3 19.3 5.3 18.6 5.9 18.3 6.6 18.4 6.1 18.4 5.5 18.2 5 18 3.7 17.1 2.6 15.9 2 15.1 3 14.8 4.4 15.1 5.7 15.2 6.2 15.4 6.7 15.7 7.2 15.1 6.6 14.3 6.4 13.5 6.7 12.8 6.9 12.2 7.6 12.2 8.4 12.1 9.2 12.5 10 13.2 10.4 13.3 9.6 13.9 9.1 14.7 9 15.5 9 16.2 9.5 16.4 10.3 16.6 11.2 16 11.6 16.2 12.4 16.3 13 16.7 13.5 17.3 13.8 16.5 15.4 14.8 16.3 13 16.3 11.3 16.2 9.7 15.1 9 13.5 9.3 13.4 9.5 13.4 9.8 13.4 10.6 13.4 11.4 13.6 12.1 14L12.3 13.2C11.1 11.4 10.2 9.5 9.6 7.4L9 7C8.8 8 8.2 8.9 7.3 9.6 6.8 7.9 7 6 7.8 4.5L7.1 4.1C6 4.5 4.3 5.2 3.1 5.7L10 21.1C22.7 15.5 37.2 15.5 50 21.1L56.8 5.7C55.7 5.2 54.1 4.5 52.9 4.1Z'></path>
+<path d='M59 33C59.1 31.2 57.8 29.5 56 29.1L56 26.9C58 26.4 59.3 24.5 59 22.5 58.8 20.5 57 19 55 19 53.2 18.9 51.5 20.2 51.1 22L8.9 22C8.5 20.2 6.8 18.9 5 19 3.9 19 2.9 19.4 2.1 20.1 1.4 20.9 1 21.9 1 23 0.9 24.8 2.2 26.5 4 26.9L4 29.1C2.2 29.6 1 31.2 1 33 1 34.8 2.2 36.5 4 36.9L4 39.1C2.2 39.6 1 41.2 1 43 1 44.8 2.2 46.5 4 46.9L4 49.1C2.2 49.6 1 51.2 1 53 1 54.8 2.2 56.5 4 56.9L4 59.1C2 59.6 0.7 61.5 1 63.5 1.3 65.5 3 67 5 67 7 67 8.8 65.5 9 63.5 9.3 61.5 8 59.6 6 59.1L6 56.9C7.8 56.5 9 54.8 9 53 9 51.2 7.8 49.6 6 49.1L6 46.9C7.8 46.5 9 44.8 9 43 9 41.2 7.8 39.6 6 39.1L6 36.9C7.8 36.5 9 34.8 9 33 9 31.2 7.8 29.6 6 29.1L6 26.9C7.4 26.6 8.6 25.4 8.9 24L11 24 11 67 11.5 67C12.5 63.9 14 61.1 16 58.5L16 58 14 58 14 52 19 52 19 58 18 58 18 58.6C19.3 61.2 20.3 64.1 20.8 67L21.2 67C21.7 64.1 22.7 61.2 24 58.6L24 58 23 58 23 52 28 52 28 58 27 58 27 58.6C28.3 61.2 29.3 64.1 29.8 67L30.2 67C30.7 64.1 31.7 61.2 33 58.6L33 58 32 58 32 52 37 52 37 58 36 58 36 58.6C37.3 61.2 38.3 64.1 38.8 67L39.2 67C39.7 64.1 40.7 61.2 42 58.6L42 58 41 58 41 52 46 52 46 58 44 58 44 58.5C46 61.1 47.5 63.9 48.5 67L49 67 49 24 51.1 24C51.4 25.4 52.6 26.6 54 26.9L54 29.1C52.2 29.6 51 31.2 51 33 51 34.8 52.2 36.5 54 36.9L54 39.1C52.2 39.6 51 41.2 51 43 51 44.8 52.2 46.5 54 46.9L54 49.1C52.2 49.6 51 51.2 51 53 51 54.8 52.2 56.5 54 56.9L54 59.1C52 59.6 50.8 61.5 51 63.5 51.3 65.5 53 67 55 67 57 67 58.7 65.5 59 63.5 59.2 61.5 58 59.6 56 59.1L56 56.9C57.8 56.5 59 54.8 59 53 59 51.2 57.8 49.6 56 49.1L56 46.9C57.8 46.5 59 44.8 59 43 59 41.2 57.8 39.6 56 39.1L56 36.9C57.8 36.5 59.1 34.8 59 33ZM7 63C7 63.5 6.8 64.1 6.4 64.4 6.1 64.8 5.5 65 5 65 4.1 65 3.2 64.4 3 63.5 2.7 62.6 3.2 61.6 4 61.2 4.1 61.7 4.5 62 5 62 5.5 62 5.9 61.7 6 61.2 6.7 61.6 7 62.3 7 63ZM7 53C7 53.7 6.7 54.4 6 54.8 5.9 54.3 5.5 54 5 54 4.5 54 4.1 54.3 4 54.8 3.4 54.4 3 53.7 3 53 3 52.3 3.4 51.6 4 51.2 4.1 51.7 4.5 52 5 52 5.5 52 5.9 51.7 6 51.2 6.7 51.6 7 52.3 7 53ZM7 43C7 43.7 6.7 44.4 6 44.8 5.9 44.3 5.5 44 5 44 4.5 44 4.1 44.3 4 44.8 3.4 44.4 3 43.7 3 43 3 42.3 3.4 41.6 4 41.2 4.1 41.7 4.5 42 5 42 5.5 42 5.9 41.7 6 41.2 6.7 41.6 7 42.3 7 43ZM6 24.8C5.9 24.3 5.5 24 5 24 4.5 24 4.1 24.3 4 24.8 3.2 24.4 2.7 23.4 3 22.5 3.2 21.6 4.1 21 5 21 5.9 21 6.8 21.6 7 22.5 7.3 23.4 6.8 24.4 6 24.8ZM19 49L14 49 14 43 19 43 19 49ZM19 40L14 40 14 34 19 34 19 40ZM19 31L14 31 14 25 19 25 19 31ZM28 49L23 49 23 43 28 43 28 49ZM28 40L23 40 23 34 28 34 28 40ZM28 31L23 31 23 25 28 25 28 31ZM37 49L32 49 32 43 37 43 37 49ZM37 40L32 40 32 34 37 34 37 40ZM37 31L32 31 32 25 37 25 37 31ZM46 49L41 49 41 43 46 43 46 49ZM46 40L41 40 41 34 46 34 46 40ZM46 31L41 31 41 25 46 25 46 31ZM53 23C53 22 53.7 21.2 54.7 21.1 55.6 20.9 56.6 21.5 56.9 22.4 57.2 23.3 56.8 24.3 56 24.8 56 24.2 55.6 23.8 55 23.8 54.4 23.8 54 24.2 54 24.8 53.3 24.4 53 23.7 53 23ZM57 63C57 64 56.3 64.8 55.3 64.9 54.4 65.1 53.4 64.5 53.1 63.6 52.8 62.7 53.2 61.7 54 61.2 54 61.8 54.4 62.2 55 62.2 55.6 62.2 56 61.8 56 61.2 56.7 61.6 57 62.3 57 63ZM57 53C57 53.7 56.7 54.4 56 54.8 56 54.2 55.6 53.8 55 53.8 54.4 53.8 54 54.2 54 54.8 53.4 54.4 53 53.7 53 53 53 52.3 53.4 51.6 54 51.2 54 51.8 54.4 52.2 55 52.2 55.6 52.2 56 51.8 56 51.2 56.7 51.6 57 52.3 57 53ZM57 43C57 43.7 56.7 44.4 56 44.8 56 44.2 55.6 43.8 55 43.8 54.4 43.8 54 44.2 54 44.8 53.4 44.4 53 43.7 53 43 53 42.3 53.4 41.6 54 41.2 54 41.8 54.4 42.2 55 42.2 55.6 42.2 56 41.8 56 41.2 56.7 41.6 57 42.3 57 43ZM7 33C7 33.7 6.7 34.4 6 34.8 5.9 34.3 5.5 34 5 34 4.5 34 4.1 34.3 4 34.8 3.4 34.4 3 33.7 3 33 3 32.3 3.4 31.6 4 31.2 4.1 31.7 4.5 32 5 32 5.5 32 5.9 31.7 6 31.2 6.7 31.6 7 32.3 7 33ZM57 33C57 33.7 56.7 34.4 56 34.8 56 34.2 55.6 33.8 55 33.8 54.4 33.8 54 34.2 54 34.8 53.4 34.4 53 33.7 53 33 53 32.3 53.4 31.6 54 31.2 54 31.8 54.4 32.2 55 32.2 55.6 32.2 56 31.8 56 31.2 56.7 31.6 57 32.3 57 33Z'></path>
+</g>
+<g data-icon='uk-parliament' fill='#fff' transform='translate(74 5)'>
+<path d='M22.3 0.7L22.3 19.7C22.3 27.2 17 29.6 11.2 29.6 5.3 29.6 0 27.1 0 19.7L0 0.7 5.1 0.7 5.1 18.3C5.1 23.1 7.1 25.4 11.1 25.4 15.2 25.4 17.2 23 17.2 18.4L17.2 0.7 22.3 0.7Z'></path>
+<polygon points='41.6 29 33.2 16.9 31.2 16.9 31.2 29 26 29 26 0.7 31.1 0.7 31.1 12.4 33.3 12.4 41.1 0.7 47.1 0.7 37.6 14.4 47.9 29'></polygon>
+<path d='M0 62L0 33.7 9.1 33.7C16.1 33.7 19.2 37 19.2 42.7 19.2 48.4 15.8 52.1 9.6 52.1L5.1 52.1 5.1 62 0 62ZM5.1 47.8L9 47.8C12.7 47.8 14 46 14 42.9 14 39.7 12.3 38 9 38L5.1 38 5.1 47.8Z'></path>
+<path d='M38.7 56.3C38.7 57.9 39.5 58.3 40.4 58.3 40.8 58.3 41.3 58.2 41.7 58L41.7 61.8C40.8 62.2 39.8 62.4 38.9 62.4 36.2 62.4 34.6 61.3 34.1 58.8 33 61.6 30.5 62.6 27.6 62.6 23.7 62.6 21 60.3 21 56.5 21 51.6 24.8 48.8 33.8 49.3L33.8 46.8C33.8 44.3 32.4 43.2 30.2 43.2 29.2 43.1 28.3 43.5 27.6 44.1 26.9 44.8 26.6 45.7 26.6 46.7L21.7 45.9C22 41.1 26.1 39.3 30.5 39.3 35.3 39.3 38.8 41.3 38.8 46.3L38.7 56.3ZM33.7 52.3C28.3 52.2 26 53.5 26 56 26 56.8 26.3 57.6 26.9 58.2 27.5 58.7 28.4 59 29.2 58.9 31.3 58.9 33.7 57.7 33.7 55.2L33.7 52.3Z'></path>
+<path d='M72.3 30.4C73.1 30.3 74 30.6 74.6 31.2 75.2 31.8 75.6 32.7 75.6 33.6 75.5 35.3 74 36.6 72.3 36.6 70.6 36.6 69.1 35.3 69 33.6 69 32.7 69.3 31.9 70 31.3 70.6 30.7 71.4 30.3 72.3 30.4ZM74.8 39.8L74.8 62 69.8 62 69.8 39.8 74.8 39.8Z'></path>
+<path d='M95.5 56.3C95.5 57.9 96.2 58.3 97.1 58.3 97.6 58.3 98 58.2 98.4 58L98.4 61.8C97.5 62.2 96.6 62.4 95.6 62.4 93 62.4 91.4 61.3 90.8 58.8 89.7 61.6 87.2 62.6 84.3 62.6 80.4 62.6 77.7 60.3 77.7 56.5 77.7 51.6 81.6 48.8 90.5 49.3L90.5 46.8C90.5 44.3 89.1 43.2 87 43.2 86 43.1 85.1 43.5 84.4 44.1 83.7 44.8 83.3 45.7 83.4 46.7L78.5 45.9C78.8 41.1 82.9 39.3 87.3 39.3 92.1 39.3 95.5 41.3 95.5 46.3L95.5 56.3ZM90.5 52.3C85 52.2 82.8 53.5 82.8 56 82.7 56.8 83.1 57.6 83.7 58.2 84.3 58.7 85.1 59 85.9 58.9 88 58.9 90.5 57.7 90.5 55.2L90.5 52.3Z'></path>
+<path d='M125.6 39.3C129.3 39.3 132 41.3 132 46.1L132 62 127 62 127 47.8C127 45.2 126 43.6 123.6 43.6 121.2 43.6 119 45.2 119 49.4L119 62 114 62 114 47.8C114 45.2 113 43.6 110.5 43.6 108.1 43.6 106 45.2 106 49.5L106 62 101 62 101 39.8 105 39.8 105.6 44.1C106.5 41.1 109.4 39.1 112.5 39.3 115.6 39.3 117.9 40.6 118.5 44.2 119.7 40.7 122.4 39.3 125.6 39.3Z'></path>
+<path d='M150 55.2L154.4 56.5C153.4 61.1 149.6 62.6 145.3 62.6 139.2 62.6 135.1 58.5 135.1 51.2 135.1 43.7 139.1 39.3 145.5 39.3 151.4 39.3 154.5 43.3 154.5 48.9 154.5 49.9 154.4 50.9 154.1 51.9L140 51.9C140.2 55.9 142.1 58.7 145.5 58.7 147.7 58.9 149.6 57.4 150 55.2ZM149.6 48.6C149.6 48.3 149.6 48 149.6 47.7 149.7 46.5 149.2 45.3 148.4 44.5 147.6 43.6 146.4 43.1 145.2 43.1 142.3 43.1 140.4 45.2 140.1 48.6L149.6 48.6Z'></path>
+<path d='M162.4 44.1C163.6 40.8 166.2 39.3 169.5 39.3 173.1 39.3 176.2 41.3 176.2 46.2L176.2 62 171.2 62 171.2 47.9C171.2 45.2 170.2 43.6 167.6 43.6 165.1 43.6 162.8 44.9 162.8 49.5L162.8 62 157.8 62 157.8 39.8 161.9 39.8 162.4 44.1Z'></path>
+<path d='M194.3 61.2C192.5 62.2 190.4 62.6 188.4 62.6 184.3 62.6 181.7 60.5 181.7 56L181.7 43.8 178.5 43.8 178.5 39.8 181.7 39.8 182.9 33.7 186.8 33.7 186.8 39.8 193.4 39.8 193.4 43.8 186.8 43.8 186.8 55C186.8 57.4 187.8 58.3 189.6 58.3 191 58.3 192.3 57.8 193.4 57L194.3 61.2Z'></path>
+<path d='M49.1 45.9L48.5 39.8 44.2 39.8 44.2 62 49.2 62 49.2 51.1C49.2 46.7 52.2 44.7 55.2 44.7L55.9 44.7 55.9 39.4C51.9 39.8 49.9 42.4 49.1 45.9Z'></path>
+<path d='M65.5 58C65 58.1 64.5 57.9 64.1 57.5 63.7 57.2 63.5 56.6 63.5 56.1L63.5 31.2 58.5 31.2 58.5 57.3C58.5 60.9 61 62.4 64 62.4 65 62.4 66 62.2 67 61.9L67 57.9C66.5 58 66 58 65.5 58Z'></path>
+</g>
+</svg>
+
+</a>
+
+</div>
+</header>

data/spec/fixtures/_header_with_search.html

@@ -0,0 +1,69 @@
+<header>
+<div class='container'>
+<a class='uk_parliament' href='/'>
+<svg height='54' viewbox='0 0 269 68' width='214' xmlns='http://www.w3.org/2000/svg'>
+<title>UK Parliament</title>
+<g data-icon='portcullis' fill='#fff'>
+<path d='M52.9 4.1L52.2 4.5C53 6 53.2 7.9 52.7 9.6 51.8 8.9 51.2 8 51 7L50.3 7.4C49.8 9.4 48.9 11.4 47.7 13.2L47.9 13.9C48.6 13.5 49.4 13.3 50.2 13.4 50.5 13.4 50.7 13.4 51 13.4 50.3 15.1 48.7 16.2 46.9 16.2 45.1 16.3 43.5 15.3 42.7 13.7 43.2 13.5 43.6 13 43.8 12.4 44 11.5 43.4 11.1 43.6 10.2 43.8 9.4 44.5 8.9 45.2 8.9 46 9 46.7 9.5 46.8 10.3 47.5 9.9 47.9 9.1 47.8 8.3 47.7 7.5 47.2 6.8 46.4 6.6 45.7 6.3 44.8 6.5 44.3 7.1 44.6 6.6 44.8 6.1 44.9 5.6 45.1 4.3 44.9 3 44.1 2 42.9 2.6 42 3.7 41.8 5 41.6 5.5 41.6 6.1 41.7 6.6 41.4 5.9 40.7 5.3 39.9 5.3 39.1 5.2 38.4 5.6 38 6.3 37.6 7 37.6 7.8 38.1 8.5 38.5 7.8 39.3 7.6 40 7.9 40.7 8.2 41.1 8.9 41 9.7 40.8 10.5 40.1 10.7 39.9 11.6 39.8 12.1 39.9 12.6 40.2 13L40.3 13.2C38.7 14.4 36.5 14.7 34.7 13.8 32.8 12.9 31.7 11 31.7 9L31.7 8.5C33.3 8.8 34.8 9.6 35.9 10.9L36.5 10.3 36.5 3.9 35.9 3.3C34.8 4.5 33.3 5.3 31.7 5.6 31.6 3.3 33.2 1.3 35.4 0.8L34.8 0.2C33.2 0.1 31.6 0 30 0 28.4 0 26.8 0.1 25.2 0.2L24.6 0.8C26.8 1.3 28.4 3.3 28.4 5.6 26.7 5.3 25.2 4.5 24.1 3.3L23.5 3.9 23.5 10.3 24.1 10.8C25.2 9.6 26.7 8.8 28.4 8.5L28.4 9C28.3 11 27.2 12.9 25.4 13.8 23.5 14.7 21.4 14.5 19.7 13.2L19.8 13.1C20.1 12.6 20.2 12.1 20.1 11.6 19.9 10.7 19.2 10.6 19 9.7 18.8 9 19.2 8.2 20 7.9 20.7 7.6 21.5 7.8 22 8.5 22.4 7.8 22.4 7 22 6.3 21.6 5.6 20.9 5.2 20.1 5.3 19.3 5.3 18.6 5.9 18.3 6.6 18.4 6.1 18.4 5.5 18.2 5 18 3.7 17.1 2.6 15.9 2 15.1 3 14.8 4.4 15.1 5.7 15.2 6.2 15.4 6.7 15.7 7.2 15.1 6.6 14.3 6.4 13.5 6.7 12.8 6.9 12.2 7.6 12.2 8.4 12.1 9.2 12.5 10 13.2 10.4 13.3 9.6 13.9 9.1 14.7 9 15.5 9 16.2 9.5 16.4 10.3 16.6 11.2 16 11.6 16.2 12.4 16.3 13 16.7 13.5 17.3 13.8 16.5 15.4 14.8 16.3 13 16.3 11.3 16.2 9.7 15.1 9 13.5 9.3 13.4 9.5 13.4 9.8 13.4 10.6 13.4 11.4 13.6 12.1 14L12.3 13.2C11.1 11.4 10.2 9.5 9.6 7.4L9 7C8.8 8 8.2 8.9 7.3 9.6 6.8 7.9 7 6 7.8 4.5L7.1 4.1C6 4.5 4.3 5.2 3.1 5.7L10 21.1C22.7 15.5 37.2 15.5 50 21.1L56.8 5.7C55.7 5.2 54.1 4.5 52.9 4.1Z'></path>
+<path d='M59 33C59.1 31.2 57.8 29.5 56 29.1L56 26.9C58 26.4 59.3 24.5 59 22.5 58.8 20.5 57 19 55 19 53.2 18.9 51.5 20.2 51.1 22L8.9 22C8.5 20.2 6.8 18.9 5 19 3.9 19 2.9 19.4 2.1 20.1 1.4 20.9 1 21.9 1 23 0.9 24.8 2.2 26.5 4 26.9L4 29.1C2.2 29.6 1 31.2 1 33 1 34.8 2.2 36.5 4 36.9L4 39.1C2.2 39.6 1 41.2 1 43 1 44.8 2.2 46.5 4 46.9L4 49.1C2.2 49.6 1 51.2 1 53 1 54.8 2.2 56.5 4 56.9L4 59.1C2 59.6 0.7 61.5 1 63.5 1.3 65.5 3 67 5 67 7 67 8.8 65.5 9 63.5 9.3 61.5 8 59.6 6 59.1L6 56.9C7.8 56.5 9 54.8 9 53 9 51.2 7.8 49.6 6 49.1L6 46.9C7.8 46.5 9 44.8 9 43 9 41.2 7.8 39.6 6 39.1L6 36.9C7.8 36.5 9 34.8 9 33 9 31.2 7.8 29.6 6 29.1L6 26.9C7.4 26.6 8.6 25.4 8.9 24L11 24 11 67 11.5 67C12.5 63.9 14 61.1 16 58.5L16 58 14 58 14 52 19 52 19 58 18 58 18 58.6C19.3 61.2 20.3 64.1 20.8 67L21.2 67C21.7 64.1 22.7 61.2 24 58.6L24 58 23 58 23 52 28 52 28 58 27 58 27 58.6C28.3 61.2 29.3 64.1 29.8 67L30.2 67C30.7 64.1 31.7 61.2 33 58.6L33 58 32 58 32 52 37 52 37 58 36 58 36 58.6C37.3 61.2 38.3 64.1 38.8 67L39.2 67C39.7 64.1 40.7 61.2 42 58.6L42 58 41 58 41 52 46 52 46 58 44 58 44 58.5C46 61.1 47.5 63.9 48.5 67L49 67 49 24 51.1 24C51.4 25.4 52.6 26.6 54 26.9L54 29.1C52.2 29.6 51 31.2 51 33 51 34.8 52.2 36.5 54 36.9L54 39.1C52.2 39.6 51 41.2 51 43 51 44.8 52.2 46.5 54 46.9L54 49.1C52.2 49.6 51 51.2 51 53 51 54.8 52.2 56.5 54 56.9L54 59.1C52 59.6 50.8 61.5 51 63.5 51.3 65.5 53 67 55 67 57 67 58.7 65.5 59 63.5 59.2 61.5 58 59.6 56 59.1L56 56.9C57.8 56.5 59 54.8 59 53 59 51.2 57.8 49.6 56 49.1L56 46.9C57.8 46.5 59 44.8 59 43 59 41.2 57.8 39.6 56 39.1L56 36.9C57.8 36.5 59.1 34.8 59 33ZM7 63C7 63.5 6.8 64.1 6.4 64.4 6.1 64.8 5.5 65 5 65 4.1 65 3.2 64.4 3 63.5 2.7 62.6 3.2 61.6 4 61.2 4.1 61.7 4.5 62 5 62 5.5 62 5.9 61.7 6 61.2 6.7 61.6 7 62.3 7 63ZM7 53C7 53.7 6.7 54.4 6 54.8 5.9 54.3 5.5 54 5 54 4.5 54 4.1 54.3 4 54.8 3.4 54.4 3 53.7 3 53 3 52.3 3.4 51.6 4 51.2 4.1 51.7 4.5 52 5 52 5.5 52 5.9 51.7 6 51.2 6.7 51.6 7 52.3 7 53ZM7 43C7 43.7 6.7 44.4 6 44.8 5.9 44.3 5.5 44 5 44 4.5 44 4.1 44.3 4 44.8 3.4 44.4 3 43.7 3 43 3 42.3 3.4 41.6 4 41.2 4.1 41.7 4.5 42 5 42 5.5 42 5.9 41.7 6 41.2 6.7 41.6 7 42.3 7 43ZM6 24.8C5.9 24.3 5.5 24 5 24 4.5 24 4.1 24.3 4 24.8 3.2 24.4 2.7 23.4 3 22.5 3.2 21.6 4.1 21 5 21 5.9 21 6.8 21.6 7 22.5 7.3 23.4 6.8 24.4 6 24.8ZM19 49L14 49 14 43 19 43 19 49ZM19 40L14 40 14 34 19 34 19 40ZM19 31L14 31 14 25 19 25 19 31ZM28 49L23 49 23 43 28 43 28 49ZM28 40L23 40 23 34 28 34 28 40ZM28 31L23 31 23 25 28 25 28 31ZM37 49L32 49 32 43 37 43 37 49ZM37 40L32 40 32 34 37 34 37 40ZM37 31L32 31 32 25 37 25 37 31ZM46 49L41 49 41 43 46 43 46 49ZM46 40L41 40 41 34 46 34 46 40ZM46 31L41 31 41 25 46 25 46 31ZM53 23C53 22 53.7 21.2 54.7 21.1 55.6 20.9 56.6 21.5 56.9 22.4 57.2 23.3 56.8 24.3 56 24.8 56 24.2 55.6 23.8 55 23.8 54.4 23.8 54 24.2 54 24.8 53.3 24.4 53 23.7 53 23ZM57 63C57 64 56.3 64.8 55.3 64.9 54.4 65.1 53.4 64.5 53.1 63.6 52.8 62.7 53.2 61.7 54 61.2 54 61.8 54.4 62.2 55 62.2 55.6 62.2 56 61.8 56 61.2 56.7 61.6 57 62.3 57 63ZM57 53C57 53.7 56.7 54.4 56 54.8 56 54.2 55.6 53.8 55 53.8 54.4 53.8 54 54.2 54 54.8 53.4 54.4 53 53.7 53 53 53 52.3 53.4 51.6 54 51.2 54 51.8 54.4 52.2 55 52.2 55.6 52.2 56 51.8 56 51.2 56.7 51.6 57 52.3 57 53ZM57 43C57 43.7 56.7 44.4 56 44.8 56 44.2 55.6 43.8 55 43.8 54.4 43.8 54 44.2 54 44.8 53.4 44.4 53 43.7 53 43 53 42.3 53.4 41.6 54 41.2 54 41.8 54.4 42.2 55 42.2 55.6 42.2 56 41.8 56 41.2 56.7 41.6 57 42.3 57 43ZM7 33C7 33.7 6.7 34.4 6 34.8 5.9 34.3 5.5 34 5 34 4.5 34 4.1 34.3 4 34.8 3.4 34.4 3 33.7 3 33 3 32.3 3.4 31.6 4 31.2 4.1 31.7 4.5 32 5 32 5.5 32 5.9 31.7 6 31.2 6.7 31.6 7 32.3 7 33ZM57 33C57 33.7 56.7 34.4 56 34.8 56 34.2 55.6 33.8 55 33.8 54.4 33.8 54 34.2 54 34.8 53.4 34.4 53 33.7 53 33 53 32.3 53.4 31.6 54 31.2 54 31.8 54.4 32.2 55 32.2 55.6 32.2 56 31.8 56 31.2 56.7 31.6 57 32.3 57 33Z'></path>
+</g>
+<g data-icon='uk-parliament' fill='#fff' transform='translate(74 5)'>
+<path d='M22.3 0.7L22.3 19.7C22.3 27.2 17 29.6 11.2 29.6 5.3 29.6 0 27.1 0 19.7L0 0.7 5.1 0.7 5.1 18.3C5.1 23.1 7.1 25.4 11.1 25.4 15.2 25.4 17.2 23 17.2 18.4L17.2 0.7 22.3 0.7Z'></path>
+<polygon points='41.6 29 33.2 16.9 31.2 16.9 31.2 29 26 29 26 0.7 31.1 0.7 31.1 12.4 33.3 12.4 41.1 0.7 47.1 0.7 37.6 14.4 47.9 29'></polygon>
+<path d='M0 62L0 33.7 9.1 33.7C16.1 33.7 19.2 37 19.2 42.7 19.2 48.4 15.8 52.1 9.6 52.1L5.1 52.1 5.1 62 0 62ZM5.1 47.8L9 47.8C12.7 47.8 14 46 14 42.9 14 39.7 12.3 38 9 38L5.1 38 5.1 47.8Z'></path>
+<path d='M38.7 56.3C38.7 57.9 39.5 58.3 40.4 58.3 40.8 58.3 41.3 58.2 41.7 58L41.7 61.8C40.8 62.2 39.8 62.4 38.9 62.4 36.2 62.4 34.6 61.3 34.1 58.8 33 61.6 30.5 62.6 27.6 62.6 23.7 62.6 21 60.3 21 56.5 21 51.6 24.8 48.8 33.8 49.3L33.8 46.8C33.8 44.3 32.4 43.2 30.2 43.2 29.2 43.1 28.3 43.5 27.6 44.1 26.9 44.8 26.6 45.7 26.6 46.7L21.7 45.9C22 41.1 26.1 39.3 30.5 39.3 35.3 39.3 38.8 41.3 38.8 46.3L38.7 56.3ZM33.7 52.3C28.3 52.2 26 53.5 26 56 26 56.8 26.3 57.6 26.9 58.2 27.5 58.7 28.4 59 29.2 58.9 31.3 58.9 33.7 57.7 33.7 55.2L33.7 52.3Z'></path>
+<path d='M72.3 30.4C73.1 30.3 74 30.6 74.6 31.2 75.2 31.8 75.6 32.7 75.6 33.6 75.5 35.3 74 36.6 72.3 36.6 70.6 36.6 69.1 35.3 69 33.6 69 32.7 69.3 31.9 70 31.3 70.6 30.7 71.4 30.3 72.3 30.4ZM74.8 39.8L74.8 62 69.8 62 69.8 39.8 74.8 39.8Z'></path>
+<path d='M95.5 56.3C95.5 57.9 96.2 58.3 97.1 58.3 97.6 58.3 98 58.2 98.4 58L98.4 61.8C97.5 62.2 96.6 62.4 95.6 62.4 93 62.4 91.4 61.3 90.8 58.8 89.7 61.6 87.2 62.6 84.3 62.6 80.4 62.6 77.7 60.3 77.7 56.5 77.7 51.6 81.6 48.8 90.5 49.3L90.5 46.8C90.5 44.3 89.1 43.2 87 43.2 86 43.1 85.1 43.5 84.4 44.1 83.7 44.8 83.3 45.7 83.4 46.7L78.5 45.9C78.8 41.1 82.9 39.3 87.3 39.3 92.1 39.3 95.5 41.3 95.5 46.3L95.5 56.3ZM90.5 52.3C85 52.2 82.8 53.5 82.8 56 82.7 56.8 83.1 57.6 83.7 58.2 84.3 58.7 85.1 59 85.9 58.9 88 58.9 90.5 57.7 90.5 55.2L90.5 52.3Z'></path>
+<path d='M125.6 39.3C129.3 39.3 132 41.3 132 46.1L132 62 127 62 127 47.8C127 45.2 126 43.6 123.6 43.6 121.2 43.6 119 45.2 119 49.4L119 62 114 62 114 47.8C114 45.2 113 43.6 110.5 43.6 108.1 43.6 106 45.2 106 49.5L106 62 101 62 101 39.8 105 39.8 105.6 44.1C106.5 41.1 109.4 39.1 112.5 39.3 115.6 39.3 117.9 40.6 118.5 44.2 119.7 40.7 122.4 39.3 125.6 39.3Z'></path>
+<path d='M150 55.2L154.4 56.5C153.4 61.1 149.6 62.6 145.3 62.6 139.2 62.6 135.1 58.5 135.1 51.2 135.1 43.7 139.1 39.3 145.5 39.3 151.4 39.3 154.5 43.3 154.5 48.9 154.5 49.9 154.4 50.9 154.1 51.9L140 51.9C140.2 55.9 142.1 58.7 145.5 58.7 147.7 58.9 149.6 57.4 150 55.2ZM149.6 48.6C149.6 48.3 149.6 48 149.6 47.7 149.7 46.5 149.2 45.3 148.4 44.5 147.6 43.6 146.4 43.1 145.2 43.1 142.3 43.1 140.4 45.2 140.1 48.6L149.6 48.6Z'></path>
+<path d='M162.4 44.1C163.6 40.8 166.2 39.3 169.5 39.3 173.1 39.3 176.2 41.3 176.2 46.2L176.2 62 171.2 62 171.2 47.9C171.2 45.2 170.2 43.6 167.6 43.6 165.1 43.6 162.8 44.9 162.8 49.5L162.8 62 157.8 62 157.8 39.8 161.9 39.8 162.4 44.1Z'></path>
+<path d='M194.3 61.2C192.5 62.2 190.4 62.6 188.4 62.6 184.3 62.6 181.7 60.5 181.7 56L181.7 43.8 178.5 43.8 178.5 39.8 181.7 39.8 182.9 33.7 186.8 33.7 186.8 39.8 193.4 39.8 193.4 43.8 186.8 43.8 186.8 55C186.8 57.4 187.8 58.3 189.6 58.3 191 58.3 192.3 57.8 193.4 57L194.3 61.2Z'></path>
+<path d='M49.1 45.9L48.5 39.8 44.2 39.8 44.2 62 49.2 62 49.2 51.1C49.2 46.7 52.2 44.7 55.2 44.7L55.9 44.7 55.9 39.4C51.9 39.8 49.9 42.4 49.1 45.9Z'></path>
+<path d='M65.5 58C65 58.1 64.5 57.9 64.1 57.5 63.7 57.2 63.5 56.6 63.5 56.1L63.5 31.2 58.5 31.2 58.5 57.3C58.5 60.9 61 62.4 64 62.4 65 62.4 66 62.2 67 61.9L67 57.9C66.5 58 66 58 65.5 58Z'></path>
+</g>
+</svg>
+
+</a>
+<div class='search__global'>
+<form action='/search' method='get'>
+<div class='input-group'>
+<label class='sr-only' for='search_global'>Enter a keyword</label>
+<input id='search_global' maxlength='1000' name='q' pattern='^(?!.*&lt;script|&lt;Script).*$' required='' type='search'>
+<button aria-label='submit search' class='btn--white' data-tracking='search' tabindex='-1' type='submit'>
+<svg data-icon='search' focusable='false' height='20' viewbox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'>
+<title>Search icon</title>
+<g fill='#fff'>
+<path d='M7.5 15C3.4 15 0 11.6 0 7.5 0 3.4 3.4 0 7.5 0 11.6 0 15 3.4 15 7.5 15 11.6 11.6 15 7.5 15ZM7.5 13C10.5 13 13 10.5 13 7.5 13 4.5 10.5 2 7.5 2 4.5 2 2 4.5 2 7.5 2 10.5 4.5 13 7.5 13Z'></path>
+<polygon points='14.8 10.8 16.8 10.8 16.8 20.8 14.8 20.8' transform='translate(15.778175 15.778175)rotate(-45)translate(-15.778175 -15.778175)'></polygon>
+</g>
+</svg>
+
+</button>
+</div>
+</form>
+<a aria-label='open search' class='search__global__toggle' href='#'>
+<svg data-icon='search' focusable='false' height='20' viewbox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'>
+<title>Search icon</title>
+<g fill='#fff'>
+<path d='M7.5 15C3.4 15 0 11.6 0 7.5 0 3.4 3.4 0 7.5 0 11.6 0 15 3.4 15 7.5 15 11.6 11.6 15 7.5 15ZM7.5 13C10.5 13 13 10.5 13 7.5 13 4.5 10.5 2 7.5 2 4.5 2 2 4.5 2 7.5 2 10.5 4.5 13 7.5 13Z'></path>
+<polygon points='14.8 10.8 16.8 10.8 16.8 20.8 14.8 20.8' transform='translate(15.778175 15.778175)rotate(-45)translate(-15.778175 -15.778175)'></polygon>
+</g>
+</svg>
+
+<svg data-icon='close' focusable='false' height='20' viewbox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'>
+<title>Cross</title>
+<g stroke='#fff'>
+<g>
+<line stroke-width='2' x1='0' x2='18' y1='0' y2='18'></line>
+</g>
+<g>
+<line stroke-width='2' x1='0' x2='18' y1='18' y2='0'></line>
+</g>
+</g>
+</svg>
+
+</a>
+</div>
+
+</div>
+</header>

data/spec/lib/pugin/helpers/controller_helpers_spec.rb

@@ -11,7 +11,7 @@ describe 'pugin/helpers/controller_helpers.rb' do
 
 	subject { TestClass.new }
 
-	context '#enable_status_banner' do 
+	context '#enable_status_banner' do
 		it 'enables the status banner' do 
 			subject.enable_status_banner
 			expect(Pugin::Feature::StatusBanner.enabled?).to equal(true)
@@ -29,6 +29,24 @@ describe 'pugin/helpers/controller_helpers.rb' do
 			expect(Pugin::Feature::StatusBanner.disabled?).to equal(true)
 		end
 	end
+	context '#enable_global_search' do
+		it 'enables the global search' do
+			subject.enable_global_search
+			expect(Pugin::Feature::GlobalSearch.enabled?).to equal(true)
+		end
+	end
+	context '#disable_global_search' do
+
+		before :each do
+			Pugin::Feature::GlobalSearch.enable
+		end
+
+		it 'disables the global search' do
+			expect(Pugin::Feature::GlobalSearch.disabled?).to equal(false)
+			subject.disable_global_search
+			expect(Pugin::Feature::GlobalSearch.disabled?).to equal(true)
+		end
+	end
 	context '#enable_top_navigation' do 
 		it 'enables the top navigation' do 
 			subject.enable_top_navigation

data/spec/views/pugin/components/_header.html.haml_spec.rb

@@ -3,19 +3,22 @@ require 'haml'
 
 describe 'pugin/components/_header.html.haml', type: :view do
 
-  it 'renders as expected' do
-    render
+	context 'with global_search flag turned on' do
+		before :each do
+			allow(Pugin::Feature::GlobalSearch).to receive(:enabled?).and_return(true)
+		end
 
-    expect(response).to eq(<<DATA
-<header>
-<div class='container'>
-<a href='/'>
-<img alt='UK Parliament' class='logo' src='https://s3-eu-west-1.amazonaws.com/web1live.pugin-website/images/uk_parliament_logo_white.png' srcset='https://s3-eu-west-1.amazonaws.com/web1live.pugin-website/images/uk_parliament_logo_white.svg'>
-</a>
-</div>
-</header>
-DATA
-                          )
-  end
+		it 'renders as expected' do
+        render
+        expect(response).to eq(File.read(File.join(Rails.root, '../fixtures', '_header_with_search.html')))
+      end
+	end
+
+	context 'without global_search flag turned on' do
+		it 'renders as expected' do
+			render
+			expect(response).to eq(File.read(File.join(Rails.root, '../fixtures', '_header.html')))
+		end
+	end
 
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: pugin
 version: !ruby/object:Gem::Version
-  version: 1.6.7
+  version: 1.6.8
 platform: ruby
 authors:
 - Matt Rayner
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-12-20 00:00:00.000000000 Z
+date: 2018-01-05 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -195,6 +195,7 @@ files:
 - app/views/pugin/cards/_person-list.haml
 - app/views/pugin/committees/list/_list.html.haml
 - app/views/pugin/components/_footer.haml
+- app/views/pugin/components/_global-search.haml
 - app/views/pugin/components/_header.haml
 - app/views/pugin/components/_navigation-letter.haml
 - app/views/pugin/components/_navigation-main.haml
@@ -203,6 +204,9 @@ files:
 - app/views/pugin/constituencies/list/_list.html.haml
 - app/views/pugin/elements/_list.html.haml
 - app/views/pugin/elements/_skip-content.haml
+- app/views/pugin/icons/_close.html.haml
+- app/views/pugin/icons/_search.html.haml
+- app/views/pugin/icons/_uk-parliament.html.haml
 - app/views/pugin/javascript/_google_tag_manager.haml
 - app/views/pugin/javascript/_google_tag_manager_noscript.haml
 - app/views/pugin/javascript/_has_js.haml
@@ -224,6 +228,7 @@ files:
 - lib/pugin/feature.rb
 - lib/pugin/feature/asset_overrides.rb
 - lib/pugin/feature/bandiera.rb
+- lib/pugin/feature/global_search.rb
 - lib/pugin/feature/pingdom_feature.rb
 - lib/pugin/feature/simple_feature.rb
 - lib/pugin/feature/status_banner.rb
@@ -284,6 +289,8 @@ files:
 - spec/dummy/public/apple-touch-icon-precomposed.png
 - spec/dummy/public/apple-touch-icon.png
 - spec/dummy/public/favicon.ico
+- spec/fixtures/_header.html
+- spec/fixtures/_header_with_search.html
 - spec/lib/pugin/feature/asset_overrides_spec.rb
 - spec/lib/pugin/feature/bandiera_spec.rb
 - spec/lib/pugin/feature/simple_feature_spec.rb
@@ -386,6 +393,8 @@ test_files:
 - spec/dummy/bin/setup
 - spec/dummy/bin/bundle
 - spec/dummy/bin/rails
+- spec/fixtures/_header_with_search.html
+- spec/fixtures/_header.html
 - spec/lib/pugin/feature_spec.rb
 - spec/lib/pugin/helpers/controller_helpers_spec.rb
 - spec/lib/pugin/feature/status_banner_spec.rb