From ebf5000b7364e8314db010fdd3ad52a49cbf74aa Mon Sep 17 00:00:00 2001 From: Kyle Buchanan Date: Fri, 26 Jun 2020 13:23:53 -0400 Subject: [PATCH] v1.0.0-prerelease.50 --- elements/pfe-accordion/dist/pfe-accordion.js | 674 ++++ .../pfe-accordion/dist/pfe-accordion.js.map | 1 + .../pfe-accordion/dist/pfe-accordion.json | 40 + .../pfe-accordion/dist/pfe-accordion.min.js | 27 + .../dist/pfe-accordion.min.js.map | 1 + .../pfe-accordion/dist/pfe-accordion.umd.js | 843 +++++ .../dist/pfe-accordion.umd.js.map | 1 + .../dist/pfe-accordion.umd.min.js | 2 + .../dist/pfe-accordion.umd.min.js.map | 1 + elements/pfe-accordion/package-lock.json | 2 +- elements/pfe-accordion/package.json | 6 +- .../pfe-autocomplete/dist/pfe-autocomplete.js | 674 ++++ .../dist/pfe-autocomplete.js.map | 1 + .../dist/pfe-autocomplete.json | 57 + .../dist/pfe-autocomplete.min.js | 26 + .../dist/pfe-autocomplete.min.js.map | 1 + .../dist/pfe-autocomplete.umd.js | 712 +++++ .../dist/pfe-autocomplete.umd.js.map | 1 + .../dist/pfe-autocomplete.umd.min.js | 2 + .../dist/pfe-autocomplete.umd.min.js.map | 1 + elements/pfe-autocomplete/package-lock.json | 2 +- elements/pfe-autocomplete/package.json | 6 +- elements/pfe-avatar/dist/pfe-avatar.js | 490 +++ elements/pfe-avatar/dist/pfe-avatar.js.map | 1 + elements/pfe-avatar/dist/pfe-avatar.min.js | 27 + .../pfe-avatar/dist/pfe-avatar.min.js.map | 1 + elements/pfe-avatar/dist/pfe-avatar.umd.js | 622 ++++ .../pfe-avatar/dist/pfe-avatar.umd.js.map | 1 + .../pfe-avatar/dist/pfe-avatar.umd.min.js | 2 + .../pfe-avatar/dist/pfe-avatar.umd.min.js.map | 1 + elements/pfe-avatar/package-lock.json | 2 +- elements/pfe-avatar/package.json | 6 +- elements/pfe-badge/dist/pfe-badge.js | 99 + elements/pfe-badge/dist/pfe-badge.js.map | 1 + elements/pfe-badge/dist/pfe-badge.json | 49 + elements/pfe-badge/dist/pfe-badge.min.js | 26 + elements/pfe-badge/dist/pfe-badge.min.js.map | 1 + elements/pfe-badge/dist/pfe-badge.umd.js | 169 + elements/pfe-badge/dist/pfe-badge.umd.js.map | 1 + elements/pfe-badge/dist/pfe-badge.umd.min.js | 2 + .../pfe-badge/dist/pfe-badge.umd.min.js.map | 1 + elements/pfe-badge/package-lock.json | 2 +- elements/pfe-badge/package.json | 2 +- elements/pfe-band/dist/pfe-band.js | 233 ++ elements/pfe-band/dist/pfe-band.js.map | 1 + elements/pfe-band/dist/pfe-band.json | 157 + elements/pfe-band/dist/pfe-band.min.js | 26 + elements/pfe-band/dist/pfe-band.min.js.map | 1 + elements/pfe-band/dist/pfe-band.umd.js | 329 ++ elements/pfe-band/dist/pfe-band.umd.js.map | 1 + elements/pfe-band/dist/pfe-band.umd.min.js | 2 + .../pfe-band/dist/pfe-band.umd.min.js.map | 1 + elements/pfe-band/package-lock.json | 2 +- elements/pfe-band/package.json | 6 +- elements/pfe-card/dist/pfe-card--lightdom.css | 8 + .../pfe-card/dist/pfe-card--lightdom.min.css | 2 + .../dist/pfe-card--lightdom.min.css.map | 1 + elements/pfe-card/dist/pfe-card.js | 222 ++ elements/pfe-card/dist/pfe-card.js.map | 1 + elements/pfe-card/dist/pfe-card.json | 98 + elements/pfe-card/dist/pfe-card.min.js | 26 + elements/pfe-card/dist/pfe-card.min.js.map | 1 + elements/pfe-card/dist/pfe-card.umd.js | 320 ++ elements/pfe-card/dist/pfe-card.umd.js.map | 1 + elements/pfe-card/dist/pfe-card.umd.min.js | 2 + .../pfe-card/dist/pfe-card.umd.min.js.map | 1 + elements/pfe-card/package-lock.json | 2 +- elements/pfe-card/package.json | 6 +- elements/pfe-collapse/dist/pfe-collapse.js | 492 +++ .../pfe-collapse/dist/pfe-collapse.js.map | 1 + elements/pfe-collapse/dist/pfe-collapse.json | 35 + .../pfe-collapse/dist/pfe-collapse.min.js | 26 + .../pfe-collapse/dist/pfe-collapse.min.js.map | 1 + .../pfe-collapse/dist/pfe-collapse.umd.js | 634 ++++ .../pfe-collapse/dist/pfe-collapse.umd.js.map | 1 + .../pfe-collapse/dist/pfe-collapse.umd.min.js | 2 + .../dist/pfe-collapse.umd.min.js.map | 1 + elements/pfe-collapse/package-lock.json | 2 +- elements/pfe-collapse/package.json | 6 +- .../pfe-content-set/dist/pfe-content-set.js | 240 ++ .../dist/pfe-content-set.js.map | 1 + .../pfe-content-set/dist/pfe-content-set.json | 76 + .../dist/pfe-content-set.min.js | 26 + .../dist/pfe-content-set.min.js.map | 1 + .../dist/pfe-content-set.umd.js | 355 +++ .../dist/pfe-content-set.umd.js.map | 1 + .../dist/pfe-content-set.umd.min.js | 2 + .../dist/pfe-content-set.umd.min.js.map | 1 + elements/pfe-content-set/package-lock.json | 2 +- elements/pfe-content-set/package.json | 8 +- elements/pfe-cta/dist/pfe-cta--lightdom.css | 46 + .../pfe-cta/dist/pfe-cta--lightdom.min.css | 2 + .../dist/pfe-cta--lightdom.min.css.map | 1 + elements/pfe-cta/dist/pfe-cta.js | 247 ++ elements/pfe-cta/dist/pfe-cta.js.map | 1 + elements/pfe-cta/dist/pfe-cta.json | 83 + elements/pfe-cta/dist/pfe-cta.min.js | 26 + elements/pfe-cta/dist/pfe-cta.min.js.map | 1 + elements/pfe-cta/dist/pfe-cta.umd.js | 354 +++ elements/pfe-cta/dist/pfe-cta.umd.js.map | 1 + elements/pfe-cta/dist/pfe-cta.umd.min.js | 2 + elements/pfe-cta/dist/pfe-cta.umd.min.js.map | 1 + elements/pfe-cta/package-lock.json | 2 +- elements/pfe-cta/package.json | 6 +- elements/pfe-datetime/dist/pfe-datetime.js | 231 ++ .../pfe-datetime/dist/pfe-datetime.js.map | 1 + elements/pfe-datetime/dist/pfe-datetime.json | 89 + .../pfe-datetime/dist/pfe-datetime.min.js | 26 + .../pfe-datetime/dist/pfe-datetime.min.js.map | 1 + .../pfe-datetime/dist/pfe-datetime.umd.js | 302 ++ .../pfe-datetime/dist/pfe-datetime.umd.js.map | 1 + .../pfe-datetime/dist/pfe-datetime.umd.min.js | 2 + .../dist/pfe-datetime.umd.min.js.map | 1 + elements/pfe-datetime/package-lock.json | 2 +- elements/pfe-datetime/package.json | 4 +- elements/pfe-dropdown/dist/pfe-dropdown.js | 549 ++++ .../pfe-dropdown/dist/pfe-dropdown.js.map | 1 + elements/pfe-dropdown/dist/pfe-dropdown.json | 38 + .../pfe-dropdown/dist/pfe-dropdown.min.js | 50 + .../pfe-dropdown/dist/pfe-dropdown.min.js.map | 1 + .../pfe-dropdown/dist/pfe-dropdown.umd.js | 694 ++++ .../pfe-dropdown/dist/pfe-dropdown.umd.js.map | 1 + .../pfe-dropdown/dist/pfe-dropdown.umd.min.js | 2 + .../dist/pfe-dropdown.umd.min.js.map | 1 + elements/pfe-dropdown/package-lock.json | 2 +- elements/pfe-dropdown/package.json | 2 +- .../pfe-health-index/dist/pfe-health-index.js | 170 + .../dist/pfe-health-index.js.map | 1 + .../dist/pfe-health-index.json | 40 + .../dist/pfe-health-index.min.js | 26 + .../dist/pfe-health-index.min.js.map | 1 + .../dist/pfe-health-index.umd.js | 229 ++ .../dist/pfe-health-index.umd.js.map | 1 + .../dist/pfe-health-index.umd.min.js | 2 + .../dist/pfe-health-index.umd.min.js.map | 1 + elements/pfe-health-index/package-lock.json | 2 +- elements/pfe-health-index/package.json | 6 +- .../pfe-icon-panel/dist/pfe-icon-panel.js | 88 + .../pfe-icon-panel/dist/pfe-icon-panel.js.map | 1 + .../pfe-icon-panel/dist/pfe-icon-panel.json | 110 + .../pfe-icon-panel/dist/pfe-icon-panel.min.js | 26 + .../dist/pfe-icon-panel.min.js.map | 1 + .../pfe-icon-panel/dist/pfe-icon-panel.umd.js | 153 + .../dist/pfe-icon-panel.umd.js.map | 1 + .../dist/pfe-icon-panel.umd.min.js | 2 + .../dist/pfe-icon-panel.umd.min.js.map | 1 + elements/pfe-icon-panel/package-lock.json | 2 +- elements/pfe-icon-panel/package.json | 6 +- elements/pfe-icon/dist/pfe-icon.js | 277 ++ elements/pfe-icon/dist/pfe-icon.js.map | 1 + elements/pfe-icon/dist/pfe-icon.json | 56 + elements/pfe-icon/dist/pfe-icon.min.js | 27 + elements/pfe-icon/dist/pfe-icon.min.js.map | 1 + elements/pfe-icon/dist/pfe-icon.umd.js | 419 +++ elements/pfe-icon/dist/pfe-icon.umd.js.map | 1 + elements/pfe-icon/dist/pfe-icon.umd.min.js | 2 + .../pfe-icon/dist/pfe-icon.umd.min.js.map | 1 + elements/pfe-icon/package-lock.json | 2 +- elements/pfe-icon/package.json | 6 +- .../pfe-jump-links/dist/pfe-jump-links.js | 570 ++++ .../pfe-jump-links/dist/pfe-jump-links.js.map | 1 + .../pfe-jump-links/dist/pfe-jump-links.json | 44 + .../pfe-jump-links/dist/pfe-jump-links.min.js | 26 + .../dist/pfe-jump-links.min.js.map | 1 + .../pfe-jump-links/dist/pfe-jump-links.umd.js | 646 ++++ .../dist/pfe-jump-links.umd.js.map | 1 + .../dist/pfe-jump-links.umd.min.js | 2 + .../dist/pfe-jump-links.umd.min.js.map | 1 + elements/pfe-jump-links/package-lock.json | 2 +- elements/pfe-jump-links/package.json | 2 +- elements/pfe-markdown/dist/pfe-markdown.js | 194 ++ .../pfe-markdown/dist/pfe-markdown.js.map | 1 + elements/pfe-markdown/dist/pfe-markdown.json | 37 + .../pfe-markdown/dist/pfe-markdown.min.js | 26 + .../pfe-markdown/dist/pfe-markdown.min.js.map | 1 + .../pfe-markdown/dist/pfe-markdown.umd.js | 554 ++++ .../pfe-markdown/dist/pfe-markdown.umd.js.map | 1 + .../pfe-markdown/dist/pfe-markdown.umd.min.js | 2 + .../dist/pfe-markdown.umd.min.js.map | 1 + elements/pfe-markdown/package-lock.json | 2 +- elements/pfe-markdown/package.json | 6 +- elements/pfe-modal/dist/pfe-modal.js | 274 ++ elements/pfe-modal/dist/pfe-modal.js.map | 1 + elements/pfe-modal/dist/pfe-modal.json | 56 + elements/pfe-modal/dist/pfe-modal.min.js | 26 + elements/pfe-modal/dist/pfe-modal.min.js.map | 1 + elements/pfe-modal/dist/pfe-modal.umd.js | 377 +++ elements/pfe-modal/dist/pfe-modal.umd.js.map | 1 + elements/pfe-modal/dist/pfe-modal.umd.min.js | 2 + .../pfe-modal/dist/pfe-modal.umd.min.js.map | 1 + elements/pfe-modal/package-lock.json | 2 +- elements/pfe-modal/package.json | 6 +- .../dist/pfe-navigation--lightdom.css | 2785 +++++++++++++++++ .../dist/pfe-navigation--lightdom.css.map | 1 + .../dist/pfe-navigation--lightdom.min.css | 2 + .../dist/pfe-navigation--lightdom.min.css.map | 1 + .../dist/pfe-navigation--noscript.css | 102 + .../dist/pfe-navigation--noscript.css.map | 1 + .../dist/pfe-navigation--noscript.min.css | 2 + .../dist/pfe-navigation--noscript.min.css.map | 1 + .../pfe-navigation/dist/pfe-navigation.js | 1143 +++++++ .../pfe-navigation/dist/pfe-navigation.js.map | 1 + .../pfe-navigation/dist/pfe-navigation.json | 184 ++ .../pfe-navigation/dist/pfe-navigation.min.js | 74 + .../dist/pfe-navigation.min.js.map | 1 + .../pfe-navigation/dist/pfe-navigation.umd.js | 1243 ++++++++ .../dist/pfe-navigation.umd.js.map | 1 + .../dist/pfe-navigation.umd.min.js | 2 + .../dist/pfe-navigation.umd.min.js.map | 1 + elements/pfe-navigation/package-lock.json | 2 +- elements/pfe-navigation/package.json | 8 +- elements/pfe-number/dist/pfe-number.js | 1151 +++++++ elements/pfe-number/dist/pfe-number.js.map | 1 + elements/pfe-number/dist/pfe-number.json | 38 + elements/pfe-number/dist/pfe-number.min.js | 33 + .../pfe-number/dist/pfe-number.min.js.map | 1 + elements/pfe-number/dist/pfe-number.umd.js | 1235 ++++++++ .../pfe-number/dist/pfe-number.umd.js.map | 1 + .../pfe-number/dist/pfe-number.umd.min.js | 2 + .../pfe-number/dist/pfe-number.umd.min.js.map | 1 + elements/pfe-number/package-lock.json | 2 +- elements/pfe-number/package.json | 4 +- .../pfe-page-status/dist/pfe-page-status.js | 100 + .../dist/pfe-page-status.js.map | 1 + .../pfe-page-status/dist/pfe-page-status.json | 57 + .../dist/pfe-page-status.min.js | 26 + .../dist/pfe-page-status.min.js.map | 1 + .../dist/pfe-page-status.umd.js | 202 ++ .../dist/pfe-page-status.umd.js.map | 1 + .../dist/pfe-page-status.umd.min.js | 2 + .../dist/pfe-page-status.umd.min.js.map | 1 + elements/pfe-page-status/package-lock.json | 2 +- elements/pfe-page-status/package.json | 6 +- .../dist/pfe-progress-indicator.js | 91 + .../dist/pfe-progress-indicator.js.map | 1 + .../dist/pfe-progress-indicator.json | 50 + .../dist/pfe-progress-indicator.min.js | 26 + .../dist/pfe-progress-indicator.min.js.map | 1 + .../dist/pfe-progress-indicator.umd.js | 190 ++ .../dist/pfe-progress-indicator.umd.js.map | 1 + .../dist/pfe-progress-indicator.umd.min.js | 2 + .../pfe-progress-indicator.umd.min.js.map | 1 + .../pfe-progress-indicator/package-lock.json | 2 +- elements/pfe-progress-indicator/package.json | 6 +- elements/pfe-sass/package-lock.json | 2 +- elements/pfe-sass/package.json | 2 +- elements/pfe-select/dist/pfe-select.js | 214 ++ elements/pfe-select/dist/pfe-select.js.map | 1 + elements/pfe-select/dist/pfe-select.min.js | 26 + .../pfe-select/dist/pfe-select.min.js.map | 1 + elements/pfe-select/dist/pfe-select.umd.js | 315 ++ .../pfe-select/dist/pfe-select.umd.js.map | 1 + .../pfe-select/dist/pfe-select.umd.min.js | 2 + .../pfe-select/dist/pfe-select.umd.min.js.map | 1 + elements/pfe-select/package-lock.json | 2 +- elements/pfe-select/package.json | 6 +- elements/pfe-styles/dist/pfe-base.css | 164 + elements/pfe-styles/dist/pfe-base.css.map | 1 + elements/pfe-styles/dist/pfe-base.min.css | 2 + elements/pfe-styles/dist/pfe-base.min.css.map | 1 + elements/pfe-styles/dist/pfe-context.css | 40 + elements/pfe-styles/dist/pfe-context.css.map | 1 + elements/pfe-styles/dist/pfe-context.min.css | 2 + .../pfe-styles/dist/pfe-context.min.css.map | 1 + elements/pfe-styles/dist/pfe-layouts.css | 2132 +++++++++++++ elements/pfe-styles/dist/pfe-layouts.css.map | 1 + elements/pfe-styles/dist/pfe-layouts.min.css | 2 + .../pfe-styles/dist/pfe-layouts.min.css.map | 1 + elements/pfe-styles/package-lock.json | 2 +- elements/pfe-styles/package.json | 4 +- elements/pfe-tabs/dist/pfe-tabs.js | 874 ++++++ elements/pfe-tabs/dist/pfe-tabs.js.map | 1 + elements/pfe-tabs/dist/pfe-tabs.json | 69 + elements/pfe-tabs/dist/pfe-tabs.min.js | 26 + elements/pfe-tabs/dist/pfe-tabs.min.js.map | 1 + elements/pfe-tabs/dist/pfe-tabs.umd.js | 1059 +++++++ elements/pfe-tabs/dist/pfe-tabs.umd.js.map | 1 + elements/pfe-tabs/dist/pfe-tabs.umd.min.js | 2 + .../pfe-tabs/dist/pfe-tabs.umd.min.js.map | 1 + elements/pfe-tabs/package-lock.json | 2 +- elements/pfe-tabs/package.json | 6 +- elements/pfe-toast/dist/pfe-toast.js | 244 ++ elements/pfe-toast/dist/pfe-toast.js.map | 1 + elements/pfe-toast/dist/pfe-toast.json | 46 + elements/pfe-toast/dist/pfe-toast.min.js | 26 + elements/pfe-toast/dist/pfe-toast.min.js.map | 1 + elements/pfe-toast/dist/pfe-toast.umd.js | 339 ++ elements/pfe-toast/dist/pfe-toast.umd.js.map | 1 + elements/pfe-toast/dist/pfe-toast.umd.min.js | 2 + .../pfe-toast/dist/pfe-toast.umd.min.js.map | 1 + elements/pfe-toast/package-lock.json | 2 +- elements/pfe-toast/package.json | 6 +- .../pfelement/dist/pfelement--noscript.css | 6 + .../dist/pfelement--noscript.min.css | 2 + .../dist/pfelement--noscript.min.css.map | 1 + elements/pfelement/dist/pfelement.css | 41 + elements/pfelement/dist/pfelement.css.map | 1 + elements/pfelement/dist/pfelement.js | 476 +++ elements/pfelement/dist/pfelement.js.map | 1 + elements/pfelement/dist/pfelement.min.css | 2 + elements/pfelement/dist/pfelement.min.css.map | 1 + elements/pfelement/dist/pfelement.min.js | 26 + elements/pfelement/dist/pfelement.min.js.map | 1 + elements/pfelement/dist/pfelement.umd.js | 635 ++++ elements/pfelement/dist/pfelement.umd.js.map | 1 + elements/pfelement/dist/pfelement.umd.min.js | 2 + .../pfelement/dist/pfelement.umd.min.js.map | 1 + elements/pfelement/package-lock.json | 2 +- elements/pfelement/package.json | 2 +- lerna.json | 2 +- package-lock.json | 20 + 311 files changed, 30813 insertions(+), 98 deletions(-) create mode 100644 elements/pfe-accordion/dist/pfe-accordion.js create mode 100644 elements/pfe-accordion/dist/pfe-accordion.js.map create mode 100644 elements/pfe-accordion/dist/pfe-accordion.json create mode 100644 elements/pfe-accordion/dist/pfe-accordion.min.js create mode 100644 elements/pfe-accordion/dist/pfe-accordion.min.js.map create mode 100644 elements/pfe-accordion/dist/pfe-accordion.umd.js create mode 100644 elements/pfe-accordion/dist/pfe-accordion.umd.js.map create mode 100644 elements/pfe-accordion/dist/pfe-accordion.umd.min.js create mode 100644 elements/pfe-accordion/dist/pfe-accordion.umd.min.js.map create mode 100644 elements/pfe-autocomplete/dist/pfe-autocomplete.js create mode 100644 elements/pfe-autocomplete/dist/pfe-autocomplete.js.map create mode 100644 elements/pfe-autocomplete/dist/pfe-autocomplete.json create mode 100644 elements/pfe-autocomplete/dist/pfe-autocomplete.min.js create mode 100644 elements/pfe-autocomplete/dist/pfe-autocomplete.min.js.map create mode 100644 elements/pfe-autocomplete/dist/pfe-autocomplete.umd.js create mode 100644 elements/pfe-autocomplete/dist/pfe-autocomplete.umd.js.map create mode 100644 elements/pfe-autocomplete/dist/pfe-autocomplete.umd.min.js create mode 100644 elements/pfe-autocomplete/dist/pfe-autocomplete.umd.min.js.map create mode 100644 elements/pfe-avatar/dist/pfe-avatar.js create mode 100644 elements/pfe-avatar/dist/pfe-avatar.js.map create mode 100644 elements/pfe-avatar/dist/pfe-avatar.min.js create mode 100644 elements/pfe-avatar/dist/pfe-avatar.min.js.map create mode 100644 elements/pfe-avatar/dist/pfe-avatar.umd.js create mode 100644 elements/pfe-avatar/dist/pfe-avatar.umd.js.map create mode 100644 elements/pfe-avatar/dist/pfe-avatar.umd.min.js create mode 100644 elements/pfe-avatar/dist/pfe-avatar.umd.min.js.map create mode 100644 elements/pfe-badge/dist/pfe-badge.js create mode 100644 elements/pfe-badge/dist/pfe-badge.js.map create mode 100644 elements/pfe-badge/dist/pfe-badge.json create mode 100644 elements/pfe-badge/dist/pfe-badge.min.js create mode 100644 elements/pfe-badge/dist/pfe-badge.min.js.map create mode 100644 elements/pfe-badge/dist/pfe-badge.umd.js create mode 100644 elements/pfe-badge/dist/pfe-badge.umd.js.map create mode 100644 elements/pfe-badge/dist/pfe-badge.umd.min.js create mode 100644 elements/pfe-badge/dist/pfe-badge.umd.min.js.map create mode 100644 elements/pfe-band/dist/pfe-band.js create mode 100644 elements/pfe-band/dist/pfe-band.js.map create mode 100644 elements/pfe-band/dist/pfe-band.json create mode 100644 elements/pfe-band/dist/pfe-band.min.js create mode 100644 elements/pfe-band/dist/pfe-band.min.js.map create mode 100644 elements/pfe-band/dist/pfe-band.umd.js create mode 100644 elements/pfe-band/dist/pfe-band.umd.js.map create mode 100644 elements/pfe-band/dist/pfe-band.umd.min.js create mode 100644 elements/pfe-band/dist/pfe-band.umd.min.js.map create mode 100644 elements/pfe-card/dist/pfe-card--lightdom.css create mode 100644 elements/pfe-card/dist/pfe-card--lightdom.min.css create mode 100644 elements/pfe-card/dist/pfe-card--lightdom.min.css.map create mode 100644 elements/pfe-card/dist/pfe-card.js create mode 100644 elements/pfe-card/dist/pfe-card.js.map create mode 100644 elements/pfe-card/dist/pfe-card.json create mode 100644 elements/pfe-card/dist/pfe-card.min.js create mode 100644 elements/pfe-card/dist/pfe-card.min.js.map create mode 100644 elements/pfe-card/dist/pfe-card.umd.js create mode 100644 elements/pfe-card/dist/pfe-card.umd.js.map create mode 100644 elements/pfe-card/dist/pfe-card.umd.min.js create mode 100644 elements/pfe-card/dist/pfe-card.umd.min.js.map create mode 100644 elements/pfe-collapse/dist/pfe-collapse.js create mode 100644 elements/pfe-collapse/dist/pfe-collapse.js.map create mode 100644 elements/pfe-collapse/dist/pfe-collapse.json create mode 100644 elements/pfe-collapse/dist/pfe-collapse.min.js create mode 100644 elements/pfe-collapse/dist/pfe-collapse.min.js.map create mode 100644 elements/pfe-collapse/dist/pfe-collapse.umd.js create mode 100644 elements/pfe-collapse/dist/pfe-collapse.umd.js.map create mode 100644 elements/pfe-collapse/dist/pfe-collapse.umd.min.js create mode 100644 elements/pfe-collapse/dist/pfe-collapse.umd.min.js.map create mode 100644 elements/pfe-content-set/dist/pfe-content-set.js create mode 100644 elements/pfe-content-set/dist/pfe-content-set.js.map create mode 100644 elements/pfe-content-set/dist/pfe-content-set.json create mode 100644 elements/pfe-content-set/dist/pfe-content-set.min.js create mode 100644 elements/pfe-content-set/dist/pfe-content-set.min.js.map create mode 100644 elements/pfe-content-set/dist/pfe-content-set.umd.js create mode 100644 elements/pfe-content-set/dist/pfe-content-set.umd.js.map create mode 100644 elements/pfe-content-set/dist/pfe-content-set.umd.min.js create mode 100644 elements/pfe-content-set/dist/pfe-content-set.umd.min.js.map create mode 100644 elements/pfe-cta/dist/pfe-cta--lightdom.css create mode 100644 elements/pfe-cta/dist/pfe-cta--lightdom.min.css create mode 100644 elements/pfe-cta/dist/pfe-cta--lightdom.min.css.map create mode 100644 elements/pfe-cta/dist/pfe-cta.js create mode 100644 elements/pfe-cta/dist/pfe-cta.js.map create mode 100644 elements/pfe-cta/dist/pfe-cta.json create mode 100644 elements/pfe-cta/dist/pfe-cta.min.js create mode 100644 elements/pfe-cta/dist/pfe-cta.min.js.map create mode 100644 elements/pfe-cta/dist/pfe-cta.umd.js create mode 100644 elements/pfe-cta/dist/pfe-cta.umd.js.map create mode 100644 elements/pfe-cta/dist/pfe-cta.umd.min.js create mode 100644 elements/pfe-cta/dist/pfe-cta.umd.min.js.map create mode 100644 elements/pfe-datetime/dist/pfe-datetime.js create mode 100644 elements/pfe-datetime/dist/pfe-datetime.js.map create mode 100644 elements/pfe-datetime/dist/pfe-datetime.json create mode 100644 elements/pfe-datetime/dist/pfe-datetime.min.js create mode 100644 elements/pfe-datetime/dist/pfe-datetime.min.js.map create mode 100644 elements/pfe-datetime/dist/pfe-datetime.umd.js create mode 100644 elements/pfe-datetime/dist/pfe-datetime.umd.js.map create mode 100644 elements/pfe-datetime/dist/pfe-datetime.umd.min.js create mode 100644 elements/pfe-datetime/dist/pfe-datetime.umd.min.js.map create mode 100644 elements/pfe-dropdown/dist/pfe-dropdown.js create mode 100644 elements/pfe-dropdown/dist/pfe-dropdown.js.map create mode 100644 elements/pfe-dropdown/dist/pfe-dropdown.json create mode 100644 elements/pfe-dropdown/dist/pfe-dropdown.min.js create mode 100644 elements/pfe-dropdown/dist/pfe-dropdown.min.js.map create mode 100644 elements/pfe-dropdown/dist/pfe-dropdown.umd.js create mode 100644 elements/pfe-dropdown/dist/pfe-dropdown.umd.js.map create mode 100644 elements/pfe-dropdown/dist/pfe-dropdown.umd.min.js create mode 100644 elements/pfe-dropdown/dist/pfe-dropdown.umd.min.js.map create mode 100644 elements/pfe-health-index/dist/pfe-health-index.js create mode 100644 elements/pfe-health-index/dist/pfe-health-index.js.map create mode 100644 elements/pfe-health-index/dist/pfe-health-index.json create mode 100644 elements/pfe-health-index/dist/pfe-health-index.min.js create mode 100644 elements/pfe-health-index/dist/pfe-health-index.min.js.map create mode 100644 elements/pfe-health-index/dist/pfe-health-index.umd.js create mode 100644 elements/pfe-health-index/dist/pfe-health-index.umd.js.map create mode 100644 elements/pfe-health-index/dist/pfe-health-index.umd.min.js create mode 100644 elements/pfe-health-index/dist/pfe-health-index.umd.min.js.map create mode 100644 elements/pfe-icon-panel/dist/pfe-icon-panel.js create mode 100644 elements/pfe-icon-panel/dist/pfe-icon-panel.js.map create mode 100644 elements/pfe-icon-panel/dist/pfe-icon-panel.json create mode 100644 elements/pfe-icon-panel/dist/pfe-icon-panel.min.js create mode 100644 elements/pfe-icon-panel/dist/pfe-icon-panel.min.js.map create mode 100644 elements/pfe-icon-panel/dist/pfe-icon-panel.umd.js create mode 100644 elements/pfe-icon-panel/dist/pfe-icon-panel.umd.js.map create mode 100644 elements/pfe-icon-panel/dist/pfe-icon-panel.umd.min.js create mode 100644 elements/pfe-icon-panel/dist/pfe-icon-panel.umd.min.js.map create mode 100644 elements/pfe-icon/dist/pfe-icon.js create mode 100644 elements/pfe-icon/dist/pfe-icon.js.map create mode 100644 elements/pfe-icon/dist/pfe-icon.json create mode 100644 elements/pfe-icon/dist/pfe-icon.min.js create mode 100644 elements/pfe-icon/dist/pfe-icon.min.js.map create mode 100644 elements/pfe-icon/dist/pfe-icon.umd.js create mode 100644 elements/pfe-icon/dist/pfe-icon.umd.js.map create mode 100644 elements/pfe-icon/dist/pfe-icon.umd.min.js create mode 100644 elements/pfe-icon/dist/pfe-icon.umd.min.js.map create mode 100644 elements/pfe-jump-links/dist/pfe-jump-links.js create mode 100644 elements/pfe-jump-links/dist/pfe-jump-links.js.map create mode 100644 elements/pfe-jump-links/dist/pfe-jump-links.json create mode 100644 elements/pfe-jump-links/dist/pfe-jump-links.min.js create mode 100644 elements/pfe-jump-links/dist/pfe-jump-links.min.js.map create mode 100644 elements/pfe-jump-links/dist/pfe-jump-links.umd.js create mode 100644 elements/pfe-jump-links/dist/pfe-jump-links.umd.js.map create mode 100644 elements/pfe-jump-links/dist/pfe-jump-links.umd.min.js create mode 100644 elements/pfe-jump-links/dist/pfe-jump-links.umd.min.js.map create mode 100644 elements/pfe-markdown/dist/pfe-markdown.js create mode 100644 elements/pfe-markdown/dist/pfe-markdown.js.map create mode 100644 elements/pfe-markdown/dist/pfe-markdown.json create mode 100644 elements/pfe-markdown/dist/pfe-markdown.min.js create mode 100644 elements/pfe-markdown/dist/pfe-markdown.min.js.map create mode 100644 elements/pfe-markdown/dist/pfe-markdown.umd.js create mode 100644 elements/pfe-markdown/dist/pfe-markdown.umd.js.map create mode 100644 elements/pfe-markdown/dist/pfe-markdown.umd.min.js create mode 100644 elements/pfe-markdown/dist/pfe-markdown.umd.min.js.map create mode 100644 elements/pfe-modal/dist/pfe-modal.js create mode 100644 elements/pfe-modal/dist/pfe-modal.js.map create mode 100644 elements/pfe-modal/dist/pfe-modal.json create mode 100644 elements/pfe-modal/dist/pfe-modal.min.js create mode 100644 elements/pfe-modal/dist/pfe-modal.min.js.map create mode 100644 elements/pfe-modal/dist/pfe-modal.umd.js create mode 100644 elements/pfe-modal/dist/pfe-modal.umd.js.map create mode 100644 elements/pfe-modal/dist/pfe-modal.umd.min.js create mode 100644 elements/pfe-modal/dist/pfe-modal.umd.min.js.map create mode 100644 elements/pfe-navigation/dist/pfe-navigation--lightdom.css create mode 100644 elements/pfe-navigation/dist/pfe-navigation--lightdom.css.map create mode 100644 elements/pfe-navigation/dist/pfe-navigation--lightdom.min.css create mode 100644 elements/pfe-navigation/dist/pfe-navigation--lightdom.min.css.map create mode 100644 elements/pfe-navigation/dist/pfe-navigation--noscript.css create mode 100644 elements/pfe-navigation/dist/pfe-navigation--noscript.css.map create mode 100644 elements/pfe-navigation/dist/pfe-navigation--noscript.min.css create mode 100644 elements/pfe-navigation/dist/pfe-navigation--noscript.min.css.map create mode 100644 elements/pfe-navigation/dist/pfe-navigation.js create mode 100644 elements/pfe-navigation/dist/pfe-navigation.js.map create mode 100644 elements/pfe-navigation/dist/pfe-navigation.json create mode 100644 elements/pfe-navigation/dist/pfe-navigation.min.js create mode 100644 elements/pfe-navigation/dist/pfe-navigation.min.js.map create mode 100644 elements/pfe-navigation/dist/pfe-navigation.umd.js create mode 100644 elements/pfe-navigation/dist/pfe-navigation.umd.js.map create mode 100644 elements/pfe-navigation/dist/pfe-navigation.umd.min.js create mode 100644 elements/pfe-navigation/dist/pfe-navigation.umd.min.js.map create mode 100644 elements/pfe-number/dist/pfe-number.js create mode 100644 elements/pfe-number/dist/pfe-number.js.map create mode 100644 elements/pfe-number/dist/pfe-number.json create mode 100644 elements/pfe-number/dist/pfe-number.min.js create mode 100644 elements/pfe-number/dist/pfe-number.min.js.map create mode 100644 elements/pfe-number/dist/pfe-number.umd.js create mode 100644 elements/pfe-number/dist/pfe-number.umd.js.map create mode 100644 elements/pfe-number/dist/pfe-number.umd.min.js create mode 100644 elements/pfe-number/dist/pfe-number.umd.min.js.map create mode 100644 elements/pfe-page-status/dist/pfe-page-status.js create mode 100644 elements/pfe-page-status/dist/pfe-page-status.js.map create mode 100644 elements/pfe-page-status/dist/pfe-page-status.json create mode 100644 elements/pfe-page-status/dist/pfe-page-status.min.js create mode 100644 elements/pfe-page-status/dist/pfe-page-status.min.js.map create mode 100644 elements/pfe-page-status/dist/pfe-page-status.umd.js create mode 100644 elements/pfe-page-status/dist/pfe-page-status.umd.js.map create mode 100644 elements/pfe-page-status/dist/pfe-page-status.umd.min.js create mode 100644 elements/pfe-page-status/dist/pfe-page-status.umd.min.js.map create mode 100644 elements/pfe-progress-indicator/dist/pfe-progress-indicator.js create mode 100644 elements/pfe-progress-indicator/dist/pfe-progress-indicator.js.map create mode 100644 elements/pfe-progress-indicator/dist/pfe-progress-indicator.json create mode 100644 elements/pfe-progress-indicator/dist/pfe-progress-indicator.min.js create mode 100644 elements/pfe-progress-indicator/dist/pfe-progress-indicator.min.js.map create mode 100644 elements/pfe-progress-indicator/dist/pfe-progress-indicator.umd.js create mode 100644 elements/pfe-progress-indicator/dist/pfe-progress-indicator.umd.js.map create mode 100644 elements/pfe-progress-indicator/dist/pfe-progress-indicator.umd.min.js create mode 100644 elements/pfe-progress-indicator/dist/pfe-progress-indicator.umd.min.js.map create mode 100644 elements/pfe-select/dist/pfe-select.js create mode 100644 elements/pfe-select/dist/pfe-select.js.map create mode 100644 elements/pfe-select/dist/pfe-select.min.js create mode 100644 elements/pfe-select/dist/pfe-select.min.js.map create mode 100644 elements/pfe-select/dist/pfe-select.umd.js create mode 100644 elements/pfe-select/dist/pfe-select.umd.js.map create mode 100644 elements/pfe-select/dist/pfe-select.umd.min.js create mode 100644 elements/pfe-select/dist/pfe-select.umd.min.js.map create mode 100644 elements/pfe-styles/dist/pfe-base.css create mode 100644 elements/pfe-styles/dist/pfe-base.css.map create mode 100644 elements/pfe-styles/dist/pfe-base.min.css create mode 100644 elements/pfe-styles/dist/pfe-base.min.css.map create mode 100644 elements/pfe-styles/dist/pfe-context.css create mode 100644 elements/pfe-styles/dist/pfe-context.css.map create mode 100644 elements/pfe-styles/dist/pfe-context.min.css create mode 100644 elements/pfe-styles/dist/pfe-context.min.css.map create mode 100644 elements/pfe-styles/dist/pfe-layouts.css create mode 100644 elements/pfe-styles/dist/pfe-layouts.css.map create mode 100644 elements/pfe-styles/dist/pfe-layouts.min.css create mode 100644 elements/pfe-styles/dist/pfe-layouts.min.css.map create mode 100644 elements/pfe-tabs/dist/pfe-tabs.js create mode 100644 elements/pfe-tabs/dist/pfe-tabs.js.map create mode 100644 elements/pfe-tabs/dist/pfe-tabs.json create mode 100644 elements/pfe-tabs/dist/pfe-tabs.min.js create mode 100644 elements/pfe-tabs/dist/pfe-tabs.min.js.map create mode 100644 elements/pfe-tabs/dist/pfe-tabs.umd.js create mode 100644 elements/pfe-tabs/dist/pfe-tabs.umd.js.map create mode 100644 elements/pfe-tabs/dist/pfe-tabs.umd.min.js create mode 100644 elements/pfe-tabs/dist/pfe-tabs.umd.min.js.map create mode 100644 elements/pfe-toast/dist/pfe-toast.js create mode 100644 elements/pfe-toast/dist/pfe-toast.js.map create mode 100644 elements/pfe-toast/dist/pfe-toast.json create mode 100644 elements/pfe-toast/dist/pfe-toast.min.js create mode 100644 elements/pfe-toast/dist/pfe-toast.min.js.map create mode 100644 elements/pfe-toast/dist/pfe-toast.umd.js create mode 100644 elements/pfe-toast/dist/pfe-toast.umd.js.map create mode 100644 elements/pfe-toast/dist/pfe-toast.umd.min.js create mode 100644 elements/pfe-toast/dist/pfe-toast.umd.min.js.map create mode 100644 elements/pfelement/dist/pfelement--noscript.css create mode 100644 elements/pfelement/dist/pfelement--noscript.min.css create mode 100644 elements/pfelement/dist/pfelement--noscript.min.css.map create mode 100644 elements/pfelement/dist/pfelement.css create mode 100644 elements/pfelement/dist/pfelement.css.map create mode 100644 elements/pfelement/dist/pfelement.js create mode 100644 elements/pfelement/dist/pfelement.js.map create mode 100644 elements/pfelement/dist/pfelement.min.css create mode 100644 elements/pfelement/dist/pfelement.min.css.map create mode 100644 elements/pfelement/dist/pfelement.min.js create mode 100644 elements/pfelement/dist/pfelement.min.js.map create mode 100644 elements/pfelement/dist/pfelement.umd.js create mode 100644 elements/pfelement/dist/pfelement.umd.js.map create mode 100644 elements/pfelement/dist/pfelement.umd.min.js create mode 100644 elements/pfelement/dist/pfelement.umd.min.js.map diff --git a/elements/pfe-accordion/dist/pfe-accordion.js b/elements/pfe-accordion/dist/pfe-accordion.js new file mode 100644 index 0000000000..a220682057 --- /dev/null +++ b/elements/pfe-accordion/dist/pfe-accordion.js @@ -0,0 +1,674 @@ +import PFElement from '../../pfelement/dist/pfelement.js'; + +// @POLYFILL Array.prototype.findIndex +// https://tc39.github.io/ecma262/#sec-array.prototype.findIndex +if (!Array.prototype.findIndex) { + Object.defineProperty(Array.prototype, "findIndex", { + value: function(predicate) { + // 1. Let O be ? ToObject(this value). + if (this == null) { + throw new TypeError('"this" is null or not defined'); + } + + var o = Object(this); + + // 2. Let len be ? ToLength(? Get(O, "length")). + var len = o.length >>> 0; + + // 3. If IsCallable(predicate) is false, throw a TypeError exception. + if (typeof predicate !== "function") { + throw new TypeError("predicate must be a function"); + } + + // 4. If thisArg was supplied, let T be thisArg; else let T be undefined. + var thisArg = arguments[1]; + + // 5. Let k be 0. + var k = 0; + + // 6. Repeat, while k < len + while (k < len) { + // a. Let Pk be ! ToString(k). + // b. Let kValue be ? Get(O, Pk). + // c. Let testResult be ToBoolean(? Call(predicate, T, « kValue, k, O »)). + // d. If testResult is true, return k. + var kValue = o[k]; + if (predicate.call(thisArg, kValue, k, o)) { + return k; + } + // e. Increase k by 1. + k++; + } + + // 7. Return -1. + return -1; + } + }); +} + +/*! + * PatternFly Elements: PfeAccordion 1.0.0-prerelease.50 + * @license + * Copyright 2020 Red Hat, Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + * +*/ + +function generateId() { + return Math.random() + .toString(36) + .substr(2, 9); +} + +class PfeAccordion extends PFElement { + static get version() { + return "1.0.0-prerelease.50"; + } + + get html() { + return ``; + } + + static get properties() { + return {}; + } + + static get slots() { + return {"default":{"title":"Default","type":"array","namedSlot":false,"items":{"oneOf":[{"$ref":"pfe-accordion-header"},{"$ref":"pfe-accordion-panel"}]}}}; + } + static get tag() { + return "pfe-accordion"; + } + + get styleUrl() { + return "pfe-accordion.scss"; + } + + get templateUrl() { + return "pfe-accordion.html"; + } + + get schemaUrl() { + return "pfe-accordion.json"; + } + + static get cascadingAttributes() { + return { + on: "pfe-accordion-header, pfe-accordion-panel" + }; + } + + static get events() { + return { + change: `${this.tag}:change` + }; + } + + // Declare the type of this component + static get PfeType() { + return PFElement.PfeTypes.Container; + } + + static get observedAttributes() { + return ["pfe-disclosure"]; + } + + constructor() { + super(PfeAccordion, { type: PfeAccordion.PfeType }); + + this._linkPanels = this._linkPanels.bind(this); + this._observer = new MutationObserver(this._linkPanels); + } + + connectedCallback() { + super.connectedCallback(); + + this.setAttribute("role", "tablist"); + this.setAttribute("defined", ""); + + this.addEventListener(PfeAccordion.events.change, this._changeHandler); + this.addEventListener("keydown", this._keydownHandler); + + Promise.all([ + customElements.whenDefined(PfeAccordionHeader.tag), + customElements.whenDefined(PfeAccordionPanel.tag) + ]).then(() => { + if (this.children.length) { + this._linkPanels(); + } + + this._observer.observe(this, { childList: true }); + }); + } + + disconnectedCallback() { + this.removeEventListener(PfeAccordion.events.change, this._changeHandler); + this.removeEventListener("keydown", this._keydownHandler); + this._observer.disconnect(); + } + + attributeChangedCallback(attr, oldVal, newVal) { + super.attributeChangedCallback(attr, oldVal, newVal); + + if (attr === "pfe-disclosure") { + if (newVal === "true") { + this._allHeaders().forEach(header => + header.setAttribute("pfe-disclosure", "true") + ); + this._allPanels().forEach(panel => + panel.setAttribute("pfe-disclosure", "true") + ); + } else { + this._allHeaders().forEach(header => + header.setAttribute("pfe-disclosure", "false") + ); + this._allPanels().forEach(panel => + panel.setAttribute("pfe-disclosure", "false") + ); + } + } + } + + toggle(index) { + const headers = this._allHeaders(); + const panels = this._allPanels(); + const header = headers[index]; + const panel = panels[index]; + + if (!header || !panel) { + return; + } + + if (!header.expanded) { + this._expandHeader(header); + this._expandPanel(panel); + } else { + this._collapseHeader(header); + this._collapsePanel(panel); + } + } + + expand(index) { + const headers = this._allHeaders(); + const panels = this._allPanels(); + const header = headers[index]; + const panel = panels[index]; + + if (!header || !panel) { + return; + } + + this._expandHeader(header); + this._expandPanel(panel); + } + + expandAll() { + const headers = this._allHeaders(); + const panels = this._allPanels(); + + headers.forEach(header => this._expandHeader(header)); + panels.forEach(panel => this._expandPanel(panel)); + } + + collapse(index) { + const headers = this._allHeaders(); + const panels = this._allPanels(); + const header = headers[index]; + const panel = panels[index]; + + if (!header || !panel) { + return; + } + + this._collapseHeader(header); + this._collapsePanel(panel); + } + + collapseAll() { + const headers = this._allHeaders(); + const panels = this._allPanels(); + + headers.forEach(header => this._collapseHeader(header)); + panels.forEach(panel => this._collapsePanel(panel)); + } + + _linkPanels() { + const headers = this._allHeaders(); + headers.forEach(header => { + const panel = this._panelForHeader(header); + + if (!panel) { + return; + } + + header.setAttribute("aria-controls", panel.pfeId); + panel.setAttribute("aria-labelledby", header.pfeId); + }); + + if (headers.length === 1) { + if ( + this.hasAttribute("pfe-disclosure") && + this.getAttribute("pfe-disclosure") === "false" + ) { + return; + } + + this.setAttribute("pfe-disclosure", "true"); + } + + if (headers.length > 1) { + if (this.hasAttribute("pfe-disclosure")) { + this.removeAttribute("pfe-disclosure"); + } + } + } + + _changeHandler(evt) { + if (this.classList.contains("animating")) { + return; + } + + const header = evt.target; + const panel = evt.target.nextElementSibling; + + if (evt.detail.expanded) { + this._expandHeader(header); + this._expandPanel(panel); + } else { + this._collapseHeader(header); + this._collapsePanel(panel); + } + } + + _toggle(header, panel) {} + + _expandHeader(header) { + header.expanded = true; + } + + _expandPanel(panel) { + if (!panel) { + console.error( + `${PfeAccordion.tag}: Trying to expand a panel that doesn't exist` + ); + return; + } + + if (panel.expanded) { + return; + } + + panel.expanded = true; + + const height = panel.getBoundingClientRect().height; + this._animate(panel, 0, height); + } + + _collapseHeader(header) { + header.expanded = false; + } + + _collapsePanel(panel) { + if (!panel) { + console.error( + `${PfeAccordion.tag}: Trying to collapse a panel that doesn't exist` + ); + return; + } + + if (!panel.expanded) { + return; + } + + const height = panel.getBoundingClientRect().height; + panel.expanded = false; + + this._animate(panel, height, 0); + } + + _animate(panel, start, end) { + if (panel) { + const header = panel.previousElementSibling; + if (header) { + header.classList.add("animating"); + } + panel.classList.add("animating"); + panel.style.height = `${start}px`; + + requestAnimationFrame(() => { + requestAnimationFrame(() => { + panel.style.height = `${end}px`; + panel.addEventListener("transitionend", this._transitionEndHandler); + }); + }); + } + } + + _keydownHandler(evt) { + const currentHeader = evt.target; + + if (!this._isHeader(currentHeader)) { + return; + } + + let newHeader; + + switch (evt.key) { + case "ArrowDown": + case "Down": + case "ArrowRight": + case "Right": + newHeader = this._nextHeader(); + break; + case "ArrowUp": + case "Up": + case "ArrowLeft": + case "Left": + newHeader = this._previousHeader(); + break; + case "Home": + newHeader = this._firstHeader(); + break; + case "End": + newHeader = this._lastHeader(); + break; + default: + return; + } + + newHeader.shadowRoot.querySelector("button").focus(); + } + + _transitionEndHandler(evt) { + const header = evt.target.previousElementSibling; + if (header) { + header.classList.remove("animating"); + } + evt.target.style.height = ""; + evt.target.classList.remove("animating"); + evt.target.removeEventListener("transitionend", this._transitionEndHandler); + } + + _allHeaders() { + return [...this.querySelectorAll(PfeAccordionHeader.tag)]; + } + + _allPanels() { + return [...this.querySelectorAll(PfeAccordionPanel.tag)]; + } + + _panelForHeader(header) { + const next = header.nextElementSibling; + + if (!next) { + return; + } + + if (next.tagName.toLowerCase() !== PfeAccordionPanel.tag) { + console.error( + `${PfeAccordion.tag}: Sibling element to a header needs to be a panel` + ); + return; + } + + return next; + } + + _previousHeader() { + const headers = this._allHeaders(); + let newIndex = + headers.findIndex(header => header === document.activeElement) - 1; + return headers[(newIndex + headers.length) % headers.length]; + } + + _nextHeader() { + const headers = this._allHeaders(); + let newIndex = + headers.findIndex(header => header === document.activeElement) + 1; + return headers[newIndex % headers.length]; + } + + _firstHeader() { + const headers = this._allHeaders(); + return headers[0]; + } + + _lastHeader() { + const headers = this._allHeaders(); + return headers[headers.length - 1]; + } + + _isHeader(element) { + return element.tagName.toLowerCase() === PfeAccordionHeader.tag; + } +} + +class PfeAccordionHeader extends PFElement { + static get version() { + return "1.0.0-prerelease.50"; + } + + get html() { + return ``; + } + static get tag() { + return "pfe-accordion-header"; + } + + get styleUrl() { + return "pfe-accordion-header.scss"; + } + + get templateUrl() { + return "pfe-accordion-header.html"; + } + + get pfeId() { + return this.getAttribute("pfe-id"); + } + + set pfeId(id) { + if (!id) { + return; + } + + this.setAttribute("pfe-id", id); + } + + static get observedAttributes() { + return ["aria-expanded"]; + } + + constructor() { + super(PfeAccordionHeader); + + this.button = this.shadowRoot.querySelector("button"); + + this._init = this._init.bind(this); + this._clickHandler = this._clickHandler.bind(this); + this._observer = new MutationObserver(this._init); + } + + connectedCallback() { + super.connectedCallback(); + + if (this.children.length || this.textContent.trim().length) { + this._init(); + } + + this.addEventListener("click", this._clickHandler); + this._observer.observe(this, { childList: true }); + } + + disconnectedCallback() { + this.removeEventListener("click", this._clickHandler); + this._observer.disconnect(); + } + + get expanded() { + return this.hasAttribute("aria-expanded"); + } + + set expanded(val) { + val = Boolean(val); + + if (val) { + this.setAttribute("aria-expanded", true); + this.button.setAttribute("aria-expanded", true); + } else { + this.removeAttribute("aria-expanded"); + this.button.setAttribute("aria-expanded", false); + } + } + + _init() { + if (window.ShadyCSS) { + this._observer.disconnect(); + } + + if (!this.hasAttribute("role")) { + this.setAttribute("role", "heading"); + } + + if (!this.pfeId) { + this.pfeId = `${PfeAccordionHeader.tag}-${generateId()}`; + } + + const child = this.children[0]; + let isHeaderTag = false; + + if (child) { + switch (child.tagName) { + case "H1": + case "H2": + case "H3": + case "H4": + case "H5": + case "H6": + isHeaderTag = true; + break; + } + + const wrapperTag = document.createElement(child.tagName); + this.button.innerText = child.innerText; + + wrapperTag.appendChild(this.button); + this.shadowRoot.appendChild(wrapperTag); + } else { + this.button.innerText = this.textContent.trim(); + } + + if (!isHeaderTag) { + console.warn( + `${PfeAccordionHeader.tag}: The first child in the light DOM must be a Header level tag (h1, h2, h3, h4, h5, or h6)` + ); + } + + if (window.ShadyCSS) { + this._observer.observe(this, { childList: true }); + } + } + + _clickHandler(event) { + this.emitEvent(PfeAccordion.events.change, { + detail: { expanded: !this.expanded } + }); + } +} + +class PfeAccordionPanel extends PFElement { + static get version() { + return "1.0.0-prerelease.50"; + } + + get html() { + return `
+
+ +
+
`; + } + static get tag() { + return "pfe-accordion-panel"; + } + + get styleUrl() { + return "pfe-accordion-panel.scss"; + } + + get templateUrl() { + return "pfe-accordion-panel.html"; + } + + get pfeId() { + return this.getAttribute("pfe-id"); + } + + set pfeId(id) { + if (!id) { + return; + } + + this.setAttribute("pfe-id", id); + } + + constructor() { + super(PfeAccordionPanel); + } + + connectedCallback() { + super.connectedCallback(); + + if (!this.hasAttribute("role")) { + this.setAttribute("role", "region"); + } + + if (!this.pfeId) { + this.pfeId = `${PfeAccordionPanel.tag}-${generateId()}`; + } + } + + get expanded() { + return this.hasAttribute("expanded"); + } + + set expanded(val) { + const value = Boolean(val); + + if (value) { + this.setAttribute("expanded", ""); + } else { + this.removeAttribute("expanded"); + } + } +} + +PFElement.create(PfeAccordionHeader); +PFElement.create(PfeAccordionPanel); +PFElement.create(PfeAccordion); + +export default PfeAccordion; +//# sourceMappingURL=pfe-accordion.js.map diff --git a/elements/pfe-accordion/dist/pfe-accordion.js.map b/elements/pfe-accordion/dist/pfe-accordion.js.map new file mode 100644 index 0000000000..4d80285209 --- /dev/null +++ b/elements/pfe-accordion/dist/pfe-accordion.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-accordion.js","sources":["../_temp/polyfills--pfe-accordion.js","../_temp/pfe-accordion.js"],"sourcesContent":["// @POLYFILL Array.prototype.findIndex\n// https://tc39.github.io/ecma262/#sec-array.prototype.findIndex\nif (!Array.prototype.findIndex) {\n Object.defineProperty(Array.prototype, \"findIndex\", {\n value: function(predicate) {\n // 1. Let O be ? ToObject(this value).\n if (this == null) {\n throw new TypeError('\"this\" is null or not defined');\n }\n\n var o = Object(this);\n\n // 2. Let len be ? ToLength(? Get(O, \"length\")).\n var len = o.length >>> 0;\n\n // 3. If IsCallable(predicate) is false, throw a TypeError exception.\n if (typeof predicate !== \"function\") {\n throw new TypeError(\"predicate must be a function\");\n }\n\n // 4. If thisArg was supplied, let T be thisArg; else let T be undefined.\n var thisArg = arguments[1];\n\n // 5. Let k be 0.\n var k = 0;\n\n // 6. Repeat, while k < len\n while (k < len) {\n // a. Let Pk be ! ToString(k).\n // b. Let kValue be ? Get(O, Pk).\n // c. Let testResult be ToBoolean(? Call(predicate, T, « kValue, k, O »)).\n // d. If testResult is true, return k.\n var kValue = o[k];\n if (predicate.call(thisArg, kValue, k, o)) {\n return k;\n }\n // e. Increase k by 1.\n k++;\n }\n\n // 7. Return -1.\n return -1;\n }\n });\n}\n","/*!\n * PatternFly Elements: PfeAccordion 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\n// Import polyfills: findIndex\nimport \"./polyfills--pfe-accordion.js\";\n\nimport PFElement from \"../../pfelement/dist/pfelement.js\";\n\nfunction generateId() {\n return Math.random()\n .toString(36)\n .substr(2, 9);\n}\n\nclass PfeAccordion extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return ``;\n }\n\n static get properties() {\n return {};\n }\n\n static get slots() {\n return {\"default\":{\"title\":\"Default\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"pfe-accordion-header\"},{\"$ref\":\"pfe-accordion-panel\"}]}}};\n }\n static get tag() {\n return \"pfe-accordion\";\n }\n\n get styleUrl() {\n return \"pfe-accordion.scss\";\n }\n\n get templateUrl() {\n return \"pfe-accordion.html\";\n }\n\n get schemaUrl() {\n return \"pfe-accordion.json\";\n }\n\n static get cascadingAttributes() {\n return {\n on: \"pfe-accordion-header, pfe-accordion-panel\"\n };\n }\n\n static get events() {\n return {\n change: `${this.tag}:change`\n };\n }\n\n // Declare the type of this component\n static get PfeType() {\n return PFElement.PfeTypes.Container;\n }\n\n static get observedAttributes() {\n return [\"pfe-disclosure\"];\n }\n\n constructor() {\n super(PfeAccordion, { type: PfeAccordion.PfeType });\n\n this._linkPanels = this._linkPanels.bind(this);\n this._observer = new MutationObserver(this._linkPanels);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this.setAttribute(\"role\", \"tablist\");\n this.setAttribute(\"defined\", \"\");\n\n this.addEventListener(PfeAccordion.events.change, this._changeHandler);\n this.addEventListener(\"keydown\", this._keydownHandler);\n\n Promise.all([\n customElements.whenDefined(PfeAccordionHeader.tag),\n customElements.whenDefined(PfeAccordionPanel.tag)\n ]).then(() => {\n if (this.children.length) {\n this._linkPanels();\n }\n\n this._observer.observe(this, { childList: true });\n });\n }\n\n disconnectedCallback() {\n this.removeEventListener(PfeAccordion.events.change, this._changeHandler);\n this.removeEventListener(\"keydown\", this._keydownHandler);\n this._observer.disconnect();\n }\n\n attributeChangedCallback(attr, oldVal, newVal) {\n super.attributeChangedCallback(attr, oldVal, newVal);\n\n if (attr === \"pfe-disclosure\") {\n if (newVal === \"true\") {\n this._allHeaders().forEach(header =>\n header.setAttribute(\"pfe-disclosure\", \"true\")\n );\n this._allPanels().forEach(panel =>\n panel.setAttribute(\"pfe-disclosure\", \"true\")\n );\n } else {\n this._allHeaders().forEach(header =>\n header.setAttribute(\"pfe-disclosure\", \"false\")\n );\n this._allPanels().forEach(panel =>\n panel.setAttribute(\"pfe-disclosure\", \"false\")\n );\n }\n }\n }\n\n toggle(index) {\n const headers = this._allHeaders();\n const panels = this._allPanels();\n const header = headers[index];\n const panel = panels[index];\n\n if (!header || !panel) {\n return;\n }\n\n if (!header.expanded) {\n this._expandHeader(header);\n this._expandPanel(panel);\n } else {\n this._collapseHeader(header);\n this._collapsePanel(panel);\n }\n }\n\n expand(index) {\n const headers = this._allHeaders();\n const panels = this._allPanels();\n const header = headers[index];\n const panel = panels[index];\n\n if (!header || !panel) {\n return;\n }\n\n this._expandHeader(header);\n this._expandPanel(panel);\n }\n\n expandAll() {\n const headers = this._allHeaders();\n const panels = this._allPanels();\n\n headers.forEach(header => this._expandHeader(header));\n panels.forEach(panel => this._expandPanel(panel));\n }\n\n collapse(index) {\n const headers = this._allHeaders();\n const panels = this._allPanels();\n const header = headers[index];\n const panel = panels[index];\n\n if (!header || !panel) {\n return;\n }\n\n this._collapseHeader(header);\n this._collapsePanel(panel);\n }\n\n collapseAll() {\n const headers = this._allHeaders();\n const panels = this._allPanels();\n\n headers.forEach(header => this._collapseHeader(header));\n panels.forEach(panel => this._collapsePanel(panel));\n }\n\n _linkPanels() {\n const headers = this._allHeaders();\n headers.forEach(header => {\n const panel = this._panelForHeader(header);\n\n if (!panel) {\n return;\n }\n\n header.setAttribute(\"aria-controls\", panel.pfeId);\n panel.setAttribute(\"aria-labelledby\", header.pfeId);\n });\n\n if (headers.length === 1) {\n if (\n this.hasAttribute(\"pfe-disclosure\") &&\n this.getAttribute(\"pfe-disclosure\") === \"false\"\n ) {\n return;\n }\n\n this.setAttribute(\"pfe-disclosure\", \"true\");\n }\n\n if (headers.length > 1) {\n if (this.hasAttribute(\"pfe-disclosure\")) {\n this.removeAttribute(\"pfe-disclosure\");\n }\n }\n }\n\n _changeHandler(evt) {\n if (this.classList.contains(\"animating\")) {\n return;\n }\n\n const header = evt.target;\n const panel = evt.target.nextElementSibling;\n\n if (evt.detail.expanded) {\n this._expandHeader(header);\n this._expandPanel(panel);\n } else {\n this._collapseHeader(header);\n this._collapsePanel(panel);\n }\n }\n\n _toggle(header, panel) {}\n\n _expandHeader(header) {\n header.expanded = true;\n }\n\n _expandPanel(panel) {\n if (!panel) {\n console.error(\n `${PfeAccordion.tag}: Trying to expand a panel that doesn't exist`\n );\n return;\n }\n\n if (panel.expanded) {\n return;\n }\n\n panel.expanded = true;\n\n const height = panel.getBoundingClientRect().height;\n this._animate(panel, 0, height);\n }\n\n _collapseHeader(header) {\n header.expanded = false;\n }\n\n _collapsePanel(panel) {\n if (!panel) {\n console.error(\n `${PfeAccordion.tag}: Trying to collapse a panel that doesn't exist`\n );\n return;\n }\n\n if (!panel.expanded) {\n return;\n }\n\n const height = panel.getBoundingClientRect().height;\n panel.expanded = false;\n\n this._animate(panel, height, 0);\n }\n\n _animate(panel, start, end) {\n if (panel) {\n const header = panel.previousElementSibling;\n if (header) {\n header.classList.add(\"animating\");\n }\n panel.classList.add(\"animating\");\n panel.style.height = `${start}px`;\n\n requestAnimationFrame(() => {\n requestAnimationFrame(() => {\n panel.style.height = `${end}px`;\n panel.addEventListener(\"transitionend\", this._transitionEndHandler);\n });\n });\n }\n }\n\n _keydownHandler(evt) {\n const currentHeader = evt.target;\n\n if (!this._isHeader(currentHeader)) {\n return;\n }\n\n let newHeader;\n\n switch (evt.key) {\n case \"ArrowDown\":\n case \"Down\":\n case \"ArrowRight\":\n case \"Right\":\n newHeader = this._nextHeader();\n break;\n case \"ArrowUp\":\n case \"Up\":\n case \"ArrowLeft\":\n case \"Left\":\n newHeader = this._previousHeader();\n break;\n case \"Home\":\n newHeader = this._firstHeader();\n break;\n case \"End\":\n newHeader = this._lastHeader();\n break;\n default:\n return;\n }\n\n newHeader.shadowRoot.querySelector(\"button\").focus();\n }\n\n _transitionEndHandler(evt) {\n const header = evt.target.previousElementSibling;\n if (header) {\n header.classList.remove(\"animating\");\n }\n evt.target.style.height = \"\";\n evt.target.classList.remove(\"animating\");\n evt.target.removeEventListener(\"transitionend\", this._transitionEndHandler);\n }\n\n _allHeaders() {\n return [...this.querySelectorAll(PfeAccordionHeader.tag)];\n }\n\n _allPanels() {\n return [...this.querySelectorAll(PfeAccordionPanel.tag)];\n }\n\n _panelForHeader(header) {\n const next = header.nextElementSibling;\n\n if (!next) {\n return;\n }\n\n if (next.tagName.toLowerCase() !== PfeAccordionPanel.tag) {\n console.error(\n `${PfeAccordion.tag}: Sibling element to a header needs to be a panel`\n );\n return;\n }\n\n return next;\n }\n\n _previousHeader() {\n const headers = this._allHeaders();\n let newIndex =\n headers.findIndex(header => header === document.activeElement) - 1;\n return headers[(newIndex + headers.length) % headers.length];\n }\n\n _nextHeader() {\n const headers = this._allHeaders();\n let newIndex =\n headers.findIndex(header => header === document.activeElement) + 1;\n return headers[newIndex % headers.length];\n }\n\n _firstHeader() {\n const headers = this._allHeaders();\n return headers[0];\n }\n\n _lastHeader() {\n const headers = this._allHeaders();\n return headers[headers.length - 1];\n }\n\n _isHeader(element) {\n return element.tagName.toLowerCase() === PfeAccordionHeader.tag;\n }\n}\n\nclass PfeAccordionHeader extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return ``;\n }\n static get tag() {\n return \"pfe-accordion-header\";\n }\n\n get styleUrl() {\n return \"pfe-accordion-header.scss\";\n }\n\n get templateUrl() {\n return \"pfe-accordion-header.html\";\n }\n\n get pfeId() {\n return this.getAttribute(\"pfe-id\");\n }\n\n set pfeId(id) {\n if (!id) {\n return;\n }\n\n this.setAttribute(\"pfe-id\", id);\n }\n\n static get observedAttributes() {\n return [\"aria-expanded\"];\n }\n\n constructor() {\n super(PfeAccordionHeader);\n\n this.button = this.shadowRoot.querySelector(\"button\");\n\n this._init = this._init.bind(this);\n this._clickHandler = this._clickHandler.bind(this);\n this._observer = new MutationObserver(this._init);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n if (this.children.length || this.textContent.trim().length) {\n this._init();\n }\n\n this.addEventListener(\"click\", this._clickHandler);\n this._observer.observe(this, { childList: true });\n }\n\n disconnectedCallback() {\n this.removeEventListener(\"click\", this._clickHandler);\n this._observer.disconnect();\n }\n\n get expanded() {\n return this.hasAttribute(\"aria-expanded\");\n }\n\n set expanded(val) {\n val = Boolean(val);\n\n if (val) {\n this.setAttribute(\"aria-expanded\", true);\n this.button.setAttribute(\"aria-expanded\", true);\n } else {\n this.removeAttribute(\"aria-expanded\");\n this.button.setAttribute(\"aria-expanded\", false);\n }\n }\n\n _init() {\n if (window.ShadyCSS) {\n this._observer.disconnect();\n }\n\n if (!this.hasAttribute(\"role\")) {\n this.setAttribute(\"role\", \"heading\");\n }\n\n if (!this.pfeId) {\n this.pfeId = `${PfeAccordionHeader.tag}-${generateId()}`;\n }\n\n const child = this.children[0];\n let isHeaderTag = false;\n\n if (child) {\n switch (child.tagName) {\n case \"H1\":\n case \"H2\":\n case \"H3\":\n case \"H4\":\n case \"H5\":\n case \"H6\":\n isHeaderTag = true;\n break;\n }\n\n const wrapperTag = document.createElement(child.tagName);\n this.button.innerText = child.innerText;\n\n wrapperTag.appendChild(this.button);\n this.shadowRoot.appendChild(wrapperTag);\n } else {\n this.button.innerText = this.textContent.trim();\n }\n\n if (!isHeaderTag) {\n console.warn(\n `${PfeAccordionHeader.tag}: The first child in the light DOM must be a Header level tag (h1, h2, h3, h4, h5, or h6)`\n );\n }\n\n if (window.ShadyCSS) {\n this._observer.observe(this, { childList: true });\n }\n }\n\n _clickHandler(event) {\n this.emitEvent(PfeAccordion.events.change, {\n detail: { expanded: !this.expanded }\n });\n }\n}\n\nclass PfeAccordionPanel extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return `
\n
\n \n
\n
`;\n }\n static get tag() {\n return \"pfe-accordion-panel\";\n }\n\n get styleUrl() {\n return \"pfe-accordion-panel.scss\";\n }\n\n get templateUrl() {\n return \"pfe-accordion-panel.html\";\n }\n\n get pfeId() {\n return this.getAttribute(\"pfe-id\");\n }\n\n set pfeId(id) {\n if (!id) {\n return;\n }\n\n this.setAttribute(\"pfe-id\", id);\n }\n\n constructor() {\n super(PfeAccordionPanel);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n if (!this.hasAttribute(\"role\")) {\n this.setAttribute(\"role\", \"region\");\n }\n\n if (!this.pfeId) {\n this.pfeId = `${PfeAccordionPanel.tag}-${generateId()}`;\n }\n }\n\n get expanded() {\n return this.hasAttribute(\"expanded\");\n }\n\n set expanded(val) {\n const value = Boolean(val);\n\n if (value) {\n this.setAttribute(\"expanded\", \"\");\n } else {\n this.removeAttribute(\"expanded\");\n }\n }\n}\n\nPFElement.create(PfeAccordionHeader);\nPFElement.create(PfeAccordionPanel);\nPFElement.create(PfeAccordion);\n\nexport { PfeAccordion as default };\n"],"names":[],"mappings":"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"} \ No newline at end of file diff --git a/elements/pfe-accordion/dist/pfe-accordion.json b/elements/pfe-accordion/dist/pfe-accordion.json new file mode 100644 index 0000000000..dbdad4c888 --- /dev/null +++ b/elements/pfe-accordion/dist/pfe-accordion.json @@ -0,0 +1,40 @@ +{ + "$schema": "http://json-schema.org/draft-04/schema#", + "title": "Accordion", + "description": "This element renders content in an accordion.", + "type": "object", + "tag": "pfe-accordion", + "class": "pfe-accordion", + "category": "container", + "properties": { + "slots": { + "title": "Slots", + "description": "Definition of the supported slots", + "type": "object", + "properties": { + "default": { + "title": "Default", + "type": "array", + "namedSlot": false, + "items": { + "oneOf": [ + { + "$ref": "pfe-accordion-header" + }, + { + "$ref": "pfe-accordion-panel" + } + ] + } + } + } + }, + "attributes": { + "title": "Attributes", + "type": "object", + "properties": {} + } + }, + "required": ["slots", "attributes"], + "additionalProperties": false +} diff --git a/elements/pfe-accordion/dist/pfe-accordion.min.js b/elements/pfe-accordion/dist/pfe-accordion.min.js new file mode 100644 index 0000000000..01490195da --- /dev/null +++ b/elements/pfe-accordion/dist/pfe-accordion.min.js @@ -0,0 +1,27 @@ +import e from"../../pfelement/dist/pfelement.min.js"; +/*! + * PatternFly Elements: PfeAccordion 1.0.0-prerelease.50 + * @license + * Copyright 2020 Red Hat, Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + * +*/ +function r(){return Math.random().toString(36).substr(2,9)}Array.prototype.findIndex||Object.defineProperty(Array.prototype,"findIndex",{value:function(e){if(null==this)throw new TypeError('"this" is null or not defined');var r=Object(this),t=r.length>>>0;if("function"!=typeof e)throw new TypeError("predicate must be a function");for(var o=arguments[1],a=0;a:host([on=dark]){--pfe-broadcasted--text:var(--pfe-theme--color--text--on-dark, #fff);--pfe-broadcasted--link:var(--pfe-theme--color--link--on-dark, #99ccff);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover--on-dark, #cce6ff);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus--on-dark, #cce6ff);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited--on-dark, #b38cd9);--pfe-broadcasted--link-decoration:none;--pfe-broadcasted--link-decoration--hover:underline;--pfe-broadcasted--link-decoration--focus:underline;--pfe-broadcasted--link-decoration--visited:none}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host{color:#333!important;color:var(--pfe-theme--color--text,#333)!important}}:host([on=saturated]){--pfe-broadcasted--text:var(--pfe-theme--color--text--on-saturated, #fff);--pfe-broadcasted--link:var(--pfe-theme--color--link--on-saturated, #fff);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover--on-saturated, white);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus--on-saturated, white);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited--on-saturated, #b38cd9);--pfe-broadcasted--link-decoration:underline;--pfe-broadcasted--link-decoration--hover:underline;--pfe-broadcasted--link-decoration--focus:underline;--pfe-broadcasted--link-decoration--visited:underline}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host{color:#333!important;color:var(--pfe-theme--color--text,#333)!important}}:host([on=light]){--pfe-broadcasted--text:var(--pfe-theme--color--text, #333);--pfe-broadcasted--link:var(--pfe-theme--color--link, #06c);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover, #003366);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus, #003366);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited, rebeccapurple);--pfe-broadcasted--link-decoration:none;--pfe-broadcasted--link-decoration--hover:underline;--pfe-broadcasted--link-decoration--focus:underline;--pfe-broadcasted--link-decoration--visited:none}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host{color:#333!important;color:var(--pfe-theme--color--text,#333)!important}}:host{--pfe-accordion--BorderColor--accent:transparent;--pfe-accordion--BorderColor:var(--pfe-theme--color--surface--border, #d2d2d2);--pfe-accordion--BorderTopWidth:var(--pfe-theme--surface--border-width, 1px);--pfe-accordion--BorderRightWidth:0;--pfe-accordion--BorderBottomWidth:var(--pfe-theme--surface--border-width, 1px);--pfe-accordion--BorderLeftWidth:var(--pfe-theme--surface--border-width--heavy, 4px);--pfe-accordion--Color:var(--pfe-broadcasted--text, #333);--pfe-accordion--TextAlign:left;--pfe-accordion--base--Padding:var(--pfe-theme--container-spacer, 16px);--pfe-accordion--accent:var(--pfe-theme--color--ui-base, #0477a4);display:block;position:relative;overflow:hidden;margin:0;color:var(--pfe-accordion--Color)}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host{background-color:#fff!important;background-color:var(--pfe-theme--color--surface--lightest,#fff)!important;color:#333!important;color:var(--pfe-theme--color--text,#333)!important}}:host([on=dark]){--pfe-accordion--BorderColor--accent:transparent;--pfe-accordion--BorderColor:var(--pfe-theme--color--surface--border, #d2d2d2);--pfe-accordion--BorderTopWidth:var(--pfe-theme--surface--border-width, 1px);--pfe-accordion--BorderRightWidth:0;--pfe-accordion--BorderBottomWidth:var(--pfe-theme--surface--border-width, 1px);--pfe-accordion--BorderLeftWidth:var(--pfe-theme--surface--border-width--heavy, 4px);--pfe-accordion--Color:var(--pfe-broadcasted--text, #333);--pfe-accordion--TextAlign:left;--pfe-accordion--base--Padding:var(--pfe-theme--container-spacer, 16px);--pfe-accordion--accent:var(--pfe-theme--color--ui-base--on-dark, #78d7fc)}:host([on=saturated]){--pfe-accordion--BorderColor--accent:transparent;--pfe-accordion--BorderColor:var(--pfe-theme--color--surface--border, #d2d2d2);--pfe-accordion--BorderTopWidth:var(--pfe-theme--surface--border-width, 1px);--pfe-accordion--BorderRightWidth:0;--pfe-accordion--BorderBottomWidth:var(--pfe-theme--surface--border-width, 1px);--pfe-accordion--BorderLeftWidth:var(--pfe-theme--surface--border-width--heavy, 4px);--pfe-accordion--Color:var(--pfe-broadcasted--text, #333);--pfe-accordion--TextAlign:left;--pfe-accordion--base--Padding:var(--pfe-theme--container-spacer, 16px);--pfe-accordion--accent:var(--pfe-theme--color--ui-base--on-saturated, #fff)}:host([on=light]){--pfe-accordion--BorderColor--accent:transparent;--pfe-accordion--BorderColor:var(--pfe-theme--color--surface--border, #d2d2d2);--pfe-accordion--BorderTopWidth:var(--pfe-theme--surface--border-width, 1px);--pfe-accordion--BorderRightWidth:0;--pfe-accordion--BorderBottomWidth:var(--pfe-theme--surface--border-width, 1px);--pfe-accordion--BorderLeftWidth:var(--pfe-theme--surface--border-width--heavy, 4px);--pfe-accordion--Color:var(--pfe-broadcasted--text, #333);--pfe-accordion--TextAlign:left;--pfe-accordion--base--Padding:var(--pfe-theme--container-spacer, 16px);--pfe-accordion--accent:var(--pfe-theme--color--ui-base, #0477a4)}:host([pfe-disclosure=true]){--pfe-accordion--BorderRightWidth:var(--pfe-theme--surface--border-width, 1px);--pfe-accordion--BorderLeftWidth:var(--pfe-theme--surface--border-width, 1px);--pfe-accordion--BorderColor--accent:var(--pfe-theme--color--surface--border, #d2d2d2)}\n/*# sourceMappingURL=pfe-accordion.min.css.map */\n"}static get properties(){return{}}static get slots(){return{default:{title:"Default",type:"array",namedSlot:!1,items:{oneOf:[{$ref:"pfe-accordion-header"},{$ref:"pfe-accordion-panel"}]}}}}static get tag(){return"pfe-accordion"}get styleUrl(){return"pfe-accordion.scss"}get templateUrl(){return"pfe-accordion.html"}get schemaUrl(){return"pfe-accordion.json"}static get cascadingAttributes(){return{on:"pfe-accordion-header, pfe-accordion-panel"}}static get events(){return{change:`${this.tag}:change`}}static get PfeType(){return e.PfeTypes.Container}static get observedAttributes(){return["pfe-disclosure"]}constructor(){super(t,{type:t.PfeType}),this._linkPanels=this._linkPanels.bind(this),this._observer=new MutationObserver(this._linkPanels)}connectedCallback(){super.connectedCallback(),this.setAttribute("role","tablist"),this.setAttribute("defined",""),this.addEventListener(t.events.change,this._changeHandler),this.addEventListener("keydown",this._keydownHandler),Promise.all([customElements.whenDefined(o.tag),customElements.whenDefined(a.tag)]).then(()=>{this.children.length&&this._linkPanels(),this._observer.observe(this,{childList:!0})})}disconnectedCallback(){this.removeEventListener(t.events.change,this._changeHandler),this.removeEventListener("keydown",this._keydownHandler),this._observer.disconnect()}attributeChangedCallback(e,r,t){super.attributeChangedCallback(e,r,t),"pfe-disclosure"===e&&("true"===t?(this._allHeaders().forEach(e=>e.setAttribute("pfe-disclosure","true")),this._allPanels().forEach(e=>e.setAttribute("pfe-disclosure","true"))):(this._allHeaders().forEach(e=>e.setAttribute("pfe-disclosure","false")),this._allPanels().forEach(e=>e.setAttribute("pfe-disclosure","false"))))}toggle(e){const r=this._allHeaders(),t=this._allPanels(),o=r[e],a=t[e];o&&a&&(o.expanded?(this._collapseHeader(o),this._collapsePanel(a)):(this._expandHeader(o),this._expandPanel(a)))}expand(e){const r=this._allHeaders(),t=this._allPanels(),o=r[e],a=t[e];o&&a&&(this._expandHeader(o),this._expandPanel(a))}expandAll(){const e=this._allHeaders(),r=this._allPanels();e.forEach(e=>this._expandHeader(e)),r.forEach(e=>this._expandPanel(e))}collapse(e){const r=this._allHeaders(),t=this._allPanels(),o=r[e],a=t[e];o&&a&&(this._collapseHeader(o),this._collapsePanel(a))}collapseAll(){const e=this._allHeaders(),r=this._allPanels();e.forEach(e=>this._collapseHeader(e)),r.forEach(e=>this._collapsePanel(e))}_linkPanels(){const e=this._allHeaders();if(e.forEach(e=>{const r=this._panelForHeader(e);r&&(e.setAttribute("aria-controls",r.pfeId),r.setAttribute("aria-labelledby",e.pfeId))}),1===e.length){if(this.hasAttribute("pfe-disclosure")&&"false"===this.getAttribute("pfe-disclosure"))return;this.setAttribute("pfe-disclosure","true")}e.length>1&&this.hasAttribute("pfe-disclosure")&&this.removeAttribute("pfe-disclosure")}_changeHandler(e){if(this.classList.contains("animating"))return;const r=e.target,t=e.target.nextElementSibling;e.detail.expanded?(this._expandHeader(r),this._expandPanel(t)):(this._collapseHeader(r),this._collapsePanel(t))}_toggle(e,r){}_expandHeader(e){e.expanded=!0}_expandPanel(e){if(!e)return void console.error(`${t.tag}: Trying to expand a panel that doesn't exist`);if(e.expanded)return;e.expanded=!0;const r=e.getBoundingClientRect().height;this._animate(e,0,r)}_collapseHeader(e){e.expanded=!1}_collapsePanel(e){if(!e)return void console.error(`${t.tag}: Trying to collapse a panel that doesn't exist`);if(!e.expanded)return;const r=e.getBoundingClientRect().height;e.expanded=!1,this._animate(e,r,0)}_animate(e,r,t){if(e){const o=e.previousElementSibling;o&&o.classList.add("animating"),e.classList.add("animating"),e.style.height=`${r}px`,requestAnimationFrame(()=>{requestAnimationFrame(()=>{e.style.height=`${t}px`,e.addEventListener("transitionend",this._transitionEndHandler)})})}}_keydownHandler(e){const r=e.target;if(!this._isHeader(r))return;let t;switch(e.key){case"ArrowDown":case"Down":case"ArrowRight":case"Right":t=this._nextHeader();break;case"ArrowUp":case"Up":case"ArrowLeft":case"Left":t=this._previousHeader();break;case"Home":t=this._firstHeader();break;case"End":t=this._lastHeader();break;default:return}t.shadowRoot.querySelector("button").focus()}_transitionEndHandler(e){const r=e.target.previousElementSibling;r&&r.classList.remove("animating"),e.target.style.height="",e.target.classList.remove("animating"),e.target.removeEventListener("transitionend",this._transitionEndHandler)}_allHeaders(){return[...this.querySelectorAll(o.tag)]}_allPanels(){return[...this.querySelectorAll(a.tag)]}_panelForHeader(e){const r=e.nextElementSibling;if(r){if(r.tagName.toLowerCase()===a.tag)return r;console.error(`${t.tag}: Sibling element to a header needs to be a panel`)}}_previousHeader(){const e=this._allHeaders();let r=e.findIndex(e=>e===document.activeElement)-1;return e[(r+e.length)%e.length]}_nextHeader(){const e=this._allHeaders();let r=e.findIndex(e=>e===document.activeElement)+1;return e[r%e.length]}_firstHeader(){return this._allHeaders()[0]}_lastHeader(){const e=this._allHeaders();return e[e.length-1]}_isHeader(e){return e.tagName.toLowerCase()===o.tag}}class o extends e{static get version(){return"1.0.0-prerelease.50"}get html(){return''}static get tag(){return"pfe-accordion-header"}get styleUrl(){return"pfe-accordion-header.scss"}get templateUrl(){return"pfe-accordion-header.html"}get pfeId(){return this.getAttribute("pfe-id")}set pfeId(e){e&&this.setAttribute("pfe-id",e)}static get observedAttributes(){return["aria-expanded"]}constructor(){super(o),this.button=this.shadowRoot.querySelector("button"),this._init=this._init.bind(this),this._clickHandler=this._clickHandler.bind(this),this._observer=new MutationObserver(this._init)}connectedCallback(){super.connectedCallback(),(this.children.length||this.textContent.trim().length)&&this._init(),this.addEventListener("click",this._clickHandler),this._observer.observe(this,{childList:!0})}disconnectedCallback(){this.removeEventListener("click",this._clickHandler),this._observer.disconnect()}get expanded(){return this.hasAttribute("aria-expanded")}set expanded(e){(e=Boolean(e))?(this.setAttribute("aria-expanded",!0),this.button.setAttribute("aria-expanded",!0)):(this.removeAttribute("aria-expanded"),this.button.setAttribute("aria-expanded",!1))}_init(){window.ShadyCSS&&this._observer.disconnect(),this.hasAttribute("role")||this.setAttribute("role","heading"),this.pfeId||(this.pfeId=`${o.tag}-${r()}`);const e=this.children[0];let t=!1;if(e){switch(e.tagName){case"H1":case"H2":case"H3":case"H4":case"H5":case"H6":t=!0}const r=document.createElement(e.tagName);this.button.innerText=e.innerText,r.appendChild(this.button),this.shadowRoot.appendChild(r)}else this.button.innerText=this.textContent.trim();t||console.warn(`${o.tag}: The first child in the light DOM must be a Header level tag (h1, h2, h3, h4, h5, or h6)`),window.ShadyCSS&&this._observer.observe(this,{childList:!0})}_clickHandler(e){this.emitEvent(t.events.change,{detail:{expanded:!this.expanded}})}}class a extends e{static get version(){return"1.0.0-prerelease.50"}get html(){return'
\n
\n \n
\n
'}static get tag(){return"pfe-accordion-panel"}get styleUrl(){return"pfe-accordion-panel.scss"}get templateUrl(){return"pfe-accordion-panel.html"}get pfeId(){return this.getAttribute("pfe-id")}set pfeId(e){e&&this.setAttribute("pfe-id",e)}constructor(){super(a)}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","region"),this.pfeId||(this.pfeId=`${a.tag}-${r()}`)}get expanded(){return this.hasAttribute("expanded")}set expanded(e){Boolean(e)?this.setAttribute("expanded",""):this.removeAttribute("expanded")}}e.create(o),e.create(a),e.create(t);export default t; +//# sourceMappingURL=pfe-accordion.min.js.map diff --git a/elements/pfe-accordion/dist/pfe-accordion.min.js.map b/elements/pfe-accordion/dist/pfe-accordion.min.js.map new file mode 100644 index 0000000000..8325cffb74 --- /dev/null +++ b/elements/pfe-accordion/dist/pfe-accordion.min.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-accordion.min.js","sources":["../_temp/pfe-accordion.js","../_temp/polyfills--pfe-accordion.js"],"sourcesContent":["/*!\n * PatternFly Elements: PfeAccordion 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\n// Import polyfills: findIndex\nimport \"./polyfills--pfe-accordion.js\";\n\nimport PFElement from \"../../pfelement/dist/pfelement.js\";\n\nfunction generateId() {\n return Math.random()\n .toString(36)\n .substr(2, 9);\n}\n\nclass PfeAccordion extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return ``;\n }\n\n static get properties() {\n return {};\n }\n\n static get slots() {\n return {\"default\":{\"title\":\"Default\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"pfe-accordion-header\"},{\"$ref\":\"pfe-accordion-panel\"}]}}};\n }\n static get tag() {\n return \"pfe-accordion\";\n }\n\n get styleUrl() {\n return \"pfe-accordion.scss\";\n }\n\n get templateUrl() {\n return \"pfe-accordion.html\";\n }\n\n get schemaUrl() {\n return \"pfe-accordion.json\";\n }\n\n static get cascadingAttributes() {\n return {\n on: \"pfe-accordion-header, pfe-accordion-panel\"\n };\n }\n\n static get events() {\n return {\n change: `${this.tag}:change`\n };\n }\n\n // Declare the type of this component\n static get PfeType() {\n return PFElement.PfeTypes.Container;\n }\n\n static get observedAttributes() {\n return [\"pfe-disclosure\"];\n }\n\n constructor() {\n super(PfeAccordion, { type: PfeAccordion.PfeType });\n\n this._linkPanels = this._linkPanels.bind(this);\n this._observer = new MutationObserver(this._linkPanels);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this.setAttribute(\"role\", \"tablist\");\n this.setAttribute(\"defined\", \"\");\n\n this.addEventListener(PfeAccordion.events.change, this._changeHandler);\n this.addEventListener(\"keydown\", this._keydownHandler);\n\n Promise.all([\n customElements.whenDefined(PfeAccordionHeader.tag),\n customElements.whenDefined(PfeAccordionPanel.tag)\n ]).then(() => {\n if (this.children.length) {\n this._linkPanels();\n }\n\n this._observer.observe(this, { childList: true });\n });\n }\n\n disconnectedCallback() {\n this.removeEventListener(PfeAccordion.events.change, this._changeHandler);\n this.removeEventListener(\"keydown\", this._keydownHandler);\n this._observer.disconnect();\n }\n\n attributeChangedCallback(attr, oldVal, newVal) {\n super.attributeChangedCallback(attr, oldVal, newVal);\n\n if (attr === \"pfe-disclosure\") {\n if (newVal === \"true\") {\n this._allHeaders().forEach(header =>\n header.setAttribute(\"pfe-disclosure\", \"true\")\n );\n this._allPanels().forEach(panel =>\n panel.setAttribute(\"pfe-disclosure\", \"true\")\n );\n } else {\n this._allHeaders().forEach(header =>\n header.setAttribute(\"pfe-disclosure\", \"false\")\n );\n this._allPanels().forEach(panel =>\n panel.setAttribute(\"pfe-disclosure\", \"false\")\n );\n }\n }\n }\n\n toggle(index) {\n const headers = this._allHeaders();\n const panels = this._allPanels();\n const header = headers[index];\n const panel = panels[index];\n\n if (!header || !panel) {\n return;\n }\n\n if (!header.expanded) {\n this._expandHeader(header);\n this._expandPanel(panel);\n } else {\n this._collapseHeader(header);\n this._collapsePanel(panel);\n }\n }\n\n expand(index) {\n const headers = this._allHeaders();\n const panels = this._allPanels();\n const header = headers[index];\n const panel = panels[index];\n\n if (!header || !panel) {\n return;\n }\n\n this._expandHeader(header);\n this._expandPanel(panel);\n }\n\n expandAll() {\n const headers = this._allHeaders();\n const panels = this._allPanels();\n\n headers.forEach(header => this._expandHeader(header));\n panels.forEach(panel => this._expandPanel(panel));\n }\n\n collapse(index) {\n const headers = this._allHeaders();\n const panels = this._allPanels();\n const header = headers[index];\n const panel = panels[index];\n\n if (!header || !panel) {\n return;\n }\n\n this._collapseHeader(header);\n this._collapsePanel(panel);\n }\n\n collapseAll() {\n const headers = this._allHeaders();\n const panels = this._allPanels();\n\n headers.forEach(header => this._collapseHeader(header));\n panels.forEach(panel => this._collapsePanel(panel));\n }\n\n _linkPanels() {\n const headers = this._allHeaders();\n headers.forEach(header => {\n const panel = this._panelForHeader(header);\n\n if (!panel) {\n return;\n }\n\n header.setAttribute(\"aria-controls\", panel.pfeId);\n panel.setAttribute(\"aria-labelledby\", header.pfeId);\n });\n\n if (headers.length === 1) {\n if (\n this.hasAttribute(\"pfe-disclosure\") &&\n this.getAttribute(\"pfe-disclosure\") === \"false\"\n ) {\n return;\n }\n\n this.setAttribute(\"pfe-disclosure\", \"true\");\n }\n\n if (headers.length > 1) {\n if (this.hasAttribute(\"pfe-disclosure\")) {\n this.removeAttribute(\"pfe-disclosure\");\n }\n }\n }\n\n _changeHandler(evt) {\n if (this.classList.contains(\"animating\")) {\n return;\n }\n\n const header = evt.target;\n const panel = evt.target.nextElementSibling;\n\n if (evt.detail.expanded) {\n this._expandHeader(header);\n this._expandPanel(panel);\n } else {\n this._collapseHeader(header);\n this._collapsePanel(panel);\n }\n }\n\n _toggle(header, panel) {}\n\n _expandHeader(header) {\n header.expanded = true;\n }\n\n _expandPanel(panel) {\n if (!panel) {\n console.error(\n `${PfeAccordion.tag}: Trying to expand a panel that doesn't exist`\n );\n return;\n }\n\n if (panel.expanded) {\n return;\n }\n\n panel.expanded = true;\n\n const height = panel.getBoundingClientRect().height;\n this._animate(panel, 0, height);\n }\n\n _collapseHeader(header) {\n header.expanded = false;\n }\n\n _collapsePanel(panel) {\n if (!panel) {\n console.error(\n `${PfeAccordion.tag}: Trying to collapse a panel that doesn't exist`\n );\n return;\n }\n\n if (!panel.expanded) {\n return;\n }\n\n const height = panel.getBoundingClientRect().height;\n panel.expanded = false;\n\n this._animate(panel, height, 0);\n }\n\n _animate(panel, start, end) {\n if (panel) {\n const header = panel.previousElementSibling;\n if (header) {\n header.classList.add(\"animating\");\n }\n panel.classList.add(\"animating\");\n panel.style.height = `${start}px`;\n\n requestAnimationFrame(() => {\n requestAnimationFrame(() => {\n panel.style.height = `${end}px`;\n panel.addEventListener(\"transitionend\", this._transitionEndHandler);\n });\n });\n }\n }\n\n _keydownHandler(evt) {\n const currentHeader = evt.target;\n\n if (!this._isHeader(currentHeader)) {\n return;\n }\n\n let newHeader;\n\n switch (evt.key) {\n case \"ArrowDown\":\n case \"Down\":\n case \"ArrowRight\":\n case \"Right\":\n newHeader = this._nextHeader();\n break;\n case \"ArrowUp\":\n case \"Up\":\n case \"ArrowLeft\":\n case \"Left\":\n newHeader = this._previousHeader();\n break;\n case \"Home\":\n newHeader = this._firstHeader();\n break;\n case \"End\":\n newHeader = this._lastHeader();\n break;\n default:\n return;\n }\n\n newHeader.shadowRoot.querySelector(\"button\").focus();\n }\n\n _transitionEndHandler(evt) {\n const header = evt.target.previousElementSibling;\n if (header) {\n header.classList.remove(\"animating\");\n }\n evt.target.style.height = \"\";\n evt.target.classList.remove(\"animating\");\n evt.target.removeEventListener(\"transitionend\", this._transitionEndHandler);\n }\n\n _allHeaders() {\n return [...this.querySelectorAll(PfeAccordionHeader.tag)];\n }\n\n _allPanels() {\n return [...this.querySelectorAll(PfeAccordionPanel.tag)];\n }\n\n _panelForHeader(header) {\n const next = header.nextElementSibling;\n\n if (!next) {\n return;\n }\n\n if (next.tagName.toLowerCase() !== PfeAccordionPanel.tag) {\n console.error(\n `${PfeAccordion.tag}: Sibling element to a header needs to be a panel`\n );\n return;\n }\n\n return next;\n }\n\n _previousHeader() {\n const headers = this._allHeaders();\n let newIndex =\n headers.findIndex(header => header === document.activeElement) - 1;\n return headers[(newIndex + headers.length) % headers.length];\n }\n\n _nextHeader() {\n const headers = this._allHeaders();\n let newIndex =\n headers.findIndex(header => header === document.activeElement) + 1;\n return headers[newIndex % headers.length];\n }\n\n _firstHeader() {\n const headers = this._allHeaders();\n return headers[0];\n }\n\n _lastHeader() {\n const headers = this._allHeaders();\n return headers[headers.length - 1];\n }\n\n _isHeader(element) {\n return element.tagName.toLowerCase() === PfeAccordionHeader.tag;\n }\n}\n\nclass PfeAccordionHeader extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return ``;\n }\n static get tag() {\n return \"pfe-accordion-header\";\n }\n\n get styleUrl() {\n return \"pfe-accordion-header.scss\";\n }\n\n get templateUrl() {\n return \"pfe-accordion-header.html\";\n }\n\n get pfeId() {\n return this.getAttribute(\"pfe-id\");\n }\n\n set pfeId(id) {\n if (!id) {\n return;\n }\n\n this.setAttribute(\"pfe-id\", id);\n }\n\n static get observedAttributes() {\n return [\"aria-expanded\"];\n }\n\n constructor() {\n super(PfeAccordionHeader);\n\n this.button = this.shadowRoot.querySelector(\"button\");\n\n this._init = this._init.bind(this);\n this._clickHandler = this._clickHandler.bind(this);\n this._observer = new MutationObserver(this._init);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n if (this.children.length || this.textContent.trim().length) {\n this._init();\n }\n\n this.addEventListener(\"click\", this._clickHandler);\n this._observer.observe(this, { childList: true });\n }\n\n disconnectedCallback() {\n this.removeEventListener(\"click\", this._clickHandler);\n this._observer.disconnect();\n }\n\n get expanded() {\n return this.hasAttribute(\"aria-expanded\");\n }\n\n set expanded(val) {\n val = Boolean(val);\n\n if (val) {\n this.setAttribute(\"aria-expanded\", true);\n this.button.setAttribute(\"aria-expanded\", true);\n } else {\n this.removeAttribute(\"aria-expanded\");\n this.button.setAttribute(\"aria-expanded\", false);\n }\n }\n\n _init() {\n if (window.ShadyCSS) {\n this._observer.disconnect();\n }\n\n if (!this.hasAttribute(\"role\")) {\n this.setAttribute(\"role\", \"heading\");\n }\n\n if (!this.pfeId) {\n this.pfeId = `${PfeAccordionHeader.tag}-${generateId()}`;\n }\n\n const child = this.children[0];\n let isHeaderTag = false;\n\n if (child) {\n switch (child.tagName) {\n case \"H1\":\n case \"H2\":\n case \"H3\":\n case \"H4\":\n case \"H5\":\n case \"H6\":\n isHeaderTag = true;\n break;\n }\n\n const wrapperTag = document.createElement(child.tagName);\n this.button.innerText = child.innerText;\n\n wrapperTag.appendChild(this.button);\n this.shadowRoot.appendChild(wrapperTag);\n } else {\n this.button.innerText = this.textContent.trim();\n }\n\n if (!isHeaderTag) {\n console.warn(\n `${PfeAccordionHeader.tag}: The first child in the light DOM must be a Header level tag (h1, h2, h3, h4, h5, or h6)`\n );\n }\n\n if (window.ShadyCSS) {\n this._observer.observe(this, { childList: true });\n }\n }\n\n _clickHandler(event) {\n this.emitEvent(PfeAccordion.events.change, {\n detail: { expanded: !this.expanded }\n });\n }\n}\n\nclass PfeAccordionPanel extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return `
\n
\n \n
\n
`;\n }\n static get tag() {\n return \"pfe-accordion-panel\";\n }\n\n get styleUrl() {\n return \"pfe-accordion-panel.scss\";\n }\n\n get templateUrl() {\n return \"pfe-accordion-panel.html\";\n }\n\n get pfeId() {\n return this.getAttribute(\"pfe-id\");\n }\n\n set pfeId(id) {\n if (!id) {\n return;\n }\n\n this.setAttribute(\"pfe-id\", id);\n }\n\n constructor() {\n super(PfeAccordionPanel);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n if (!this.hasAttribute(\"role\")) {\n this.setAttribute(\"role\", \"region\");\n }\n\n if (!this.pfeId) {\n this.pfeId = `${PfeAccordionPanel.tag}-${generateId()}`;\n }\n }\n\n get expanded() {\n return this.hasAttribute(\"expanded\");\n }\n\n set expanded(val) {\n const value = Boolean(val);\n\n if (value) {\n this.setAttribute(\"expanded\", \"\");\n } else {\n this.removeAttribute(\"expanded\");\n }\n }\n}\n\nPFElement.create(PfeAccordionHeader);\nPFElement.create(PfeAccordionPanel);\nPFElement.create(PfeAccordion);\n\nexport { PfeAccordion as default };\n","// @POLYFILL Array.prototype.findIndex\n// https://tc39.github.io/ecma262/#sec-array.prototype.findIndex\nif (!Array.prototype.findIndex) {\n Object.defineProperty(Array.prototype, \"findIndex\", {\n value: function(predicate) {\n // 1. Let O be ? ToObject(this value).\n if (this == null) {\n throw new TypeError('\"this\" is null or not defined');\n }\n\n var o = Object(this);\n\n // 2. Let len be ? ToLength(? Get(O, \"length\")).\n var len = o.length >>> 0;\n\n // 3. If IsCallable(predicate) is false, throw a TypeError exception.\n if (typeof predicate !== \"function\") {\n throw new TypeError(\"predicate must be a function\");\n }\n\n // 4. If thisArg was supplied, let T be thisArg; else let T be undefined.\n var thisArg = arguments[1];\n\n // 5. Let k be 0.\n var k = 0;\n\n // 6. Repeat, while k < len\n while (k < len) {\n // a. Let Pk be ! ToString(k).\n // b. Let kValue be ? Get(O, Pk).\n // c. Let testResult be ToBoolean(? Call(predicate, T, « kValue, k, O »)).\n // d. If testResult is true, return k.\n var kValue = o[k];\n if (predicate.call(thisArg, kValue, k, o)) {\n return k;\n }\n // e. Increase k by 1.\n k++;\n }\n\n // 7. Return -1.\n return -1;\n }\n });\n}\n"],"names":["generateId","Math","random","toString","substr","Array","prototype","findIndex","Object","defineProperty","value","predicate","this","TypeError","o","len","length","thisArg","arguments","k","kValue","call","PfeAccordion","PFElement","version","html","properties","slots","default","title","type","namedSlot","items","oneOf","$ref","tag","styleUrl","templateUrl","schemaUrl","cascadingAttributes","on","events","change","PfeType","PfeTypes","Container","observedAttributes","[object Object]","super","_linkPanels","bind","_observer","MutationObserver","connectedCallback","setAttribute","addEventListener","_changeHandler","_keydownHandler","Promise","all","customElements","whenDefined","PfeAccordionHeader","PfeAccordionPanel","then","children","observe","childList","removeEventListener","disconnect","attr","oldVal","newVal","attributeChangedCallback","_allHeaders","forEach","header","_allPanels","panel","index","headers","panels","expanded","_collapseHeader","_collapsePanel","_expandHeader","_expandPanel","_panelForHeader","pfeId","hasAttribute","getAttribute","removeAttribute","evt","classList","contains","target","nextElementSibling","detail","console","error","height","getBoundingClientRect","_animate","start","end","previousElementSibling","add","style","requestAnimationFrame","_transitionEndHandler","currentHeader","_isHeader","newHeader","key","_nextHeader","_previousHeader","_firstHeader","_lastHeader","shadowRoot","querySelector","focus","remove","querySelectorAll","next","tagName","toLowerCase","newIndex","document","activeElement","element","id","button","_init","_clickHandler","textContent","trim","val","Boolean","window","ShadyCSS","child","isHeaderTag","wrapperTag","createElement","innerText","appendChild","warn","event","emitEvent","create"],"mappings":"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"} \ No newline at end of file diff --git a/elements/pfe-accordion/dist/pfe-accordion.umd.js b/elements/pfe-accordion/dist/pfe-accordion.umd.js new file mode 100644 index 0000000000..c50dbee8d2 --- /dev/null +++ b/elements/pfe-accordion/dist/pfe-accordion.umd.js @@ -0,0 +1,843 @@ +(function (global, factory) { + typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('../../pfelement/dist/pfelement.umd')) : + typeof define === 'function' && define.amd ? define(['../../pfelement/dist/pfelement.umd'], factory) : + (global.PfeAccordion = factory(global.PFElement)); +}(this, (function (PFElement) { 'use strict'; + + PFElement = PFElement && PFElement.hasOwnProperty('default') ? PFElement['default'] : PFElement; + + // @POLYFILL Array.prototype.findIndex + // https://tc39.github.io/ecma262/#sec-array.prototype.findIndex + if (!Array.prototype.findIndex) { + Object.defineProperty(Array.prototype, "findIndex", { + value: function value(predicate) { + // 1. Let O be ? ToObject(this value). + if (this == null) { + throw new TypeError('"this" is null or not defined'); + } + + var o = Object(this); + + // 2. Let len be ? ToLength(? Get(O, "length")). + var len = o.length >>> 0; + + // 3. If IsCallable(predicate) is false, throw a TypeError exception. + if (typeof predicate !== "function") { + throw new TypeError("predicate must be a function"); + } + + // 4. If thisArg was supplied, let T be thisArg; else let T be undefined. + var thisArg = arguments[1]; + + // 5. Let k be 0. + var k = 0; + + // 6. Repeat, while k < len + while (k < len) { + // a. Let Pk be ! ToString(k). + // b. Let kValue be ? Get(O, Pk). + // c. Let testResult be ToBoolean(? Call(predicate, T, « kValue, k, O »)). + // d. If testResult is true, return k. + var kValue = o[k]; + if (predicate.call(thisArg, kValue, k, o)) { + return k; + } + // e. Increase k by 1. + k++; + } + + // 7. Return -1. + return -1; + } + }); + } + + var classCallCheck = function (instance, Constructor) { + if (!(instance instanceof Constructor)) { + throw new TypeError("Cannot call a class as a function"); + } + }; + + var createClass = function () { + function defineProperties(target, props) { + for (var i = 0; i < props.length; i++) { + var descriptor = props[i]; + descriptor.enumerable = descriptor.enumerable || false; + descriptor.configurable = true; + if ("value" in descriptor) descriptor.writable = true; + Object.defineProperty(target, descriptor.key, descriptor); + } + } + + return function (Constructor, protoProps, staticProps) { + if (protoProps) defineProperties(Constructor.prototype, protoProps); + if (staticProps) defineProperties(Constructor, staticProps); + return Constructor; + }; + }(); + + var get = function get(object, property, receiver) { + if (object === null) object = Function.prototype; + var desc = Object.getOwnPropertyDescriptor(object, property); + + if (desc === undefined) { + var parent = Object.getPrototypeOf(object); + + if (parent === null) { + return undefined; + } else { + return get(parent, property, receiver); + } + } else if ("value" in desc) { + return desc.value; + } else { + var getter = desc.get; + + if (getter === undefined) { + return undefined; + } + + return getter.call(receiver); + } + }; + + var inherits = function (subClass, superClass) { + if (typeof superClass !== "function" && superClass !== null) { + throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); + } + + subClass.prototype = Object.create(superClass && superClass.prototype, { + constructor: { + value: subClass, + enumerable: false, + writable: true, + configurable: true + } + }); + if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; + }; + + var possibleConstructorReturn = function (self, call) { + if (!self) { + throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); + } + + return call && (typeof call === "object" || typeof call === "function") ? call : self; + }; + + var toConsumableArray = function (arr) { + if (Array.isArray(arr)) { + for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) arr2[i] = arr[i]; + + return arr2; + } else { + return Array.from(arr); + } + }; + + /*! + * PatternFly Elements: PfeAccordion 1.0.0-prerelease.50 + * @license + * Copyright 2020 Red Hat, Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + * + */ + + function generateId() { + return Math.random().toString(36).substr(2, 9); + } + + var PfeAccordion = function (_PFElement) { + inherits(PfeAccordion, _PFElement); + createClass(PfeAccordion, [{ + key: "html", + get: function get$$1() { + return ""; + } + }, { + key: "styleUrl", + get: function get$$1() { + return "pfe-accordion.scss"; + } + }, { + key: "templateUrl", + get: function get$$1() { + return "pfe-accordion.html"; + } + }, { + key: "schemaUrl", + get: function get$$1() { + return "pfe-accordion.json"; + } + }], [{ + key: "version", + get: function get$$1() { + return "1.0.0-prerelease.50"; + } + }, { + key: "properties", + get: function get$$1() { + return {}; + } + }, { + key: "slots", + get: function get$$1() { + return { "default": { "title": "Default", "type": "array", "namedSlot": false, "items": { "oneOf": [{ "$ref": "pfe-accordion-header" }, { "$ref": "pfe-accordion-panel" }] } } }; + } + }, { + key: "tag", + get: function get$$1() { + return "pfe-accordion"; + } + }, { + key: "cascadingAttributes", + get: function get$$1() { + return { + on: "pfe-accordion-header, pfe-accordion-panel" + }; + } + }, { + key: "events", + get: function get$$1() { + return { + change: this.tag + ":change" + }; + } + + // Declare the type of this component + + }, { + key: "PfeType", + get: function get$$1() { + return PFElement.PfeTypes.Container; + } + }, { + key: "observedAttributes", + get: function get$$1() { + return ["pfe-disclosure"]; + } + }]); + + function PfeAccordion() { + classCallCheck(this, PfeAccordion); + + var _this = possibleConstructorReturn(this, (PfeAccordion.__proto__ || Object.getPrototypeOf(PfeAccordion)).call(this, PfeAccordion, { type: PfeAccordion.PfeType })); + + _this._linkPanels = _this._linkPanels.bind(_this); + _this._observer = new MutationObserver(_this._linkPanels); + return _this; + } + + createClass(PfeAccordion, [{ + key: "connectedCallback", + value: function connectedCallback() { + var _this2 = this; + + get(PfeAccordion.prototype.__proto__ || Object.getPrototypeOf(PfeAccordion.prototype), "connectedCallback", this).call(this); + + this.setAttribute("role", "tablist"); + this.setAttribute("defined", ""); + + this.addEventListener(PfeAccordion.events.change, this._changeHandler); + this.addEventListener("keydown", this._keydownHandler); + + Promise.all([customElements.whenDefined(PfeAccordionHeader.tag), customElements.whenDefined(PfeAccordionPanel.tag)]).then(function () { + if (_this2.children.length) { + _this2._linkPanels(); + } + + _this2._observer.observe(_this2, { childList: true }); + }); + } + }, { + key: "disconnectedCallback", + value: function disconnectedCallback() { + this.removeEventListener(PfeAccordion.events.change, this._changeHandler); + this.removeEventListener("keydown", this._keydownHandler); + this._observer.disconnect(); + } + }, { + key: "attributeChangedCallback", + value: function attributeChangedCallback(attr, oldVal, newVal) { + get(PfeAccordion.prototype.__proto__ || Object.getPrototypeOf(PfeAccordion.prototype), "attributeChangedCallback", this).call(this, attr, oldVal, newVal); + + if (attr === "pfe-disclosure") { + if (newVal === "true") { + this._allHeaders().forEach(function (header) { + return header.setAttribute("pfe-disclosure", "true"); + }); + this._allPanels().forEach(function (panel) { + return panel.setAttribute("pfe-disclosure", "true"); + }); + } else { + this._allHeaders().forEach(function (header) { + return header.setAttribute("pfe-disclosure", "false"); + }); + this._allPanels().forEach(function (panel) { + return panel.setAttribute("pfe-disclosure", "false"); + }); + } + } + } + }, { + key: "toggle", + value: function toggle(index) { + var headers = this._allHeaders(); + var panels = this._allPanels(); + var header = headers[index]; + var panel = panels[index]; + + if (!header || !panel) { + return; + } + + if (!header.expanded) { + this._expandHeader(header); + this._expandPanel(panel); + } else { + this._collapseHeader(header); + this._collapsePanel(panel); + } + } + }, { + key: "expand", + value: function expand(index) { + var headers = this._allHeaders(); + var panels = this._allPanels(); + var header = headers[index]; + var panel = panels[index]; + + if (!header || !panel) { + return; + } + + this._expandHeader(header); + this._expandPanel(panel); + } + }, { + key: "expandAll", + value: function expandAll() { + var _this3 = this; + + var headers = this._allHeaders(); + var panels = this._allPanels(); + + headers.forEach(function (header) { + return _this3._expandHeader(header); + }); + panels.forEach(function (panel) { + return _this3._expandPanel(panel); + }); + } + }, { + key: "collapse", + value: function collapse(index) { + var headers = this._allHeaders(); + var panels = this._allPanels(); + var header = headers[index]; + var panel = panels[index]; + + if (!header || !panel) { + return; + } + + this._collapseHeader(header); + this._collapsePanel(panel); + } + }, { + key: "collapseAll", + value: function collapseAll() { + var _this4 = this; + + var headers = this._allHeaders(); + var panels = this._allPanels(); + + headers.forEach(function (header) { + return _this4._collapseHeader(header); + }); + panels.forEach(function (panel) { + return _this4._collapsePanel(panel); + }); + } + }, { + key: "_linkPanels", + value: function _linkPanels() { + var _this5 = this; + + var headers = this._allHeaders(); + headers.forEach(function (header) { + var panel = _this5._panelForHeader(header); + + if (!panel) { + return; + } + + header.setAttribute("aria-controls", panel.pfeId); + panel.setAttribute("aria-labelledby", header.pfeId); + }); + + if (headers.length === 1) { + if (this.hasAttribute("pfe-disclosure") && this.getAttribute("pfe-disclosure") === "false") { + return; + } + + this.setAttribute("pfe-disclosure", "true"); + } + + if (headers.length > 1) { + if (this.hasAttribute("pfe-disclosure")) { + this.removeAttribute("pfe-disclosure"); + } + } + } + }, { + key: "_changeHandler", + value: function _changeHandler(evt) { + if (this.classList.contains("animating")) { + return; + } + + var header = evt.target; + var panel = evt.target.nextElementSibling; + + if (evt.detail.expanded) { + this._expandHeader(header); + this._expandPanel(panel); + } else { + this._collapseHeader(header); + this._collapsePanel(panel); + } + } + }, { + key: "_toggle", + value: function _toggle(header, panel) {} + }, { + key: "_expandHeader", + value: function _expandHeader(header) { + header.expanded = true; + } + }, { + key: "_expandPanel", + value: function _expandPanel(panel) { + if (!panel) { + console.error(PfeAccordion.tag + ": Trying to expand a panel that doesn't exist"); + return; + } + + if (panel.expanded) { + return; + } + + panel.expanded = true; + + var height = panel.getBoundingClientRect().height; + this._animate(panel, 0, height); + } + }, { + key: "_collapseHeader", + value: function _collapseHeader(header) { + header.expanded = false; + } + }, { + key: "_collapsePanel", + value: function _collapsePanel(panel) { + if (!panel) { + console.error(PfeAccordion.tag + ": Trying to collapse a panel that doesn't exist"); + return; + } + + if (!panel.expanded) { + return; + } + + var height = panel.getBoundingClientRect().height; + panel.expanded = false; + + this._animate(panel, height, 0); + } + }, { + key: "_animate", + value: function _animate(panel, start, end) { + var _this6 = this; + + if (panel) { + var header = panel.previousElementSibling; + if (header) { + header.classList.add("animating"); + } + panel.classList.add("animating"); + panel.style.height = start + "px"; + + requestAnimationFrame(function () { + requestAnimationFrame(function () { + panel.style.height = end + "px"; + panel.addEventListener("transitionend", _this6._transitionEndHandler); + }); + }); + } + } + }, { + key: "_keydownHandler", + value: function _keydownHandler(evt) { + var currentHeader = evt.target; + + if (!this._isHeader(currentHeader)) { + return; + } + + var newHeader = void 0; + + switch (evt.key) { + case "ArrowDown": + case "Down": + case "ArrowRight": + case "Right": + newHeader = this._nextHeader(); + break; + case "ArrowUp": + case "Up": + case "ArrowLeft": + case "Left": + newHeader = this._previousHeader(); + break; + case "Home": + newHeader = this._firstHeader(); + break; + case "End": + newHeader = this._lastHeader(); + break; + default: + return; + } + + newHeader.shadowRoot.querySelector("button").focus(); + } + }, { + key: "_transitionEndHandler", + value: function _transitionEndHandler(evt) { + var header = evt.target.previousElementSibling; + if (header) { + header.classList.remove("animating"); + } + evt.target.style.height = ""; + evt.target.classList.remove("animating"); + evt.target.removeEventListener("transitionend", this._transitionEndHandler); + } + }, { + key: "_allHeaders", + value: function _allHeaders() { + return [].concat(toConsumableArray(this.querySelectorAll(PfeAccordionHeader.tag))); + } + }, { + key: "_allPanels", + value: function _allPanels() { + return [].concat(toConsumableArray(this.querySelectorAll(PfeAccordionPanel.tag))); + } + }, { + key: "_panelForHeader", + value: function _panelForHeader(header) { + var next = header.nextElementSibling; + + if (!next) { + return; + } + + if (next.tagName.toLowerCase() !== PfeAccordionPanel.tag) { + console.error(PfeAccordion.tag + ": Sibling element to a header needs to be a panel"); + return; + } + + return next; + } + }, { + key: "_previousHeader", + value: function _previousHeader() { + var headers = this._allHeaders(); + var newIndex = headers.findIndex(function (header) { + return header === document.activeElement; + }) - 1; + return headers[(newIndex + headers.length) % headers.length]; + } + }, { + key: "_nextHeader", + value: function _nextHeader() { + var headers = this._allHeaders(); + var newIndex = headers.findIndex(function (header) { + return header === document.activeElement; + }) + 1; + return headers[newIndex % headers.length]; + } + }, { + key: "_firstHeader", + value: function _firstHeader() { + var headers = this._allHeaders(); + return headers[0]; + } + }, { + key: "_lastHeader", + value: function _lastHeader() { + var headers = this._allHeaders(); + return headers[headers.length - 1]; + } + }, { + key: "_isHeader", + value: function _isHeader(element) { + return element.tagName.toLowerCase() === PfeAccordionHeader.tag; + } + }]); + return PfeAccordion; + }(PFElement); + + var PfeAccordionHeader = function (_PFElement2) { + inherits(PfeAccordionHeader, _PFElement2); + createClass(PfeAccordionHeader, [{ + key: "html", + get: function get$$1() { + return ""; + } + }, { + key: "styleUrl", + get: function get$$1() { + return "pfe-accordion-header.scss"; + } + }, { + key: "templateUrl", + get: function get$$1() { + return "pfe-accordion-header.html"; + } + }, { + key: "pfeId", + get: function get$$1() { + return this.getAttribute("pfe-id"); + }, + set: function set$$1(id) { + if (!id) { + return; + } + + this.setAttribute("pfe-id", id); + } + }], [{ + key: "version", + get: function get$$1() { + return "1.0.0-prerelease.50"; + } + }, { + key: "tag", + get: function get$$1() { + return "pfe-accordion-header"; + } + }, { + key: "observedAttributes", + get: function get$$1() { + return ["aria-expanded"]; + } + }]); + + function PfeAccordionHeader() { + classCallCheck(this, PfeAccordionHeader); + + var _this7 = possibleConstructorReturn(this, (PfeAccordionHeader.__proto__ || Object.getPrototypeOf(PfeAccordionHeader)).call(this, PfeAccordionHeader)); + + _this7.button = _this7.shadowRoot.querySelector("button"); + + _this7._init = _this7._init.bind(_this7); + _this7._clickHandler = _this7._clickHandler.bind(_this7); + _this7._observer = new MutationObserver(_this7._init); + return _this7; + } + + createClass(PfeAccordionHeader, [{ + key: "connectedCallback", + value: function connectedCallback() { + get(PfeAccordionHeader.prototype.__proto__ || Object.getPrototypeOf(PfeAccordionHeader.prototype), "connectedCallback", this).call(this); + + if (this.children.length || this.textContent.trim().length) { + this._init(); + } + + this.addEventListener("click", this._clickHandler); + this._observer.observe(this, { childList: true }); + } + }, { + key: "disconnectedCallback", + value: function disconnectedCallback() { + this.removeEventListener("click", this._clickHandler); + this._observer.disconnect(); + } + }, { + key: "_init", + value: function _init() { + if (window.ShadyCSS) { + this._observer.disconnect(); + } + + if (!this.hasAttribute("role")) { + this.setAttribute("role", "heading"); + } + + if (!this.pfeId) { + this.pfeId = PfeAccordionHeader.tag + "-" + generateId(); + } + + var child = this.children[0]; + var isHeaderTag = false; + + if (child) { + switch (child.tagName) { + case "H1": + case "H2": + case "H3": + case "H4": + case "H5": + case "H6": + isHeaderTag = true; + break; + } + + var wrapperTag = document.createElement(child.tagName); + this.button.innerText = child.innerText; + + wrapperTag.appendChild(this.button); + this.shadowRoot.appendChild(wrapperTag); + } else { + this.button.innerText = this.textContent.trim(); + } + + if (!isHeaderTag) { + console.warn(PfeAccordionHeader.tag + ": The first child in the light DOM must be a Header level tag (h1, h2, h3, h4, h5, or h6)"); + } + + if (window.ShadyCSS) { + this._observer.observe(this, { childList: true }); + } + } + }, { + key: "_clickHandler", + value: function _clickHandler(event) { + this.emitEvent(PfeAccordion.events.change, { + detail: { expanded: !this.expanded } + }); + } + }, { + key: "expanded", + get: function get$$1() { + return this.hasAttribute("aria-expanded"); + }, + set: function set$$1(val) { + val = Boolean(val); + + if (val) { + this.setAttribute("aria-expanded", true); + this.button.setAttribute("aria-expanded", true); + } else { + this.removeAttribute("aria-expanded"); + this.button.setAttribute("aria-expanded", false); + } + } + }]); + return PfeAccordionHeader; + }(PFElement); + + var PfeAccordionPanel = function (_PFElement3) { + inherits(PfeAccordionPanel, _PFElement3); + createClass(PfeAccordionPanel, [{ + key: "html", + get: function get$$1() { + return "
\n
\n \n
\n
"; + } + }, { + key: "styleUrl", + get: function get$$1() { + return "pfe-accordion-panel.scss"; + } + }, { + key: "templateUrl", + get: function get$$1() { + return "pfe-accordion-panel.html"; + } + }, { + key: "pfeId", + get: function get$$1() { + return this.getAttribute("pfe-id"); + }, + set: function set$$1(id) { + if (!id) { + return; + } + + this.setAttribute("pfe-id", id); + } + }], [{ + key: "version", + get: function get$$1() { + return "1.0.0-prerelease.50"; + } + }, { + key: "tag", + get: function get$$1() { + return "pfe-accordion-panel"; + } + }]); + + function PfeAccordionPanel() { + classCallCheck(this, PfeAccordionPanel); + return possibleConstructorReturn(this, (PfeAccordionPanel.__proto__ || Object.getPrototypeOf(PfeAccordionPanel)).call(this, PfeAccordionPanel)); + } + + createClass(PfeAccordionPanel, [{ + key: "connectedCallback", + value: function connectedCallback() { + get(PfeAccordionPanel.prototype.__proto__ || Object.getPrototypeOf(PfeAccordionPanel.prototype), "connectedCallback", this).call(this); + + if (!this.hasAttribute("role")) { + this.setAttribute("role", "region"); + } + + if (!this.pfeId) { + this.pfeId = PfeAccordionPanel.tag + "-" + generateId(); + } + } + }, { + key: "expanded", + get: function get$$1() { + return this.hasAttribute("expanded"); + }, + set: function set$$1(val) { + var value = Boolean(val); + + if (value) { + this.setAttribute("expanded", ""); + } else { + this.removeAttribute("expanded"); + } + } + }]); + return PfeAccordionPanel; + }(PFElement); + + PFElement.create(PfeAccordionHeader); + PFElement.create(PfeAccordionPanel); + PFElement.create(PfeAccordion); + + return PfeAccordion; + +}))); +//# sourceMappingURL=pfe-accordion.umd.js.map diff --git a/elements/pfe-accordion/dist/pfe-accordion.umd.js.map b/elements/pfe-accordion/dist/pfe-accordion.umd.js.map new file mode 100644 index 0000000000..2e087dd221 --- /dev/null +++ b/elements/pfe-accordion/dist/pfe-accordion.umd.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-accordion.umd.js","sources":["../_temp/polyfills--pfe-accordion.js","../_temp/pfe-accordion.umd.js"],"sourcesContent":["// @POLYFILL Array.prototype.findIndex\n// https://tc39.github.io/ecma262/#sec-array.prototype.findIndex\nif (!Array.prototype.findIndex) {\n Object.defineProperty(Array.prototype, \"findIndex\", {\n value: function(predicate) {\n // 1. Let O be ? ToObject(this value).\n if (this == null) {\n throw new TypeError('\"this\" is null or not defined');\n }\n\n var o = Object(this);\n\n // 2. Let len be ? ToLength(? Get(O, \"length\")).\n var len = o.length >>> 0;\n\n // 3. If IsCallable(predicate) is false, throw a TypeError exception.\n if (typeof predicate !== \"function\") {\n throw new TypeError(\"predicate must be a function\");\n }\n\n // 4. If thisArg was supplied, let T be thisArg; else let T be undefined.\n var thisArg = arguments[1];\n\n // 5. Let k be 0.\n var k = 0;\n\n // 6. Repeat, while k < len\n while (k < len) {\n // a. Let Pk be ! ToString(k).\n // b. Let kValue be ? Get(O, Pk).\n // c. Let testResult be ToBoolean(? Call(predicate, T, « kValue, k, O »)).\n // d. If testResult is true, return k.\n var kValue = o[k];\n if (predicate.call(thisArg, kValue, k, o)) {\n return k;\n }\n // e. Increase k by 1.\n k++;\n }\n\n // 7. Return -1.\n return -1;\n }\n });\n}\n","/*!\n * PatternFly Elements: PfeAccordion 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\n// Import polyfills: findIndex\nimport \"./polyfills--pfe-accordion.js\";\n\nimport PFElement from \"../../pfelement/dist/pfelement.umd\";\n\nfunction generateId() {\n return Math.random()\n .toString(36)\n .substr(2, 9);\n}\n\nclass PfeAccordion extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return ``;\n }\n\n static get properties() {\n return {};\n }\n\n static get slots() {\n return {\"default\":{\"title\":\"Default\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"pfe-accordion-header\"},{\"$ref\":\"pfe-accordion-panel\"}]}}};\n }\n static get tag() {\n return \"pfe-accordion\";\n }\n\n get styleUrl() {\n return \"pfe-accordion.scss\";\n }\n\n get templateUrl() {\n return \"pfe-accordion.html\";\n }\n\n get schemaUrl() {\n return \"pfe-accordion.json\";\n }\n\n static get cascadingAttributes() {\n return {\n on: \"pfe-accordion-header, pfe-accordion-panel\"\n };\n }\n\n static get events() {\n return {\n change: `${this.tag}:change`\n };\n }\n\n // Declare the type of this component\n static get PfeType() {\n return PFElement.PfeTypes.Container;\n }\n\n static get observedAttributes() {\n return [\"pfe-disclosure\"];\n }\n\n constructor() {\n super(PfeAccordion, { type: PfeAccordion.PfeType });\n\n this._linkPanels = this._linkPanels.bind(this);\n this._observer = new MutationObserver(this._linkPanels);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this.setAttribute(\"role\", \"tablist\");\n this.setAttribute(\"defined\", \"\");\n\n this.addEventListener(PfeAccordion.events.change, this._changeHandler);\n this.addEventListener(\"keydown\", this._keydownHandler);\n\n Promise.all([\n customElements.whenDefined(PfeAccordionHeader.tag),\n customElements.whenDefined(PfeAccordionPanel.tag)\n ]).then(() => {\n if (this.children.length) {\n this._linkPanels();\n }\n\n this._observer.observe(this, { childList: true });\n });\n }\n\n disconnectedCallback() {\n this.removeEventListener(PfeAccordion.events.change, this._changeHandler);\n this.removeEventListener(\"keydown\", this._keydownHandler);\n this._observer.disconnect();\n }\n\n attributeChangedCallback(attr, oldVal, newVal) {\n super.attributeChangedCallback(attr, oldVal, newVal);\n\n if (attr === \"pfe-disclosure\") {\n if (newVal === \"true\") {\n this._allHeaders().forEach(header =>\n header.setAttribute(\"pfe-disclosure\", \"true\")\n );\n this._allPanels().forEach(panel =>\n panel.setAttribute(\"pfe-disclosure\", \"true\")\n );\n } else {\n this._allHeaders().forEach(header =>\n header.setAttribute(\"pfe-disclosure\", \"false\")\n );\n this._allPanels().forEach(panel =>\n panel.setAttribute(\"pfe-disclosure\", \"false\")\n );\n }\n }\n }\n\n toggle(index) {\n const headers = this._allHeaders();\n const panels = this._allPanels();\n const header = headers[index];\n const panel = panels[index];\n\n if (!header || !panel) {\n return;\n }\n\n if (!header.expanded) {\n this._expandHeader(header);\n this._expandPanel(panel);\n } else {\n this._collapseHeader(header);\n this._collapsePanel(panel);\n }\n }\n\n expand(index) {\n const headers = this._allHeaders();\n const panels = this._allPanels();\n const header = headers[index];\n const panel = panels[index];\n\n if (!header || !panel) {\n return;\n }\n\n this._expandHeader(header);\n this._expandPanel(panel);\n }\n\n expandAll() {\n const headers = this._allHeaders();\n const panels = this._allPanels();\n\n headers.forEach(header => this._expandHeader(header));\n panels.forEach(panel => this._expandPanel(panel));\n }\n\n collapse(index) {\n const headers = this._allHeaders();\n const panels = this._allPanels();\n const header = headers[index];\n const panel = panels[index];\n\n if (!header || !panel) {\n return;\n }\n\n this._collapseHeader(header);\n this._collapsePanel(panel);\n }\n\n collapseAll() {\n const headers = this._allHeaders();\n const panels = this._allPanels();\n\n headers.forEach(header => this._collapseHeader(header));\n panels.forEach(panel => this._collapsePanel(panel));\n }\n\n _linkPanels() {\n const headers = this._allHeaders();\n headers.forEach(header => {\n const panel = this._panelForHeader(header);\n\n if (!panel) {\n return;\n }\n\n header.setAttribute(\"aria-controls\", panel.pfeId);\n panel.setAttribute(\"aria-labelledby\", header.pfeId);\n });\n\n if (headers.length === 1) {\n if (\n this.hasAttribute(\"pfe-disclosure\") &&\n this.getAttribute(\"pfe-disclosure\") === \"false\"\n ) {\n return;\n }\n\n this.setAttribute(\"pfe-disclosure\", \"true\");\n }\n\n if (headers.length > 1) {\n if (this.hasAttribute(\"pfe-disclosure\")) {\n this.removeAttribute(\"pfe-disclosure\");\n }\n }\n }\n\n _changeHandler(evt) {\n if (this.classList.contains(\"animating\")) {\n return;\n }\n\n const header = evt.target;\n const panel = evt.target.nextElementSibling;\n\n if (evt.detail.expanded) {\n this._expandHeader(header);\n this._expandPanel(panel);\n } else {\n this._collapseHeader(header);\n this._collapsePanel(panel);\n }\n }\n\n _toggle(header, panel) {}\n\n _expandHeader(header) {\n header.expanded = true;\n }\n\n _expandPanel(panel) {\n if (!panel) {\n console.error(\n `${PfeAccordion.tag}: Trying to expand a panel that doesn't exist`\n );\n return;\n }\n\n if (panel.expanded) {\n return;\n }\n\n panel.expanded = true;\n\n const height = panel.getBoundingClientRect().height;\n this._animate(panel, 0, height);\n }\n\n _collapseHeader(header) {\n header.expanded = false;\n }\n\n _collapsePanel(panel) {\n if (!panel) {\n console.error(\n `${PfeAccordion.tag}: Trying to collapse a panel that doesn't exist`\n );\n return;\n }\n\n if (!panel.expanded) {\n return;\n }\n\n const height = panel.getBoundingClientRect().height;\n panel.expanded = false;\n\n this._animate(panel, height, 0);\n }\n\n _animate(panel, start, end) {\n if (panel) {\n const header = panel.previousElementSibling;\n if (header) {\n header.classList.add(\"animating\");\n }\n panel.classList.add(\"animating\");\n panel.style.height = `${start}px`;\n\n requestAnimationFrame(() => {\n requestAnimationFrame(() => {\n panel.style.height = `${end}px`;\n panel.addEventListener(\"transitionend\", this._transitionEndHandler);\n });\n });\n }\n }\n\n _keydownHandler(evt) {\n const currentHeader = evt.target;\n\n if (!this._isHeader(currentHeader)) {\n return;\n }\n\n let newHeader;\n\n switch (evt.key) {\n case \"ArrowDown\":\n case \"Down\":\n case \"ArrowRight\":\n case \"Right\":\n newHeader = this._nextHeader();\n break;\n case \"ArrowUp\":\n case \"Up\":\n case \"ArrowLeft\":\n case \"Left\":\n newHeader = this._previousHeader();\n break;\n case \"Home\":\n newHeader = this._firstHeader();\n break;\n case \"End\":\n newHeader = this._lastHeader();\n break;\n default:\n return;\n }\n\n newHeader.shadowRoot.querySelector(\"button\").focus();\n }\n\n _transitionEndHandler(evt) {\n const header = evt.target.previousElementSibling;\n if (header) {\n header.classList.remove(\"animating\");\n }\n evt.target.style.height = \"\";\n evt.target.classList.remove(\"animating\");\n evt.target.removeEventListener(\"transitionend\", this._transitionEndHandler);\n }\n\n _allHeaders() {\n return [...this.querySelectorAll(PfeAccordionHeader.tag)];\n }\n\n _allPanels() {\n return [...this.querySelectorAll(PfeAccordionPanel.tag)];\n }\n\n _panelForHeader(header) {\n const next = header.nextElementSibling;\n\n if (!next) {\n return;\n }\n\n if (next.tagName.toLowerCase() !== PfeAccordionPanel.tag) {\n console.error(\n `${PfeAccordion.tag}: Sibling element to a header needs to be a panel`\n );\n return;\n }\n\n return next;\n }\n\n _previousHeader() {\n const headers = this._allHeaders();\n let newIndex =\n headers.findIndex(header => header === document.activeElement) - 1;\n return headers[(newIndex + headers.length) % headers.length];\n }\n\n _nextHeader() {\n const headers = this._allHeaders();\n let newIndex =\n headers.findIndex(header => header === document.activeElement) + 1;\n return headers[newIndex % headers.length];\n }\n\n _firstHeader() {\n const headers = this._allHeaders();\n return headers[0];\n }\n\n _lastHeader() {\n const headers = this._allHeaders();\n return headers[headers.length - 1];\n }\n\n _isHeader(element) {\n return element.tagName.toLowerCase() === PfeAccordionHeader.tag;\n }\n}\n\nclass PfeAccordionHeader extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return ``;\n }\n static get tag() {\n return \"pfe-accordion-header\";\n }\n\n get styleUrl() {\n return \"pfe-accordion-header.scss\";\n }\n\n get templateUrl() {\n return \"pfe-accordion-header.html\";\n }\n\n get pfeId() {\n return this.getAttribute(\"pfe-id\");\n }\n\n set pfeId(id) {\n if (!id) {\n return;\n }\n\n this.setAttribute(\"pfe-id\", id);\n }\n\n static get observedAttributes() {\n return [\"aria-expanded\"];\n }\n\n constructor() {\n super(PfeAccordionHeader);\n\n this.button = this.shadowRoot.querySelector(\"button\");\n\n this._init = this._init.bind(this);\n this._clickHandler = this._clickHandler.bind(this);\n this._observer = new MutationObserver(this._init);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n if (this.children.length || this.textContent.trim().length) {\n this._init();\n }\n\n this.addEventListener(\"click\", this._clickHandler);\n this._observer.observe(this, { childList: true });\n }\n\n disconnectedCallback() {\n this.removeEventListener(\"click\", this._clickHandler);\n this._observer.disconnect();\n }\n\n get expanded() {\n return this.hasAttribute(\"aria-expanded\");\n }\n\n set expanded(val) {\n val = Boolean(val);\n\n if (val) {\n this.setAttribute(\"aria-expanded\", true);\n this.button.setAttribute(\"aria-expanded\", true);\n } else {\n this.removeAttribute(\"aria-expanded\");\n this.button.setAttribute(\"aria-expanded\", false);\n }\n }\n\n _init() {\n if (window.ShadyCSS) {\n this._observer.disconnect();\n }\n\n if (!this.hasAttribute(\"role\")) {\n this.setAttribute(\"role\", \"heading\");\n }\n\n if (!this.pfeId) {\n this.pfeId = `${PfeAccordionHeader.tag}-${generateId()}`;\n }\n\n const child = this.children[0];\n let isHeaderTag = false;\n\n if (child) {\n switch (child.tagName) {\n case \"H1\":\n case \"H2\":\n case \"H3\":\n case \"H4\":\n case \"H5\":\n case \"H6\":\n isHeaderTag = true;\n break;\n }\n\n const wrapperTag = document.createElement(child.tagName);\n this.button.innerText = child.innerText;\n\n wrapperTag.appendChild(this.button);\n this.shadowRoot.appendChild(wrapperTag);\n } else {\n this.button.innerText = this.textContent.trim();\n }\n\n if (!isHeaderTag) {\n console.warn(\n `${PfeAccordionHeader.tag}: The first child in the light DOM must be a Header level tag (h1, h2, h3, h4, h5, or h6)`\n );\n }\n\n if (window.ShadyCSS) {\n this._observer.observe(this, { childList: true });\n }\n }\n\n _clickHandler(event) {\n this.emitEvent(PfeAccordion.events.change, {\n detail: { expanded: !this.expanded }\n });\n }\n}\n\nclass PfeAccordionPanel extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return `
\n
\n \n
\n
`;\n }\n static get tag() {\n return \"pfe-accordion-panel\";\n }\n\n get styleUrl() {\n return \"pfe-accordion-panel.scss\";\n }\n\n get templateUrl() {\n return \"pfe-accordion-panel.html\";\n }\n\n get pfeId() {\n return this.getAttribute(\"pfe-id\");\n }\n\n set pfeId(id) {\n if (!id) {\n return;\n }\n\n this.setAttribute(\"pfe-id\", id);\n }\n\n constructor() {\n super(PfeAccordionPanel);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n if (!this.hasAttribute(\"role\")) {\n this.setAttribute(\"role\", \"region\");\n }\n\n if (!this.pfeId) {\n this.pfeId = `${PfeAccordionPanel.tag}-${generateId()}`;\n }\n }\n\n get expanded() {\n return this.hasAttribute(\"expanded\");\n }\n\n set expanded(val) {\n const value = Boolean(val);\n\n if (value) {\n this.setAttribute(\"expanded\", \"\");\n } else {\n this.removeAttribute(\"expanded\");\n }\n }\n}\n\nPFElement.create(PfeAccordionHeader);\nPFElement.create(PfeAccordionPanel);\nPFElement.create(PfeAccordion);\n\nexport { PfeAccordion as default };\n"],"names":["Array","prototype","findIndex","Object","defineProperty","value","predicate","TypeError","o","len","length","thisArg","arguments","k","kValue","call","generateId","Math","random","toString","substr","PfeAccordion","on","change","tag","PFElement","PfeTypes","Container","type","PfeType","_linkPanels","bind","_observer","MutationObserver","setAttribute","addEventListener","events","_changeHandler","_keydownHandler","Promise","all","customElements","whenDefined","PfeAccordionHeader","PfeAccordionPanel","then","children","observe","childList","removeEventListener","disconnect","attr","oldVal","newVal","_allHeaders","forEach","header","_allPanels","panel","index","headers","panels","expanded","_expandHeader","_expandPanel","_collapseHeader","_collapsePanel","_panelForHeader","pfeId","hasAttribute","getAttribute","removeAttribute","evt","classList","contains","target","nextElementSibling","detail","console","error","height","getBoundingClientRect","_animate","start","end","previousElementSibling","add","style","requestAnimationFrame","_transitionEndHandler","currentHeader","_isHeader","newHeader","key","_nextHeader","_previousHeader","_firstHeader","_lastHeader","shadowRoot","querySelector","focus","remove","querySelectorAll","next","tagName","toLowerCase","newIndex","document","activeElement","element","id","button","_init","_clickHandler","textContent","trim","window","ShadyCSS","child","isHeaderTag","wrapperTag","createElement","innerText","appendChild","warn","event","emitEvent","val","Boolean","create"],"mappings":";;;;;;;;EAAA;EACA;EACA,IAAI,CAACA,MAAMC,SAAN,CAAgBC,SAArB,EAAgC;EAC9BC,SAAOC,cAAP,CAAsBJ,MAAMC,SAA5B,EAAuC,WAAvC,EAAoD;EAClDI,WAAO,eAASC,SAAT,EAAoB;EACzB;EACA,UAAI,QAAQ,IAAZ,EAAkB;EAChB,cAAM,IAAIC,SAAJ,CAAc,+BAAd,CAAN;EACD;;EAED,UAAIC,IAAIL,OAAO,IAAP,CAAR;;EAEA;EACA,UAAIM,MAAMD,EAAEE,MAAF,KAAa,CAAvB;;EAEA;EACA,UAAI,OAAOJ,SAAP,KAAqB,UAAzB,EAAqC;EACnC,cAAM,IAAIC,SAAJ,CAAc,8BAAd,CAAN;EACD;;EAED;EACA,UAAII,UAAUC,UAAU,CAAV,CAAd;;EAEA;EACA,UAAIC,IAAI,CAAR;;EAEA;EACA,aAAOA,IAAIJ,GAAX,EAAgB;EACd;EACA;EACA;EACA;EACA,YAAIK,SAASN,EAAEK,CAAF,CAAb;EACA,YAAIP,UAAUS,IAAV,CAAeJ,OAAf,EAAwBG,MAAxB,EAAgCD,CAAhC,EAAmCL,CAAnC,CAAJ,EAA2C;EACzC,iBAAOK,CAAP;EACD;EACD;EACAA;EACD;;EAED;EACA,aAAO,CAAC,CAAR;EACD;EAvCiD,GAApD;EAyCD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EC5CD;;;;;;;;;;;;;;;;;;;;;;;;;EA8BA,SAASG,UAAT,GAAsB;EACpB,SAAOC,KAAKC,MAAL,GACJC,QADI,CACK,EADL,EAEJC,MAFI,CAEG,CAFH,EAEM,CAFN,CAAP;EAGD;;MAEKC;;;;6BAKO;EACT;EAGD;;;6BAac;EACb,aAAO,oBAAP;EACD;;;6BAEiB;EAChB,aAAO,oBAAP;EACD;;;6BAEe;EACd,aAAO,oBAAP;EACD;;;6BA/BoB;EACnB,aAAO,qBAAP;EACD;;;6BAQuB;EACtB,aAAO,EAAP;EACD;;;6BAEkB;EACjB,aAAO,EAAC,WAAU,EAAC,SAAQ,SAAT,EAAmB,QAAO,OAA1B,EAAkC,aAAY,KAA9C,EAAoD,SAAQ,EAAC,SAAQ,CAAC,EAAC,QAAO,sBAAR,EAAD,EAAiC,EAAC,QAAO,qBAAR,EAAjC,CAAT,EAA5D,EAAX,EAAP;EACD;;;6BACgB;EACf,aAAO,eAAP;EACD;;;6BAcgC;EAC/B,aAAO;EACLC,YAAI;EADC,OAAP;EAGD;;;6BAEmB;EAClB,aAAO;EACLC,gBAAW,KAAKC,GAAhB;EADK,OAAP;EAGD;;EAED;;;;6BACqB;EACnB,aAAOC,UAAUC,QAAV,CAAmBC,SAA1B;EACD;;;6BAE+B;EAC9B,aAAO,CAAC,gBAAD,CAAP;EACD;;;EAED,0BAAc;EAAA;;EAAA,2HACNN,YADM,EACQ,EAAEO,MAAMP,aAAaQ,OAArB,EADR;;EAGZ,UAAKC,WAAL,GAAmB,MAAKA,WAAL,CAAiBC,IAAjB,OAAnB;EACA,UAAKC,SAAL,GAAiB,IAAIC,gBAAJ,CAAqB,MAAKH,WAA1B,CAAjB;EAJY;EAKb;;;;0CAEmB;EAAA;;EAClB;;EAEA,WAAKI,YAAL,CAAkB,MAAlB,EAA0B,SAA1B;EACA,WAAKA,YAAL,CAAkB,SAAlB,EAA6B,EAA7B;;EAEA,WAAKC,gBAAL,CAAsBd,aAAae,MAAb,CAAoBb,MAA1C,EAAkD,KAAKc,cAAvD;EACA,WAAKF,gBAAL,CAAsB,SAAtB,EAAiC,KAAKG,eAAtC;;EAEAC,cAAQC,GAAR,CAAY,CACVC,eAAeC,WAAf,CAA2BC,mBAAmBnB,GAA9C,CADU,EAEViB,eAAeC,WAAf,CAA2BE,kBAAkBpB,GAA7C,CAFU,CAAZ,EAGGqB,IAHH,CAGQ,YAAM;EACZ,YAAI,OAAKC,QAAL,CAAcpC,MAAlB,EAA0B;EACxB,iBAAKoB,WAAL;EACD;;EAED,eAAKE,SAAL,CAAee,OAAf,CAAuB,MAAvB,EAA6B,EAAEC,WAAW,IAAb,EAA7B;EACD,OATD;EAUD;;;6CAEsB;EACrB,WAAKC,mBAAL,CAAyB5B,aAAae,MAAb,CAAoBb,MAA7C,EAAqD,KAAKc,cAA1D;EACA,WAAKY,mBAAL,CAAyB,SAAzB,EAAoC,KAAKX,eAAzC;EACA,WAAKN,SAAL,CAAekB,UAAf;EACD;;;+CAEwBC,MAAMC,QAAQC,QAAQ;EAC7C,0IAA+BF,IAA/B,EAAqCC,MAArC,EAA6CC,MAA7C;;EAEA,UAAIF,SAAS,gBAAb,EAA+B;EAC7B,YAAIE,WAAW,MAAf,EAAuB;EACrB,eAAKC,WAAL,GAAmBC,OAAnB,CAA2B;EAAA,mBACzBC,OAAOtB,YAAP,CAAoB,gBAApB,EAAsC,MAAtC,CADyB;EAAA,WAA3B;EAGA,eAAKuB,UAAL,GAAkBF,OAAlB,CAA0B;EAAA,mBACxBG,MAAMxB,YAAN,CAAmB,gBAAnB,EAAqC,MAArC,CADwB;EAAA,WAA1B;EAGD,SAPD,MAOO;EACL,eAAKoB,WAAL,GAAmBC,OAAnB,CAA2B;EAAA,mBACzBC,OAAOtB,YAAP,CAAoB,gBAApB,EAAsC,OAAtC,CADyB;EAAA,WAA3B;EAGA,eAAKuB,UAAL,GAAkBF,OAAlB,CAA0B;EAAA,mBACxBG,MAAMxB,YAAN,CAAmB,gBAAnB,EAAqC,OAArC,CADwB;EAAA,WAA1B;EAGD;EACF;EACF;;;6BAEMyB,OAAO;EACZ,UAAMC,UAAU,KAAKN,WAAL,EAAhB;EACA,UAAMO,SAAS,KAAKJ,UAAL,EAAf;EACA,UAAMD,SAASI,QAAQD,KAAR,CAAf;EACA,UAAMD,QAAQG,OAAOF,KAAP,CAAd;;EAEA,UAAI,CAACH,MAAD,IAAW,CAACE,KAAhB,EAAuB;EACrB;EACD;;EAED,UAAI,CAACF,OAAOM,QAAZ,EAAsB;EACpB,aAAKC,aAAL,CAAmBP,MAAnB;EACA,aAAKQ,YAAL,CAAkBN,KAAlB;EACD,OAHD,MAGO;EACL,aAAKO,eAAL,CAAqBT,MAArB;EACA,aAAKU,cAAL,CAAoBR,KAApB;EACD;EACF;;;6BAEMC,OAAO;EACZ,UAAMC,UAAU,KAAKN,WAAL,EAAhB;EACA,UAAMO,SAAS,KAAKJ,UAAL,EAAf;EACA,UAAMD,SAASI,QAAQD,KAAR,CAAf;EACA,UAAMD,QAAQG,OAAOF,KAAP,CAAd;;EAEA,UAAI,CAACH,MAAD,IAAW,CAACE,KAAhB,EAAuB;EACrB;EACD;;EAED,WAAKK,aAAL,CAAmBP,MAAnB;EACA,WAAKQ,YAAL,CAAkBN,KAAlB;EACD;;;kCAEW;EAAA;;EACV,UAAME,UAAU,KAAKN,WAAL,EAAhB;EACA,UAAMO,SAAS,KAAKJ,UAAL,EAAf;;EAEAG,cAAQL,OAAR,CAAgB;EAAA,eAAU,OAAKQ,aAAL,CAAmBP,MAAnB,CAAV;EAAA,OAAhB;EACAK,aAAON,OAAP,CAAe;EAAA,eAAS,OAAKS,YAAL,CAAkBN,KAAlB,CAAT;EAAA,OAAf;EACD;;;+BAEQC,OAAO;EACd,UAAMC,UAAU,KAAKN,WAAL,EAAhB;EACA,UAAMO,SAAS,KAAKJ,UAAL,EAAf;EACA,UAAMD,SAASI,QAAQD,KAAR,CAAf;EACA,UAAMD,QAAQG,OAAOF,KAAP,CAAd;;EAEA,UAAI,CAACH,MAAD,IAAW,CAACE,KAAhB,EAAuB;EACrB;EACD;;EAED,WAAKO,eAAL,CAAqBT,MAArB;EACA,WAAKU,cAAL,CAAoBR,KAApB;EACD;;;oCAEa;EAAA;;EACZ,UAAME,UAAU,KAAKN,WAAL,EAAhB;EACA,UAAMO,SAAS,KAAKJ,UAAL,EAAf;;EAEAG,cAAQL,OAAR,CAAgB;EAAA,eAAU,OAAKU,eAAL,CAAqBT,MAArB,CAAV;EAAA,OAAhB;EACAK,aAAON,OAAP,CAAe;EAAA,eAAS,OAAKW,cAAL,CAAoBR,KAApB,CAAT;EAAA,OAAf;EACD;;;oCAEa;EAAA;;EACZ,UAAME,UAAU,KAAKN,WAAL,EAAhB;EACAM,cAAQL,OAAR,CAAgB,kBAAU;EACxB,YAAMG,QAAQ,OAAKS,eAAL,CAAqBX,MAArB,CAAd;;EAEA,YAAI,CAACE,KAAL,EAAY;EACV;EACD;;EAEDF,eAAOtB,YAAP,CAAoB,eAApB,EAAqCwB,MAAMU,KAA3C;EACAV,cAAMxB,YAAN,CAAmB,iBAAnB,EAAsCsB,OAAOY,KAA7C;EACD,OATD;;EAWA,UAAIR,QAAQlD,MAAR,KAAmB,CAAvB,EAA0B;EACxB,YACE,KAAK2D,YAAL,CAAkB,gBAAlB,KACA,KAAKC,YAAL,CAAkB,gBAAlB,MAAwC,OAF1C,EAGE;EACA;EACD;;EAED,aAAKpC,YAAL,CAAkB,gBAAlB,EAAoC,MAApC;EACD;;EAED,UAAI0B,QAAQlD,MAAR,GAAiB,CAArB,EAAwB;EACtB,YAAI,KAAK2D,YAAL,CAAkB,gBAAlB,CAAJ,EAAyC;EACvC,eAAKE,eAAL,CAAqB,gBAArB;EACD;EACF;EACF;;;qCAEcC,KAAK;EAClB,UAAI,KAAKC,SAAL,CAAeC,QAAf,CAAwB,WAAxB,CAAJ,EAA0C;EACxC;EACD;;EAED,UAAMlB,SAASgB,IAAIG,MAAnB;EACA,UAAMjB,QAAQc,IAAIG,MAAJ,CAAWC,kBAAzB;;EAEA,UAAIJ,IAAIK,MAAJ,CAAWf,QAAf,EAAyB;EACvB,aAAKC,aAAL,CAAmBP,MAAnB;EACA,aAAKQ,YAAL,CAAkBN,KAAlB;EACD,OAHD,MAGO;EACL,aAAKO,eAAL,CAAqBT,MAArB;EACA,aAAKU,cAAL,CAAoBR,KAApB;EACD;EACF;;;8BAEOF,QAAQE,OAAO;;;oCAETF,QAAQ;EACpBA,aAAOM,QAAP,GAAkB,IAAlB;EACD;;;mCAEYJ,OAAO;EAClB,UAAI,CAACA,KAAL,EAAY;EACVoB,gBAAQC,KAAR,CACK1D,aAAaG,GADlB;EAGA;EACD;;EAED,UAAIkC,MAAMI,QAAV,EAAoB;EAClB;EACD;;EAEDJ,YAAMI,QAAN,GAAiB,IAAjB;;EAEA,UAAMkB,SAAStB,MAAMuB,qBAAN,GAA8BD,MAA7C;EACA,WAAKE,QAAL,CAAcxB,KAAd,EAAqB,CAArB,EAAwBsB,MAAxB;EACD;;;sCAEexB,QAAQ;EACtBA,aAAOM,QAAP,GAAkB,KAAlB;EACD;;;qCAEcJ,OAAO;EACpB,UAAI,CAACA,KAAL,EAAY;EACVoB,gBAAQC,KAAR,CACK1D,aAAaG,GADlB;EAGA;EACD;;EAED,UAAI,CAACkC,MAAMI,QAAX,EAAqB;EACnB;EACD;;EAED,UAAMkB,SAAStB,MAAMuB,qBAAN,GAA8BD,MAA7C;EACAtB,YAAMI,QAAN,GAAiB,KAAjB;;EAEA,WAAKoB,QAAL,CAAcxB,KAAd,EAAqBsB,MAArB,EAA6B,CAA7B;EACD;;;+BAEQtB,OAAOyB,OAAOC,KAAK;EAAA;;EAC1B,UAAI1B,KAAJ,EAAW;EACT,YAAMF,SAASE,MAAM2B,sBAArB;EACA,YAAI7B,MAAJ,EAAY;EACVA,iBAAOiB,SAAP,CAAiBa,GAAjB,CAAqB,WAArB;EACD;EACD5B,cAAMe,SAAN,CAAgBa,GAAhB,CAAoB,WAApB;EACA5B,cAAM6B,KAAN,CAAYP,MAAZ,GAAwBG,KAAxB;;EAEAK,8BAAsB,YAAM;EAC1BA,gCAAsB,YAAM;EAC1B9B,kBAAM6B,KAAN,CAAYP,MAAZ,GAAwBI,GAAxB;EACA1B,kBAAMvB,gBAAN,CAAuB,eAAvB,EAAwC,OAAKsD,qBAA7C;EACD,WAHD;EAID,SALD;EAMD;EACF;;;sCAEejB,KAAK;EACnB,UAAMkB,gBAAgBlB,IAAIG,MAA1B;;EAEA,UAAI,CAAC,KAAKgB,SAAL,CAAeD,aAAf,CAAL,EAAoC;EAClC;EACD;;EAED,UAAIE,kBAAJ;;EAEA,cAAQpB,IAAIqB,GAAZ;EACE,aAAK,WAAL;EACA,aAAK,MAAL;EACA,aAAK,YAAL;EACA,aAAK,OAAL;EACED,sBAAY,KAAKE,WAAL,EAAZ;EACA;EACF,aAAK,SAAL;EACA,aAAK,IAAL;EACA,aAAK,WAAL;EACA,aAAK,MAAL;EACEF,sBAAY,KAAKG,eAAL,EAAZ;EACA;EACF,aAAK,MAAL;EACEH,sBAAY,KAAKI,YAAL,EAAZ;EACA;EACF,aAAK,KAAL;EACEJ,sBAAY,KAAKK,WAAL,EAAZ;EACA;EACF;EACE;EApBJ;;EAuBAL,gBAAUM,UAAV,CAAqBC,aAArB,CAAmC,QAAnC,EAA6CC,KAA7C;EACD;;;4CAEqB5B,KAAK;EACzB,UAAMhB,SAASgB,IAAIG,MAAJ,CAAWU,sBAA1B;EACA,UAAI7B,MAAJ,EAAY;EACVA,eAAOiB,SAAP,CAAiB4B,MAAjB,CAAwB,WAAxB;EACD;EACD7B,UAAIG,MAAJ,CAAWY,KAAX,CAAiBP,MAAjB,GAA0B,EAA1B;EACAR,UAAIG,MAAJ,CAAWF,SAAX,CAAqB4B,MAArB,CAA4B,WAA5B;EACA7B,UAAIG,MAAJ,CAAW1B,mBAAX,CAA+B,eAA/B,EAAgD,KAAKwC,qBAArD;EACD;;;oCAEa;EACZ,yCAAW,KAAKa,gBAAL,CAAsB3D,mBAAmBnB,GAAzC,CAAX;EACD;;;mCAEY;EACX,yCAAW,KAAK8E,gBAAL,CAAsB1D,kBAAkBpB,GAAxC,CAAX;EACD;;;sCAEegC,QAAQ;EACtB,UAAM+C,OAAO/C,OAAOoB,kBAApB;;EAEA,UAAI,CAAC2B,IAAL,EAAW;EACT;EACD;;EAED,UAAIA,KAAKC,OAAL,CAAaC,WAAb,OAA+B7D,kBAAkBpB,GAArD,EAA0D;EACxDsD,gBAAQC,KAAR,CACK1D,aAAaG,GADlB;EAGA;EACD;;EAED,aAAO+E,IAAP;EACD;;;wCAEiB;EAChB,UAAM3C,UAAU,KAAKN,WAAL,EAAhB;EACA,UAAIoD,WACF9C,QAAQ1D,SAAR,CAAkB;EAAA,eAAUsD,WAAWmD,SAASC,aAA9B;EAAA,OAAlB,IAAiE,CADnE;EAEA,aAAOhD,QAAQ,CAAC8C,WAAW9C,QAAQlD,MAApB,IAA8BkD,QAAQlD,MAA9C,CAAP;EACD;;;oCAEa;EACZ,UAAMkD,UAAU,KAAKN,WAAL,EAAhB;EACA,UAAIoD,WACF9C,QAAQ1D,SAAR,CAAkB;EAAA,eAAUsD,WAAWmD,SAASC,aAA9B;EAAA,OAAlB,IAAiE,CADnE;EAEA,aAAOhD,QAAQ8C,WAAW9C,QAAQlD,MAA3B,CAAP;EACD;;;qCAEc;EACb,UAAMkD,UAAU,KAAKN,WAAL,EAAhB;EACA,aAAOM,QAAQ,CAAR,CAAP;EACD;;;oCAEa;EACZ,UAAMA,UAAU,KAAKN,WAAL,EAAhB;EACA,aAAOM,QAAQA,QAAQlD,MAAR,GAAiB,CAAzB,CAAP;EACD;;;gCAESmG,SAAS;EACjB,aAAOA,QAAQL,OAAR,CAAgBC,WAAhB,OAAkC9D,mBAAmBnB,GAA5D;EACD;;;IA9XwBC;;MAiYrBkB;;;;6BAKO;EACT;EAGD;;;6BAKc;EACb,aAAO,2BAAP;EACD;;;6BAEiB;EAChB,aAAO,2BAAP;EACD;;;6BAEW;EACV,aAAO,KAAK2B,YAAL,CAAkB,QAAlB,CAAP;EACD;2BAESwC,IAAI;EACZ,UAAI,CAACA,EAAL,EAAS;EACP;EACD;;EAED,WAAK5E,YAAL,CAAkB,QAAlB,EAA4B4E,EAA5B;EACD;;;6BA/BoB;EACnB,aAAO,qBAAP;EACD;;;6BAOgB;EACf,aAAO,sBAAP;EACD;;;6BAsB+B;EAC9B,aAAO,CAAC,eAAD,CAAP;EACD;;;EAED,gCAAc;EAAA;;EAAA,wIACNnE,kBADM;;EAGZ,WAAKoE,MAAL,GAAc,OAAKb,UAAL,CAAgBC,aAAhB,CAA8B,QAA9B,CAAd;;EAEA,WAAKa,KAAL,GAAa,OAAKA,KAAL,CAAWjF,IAAX,QAAb;EACA,WAAKkF,aAAL,GAAqB,OAAKA,aAAL,CAAmBlF,IAAnB,QAArB;EACA,WAAKC,SAAL,GAAiB,IAAIC,gBAAJ,CAAqB,OAAK+E,KAA1B,CAAjB;EAPY;EAQb;;;;0CAEmB;EAClB;;EAEA,UAAI,KAAKlE,QAAL,CAAcpC,MAAd,IAAwB,KAAKwG,WAAL,CAAiBC,IAAjB,GAAwBzG,MAApD,EAA4D;EAC1D,aAAKsG,KAAL;EACD;;EAED,WAAK7E,gBAAL,CAAsB,OAAtB,EAA+B,KAAK8E,aAApC;EACA,WAAKjF,SAAL,CAAee,OAAf,CAAuB,IAAvB,EAA6B,EAAEC,WAAW,IAAb,EAA7B;EACD;;;6CAEsB;EACrB,WAAKC,mBAAL,CAAyB,OAAzB,EAAkC,KAAKgE,aAAvC;EACA,WAAKjF,SAAL,CAAekB,UAAf;EACD;;;8BAkBO;EACN,UAAIkE,OAAOC,QAAX,EAAqB;EACnB,aAAKrF,SAAL,CAAekB,UAAf;EACD;;EAED,UAAI,CAAC,KAAKmB,YAAL,CAAkB,MAAlB,CAAL,EAAgC;EAC9B,aAAKnC,YAAL,CAAkB,MAAlB,EAA0B,SAA1B;EACD;;EAED,UAAI,CAAC,KAAKkC,KAAV,EAAiB;EACf,aAAKA,KAAL,GAAgBzB,mBAAmBnB,GAAnC,SAA0CR,YAA1C;EACD;;EAED,UAAMsG,QAAQ,KAAKxE,QAAL,CAAc,CAAd,CAAd;EACA,UAAIyE,cAAc,KAAlB;;EAEA,UAAID,KAAJ,EAAW;EACT,gBAAQA,MAAMd,OAAd;EACE,eAAK,IAAL;EACA,eAAK,IAAL;EACA,eAAK,IAAL;EACA,eAAK,IAAL;EACA,eAAK,IAAL;EACA,eAAK,IAAL;EACEe,0BAAc,IAAd;EACA;EARJ;;EAWA,YAAMC,aAAab,SAASc,aAAT,CAAuBH,MAAMd,OAA7B,CAAnB;EACA,aAAKO,MAAL,CAAYW,SAAZ,GAAwBJ,MAAMI,SAA9B;;EAEAF,mBAAWG,WAAX,CAAuB,KAAKZ,MAA5B;EACA,aAAKb,UAAL,CAAgByB,WAAhB,CAA4BH,UAA5B;EACD,OAjBD,MAiBO;EACL,aAAKT,MAAL,CAAYW,SAAZ,GAAwB,KAAKR,WAAL,CAAiBC,IAAjB,EAAxB;EACD;;EAED,UAAI,CAACI,WAAL,EAAkB;EAChBzC,gBAAQ8C,IAAR,CACKjF,mBAAmBnB,GADxB;EAGD;;EAED,UAAI4F,OAAOC,QAAX,EAAqB;EACnB,aAAKrF,SAAL,CAAee,OAAf,CAAuB,IAAvB,EAA6B,EAAEC,WAAW,IAAb,EAA7B;EACD;EACF;;;oCAEa6E,OAAO;EACnB,WAAKC,SAAL,CAAezG,aAAae,MAAb,CAAoBb,MAAnC,EAA2C;EACzCsD,gBAAQ,EAAEf,UAAU,CAAC,KAAKA,QAAlB;EADiC,OAA3C;EAGD;;;6BApEc;EACb,aAAO,KAAKO,YAAL,CAAkB,eAAlB,CAAP;EACD;2BAEY0D,KAAK;EAChBA,YAAMC,QAAQD,GAAR,CAAN;;EAEA,UAAIA,GAAJ,EAAS;EACP,aAAK7F,YAAL,CAAkB,eAAlB,EAAmC,IAAnC;EACA,aAAK6E,MAAL,CAAY7E,YAAZ,CAAyB,eAAzB,EAA0C,IAA1C;EACD,OAHD,MAGO;EACL,aAAKqC,eAAL,CAAqB,eAArB;EACA,aAAKwC,MAAL,CAAY7E,YAAZ,CAAyB,eAAzB,EAA0C,KAA1C;EACD;EACF;;;IA9E8BT;;MAuI3BmB;;;;6BAKO;EACT;EAOD;;;6BAKc;EACb,aAAO,0BAAP;EACD;;;6BAEiB;EAChB,aAAO,0BAAP;EACD;;;6BAEW;EACV,aAAO,KAAK0B,YAAL,CAAkB,QAAlB,CAAP;EACD;2BAESwC,IAAI;EACZ,UAAI,CAACA,EAAL,EAAS;EACP;EACD;;EAED,WAAK5E,YAAL,CAAkB,QAAlB,EAA4B4E,EAA5B;EACD;;;6BAnCoB;EACnB,aAAO,qBAAP;EACD;;;6BAWgB;EACf,aAAO,qBAAP;EACD;;;EAsBD,+BAAc;EAAA;EAAA,gIACNlE,iBADM;EAEb;;;;0CAEmB;EAClB;;EAEA,UAAI,CAAC,KAAKyB,YAAL,CAAkB,MAAlB,CAAL,EAAgC;EAC9B,aAAKnC,YAAL,CAAkB,MAAlB,EAA0B,QAA1B;EACD;;EAED,UAAI,CAAC,KAAKkC,KAAV,EAAiB;EACf,aAAKA,KAAL,GAAgBxB,kBAAkBpB,GAAlC,SAAyCR,YAAzC;EACD;EACF;;;6BAEc;EACb,aAAO,KAAKqD,YAAL,CAAkB,UAAlB,CAAP;EACD;2BAEY0D,KAAK;EAChB,UAAM1H,QAAQ2H,QAAQD,GAAR,CAAd;;EAEA,UAAI1H,KAAJ,EAAW;EACT,aAAK6B,YAAL,CAAkB,UAAlB,EAA8B,EAA9B;EACD,OAFD,MAEO;EACL,aAAKqC,eAAL,CAAqB,UAArB;EACD;EACF;;;IAlE6B9C;;EAqEhCA,UAAUwG,MAAV,CAAiBtF,kBAAjB;EACAlB,UAAUwG,MAAV,CAAiBrF,iBAAjB;EACAnB,UAAUwG,MAAV,CAAiB5G,YAAjB;;;;;;;;"} \ No newline at end of file diff --git a/elements/pfe-accordion/dist/pfe-accordion.umd.min.js b/elements/pfe-accordion/dist/pfe-accordion.umd.min.js new file mode 100644 index 0000000000..1c5da184a8 --- /dev/null +++ b/elements/pfe-accordion/dist/pfe-accordion.umd.min.js @@ -0,0 +1,2 @@ +!function(e,r){"object"==typeof exports&&"undefined"!=typeof module?module.exports=r(require("../../pfelement/dist/pfelement.umd")):"function"==typeof define&&define.amd?define(["../../pfelement/dist/pfelement.umd"],r):e.PfeAccordion=r(e.PFElement)}(this,function(e){"use strict";e=e&&e.hasOwnProperty("default")?e.default:e,Array.prototype.findIndex||Object.defineProperty(Array.prototype,"findIndex",{value:function(e,r){if(null==this)throw new TypeError('"this" is null or not defined');var t=Object(this),o=t.length>>>0;if("function"!=typeof e)throw new TypeError("predicate must be a function");for(var a=r,n=0;n:host([on=dark]){--pfe-broadcasted--text:var(--pfe-theme--color--text--on-dark, #fff);--pfe-broadcasted--link:var(--pfe-theme--color--link--on-dark, #99ccff);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover--on-dark, #cce6ff);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus--on-dark, #cce6ff);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited--on-dark, #b38cd9);--pfe-broadcasted--link-decoration:none;--pfe-broadcasted--link-decoration--hover:underline;--pfe-broadcasted--link-decoration--focus:underline;--pfe-broadcasted--link-decoration--visited:none}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host{color:#333!important;color:var(--pfe-theme--color--text,#333)!important}}:host([on=saturated]){--pfe-broadcasted--text:var(--pfe-theme--color--text--on-saturated, #fff);--pfe-broadcasted--link:var(--pfe-theme--color--link--on-saturated, #fff);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover--on-saturated, white);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus--on-saturated, white);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited--on-saturated, #b38cd9);--pfe-broadcasted--link-decoration:underline;--pfe-broadcasted--link-decoration--hover:underline;--pfe-broadcasted--link-decoration--focus:underline;--pfe-broadcasted--link-decoration--visited:underline}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host{color:#333!important;color:var(--pfe-theme--color--text,#333)!important}}:host([on=light]){--pfe-broadcasted--text:var(--pfe-theme--color--text, #333);--pfe-broadcasted--link:var(--pfe-theme--color--link, #06c);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover, #003366);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus, #003366);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited, rebeccapurple);--pfe-broadcasted--link-decoration:none;--pfe-broadcasted--link-decoration--hover:underline;--pfe-broadcasted--link-decoration--focus:underline;--pfe-broadcasted--link-decoration--visited:none}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host{color:#333!important;color:var(--pfe-theme--color--text,#333)!important}}:host{--pfe-accordion--BorderColor--accent:transparent;--pfe-accordion--BorderColor:var(--pfe-theme--color--surface--border, #d2d2d2);--pfe-accordion--BorderTopWidth:var(--pfe-theme--surface--border-width, 1px);--pfe-accordion--BorderRightWidth:0;--pfe-accordion--BorderBottomWidth:var(--pfe-theme--surface--border-width, 1px);--pfe-accordion--BorderLeftWidth:var(--pfe-theme--surface--border-width--heavy, 4px);--pfe-accordion--Color:var(--pfe-broadcasted--text, #333);--pfe-accordion--TextAlign:left;--pfe-accordion--base--Padding:var(--pfe-theme--container-spacer, 16px);--pfe-accordion--accent:var(--pfe-theme--color--ui-base, #0477a4);display:block;position:relative;overflow:hidden;margin:0;color:var(--pfe-accordion--Color)}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host{background-color:#fff!important;background-color:var(--pfe-theme--color--surface--lightest,#fff)!important;color:#333!important;color:var(--pfe-theme--color--text,#333)!important}}:host([on=dark]){--pfe-accordion--BorderColor--accent:transparent;--pfe-accordion--BorderColor:var(--pfe-theme--color--surface--border, #d2d2d2);--pfe-accordion--BorderTopWidth:var(--pfe-theme--surface--border-width, 1px);--pfe-accordion--BorderRightWidth:0;--pfe-accordion--BorderBottomWidth:var(--pfe-theme--surface--border-width, 1px);--pfe-accordion--BorderLeftWidth:var(--pfe-theme--surface--border-width--heavy, 4px);--pfe-accordion--Color:var(--pfe-broadcasted--text, #333);--pfe-accordion--TextAlign:left;--pfe-accordion--base--Padding:var(--pfe-theme--container-spacer, 16px);--pfe-accordion--accent:var(--pfe-theme--color--ui-base--on-dark, #78d7fc)}:host([on=saturated]){--pfe-accordion--BorderColor--accent:transparent;--pfe-accordion--BorderColor:var(--pfe-theme--color--surface--border, #d2d2d2);--pfe-accordion--BorderTopWidth:var(--pfe-theme--surface--border-width, 1px);--pfe-accordion--BorderRightWidth:0;--pfe-accordion--BorderBottomWidth:var(--pfe-theme--surface--border-width, 1px);--pfe-accordion--BorderLeftWidth:var(--pfe-theme--surface--border-width--heavy, 4px);--pfe-accordion--Color:var(--pfe-broadcasted--text, #333);--pfe-accordion--TextAlign:left;--pfe-accordion--base--Padding:var(--pfe-theme--container-spacer, 16px);--pfe-accordion--accent:var(--pfe-theme--color--ui-base--on-saturated, #fff)}:host([on=light]){--pfe-accordion--BorderColor--accent:transparent;--pfe-accordion--BorderColor:var(--pfe-theme--color--surface--border, #d2d2d2);--pfe-accordion--BorderTopWidth:var(--pfe-theme--surface--border-width, 1px);--pfe-accordion--BorderRightWidth:0;--pfe-accordion--BorderBottomWidth:var(--pfe-theme--surface--border-width, 1px);--pfe-accordion--BorderLeftWidth:var(--pfe-theme--surface--border-width--heavy, 4px);--pfe-accordion--Color:var(--pfe-broadcasted--text, #333);--pfe-accordion--TextAlign:left;--pfe-accordion--base--Padding:var(--pfe-theme--container-spacer, 16px);--pfe-accordion--accent:var(--pfe-theme--color--ui-base, #0477a4)}:host([pfe-disclosure=true]){--pfe-accordion--BorderRightWidth:var(--pfe-theme--surface--border-width, 1px);--pfe-accordion--BorderLeftWidth:var(--pfe-theme--surface--border-width, 1px);--pfe-accordion--BorderColor--accent:var(--pfe-theme--color--surface--border, #d2d2d2)}\n/*# sourceMappingURL=pfe-accordion.min.css.map */\n"}},{key:"styleUrl",get:function(){return"pfe-accordion.scss"}},{key:"templateUrl",get:function(){return"pfe-accordion.html"}},{key:"schemaUrl",get:function(){return"pfe-accordion.json"}}],[{key:"version",get:function(){return"1.0.0-prerelease.50"}},{key:"properties",get:function(){return{}}},{key:"slots",get:function(){return{default:{title:"Default",type:"array",namedSlot:!1,items:{oneOf:[{$ref:"pfe-accordion-header"},{$ref:"pfe-accordion-panel"}]}}}}},{key:"tag",get:function(){return"pfe-accordion"}},{key:"cascadingAttributes",get:function(){return{on:"pfe-accordion-header, pfe-accordion-panel"}}},{key:"events",get:function(){return{change:this.tag+":change"}}},{key:"PfeType",get:function(){return e.PfeTypes.Container}},{key:"observedAttributes",get:function(){return["pfe-disclosure"]}}]),t(f,[{key:"connectedCallback",value:function(){var e=this;i(f.prototype.__proto__||Object.getPrototypeOf(f.prototype),"connectedCallback",this).call(this),this.setAttribute("role","tablist"),this.setAttribute("defined",""),this.addEventListener(f.events.change,this._changeHandler),this.addEventListener("keydown",this._keydownHandler),Promise.all([customElements.whenDefined(p.tag),customElements.whenDefined(h.tag)]).then(function(){e.children.length&&e._linkPanels(),e._observer.observe(e,{childList:!0})})}},{key:"disconnectedCallback",value:function(){this.removeEventListener(f.events.change,this._changeHandler),this.removeEventListener("keydown",this._keydownHandler),this._observer.disconnect()}},{key:"attributeChangedCallback",value:function(e,r,t){i(f.prototype.__proto__||Object.getPrototypeOf(f.prototype),"attributeChangedCallback",this).call(this,e,r,t),"pfe-disclosure"===e&&("true"===t?(this._allHeaders().forEach(function(e){return e.setAttribute("pfe-disclosure","true")}),this._allPanels().forEach(function(e){return e.setAttribute("pfe-disclosure","true")})):(this._allHeaders().forEach(function(e){return e.setAttribute("pfe-disclosure","false")}),this._allPanels().forEach(function(e){return e.setAttribute("pfe-disclosure","false")})))}},{key:"toggle",value:function(e){var r=this._allHeaders(),t=this._allPanels(),o=r[e],a=t[e];o&&a&&(o.expanded?(this._collapseHeader(o),this._collapsePanel(a)):(this._expandHeader(o),this._expandPanel(a)))}},{key:"expand",value:function(e){var r=this._allHeaders(),t=this._allPanels(),o=r[e],a=t[e];o&&a&&(this._expandHeader(o),this._expandPanel(a))}},{key:"expandAll",value:function(){var r=this,e=this._allHeaders(),t=this._allPanels();e.forEach(function(e){return r._expandHeader(e)}),t.forEach(function(e){return r._expandPanel(e)})}},{key:"collapse",value:function(e){var r=this._allHeaders(),t=this._allPanels(),o=r[e],a=t[e];o&&a&&(this._collapseHeader(o),this._collapsePanel(a))}},{key:"collapseAll",value:function(){var r=this,e=this._allHeaders(),t=this._allPanels();e.forEach(function(e){return r._collapseHeader(e)}),t.forEach(function(e){return r._collapsePanel(e)})}},{key:"_linkPanels",value:function(){var t=this,e=this._allHeaders();if(e.forEach(function(e){var r=t._panelForHeader(e);r&&(e.setAttribute("aria-controls",r.pfeId),r.setAttribute("aria-labelledby",e.pfeId))}),1===e.length){if(this.hasAttribute("pfe-disclosure")&&"false"===this.getAttribute("pfe-disclosure"))return;this.setAttribute("pfe-disclosure","true")}1:host{-webkit-transition:-webkit-transform .3s cubic-bezier(.465,.183,.153,.946);transition:-webkit-transform .3s cubic-bezier(.465,.183,.153,.946);transition:transform .3s cubic-bezier(.465,.183,.153,.946);transition:transform .3s cubic-bezier(.465,.183,.153,.946),-webkit-transform .3s cubic-bezier(.465,.183,.153,.946);-webkit-transition:-webkit-transform .3s var(--pfe-theme--animation-timing,cubic-bezier(.465,.183,.153,.946));transition:-webkit-transform .3s var(--pfe-theme--animation-timing,cubic-bezier(.465,.183,.153,.946));transition:transform .3s var(--pfe-theme--animation-timing,cubic-bezier(.465,.183,.153,.946));transition:transform .3s var(--pfe-theme--animation-timing,cubic-bezier(.465,.183,.153,.946)),-webkit-transform .3s var(--pfe-theme--animation-timing,cubic-bezier(.465,.183,.153,.946));display:block}:host>*{margin:0}button{--pfe-accordion--BorderBottomWidth:0;--pfe-accordion--Trigger--padding:var(--pfe-accordion--base--Padding) 50px var(--pfe-accordion--base--Padding) calc(var(--pfe-accordion--base--Padding) * 1.5)!important;margin:0;width:100%;width:var(--pfe-accordion--Width,100%);max-width:100%;height:auto;position:relative;background-color:transparent;background-color:var(--pfe-accordion--BackgroundColor,transparent);color:var(--pfe-accordion--Color);border-top:1px solid #d2d2d2;border-top:var(--pfe-accordion--BorderTopWidth,var(--pfe-theme--surface--border-width,1px)) var(--pfe-theme--surface--border-style,solid) var(--pfe-accordion--BorderColor,var(--pfe-theme--color--surface--border,#d2d2d2));border-right:1px solid transparent;border-right:var(--pfe-accordion--BorderRightWidth,var(--pfe-theme--surface--border-width,1px)) var(--pfe-theme--surface--border-style,solid) var(--pfe-accordion--BorderColor,transparent);border-bottom:1px solid #d2d2d2;border-bottom:var(--pfe-accordion--BorderBottomWidth,var(--pfe-theme--surface--border-width,1px)) var(--pfe-theme--surface--border-style,solid) var(--pfe-accordion--BorderColor,var(--pfe-theme--color--surface--border,#d2d2d2));border-left:4px solid transparent;border-left:var(--pfe-accordion--BorderLeftWidth,var(--pfe-theme--surface--border-width--heavy,4px)) var(--pfe-theme--surface--border-style,solid) var(--pfe-accordion--BorderColor--accent,transparent);-webkit-box-shadow:var(--pfe-accordion--BoxShadow);box-shadow:var(--pfe-accordion--BoxShadow);cursor:pointer;z-index:1;font-family:inherit;font-size:calc(16px * 1.1);font-size:var(--pfe-accordion--FontSize--header,calc(var(--pfe-theme--font-size,16px) * 1.1));font-weight:700;font-weight:var(--pfe-theme--font-weight--bold,700);text-align:left;text-align:var(--pfe-accordion--TextAlign,left);line-height:1.5;line-height:var(--pfe-theme--line-height,1.5);padding:var(--pfe-accordion--Trigger--padding)}button:hover{--pfe-accordion--BorderColor--accent:var(--pfe-accordion--accent)}button:hover{outline:0;z-index:2}button:focus{outline:0;z-index:2;text-decoration:underline}button::-moz-focus-inner{border:0}@supports (-ms-ime-align:auto){button{text-align:left}}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){button{padding:16px 24px}button:hover{border-left-color:#0477a4;border-left-color:var(--pfe-theme--color--ui-base,#0477a4)}}:host(:not([pfe-disclosure=true])) button[aria-expanded=true]::after{content:"";position:absolute;top:calc(16px + .4em);top:calc(var(--pfe-theme--container-spacer,16px) + .4em);display:block;border-style:solid;border-style:var(--pfe-theme--surface--border-style,solid);height:.4em;width:.4em;-webkit-transition:-webkit-transform .15s;transition:-webkit-transform .15s;transition:transform .15s;transition:transform .15s,-webkit-transform .15s;border-width:.1em .1em 0 0;border-bottom:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);top:calc(16px + .4em);top:calc(var(--pfe-theme--container-spacer,16px) + .4em);right:calc(16px * 1.5);right:calc(var(--pfe-theme--container-spacer,16px) * 1.5)}:host(:not([pfe-disclosure=true])) button[aria-expanded=false]::after{content:"";position:absolute;top:calc(16px + .4em);top:calc(var(--pfe-theme--container-spacer,16px) + .4em);display:block;border-style:solid;border-style:var(--pfe-theme--surface--border-style,solid);height:.4em;width:.4em;-webkit-transition:-webkit-transform .15s;transition:-webkit-transform .15s;transition:transform .15s;transition:transform .15s,-webkit-transform .15s;border-width:0 .1em .1em 0;-webkit-transform:rotate(45deg);transform:rotate(45deg);right:calc(16px * 1.5);right:calc(var(--pfe-theme--container-spacer,16px) * 1.5)}:host(:last-of-type) button:not([aria-expanded=true]){--pfe-accordion--BorderBottomWidth:var(--pfe-theme--surface--border-width, 1px)}:host(:last-of-type.animating) button{--pfe-accordion--BorderBottomWidth:0}button[aria-expanded=true]{--pfe-accordion--BorderColor:var(--pfe-theme--color--surface--border, #d2d2d2);--pfe-accordion--BorderRightWidth:var(--pfe-theme--surface--border-width, 1px);--pfe-accordion--BorderLeftWidth:var(--pfe-theme--surface--border-width--heavy, 4px);--pfe-accordion--BackgroundColor:white;--pfe-accordion--Color:var(--pfe-theme--color--text, #333);--pfe-accordion--BorderColor--accent:var(--pfe-theme--color--ui-base, #0477a4)}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){button[aria-expanded=true]{border-bottom-width:0;border-left-color:#0477a4;border-left-color:var(--pfe-theme--color--ui-base,#0477a4);border-right-color:#d2d2d2;border-right-color:var(--pfe-theme--color--surface--border,#d2d2d2)}}:host([on=dark]) button[aria-expanded=true]{--pfe-accordion--BorderColor:var(--pfe-theme--color--surface--border, #d2d2d2);--pfe-accordion--BorderRightWidth:var(--pfe-theme--surface--border-width, 1px);--pfe-accordion--BorderLeftWidth:var(--pfe-theme--surface--border-width--heavy, 4px);--pfe-accordion--BackgroundColor:rgba(247, 247, 249, 0.1);--pfe-accordion--Color:var(--pfe-broadcasted--text, #333);--pfe-accordion--BorderColor--accent:var(--pfe-theme--color--ui-base--on-dark, #78d7fc)}:host([on=saturated]) button[aria-expanded=true]{--pfe-accordion--BorderColor:var(--pfe-theme--color--surface--border, #d2d2d2);--pfe-accordion--BorderRightWidth:var(--pfe-theme--surface--border-width, 1px);--pfe-accordion--BorderLeftWidth:var(--pfe-theme--surface--border-width--heavy, 4px);--pfe-accordion--BackgroundColor:rgba(0, 0, 0, 0.2);--pfe-accordion--Color:var(--pfe-broadcasted--text, #333);--pfe-accordion--BorderColor--accent:var(--pfe-theme--color--ui-base--on-saturated, #fff)}:host([on=light]) button[aria-expanded=true]{--pfe-broadcasted--text:var(--pfe-theme--color--text, #333);--pfe-broadcasted--link:var(--pfe-theme--color--link, #06c);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover, #003366);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus, #003366);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited, rebeccapurple);--pfe-broadcasted--link-decoration:none;--pfe-broadcasted--link-decoration--hover:underline;--pfe-broadcasted--link-decoration--focus:underline;--pfe-broadcasted--link-decoration--visited:none;--theme:light}:host([pfe-disclosure=true]) button{--pfe-accordion--Trigger--padding:var(--pfe-accordion--base--Padding) calc(var(--pfe-accordion--base--Padding) * 1.5) var(--pfe-accordion--base--Padding) calc((var(--pfe-accordion--base--Padding) * 3) + 2px)!important}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host([pfe-disclosure=true]) button{padding:16px 24px 16px 47px;border-right-color:#d2d2d2;border-right-color:var(--pfe-theme--color--surface--border,#d2d2d2);border-left-color:#d2d2d2;border-left-color:var(--pfe-theme--color--surface--border,#d2d2d2);border-left-width:1px;border-left-width:var(--pfe-theme--surface--border-width,1px)}}:host([pfe-disclosure=true]) button[aria-expanded=true]{padding-left:calc((16px * 3) - 1px)!important;padding-left:calc((var(--pfe-theme--container-spacer,16px) * 3) - 1px)!important;border-left-width:4px;border-left-width:var(--pfe-theme--surface--border-width--heavy,4px)}:host([pfe-disclosure=true]) button[aria-expanded=true]::before{content:"";position:absolute;top:calc(16px + .4em);top:calc(var(--pfe-theme--container-spacer,16px) + .4em);display:block;border-style:solid;border-style:var(--pfe-theme--surface--border-style,solid);height:.4em;width:.4em;-webkit-transition:-webkit-transform .15s;transition:-webkit-transform .15s;transition:transform .15s;transition:transform .15s,-webkit-transform .15s;border-width:.1em .1em 0 0;border-bottom:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);top:calc(16px + .4em);top:calc(var(--pfe-theme--container-spacer,16px) + .4em);left:calc(16px * 1.5);left:calc(var(--pfe-theme--container-spacer,16px) * 1.5);top:calc(16px + .25em);top:calc(var(--pfe-theme--container-spacer,16px) + .25em);-webkit-transform:rotate(135deg);transform:rotate(135deg);left:calc(16px * 1.3125);left:calc(var(--pfe-theme--container-spacer,16px) * 1.3125)}:host([pfe-disclosure=true]) button[aria-expanded=false]::before{content:"";position:absolute;top:calc(16px + .4em);top:calc(var(--pfe-theme--container-spacer,16px) + .4em);display:block;border-style:solid;border-style:var(--pfe-theme--surface--border-style,solid);height:.4em;width:.4em;-webkit-transition:-webkit-transform .15s;transition:-webkit-transform .15s;transition:transform .15s;transition:transform .15s,-webkit-transform .15s;border-width:0 .1em .1em 0;-webkit-transform:rotate(45deg);transform:rotate(45deg);left:calc(16px * 1.5);left:calc(var(--pfe-theme--container-spacer,16px) * 1.5);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}:host([pfe-disclosure=true]) button:hover{padding-left:calc((16px * 3) - 1px)!important;padding-left:calc((var(--pfe-theme--container-spacer,16px) * 3) - 1px)!important;--pfe-accordion--BorderLeftWidth:var(--pfe-theme--surface--border-width--heavy, 4px)}:host([pfe-disclosure=true]) button:hover::before{left:calc(16px * 1.3125);left:calc(var(--pfe-theme--container-spacer,16px) * 1.3125)}:host([pfe-disclosure=true].animating){--pfe-accordion--BorderLeftWidth:var(--pfe-theme--surface--border-width--heavy, 4px);--pfe-accordion--BorderColor--accent:var(--pfe-theme--color--ui-base, #0477a4)}:host([pfe-disclosure=true].animating) button{padding-left:calc((16px * 3) - 1px)!important;padding-left:calc((var(--pfe-theme--container-spacer,16px) * 3) - 1px)!important}:host([pfe-disclosure=true].animating) button::before{left:calc(16px * 1.3125);left:calc(var(--pfe-theme--container-spacer,16px) * 1.3125)}:host([pfe-disclosure=true][on=dark].animating){--pfe-accordion--BorderColor:var(--pfe-theme--color--surface--border, #d2d2d2);--pfe-accordion--BorderRightWidth:var(--pfe-theme--surface--border-width, 1px);--pfe-accordion--BorderLeftWidth:var(--pfe-theme--surface--border-width--heavy, 4px);--pfe-accordion--BackgroundColor:rgba(247, 247, 249, 0.1);--pfe-accordion--Color:var(--pfe-broadcasted--text, #333);--pfe-accordion--BorderColor--accent:var(--pfe-theme--color--ui-base--on-dark, #78d7fc)}:host([pfe-disclosure=true][on=saturated].animating){--pfe-accordion--BorderColor:var(--pfe-theme--color--surface--border, #d2d2d2);--pfe-accordion--BorderRightWidth:var(--pfe-theme--surface--border-width, 1px);--pfe-accordion--BorderLeftWidth:var(--pfe-theme--surface--border-width--heavy, 4px);--pfe-accordion--BackgroundColor:rgba(0, 0, 0, 0.2);--pfe-accordion--Color:var(--pfe-broadcasted--text, #333);--pfe-accordion--BorderColor--accent:var(--pfe-theme--color--ui-base--on-saturated, #fff)}:host([pfe-disclosure=true][on=light].animating){--pfe-broadcasted--text:var(--pfe-theme--color--text, #333);--pfe-broadcasted--link:var(--pfe-theme--color--link, #06c);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover, #003366);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus, #003366);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited, rebeccapurple);--pfe-broadcasted--link-decoration:none;--pfe-broadcasted--link-decoration--hover:underline;--pfe-broadcasted--link-decoration--focus:underline;--pfe-broadcasted--link-decoration--visited:none;--theme:light}\n/*# sourceMappingURL=pfe-accordion-header.min.css.map */\n'}},{key:"styleUrl",get:function(){return"pfe-accordion-header.scss"}},{key:"templateUrl",get:function(){return"pfe-accordion-header.html"}},{key:"pfeId",get:function(){return this.getAttribute("pfe-id")},set:function(e){e&&this.setAttribute("pfe-id",e)}}],[{key:"version",get:function(){return"1.0.0-prerelease.50"}},{key:"tag",get:function(){return"pfe-accordion-header"}},{key:"observedAttributes",get:function(){return["aria-expanded"]}}]),t(l,[{key:"connectedCallback",value:function(){i(l.prototype.__proto__||Object.getPrototypeOf(l.prototype),"connectedCallback",this).call(this),(this.children.length||this.textContent.trim().length)&&this._init(),this.addEventListener("click",this._clickHandler),this._observer.observe(this,{childList:!0})}},{key:"disconnectedCallback",value:function(){this.removeEventListener("click",this._clickHandler),this._observer.disconnect()}},{key:"_init",value:function(){window.ShadyCSS&&this._observer.disconnect(),this.hasAttribute("role")||this.setAttribute("role","heading"),this.pfeId||(this.pfeId=l.tag+"-"+c());var e=this.children[0],r=!1;if(e){switch(e.tagName){case"H1":case"H2":case"H3":case"H4":case"H5":case"H6":r=!0}var t=document.createElement(e.tagName);this.button.innerText=e.innerText,t.appendChild(this.button),this.shadowRoot.appendChild(t)}else this.button.innerText=this.textContent.trim();r||console.warn(l.tag+": The first child in the light DOM must be a Header level tag (h1, h2, h3, h4, h5, or h6)"),window.ShadyCSS&&this._observer.observe(this,{childList:!0})}},{key:"_clickHandler",value:function(e){this.emitEvent(s.events.change,{detail:{expanded:!this.expanded}})}},{key:"expanded",get:function(){return this.hasAttribute("aria-expanded")},set:function(e){(e=Boolean(e))?(this.setAttribute("aria-expanded",!0),this.button.setAttribute("aria-expanded",!0)):(this.removeAttribute("aria-expanded"),this.button.setAttribute("aria-expanded",!1))}}]),l);function l(){r(this,l);var e=n(this,(l.__proto__||Object.getPrototypeOf(l)).call(this,l));return e.button=e.shadowRoot.querySelector("button"),e._init=e._init.bind(e),e._clickHandler=e._clickHandler.bind(e),e._observer=new MutationObserver(e._init),e}var h=(a(u,e),t(u,[{key:"html",get:function(){return'
\n
\n \n
\n
'}},{key:"styleUrl",get:function(){return"pfe-accordion-panel.scss"}},{key:"templateUrl",get:function(){return"pfe-accordion-panel.html"}},{key:"pfeId",get:function(){return this.getAttribute("pfe-id")},set:function(e){e&&this.setAttribute("pfe-id",e)}}],[{key:"version",get:function(){return"1.0.0-prerelease.50"}},{key:"tag",get:function(){return"pfe-accordion-panel"}}]),t(u,[{key:"connectedCallback",value:function(){i(u.prototype.__proto__||Object.getPrototypeOf(u.prototype),"connectedCallback",this).call(this),this.hasAttribute("role")||this.setAttribute("role","region"),this.pfeId||(this.pfeId=u.tag+"-"+c())}},{key:"expanded",get:function(){return this.hasAttribute("expanded")},set:function(e){Boolean(e)?this.setAttribute("expanded",""):this.removeAttribute("expanded")}}]),u);function u(){return r(this,u),n(this,(u.__proto__||Object.getPrototypeOf(u)).call(this,u))}return e.create(p),e.create(h),e.create(s),s}); +//# sourceMappingURL=pfe-accordion.umd.min.js.map diff --git a/elements/pfe-accordion/dist/pfe-accordion.umd.min.js.map b/elements/pfe-accordion/dist/pfe-accordion.umd.min.js.map new file mode 100644 index 0000000000..e0c6f3d12d --- /dev/null +++ b/elements/pfe-accordion/dist/pfe-accordion.umd.min.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-accordion.umd.min.js","sources":["../_temp/polyfills--pfe-accordion.js","../_temp/pfe-accordion.umd.js"],"sourcesContent":["// @POLYFILL Array.prototype.findIndex\n// https://tc39.github.io/ecma262/#sec-array.prototype.findIndex\nif (!Array.prototype.findIndex) {\n Object.defineProperty(Array.prototype, \"findIndex\", {\n value: function(predicate) {\n // 1. Let O be ? ToObject(this value).\n if (this == null) {\n throw new TypeError('\"this\" is null or not defined');\n }\n\n var o = Object(this);\n\n // 2. Let len be ? ToLength(? Get(O, \"length\")).\n var len = o.length >>> 0;\n\n // 3. If IsCallable(predicate) is false, throw a TypeError exception.\n if (typeof predicate !== \"function\") {\n throw new TypeError(\"predicate must be a function\");\n }\n\n // 4. If thisArg was supplied, let T be thisArg; else let T be undefined.\n var thisArg = arguments[1];\n\n // 5. Let k be 0.\n var k = 0;\n\n // 6. Repeat, while k < len\n while (k < len) {\n // a. Let Pk be ! ToString(k).\n // b. Let kValue be ? Get(O, Pk).\n // c. Let testResult be ToBoolean(? Call(predicate, T, « kValue, k, O »)).\n // d. If testResult is true, return k.\n var kValue = o[k];\n if (predicate.call(thisArg, kValue, k, o)) {\n return k;\n }\n // e. Increase k by 1.\n k++;\n }\n\n // 7. Return -1.\n return -1;\n }\n });\n}\n","/*!\n * PatternFly Elements: PfeAccordion 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\n// Import polyfills: findIndex\nimport \"./polyfills--pfe-accordion.js\";\n\nimport PFElement from \"../../pfelement/dist/pfelement.umd\";\n\nfunction generateId() {\n return Math.random()\n .toString(36)\n .substr(2, 9);\n}\n\nclass PfeAccordion extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return ``;\n }\n\n static get properties() {\n return {};\n }\n\n static get slots() {\n return {\"default\":{\"title\":\"Default\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"pfe-accordion-header\"},{\"$ref\":\"pfe-accordion-panel\"}]}}};\n }\n static get tag() {\n return \"pfe-accordion\";\n }\n\n get styleUrl() {\n return \"pfe-accordion.scss\";\n }\n\n get templateUrl() {\n return \"pfe-accordion.html\";\n }\n\n get schemaUrl() {\n return \"pfe-accordion.json\";\n }\n\n static get cascadingAttributes() {\n return {\n on: \"pfe-accordion-header, pfe-accordion-panel\"\n };\n }\n\n static get events() {\n return {\n change: `${this.tag}:change`\n };\n }\n\n // Declare the type of this component\n static get PfeType() {\n return PFElement.PfeTypes.Container;\n }\n\n static get observedAttributes() {\n return [\"pfe-disclosure\"];\n }\n\n constructor() {\n super(PfeAccordion, { type: PfeAccordion.PfeType });\n\n this._linkPanels = this._linkPanels.bind(this);\n this._observer = new MutationObserver(this._linkPanels);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this.setAttribute(\"role\", \"tablist\");\n this.setAttribute(\"defined\", \"\");\n\n this.addEventListener(PfeAccordion.events.change, this._changeHandler);\n this.addEventListener(\"keydown\", this._keydownHandler);\n\n Promise.all([\n customElements.whenDefined(PfeAccordionHeader.tag),\n customElements.whenDefined(PfeAccordionPanel.tag)\n ]).then(() => {\n if (this.children.length) {\n this._linkPanels();\n }\n\n this._observer.observe(this, { childList: true });\n });\n }\n\n disconnectedCallback() {\n this.removeEventListener(PfeAccordion.events.change, this._changeHandler);\n this.removeEventListener(\"keydown\", this._keydownHandler);\n this._observer.disconnect();\n }\n\n attributeChangedCallback(attr, oldVal, newVal) {\n super.attributeChangedCallback(attr, oldVal, newVal);\n\n if (attr === \"pfe-disclosure\") {\n if (newVal === \"true\") {\n this._allHeaders().forEach(header =>\n header.setAttribute(\"pfe-disclosure\", \"true\")\n );\n this._allPanels().forEach(panel =>\n panel.setAttribute(\"pfe-disclosure\", \"true\")\n );\n } else {\n this._allHeaders().forEach(header =>\n header.setAttribute(\"pfe-disclosure\", \"false\")\n );\n this._allPanels().forEach(panel =>\n panel.setAttribute(\"pfe-disclosure\", \"false\")\n );\n }\n }\n }\n\n toggle(index) {\n const headers = this._allHeaders();\n const panels = this._allPanels();\n const header = headers[index];\n const panel = panels[index];\n\n if (!header || !panel) {\n return;\n }\n\n if (!header.expanded) {\n this._expandHeader(header);\n this._expandPanel(panel);\n } else {\n this._collapseHeader(header);\n this._collapsePanel(panel);\n }\n }\n\n expand(index) {\n const headers = this._allHeaders();\n const panels = this._allPanels();\n const header = headers[index];\n const panel = panels[index];\n\n if (!header || !panel) {\n return;\n }\n\n this._expandHeader(header);\n this._expandPanel(panel);\n }\n\n expandAll() {\n const headers = this._allHeaders();\n const panels = this._allPanels();\n\n headers.forEach(header => this._expandHeader(header));\n panels.forEach(panel => this._expandPanel(panel));\n }\n\n collapse(index) {\n const headers = this._allHeaders();\n const panels = this._allPanels();\n const header = headers[index];\n const panel = panels[index];\n\n if (!header || !panel) {\n return;\n }\n\n this._collapseHeader(header);\n this._collapsePanel(panel);\n }\n\n collapseAll() {\n const headers = this._allHeaders();\n const panels = this._allPanels();\n\n headers.forEach(header => this._collapseHeader(header));\n panels.forEach(panel => this._collapsePanel(panel));\n }\n\n _linkPanels() {\n const headers = this._allHeaders();\n headers.forEach(header => {\n const panel = this._panelForHeader(header);\n\n if (!panel) {\n return;\n }\n\n header.setAttribute(\"aria-controls\", panel.pfeId);\n panel.setAttribute(\"aria-labelledby\", header.pfeId);\n });\n\n if (headers.length === 1) {\n if (\n this.hasAttribute(\"pfe-disclosure\") &&\n this.getAttribute(\"pfe-disclosure\") === \"false\"\n ) {\n return;\n }\n\n this.setAttribute(\"pfe-disclosure\", \"true\");\n }\n\n if (headers.length > 1) {\n if (this.hasAttribute(\"pfe-disclosure\")) {\n this.removeAttribute(\"pfe-disclosure\");\n }\n }\n }\n\n _changeHandler(evt) {\n if (this.classList.contains(\"animating\")) {\n return;\n }\n\n const header = evt.target;\n const panel = evt.target.nextElementSibling;\n\n if (evt.detail.expanded) {\n this._expandHeader(header);\n this._expandPanel(panel);\n } else {\n this._collapseHeader(header);\n this._collapsePanel(panel);\n }\n }\n\n _toggle(header, panel) {}\n\n _expandHeader(header) {\n header.expanded = true;\n }\n\n _expandPanel(panel) {\n if (!panel) {\n console.error(\n `${PfeAccordion.tag}: Trying to expand a panel that doesn't exist`\n );\n return;\n }\n\n if (panel.expanded) {\n return;\n }\n\n panel.expanded = true;\n\n const height = panel.getBoundingClientRect().height;\n this._animate(panel, 0, height);\n }\n\n _collapseHeader(header) {\n header.expanded = false;\n }\n\n _collapsePanel(panel) {\n if (!panel) {\n console.error(\n `${PfeAccordion.tag}: Trying to collapse a panel that doesn't exist`\n );\n return;\n }\n\n if (!panel.expanded) {\n return;\n }\n\n const height = panel.getBoundingClientRect().height;\n panel.expanded = false;\n\n this._animate(panel, height, 0);\n }\n\n _animate(panel, start, end) {\n if (panel) {\n const header = panel.previousElementSibling;\n if (header) {\n header.classList.add(\"animating\");\n }\n panel.classList.add(\"animating\");\n panel.style.height = `${start}px`;\n\n requestAnimationFrame(() => {\n requestAnimationFrame(() => {\n panel.style.height = `${end}px`;\n panel.addEventListener(\"transitionend\", this._transitionEndHandler);\n });\n });\n }\n }\n\n _keydownHandler(evt) {\n const currentHeader = evt.target;\n\n if (!this._isHeader(currentHeader)) {\n return;\n }\n\n let newHeader;\n\n switch (evt.key) {\n case \"ArrowDown\":\n case \"Down\":\n case \"ArrowRight\":\n case \"Right\":\n newHeader = this._nextHeader();\n break;\n case \"ArrowUp\":\n case \"Up\":\n case \"ArrowLeft\":\n case \"Left\":\n newHeader = this._previousHeader();\n break;\n case \"Home\":\n newHeader = this._firstHeader();\n break;\n case \"End\":\n newHeader = this._lastHeader();\n break;\n default:\n return;\n }\n\n newHeader.shadowRoot.querySelector(\"button\").focus();\n }\n\n _transitionEndHandler(evt) {\n const header = evt.target.previousElementSibling;\n if (header) {\n header.classList.remove(\"animating\");\n }\n evt.target.style.height = \"\";\n evt.target.classList.remove(\"animating\");\n evt.target.removeEventListener(\"transitionend\", this._transitionEndHandler);\n }\n\n _allHeaders() {\n return [...this.querySelectorAll(PfeAccordionHeader.tag)];\n }\n\n _allPanels() {\n return [...this.querySelectorAll(PfeAccordionPanel.tag)];\n }\n\n _panelForHeader(header) {\n const next = header.nextElementSibling;\n\n if (!next) {\n return;\n }\n\n if (next.tagName.toLowerCase() !== PfeAccordionPanel.tag) {\n console.error(\n `${PfeAccordion.tag}: Sibling element to a header needs to be a panel`\n );\n return;\n }\n\n return next;\n }\n\n _previousHeader() {\n const headers = this._allHeaders();\n let newIndex =\n headers.findIndex(header => header === document.activeElement) - 1;\n return headers[(newIndex + headers.length) % headers.length];\n }\n\n _nextHeader() {\n const headers = this._allHeaders();\n let newIndex =\n headers.findIndex(header => header === document.activeElement) + 1;\n return headers[newIndex % headers.length];\n }\n\n _firstHeader() {\n const headers = this._allHeaders();\n return headers[0];\n }\n\n _lastHeader() {\n const headers = this._allHeaders();\n return headers[headers.length - 1];\n }\n\n _isHeader(element) {\n return element.tagName.toLowerCase() === PfeAccordionHeader.tag;\n }\n}\n\nclass PfeAccordionHeader extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return ``;\n }\n static get tag() {\n return \"pfe-accordion-header\";\n }\n\n get styleUrl() {\n return \"pfe-accordion-header.scss\";\n }\n\n get templateUrl() {\n return \"pfe-accordion-header.html\";\n }\n\n get pfeId() {\n return this.getAttribute(\"pfe-id\");\n }\n\n set pfeId(id) {\n if (!id) {\n return;\n }\n\n this.setAttribute(\"pfe-id\", id);\n }\n\n static get observedAttributes() {\n return [\"aria-expanded\"];\n }\n\n constructor() {\n super(PfeAccordionHeader);\n\n this.button = this.shadowRoot.querySelector(\"button\");\n\n this._init = this._init.bind(this);\n this._clickHandler = this._clickHandler.bind(this);\n this._observer = new MutationObserver(this._init);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n if (this.children.length || this.textContent.trim().length) {\n this._init();\n }\n\n this.addEventListener(\"click\", this._clickHandler);\n this._observer.observe(this, { childList: true });\n }\n\n disconnectedCallback() {\n this.removeEventListener(\"click\", this._clickHandler);\n this._observer.disconnect();\n }\n\n get expanded() {\n return this.hasAttribute(\"aria-expanded\");\n }\n\n set expanded(val) {\n val = Boolean(val);\n\n if (val) {\n this.setAttribute(\"aria-expanded\", true);\n this.button.setAttribute(\"aria-expanded\", true);\n } else {\n this.removeAttribute(\"aria-expanded\");\n this.button.setAttribute(\"aria-expanded\", false);\n }\n }\n\n _init() {\n if (window.ShadyCSS) {\n this._observer.disconnect();\n }\n\n if (!this.hasAttribute(\"role\")) {\n this.setAttribute(\"role\", \"heading\");\n }\n\n if (!this.pfeId) {\n this.pfeId = `${PfeAccordionHeader.tag}-${generateId()}`;\n }\n\n const child = this.children[0];\n let isHeaderTag = false;\n\n if (child) {\n switch (child.tagName) {\n case \"H1\":\n case \"H2\":\n case \"H3\":\n case \"H4\":\n case \"H5\":\n case \"H6\":\n isHeaderTag = true;\n break;\n }\n\n const wrapperTag = document.createElement(child.tagName);\n this.button.innerText = child.innerText;\n\n wrapperTag.appendChild(this.button);\n this.shadowRoot.appendChild(wrapperTag);\n } else {\n this.button.innerText = this.textContent.trim();\n }\n\n if (!isHeaderTag) {\n console.warn(\n `${PfeAccordionHeader.tag}: The first child in the light DOM must be a Header level tag (h1, h2, h3, h4, h5, or h6)`\n );\n }\n\n if (window.ShadyCSS) {\n this._observer.observe(this, { childList: true });\n }\n }\n\n _clickHandler(event) {\n this.emitEvent(PfeAccordion.events.change, {\n detail: { expanded: !this.expanded }\n });\n }\n}\n\nclass PfeAccordionPanel extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return `
\n
\n \n
\n
`;\n }\n static get tag() {\n return \"pfe-accordion-panel\";\n }\n\n get styleUrl() {\n return \"pfe-accordion-panel.scss\";\n }\n\n get templateUrl() {\n return \"pfe-accordion-panel.html\";\n }\n\n get pfeId() {\n return this.getAttribute(\"pfe-id\");\n }\n\n set pfeId(id) {\n if (!id) {\n return;\n }\n\n this.setAttribute(\"pfe-id\", id);\n }\n\n constructor() {\n super(PfeAccordionPanel);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n if (!this.hasAttribute(\"role\")) {\n this.setAttribute(\"role\", \"region\");\n }\n\n if (!this.pfeId) {\n this.pfeId = `${PfeAccordionPanel.tag}-${generateId()}`;\n }\n }\n\n get expanded() {\n return this.hasAttribute(\"expanded\");\n }\n\n set expanded(val) {\n const value = Boolean(val);\n\n if (value) {\n this.setAttribute(\"expanded\", \"\");\n } else {\n this.removeAttribute(\"expanded\");\n }\n }\n}\n\nPFElement.create(PfeAccordionHeader);\nPFElement.create(PfeAccordionPanel);\nPFElement.create(PfeAccordion);\n\nexport { PfeAccordion as default };\n"],"names":["Array","prototype","findIndex","defineProperty","predicate","this","TypeError","o","Object","len","length","thisArg","k","kValue","call","generateId","Math","random","toString","substr","PfeAccordion","PFElement","default","title","type","namedSlot","items","oneOf","$ref","tag","PfeTypes","Container","setAttribute","addEventListener","events","change","_changeHandler","_keydownHandler","all","customElements","whenDefined","PfeAccordionHeader","PfeAccordionPanel","then","_this2","children","_linkPanels","_observer","observe","childList","removeEventListener","disconnect","attr","oldVal","newVal","_allHeaders","forEach","header","_allPanels","panel","index","headers","panels","expanded","_collapseHeader","_collapsePanel","_expandHeader","_expandPanel","_this3","_this4","_this5","_panelForHeader","pfeId","hasAttribute","getAttribute","removeAttribute","evt","classList","contains","target","nextElementSibling","detail","height","getBoundingClientRect","_animate","error","start","end","previousElementSibling","add","style","_this6","_transitionEndHandler","currentHeader","_isHeader","newHeader","key","_nextHeader","_previousHeader","_firstHeader","_lastHeader","shadowRoot","querySelector","focus","remove","querySelectorAll","next","tagName","toLowerCase","newIndex","document","activeElement","element","PfeType","_this","bind","MutationObserver","id","textContent","trim","_init","_clickHandler","window","ShadyCSS","child","isHeaderTag","wrapperTag","createElement","button","innerText","appendChild","warn","event","emitEvent","val","Boolean","_this7","create"],"mappings":"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"} \ No newline at end of file diff --git a/elements/pfe-accordion/package-lock.json b/elements/pfe-accordion/package-lock.json index 815414230d..2c905fa901 100644 --- a/elements/pfe-accordion/package-lock.json +++ b/elements/pfe-accordion/package-lock.json @@ -1,6 +1,6 @@ { "name": "@patternfly/pfe-accordion", - "version": "1.0.0-prerelease.49", + "version": "1.0.0-prerelease.50", "lockfileVersion": 1, "requires": true, "dependencies": { diff --git a/elements/pfe-accordion/package.json b/elements/pfe-accordion/package.json index c0be382e1c..458c95026e 100644 --- a/elements/pfe-accordion/package.json +++ b/elements/pfe-accordion/package.json @@ -9,7 +9,7 @@ "pfe-accordion-panel.js" ] }, - "version": "1.0.0-prerelease.49", + "version": "1.0.0-prerelease.50", "publishConfig": { "access": "public" }, @@ -50,8 +50,8 @@ ], "license": "MIT", "dependencies": { - "@patternfly/pfe-sass": "^1.0.0-prerelease.49", - "@patternfly/pfelement": "^1.0.0-prerelease.49" + "@patternfly/pfe-sass": "^1.0.0-prerelease.50", + "@patternfly/pfelement": "^1.0.0-prerelease.50" }, "generator-pfelement-version": "0.5.5", "bugs": { diff --git a/elements/pfe-autocomplete/dist/pfe-autocomplete.js b/elements/pfe-autocomplete/dist/pfe-autocomplete.js new file mode 100644 index 0000000000..ce71b86f80 --- /dev/null +++ b/elements/pfe-autocomplete/dist/pfe-autocomplete.js @@ -0,0 +1,674 @@ +import PFElement from '../../pfelement/dist/pfelement.js'; + +/*! + * PatternFly Elements: PfeAutocomplete 1.0.0-prerelease.50 + * @license + * Copyright 2020 Red Hat, Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + * +*/ + +const KEYCODE = { + ENTER: 13, + DOWN: 40, + UP: 38, + ESC: 27 +}; + +// use this variable to debounce api call when user types very fast +let throttle = false; + +class PfeAutocomplete extends PFElement { + static get version() { + return "1.0.0-prerelease.50"; + } + + get html() { + return `
+ + + + + + + +
+`; + } + + static get properties() { + return {"debounce_timer":{"title":"Debounce","description":"The amount of time that should pass before the next API call is made","type":"string","prefixed":false},"init_value":{"title":"Initial value","description":"An initial value to show in the input field","type":"string","prefixed":false},"is_disabled":{"title":"Is disabled","description":"Disable the input","type":"boolean","prefixed":false}}; + } + + static get slots() { + return {"content":{"title":"Content","type":"array","namedSlot":false,"items":{"oneOf":[{"$ref":"input"}]},"required":true}}; + } + static get tag() { + return "pfe-autocomplete"; + } + + get schemaUrl() { + return "pfe-autocomplete.json"; + } + + get templateUrl() { + return "pfe-autocomplete.html"; + } + + get styleUrl() { + return "pfe-autocomplete.scss"; + } + + static get events() { + return { + search: `pfe-search-event`, + select: `pfe-option-selected`, + slotchange: `slotchange` + }; + } + + constructor() { + super(PfeAutocomplete); + + this._slotchangeHandler = this._slotchangeHandler.bind(this); + + this._slot = this.shadowRoot.querySelector("slot"); + this._slot.addEventListener("slotchange", this._slotchangeHandler); + } + + connectedCallback() { + super.connectedCallback(); + + this.loading = false; + this.debounce = this.debounce || 300; + this._ariaAnnounceTemplate = + "There are ${numOptions} suggestions. Use the up and down arrows to browse."; + + // clear button + this._clearBtn = this.shadowRoot.querySelector(".clear-search"); + this._clearBtn.addEventListener("click", this._clear.bind(this)); + + // search button + this._searchBtn = this.shadowRoot.querySelector(".search-button"); + this._searchBtn.addEventListener("click", this._search.bind(this)); + + this._dropdown = this.shadowRoot.querySelector("#dropdown"); + this._dropdown.data = []; + + this.activeIndex = null; + + this.addEventListener("keyup", this._inputKeyUp.bind(this)); + + // these two events, fire search + this.addEventListener( + PfeAutocomplete.events.search, + this._closeDroplist.bind(this) + ); + this.addEventListener( + PfeAutocomplete.events.select, + this._optionSelected.bind(this) + ); + } + + disconnectedCallback() { + this.removeEventListener("keyup", this._inputKeyUp); + + this.removeEventListener( + PfeAutocomplete.events.search, + this._closeDroplist + ); + this.removeEventListener( + PfeAutocomplete.events.select, + this._optionSelected + ); + this._slot.removeEventListener( + PfeAutocomplete.events.slotchange, + this._slotchangeHandler + ); + if (this._input) { + this._input.removeEventListener("input", this._inputChanged); + this._input.removeEventListener("blur", this._closeDroplist); + } + + this._clearBtn.removeEventListener("click", this._clear); + this._searchBtn.removeEventListener("click", this._search); + } + + static get observedAttributes() { + return ["init-value", "loading", "is-disabled"]; + } + + attributeChangedCallback(attr, oldVal, newVal) { + super.attributeChangedCallback(); + + let slotNodes = this.shadowRoot.querySelector("slot").assignedNodes(); + let slotElems = slotNodes.filter(n => n.nodeType === Node.ELEMENT_NODE); + let _input = slotElems[0]; + + let _clearBtn = this.shadowRoot.querySelector(".clear-search"); + let _searchBtn = this.shadowRoot.querySelector(".search-button"); + + switch (attr) { + case "loading": + if (!this.loading || _input.value === "") { + this.shadowRoot.querySelector(".loading").setAttribute("hidden", ""); + } else { + this.shadowRoot.querySelector(".loading").removeAttribute("hidden"); + } + break; + + case "init-value": + if (this["init-value"] !== newVal) { + // set inputbox and buttons in the inner component + _input.value = newVal; + if (newVal !== "" && !this.isDisabled) { + _searchBtn.removeAttribute("disabled"); + _clearBtn.removeAttribute("hidden"); + } else { + _searchBtn.setAttribute("disabled", ""); + _clearBtn.setAttribute("hidden", ""); + } + } + break; + + case "is-disabled": + if (this.isDisabled) { + _clearBtn.setAttribute("disabled", ""); + _searchBtn.setAttribute("disabled", ""); + _input.setAttribute("disabled", ""); + } else { + _clearBtn.removeAttribute("disabled"); + _searchBtn.removeAttribute("disabled"); + _input.removeAttribute("disabled"); + } + break; + } + } + + get selectedValue() { + return this.getAttribute("selected-value"); + } + + set selectedValue(val) { + this.setAttribute("selected-value", val); + } + + set isDisabled(value) { + if (value) { + this.setAttribute("is-disabled", ""); + } else { + this.removeAttribute("is-disabled"); + } + } + + get isDisabled() { + return this.hasAttribute("is-disabled"); + } + + set loading(value) { + const loading = Boolean(value); + if (loading) { + this.setAttribute("loading", ""); + } else { + this.removeAttribute("loading"); + } + } + + get loading() { + return this.hasAttribute("loading"); + } + + get initValue() { + return this.getAttribute("init-value"); + } + + set initValue(val) { + this.setAttribute("init-value", val); + } + + get debounce() { + return this.getAttribute("debounce"); + } + + set debounce(val) { + this.setAttribute("debounce", val); + } + + _slotchangeHandler() { + // input box + let slotNodes = this.shadowRoot.querySelector("slot").assignedNodes(); + let slotElems = slotNodes.filter(n => n.nodeType === Node.ELEMENT_NODE); + + if (slotElems.length === 0) { + console.error( + `${PfeAutocomplete.tag}: There must be a input tag in the light DOM` + ); + + return; + } + + this._input = slotElems[0]; + + if (this._input.tagName.toLowerCase() !== "input") { + console.error( + `${PfeAutocomplete.tag}: The only child in the light DOM must be an input tag` + ); + + return; + } + + this._input.addEventListener("input", this._inputChanged.bind(this)); + this._input.addEventListener("blur", this._closeDroplist.bind(this)); + + this._input.setAttribute("role", "combobox"); + + if (!this._input.hasAttribute("aria-label")) { + this._input.setAttribute("aria-label", "Search"); + } + + this._input.setAttribute("aria-autocomplete", "both"); + this._input.setAttribute("aria-haspopup", "true"); + this._input.setAttribute("type", "search"); + this._input.setAttribute("autocomplete", "off"); + this._input.setAttribute("autocorrect", "off"); + this._input.setAttribute("autocapitalize", "off"); + this._input.setAttribute("spellcheck", "false"); + + this._dropdown._ariaAnnounceTemplate = + this.getAttribute("aria-announce-template") || this._ariaAnnounceTemplate; + } + + _inputChanged() { + if (this._input.value === "") { + this._searchBtn.setAttribute("disabled", ""); + this._clearBtn.setAttribute("hidden", ""); + + this._reset(); + return; + } else { + if (!this._input.hasAttribute("disabled")) { + this._searchBtn.removeAttribute("disabled"); + } + this._clearBtn.removeAttribute("hidden"); + } + + if (throttle === false) { + throttle = true; + + window.setTimeout(() => { + this._sendAutocompleteRequest(this._input.value); + throttle = false; + }, this.debounce); + } + } + + _clear() { + this._input.value = ""; + this._clearBtn.setAttribute("hidden", ""); + this._searchBtn.setAttribute("disabled", ""); + this._input.focus(); + } + + _search() { + this._doSearch(this._input.value); + } + + _closeDroplist() { + this._dropdown.open = null; + this._dropdown.removeAttribute("active-index"); + } + + _openDroplist() { + this.activeIndex = null; + this._dropdown.setAttribute("open", true); + this._dropdown.setAttribute("active-index", null); + } + + _optionSelected(e) { + let selectedValue = e.detail.optionValue; + + // update input box with selected value from options list + this._input.value = selectedValue; + + // send search request + this._doSearch(selectedValue); + } + + _doSearch(searchQuery) { + this.emitEvent(PfeAutocomplete.events.search, { + detail: { searchValue: searchQuery }, + composed: true + }); + this._reset(); + this.selectedValue = searchQuery; + } + + _sendAutocompleteRequest(input) { + if (!this.autocompleteRequest) return; + + this.autocompleteRequest( + { query: input }, + this._autocompleteCallback.bind(this) + ); + } + + _autocompleteCallback(response) { + this._dropdown.data = response; + this._dropdown.reflow = true; + response.length !== 0 ? this._openDroplist() : this._closeDroplist(); + } + + _reset() { + this._dropdown.activeIndex = null; + this._input.setAttribute("aria-activedescendant", ""); + this._dropdown.data = []; + this._closeDroplist(); + } + + _activeOption(activeIndex) { + if (activeIndex === null || activeIndex === "null") return; + return this._dropdown.shadowRoot.querySelector( + "li:nth-child(" + (parseInt(activeIndex, 10) + 1) + ")" + ).innerHTML; + } + + _inputKeyUp(e) { + let key = e.keyCode; + + if ( + this._dropdown.data.length === 0 && + key !== KEYCODE.DOWN && + key !== KEYCODE.UP && + key !== KEYCODE.ENTER && + key !== KEYCODE.ESC + ) + return; + + let activeIndex = this._dropdown.activeIndex; + let optionsLength = this._dropdown.data.length; + + if (key == KEYCODE.ESC) { + this._closeDroplist(); + } else if (key === KEYCODE.UP) { + if (!this._dropdown.open) { + return; + } + + activeIndex = + activeIndex === null || activeIndex === "null" + ? optionsLength + : parseInt(activeIndex, 10); + + activeIndex -= 1; + + if (activeIndex < 0) { + activeIndex = optionsLength - 1; + } + + this._input.value = this._activeOption(activeIndex); + } else if (key === KEYCODE.DOWN) { + if (!this._dropdown.open) { + return; + } + + activeIndex = + activeIndex === null || activeIndex === "null" + ? -1 + : parseInt(activeIndex, 10); + activeIndex += 1; + + if (activeIndex > optionsLength - 1) { + activeIndex = 0; + } + + this._input.value = this._activeOption(activeIndex); + } else if (key === KEYCODE.ENTER) { + let selectedValue = this._input.value; + this._doSearch(selectedValue); + return; + } + + if (activeIndex !== null && activeIndex !== "null") { + this._input.setAttribute( + "aria-activedescendant", + "option-" + activeIndex + ); + } else { + this._input.setAttribute("aria-activedescendant", ""); + } + + this.activeIndex = activeIndex; + this._dropdown.activeIndex = activeIndex; + } +} + +/* +* - Attributes ------------------------------------ +* open | Set when the combo box dropdown is open +* active-index | Set selected option +* reflow | Re-renders the dropdown + +* - Events ---------------------------------------- +* pfe-option-selected | Fires when an option is selected. + event.detailes.selectedValue contains the selected value. +*/ +class PfeSearchDroplist extends PFElement { + static get version() { + return "1.0.0-prerelease.50"; + } + + get html() { + return `
+
+
    +
+
`; + } + static get tag() { + return "pfe-search-droplist"; + } + + get templateUrl() { + return "pfe-search-droplist.html"; + } + + get styleUrl() { + return "pfe-search-droplist.scss"; + } + + constructor() { + super(PfeSearchDroplist); + } + + connectedCallback() { + super.connectedCallback(); + + this._ariaAnnounce = this.shadowRoot.querySelector( + ".suggestions-aria-help" + ); + + this.activeIndex = null; + this._ul = this.shadowRoot.querySelector("ul"); + this._ul.addEventListener("mousedown", this._optionSelected.bind(this)); + } + + disconnectedCallback() { + this._ul.removeEventListener("mousedown", this._optionSelected); + } + + _optionSelected(e) { + if (e.target.tagName === "LI") { + this.emitEvent(PfeAutocomplete.events.select, { + detail: { optionValue: e.target.innerText }, + composed: true + }); + } + } + + _renderOptions() { + this.reflow = ""; + + let options = this.data; + let ariaAnnounceText = ""; + + if (this._ariaAnnounceTemplate) { + ariaAnnounceText = this._ariaAnnounceTemplate.replace( + "${numOptions}", + options.length + ); + } + + this._ariaAnnounce.textContent = ariaAnnounceText; + this._ariaAnnounce.setAttribute("aria-live", "polite"); + + this._ul.innerHTML = `${options + .map((item, index) => { + return `
  • ${item}
    • `; + }) + .join("")}`; + } + + static get observedAttributes() { + return ["open", "reflow", "active-index"]; + } + + attributeChangedCallback(attr, oldVal, newVal) { + super.attributeChangedCallback(); + + if (this[name] !== newVal) { + this[name] = newVal; + } + + if (attr === "active-index" && oldVal !== newVal) { + this._activeIndexChanged(); + } + + if (attr === "reflow") { + this._renderOptions(); + } + } + + _activeIndexChanged() { + if ( + !this.data || + this.data.length === 0 || + this.activeIndex === null || + this.activeIndex === "null" + ) + return; + + // remove active class + if (this._ul.querySelector(".active")) { + this._ul.querySelector(".active").classList.remove("active"); + } + + // add active class to selected option + let activeOption = this._ul.querySelector( + "li:nth-child(" + (parseInt(this.activeIndex, 10) + 1) + ")" + ); + + activeOption.classList.add("active"); + + // scroll to selected element when selected item with keyboard is out of view + let ulWrapper = this.shadowRoot.querySelector(".droplist"); + let activeOptionHeight = activeOption.offsetHeight; + activeOptionHeight += parseInt( + window.getComputedStyle(activeOption).getPropertyValue("margin-bottom"), + 10 + ); + ulWrapper.scrollTop = + activeOption.offsetTop - ulWrapper.offsetHeight + activeOptionHeight; + } + + get open() { + return this.hasAttribute("open"); + } + + set open(val) { + val = Boolean(val); + + if (val) { + this.setAttribute("open", ""); + } else { + this.removeAttribute("open"); + } + } + + get activeIndex() { + return this.getAttribute("active-index"); + } + + set activeIndex(val) { + this.setAttribute("active-index", val); + } + + get reflow() { + return this.hasAttribute("reflow"); + } + + set reflow(val) { + val = Boolean(val); + + if (val) { + this.setAttribute("reflow", ""); + } else { + this.removeAttribute("reflow"); + } + } +} + +PFElement.create(PfeSearchDroplist); +PFElement.create(PfeAutocomplete); + +export default PfeAutocomplete; +//# sourceMappingURL=pfe-autocomplete.js.map diff --git a/elements/pfe-autocomplete/dist/pfe-autocomplete.js.map b/elements/pfe-autocomplete/dist/pfe-autocomplete.js.map new file mode 100644 index 0000000000..94e1d7602b --- /dev/null +++ b/elements/pfe-autocomplete/dist/pfe-autocomplete.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-autocomplete.js","sources":["../_temp/pfe-autocomplete.js"],"sourcesContent":["/*!\n * PatternFly Elements: PfeAutocomplete 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\nimport PFElement from \"../../pfelement/dist/pfelement.js\";\n\nconst KEYCODE = {\n ENTER: 13,\n DOWN: 40,\n UP: 38,\n ESC: 27\n};\n\n// use this variable to debounce api call when user types very fast\nlet throttle = false;\n\nclass PfeAutocomplete extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return `
    \n \n\n \n\n \n\n \n
    \n`;\n }\n\n static get properties() {\n return {\"debounce_timer\":{\"title\":\"Debounce\",\"description\":\"The amount of time that should pass before the next API call is made\",\"type\":\"string\",\"prefixed\":false},\"init_value\":{\"title\":\"Initial value\",\"description\":\"An initial value to show in the input field\",\"type\":\"string\",\"prefixed\":false},\"is_disabled\":{\"title\":\"Is disabled\",\"description\":\"Disable the input\",\"type\":\"boolean\",\"prefixed\":false}};\n }\n\n static get slots() {\n return {\"content\":{\"title\":\"Content\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"input\"}]},\"required\":true}};\n }\n static get tag() {\n return \"pfe-autocomplete\";\n }\n\n get schemaUrl() {\n return \"pfe-autocomplete.json\";\n }\n\n get templateUrl() {\n return \"pfe-autocomplete.html\";\n }\n\n get styleUrl() {\n return \"pfe-autocomplete.scss\";\n }\n\n static get events() {\n return {\n search: `pfe-search-event`,\n select: `pfe-option-selected`,\n slotchange: `slotchange`\n };\n }\n\n constructor() {\n super(PfeAutocomplete);\n\n this._slotchangeHandler = this._slotchangeHandler.bind(this);\n\n this._slot = this.shadowRoot.querySelector(\"slot\");\n this._slot.addEventListener(\"slotchange\", this._slotchangeHandler);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this.loading = false;\n this.debounce = this.debounce || 300;\n this._ariaAnnounceTemplate =\n \"There are ${numOptions} suggestions. Use the up and down arrows to browse.\";\n\n // clear button\n this._clearBtn = this.shadowRoot.querySelector(\".clear-search\");\n this._clearBtn.addEventListener(\"click\", this._clear.bind(this));\n\n // search button\n this._searchBtn = this.shadowRoot.querySelector(\".search-button\");\n this._searchBtn.addEventListener(\"click\", this._search.bind(this));\n\n this._dropdown = this.shadowRoot.querySelector(\"#dropdown\");\n this._dropdown.data = [];\n\n this.activeIndex = null;\n\n this.addEventListener(\"keyup\", this._inputKeyUp.bind(this));\n\n // these two events, fire search\n this.addEventListener(\n PfeAutocomplete.events.search,\n this._closeDroplist.bind(this)\n );\n this.addEventListener(\n PfeAutocomplete.events.select,\n this._optionSelected.bind(this)\n );\n }\n\n disconnectedCallback() {\n this.removeEventListener(\"keyup\", this._inputKeyUp);\n\n this.removeEventListener(\n PfeAutocomplete.events.search,\n this._closeDroplist\n );\n this.removeEventListener(\n PfeAutocomplete.events.select,\n this._optionSelected\n );\n this._slot.removeEventListener(\n PfeAutocomplete.events.slotchange,\n this._slotchangeHandler\n );\n if (this._input) {\n this._input.removeEventListener(\"input\", this._inputChanged);\n this._input.removeEventListener(\"blur\", this._closeDroplist);\n }\n\n this._clearBtn.removeEventListener(\"click\", this._clear);\n this._searchBtn.removeEventListener(\"click\", this._search);\n }\n\n static get observedAttributes() {\n return [\"init-value\", \"loading\", \"is-disabled\"];\n }\n\n attributeChangedCallback(attr, oldVal, newVal) {\n super.attributeChangedCallback();\n\n let slotNodes = this.shadowRoot.querySelector(\"slot\").assignedNodes();\n let slotElems = slotNodes.filter(n => n.nodeType === Node.ELEMENT_NODE);\n let _input = slotElems[0];\n\n let _clearBtn = this.shadowRoot.querySelector(\".clear-search\");\n let _searchBtn = this.shadowRoot.querySelector(\".search-button\");\n\n switch (attr) {\n case \"loading\":\n if (!this.loading || _input.value === \"\") {\n this.shadowRoot.querySelector(\".loading\").setAttribute(\"hidden\", \"\");\n } else {\n this.shadowRoot.querySelector(\".loading\").removeAttribute(\"hidden\");\n }\n break;\n\n case \"init-value\":\n if (this[\"init-value\"] !== newVal) {\n // set inputbox and buttons in the inner component\n _input.value = newVal;\n if (newVal !== \"\" && !this.isDisabled) {\n _searchBtn.removeAttribute(\"disabled\");\n _clearBtn.removeAttribute(\"hidden\");\n } else {\n _searchBtn.setAttribute(\"disabled\", \"\");\n _clearBtn.setAttribute(\"hidden\", \"\");\n }\n }\n break;\n\n case \"is-disabled\":\n if (this.isDisabled) {\n _clearBtn.setAttribute(\"disabled\", \"\");\n _searchBtn.setAttribute(\"disabled\", \"\");\n _input.setAttribute(\"disabled\", \"\");\n } else {\n _clearBtn.removeAttribute(\"disabled\");\n _searchBtn.removeAttribute(\"disabled\");\n _input.removeAttribute(\"disabled\");\n }\n break;\n }\n }\n\n get selectedValue() {\n return this.getAttribute(\"selected-value\");\n }\n\n set selectedValue(val) {\n this.setAttribute(\"selected-value\", val);\n }\n\n set isDisabled(value) {\n if (value) {\n this.setAttribute(\"is-disabled\", \"\");\n } else {\n this.removeAttribute(\"is-disabled\");\n }\n }\n\n get isDisabled() {\n return this.hasAttribute(\"is-disabled\");\n }\n\n set loading(value) {\n const loading = Boolean(value);\n if (loading) {\n this.setAttribute(\"loading\", \"\");\n } else {\n this.removeAttribute(\"loading\");\n }\n }\n\n get loading() {\n return this.hasAttribute(\"loading\");\n }\n\n get initValue() {\n return this.getAttribute(\"init-value\");\n }\n\n set initValue(val) {\n this.setAttribute(\"init-value\", val);\n }\n\n get debounce() {\n return this.getAttribute(\"debounce\");\n }\n\n set debounce(val) {\n this.setAttribute(\"debounce\", val);\n }\n\n _slotchangeHandler() {\n // input box\n let slotNodes = this.shadowRoot.querySelector(\"slot\").assignedNodes();\n let slotElems = slotNodes.filter(n => n.nodeType === Node.ELEMENT_NODE);\n\n if (slotElems.length === 0) {\n console.error(\n `${PfeAutocomplete.tag}: There must be a input tag in the light DOM`\n );\n\n return;\n }\n\n this._input = slotElems[0];\n\n if (this._input.tagName.toLowerCase() !== \"input\") {\n console.error(\n `${PfeAutocomplete.tag}: The only child in the light DOM must be an input tag`\n );\n\n return;\n }\n\n this._input.addEventListener(\"input\", this._inputChanged.bind(this));\n this._input.addEventListener(\"blur\", this._closeDroplist.bind(this));\n\n this._input.setAttribute(\"role\", \"combobox\");\n\n if (!this._input.hasAttribute(\"aria-label\")) {\n this._input.setAttribute(\"aria-label\", \"Search\");\n }\n\n this._input.setAttribute(\"aria-autocomplete\", \"both\");\n this._input.setAttribute(\"aria-haspopup\", \"true\");\n this._input.setAttribute(\"type\", \"search\");\n this._input.setAttribute(\"autocomplete\", \"off\");\n this._input.setAttribute(\"autocorrect\", \"off\");\n this._input.setAttribute(\"autocapitalize\", \"off\");\n this._input.setAttribute(\"spellcheck\", \"false\");\n\n this._dropdown._ariaAnnounceTemplate =\n this.getAttribute(\"aria-announce-template\") || this._ariaAnnounceTemplate;\n }\n\n _inputChanged() {\n if (this._input.value === \"\") {\n this._searchBtn.setAttribute(\"disabled\", \"\");\n this._clearBtn.setAttribute(\"hidden\", \"\");\n\n this._reset();\n return;\n } else {\n if (!this._input.hasAttribute(\"disabled\")) {\n this._searchBtn.removeAttribute(\"disabled\");\n }\n this._clearBtn.removeAttribute(\"hidden\");\n }\n\n if (throttle === false) {\n throttle = true;\n\n window.setTimeout(() => {\n this._sendAutocompleteRequest(this._input.value);\n throttle = false;\n }, this.debounce);\n }\n }\n\n _clear() {\n this._input.value = \"\";\n this._clearBtn.setAttribute(\"hidden\", \"\");\n this._searchBtn.setAttribute(\"disabled\", \"\");\n this._input.focus();\n }\n\n _search() {\n this._doSearch(this._input.value);\n }\n\n _closeDroplist() {\n this._dropdown.open = null;\n this._dropdown.removeAttribute(\"active-index\");\n }\n\n _openDroplist() {\n this.activeIndex = null;\n this._dropdown.setAttribute(\"open\", true);\n this._dropdown.setAttribute(\"active-index\", null);\n }\n\n _optionSelected(e) {\n let selectedValue = e.detail.optionValue;\n\n // update input box with selected value from options list\n this._input.value = selectedValue;\n\n // send search request\n this._doSearch(selectedValue);\n }\n\n _doSearch(searchQuery) {\n this.emitEvent(PfeAutocomplete.events.search, {\n detail: { searchValue: searchQuery },\n composed: true\n });\n this._reset();\n this.selectedValue = searchQuery;\n }\n\n _sendAutocompleteRequest(input) {\n if (!this.autocompleteRequest) return;\n\n this.autocompleteRequest(\n { query: input },\n this._autocompleteCallback.bind(this)\n );\n }\n\n _autocompleteCallback(response) {\n this._dropdown.data = response;\n this._dropdown.reflow = true;\n response.length !== 0 ? this._openDroplist() : this._closeDroplist();\n }\n\n _reset() {\n this._dropdown.activeIndex = null;\n this._input.setAttribute(\"aria-activedescendant\", \"\");\n this._dropdown.data = [];\n this._closeDroplist();\n }\n\n _activeOption(activeIndex) {\n if (activeIndex === null || activeIndex === \"null\") return;\n return this._dropdown.shadowRoot.querySelector(\n \"li:nth-child(\" + (parseInt(activeIndex, 10) + 1) + \")\"\n ).innerHTML;\n }\n\n _inputKeyUp(e) {\n let key = e.keyCode;\n\n if (\n this._dropdown.data.length === 0 &&\n key !== KEYCODE.DOWN &&\n key !== KEYCODE.UP &&\n key !== KEYCODE.ENTER &&\n key !== KEYCODE.ESC\n )\n return;\n\n let activeIndex = this._dropdown.activeIndex;\n let optionsLength = this._dropdown.data.length;\n\n if (key == KEYCODE.ESC) {\n this._closeDroplist();\n } else if (key === KEYCODE.UP) {\n if (!this._dropdown.open) {\n return;\n }\n\n activeIndex =\n activeIndex === null || activeIndex === \"null\"\n ? optionsLength\n : parseInt(activeIndex, 10);\n\n activeIndex -= 1;\n\n if (activeIndex < 0) {\n activeIndex = optionsLength - 1;\n }\n\n this._input.value = this._activeOption(activeIndex);\n } else if (key === KEYCODE.DOWN) {\n if (!this._dropdown.open) {\n return;\n }\n\n activeIndex =\n activeIndex === null || activeIndex === \"null\"\n ? -1\n : parseInt(activeIndex, 10);\n activeIndex += 1;\n\n if (activeIndex > optionsLength - 1) {\n activeIndex = 0;\n }\n\n this._input.value = this._activeOption(activeIndex);\n } else if (key === KEYCODE.ENTER) {\n let selectedValue = this._input.value;\n this._doSearch(selectedValue);\n return;\n }\n\n if (activeIndex !== null && activeIndex !== \"null\") {\n this._input.setAttribute(\n \"aria-activedescendant\",\n \"option-\" + activeIndex\n );\n } else {\n this._input.setAttribute(\"aria-activedescendant\", \"\");\n }\n\n this.activeIndex = activeIndex;\n this._dropdown.activeIndex = activeIndex;\n }\n}\n\n/*\n* - Attributes ------------------------------------\n* open | Set when the combo box dropdown is open\n* active-index | Set selected option\n* reflow | Re-renders the dropdown\n\n* - Events ----------------------------------------\n* pfe-option-selected | Fires when an option is selected.\n event.detailes.selectedValue contains the selected value.\n*/\nclass PfeSearchDroplist extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return `
    \n
    \n
      \n
    \n
    `;\n }\n static get tag() {\n return \"pfe-search-droplist\";\n }\n\n get templateUrl() {\n return \"pfe-search-droplist.html\";\n }\n\n get styleUrl() {\n return \"pfe-search-droplist.scss\";\n }\n\n constructor() {\n super(PfeSearchDroplist);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this._ariaAnnounce = this.shadowRoot.querySelector(\n \".suggestions-aria-help\"\n );\n\n this.activeIndex = null;\n this._ul = this.shadowRoot.querySelector(\"ul\");\n this._ul.addEventListener(\"mousedown\", this._optionSelected.bind(this));\n }\n\n disconnectedCallback() {\n this._ul.removeEventListener(\"mousedown\", this._optionSelected);\n }\n\n _optionSelected(e) {\n if (e.target.tagName === \"LI\") {\n this.emitEvent(PfeAutocomplete.events.select, {\n detail: { optionValue: e.target.innerText },\n composed: true\n });\n }\n }\n\n _renderOptions() {\n this.reflow = \"\";\n\n let options = this.data;\n let ariaAnnounceText = \"\";\n\n if (this._ariaAnnounceTemplate) {\n ariaAnnounceText = this._ariaAnnounceTemplate.replace(\n \"${numOptions}\",\n options.length\n );\n }\n\n this._ariaAnnounce.textContent = ariaAnnounceText;\n this._ariaAnnounce.setAttribute(\"aria-live\", \"polite\");\n\n this._ul.innerHTML = `${options\n .map((item, index) => {\n return `
  • ${item}
    • `;\n })\n .join(\"\")}`;\n }\n\n static get observedAttributes() {\n return [\"open\", \"reflow\", \"active-index\"];\n }\n\n attributeChangedCallback(attr, oldVal, newVal) {\n super.attributeChangedCallback();\n\n if (this[name] !== newVal) {\n this[name] = newVal;\n }\n\n if (attr === \"active-index\" && oldVal !== newVal) {\n this._activeIndexChanged();\n }\n\n if (attr === \"reflow\") {\n this._renderOptions();\n }\n }\n\n _activeIndexChanged() {\n if (\n !this.data ||\n this.data.length === 0 ||\n this.activeIndex === null ||\n this.activeIndex === \"null\"\n )\n return;\n\n // remove active class\n if (this._ul.querySelector(\".active\")) {\n this._ul.querySelector(\".active\").classList.remove(\"active\");\n }\n\n // add active class to selected option\n let activeOption = this._ul.querySelector(\n \"li:nth-child(\" + (parseInt(this.activeIndex, 10) + 1) + \")\"\n );\n\n activeOption.classList.add(\"active\");\n\n // scroll to selected element when selected item with keyboard is out of view\n let ulWrapper = this.shadowRoot.querySelector(\".droplist\");\n let activeOptionHeight = activeOption.offsetHeight;\n activeOptionHeight += parseInt(\n window.getComputedStyle(activeOption).getPropertyValue(\"margin-bottom\"),\n 10\n );\n ulWrapper.scrollTop =\n activeOption.offsetTop - ulWrapper.offsetHeight + activeOptionHeight;\n }\n\n get open() {\n return this.hasAttribute(\"open\");\n }\n\n set open(val) {\n val = Boolean(val);\n\n if (val) {\n this.setAttribute(\"open\", \"\");\n } else {\n this.removeAttribute(\"open\");\n }\n }\n\n get activeIndex() {\n return this.getAttribute(\"active-index\");\n }\n\n set activeIndex(val) {\n this.setAttribute(\"active-index\", val);\n }\n\n get reflow() {\n return this.hasAttribute(\"reflow\");\n }\n\n set reflow(val) {\n val = Boolean(val);\n\n if (val) {\n this.setAttribute(\"reflow\", \"\");\n } else {\n this.removeAttribute(\"reflow\");\n }\n }\n}\n\nPFElement.create(PfeSearchDroplist);\nPFElement.create(PfeAutocomplete);\n\nexport default PfeAutocomplete;\n"],"names":[],"mappings":"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"} \ No newline at end of file diff --git a/elements/pfe-autocomplete/dist/pfe-autocomplete.json b/elements/pfe-autocomplete/dist/pfe-autocomplete.json new file mode 100644 index 0000000000..7c8a34eedd --- /dev/null +++ b/elements/pfe-autocomplete/dist/pfe-autocomplete.json @@ -0,0 +1,57 @@ +{ + "$schema": "http://json-schema.org/draft-04/schema#", + "title": "Autocomplete", + "description": "Autocomplete provides options in a dropdown list as user types in an input box by showing result from an api call.", + "type": "object", + "tag": "pfe-autocomplete", + "class": "pfe-autocomplete", + "category": "content", + "properties": { + "slots": { + "title": "Slots", + "description": "Definition of the supported slots", + "type": "object", + "properties": { + "content": { + "title": "Content", + "type": "array", + "namedSlot": false, + "items": { + "oneOf": [ + { + "$ref": "input" + } + ] + }, + "required": true + } + } + }, + "attributes": { + "title": "Attributes", + "type": "object", + "properties": { + "debounce_timer": { + "title": "Debounce", + "description": "The amount of time that should pass before the next API call is made", + "type": "string", + "prefixed": false + }, + "init_value": { + "title": "Initial value", + "description": "An initial value to show in the input field", + "type": "string", + "prefixed": false + }, + "is_disabled": { + "title": "Is disabled", + "description": "Disable the input", + "type": "boolean", + "prefixed": false + } + } + } + }, + "required": ["slots", "attributes"], + "additionalProperties": false +} diff --git a/elements/pfe-autocomplete/dist/pfe-autocomplete.min.js b/elements/pfe-autocomplete/dist/pfe-autocomplete.min.js new file mode 100644 index 0000000000..25d8b70573 --- /dev/null +++ b/elements/pfe-autocomplete/dist/pfe-autocomplete.min.js @@ -0,0 +1,26 @@ +import e from"../../pfelement/dist/pfelement.min.js"; +/*! + * PatternFly Elements: PfeAutocomplete 1.0.0-prerelease.50 + * @license + * Copyright 2020 Red Hat, Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + * +*/const t={ENTER:13,DOWN:40,UP:38,ESC:27};let i=!1;class o extends e{static get version(){return"1.0.0-prerelease.50"}get html(){return'
    \n \n\n \n\n \n\n \n
    \n'}static get properties(){return{debounce_timer:{title:"Debounce",description:"The amount of time that should pass before the next API call is made",type:"string",prefixed:!1},init_value:{title:"Initial value",description:"An initial value to show in the input field",type:"string",prefixed:!1},is_disabled:{title:"Is disabled",description:"Disable the input",type:"boolean",prefixed:!1}}}static get slots(){return{content:{title:"Content",type:"array",namedSlot:!1,items:{oneOf:[{$ref:"input"}]},required:!0}}}static get tag(){return"pfe-autocomplete"}get schemaUrl(){return"pfe-autocomplete.json"}get templateUrl(){return"pfe-autocomplete.html"}get styleUrl(){return"pfe-autocomplete.scss"}static get events(){return{search:"pfe-search-event",select:"pfe-option-selected",slotchange:"slotchange"}}constructor(){super(o),this._slotchangeHandler=this._slotchangeHandler.bind(this),this._slot=this.shadowRoot.querySelector("slot"),this._slot.addEventListener("slotchange",this._slotchangeHandler)}connectedCallback(){super.connectedCallback(),this.loading=!1,this.debounce=this.debounce||300,this._ariaAnnounceTemplate="There are ${numOptions} suggestions. Use the up and down arrows to browse.",this._clearBtn=this.shadowRoot.querySelector(".clear-search"),this._clearBtn.addEventListener("click",this._clear.bind(this)),this._searchBtn=this.shadowRoot.querySelector(".search-button"),this._searchBtn.addEventListener("click",this._search.bind(this)),this._dropdown=this.shadowRoot.querySelector("#dropdown"),this._dropdown.data=[],this.activeIndex=null,this.addEventListener("keyup",this._inputKeyUp.bind(this)),this.addEventListener(o.events.search,this._closeDroplist.bind(this)),this.addEventListener(o.events.select,this._optionSelected.bind(this))}disconnectedCallback(){this.removeEventListener("keyup",this._inputKeyUp),this.removeEventListener(o.events.search,this._closeDroplist),this.removeEventListener(o.events.select,this._optionSelected),this._slot.removeEventListener(o.events.slotchange,this._slotchangeHandler),this._input&&(this._input.removeEventListener("input",this._inputChanged),this._input.removeEventListener("blur",this._closeDroplist)),this._clearBtn.removeEventListener("click",this._clear),this._searchBtn.removeEventListener("click",this._search)}static get observedAttributes(){return["init-value","loading","is-disabled"]}attributeChangedCallback(e,t,i){super.attributeChangedCallback();let o=this.shadowRoot.querySelector("slot").assignedNodes().filter(e=>e.nodeType===Node.ELEMENT_NODE)[0],r=this.shadowRoot.querySelector(".clear-search"),s=this.shadowRoot.querySelector(".search-button");switch(e){case"loading":this.loading&&""!==o.value?this.shadowRoot.querySelector(".loading").removeAttribute("hidden"):this.shadowRoot.querySelector(".loading").setAttribute("hidden","");break;case"init-value":this["init-value"]!==i&&(o.value=i,""===i||this.isDisabled?(s.setAttribute("disabled",""),r.setAttribute("hidden","")):(s.removeAttribute("disabled"),r.removeAttribute("hidden")));break;case"is-disabled":this.isDisabled?(r.setAttribute("disabled",""),s.setAttribute("disabled",""),o.setAttribute("disabled","")):(r.removeAttribute("disabled"),s.removeAttribute("disabled"),o.removeAttribute("disabled"))}}get selectedValue(){return this.getAttribute("selected-value")}set selectedValue(e){this.setAttribute("selected-value",e)}set isDisabled(e){e?this.setAttribute("is-disabled",""):this.removeAttribute("is-disabled")}get isDisabled(){return this.hasAttribute("is-disabled")}set loading(e){Boolean(e)?this.setAttribute("loading",""):this.removeAttribute("loading")}get loading(){return this.hasAttribute("loading")}get initValue(){return this.getAttribute("init-value")}set initValue(e){this.setAttribute("init-value",e)}get debounce(){return this.getAttribute("debounce")}set debounce(e){this.setAttribute("debounce",e)}_slotchangeHandler(){let e=this.shadowRoot.querySelector("slot").assignedNodes().filter(e=>e.nodeType===Node.ELEMENT_NODE);0!==e.length?(this._input=e[0],"input"===this._input.tagName.toLowerCase()?(this._input.addEventListener("input",this._inputChanged.bind(this)),this._input.addEventListener("blur",this._closeDroplist.bind(this)),this._input.setAttribute("role","combobox"),this._input.hasAttribute("aria-label")||this._input.setAttribute("aria-label","Search"),this._input.setAttribute("aria-autocomplete","both"),this._input.setAttribute("aria-haspopup","true"),this._input.setAttribute("type","search"),this._input.setAttribute("autocomplete","off"),this._input.setAttribute("autocorrect","off"),this._input.setAttribute("autocapitalize","off"),this._input.setAttribute("spellcheck","false"),this._dropdown._ariaAnnounceTemplate=this.getAttribute("aria-announce-template")||this._ariaAnnounceTemplate):console.error(`${o.tag}: The only child in the light DOM must be an input tag`)):console.error(`${o.tag}: There must be a input tag in the light DOM`)}_inputChanged(){if(""===this._input.value)return this._searchBtn.setAttribute("disabled",""),this._clearBtn.setAttribute("hidden",""),void this._reset();this._input.hasAttribute("disabled")||this._searchBtn.removeAttribute("disabled"),this._clearBtn.removeAttribute("hidden"),!1===i&&(i=!0,window.setTimeout(()=>{this._sendAutocompleteRequest(this._input.value),i=!1},this.debounce))}_clear(){this._input.value="",this._clearBtn.setAttribute("hidden",""),this._searchBtn.setAttribute("disabled",""),this._input.focus()}_search(){this._doSearch(this._input.value)}_closeDroplist(){this._dropdown.open=null,this._dropdown.removeAttribute("active-index")}_openDroplist(){this.activeIndex=null,this._dropdown.setAttribute("open",!0),this._dropdown.setAttribute("active-index",null)}_optionSelected(e){let t=e.detail.optionValue;this._input.value=t,this._doSearch(t)}_doSearch(e){this.emitEvent(o.events.search,{detail:{searchValue:e},composed:!0}),this._reset(),this.selectedValue=e}_sendAutocompleteRequest(e){this.autocompleteRequest&&this.autocompleteRequest({query:e},this._autocompleteCallback.bind(this))}_autocompleteCallback(e){this._dropdown.data=e,this._dropdown.reflow=!0,0!==e.length?this._openDroplist():this._closeDroplist()}_reset(){this._dropdown.activeIndex=null,this._input.setAttribute("aria-activedescendant",""),this._dropdown.data=[],this._closeDroplist()}_activeOption(e){if(null!==e&&"null"!==e)return this._dropdown.shadowRoot.querySelector("li:nth-child("+(parseInt(e,10)+1)+")").innerHTML}_inputKeyUp(e){let i=e.keyCode;if(0===this._dropdown.data.length&&i!==t.DOWN&&i!==t.UP&&i!==t.ENTER&&i!==t.ESC)return;let o=this._dropdown.activeIndex,r=this._dropdown.data.length;if(i==t.ESC)this._closeDroplist();else if(i===t.UP){if(!this._dropdown.open)return;o=null===o||"null"===o?r:parseInt(o,10),(o-=1)<0&&(o=r-1),this._input.value=this._activeOption(o)}else if(i===t.DOWN){if(!this._dropdown.open)return;o=null===o||"null"===o?-1:parseInt(o,10),(o+=1)>r-1&&(o=0),this._input.value=this._activeOption(o)}else if(i===t.ENTER){let e=this._input.value;return void this._doSearch(e)}null!==o&&"null"!==o?this._input.setAttribute("aria-activedescendant","option-"+o):this._input.setAttribute("aria-activedescendant",""),this.activeIndex=o,this._dropdown.activeIndex=o}}class r extends e{static get version(){return"1.0.0-prerelease.50"}get html(){return'
    \n
    \n
      \n
    \n
    '}static get tag(){return"pfe-search-droplist"}get templateUrl(){return"pfe-search-droplist.html"}get styleUrl(){return"pfe-search-droplist.scss"}constructor(){super(r)}connectedCallback(){super.connectedCallback(),this._ariaAnnounce=this.shadowRoot.querySelector(".suggestions-aria-help"),this.activeIndex=null,this._ul=this.shadowRoot.querySelector("ul"),this._ul.addEventListener("mousedown",this._optionSelected.bind(this))}disconnectedCallback(){this._ul.removeEventListener("mousedown",this._optionSelected)}_optionSelected(e){"LI"===e.target.tagName&&this.emitEvent(o.events.select,{detail:{optionValue:e.target.innerText},composed:!0})}_renderOptions(){this.reflow="";let e=this.data,t="";this._ariaAnnounceTemplate&&(t=this._ariaAnnounceTemplate.replace("${numOptions}",e.length)),this._ariaAnnounce.textContent=t,this._ariaAnnounce.setAttribute("aria-live","polite"),this._ul.innerHTML=`${e.map((e,t)=>`
  • ${e}
    • `).join("")}`}static get observedAttributes(){return["open","reflow","active-index"]}attributeChangedCallback(e,t,i){super.attributeChangedCallback(),this[name]!==i&&(this[name]=i),"active-index"===e&&t!==i&&this._activeIndexChanged(),"reflow"===e&&this._renderOptions()}_activeIndexChanged(){if(!this.data||0===this.data.length||null===this.activeIndex||"null"===this.activeIndex)return;this._ul.querySelector(".active")&&this._ul.querySelector(".active").classList.remove("active");let e=this._ul.querySelector("li:nth-child("+(parseInt(this.activeIndex,10)+1)+")");e.classList.add("active");let t=this.shadowRoot.querySelector(".droplist"),i=e.offsetHeight;i+=parseInt(window.getComputedStyle(e).getPropertyValue("margin-bottom"),10),t.scrollTop=e.offsetTop-t.offsetHeight+i}get open(){return this.hasAttribute("open")}set open(e){(e=Boolean(e))?this.setAttribute("open",""):this.removeAttribute("open")}get activeIndex(){return this.getAttribute("active-index")}set activeIndex(e){this.setAttribute("active-index",e)}get reflow(){return this.hasAttribute("reflow")}set reflow(e){(e=Boolean(e))?this.setAttribute("reflow",""):this.removeAttribute("reflow")}}e.create(r),e.create(o);export default o; +//# sourceMappingURL=pfe-autocomplete.min.js.map diff --git a/elements/pfe-autocomplete/dist/pfe-autocomplete.min.js.map b/elements/pfe-autocomplete/dist/pfe-autocomplete.min.js.map new file mode 100644 index 0000000000..56eaecf7e4 --- /dev/null +++ b/elements/pfe-autocomplete/dist/pfe-autocomplete.min.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-autocomplete.min.js","sources":["../_temp/pfe-autocomplete.js"],"sourcesContent":["/*!\n * PatternFly Elements: PfeAutocomplete 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\nimport PFElement from \"../../pfelement/dist/pfelement.js\";\n\nconst KEYCODE = {\n ENTER: 13,\n DOWN: 40,\n UP: 38,\n ESC: 27\n};\n\n// use this variable to debounce api call when user types very fast\nlet throttle = false;\n\nclass PfeAutocomplete extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return `
    \n \n\n \n\n \n\n \n
    \n`;\n }\n\n static get properties() {\n return {\"debounce_timer\":{\"title\":\"Debounce\",\"description\":\"The amount of time that should pass before the next API call is made\",\"type\":\"string\",\"prefixed\":false},\"init_value\":{\"title\":\"Initial value\",\"description\":\"An initial value to show in the input field\",\"type\":\"string\",\"prefixed\":false},\"is_disabled\":{\"title\":\"Is disabled\",\"description\":\"Disable the input\",\"type\":\"boolean\",\"prefixed\":false}};\n }\n\n static get slots() {\n return {\"content\":{\"title\":\"Content\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"input\"}]},\"required\":true}};\n }\n static get tag() {\n return \"pfe-autocomplete\";\n }\n\n get schemaUrl() {\n return \"pfe-autocomplete.json\";\n }\n\n get templateUrl() {\n return \"pfe-autocomplete.html\";\n }\n\n get styleUrl() {\n return \"pfe-autocomplete.scss\";\n }\n\n static get events() {\n return {\n search: `pfe-search-event`,\n select: `pfe-option-selected`,\n slotchange: `slotchange`\n };\n }\n\n constructor() {\n super(PfeAutocomplete);\n\n this._slotchangeHandler = this._slotchangeHandler.bind(this);\n\n this._slot = this.shadowRoot.querySelector(\"slot\");\n this._slot.addEventListener(\"slotchange\", this._slotchangeHandler);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this.loading = false;\n this.debounce = this.debounce || 300;\n this._ariaAnnounceTemplate =\n \"There are ${numOptions} suggestions. Use the up and down arrows to browse.\";\n\n // clear button\n this._clearBtn = this.shadowRoot.querySelector(\".clear-search\");\n this._clearBtn.addEventListener(\"click\", this._clear.bind(this));\n\n // search button\n this._searchBtn = this.shadowRoot.querySelector(\".search-button\");\n this._searchBtn.addEventListener(\"click\", this._search.bind(this));\n\n this._dropdown = this.shadowRoot.querySelector(\"#dropdown\");\n this._dropdown.data = [];\n\n this.activeIndex = null;\n\n this.addEventListener(\"keyup\", this._inputKeyUp.bind(this));\n\n // these two events, fire search\n this.addEventListener(\n PfeAutocomplete.events.search,\n this._closeDroplist.bind(this)\n );\n this.addEventListener(\n PfeAutocomplete.events.select,\n this._optionSelected.bind(this)\n );\n }\n\n disconnectedCallback() {\n this.removeEventListener(\"keyup\", this._inputKeyUp);\n\n this.removeEventListener(\n PfeAutocomplete.events.search,\n this._closeDroplist\n );\n this.removeEventListener(\n PfeAutocomplete.events.select,\n this._optionSelected\n );\n this._slot.removeEventListener(\n PfeAutocomplete.events.slotchange,\n this._slotchangeHandler\n );\n if (this._input) {\n this._input.removeEventListener(\"input\", this._inputChanged);\n this._input.removeEventListener(\"blur\", this._closeDroplist);\n }\n\n this._clearBtn.removeEventListener(\"click\", this._clear);\n this._searchBtn.removeEventListener(\"click\", this._search);\n }\n\n static get observedAttributes() {\n return [\"init-value\", \"loading\", \"is-disabled\"];\n }\n\n attributeChangedCallback(attr, oldVal, newVal) {\n super.attributeChangedCallback();\n\n let slotNodes = this.shadowRoot.querySelector(\"slot\").assignedNodes();\n let slotElems = slotNodes.filter(n => n.nodeType === Node.ELEMENT_NODE);\n let _input = slotElems[0];\n\n let _clearBtn = this.shadowRoot.querySelector(\".clear-search\");\n let _searchBtn = this.shadowRoot.querySelector(\".search-button\");\n\n switch (attr) {\n case \"loading\":\n if (!this.loading || _input.value === \"\") {\n this.shadowRoot.querySelector(\".loading\").setAttribute(\"hidden\", \"\");\n } else {\n this.shadowRoot.querySelector(\".loading\").removeAttribute(\"hidden\");\n }\n break;\n\n case \"init-value\":\n if (this[\"init-value\"] !== newVal) {\n // set inputbox and buttons in the inner component\n _input.value = newVal;\n if (newVal !== \"\" && !this.isDisabled) {\n _searchBtn.removeAttribute(\"disabled\");\n _clearBtn.removeAttribute(\"hidden\");\n } else {\n _searchBtn.setAttribute(\"disabled\", \"\");\n _clearBtn.setAttribute(\"hidden\", \"\");\n }\n }\n break;\n\n case \"is-disabled\":\n if (this.isDisabled) {\n _clearBtn.setAttribute(\"disabled\", \"\");\n _searchBtn.setAttribute(\"disabled\", \"\");\n _input.setAttribute(\"disabled\", \"\");\n } else {\n _clearBtn.removeAttribute(\"disabled\");\n _searchBtn.removeAttribute(\"disabled\");\n _input.removeAttribute(\"disabled\");\n }\n break;\n }\n }\n\n get selectedValue() {\n return this.getAttribute(\"selected-value\");\n }\n\n set selectedValue(val) {\n this.setAttribute(\"selected-value\", val);\n }\n\n set isDisabled(value) {\n if (value) {\n this.setAttribute(\"is-disabled\", \"\");\n } else {\n this.removeAttribute(\"is-disabled\");\n }\n }\n\n get isDisabled() {\n return this.hasAttribute(\"is-disabled\");\n }\n\n set loading(value) {\n const loading = Boolean(value);\n if (loading) {\n this.setAttribute(\"loading\", \"\");\n } else {\n this.removeAttribute(\"loading\");\n }\n }\n\n get loading() {\n return this.hasAttribute(\"loading\");\n }\n\n get initValue() {\n return this.getAttribute(\"init-value\");\n }\n\n set initValue(val) {\n this.setAttribute(\"init-value\", val);\n }\n\n get debounce() {\n return this.getAttribute(\"debounce\");\n }\n\n set debounce(val) {\n this.setAttribute(\"debounce\", val);\n }\n\n _slotchangeHandler() {\n // input box\n let slotNodes = this.shadowRoot.querySelector(\"slot\").assignedNodes();\n let slotElems = slotNodes.filter(n => n.nodeType === Node.ELEMENT_NODE);\n\n if (slotElems.length === 0) {\n console.error(\n `${PfeAutocomplete.tag}: There must be a input tag in the light DOM`\n );\n\n return;\n }\n\n this._input = slotElems[0];\n\n if (this._input.tagName.toLowerCase() !== \"input\") {\n console.error(\n `${PfeAutocomplete.tag}: The only child in the light DOM must be an input tag`\n );\n\n return;\n }\n\n this._input.addEventListener(\"input\", this._inputChanged.bind(this));\n this._input.addEventListener(\"blur\", this._closeDroplist.bind(this));\n\n this._input.setAttribute(\"role\", \"combobox\");\n\n if (!this._input.hasAttribute(\"aria-label\")) {\n this._input.setAttribute(\"aria-label\", \"Search\");\n }\n\n this._input.setAttribute(\"aria-autocomplete\", \"both\");\n this._input.setAttribute(\"aria-haspopup\", \"true\");\n this._input.setAttribute(\"type\", \"search\");\n this._input.setAttribute(\"autocomplete\", \"off\");\n this._input.setAttribute(\"autocorrect\", \"off\");\n this._input.setAttribute(\"autocapitalize\", \"off\");\n this._input.setAttribute(\"spellcheck\", \"false\");\n\n this._dropdown._ariaAnnounceTemplate =\n this.getAttribute(\"aria-announce-template\") || this._ariaAnnounceTemplate;\n }\n\n _inputChanged() {\n if (this._input.value === \"\") {\n this._searchBtn.setAttribute(\"disabled\", \"\");\n this._clearBtn.setAttribute(\"hidden\", \"\");\n\n this._reset();\n return;\n } else {\n if (!this._input.hasAttribute(\"disabled\")) {\n this._searchBtn.removeAttribute(\"disabled\");\n }\n this._clearBtn.removeAttribute(\"hidden\");\n }\n\n if (throttle === false) {\n throttle = true;\n\n window.setTimeout(() => {\n this._sendAutocompleteRequest(this._input.value);\n throttle = false;\n }, this.debounce);\n }\n }\n\n _clear() {\n this._input.value = \"\";\n this._clearBtn.setAttribute(\"hidden\", \"\");\n this._searchBtn.setAttribute(\"disabled\", \"\");\n this._input.focus();\n }\n\n _search() {\n this._doSearch(this._input.value);\n }\n\n _closeDroplist() {\n this._dropdown.open = null;\n this._dropdown.removeAttribute(\"active-index\");\n }\n\n _openDroplist() {\n this.activeIndex = null;\n this._dropdown.setAttribute(\"open\", true);\n this._dropdown.setAttribute(\"active-index\", null);\n }\n\n _optionSelected(e) {\n let selectedValue = e.detail.optionValue;\n\n // update input box with selected value from options list\n this._input.value = selectedValue;\n\n // send search request\n this._doSearch(selectedValue);\n }\n\n _doSearch(searchQuery) {\n this.emitEvent(PfeAutocomplete.events.search, {\n detail: { searchValue: searchQuery },\n composed: true\n });\n this._reset();\n this.selectedValue = searchQuery;\n }\n\n _sendAutocompleteRequest(input) {\n if (!this.autocompleteRequest) return;\n\n this.autocompleteRequest(\n { query: input },\n this._autocompleteCallback.bind(this)\n );\n }\n\n _autocompleteCallback(response) {\n this._dropdown.data = response;\n this._dropdown.reflow = true;\n response.length !== 0 ? this._openDroplist() : this._closeDroplist();\n }\n\n _reset() {\n this._dropdown.activeIndex = null;\n this._input.setAttribute(\"aria-activedescendant\", \"\");\n this._dropdown.data = [];\n this._closeDroplist();\n }\n\n _activeOption(activeIndex) {\n if (activeIndex === null || activeIndex === \"null\") return;\n return this._dropdown.shadowRoot.querySelector(\n \"li:nth-child(\" + (parseInt(activeIndex, 10) + 1) + \")\"\n ).innerHTML;\n }\n\n _inputKeyUp(e) {\n let key = e.keyCode;\n\n if (\n this._dropdown.data.length === 0 &&\n key !== KEYCODE.DOWN &&\n key !== KEYCODE.UP &&\n key !== KEYCODE.ENTER &&\n key !== KEYCODE.ESC\n )\n return;\n\n let activeIndex = this._dropdown.activeIndex;\n let optionsLength = this._dropdown.data.length;\n\n if (key == KEYCODE.ESC) {\n this._closeDroplist();\n } else if (key === KEYCODE.UP) {\n if (!this._dropdown.open) {\n return;\n }\n\n activeIndex =\n activeIndex === null || activeIndex === \"null\"\n ? optionsLength\n : parseInt(activeIndex, 10);\n\n activeIndex -= 1;\n\n if (activeIndex < 0) {\n activeIndex = optionsLength - 1;\n }\n\n this._input.value = this._activeOption(activeIndex);\n } else if (key === KEYCODE.DOWN) {\n if (!this._dropdown.open) {\n return;\n }\n\n activeIndex =\n activeIndex === null || activeIndex === \"null\"\n ? -1\n : parseInt(activeIndex, 10);\n activeIndex += 1;\n\n if (activeIndex > optionsLength - 1) {\n activeIndex = 0;\n }\n\n this._input.value = this._activeOption(activeIndex);\n } else if (key === KEYCODE.ENTER) {\n let selectedValue = this._input.value;\n this._doSearch(selectedValue);\n return;\n }\n\n if (activeIndex !== null && activeIndex !== \"null\") {\n this._input.setAttribute(\n \"aria-activedescendant\",\n \"option-\" + activeIndex\n );\n } else {\n this._input.setAttribute(\"aria-activedescendant\", \"\");\n }\n\n this.activeIndex = activeIndex;\n this._dropdown.activeIndex = activeIndex;\n }\n}\n\n/*\n* - Attributes ------------------------------------\n* open | Set when the combo box dropdown is open\n* active-index | Set selected option\n* reflow | Re-renders the dropdown\n\n* - Events ----------------------------------------\n* pfe-option-selected | Fires when an option is selected.\n event.detailes.selectedValue contains the selected value.\n*/\nclass PfeSearchDroplist extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return `
    \n
    \n
      \n
    \n
    `;\n }\n static get tag() {\n return \"pfe-search-droplist\";\n }\n\n get templateUrl() {\n return \"pfe-search-droplist.html\";\n }\n\n get styleUrl() {\n return \"pfe-search-droplist.scss\";\n }\n\n constructor() {\n super(PfeSearchDroplist);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this._ariaAnnounce = this.shadowRoot.querySelector(\n \".suggestions-aria-help\"\n );\n\n this.activeIndex = null;\n this._ul = this.shadowRoot.querySelector(\"ul\");\n this._ul.addEventListener(\"mousedown\", this._optionSelected.bind(this));\n }\n\n disconnectedCallback() {\n this._ul.removeEventListener(\"mousedown\", this._optionSelected);\n }\n\n _optionSelected(e) {\n if (e.target.tagName === \"LI\") {\n this.emitEvent(PfeAutocomplete.events.select, {\n detail: { optionValue: e.target.innerText },\n composed: true\n });\n }\n }\n\n _renderOptions() {\n this.reflow = \"\";\n\n let options = this.data;\n let ariaAnnounceText = \"\";\n\n if (this._ariaAnnounceTemplate) {\n ariaAnnounceText = this._ariaAnnounceTemplate.replace(\n \"${numOptions}\",\n options.length\n );\n }\n\n this._ariaAnnounce.textContent = ariaAnnounceText;\n this._ariaAnnounce.setAttribute(\"aria-live\", \"polite\");\n\n this._ul.innerHTML = `${options\n .map((item, index) => {\n return `
  • ${item}
    • `;\n })\n .join(\"\")}`;\n }\n\n static get observedAttributes() {\n return [\"open\", \"reflow\", \"active-index\"];\n }\n\n attributeChangedCallback(attr, oldVal, newVal) {\n super.attributeChangedCallback();\n\n if (this[name] !== newVal) {\n this[name] = newVal;\n }\n\n if (attr === \"active-index\" && oldVal !== newVal) {\n this._activeIndexChanged();\n }\n\n if (attr === \"reflow\") {\n this._renderOptions();\n }\n }\n\n _activeIndexChanged() {\n if (\n !this.data ||\n this.data.length === 0 ||\n this.activeIndex === null ||\n this.activeIndex === \"null\"\n )\n return;\n\n // remove active class\n if (this._ul.querySelector(\".active\")) {\n this._ul.querySelector(\".active\").classList.remove(\"active\");\n }\n\n // add active class to selected option\n let activeOption = this._ul.querySelector(\n \"li:nth-child(\" + (parseInt(this.activeIndex, 10) + 1) + \")\"\n );\n\n activeOption.classList.add(\"active\");\n\n // scroll to selected element when selected item with keyboard is out of view\n let ulWrapper = this.shadowRoot.querySelector(\".droplist\");\n let activeOptionHeight = activeOption.offsetHeight;\n activeOptionHeight += parseInt(\n window.getComputedStyle(activeOption).getPropertyValue(\"margin-bottom\"),\n 10\n );\n ulWrapper.scrollTop =\n activeOption.offsetTop - ulWrapper.offsetHeight + activeOptionHeight;\n }\n\n get open() {\n return this.hasAttribute(\"open\");\n }\n\n set open(val) {\n val = Boolean(val);\n\n if (val) {\n this.setAttribute(\"open\", \"\");\n } else {\n this.removeAttribute(\"open\");\n }\n }\n\n get activeIndex() {\n return this.getAttribute(\"active-index\");\n }\n\n set activeIndex(val) {\n this.setAttribute(\"active-index\", val);\n }\n\n get reflow() {\n return this.hasAttribute(\"reflow\");\n }\n\n set reflow(val) {\n val = Boolean(val);\n\n if (val) {\n this.setAttribute(\"reflow\", \"\");\n } else {\n this.removeAttribute(\"reflow\");\n }\n }\n}\n\nPFElement.create(PfeSearchDroplist);\nPFElement.create(PfeAutocomplete);\n\nexport default PfeAutocomplete;\n"],"names":["KEYCODE","ENTER","DOWN","UP","ESC","throttle","PfeAutocomplete","PFElement","version","html","properties","debounce_timer","title","description","type","prefixed","init_value","is_disabled","slots","content","namedSlot","items","oneOf","$ref","required","tag","schemaUrl","templateUrl","styleUrl","events","search","select","slotchange","[object Object]","super","this","_slotchangeHandler","bind","_slot","shadowRoot","querySelector","addEventListener","connectedCallback","loading","debounce","_ariaAnnounceTemplate","_clearBtn","_clear","_searchBtn","_search","_dropdown","data","activeIndex","_inputKeyUp","_closeDroplist","_optionSelected","removeEventListener","_input","_inputChanged","observedAttributes","attr","oldVal","newVal","attributeChangedCallback","assignedNodes","filter","n","nodeType","Node","ELEMENT_NODE","value","removeAttribute","setAttribute","isDisabled","selectedValue","getAttribute","val","hasAttribute","Boolean","initValue","slotElems","length","tagName","toLowerCase","console","error","_reset","window","setTimeout","_sendAutocompleteRequest","focus","_doSearch","open","e","detail","optionValue","searchQuery","emitEvent","searchValue","composed","input","autocompleteRequest","query","_autocompleteCallback","response","reflow","_openDroplist","parseInt","innerHTML","key","keyCode","optionsLength","_activeOption","PfeSearchDroplist","_ariaAnnounce","_ul","target","innerText","options","ariaAnnounceText","replace","textContent","map","item","index","join","name","_activeIndexChanged","_renderOptions","classList","remove","activeOption","add","ulWrapper","activeOptionHeight","offsetHeight","getComputedStyle","getPropertyValue","scrollTop","offsetTop","create"],"mappings":"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"} \ No newline at end of file diff --git a/elements/pfe-autocomplete/dist/pfe-autocomplete.umd.js b/elements/pfe-autocomplete/dist/pfe-autocomplete.umd.js new file mode 100644 index 0000000000..95722591e5 --- /dev/null +++ b/elements/pfe-autocomplete/dist/pfe-autocomplete.umd.js @@ -0,0 +1,712 @@ +(function (global, factory) { + typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('../../pfelement/dist/pfelement.umd')) : + typeof define === 'function' && define.amd ? define(['../../pfelement/dist/pfelement.umd'], factory) : + (global.PfeAutocomplete = factory(global.PFElement)); +}(this, (function (PFElement) { 'use strict'; + + PFElement = PFElement && PFElement.hasOwnProperty('default') ? PFElement['default'] : PFElement; + + var classCallCheck = function (instance, Constructor) { + if (!(instance instanceof Constructor)) { + throw new TypeError("Cannot call a class as a function"); + } + }; + + var createClass = function () { + function defineProperties(target, props) { + for (var i = 0; i < props.length; i++) { + var descriptor = props[i]; + descriptor.enumerable = descriptor.enumerable || false; + descriptor.configurable = true; + if ("value" in descriptor) descriptor.writable = true; + Object.defineProperty(target, descriptor.key, descriptor); + } + } + + return function (Constructor, protoProps, staticProps) { + if (protoProps) defineProperties(Constructor.prototype, protoProps); + if (staticProps) defineProperties(Constructor, staticProps); + return Constructor; + }; + }(); + + var get = function get(object, property, receiver) { + if (object === null) object = Function.prototype; + var desc = Object.getOwnPropertyDescriptor(object, property); + + if (desc === undefined) { + var parent = Object.getPrototypeOf(object); + + if (parent === null) { + return undefined; + } else { + return get(parent, property, receiver); + } + } else if ("value" in desc) { + return desc.value; + } else { + var getter = desc.get; + + if (getter === undefined) { + return undefined; + } + + return getter.call(receiver); + } + }; + + var inherits = function (subClass, superClass) { + if (typeof superClass !== "function" && superClass !== null) { + throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); + } + + subClass.prototype = Object.create(superClass && superClass.prototype, { + constructor: { + value: subClass, + enumerable: false, + writable: true, + configurable: true + } + }); + if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; + }; + + var possibleConstructorReturn = function (self, call) { + if (!self) { + throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); + } + + return call && (typeof call === "object" || typeof call === "function") ? call : self; + }; + + /*! + * PatternFly Elements: PfeAutocomplete 1.0.0-prerelease.50 + * @license + * Copyright 2020 Red Hat, Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + * + */ + + var KEYCODE = { + ENTER: 13, + DOWN: 40, + UP: 38, + ESC: 27 + }; + + // use this variable to debounce api call when user types very fast + var throttle = false; + + var PfeAutocomplete = function (_PFElement) { + inherits(PfeAutocomplete, _PFElement); + createClass(PfeAutocomplete, [{ + key: "html", + get: function get$$1() { + return "
    \n \n\n \n\n \n\n \n
    \n"; + } + }, { + key: "schemaUrl", + get: function get$$1() { + return "pfe-autocomplete.json"; + } + }, { + key: "templateUrl", + get: function get$$1() { + return "pfe-autocomplete.html"; + } + }, { + key: "styleUrl", + get: function get$$1() { + return "pfe-autocomplete.scss"; + } + }], [{ + key: "version", + get: function get$$1() { + return "1.0.0-prerelease.50"; + } + }, { + key: "properties", + get: function get$$1() { + return { "debounce_timer": { "title": "Debounce", "description": "The amount of time that should pass before the next API call is made", "type": "string", "prefixed": false }, "init_value": { "title": "Initial value", "description": "An initial value to show in the input field", "type": "string", "prefixed": false }, "is_disabled": { "title": "Is disabled", "description": "Disable the input", "type": "boolean", "prefixed": false } }; + } + }, { + key: "slots", + get: function get$$1() { + return { "content": { "title": "Content", "type": "array", "namedSlot": false, "items": { "oneOf": [{ "$ref": "input" }] }, "required": true } }; + } + }, { + key: "tag", + get: function get$$1() { + return "pfe-autocomplete"; + } + }, { + key: "events", + get: function get$$1() { + return { + search: "pfe-search-event", + select: "pfe-option-selected", + slotchange: "slotchange" + }; + } + }]); + + function PfeAutocomplete() { + classCallCheck(this, PfeAutocomplete); + + var _this = possibleConstructorReturn(this, (PfeAutocomplete.__proto__ || Object.getPrototypeOf(PfeAutocomplete)).call(this, PfeAutocomplete)); + + _this._slotchangeHandler = _this._slotchangeHandler.bind(_this); + + _this._slot = _this.shadowRoot.querySelector("slot"); + _this._slot.addEventListener("slotchange", _this._slotchangeHandler); + return _this; + } + + createClass(PfeAutocomplete, [{ + key: "connectedCallback", + value: function connectedCallback() { + get(PfeAutocomplete.prototype.__proto__ || Object.getPrototypeOf(PfeAutocomplete.prototype), "connectedCallback", this).call(this); + + this.loading = false; + this.debounce = this.debounce || 300; + this._ariaAnnounceTemplate = "There are ${numOptions} suggestions. Use the up and down arrows to browse."; + + // clear button + this._clearBtn = this.shadowRoot.querySelector(".clear-search"); + this._clearBtn.addEventListener("click", this._clear.bind(this)); + + // search button + this._searchBtn = this.shadowRoot.querySelector(".search-button"); + this._searchBtn.addEventListener("click", this._search.bind(this)); + + this._dropdown = this.shadowRoot.querySelector("#dropdown"); + this._dropdown.data = []; + + this.activeIndex = null; + + this.addEventListener("keyup", this._inputKeyUp.bind(this)); + + // these two events, fire search + this.addEventListener(PfeAutocomplete.events.search, this._closeDroplist.bind(this)); + this.addEventListener(PfeAutocomplete.events.select, this._optionSelected.bind(this)); + } + }, { + key: "disconnectedCallback", + value: function disconnectedCallback() { + this.removeEventListener("keyup", this._inputKeyUp); + + this.removeEventListener(PfeAutocomplete.events.search, this._closeDroplist); + this.removeEventListener(PfeAutocomplete.events.select, this._optionSelected); + this._slot.removeEventListener(PfeAutocomplete.events.slotchange, this._slotchangeHandler); + if (this._input) { + this._input.removeEventListener("input", this._inputChanged); + this._input.removeEventListener("blur", this._closeDroplist); + } + + this._clearBtn.removeEventListener("click", this._clear); + this._searchBtn.removeEventListener("click", this._search); + } + }, { + key: "attributeChangedCallback", + value: function attributeChangedCallback(attr, oldVal, newVal) { + get(PfeAutocomplete.prototype.__proto__ || Object.getPrototypeOf(PfeAutocomplete.prototype), "attributeChangedCallback", this).call(this); + + var slotNodes = this.shadowRoot.querySelector("slot").assignedNodes(); + var slotElems = slotNodes.filter(function (n) { + return n.nodeType === Node.ELEMENT_NODE; + }); + var _input = slotElems[0]; + + var _clearBtn = this.shadowRoot.querySelector(".clear-search"); + var _searchBtn = this.shadowRoot.querySelector(".search-button"); + + switch (attr) { + case "loading": + if (!this.loading || _input.value === "") { + this.shadowRoot.querySelector(".loading").setAttribute("hidden", ""); + } else { + this.shadowRoot.querySelector(".loading").removeAttribute("hidden"); + } + break; + + case "init-value": + if (this["init-value"] !== newVal) { + // set inputbox and buttons in the inner component + _input.value = newVal; + if (newVal !== "" && !this.isDisabled) { + _searchBtn.removeAttribute("disabled"); + _clearBtn.removeAttribute("hidden"); + } else { + _searchBtn.setAttribute("disabled", ""); + _clearBtn.setAttribute("hidden", ""); + } + } + break; + + case "is-disabled": + if (this.isDisabled) { + _clearBtn.setAttribute("disabled", ""); + _searchBtn.setAttribute("disabled", ""); + _input.setAttribute("disabled", ""); + } else { + _clearBtn.removeAttribute("disabled"); + _searchBtn.removeAttribute("disabled"); + _input.removeAttribute("disabled"); + } + break; + } + } + }, { + key: "_slotchangeHandler", + value: function _slotchangeHandler() { + // input box + var slotNodes = this.shadowRoot.querySelector("slot").assignedNodes(); + var slotElems = slotNodes.filter(function (n) { + return n.nodeType === Node.ELEMENT_NODE; + }); + + if (slotElems.length === 0) { + console.error(PfeAutocomplete.tag + ": There must be a input tag in the light DOM"); + + return; + } + + this._input = slotElems[0]; + + if (this._input.tagName.toLowerCase() !== "input") { + console.error(PfeAutocomplete.tag + ": The only child in the light DOM must be an input tag"); + + return; + } + + this._input.addEventListener("input", this._inputChanged.bind(this)); + this._input.addEventListener("blur", this._closeDroplist.bind(this)); + + this._input.setAttribute("role", "combobox"); + + if (!this._input.hasAttribute("aria-label")) { + this._input.setAttribute("aria-label", "Search"); + } + + this._input.setAttribute("aria-autocomplete", "both"); + this._input.setAttribute("aria-haspopup", "true"); + this._input.setAttribute("type", "search"); + this._input.setAttribute("autocomplete", "off"); + this._input.setAttribute("autocorrect", "off"); + this._input.setAttribute("autocapitalize", "off"); + this._input.setAttribute("spellcheck", "false"); + + this._dropdown._ariaAnnounceTemplate = this.getAttribute("aria-announce-template") || this._ariaAnnounceTemplate; + } + }, { + key: "_inputChanged", + value: function _inputChanged() { + var _this2 = this; + + if (this._input.value === "") { + this._searchBtn.setAttribute("disabled", ""); + this._clearBtn.setAttribute("hidden", ""); + + this._reset(); + return; + } else { + if (!this._input.hasAttribute("disabled")) { + this._searchBtn.removeAttribute("disabled"); + } + this._clearBtn.removeAttribute("hidden"); + } + + if (throttle === false) { + throttle = true; + + window.setTimeout(function () { + _this2._sendAutocompleteRequest(_this2._input.value); + throttle = false; + }, this.debounce); + } + } + }, { + key: "_clear", + value: function _clear() { + this._input.value = ""; + this._clearBtn.setAttribute("hidden", ""); + this._searchBtn.setAttribute("disabled", ""); + this._input.focus(); + } + }, { + key: "_search", + value: function _search() { + this._doSearch(this._input.value); + } + }, { + key: "_closeDroplist", + value: function _closeDroplist() { + this._dropdown.open = null; + this._dropdown.removeAttribute("active-index"); + } + }, { + key: "_openDroplist", + value: function _openDroplist() { + this.activeIndex = null; + this._dropdown.setAttribute("open", true); + this._dropdown.setAttribute("active-index", null); + } + }, { + key: "_optionSelected", + value: function _optionSelected(e) { + var selectedValue = e.detail.optionValue; + + // update input box with selected value from options list + this._input.value = selectedValue; + + // send search request + this._doSearch(selectedValue); + } + }, { + key: "_doSearch", + value: function _doSearch(searchQuery) { + this.emitEvent(PfeAutocomplete.events.search, { + detail: { searchValue: searchQuery }, + composed: true + }); + this._reset(); + this.selectedValue = searchQuery; + } + }, { + key: "_sendAutocompleteRequest", + value: function _sendAutocompleteRequest(input) { + if (!this.autocompleteRequest) return; + + this.autocompleteRequest({ query: input }, this._autocompleteCallback.bind(this)); + } + }, { + key: "_autocompleteCallback", + value: function _autocompleteCallback(response) { + this._dropdown.data = response; + this._dropdown.reflow = true; + response.length !== 0 ? this._openDroplist() : this._closeDroplist(); + } + }, { + key: "_reset", + value: function _reset() { + this._dropdown.activeIndex = null; + this._input.setAttribute("aria-activedescendant", ""); + this._dropdown.data = []; + this._closeDroplist(); + } + }, { + key: "_activeOption", + value: function _activeOption(activeIndex) { + if (activeIndex === null || activeIndex === "null") return; + return this._dropdown.shadowRoot.querySelector("li:nth-child(" + (parseInt(activeIndex, 10) + 1) + ")").innerHTML; + } + }, { + key: "_inputKeyUp", + value: function _inputKeyUp(e) { + var key = e.keyCode; + + if (this._dropdown.data.length === 0 && key !== KEYCODE.DOWN && key !== KEYCODE.UP && key !== KEYCODE.ENTER && key !== KEYCODE.ESC) return; + + var activeIndex = this._dropdown.activeIndex; + var optionsLength = this._dropdown.data.length; + + if (key == KEYCODE.ESC) { + this._closeDroplist(); + } else if (key === KEYCODE.UP) { + if (!this._dropdown.open) { + return; + } + + activeIndex = activeIndex === null || activeIndex === "null" ? optionsLength : parseInt(activeIndex, 10); + + activeIndex -= 1; + + if (activeIndex < 0) { + activeIndex = optionsLength - 1; + } + + this._input.value = this._activeOption(activeIndex); + } else if (key === KEYCODE.DOWN) { + if (!this._dropdown.open) { + return; + } + + activeIndex = activeIndex === null || activeIndex === "null" ? -1 : parseInt(activeIndex, 10); + activeIndex += 1; + + if (activeIndex > optionsLength - 1) { + activeIndex = 0; + } + + this._input.value = this._activeOption(activeIndex); + } else if (key === KEYCODE.ENTER) { + var selectedValue = this._input.value; + this._doSearch(selectedValue); + return; + } + + if (activeIndex !== null && activeIndex !== "null") { + this._input.setAttribute("aria-activedescendant", "option-" + activeIndex); + } else { + this._input.setAttribute("aria-activedescendant", ""); + } + + this.activeIndex = activeIndex; + this._dropdown.activeIndex = activeIndex; + } + }, { + key: "selectedValue", + get: function get$$1() { + return this.getAttribute("selected-value"); + }, + set: function set$$1(val) { + this.setAttribute("selected-value", val); + } + }, { + key: "isDisabled", + set: function set$$1(value) { + if (value) { + this.setAttribute("is-disabled", ""); + } else { + this.removeAttribute("is-disabled"); + } + }, + get: function get$$1() { + return this.hasAttribute("is-disabled"); + } + }, { + key: "loading", + set: function set$$1(value) { + var loading = Boolean(value); + if (loading) { + this.setAttribute("loading", ""); + } else { + this.removeAttribute("loading"); + } + }, + get: function get$$1() { + return this.hasAttribute("loading"); + } + }, { + key: "initValue", + get: function get$$1() { + return this.getAttribute("init-value"); + }, + set: function set$$1(val) { + this.setAttribute("init-value", val); + } + }, { + key: "debounce", + get: function get$$1() { + return this.getAttribute("debounce"); + }, + set: function set$$1(val) { + this.setAttribute("debounce", val); + } + }], [{ + key: "observedAttributes", + get: function get$$1() { + return ["init-value", "loading", "is-disabled"]; + } + }]); + return PfeAutocomplete; + }(PFElement); + + /* + * - Attributes ------------------------------------ + * open | Set when the combo box dropdown is open + * active-index | Set selected option + * reflow | Re-renders the dropdown + + * - Events ---------------------------------------- + * pfe-option-selected | Fires when an option is selected. + event.detailes.selectedValue contains the selected value. + */ + + + var PfeSearchDroplist = function (_PFElement2) { + inherits(PfeSearchDroplist, _PFElement2); + createClass(PfeSearchDroplist, [{ + key: "html", + get: function get$$1() { + return "
    \n
    \n
      \n
    \n
    "; + } + }, { + key: "templateUrl", + get: function get$$1() { + return "pfe-search-droplist.html"; + } + }, { + key: "styleUrl", + get: function get$$1() { + return "pfe-search-droplist.scss"; + } + }], [{ + key: "version", + get: function get$$1() { + return "1.0.0-prerelease.50"; + } + }, { + key: "tag", + get: function get$$1() { + return "pfe-search-droplist"; + } + }]); + + function PfeSearchDroplist() { + classCallCheck(this, PfeSearchDroplist); + return possibleConstructorReturn(this, (PfeSearchDroplist.__proto__ || Object.getPrototypeOf(PfeSearchDroplist)).call(this, PfeSearchDroplist)); + } + + createClass(PfeSearchDroplist, [{ + key: "connectedCallback", + value: function connectedCallback() { + get(PfeSearchDroplist.prototype.__proto__ || Object.getPrototypeOf(PfeSearchDroplist.prototype), "connectedCallback", this).call(this); + + this._ariaAnnounce = this.shadowRoot.querySelector(".suggestions-aria-help"); + + this.activeIndex = null; + this._ul = this.shadowRoot.querySelector("ul"); + this._ul.addEventListener("mousedown", this._optionSelected.bind(this)); + } + }, { + key: "disconnectedCallback", + value: function disconnectedCallback() { + this._ul.removeEventListener("mousedown", this._optionSelected); + } + }, { + key: "_optionSelected", + value: function _optionSelected(e) { + if (e.target.tagName === "LI") { + this.emitEvent(PfeAutocomplete.events.select, { + detail: { optionValue: e.target.innerText }, + composed: true + }); + } + } + }, { + key: "_renderOptions", + value: function _renderOptions() { + this.reflow = ""; + + var options = this.data; + var ariaAnnounceText = ""; + + if (this._ariaAnnounceTemplate) { + ariaAnnounceText = this._ariaAnnounceTemplate.replace("${numOptions}", options.length); + } + + this._ariaAnnounce.textContent = ariaAnnounceText; + this._ariaAnnounce.setAttribute("aria-live", "polite"); + + this._ul.innerHTML = "" + options.map(function (item, index) { + return "
  • " + item + "
    • "; + }).join(""); + } + }, { + key: "attributeChangedCallback", + value: function attributeChangedCallback(attr, oldVal, newVal) { + get(PfeSearchDroplist.prototype.__proto__ || Object.getPrototypeOf(PfeSearchDroplist.prototype), "attributeChangedCallback", this).call(this); + + if (this[name] !== newVal) { + this[name] = newVal; + } + + if (attr === "active-index" && oldVal !== newVal) { + this._activeIndexChanged(); + } + + if (attr === "reflow") { + this._renderOptions(); + } + } + }, { + key: "_activeIndexChanged", + value: function _activeIndexChanged() { + if (!this.data || this.data.length === 0 || this.activeIndex === null || this.activeIndex === "null") return; + + // remove active class + if (this._ul.querySelector(".active")) { + this._ul.querySelector(".active").classList.remove("active"); + } + + // add active class to selected option + var activeOption = this._ul.querySelector("li:nth-child(" + (parseInt(this.activeIndex, 10) + 1) + ")"); + + activeOption.classList.add("active"); + + // scroll to selected element when selected item with keyboard is out of view + var ulWrapper = this.shadowRoot.querySelector(".droplist"); + var activeOptionHeight = activeOption.offsetHeight; + activeOptionHeight += parseInt(window.getComputedStyle(activeOption).getPropertyValue("margin-bottom"), 10); + ulWrapper.scrollTop = activeOption.offsetTop - ulWrapper.offsetHeight + activeOptionHeight; + } + }, { + key: "open", + get: function get$$1() { + return this.hasAttribute("open"); + }, + set: function set$$1(val) { + val = Boolean(val); + + if (val) { + this.setAttribute("open", ""); + } else { + this.removeAttribute("open"); + } + } + }, { + key: "activeIndex", + get: function get$$1() { + return this.getAttribute("active-index"); + }, + set: function set$$1(val) { + this.setAttribute("active-index", val); + } + }, { + key: "reflow", + get: function get$$1() { + return this.hasAttribute("reflow"); + }, + set: function set$$1(val) { + val = Boolean(val); + + if (val) { + this.setAttribute("reflow", ""); + } else { + this.removeAttribute("reflow"); + } + } + }], [{ + key: "observedAttributes", + get: function get$$1() { + return ["open", "reflow", "active-index"]; + } + }]); + return PfeSearchDroplist; + }(PFElement); + + PFElement.create(PfeSearchDroplist); + PFElement.create(PfeAutocomplete); + + return PfeAutocomplete; + +}))); +//# sourceMappingURL=pfe-autocomplete.umd.js.map diff --git a/elements/pfe-autocomplete/dist/pfe-autocomplete.umd.js.map b/elements/pfe-autocomplete/dist/pfe-autocomplete.umd.js.map new file mode 100644 index 0000000000..1bef2e9cd0 --- /dev/null +++ b/elements/pfe-autocomplete/dist/pfe-autocomplete.umd.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-autocomplete.umd.js","sources":["../_temp/pfe-autocomplete.umd.js"],"sourcesContent":["/*!\n * PatternFly Elements: PfeAutocomplete 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\nimport PFElement from \"../../pfelement/dist/pfelement.umd\";\n\nconst KEYCODE = {\n ENTER: 13,\n DOWN: 40,\n UP: 38,\n ESC: 27\n};\n\n// use this variable to debounce api call when user types very fast\nlet throttle = false;\n\nclass PfeAutocomplete extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return `
    \n \n\n \n\n \n\n \n
    \n`;\n }\n\n static get properties() {\n return {\"debounce_timer\":{\"title\":\"Debounce\",\"description\":\"The amount of time that should pass before the next API call is made\",\"type\":\"string\",\"prefixed\":false},\"init_value\":{\"title\":\"Initial value\",\"description\":\"An initial value to show in the input field\",\"type\":\"string\",\"prefixed\":false},\"is_disabled\":{\"title\":\"Is disabled\",\"description\":\"Disable the input\",\"type\":\"boolean\",\"prefixed\":false}};\n }\n\n static get slots() {\n return {\"content\":{\"title\":\"Content\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"input\"}]},\"required\":true}};\n }\n static get tag() {\n return \"pfe-autocomplete\";\n }\n\n get schemaUrl() {\n return \"pfe-autocomplete.json\";\n }\n\n get templateUrl() {\n return \"pfe-autocomplete.html\";\n }\n\n get styleUrl() {\n return \"pfe-autocomplete.scss\";\n }\n\n static get events() {\n return {\n search: `pfe-search-event`,\n select: `pfe-option-selected`,\n slotchange: `slotchange`\n };\n }\n\n constructor() {\n super(PfeAutocomplete);\n\n this._slotchangeHandler = this._slotchangeHandler.bind(this);\n\n this._slot = this.shadowRoot.querySelector(\"slot\");\n this._slot.addEventListener(\"slotchange\", this._slotchangeHandler);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this.loading = false;\n this.debounce = this.debounce || 300;\n this._ariaAnnounceTemplate =\n \"There are ${numOptions} suggestions. Use the up and down arrows to browse.\";\n\n // clear button\n this._clearBtn = this.shadowRoot.querySelector(\".clear-search\");\n this._clearBtn.addEventListener(\"click\", this._clear.bind(this));\n\n // search button\n this._searchBtn = this.shadowRoot.querySelector(\".search-button\");\n this._searchBtn.addEventListener(\"click\", this._search.bind(this));\n\n this._dropdown = this.shadowRoot.querySelector(\"#dropdown\");\n this._dropdown.data = [];\n\n this.activeIndex = null;\n\n this.addEventListener(\"keyup\", this._inputKeyUp.bind(this));\n\n // these two events, fire search\n this.addEventListener(\n PfeAutocomplete.events.search,\n this._closeDroplist.bind(this)\n );\n this.addEventListener(\n PfeAutocomplete.events.select,\n this._optionSelected.bind(this)\n );\n }\n\n disconnectedCallback() {\n this.removeEventListener(\"keyup\", this._inputKeyUp);\n\n this.removeEventListener(\n PfeAutocomplete.events.search,\n this._closeDroplist\n );\n this.removeEventListener(\n PfeAutocomplete.events.select,\n this._optionSelected\n );\n this._slot.removeEventListener(\n PfeAutocomplete.events.slotchange,\n this._slotchangeHandler\n );\n if (this._input) {\n this._input.removeEventListener(\"input\", this._inputChanged);\n this._input.removeEventListener(\"blur\", this._closeDroplist);\n }\n\n this._clearBtn.removeEventListener(\"click\", this._clear);\n this._searchBtn.removeEventListener(\"click\", this._search);\n }\n\n static get observedAttributes() {\n return [\"init-value\", \"loading\", \"is-disabled\"];\n }\n\n attributeChangedCallback(attr, oldVal, newVal) {\n super.attributeChangedCallback();\n\n let slotNodes = this.shadowRoot.querySelector(\"slot\").assignedNodes();\n let slotElems = slotNodes.filter(n => n.nodeType === Node.ELEMENT_NODE);\n let _input = slotElems[0];\n\n let _clearBtn = this.shadowRoot.querySelector(\".clear-search\");\n let _searchBtn = this.shadowRoot.querySelector(\".search-button\");\n\n switch (attr) {\n case \"loading\":\n if (!this.loading || _input.value === \"\") {\n this.shadowRoot.querySelector(\".loading\").setAttribute(\"hidden\", \"\");\n } else {\n this.shadowRoot.querySelector(\".loading\").removeAttribute(\"hidden\");\n }\n break;\n\n case \"init-value\":\n if (this[\"init-value\"] !== newVal) {\n // set inputbox and buttons in the inner component\n _input.value = newVal;\n if (newVal !== \"\" && !this.isDisabled) {\n _searchBtn.removeAttribute(\"disabled\");\n _clearBtn.removeAttribute(\"hidden\");\n } else {\n _searchBtn.setAttribute(\"disabled\", \"\");\n _clearBtn.setAttribute(\"hidden\", \"\");\n }\n }\n break;\n\n case \"is-disabled\":\n if (this.isDisabled) {\n _clearBtn.setAttribute(\"disabled\", \"\");\n _searchBtn.setAttribute(\"disabled\", \"\");\n _input.setAttribute(\"disabled\", \"\");\n } else {\n _clearBtn.removeAttribute(\"disabled\");\n _searchBtn.removeAttribute(\"disabled\");\n _input.removeAttribute(\"disabled\");\n }\n break;\n }\n }\n\n get selectedValue() {\n return this.getAttribute(\"selected-value\");\n }\n\n set selectedValue(val) {\n this.setAttribute(\"selected-value\", val);\n }\n\n set isDisabled(value) {\n if (value) {\n this.setAttribute(\"is-disabled\", \"\");\n } else {\n this.removeAttribute(\"is-disabled\");\n }\n }\n\n get isDisabled() {\n return this.hasAttribute(\"is-disabled\");\n }\n\n set loading(value) {\n const loading = Boolean(value);\n if (loading) {\n this.setAttribute(\"loading\", \"\");\n } else {\n this.removeAttribute(\"loading\");\n }\n }\n\n get loading() {\n return this.hasAttribute(\"loading\");\n }\n\n get initValue() {\n return this.getAttribute(\"init-value\");\n }\n\n set initValue(val) {\n this.setAttribute(\"init-value\", val);\n }\n\n get debounce() {\n return this.getAttribute(\"debounce\");\n }\n\n set debounce(val) {\n this.setAttribute(\"debounce\", val);\n }\n\n _slotchangeHandler() {\n // input box\n let slotNodes = this.shadowRoot.querySelector(\"slot\").assignedNodes();\n let slotElems = slotNodes.filter(n => n.nodeType === Node.ELEMENT_NODE);\n\n if (slotElems.length === 0) {\n console.error(\n `${PfeAutocomplete.tag}: There must be a input tag in the light DOM`\n );\n\n return;\n }\n\n this._input = slotElems[0];\n\n if (this._input.tagName.toLowerCase() !== \"input\") {\n console.error(\n `${PfeAutocomplete.tag}: The only child in the light DOM must be an input tag`\n );\n\n return;\n }\n\n this._input.addEventListener(\"input\", this._inputChanged.bind(this));\n this._input.addEventListener(\"blur\", this._closeDroplist.bind(this));\n\n this._input.setAttribute(\"role\", \"combobox\");\n\n if (!this._input.hasAttribute(\"aria-label\")) {\n this._input.setAttribute(\"aria-label\", \"Search\");\n }\n\n this._input.setAttribute(\"aria-autocomplete\", \"both\");\n this._input.setAttribute(\"aria-haspopup\", \"true\");\n this._input.setAttribute(\"type\", \"search\");\n this._input.setAttribute(\"autocomplete\", \"off\");\n this._input.setAttribute(\"autocorrect\", \"off\");\n this._input.setAttribute(\"autocapitalize\", \"off\");\n this._input.setAttribute(\"spellcheck\", \"false\");\n\n this._dropdown._ariaAnnounceTemplate =\n this.getAttribute(\"aria-announce-template\") || this._ariaAnnounceTemplate;\n }\n\n _inputChanged() {\n if (this._input.value === \"\") {\n this._searchBtn.setAttribute(\"disabled\", \"\");\n this._clearBtn.setAttribute(\"hidden\", \"\");\n\n this._reset();\n return;\n } else {\n if (!this._input.hasAttribute(\"disabled\")) {\n this._searchBtn.removeAttribute(\"disabled\");\n }\n this._clearBtn.removeAttribute(\"hidden\");\n }\n\n if (throttle === false) {\n throttle = true;\n\n window.setTimeout(() => {\n this._sendAutocompleteRequest(this._input.value);\n throttle = false;\n }, this.debounce);\n }\n }\n\n _clear() {\n this._input.value = \"\";\n this._clearBtn.setAttribute(\"hidden\", \"\");\n this._searchBtn.setAttribute(\"disabled\", \"\");\n this._input.focus();\n }\n\n _search() {\n this._doSearch(this._input.value);\n }\n\n _closeDroplist() {\n this._dropdown.open = null;\n this._dropdown.removeAttribute(\"active-index\");\n }\n\n _openDroplist() {\n this.activeIndex = null;\n this._dropdown.setAttribute(\"open\", true);\n this._dropdown.setAttribute(\"active-index\", null);\n }\n\n _optionSelected(e) {\n let selectedValue = e.detail.optionValue;\n\n // update input box with selected value from options list\n this._input.value = selectedValue;\n\n // send search request\n this._doSearch(selectedValue);\n }\n\n _doSearch(searchQuery) {\n this.emitEvent(PfeAutocomplete.events.search, {\n detail: { searchValue: searchQuery },\n composed: true\n });\n this._reset();\n this.selectedValue = searchQuery;\n }\n\n _sendAutocompleteRequest(input) {\n if (!this.autocompleteRequest) return;\n\n this.autocompleteRequest(\n { query: input },\n this._autocompleteCallback.bind(this)\n );\n }\n\n _autocompleteCallback(response) {\n this._dropdown.data = response;\n this._dropdown.reflow = true;\n response.length !== 0 ? this._openDroplist() : this._closeDroplist();\n }\n\n _reset() {\n this._dropdown.activeIndex = null;\n this._input.setAttribute(\"aria-activedescendant\", \"\");\n this._dropdown.data = [];\n this._closeDroplist();\n }\n\n _activeOption(activeIndex) {\n if (activeIndex === null || activeIndex === \"null\") return;\n return this._dropdown.shadowRoot.querySelector(\n \"li:nth-child(\" + (parseInt(activeIndex, 10) + 1) + \")\"\n ).innerHTML;\n }\n\n _inputKeyUp(e) {\n let key = e.keyCode;\n\n if (\n this._dropdown.data.length === 0 &&\n key !== KEYCODE.DOWN &&\n key !== KEYCODE.UP &&\n key !== KEYCODE.ENTER &&\n key !== KEYCODE.ESC\n )\n return;\n\n let activeIndex = this._dropdown.activeIndex;\n let optionsLength = this._dropdown.data.length;\n\n if (key == KEYCODE.ESC) {\n this._closeDroplist();\n } else if (key === KEYCODE.UP) {\n if (!this._dropdown.open) {\n return;\n }\n\n activeIndex =\n activeIndex === null || activeIndex === \"null\"\n ? optionsLength\n : parseInt(activeIndex, 10);\n\n activeIndex -= 1;\n\n if (activeIndex < 0) {\n activeIndex = optionsLength - 1;\n }\n\n this._input.value = this._activeOption(activeIndex);\n } else if (key === KEYCODE.DOWN) {\n if (!this._dropdown.open) {\n return;\n }\n\n activeIndex =\n activeIndex === null || activeIndex === \"null\"\n ? -1\n : parseInt(activeIndex, 10);\n activeIndex += 1;\n\n if (activeIndex > optionsLength - 1) {\n activeIndex = 0;\n }\n\n this._input.value = this._activeOption(activeIndex);\n } else if (key === KEYCODE.ENTER) {\n let selectedValue = this._input.value;\n this._doSearch(selectedValue);\n return;\n }\n\n if (activeIndex !== null && activeIndex !== \"null\") {\n this._input.setAttribute(\n \"aria-activedescendant\",\n \"option-\" + activeIndex\n );\n } else {\n this._input.setAttribute(\"aria-activedescendant\", \"\");\n }\n\n this.activeIndex = activeIndex;\n this._dropdown.activeIndex = activeIndex;\n }\n}\n\n/*\n* - Attributes ------------------------------------\n* open | Set when the combo box dropdown is open\n* active-index | Set selected option\n* reflow | Re-renders the dropdown\n\n* - Events ----------------------------------------\n* pfe-option-selected | Fires when an option is selected.\n event.detailes.selectedValue contains the selected value.\n*/\nclass PfeSearchDroplist extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return `
    \n
    \n
      \n
    \n
    `;\n }\n static get tag() {\n return \"pfe-search-droplist\";\n }\n\n get templateUrl() {\n return \"pfe-search-droplist.html\";\n }\n\n get styleUrl() {\n return \"pfe-search-droplist.scss\";\n }\n\n constructor() {\n super(PfeSearchDroplist);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this._ariaAnnounce = this.shadowRoot.querySelector(\n \".suggestions-aria-help\"\n );\n\n this.activeIndex = null;\n this._ul = this.shadowRoot.querySelector(\"ul\");\n this._ul.addEventListener(\"mousedown\", this._optionSelected.bind(this));\n }\n\n disconnectedCallback() {\n this._ul.removeEventListener(\"mousedown\", this._optionSelected);\n }\n\n _optionSelected(e) {\n if (e.target.tagName === \"LI\") {\n this.emitEvent(PfeAutocomplete.events.select, {\n detail: { optionValue: e.target.innerText },\n composed: true\n });\n }\n }\n\n _renderOptions() {\n this.reflow = \"\";\n\n let options = this.data;\n let ariaAnnounceText = \"\";\n\n if (this._ariaAnnounceTemplate) {\n ariaAnnounceText = this._ariaAnnounceTemplate.replace(\n \"${numOptions}\",\n options.length\n );\n }\n\n this._ariaAnnounce.textContent = ariaAnnounceText;\n this._ariaAnnounce.setAttribute(\"aria-live\", \"polite\");\n\n this._ul.innerHTML = `${options\n .map((item, index) => {\n return `
  • ${item}
    • `;\n })\n .join(\"\")}`;\n }\n\n static get observedAttributes() {\n return [\"open\", \"reflow\", \"active-index\"];\n }\n\n attributeChangedCallback(attr, oldVal, newVal) {\n super.attributeChangedCallback();\n\n if (this[name] !== newVal) {\n this[name] = newVal;\n }\n\n if (attr === \"active-index\" && oldVal !== newVal) {\n this._activeIndexChanged();\n }\n\n if (attr === \"reflow\") {\n this._renderOptions();\n }\n }\n\n _activeIndexChanged() {\n if (\n !this.data ||\n this.data.length === 0 ||\n this.activeIndex === null ||\n this.activeIndex === \"null\"\n )\n return;\n\n // remove active class\n if (this._ul.querySelector(\".active\")) {\n this._ul.querySelector(\".active\").classList.remove(\"active\");\n }\n\n // add active class to selected option\n let activeOption = this._ul.querySelector(\n \"li:nth-child(\" + (parseInt(this.activeIndex, 10) + 1) + \")\"\n );\n\n activeOption.classList.add(\"active\");\n\n // scroll to selected element when selected item with keyboard is out of view\n let ulWrapper = this.shadowRoot.querySelector(\".droplist\");\n let activeOptionHeight = activeOption.offsetHeight;\n activeOptionHeight += parseInt(\n window.getComputedStyle(activeOption).getPropertyValue(\"margin-bottom\"),\n 10\n );\n ulWrapper.scrollTop =\n activeOption.offsetTop - ulWrapper.offsetHeight + activeOptionHeight;\n }\n\n get open() {\n return this.hasAttribute(\"open\");\n }\n\n set open(val) {\n val = Boolean(val);\n\n if (val) {\n this.setAttribute(\"open\", \"\");\n } else {\n this.removeAttribute(\"open\");\n }\n }\n\n get activeIndex() {\n return this.getAttribute(\"active-index\");\n }\n\n set activeIndex(val) {\n this.setAttribute(\"active-index\", val);\n }\n\n get reflow() {\n return this.hasAttribute(\"reflow\");\n }\n\n set reflow(val) {\n val = Boolean(val);\n\n if (val) {\n this.setAttribute(\"reflow\", \"\");\n } else {\n this.removeAttribute(\"reflow\");\n }\n }\n}\n\nPFElement.create(PfeSearchDroplist);\nPFElement.create(PfeAutocomplete);\n\nexport default PfeAutocomplete;\n"],"names":["KEYCODE","ENTER","DOWN","UP","ESC","throttle","PfeAutocomplete","search","select","slotchange","_slotchangeHandler","bind","_slot","shadowRoot","querySelector","addEventListener","loading","debounce","_ariaAnnounceTemplate","_clearBtn","_clear","_searchBtn","_search","_dropdown","data","activeIndex","_inputKeyUp","events","_closeDroplist","_optionSelected","removeEventListener","_input","_inputChanged","attr","oldVal","newVal","slotNodes","assignedNodes","slotElems","filter","n","nodeType","Node","ELEMENT_NODE","value","setAttribute","removeAttribute","isDisabled","length","console","error","tag","tagName","toLowerCase","hasAttribute","getAttribute","_reset","window","setTimeout","_sendAutocompleteRequest","focus","_doSearch","open","e","selectedValue","detail","optionValue","searchQuery","emitEvent","searchValue","composed","input","autocompleteRequest","query","_autocompleteCallback","response","reflow","_openDroplist","parseInt","innerHTML","key","keyCode","optionsLength","_activeOption","val","Boolean","PFElement","PfeSearchDroplist","_ariaAnnounce","_ul","target","innerText","options","ariaAnnounceText","replace","textContent","map","item","index","join","name","_activeIndexChanged","_renderOptions","classList","remove","activeOption","add","ulWrapper","activeOptionHeight","offsetHeight","getComputedStyle","getPropertyValue","scrollTop","offsetTop","create"],"mappings":"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"} \ No newline at end of file diff --git a/elements/pfe-autocomplete/dist/pfe-autocomplete.umd.min.js b/elements/pfe-autocomplete/dist/pfe-autocomplete.umd.min.js new file mode 100644 index 0000000000..6c7e9d2ce6 --- /dev/null +++ b/elements/pfe-autocomplete/dist/pfe-autocomplete.umd.min.js @@ -0,0 +1,2 @@ +!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("../../pfelement/dist/pfelement.umd")):"function"==typeof define&&define.amd?define(["../../pfelement/dist/pfelement.umd"],t):e.PfeAutocomplete=t(e.PFElement)}(this,function(e){"use strict";e=e&&e.hasOwnProperty("default")?e.default:e;function t(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var o=function(e,t,o){return t&&i(e.prototype,t),o&&i(e,o),e};function i(e,t){for(var o=0;o.sr-only{position:absolute;overflow:hidden;clip:rect(0,0,0,0);height:1px;width:1px;margin:-1px;padding:0;border:0}:host([on=dark]){--pfe-broadcasted--text:var(--pfe-theme--color--text--on-dark, #fff);--pfe-broadcasted--link:var(--pfe-theme--color--link--on-dark, #99ccff);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover--on-dark, #cce6ff);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus--on-dark, #cce6ff);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited--on-dark, #b38cd9);--pfe-broadcasted--link-decoration:none;--pfe-broadcasted--link-decoration--hover:underline;--pfe-broadcasted--link-decoration--focus:underline;--pfe-broadcasted--link-decoration--visited:none}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host{color:#333!important;color:var(--pfe-theme--color--text,#333)!important}}:host([on=saturated]){--pfe-broadcasted--text:var(--pfe-theme--color--text--on-saturated, #fff);--pfe-broadcasted--link:var(--pfe-theme--color--link--on-saturated, #fff);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover--on-saturated, white);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus--on-saturated, white);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited--on-saturated, #b38cd9);--pfe-broadcasted--link-decoration:underline;--pfe-broadcasted--link-decoration--hover:underline;--pfe-broadcasted--link-decoration--focus:underline;--pfe-broadcasted--link-decoration--visited:underline}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host{color:#333!important;color:var(--pfe-theme--color--text,#333)!important}}:host([on=light]){--pfe-broadcasted--text:var(--pfe-theme--color--text, #333);--pfe-broadcasted--link:var(--pfe-theme--color--link, #06c);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover, #003366);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus, #003366);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited, rebeccapurple);--pfe-broadcasted--link-decoration:none;--pfe-broadcasted--link-decoration--hover:underline;--pfe-broadcasted--link-decoration--focus:underline;--pfe-broadcasted--link-decoration--visited:none}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host{color:#333!important;color:var(--pfe-theme--color--text,#333)!important}}:host{--pfe-autocomplete--BoxShadow:var(--pfe-theme--box-shadow--inset, inset 0 0 0.625rem 0 #f3f3f3);--pfe-autocomplete--BackgroundColor:var(--pfe-theme--color--surface--lightest, #fff);--pfe-autocomplete--Border:var(--pfe-theme--ui--border-width, 1px) var(--pfe-theme--ui--border-style, solid) var(--pfe-theme--color--surface--border, #d2d2d2);display:block;position:relative;font-family:Overpass,Overpass,Helvetica,helvetica,arial,sans-serif;font-family:var(--pfe-theme--font-family, "Overpass", Overpass, Helvetica, helvetica, arial, sans-serif)}#input-box-wrapper{border-color:#0277bd;border-color:var(--pfe-theme--color--feedback--info,#0277bd)}#input-box-wrapper ::slotted(input){width:100%;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-shadow:var(--pfe-autocomplete--BoxShadow)!important;box-shadow:var(--pfe-autocomplete--BoxShadow)!important;padding-left:10px;padding-right:30px;border-radius:2px;border-radius:var(--pfe-theme--ui--border-radius,2px);background-color:var(--pfe-autocomplete--BackgroundColor);border:var(--pfe-autocomplete--Border);font-size:16px;font-size:var(--pfe-theme--font-size,16px);height:calc(20px * 2);height:calc(var(--pfe-theme--ui--element--size,20px) * 2);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;opacity:1;outline:0}#input-box-wrapper ::slotted(input:disabled),#input-box-wrapper button:disabled{cursor:not-allowed;background-color:transparent;color:#ccc;opacity:.5}#input-box-wrapper ::slotted(input:focus),#input-box-wrapper button:focus{outline:0}#input-box-wrapper ::slotted(input),#input-box-wrapper button{-webkit-appearance:none}#input-box-wrapper ::slotted([type=search]::-ms-clear){display:none}#input-box-wrapper ::slotted(input[type=search]::-webkit-search-cancel-button),#input-box-wrapper ::slotted(input[type=search]::-webkit-search-decoration){-webkit-appearance:none}button{color:#464646;color:var(--pfe-theme--color--ui-complement,#464646);background-color:transparent;border:none;position:absolute;top:0;bottom:0;cursor:pointer}button.clear-search{right:30px;width:20px;margin:2px 1px;background-color:#fff;background-color:var(--pfe-theme--color--surface--lightest,#fff)}button.clear-search svg{width:12px;stroke:#d2d2d2;stroke:var(--pfe-theme--color--surface--border,#d2d2d2)}button.clear-search:focus svg,button.clear-search:hover svg{opacity:1;stroke:#06c;stroke:var(--pfe-theme--color--link,#06c)}button[disabled].clear-search:focus svg,button[disabled].clear-search:hover svg{stroke:#d2d2d2;stroke:var(--pfe-theme--color--surface--border,#d2d2d2)}button.search-button{right:1px;width:30px}button.search-button svg{fill:#06c;fill:var(--pfe-theme--color--link,#06c);width:16px}button.search-button:focus svg,button.search-button:hover svg{fill:#036;fill:var(--pfe-theme--color--link--hover,#036)}button.clear-search:hover{color:#464646;color:var(--pfe-theme--color--ui-complement,#464646)}button.search-button:disabled svg{fill:#d2d2d2;fill:var(--pfe-theme--color--ui-disabled,#d2d2d2)}.loading{position:absolute;width:30px;right:52px;top:0;bottom:0}.loading svg{width:26px;padding-top:7px}\n/*# sourceMappingURL=pfe-autocomplete.min.css.map */\n
    \n \n\n \n\n \n\n \n
    \n'}},{key:"schemaUrl",get:function(){return"pfe-autocomplete.json"}},{key:"templateUrl",get:function(){return"pfe-autocomplete.html"}},{key:"styleUrl",get:function(){return"pfe-autocomplete.scss"}}],[{key:"version",get:function(){return"1.0.0-prerelease.50"}},{key:"properties",get:function(){return{debounce_timer:{title:"Debounce",description:"The amount of time that should pass before the next API call is made",type:"string",prefixed:!1},init_value:{title:"Initial value",description:"An initial value to show in the input field",type:"string",prefixed:!1},is_disabled:{title:"Is disabled",description:"Disable the input",type:"boolean",prefixed:!1}}}},{key:"slots",get:function(){return{content:{title:"Content",type:"array",namedSlot:!1,items:{oneOf:[{$ref:"input"}]},required:!0}}}},{key:"tag",get:function(){return"pfe-autocomplete"}},{key:"events",get:function(){return{search:"pfe-search-event",select:"pfe-option-selected",slotchange:"slotchange"}}}]),o(h,[{key:"connectedCallback",value:function(){a(h.prototype.__proto__||Object.getPrototypeOf(h.prototype),"connectedCallback",this).call(this),this.loading=!1,this.debounce=this.debounce||300,this._ariaAnnounceTemplate="There are ${numOptions} suggestions. Use the up and down arrows to browse.",this._clearBtn=this.shadowRoot.querySelector(".clear-search"),this._clearBtn.addEventListener("click",this._clear.bind(this)),this._searchBtn=this.shadowRoot.querySelector(".search-button"),this._searchBtn.addEventListener("click",this._search.bind(this)),this._dropdown=this.shadowRoot.querySelector("#dropdown"),this._dropdown.data=[],this.activeIndex=null,this.addEventListener("keyup",this._inputKeyUp.bind(this)),this.addEventListener(h.events.search,this._closeDroplist.bind(this)),this.addEventListener(h.events.select,this._optionSelected.bind(this))}},{key:"disconnectedCallback",value:function(){this.removeEventListener("keyup",this._inputKeyUp),this.removeEventListener(h.events.search,this._closeDroplist),this.removeEventListener(h.events.select,this._optionSelected),this._slot.removeEventListener(h.events.slotchange,this._slotchangeHandler),this._input&&(this._input.removeEventListener("input",this._inputChanged),this._input.removeEventListener("blur",this._closeDroplist)),this._clearBtn.removeEventListener("click",this._clear),this._searchBtn.removeEventListener("click",this._search)}},{key:"attributeChangedCallback",value:function(e,t,o){a(h.prototype.__proto__||Object.getPrototypeOf(h.prototype),"attributeChangedCallback",this).call(this);var i=this.shadowRoot.querySelector("slot").assignedNodes().filter(function(e){return e.nodeType===Node.ELEMENT_NODE})[0],n=this.shadowRoot.querySelector(".clear-search"),r=this.shadowRoot.querySelector(".search-button");switch(e){case"loading":this.loading&&""!==i.value?this.shadowRoot.querySelector(".loading").removeAttribute("hidden"):this.shadowRoot.querySelector(".loading").setAttribute("hidden","");break;case"init-value":this["init-value"]!==o&&(""===(i.value=o)||this.isDisabled?(r.setAttribute("disabled",""),n.setAttribute("hidden","")):(r.removeAttribute("disabled"),n.removeAttribute("hidden")));break;case"is-disabled":this.isDisabled?(n.setAttribute("disabled",""),r.setAttribute("disabled",""),i.setAttribute("disabled","")):(n.removeAttribute("disabled"),r.removeAttribute("disabled"),i.removeAttribute("disabled"))}}},{key:"_slotchangeHandler",value:function(){var e=this.shadowRoot.querySelector("slot").assignedNodes().filter(function(e){return e.nodeType===Node.ELEMENT_NODE});0!==e.length?(this._input=e[0],"input"===this._input.tagName.toLowerCase()?(this._input.addEventListener("input",this._inputChanged.bind(this)),this._input.addEventListener("blur",this._closeDroplist.bind(this)),this._input.setAttribute("role","combobox"),this._input.hasAttribute("aria-label")||this._input.setAttribute("aria-label","Search"),this._input.setAttribute("aria-autocomplete","both"),this._input.setAttribute("aria-haspopup","true"),this._input.setAttribute("type","search"),this._input.setAttribute("autocomplete","off"),this._input.setAttribute("autocorrect","off"),this._input.setAttribute("autocapitalize","off"),this._input.setAttribute("spellcheck","false"),this._dropdown._ariaAnnounceTemplate=this.getAttribute("aria-announce-template")||this._ariaAnnounceTemplate):console.error(h.tag+": The only child in the light DOM must be an input tag")):console.error(h.tag+": There must be a input tag in the light DOM")}},{key:"_inputChanged",value:function(){var e=this;if(""===this._input.value)return this._searchBtn.setAttribute("disabled",""),this._clearBtn.setAttribute("hidden",""),void this._reset();this._input.hasAttribute("disabled")||this._searchBtn.removeAttribute("disabled"),this._clearBtn.removeAttribute("hidden"),!1===u&&(u=!0,window.setTimeout(function(){e._sendAutocompleteRequest(e._input.value),u=!1},this.debounce))}},{key:"_clear",value:function(){this._input.value="",this._clearBtn.setAttribute("hidden",""),this._searchBtn.setAttribute("disabled",""),this._input.focus()}},{key:"_search",value:function(){this._doSearch(this._input.value)}},{key:"_closeDroplist",value:function(){this._dropdown.open=null,this._dropdown.removeAttribute("active-index")}},{key:"_openDroplist",value:function(){this.activeIndex=null,this._dropdown.setAttribute("open",!0),this._dropdown.setAttribute("active-index",null)}},{key:"_optionSelected",value:function(e){var t=e.detail.optionValue;this._input.value=t,this._doSearch(t)}},{key:"_doSearch",value:function(e){this.emitEvent(h.events.search,{detail:{searchValue:e},composed:!0}),this._reset(),this.selectedValue=e}},{key:"_sendAutocompleteRequest",value:function(e){this.autocompleteRequest&&this.autocompleteRequest({query:e},this._autocompleteCallback.bind(this))}},{key:"_autocompleteCallback",value:function(e){this._dropdown.data=e,this._dropdown.reflow=!0,0!==e.length?this._openDroplist():this._closeDroplist()}},{key:"_reset",value:function(){this._dropdown.activeIndex=null,this._input.setAttribute("aria-activedescendant",""),this._dropdown.data=[],this._closeDroplist()}},{key:"_activeOption",value:function(e){if(null!==e&&"null"!==e)return this._dropdown.shadowRoot.querySelector("li:nth-child("+(parseInt(e,10)+1)+")").innerHTML}},{key:"_inputKeyUp",value:function(e){var t=e.keyCode;if(0!==this._dropdown.data.length||t===l||t===c||t===s||t===d){var o=this._dropdown.activeIndex,i=this._dropdown.data.length;if(t==d)this._closeDroplist();else if(t===c){if(!this._dropdown.open)return;o=null===o||"null"===o?i:parseInt(o,10),(o-=1)<0&&(o=i-1),this._input.value=this._activeOption(o)}else if(t===l){if(!this._dropdown.open)return;o=null===o||"null"===o?-1:parseInt(o,10),i-1<(o+=1)&&(o=0),this._input.value=this._activeOption(o)}else if(t===s){var n=this._input.value;return void this._doSearch(n)}null!==o&&"null"!==o?this._input.setAttribute("aria-activedescendant","option-"+o):this._input.setAttribute("aria-activedescendant",""),this.activeIndex=o,this._dropdown.activeIndex=o}}},{key:"selectedValue",get:function(){return this.getAttribute("selected-value")},set:function(e){this.setAttribute("selected-value",e)}},{key:"isDisabled",set:function(e){e?this.setAttribute("is-disabled",""):this.removeAttribute("is-disabled")},get:function(){return this.hasAttribute("is-disabled")}},{key:"loading",set:function(e){Boolean(e)?this.setAttribute("loading",""):this.removeAttribute("loading")},get:function(){return this.hasAttribute("loading")}},{key:"initValue",get:function(){return this.getAttribute("init-value")},set:function(e){this.setAttribute("init-value",e)}},{key:"debounce",get:function(){return this.getAttribute("debounce")},set:function(e){this.setAttribute("debounce",e)}}],[{key:"observedAttributes",get:function(){return["init-value","loading","is-disabled"]}}]),h);function h(){t(this,h);var e=r(this,(h.__proto__||Object.getPrototypeOf(h)).call(this,h));return e._slotchangeHandler=e._slotchangeHandler.bind(e),e._slot=e.shadowRoot.querySelector("slot"),e._slot.addEventListener("slotchange",e._slotchangeHandler),e}var f=(n(b,e),o(b,[{key:"html",get:function(){return'
    \n
    \n
      \n
    \n
    '}},{key:"templateUrl",get:function(){return"pfe-search-droplist.html"}},{key:"styleUrl",get:function(){return"pfe-search-droplist.scss"}}],[{key:"version",get:function(){return"1.0.0-prerelease.50"}},{key:"tag",get:function(){return"pfe-search-droplist"}}]),o(b,[{key:"connectedCallback",value:function(){a(b.prototype.__proto__||Object.getPrototypeOf(b.prototype),"connectedCallback",this).call(this),this._ariaAnnounce=this.shadowRoot.querySelector(".suggestions-aria-help"),this.activeIndex=null,this._ul=this.shadowRoot.querySelector("ul"),this._ul.addEventListener("mousedown",this._optionSelected.bind(this))}},{key:"disconnectedCallback",value:function(){this._ul.removeEventListener("mousedown",this._optionSelected)}},{key:"_optionSelected",value:function(e){"LI"===e.target.tagName&&this.emitEvent(p.events.select,{detail:{optionValue:e.target.innerText},composed:!0})}},{key:"_renderOptions",value:function(){this.reflow="";var e=this.data,t="";this._ariaAnnounceTemplate&&(t=this._ariaAnnounceTemplate.replace("${numOptions}",e.length)),this._ariaAnnounce.textContent=t,this._ariaAnnounce.setAttribute("aria-live","polite"),this._ul.innerHTML=""+e.map(function(e,t){return'
  • '+e+"
    • "}).join("")}},{key:"attributeChangedCallback",value:function(e,t,o){a(b.prototype.__proto__||Object.getPrototypeOf(b.prototype),"attributeChangedCallback",this).call(this),this[name]!==o&&(this[name]=o),"active-index"===e&&t!==o&&this._activeIndexChanged(),"reflow"===e&&this._renderOptions()}},{key:"_activeIndexChanged",value:function(){if(this.data&&0!==this.data.length&&null!==this.activeIndex&&"null"!==this.activeIndex){this._ul.querySelector(".active")&&this._ul.querySelector(".active").classList.remove("active");var e=this._ul.querySelector("li:nth-child("+(parseInt(this.activeIndex,10)+1)+")");e.classList.add("active");var t=this.shadowRoot.querySelector(".droplist"),o=e.offsetHeight;o+=parseInt(window.getComputedStyle(e).getPropertyValue("margin-bottom"),10),t.scrollTop=e.offsetTop-t.offsetHeight+o}}},{key:"open",get:function(){return this.hasAttribute("open")},set:function(e){(e=Boolean(e))?this.setAttribute("open",""):this.removeAttribute("open")}},{key:"activeIndex",get:function(){return this.getAttribute("active-index")},set:function(e){this.setAttribute("active-index",e)}},{key:"reflow",get:function(){return this.hasAttribute("reflow")},set:function(e){(e=Boolean(e))?this.setAttribute("reflow",""):this.removeAttribute("reflow")}}],[{key:"observedAttributes",get:function(){return["open","reflow","active-index"]}}]),b);function b(){return t(this,b),r(this,(b.__proto__||Object.getPrototypeOf(b)).call(this,b))}return e.create(f),e.create(p),p}); +//# sourceMappingURL=pfe-autocomplete.umd.min.js.map diff --git a/elements/pfe-autocomplete/dist/pfe-autocomplete.umd.min.js.map b/elements/pfe-autocomplete/dist/pfe-autocomplete.umd.min.js.map new file mode 100644 index 0000000000..239c24877d --- /dev/null +++ b/elements/pfe-autocomplete/dist/pfe-autocomplete.umd.min.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-autocomplete.umd.min.js","sources":["../_temp/pfe-autocomplete.umd.js"],"sourcesContent":["/*!\n * PatternFly Elements: PfeAutocomplete 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\nimport PFElement from \"../../pfelement/dist/pfelement.umd\";\n\nconst KEYCODE = {\n ENTER: 13,\n DOWN: 40,\n UP: 38,\n ESC: 27\n};\n\n// use this variable to debounce api call when user types very fast\nlet throttle = false;\n\nclass PfeAutocomplete extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return `
    \n \n\n \n\n \n\n \n
    \n`;\n }\n\n static get properties() {\n return {\"debounce_timer\":{\"title\":\"Debounce\",\"description\":\"The amount of time that should pass before the next API call is made\",\"type\":\"string\",\"prefixed\":false},\"init_value\":{\"title\":\"Initial value\",\"description\":\"An initial value to show in the input field\",\"type\":\"string\",\"prefixed\":false},\"is_disabled\":{\"title\":\"Is disabled\",\"description\":\"Disable the input\",\"type\":\"boolean\",\"prefixed\":false}};\n }\n\n static get slots() {\n return {\"content\":{\"title\":\"Content\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"input\"}]},\"required\":true}};\n }\n static get tag() {\n return \"pfe-autocomplete\";\n }\n\n get schemaUrl() {\n return \"pfe-autocomplete.json\";\n }\n\n get templateUrl() {\n return \"pfe-autocomplete.html\";\n }\n\n get styleUrl() {\n return \"pfe-autocomplete.scss\";\n }\n\n static get events() {\n return {\n search: `pfe-search-event`,\n select: `pfe-option-selected`,\n slotchange: `slotchange`\n };\n }\n\n constructor() {\n super(PfeAutocomplete);\n\n this._slotchangeHandler = this._slotchangeHandler.bind(this);\n\n this._slot = this.shadowRoot.querySelector(\"slot\");\n this._slot.addEventListener(\"slotchange\", this._slotchangeHandler);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this.loading = false;\n this.debounce = this.debounce || 300;\n this._ariaAnnounceTemplate =\n \"There are ${numOptions} suggestions. Use the up and down arrows to browse.\";\n\n // clear button\n this._clearBtn = this.shadowRoot.querySelector(\".clear-search\");\n this._clearBtn.addEventListener(\"click\", this._clear.bind(this));\n\n // search button\n this._searchBtn = this.shadowRoot.querySelector(\".search-button\");\n this._searchBtn.addEventListener(\"click\", this._search.bind(this));\n\n this._dropdown = this.shadowRoot.querySelector(\"#dropdown\");\n this._dropdown.data = [];\n\n this.activeIndex = null;\n\n this.addEventListener(\"keyup\", this._inputKeyUp.bind(this));\n\n // these two events, fire search\n this.addEventListener(\n PfeAutocomplete.events.search,\n this._closeDroplist.bind(this)\n );\n this.addEventListener(\n PfeAutocomplete.events.select,\n this._optionSelected.bind(this)\n );\n }\n\n disconnectedCallback() {\n this.removeEventListener(\"keyup\", this._inputKeyUp);\n\n this.removeEventListener(\n PfeAutocomplete.events.search,\n this._closeDroplist\n );\n this.removeEventListener(\n PfeAutocomplete.events.select,\n this._optionSelected\n );\n this._slot.removeEventListener(\n PfeAutocomplete.events.slotchange,\n this._slotchangeHandler\n );\n if (this._input) {\n this._input.removeEventListener(\"input\", this._inputChanged);\n this._input.removeEventListener(\"blur\", this._closeDroplist);\n }\n\n this._clearBtn.removeEventListener(\"click\", this._clear);\n this._searchBtn.removeEventListener(\"click\", this._search);\n }\n\n static get observedAttributes() {\n return [\"init-value\", \"loading\", \"is-disabled\"];\n }\n\n attributeChangedCallback(attr, oldVal, newVal) {\n super.attributeChangedCallback();\n\n let slotNodes = this.shadowRoot.querySelector(\"slot\").assignedNodes();\n let slotElems = slotNodes.filter(n => n.nodeType === Node.ELEMENT_NODE);\n let _input = slotElems[0];\n\n let _clearBtn = this.shadowRoot.querySelector(\".clear-search\");\n let _searchBtn = this.shadowRoot.querySelector(\".search-button\");\n\n switch (attr) {\n case \"loading\":\n if (!this.loading || _input.value === \"\") {\n this.shadowRoot.querySelector(\".loading\").setAttribute(\"hidden\", \"\");\n } else {\n this.shadowRoot.querySelector(\".loading\").removeAttribute(\"hidden\");\n }\n break;\n\n case \"init-value\":\n if (this[\"init-value\"] !== newVal) {\n // set inputbox and buttons in the inner component\n _input.value = newVal;\n if (newVal !== \"\" && !this.isDisabled) {\n _searchBtn.removeAttribute(\"disabled\");\n _clearBtn.removeAttribute(\"hidden\");\n } else {\n _searchBtn.setAttribute(\"disabled\", \"\");\n _clearBtn.setAttribute(\"hidden\", \"\");\n }\n }\n break;\n\n case \"is-disabled\":\n if (this.isDisabled) {\n _clearBtn.setAttribute(\"disabled\", \"\");\n _searchBtn.setAttribute(\"disabled\", \"\");\n _input.setAttribute(\"disabled\", \"\");\n } else {\n _clearBtn.removeAttribute(\"disabled\");\n _searchBtn.removeAttribute(\"disabled\");\n _input.removeAttribute(\"disabled\");\n }\n break;\n }\n }\n\n get selectedValue() {\n return this.getAttribute(\"selected-value\");\n }\n\n set selectedValue(val) {\n this.setAttribute(\"selected-value\", val);\n }\n\n set isDisabled(value) {\n if (value) {\n this.setAttribute(\"is-disabled\", \"\");\n } else {\n this.removeAttribute(\"is-disabled\");\n }\n }\n\n get isDisabled() {\n return this.hasAttribute(\"is-disabled\");\n }\n\n set loading(value) {\n const loading = Boolean(value);\n if (loading) {\n this.setAttribute(\"loading\", \"\");\n } else {\n this.removeAttribute(\"loading\");\n }\n }\n\n get loading() {\n return this.hasAttribute(\"loading\");\n }\n\n get initValue() {\n return this.getAttribute(\"init-value\");\n }\n\n set initValue(val) {\n this.setAttribute(\"init-value\", val);\n }\n\n get debounce() {\n return this.getAttribute(\"debounce\");\n }\n\n set debounce(val) {\n this.setAttribute(\"debounce\", val);\n }\n\n _slotchangeHandler() {\n // input box\n let slotNodes = this.shadowRoot.querySelector(\"slot\").assignedNodes();\n let slotElems = slotNodes.filter(n => n.nodeType === Node.ELEMENT_NODE);\n\n if (slotElems.length === 0) {\n console.error(\n `${PfeAutocomplete.tag}: There must be a input tag in the light DOM`\n );\n\n return;\n }\n\n this._input = slotElems[0];\n\n if (this._input.tagName.toLowerCase() !== \"input\") {\n console.error(\n `${PfeAutocomplete.tag}: The only child in the light DOM must be an input tag`\n );\n\n return;\n }\n\n this._input.addEventListener(\"input\", this._inputChanged.bind(this));\n this._input.addEventListener(\"blur\", this._closeDroplist.bind(this));\n\n this._input.setAttribute(\"role\", \"combobox\");\n\n if (!this._input.hasAttribute(\"aria-label\")) {\n this._input.setAttribute(\"aria-label\", \"Search\");\n }\n\n this._input.setAttribute(\"aria-autocomplete\", \"both\");\n this._input.setAttribute(\"aria-haspopup\", \"true\");\n this._input.setAttribute(\"type\", \"search\");\n this._input.setAttribute(\"autocomplete\", \"off\");\n this._input.setAttribute(\"autocorrect\", \"off\");\n this._input.setAttribute(\"autocapitalize\", \"off\");\n this._input.setAttribute(\"spellcheck\", \"false\");\n\n this._dropdown._ariaAnnounceTemplate =\n this.getAttribute(\"aria-announce-template\") || this._ariaAnnounceTemplate;\n }\n\n _inputChanged() {\n if (this._input.value === \"\") {\n this._searchBtn.setAttribute(\"disabled\", \"\");\n this._clearBtn.setAttribute(\"hidden\", \"\");\n\n this._reset();\n return;\n } else {\n if (!this._input.hasAttribute(\"disabled\")) {\n this._searchBtn.removeAttribute(\"disabled\");\n }\n this._clearBtn.removeAttribute(\"hidden\");\n }\n\n if (throttle === false) {\n throttle = true;\n\n window.setTimeout(() => {\n this._sendAutocompleteRequest(this._input.value);\n throttle = false;\n }, this.debounce);\n }\n }\n\n _clear() {\n this._input.value = \"\";\n this._clearBtn.setAttribute(\"hidden\", \"\");\n this._searchBtn.setAttribute(\"disabled\", \"\");\n this._input.focus();\n }\n\n _search() {\n this._doSearch(this._input.value);\n }\n\n _closeDroplist() {\n this._dropdown.open = null;\n this._dropdown.removeAttribute(\"active-index\");\n }\n\n _openDroplist() {\n this.activeIndex = null;\n this._dropdown.setAttribute(\"open\", true);\n this._dropdown.setAttribute(\"active-index\", null);\n }\n\n _optionSelected(e) {\n let selectedValue = e.detail.optionValue;\n\n // update input box with selected value from options list\n this._input.value = selectedValue;\n\n // send search request\n this._doSearch(selectedValue);\n }\n\n _doSearch(searchQuery) {\n this.emitEvent(PfeAutocomplete.events.search, {\n detail: { searchValue: searchQuery },\n composed: true\n });\n this._reset();\n this.selectedValue = searchQuery;\n }\n\n _sendAutocompleteRequest(input) {\n if (!this.autocompleteRequest) return;\n\n this.autocompleteRequest(\n { query: input },\n this._autocompleteCallback.bind(this)\n );\n }\n\n _autocompleteCallback(response) {\n this._dropdown.data = response;\n this._dropdown.reflow = true;\n response.length !== 0 ? this._openDroplist() : this._closeDroplist();\n }\n\n _reset() {\n this._dropdown.activeIndex = null;\n this._input.setAttribute(\"aria-activedescendant\", \"\");\n this._dropdown.data = [];\n this._closeDroplist();\n }\n\n _activeOption(activeIndex) {\n if (activeIndex === null || activeIndex === \"null\") return;\n return this._dropdown.shadowRoot.querySelector(\n \"li:nth-child(\" + (parseInt(activeIndex, 10) + 1) + \")\"\n ).innerHTML;\n }\n\n _inputKeyUp(e) {\n let key = e.keyCode;\n\n if (\n this._dropdown.data.length === 0 &&\n key !== KEYCODE.DOWN &&\n key !== KEYCODE.UP &&\n key !== KEYCODE.ENTER &&\n key !== KEYCODE.ESC\n )\n return;\n\n let activeIndex = this._dropdown.activeIndex;\n let optionsLength = this._dropdown.data.length;\n\n if (key == KEYCODE.ESC) {\n this._closeDroplist();\n } else if (key === KEYCODE.UP) {\n if (!this._dropdown.open) {\n return;\n }\n\n activeIndex =\n activeIndex === null || activeIndex === \"null\"\n ? optionsLength\n : parseInt(activeIndex, 10);\n\n activeIndex -= 1;\n\n if (activeIndex < 0) {\n activeIndex = optionsLength - 1;\n }\n\n this._input.value = this._activeOption(activeIndex);\n } else if (key === KEYCODE.DOWN) {\n if (!this._dropdown.open) {\n return;\n }\n\n activeIndex =\n activeIndex === null || activeIndex === \"null\"\n ? -1\n : parseInt(activeIndex, 10);\n activeIndex += 1;\n\n if (activeIndex > optionsLength - 1) {\n activeIndex = 0;\n }\n\n this._input.value = this._activeOption(activeIndex);\n } else if (key === KEYCODE.ENTER) {\n let selectedValue = this._input.value;\n this._doSearch(selectedValue);\n return;\n }\n\n if (activeIndex !== null && activeIndex !== \"null\") {\n this._input.setAttribute(\n \"aria-activedescendant\",\n \"option-\" + activeIndex\n );\n } else {\n this._input.setAttribute(\"aria-activedescendant\", \"\");\n }\n\n this.activeIndex = activeIndex;\n this._dropdown.activeIndex = activeIndex;\n }\n}\n\n/*\n* - Attributes ------------------------------------\n* open | Set when the combo box dropdown is open\n* active-index | Set selected option\n* reflow | Re-renders the dropdown\n\n* - Events ----------------------------------------\n* pfe-option-selected | Fires when an option is selected.\n event.detailes.selectedValue contains the selected value.\n*/\nclass PfeSearchDroplist extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return `
    \n
    \n
      \n
    \n
    `;\n }\n static get tag() {\n return \"pfe-search-droplist\";\n }\n\n get templateUrl() {\n return \"pfe-search-droplist.html\";\n }\n\n get styleUrl() {\n return \"pfe-search-droplist.scss\";\n }\n\n constructor() {\n super(PfeSearchDroplist);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this._ariaAnnounce = this.shadowRoot.querySelector(\n \".suggestions-aria-help\"\n );\n\n this.activeIndex = null;\n this._ul = this.shadowRoot.querySelector(\"ul\");\n this._ul.addEventListener(\"mousedown\", this._optionSelected.bind(this));\n }\n\n disconnectedCallback() {\n this._ul.removeEventListener(\"mousedown\", this._optionSelected);\n }\n\n _optionSelected(e) {\n if (e.target.tagName === \"LI\") {\n this.emitEvent(PfeAutocomplete.events.select, {\n detail: { optionValue: e.target.innerText },\n composed: true\n });\n }\n }\n\n _renderOptions() {\n this.reflow = \"\";\n\n let options = this.data;\n let ariaAnnounceText = \"\";\n\n if (this._ariaAnnounceTemplate) {\n ariaAnnounceText = this._ariaAnnounceTemplate.replace(\n \"${numOptions}\",\n options.length\n );\n }\n\n this._ariaAnnounce.textContent = ariaAnnounceText;\n this._ariaAnnounce.setAttribute(\"aria-live\", \"polite\");\n\n this._ul.innerHTML = `${options\n .map((item, index) => {\n return `
  • ${item}
    • `;\n })\n .join(\"\")}`;\n }\n\n static get observedAttributes() {\n return [\"open\", \"reflow\", \"active-index\"];\n }\n\n attributeChangedCallback(attr, oldVal, newVal) {\n super.attributeChangedCallback();\n\n if (this[name] !== newVal) {\n this[name] = newVal;\n }\n\n if (attr === \"active-index\" && oldVal !== newVal) {\n this._activeIndexChanged();\n }\n\n if (attr === \"reflow\") {\n this._renderOptions();\n }\n }\n\n _activeIndexChanged() {\n if (\n !this.data ||\n this.data.length === 0 ||\n this.activeIndex === null ||\n this.activeIndex === \"null\"\n )\n return;\n\n // remove active class\n if (this._ul.querySelector(\".active\")) {\n this._ul.querySelector(\".active\").classList.remove(\"active\");\n }\n\n // add active class to selected option\n let activeOption = this._ul.querySelector(\n \"li:nth-child(\" + (parseInt(this.activeIndex, 10) + 1) + \")\"\n );\n\n activeOption.classList.add(\"active\");\n\n // scroll to selected element when selected item with keyboard is out of view\n let ulWrapper = this.shadowRoot.querySelector(\".droplist\");\n let activeOptionHeight = activeOption.offsetHeight;\n activeOptionHeight += parseInt(\n window.getComputedStyle(activeOption).getPropertyValue(\"margin-bottom\"),\n 10\n );\n ulWrapper.scrollTop =\n activeOption.offsetTop - ulWrapper.offsetHeight + activeOptionHeight;\n }\n\n get open() {\n return this.hasAttribute(\"open\");\n }\n\n set open(val) {\n val = Boolean(val);\n\n if (val) {\n this.setAttribute(\"open\", \"\");\n } else {\n this.removeAttribute(\"open\");\n }\n }\n\n get activeIndex() {\n return this.getAttribute(\"active-index\");\n }\n\n set activeIndex(val) {\n this.setAttribute(\"active-index\", val);\n }\n\n get reflow() {\n return this.hasAttribute(\"reflow\");\n }\n\n set reflow(val) {\n val = Boolean(val);\n\n if (val) {\n this.setAttribute(\"reflow\", \"\");\n } else {\n this.removeAttribute(\"reflow\");\n }\n }\n}\n\nPFElement.create(PfeSearchDroplist);\nPFElement.create(PfeAutocomplete);\n\nexport default PfeAutocomplete;\n"],"names":["KEYCODE","throttle","PfeAutocomplete","PFElement","debounce_timer","title","description","type","prefixed","init_value","is_disabled","content","namedSlot","items","oneOf","$ref","required","loading","debounce","this","_ariaAnnounceTemplate","_clearBtn","shadowRoot","querySelector","addEventListener","_clear","bind","_searchBtn","_search","_dropdown","data","activeIndex","_inputKeyUp","events","search","_closeDroplist","select","_optionSelected","removeEventListener","_slot","slotchange","_slotchangeHandler","_input","_inputChanged","attr","oldVal","newVal","assignedNodes","filter","n","nodeType","Node","ELEMENT_NODE","value","removeAttribute","setAttribute","isDisabled","slotElems","length","tagName","toLowerCase","hasAttribute","getAttribute","error","tag","_reset","setTimeout","_sendAutocompleteRequest","_this2","focus","_doSearch","open","e","selectedValue","detail","optionValue","searchQuery","emitEvent","searchValue","input","autocompleteRequest","query","_autocompleteCallback","response","reflow","_openDroplist","parseInt","innerHTML","key","keyCode","optionsLength","_activeOption","val","Boolean","_this","PfeSearchDroplist","_ariaAnnounce","_ul","target","innerText","options","ariaAnnounceText","replace","textContent","map","item","index","join","name","_activeIndexChanged","_renderOptions","classList","remove","activeOption","add","ulWrapper","activeOptionHeight","offsetHeight","window","getComputedStyle","getPropertyValue","scrollTop","offsetTop","create"],"mappings":"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"} \ No newline at end of file diff --git a/elements/pfe-autocomplete/package-lock.json b/elements/pfe-autocomplete/package-lock.json index c3ebcdef06..55c4231dd3 100644 --- a/elements/pfe-autocomplete/package-lock.json +++ b/elements/pfe-autocomplete/package-lock.json @@ -1,6 +1,6 @@ { "name": "@patternfly/pfe-autocomplete", - "version": "1.0.0-prerelease.49", + "version": "1.0.0-prerelease.50", "lockfileVersion": 1, "requires": true, "dependencies": { diff --git a/elements/pfe-autocomplete/package.json b/elements/pfe-autocomplete/package.json index 6226dc744a..86134c63aa 100644 --- a/elements/pfe-autocomplete/package.json +++ b/elements/pfe-autocomplete/package.json @@ -4,7 +4,7 @@ "className": "PfeAutocomplete", "elementName": "pfe-autocomplete" }, - "version": "1.0.0-prerelease.49", + "version": "1.0.0-prerelease.50", "description": "Autocomplete element for PatternFly Elements", "keywords": [ "web-components", @@ -37,8 +37,8 @@ ], "license": "MIT", "dependencies": { - "@patternfly/pfe-sass": "^1.0.0-prerelease.49", - "@patternfly/pfelement": "^1.0.0-prerelease.49" + "@patternfly/pfe-sass": "^1.0.0-prerelease.50", + "@patternfly/pfelement": "^1.0.0-prerelease.50" }, "generator-pfelement-version": "0.5.5", "bugs": { diff --git a/elements/pfe-avatar/dist/pfe-avatar.js b/elements/pfe-avatar/dist/pfe-avatar.js new file mode 100644 index 0000000000..6aa7fb6757 --- /dev/null +++ b/elements/pfe-avatar/dist/pfe-avatar.js @@ -0,0 +1,490 @@ +import PFElement from '../../pfelement/dist/pfelement.js'; + +/** + * djb2 string hashing function. + * + * @see http://www.cse.yorku.ca/~oz/hash.html + * @param {String} str the string to hash. + * @return {Number} a positive integer + */ + +function hash(str) { + let hash = 5381; + let i = str.length; + + while (i) { + hash = (hash * 33) ^ str.charCodeAt(--i); + } + + return hash >>> 0; +} + +function h2rgb(v1, v2, vH) { + if (vH < 0) vH += 1; + if (vH > 1) vH -= 1; + if (6 * vH < 1) return v1 + (v2 - v1) * 6 * vH; + if (2 * vH < 1) return v2; + if (3 * vH < 2) return v1 + (v2 - v1) * (2 / 3 - vH) * 6; + return v1; +} + +/** + * Convert an HSL color to RGB. + * + * @param {Number} H the hue component + * @param {Number} S the saturation component + * @param {Number} L the luminance component + * @return {Array} [R, G, B] + * + * @see https://www.easyrgb.com/en/math.php + */ +function hsl2rgb(_H, _S, _L) { + let R, G, B; + + const H = Math.max(0, Math.min(1, _H)); + const S = Math.max(0, Math.min(1, _S)); + const L = Math.max(0, Math.min(1, _L)); + + if (S == 0) { + R = L * 255; + G = L * 255; + B = L * 255; + } else { + let a, b; + + if (L < 0.5) { + b = L * (1 + S); + } else { + b = L + S - S * L; + } + + a = 2 * L - b; + + R = Math.floor(255 * h2rgb(a, b, H + 1 / 3)); + G = Math.floor(255 * h2rgb(a, b, H)); + B = Math.floor(255 * h2rgb(a, b, H - 1 / 3)); + } + + return [R, G, B]; +} + +/** + * Convert an RGBcolor to HSL. + * + * @param {Number} R the red component + * @param {Number} G the green component + * @param {Number} B the blue component + * @return {Array} [H, S, L] + * + * @see https://www.easyrgb.com/en/math.php + */ +function rgb2hsl(_R, _G, _B) { + let H, S, L; + + const R = Math.max(0, Math.min(255, _R)); + const G = Math.max(0, Math.min(255, _G)); + const B = Math.max(0, Math.min(255, _B)); + + const r = R / 255; + const g = G / 255; + const b = B / 255; + + const var_min = Math.min(Math.min(r, g), b); + const var_max = Math.max(Math.max(r, g), b); + const del_max = var_max - var_min; + + L = (var_max + var_min) / 2; + + if (del_max === 0) { + H = 0; + S = 0; + } else { + if (L < 0.5) { + S = del_max / (var_max + var_min); + } else { + S = del_max / (2 - var_max - var_min); + } + + const del_r = ((var_max - r) / 6 + del_max / 2) / del_max; + const del_g = ((var_max - g) / 6 + del_max / 2) / del_max; + const del_b = ((var_max - b) / 6 + del_max / 2) / del_max; + + if (r == var_max) { + H = del_b - del_g; + } else if (g == var_max) { + H = 1 / 3 + del_r - del_b; + } else if (b == var_max) { + H = 2 / 3 + del_g - del_r; + } + + if (H < 0) { + H += 1; + } else if (H > 1) { + H -= 1; + } + } + + return [H, S, L]; +} + +/*! + * PatternFly Elements: PfeAvatar 1.0.0-prerelease.50 + * @license + * Copyright 2020 Red Hat, Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + * +*/ + +class PfeAvatar extends PFElement { + static get version() { + return "1.0.0-prerelease.50"; + } + + get html() { + return ` +`; + } + static get tag() { + return "pfe-avatar"; + } + + get templateUrl() { + return "pfe-avatar.html"; + } + + get styleUrl() { + return "pfe-avatar.scss"; + } + + static get observedAttributes() { + return ["pfe-name", "pfe-pattern", "pfe-src", "pfe-shape"]; + } + + static get events() { + return { + connected: `${this.tag}:connected` + }; + } + + static get patterns() { + return { + triangles: "triangles", + squares: "squares" + }; + } + + static get defaultSize() { + return 128; + } + + static get defaultColors() { + return "#67accf #448087 #709c6b #a35252 #826cbb"; + } + + get name() { + return this.getAttribute("pfe-name"); + } + + set name(val) { + return this.setAttribute("pfe-name", val); + } + + get src() { + return this.getAttribute("pfe-src"); + } + + set src(href) { + return this.setAttribute("pfe-src", href); + } + + get pattern() { + return this.getAttribute("pfe-pattern") || PfeAvatar.patterns.squares; + } + + set pattern(name) { + if (!PfeAvatar.patterns[name]) { + this.log( + `invalid pattern "${name}", valid patterns are: ${Object.values( + PfeAvatar.patterns + )}` + ); + return; + } + return this.setAttribute("pfe-pattern", name); + } + + constructor() { + super(PfeAvatar); + } + + connectedCallback() { + super.connectedCallback(); + + this._initCanvas(); + + this.emitEvent(PfeAvatar.events.connected, { + bubbles: false + }); + } + + attributeChangedCallback(attr, oldValue, newValue) { + super.attributeChangedCallback(...arguments); + + if (this.connected) { + this.update(); + } else { + this.addEventListener(PfeAvatar.events.connected, () => this.update()); + } + } + + _initCanvas() { + this._canvas = this.shadowRoot.querySelector("canvas"); + const size = + this.var("--pfe-avatar--width").replace(/px$/, "") || + PfeAvatar.defaultSize; + this._canvas.width = size; + this._canvas.height = size; + + this._squareSize = this._canvas.width / 8; + this._triangleSize = this._canvas.width / 4; + + this._ctx = this._canvas.getContext("2d"); + } + + static _registerColors() { + this.colors = []; + const themeColors = this.var("--pfe-avatar--colors") || this.defaultColors; + + themeColors.split(/\s+/).forEach(colorCode => { + let pattern; + switch (colorCode.length) { + case 4: // ex: "#0fc" + pattern = /^#([A-f0-9])([A-f0-9])([A-f0-9])$/.exec(colorCode); + if (pattern) { + pattern.shift(); + const color = pattern.map(c => parseInt(c + c, 16)); + this._registerColor(color); + } else { + this.log(`[pfe-avatar] invalid color ${colorCode}`); + } + break; + case 7: // ex: "#00ffcc" + pattern = /^#([A-f0-9]{2})([A-f0-9]{2})([A-f0-9]{2})$/.exec( + colorCode + ); + if (pattern) { + pattern.shift(); + const color = pattern.map(c => parseInt(c, 16)); + this._registerColor(color); + } else { + this.log(`[pfe-avatar] invalid color ${colorCode}`); + } + } + }); + + return this.colors; + } + + static _registerColor(color) { + PfeAvatar.colors.push({ + color1: `rgb(${color.join(",")})`, + color2: `rgb(${this._adjustColor(color).join(",")})` + }); + } + + static _adjustColor(color) { + const dark = 0.1; + const l_adj = 0.1; // luminance adjustment + const hsl = rgb2hsl(...color); + + // if luminance is too dark already, then lighten the alternate color + // instead of darkening it. + hsl[2] += hsl[2] > dark ? -l_adj : l_adj; + + return hsl2rgb(...hsl); + } + + update() { + // if we have a src element, update the img, otherwise update the random pattern + if (this.hasAttribute("pfe-src")) { + this.shadowRoot.querySelector("img").src = this.src; + } else { + const bitPattern = hash(this.name).toString(2); + const arrPattern = bitPattern.split("").map(n => Number(n)); + this._colorIndex = Math.floor( + (PfeAvatar.colors.length * parseInt(bitPattern, 2)) / Math.pow(2, 32) + ); + this.color1 = PfeAvatar.colors[this._colorIndex].color1; + this.color2 = PfeAvatar.colors[this._colorIndex].color2; + + this._clear(); + this._drawBackground(); + if (this.pattern === PfeAvatar.patterns.squares) { + this._drawSquarePattern(arrPattern); + } else if (this.pattern === PfeAvatar.patterns.triangles) { + this._drawTrianglePattern(arrPattern); + } + // this._drawGradient(); + } + } + + _clear() { + this._ctx.clearRect(0, 0, this._canvas.width, this._canvas.height); + } + + _drawBackground() { + this._ctx.fillStyle = this.color1; + this._ctx.fillRect(0, 0, this._canvas.width, this._canvas.height); + } + + _drawSquarePattern(pattern) { + this._ctx.fillStyle = this.color2; + if (this._ctx) { + let i = pattern.length; + while (i--) { + if (pattern[i]) { + this._drawMirroredSquare(i % 4, Math.floor(i / 4)); + } + } + } + } + + /** + * Draw a square at the given position, mirrored onto both the left and right half of the canvas. + */ + _drawMirroredSquare(x, y) { + if (this._ctx) { + this._drawSquare(x, y); + this._drawSquare(7 - x, y); + } + } + + _drawSquare(x, y) { + this._ctx.fillRect( + this._squareSize * x, + this._squareSize * y, + this._squareSize, + this._squareSize + ); + } + + _drawTrianglePattern(pattern) { + this._ctx.fillStyle = this.color2; + if (this._ctx) { + let i = pattern.length; + while (i--) { + if (pattern[i]) { + const x = Math.floor(i / 2) % 2; + const y = Math.floor(i / 4); + const alt = i % 4; + + const p1 = [x, y]; + const p2 = [x, y]; + const p3 = [x, y]; + + switch (alt) { + case 0: + p2[1]++; + p3[0]++; + p3[1]++; + break; + case 1: + p2[0]++; + p3[0]++; + p3[1]++; + break; + case 2: + p2[0]++; + p3[1]++; + break; + case 3: + p1[0]++; + p2[0]++; + p2[1]++; + p3[1]++; + break; + } + + this._drawMirroredTriangle(p1, p2, p3); + } + } + } + } + + /** + * Draw a square at the given position in the top-left quadrant of the + * canvas, and mirrored to the other three quadrants. + */ + _drawMirroredTriangle(p1, p2, p3) { + if (this._ctx) { + this._drawTriangle(p1, p2, p3); + this._drawTriangle( + [4 - p1[0], p1[1]], + [4 - p2[0], p2[1]], + [4 - p3[0], p3[1]] + ); + } + } + + _drawTriangle(p1, p2, p3) { + this._ctx.beginPath(); + this._ctx.moveTo(...p1.map(c => c * this._triangleSize)); + this._ctx.lineTo(...p2.map(c => c * this._triangleSize)); + this._ctx.lineTo(...p3.map(c => c * this._triangleSize)); + this._ctx.closePath(); + this._ctx.fill(); + this._ctx.fill(); + } + + _drawGradient() { + const gradient = this._ctx.createLinearGradient( + 0, + this._canvas.height, + this._canvas.width, + 0 + ); + const color = this.color2; + let gradientColor1 = color; + let gradientColor2 = color; + if (/^#[A-f0-9]{3}$/.test(color)) { + // color is of the form "#fff" + gradientColor1 += "c"; + gradientColor2 += "0"; + } else if (/^#[A-f0-9]{6}$/.test(color)) { + // color is of the form "#ffffff" + gradientColor1 += "cc"; + gradientColor2 += "00"; + } + gradient.addColorStop(0, gradientColor1); + gradient.addColorStop(1, gradientColor2); + gradient.addColorStop(1, gradientColor1); + this._ctx.fillStyle = gradient; + this._ctx.fillRect(0, 0, this._canvas.width, this._canvas.height); + } +} + +PfeAvatar._registerColors(); + +PFElement.create(PfeAvatar); + +export default PfeAvatar; +//# sourceMappingURL=pfe-avatar.js.map diff --git a/elements/pfe-avatar/dist/pfe-avatar.js.map b/elements/pfe-avatar/dist/pfe-avatar.js.map new file mode 100644 index 0000000000..fb0ae0c61d --- /dev/null +++ b/elements/pfe-avatar/dist/pfe-avatar.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-avatar.js","sources":["../_temp/djb-hash.js","../_temp/hslrgb.js","../_temp/pfe-avatar.js"],"sourcesContent":["/**\n * djb2 string hashing function.\n *\n * @see http://www.cse.yorku.ca/~oz/hash.html\n * @param {String} str the string to hash.\n * @return {Number} a positive integer\n */\n\nfunction hash(str) {\n let hash = 5381;\n let i = str.length;\n\n while (i) {\n hash = (hash * 33) ^ str.charCodeAt(--i);\n }\n\n return hash >>> 0;\n}\n\nexport { hash };\n","function h2rgb(v1, v2, vH) {\n if (vH < 0) vH += 1;\n if (vH > 1) vH -= 1;\n if (6 * vH < 1) return v1 + (v2 - v1) * 6 * vH;\n if (2 * vH < 1) return v2;\n if (3 * vH < 2) return v1 + (v2 - v1) * (2 / 3 - vH) * 6;\n return v1;\n}\n\n/**\n * Convert an HSL color to RGB.\n *\n * @param {Number} H the hue component\n * @param {Number} S the saturation component\n * @param {Number} L the luminance component\n * @return {Array} [R, G, B]\n *\n * @see https://www.easyrgb.com/en/math.php\n */\nexport function hsl2rgb(_H, _S, _L) {\n let R, G, B;\n\n const H = Math.max(0, Math.min(1, _H));\n const S = Math.max(0, Math.min(1, _S));\n const L = Math.max(0, Math.min(1, _L));\n\n if (S == 0) {\n R = L * 255;\n G = L * 255;\n B = L * 255;\n } else {\n let a, b;\n\n if (L < 0.5) {\n b = L * (1 + S);\n } else {\n b = L + S - S * L;\n }\n\n a = 2 * L - b;\n\n R = Math.floor(255 * h2rgb(a, b, H + 1 / 3));\n G = Math.floor(255 * h2rgb(a, b, H));\n B = Math.floor(255 * h2rgb(a, b, H - 1 / 3));\n }\n\n return [R, G, B];\n}\n\n/**\n * Convert an RGBcolor to HSL.\n *\n * @param {Number} R the red component\n * @param {Number} G the green component\n * @param {Number} B the blue component\n * @return {Array} [H, S, L]\n *\n * @see https://www.easyrgb.com/en/math.php\n */\nexport function rgb2hsl(_R, _G, _B) {\n let H, S, L;\n\n const R = Math.max(0, Math.min(255, _R));\n const G = Math.max(0, Math.min(255, _G));\n const B = Math.max(0, Math.min(255, _B));\n\n const r = R / 255;\n const g = G / 255;\n const b = B / 255;\n\n const var_min = Math.min(Math.min(r, g), b);\n const var_max = Math.max(Math.max(r, g), b);\n const del_max = var_max - var_min;\n\n L = (var_max + var_min) / 2;\n\n if (del_max === 0) {\n H = 0;\n S = 0;\n } else {\n if (L < 0.5) {\n S = del_max / (var_max + var_min);\n } else {\n S = del_max / (2 - var_max - var_min);\n }\n\n const del_r = ((var_max - r) / 6 + del_max / 2) / del_max;\n const del_g = ((var_max - g) / 6 + del_max / 2) / del_max;\n const del_b = ((var_max - b) / 6 + del_max / 2) / del_max;\n\n if (r == var_max) {\n H = del_b - del_g;\n } else if (g == var_max) {\n H = 1 / 3 + del_r - del_b;\n } else if (b == var_max) {\n H = 2 / 3 + del_g - del_r;\n }\n\n if (H < 0) {\n H += 1;\n } else if (H > 1) {\n H -= 1;\n }\n }\n\n return [H, S, L];\n}\n","/*!\n * PatternFly Elements: PfeAvatar 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\nimport PFElement from \"../../pfelement/dist/pfelement.js\";\nimport { hash } from \"./djb-hash.js\";\nimport { hsl2rgb, rgb2hsl } from \"./hslrgb.js\";\n\nclass PfeAvatar extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return `\n`;\n }\n static get tag() {\n return \"pfe-avatar\";\n }\n\n get templateUrl() {\n return \"pfe-avatar.html\";\n }\n\n get styleUrl() {\n return \"pfe-avatar.scss\";\n }\n\n static get observedAttributes() {\n return [\"pfe-name\", \"pfe-pattern\", \"pfe-src\", \"pfe-shape\"];\n }\n\n static get events() {\n return {\n connected: `${this.tag}:connected`\n };\n }\n\n static get patterns() {\n return {\n triangles: \"triangles\",\n squares: \"squares\"\n };\n }\n\n static get defaultSize() {\n return 128;\n }\n\n static get defaultColors() {\n return \"#67accf #448087 #709c6b #a35252 #826cbb\";\n }\n\n get name() {\n return this.getAttribute(\"pfe-name\");\n }\n\n set name(val) {\n return this.setAttribute(\"pfe-name\", val);\n }\n\n get src() {\n return this.getAttribute(\"pfe-src\");\n }\n\n set src(href) {\n return this.setAttribute(\"pfe-src\", href);\n }\n\n get pattern() {\n return this.getAttribute(\"pfe-pattern\") || PfeAvatar.patterns.squares;\n }\n\n set pattern(name) {\n if (!PfeAvatar.patterns[name]) {\n this.log(\n `invalid pattern \"${name}\", valid patterns are: ${Object.values(\n PfeAvatar.patterns\n )}`\n );\n return;\n }\n return this.setAttribute(\"pfe-pattern\", name);\n }\n\n constructor() {\n super(PfeAvatar);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this._initCanvas();\n\n this.emitEvent(PfeAvatar.events.connected, {\n bubbles: false\n });\n }\n\n attributeChangedCallback(attr, oldValue, newValue) {\n super.attributeChangedCallback(...arguments);\n\n if (this.connected) {\n this.update();\n } else {\n this.addEventListener(PfeAvatar.events.connected, () => this.update());\n }\n }\n\n _initCanvas() {\n this._canvas = this.shadowRoot.querySelector(\"canvas\");\n const size =\n this.var(\"--pfe-avatar--width\").replace(/px$/, \"\") ||\n PfeAvatar.defaultSize;\n this._canvas.width = size;\n this._canvas.height = size;\n\n this._squareSize = this._canvas.width / 8;\n this._triangleSize = this._canvas.width / 4;\n\n this._ctx = this._canvas.getContext(\"2d\");\n }\n\n static _registerColors() {\n this.colors = [];\n const themeColors = this.var(\"--pfe-avatar--colors\") || this.defaultColors;\n\n themeColors.split(/\\s+/).forEach(colorCode => {\n let pattern;\n switch (colorCode.length) {\n case 4: // ex: \"#0fc\"\n pattern = /^#([A-f0-9])([A-f0-9])([A-f0-9])$/.exec(colorCode);\n if (pattern) {\n pattern.shift();\n const color = pattern.map(c => parseInt(c + c, 16));\n this._registerColor(color);\n } else {\n this.log(`[pfe-avatar] invalid color ${colorCode}`);\n }\n break;\n case 7: // ex: \"#00ffcc\"\n pattern = /^#([A-f0-9]{2})([A-f0-9]{2})([A-f0-9]{2})$/.exec(\n colorCode\n );\n if (pattern) {\n pattern.shift();\n const color = pattern.map(c => parseInt(c, 16));\n this._registerColor(color);\n } else {\n this.log(`[pfe-avatar] invalid color ${colorCode}`);\n }\n }\n });\n\n return this.colors;\n }\n\n static _registerColor(color) {\n PfeAvatar.colors.push({\n color1: `rgb(${color.join(\",\")})`,\n color2: `rgb(${this._adjustColor(color).join(\",\")})`\n });\n }\n\n static _adjustColor(color) {\n const dark = 0.1;\n const l_adj = 0.1; // luminance adjustment\n const hsl = rgb2hsl(...color);\n\n // if luminance is too dark already, then lighten the alternate color\n // instead of darkening it.\n hsl[2] += hsl[2] > dark ? -l_adj : l_adj;\n\n return hsl2rgb(...hsl);\n }\n\n update() {\n // if we have a src element, update the img, otherwise update the random pattern\n if (this.hasAttribute(\"pfe-src\")) {\n this.shadowRoot.querySelector(\"img\").src = this.src;\n } else {\n const bitPattern = hash(this.name).toString(2);\n const arrPattern = bitPattern.split(\"\").map(n => Number(n));\n this._colorIndex = Math.floor(\n (PfeAvatar.colors.length * parseInt(bitPattern, 2)) / Math.pow(2, 32)\n );\n this.color1 = PfeAvatar.colors[this._colorIndex].color1;\n this.color2 = PfeAvatar.colors[this._colorIndex].color2;\n\n this._clear();\n this._drawBackground();\n if (this.pattern === PfeAvatar.patterns.squares) {\n this._drawSquarePattern(arrPattern);\n } else if (this.pattern === PfeAvatar.patterns.triangles) {\n this._drawTrianglePattern(arrPattern);\n }\n // this._drawGradient();\n }\n }\n\n _clear() {\n this._ctx.clearRect(0, 0, this._canvas.width, this._canvas.height);\n }\n\n _drawBackground() {\n this._ctx.fillStyle = this.color1;\n this._ctx.fillRect(0, 0, this._canvas.width, this._canvas.height);\n }\n\n _drawSquarePattern(pattern) {\n this._ctx.fillStyle = this.color2;\n if (this._ctx) {\n let i = pattern.length;\n while (i--) {\n if (pattern[i]) {\n this._drawMirroredSquare(i % 4, Math.floor(i / 4));\n }\n }\n }\n }\n\n /**\n * Draw a square at the given position, mirrored onto both the left and right half of the canvas.\n */\n _drawMirroredSquare(x, y) {\n if (this._ctx) {\n this._drawSquare(x, y);\n this._drawSquare(7 - x, y);\n }\n }\n\n _drawSquare(x, y) {\n this._ctx.fillRect(\n this._squareSize * x,\n this._squareSize * y,\n this._squareSize,\n this._squareSize\n );\n }\n\n _drawTrianglePattern(pattern) {\n this._ctx.fillStyle = this.color2;\n if (this._ctx) {\n let i = pattern.length;\n while (i--) {\n if (pattern[i]) {\n const x = Math.floor(i / 2) % 2;\n const y = Math.floor(i / 4);\n const alt = i % 4;\n\n const p1 = [x, y];\n const p2 = [x, y];\n const p3 = [x, y];\n\n switch (alt) {\n case 0:\n p2[1]++;\n p3[0]++;\n p3[1]++;\n break;\n case 1:\n p2[0]++;\n p3[0]++;\n p3[1]++;\n break;\n case 2:\n p2[0]++;\n p3[1]++;\n break;\n case 3:\n p1[0]++;\n p2[0]++;\n p2[1]++;\n p3[1]++;\n break;\n }\n\n this._drawMirroredTriangle(p1, p2, p3);\n }\n }\n }\n }\n\n /**\n * Draw a square at the given position in the top-left quadrant of the\n * canvas, and mirrored to the other three quadrants.\n */\n _drawMirroredTriangle(p1, p2, p3) {\n if (this._ctx) {\n this._drawTriangle(p1, p2, p3);\n this._drawTriangle(\n [4 - p1[0], p1[1]],\n [4 - p2[0], p2[1]],\n [4 - p3[0], p3[1]]\n );\n }\n }\n\n _drawTriangle(p1, p2, p3) {\n this._ctx.beginPath();\n this._ctx.moveTo(...p1.map(c => c * this._triangleSize));\n this._ctx.lineTo(...p2.map(c => c * this._triangleSize));\n this._ctx.lineTo(...p3.map(c => c * this._triangleSize));\n this._ctx.closePath();\n this._ctx.fill();\n this._ctx.fill();\n }\n\n _drawGradient() {\n const gradient = this._ctx.createLinearGradient(\n 0,\n this._canvas.height,\n this._canvas.width,\n 0\n );\n const color = this.color2;\n let gradientColor1 = color;\n let gradientColor2 = color;\n if (/^#[A-f0-9]{3}$/.test(color)) {\n // color is of the form \"#fff\"\n gradientColor1 += \"c\";\n gradientColor2 += \"0\";\n } else if (/^#[A-f0-9]{6}$/.test(color)) {\n // color is of the form \"#ffffff\"\n gradientColor1 += \"cc\";\n gradientColor2 += \"00\";\n }\n gradient.addColorStop(0, gradientColor1);\n gradient.addColorStop(1, gradientColor2);\n gradient.addColorStop(1, gradientColor1);\n this._ctx.fillStyle = gradient;\n this._ctx.fillRect(0, 0, this._canvas.width, this._canvas.height);\n }\n}\n\nPfeAvatar._registerColors();\n\nPFElement.create(PfeAvatar);\n\nexport default PfeAvatar;\n"],"names":[],"mappings":"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"} \ No newline at end of file diff --git a/elements/pfe-avatar/dist/pfe-avatar.min.js b/elements/pfe-avatar/dist/pfe-avatar.min.js new file mode 100644 index 0000000000..a2196a05d0 --- /dev/null +++ b/elements/pfe-avatar/dist/pfe-avatar.min.js @@ -0,0 +1,27 @@ +import t from"../../pfelement/dist/pfelement.min.js";function e(t,e,a){return a<0&&(a+=1),a>1&&(a-=1),6*a<1?t+6*(e-t)*a:2*a<1?e:3*a<2?t+(e-t)*(2/3-a)*6:t} +/*! + * PatternFly Elements: PfeAvatar 1.0.0-prerelease.50 + * @license + * Copyright 2020 Red Hat, Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + * +*/ +class a extends t{static get version(){return"1.0.0-prerelease.50"}get html(){return"\n"}static get tag(){return"pfe-avatar"}get templateUrl(){return"pfe-avatar.html"}get styleUrl(){return"pfe-avatar.scss"}static get observedAttributes(){return["pfe-name","pfe-pattern","pfe-src","pfe-shape"]}static get events(){return{connected:`${this.tag}:connected`}}static get patterns(){return{triangles:"triangles",squares:"squares"}}static get defaultSize(){return 128}static get defaultColors(){return"#67accf #448087 #709c6b #a35252 #826cbb"}get name(){return this.getAttribute("pfe-name")}set name(t){return this.setAttribute("pfe-name",t)}get src(){return this.getAttribute("pfe-src")}set src(t){return this.setAttribute("pfe-src",t)}get pattern(){return this.getAttribute("pfe-pattern")||a.patterns.squares}set pattern(t){if(a.patterns[t])return this.setAttribute("pfe-pattern",t);this.log(`invalid pattern "${t}", valid patterns are: ${Object.values(a.patterns)}`)}constructor(){super(a)}connectedCallback(){super.connectedCallback(),this._initCanvas(),this.emitEvent(a.events.connected,{bubbles:!1})}attributeChangedCallback(t,e,r){super.attributeChangedCallback(...arguments),this.connected?this.update():this.addEventListener(a.events.connected,()=>this.update())}_initCanvas(){this._canvas=this.shadowRoot.querySelector("canvas");const t=this.var("--pfe-avatar--width").replace(/px$/,"")||a.defaultSize;this._canvas.width=t,this._canvas.height=t,this._squareSize=this._canvas.width/8,this._triangleSize=this._canvas.width/4,this._ctx=this._canvas.getContext("2d")}static _registerColors(){return this.colors=[],(this.var("--pfe-avatar--colors")||this.defaultColors).split(/\s+/).forEach(t=>{let e;switch(t.length){case 4:if(e=/^#([A-f0-9])([A-f0-9])([A-f0-9])$/.exec(t)){e.shift();const t=e.map(t=>parseInt(t+t,16));this._registerColor(t)}else this.log(`[pfe-avatar] invalid color ${t}`);break;case 7:if(e=/^#([A-f0-9]{2})([A-f0-9]{2})([A-f0-9]{2})$/.exec(t)){e.shift();const t=e.map(t=>parseInt(t,16));this._registerColor(t)}else this.log(`[pfe-avatar] invalid color ${t}`)}}),this.colors}static _registerColor(t){a.colors.push({color1:`rgb(${t.join(",")})`,color2:`rgb(${this._adjustColor(t).join(",")})`})}static _adjustColor(t){const a=function(t,e,a){let r,s,i;const n=Math.max(0,Math.min(255,t))/255,h=Math.max(0,Math.min(255,e))/255,o=Math.max(0,Math.min(255,a))/255,c=Math.min(Math.min(n,h),o),l=Math.max(Math.max(n,h),o),d=l-c;if(i=(l+c)/2,0===d)r=0,s=0;else{s=i<.5?d/(l+c):d/(2-l-c);const t=((l-n)/6+d/2)/d,e=((l-h)/6+d/2)/d,a=((l-o)/6+d/2)/d;n==l?r=a-e:h==l?r=1/3+t-a:o==l&&(r=2/3+e-t),r<0?r+=1:r>1&&(r-=1)}return[r,s,i]}(...t);return a[2]+=a[2]>.1?-.1:.1,function(t,a,r){let s,i,n;const h=Math.max(0,Math.min(1,t)),o=Math.max(0,Math.min(1,a)),c=Math.max(0,Math.min(1,r));if(0==o)s=255*c,i=255*c,n=255*c;else{let t,a;t=2*c-(a=c<.5?c*(1+o):c+o-o*c),s=Math.floor(255*e(t,a,h+1/3)),i=Math.floor(255*e(t,a,h)),n=Math.floor(255*e(t,a,h-1/3))}return[s,i,n]}(...a)}update(){if(this.hasAttribute("pfe-src"))this.shadowRoot.querySelector("img").src=this.src;else{const t=function(t){let e=5381,a=t.length;for(;a;)e=33*e^t.charCodeAt(--a);return e>>>0}(this.name).toString(2),e=t.split("").map(t=>Number(t));this._colorIndex=Math.floor(a.colors.length*parseInt(t,2)/Math.pow(2,32)),this.color1=a.colors[this._colorIndex].color1,this.color2=a.colors[this._colorIndex].color2,this._clear(),this._drawBackground(),this.pattern===a.patterns.squares?this._drawSquarePattern(e):this.pattern===a.patterns.triangles&&this._drawTrianglePattern(e)}}_clear(){this._ctx.clearRect(0,0,this._canvas.width,this._canvas.height)}_drawBackground(){this._ctx.fillStyle=this.color1,this._ctx.fillRect(0,0,this._canvas.width,this._canvas.height)}_drawSquarePattern(t){if(this._ctx.fillStyle=this.color2,this._ctx){let e=t.length;for(;e--;)t[e]&&this._drawMirroredSquare(e%4,Math.floor(e/4))}}_drawMirroredSquare(t,e){this._ctx&&(this._drawSquare(t,e),this._drawSquare(7-t,e))}_drawSquare(t,e){this._ctx.fillRect(this._squareSize*t,this._squareSize*e,this._squareSize,this._squareSize)}_drawTrianglePattern(t){if(this._ctx.fillStyle=this.color2,this._ctx){let e=t.length;for(;e--;)if(t[e]){const t=Math.floor(e/2)%2,a=Math.floor(e/4),r=[t,a],s=[t,a],i=[t,a];switch(e%4){case 0:s[1]++,i[0]++,i[1]++;break;case 1:s[0]++,i[0]++,i[1]++;break;case 2:s[0]++,i[1]++;break;case 3:r[0]++,s[0]++,s[1]++,i[1]++}this._drawMirroredTriangle(r,s,i)}}}_drawMirroredTriangle(t,e,a){this._ctx&&(this._drawTriangle(t,e,a),this._drawTriangle([4-t[0],t[1]],[4-e[0],e[1]],[4-a[0],a[1]]))}_drawTriangle(t,e,a){this._ctx.beginPath(),this._ctx.moveTo(...t.map(t=>t*this._triangleSize)),this._ctx.lineTo(...e.map(t=>t*this._triangleSize)),this._ctx.lineTo(...a.map(t=>t*this._triangleSize)),this._ctx.closePath(),this._ctx.fill(),this._ctx.fill()}_drawGradient(){const t=this._ctx.createLinearGradient(0,this._canvas.height,this._canvas.width,0),e=this.color2;let a=e,r=e;/^#[A-f0-9]{3}$/.test(e)?(a+="c",r+="0"):/^#[A-f0-9]{6}$/.test(e)&&(a+="cc",r+="00"),t.addColorStop(0,a),t.addColorStop(1,r),t.addColorStop(1,a),this._ctx.fillStyle=t,this._ctx.fillRect(0,0,this._canvas.width,this._canvas.height)}}a._registerColors(),t.create(a);export default a; +//# sourceMappingURL=pfe-avatar.min.js.map diff --git a/elements/pfe-avatar/dist/pfe-avatar.min.js.map b/elements/pfe-avatar/dist/pfe-avatar.min.js.map new file mode 100644 index 0000000000..582465bada --- /dev/null +++ b/elements/pfe-avatar/dist/pfe-avatar.min.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-avatar.min.js","sources":["../_temp/hslrgb.js","../_temp/pfe-avatar.js","../_temp/djb-hash.js"],"sourcesContent":["function h2rgb(v1, v2, vH) {\n if (vH < 0) vH += 1;\n if (vH > 1) vH -= 1;\n if (6 * vH < 1) return v1 + (v2 - v1) * 6 * vH;\n if (2 * vH < 1) return v2;\n if (3 * vH < 2) return v1 + (v2 - v1) * (2 / 3 - vH) * 6;\n return v1;\n}\n\n/**\n * Convert an HSL color to RGB.\n *\n * @param {Number} H the hue component\n * @param {Number} S the saturation component\n * @param {Number} L the luminance component\n * @return {Array} [R, G, B]\n *\n * @see https://www.easyrgb.com/en/math.php\n */\nexport function hsl2rgb(_H, _S, _L) {\n let R, G, B;\n\n const H = Math.max(0, Math.min(1, _H));\n const S = Math.max(0, Math.min(1, _S));\n const L = Math.max(0, Math.min(1, _L));\n\n if (S == 0) {\n R = L * 255;\n G = L * 255;\n B = L * 255;\n } else {\n let a, b;\n\n if (L < 0.5) {\n b = L * (1 + S);\n } else {\n b = L + S - S * L;\n }\n\n a = 2 * L - b;\n\n R = Math.floor(255 * h2rgb(a, b, H + 1 / 3));\n G = Math.floor(255 * h2rgb(a, b, H));\n B = Math.floor(255 * h2rgb(a, b, H - 1 / 3));\n }\n\n return [R, G, B];\n}\n\n/**\n * Convert an RGBcolor to HSL.\n *\n * @param {Number} R the red component\n * @param {Number} G the green component\n * @param {Number} B the blue component\n * @return {Array} [H, S, L]\n *\n * @see https://www.easyrgb.com/en/math.php\n */\nexport function rgb2hsl(_R, _G, _B) {\n let H, S, L;\n\n const R = Math.max(0, Math.min(255, _R));\n const G = Math.max(0, Math.min(255, _G));\n const B = Math.max(0, Math.min(255, _B));\n\n const r = R / 255;\n const g = G / 255;\n const b = B / 255;\n\n const var_min = Math.min(Math.min(r, g), b);\n const var_max = Math.max(Math.max(r, g), b);\n const del_max = var_max - var_min;\n\n L = (var_max + var_min) / 2;\n\n if (del_max === 0) {\n H = 0;\n S = 0;\n } else {\n if (L < 0.5) {\n S = del_max / (var_max + var_min);\n } else {\n S = del_max / (2 - var_max - var_min);\n }\n\n const del_r = ((var_max - r) / 6 + del_max / 2) / del_max;\n const del_g = ((var_max - g) / 6 + del_max / 2) / del_max;\n const del_b = ((var_max - b) / 6 + del_max / 2) / del_max;\n\n if (r == var_max) {\n H = del_b - del_g;\n } else if (g == var_max) {\n H = 1 / 3 + del_r - del_b;\n } else if (b == var_max) {\n H = 2 / 3 + del_g - del_r;\n }\n\n if (H < 0) {\n H += 1;\n } else if (H > 1) {\n H -= 1;\n }\n }\n\n return [H, S, L];\n}\n","/*!\n * PatternFly Elements: PfeAvatar 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\nimport PFElement from \"../../pfelement/dist/pfelement.js\";\nimport { hash } from \"./djb-hash.js\";\nimport { hsl2rgb, rgb2hsl } from \"./hslrgb.js\";\n\nclass PfeAvatar extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return `\n`;\n }\n static get tag() {\n return \"pfe-avatar\";\n }\n\n get templateUrl() {\n return \"pfe-avatar.html\";\n }\n\n get styleUrl() {\n return \"pfe-avatar.scss\";\n }\n\n static get observedAttributes() {\n return [\"pfe-name\", \"pfe-pattern\", \"pfe-src\", \"pfe-shape\"];\n }\n\n static get events() {\n return {\n connected: `${this.tag}:connected`\n };\n }\n\n static get patterns() {\n return {\n triangles: \"triangles\",\n squares: \"squares\"\n };\n }\n\n static get defaultSize() {\n return 128;\n }\n\n static get defaultColors() {\n return \"#67accf #448087 #709c6b #a35252 #826cbb\";\n }\n\n get name() {\n return this.getAttribute(\"pfe-name\");\n }\n\n set name(val) {\n return this.setAttribute(\"pfe-name\", val);\n }\n\n get src() {\n return this.getAttribute(\"pfe-src\");\n }\n\n set src(href) {\n return this.setAttribute(\"pfe-src\", href);\n }\n\n get pattern() {\n return this.getAttribute(\"pfe-pattern\") || PfeAvatar.patterns.squares;\n }\n\n set pattern(name) {\n if (!PfeAvatar.patterns[name]) {\n this.log(\n `invalid pattern \"${name}\", valid patterns are: ${Object.values(\n PfeAvatar.patterns\n )}`\n );\n return;\n }\n return this.setAttribute(\"pfe-pattern\", name);\n }\n\n constructor() {\n super(PfeAvatar);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this._initCanvas();\n\n this.emitEvent(PfeAvatar.events.connected, {\n bubbles: false\n });\n }\n\n attributeChangedCallback(attr, oldValue, newValue) {\n super.attributeChangedCallback(...arguments);\n\n if (this.connected) {\n this.update();\n } else {\n this.addEventListener(PfeAvatar.events.connected, () => this.update());\n }\n }\n\n _initCanvas() {\n this._canvas = this.shadowRoot.querySelector(\"canvas\");\n const size =\n this.var(\"--pfe-avatar--width\").replace(/px$/, \"\") ||\n PfeAvatar.defaultSize;\n this._canvas.width = size;\n this._canvas.height = size;\n\n this._squareSize = this._canvas.width / 8;\n this._triangleSize = this._canvas.width / 4;\n\n this._ctx = this._canvas.getContext(\"2d\");\n }\n\n static _registerColors() {\n this.colors = [];\n const themeColors = this.var(\"--pfe-avatar--colors\") || this.defaultColors;\n\n themeColors.split(/\\s+/).forEach(colorCode => {\n let pattern;\n switch (colorCode.length) {\n case 4: // ex: \"#0fc\"\n pattern = /^#([A-f0-9])([A-f0-9])([A-f0-9])$/.exec(colorCode);\n if (pattern) {\n pattern.shift();\n const color = pattern.map(c => parseInt(c + c, 16));\n this._registerColor(color);\n } else {\n this.log(`[pfe-avatar] invalid color ${colorCode}`);\n }\n break;\n case 7: // ex: \"#00ffcc\"\n pattern = /^#([A-f0-9]{2})([A-f0-9]{2})([A-f0-9]{2})$/.exec(\n colorCode\n );\n if (pattern) {\n pattern.shift();\n const color = pattern.map(c => parseInt(c, 16));\n this._registerColor(color);\n } else {\n this.log(`[pfe-avatar] invalid color ${colorCode}`);\n }\n }\n });\n\n return this.colors;\n }\n\n static _registerColor(color) {\n PfeAvatar.colors.push({\n color1: `rgb(${color.join(\",\")})`,\n color2: `rgb(${this._adjustColor(color).join(\",\")})`\n });\n }\n\n static _adjustColor(color) {\n const dark = 0.1;\n const l_adj = 0.1; // luminance adjustment\n const hsl = rgb2hsl(...color);\n\n // if luminance is too dark already, then lighten the alternate color\n // instead of darkening it.\n hsl[2] += hsl[2] > dark ? -l_adj : l_adj;\n\n return hsl2rgb(...hsl);\n }\n\n update() {\n // if we have a src element, update the img, otherwise update the random pattern\n if (this.hasAttribute(\"pfe-src\")) {\n this.shadowRoot.querySelector(\"img\").src = this.src;\n } else {\n const bitPattern = hash(this.name).toString(2);\n const arrPattern = bitPattern.split(\"\").map(n => Number(n));\n this._colorIndex = Math.floor(\n (PfeAvatar.colors.length * parseInt(bitPattern, 2)) / Math.pow(2, 32)\n );\n this.color1 = PfeAvatar.colors[this._colorIndex].color1;\n this.color2 = PfeAvatar.colors[this._colorIndex].color2;\n\n this._clear();\n this._drawBackground();\n if (this.pattern === PfeAvatar.patterns.squares) {\n this._drawSquarePattern(arrPattern);\n } else if (this.pattern === PfeAvatar.patterns.triangles) {\n this._drawTrianglePattern(arrPattern);\n }\n // this._drawGradient();\n }\n }\n\n _clear() {\n this._ctx.clearRect(0, 0, this._canvas.width, this._canvas.height);\n }\n\n _drawBackground() {\n this._ctx.fillStyle = this.color1;\n this._ctx.fillRect(0, 0, this._canvas.width, this._canvas.height);\n }\n\n _drawSquarePattern(pattern) {\n this._ctx.fillStyle = this.color2;\n if (this._ctx) {\n let i = pattern.length;\n while (i--) {\n if (pattern[i]) {\n this._drawMirroredSquare(i % 4, Math.floor(i / 4));\n }\n }\n }\n }\n\n /**\n * Draw a square at the given position, mirrored onto both the left and right half of the canvas.\n */\n _drawMirroredSquare(x, y) {\n if (this._ctx) {\n this._drawSquare(x, y);\n this._drawSquare(7 - x, y);\n }\n }\n\n _drawSquare(x, y) {\n this._ctx.fillRect(\n this._squareSize * x,\n this._squareSize * y,\n this._squareSize,\n this._squareSize\n );\n }\n\n _drawTrianglePattern(pattern) {\n this._ctx.fillStyle = this.color2;\n if (this._ctx) {\n let i = pattern.length;\n while (i--) {\n if (pattern[i]) {\n const x = Math.floor(i / 2) % 2;\n const y = Math.floor(i / 4);\n const alt = i % 4;\n\n const p1 = [x, y];\n const p2 = [x, y];\n const p3 = [x, y];\n\n switch (alt) {\n case 0:\n p2[1]++;\n p3[0]++;\n p3[1]++;\n break;\n case 1:\n p2[0]++;\n p3[0]++;\n p3[1]++;\n break;\n case 2:\n p2[0]++;\n p3[1]++;\n break;\n case 3:\n p1[0]++;\n p2[0]++;\n p2[1]++;\n p3[1]++;\n break;\n }\n\n this._drawMirroredTriangle(p1, p2, p3);\n }\n }\n }\n }\n\n /**\n * Draw a square at the given position in the top-left quadrant of the\n * canvas, and mirrored to the other three quadrants.\n */\n _drawMirroredTriangle(p1, p2, p3) {\n if (this._ctx) {\n this._drawTriangle(p1, p2, p3);\n this._drawTriangle(\n [4 - p1[0], p1[1]],\n [4 - p2[0], p2[1]],\n [4 - p3[0], p3[1]]\n );\n }\n }\n\n _drawTriangle(p1, p2, p3) {\n this._ctx.beginPath();\n this._ctx.moveTo(...p1.map(c => c * this._triangleSize));\n this._ctx.lineTo(...p2.map(c => c * this._triangleSize));\n this._ctx.lineTo(...p3.map(c => c * this._triangleSize));\n this._ctx.closePath();\n this._ctx.fill();\n this._ctx.fill();\n }\n\n _drawGradient() {\n const gradient = this._ctx.createLinearGradient(\n 0,\n this._canvas.height,\n this._canvas.width,\n 0\n );\n const color = this.color2;\n let gradientColor1 = color;\n let gradientColor2 = color;\n if (/^#[A-f0-9]{3}$/.test(color)) {\n // color is of the form \"#fff\"\n gradientColor1 += \"c\";\n gradientColor2 += \"0\";\n } else if (/^#[A-f0-9]{6}$/.test(color)) {\n // color is of the form \"#ffffff\"\n gradientColor1 += \"cc\";\n gradientColor2 += \"00\";\n }\n gradient.addColorStop(0, gradientColor1);\n gradient.addColorStop(1, gradientColor2);\n gradient.addColorStop(1, gradientColor1);\n this._ctx.fillStyle = gradient;\n this._ctx.fillRect(0, 0, this._canvas.width, this._canvas.height);\n }\n}\n\nPfeAvatar._registerColors();\n\nPFElement.create(PfeAvatar);\n\nexport default PfeAvatar;\n","/**\n * djb2 string hashing function.\n *\n * @see http://www.cse.yorku.ca/~oz/hash.html\n * @param {String} str the string to hash.\n * @return {Number} a positive integer\n */\n\nfunction hash(str) {\n let hash = 5381;\n let i = str.length;\n\n while (i) {\n hash = (hash * 33) ^ str.charCodeAt(--i);\n }\n\n return hash >>> 0;\n}\n\nexport { hash };\n"],"names":["h2rgb","v1","v2","vH","PfeAvatar","PFElement","version","html","tag","templateUrl","styleUrl","observedAttributes","events","connected","this","patterns","triangles","squares","defaultSize","defaultColors","name","getAttribute","val","setAttribute","src","href","pattern","log","Object","values","[object Object]","super","connectedCallback","_initCanvas","emitEvent","bubbles","attr","oldValue","newValue","attributeChangedCallback","arguments","update","addEventListener","_canvas","shadowRoot","querySelector","size","var","replace","width","height","_squareSize","_triangleSize","_ctx","getContext","colors","split","forEach","colorCode","length","exec","shift","color","map","c","parseInt","_registerColor","push","color1","join","color2","_adjustColor","hsl","_R","_G","_B","H","S","L","r","Math","max","min","g","b","var_min","var_max","del_max","del_r","del_g","del_b","rgb2hsl","_H","_S","_L","R","G","B","a","floor","hsl2rgb","hasAttribute","bitPattern","str","hash","i","charCodeAt","toString","arrPattern","n","Number","_colorIndex","pow","_clear","_drawBackground","_drawSquarePattern","_drawTrianglePattern","clearRect","fillStyle","fillRect","_drawMirroredSquare","x","y","_drawSquare","p1","p2","p3","_drawMirroredTriangle","_drawTriangle","beginPath","moveTo","lineTo","closePath","fill","gradient","createLinearGradient","gradientColor1","gradientColor2","test","addColorStop","_registerColors","create"],"mappings":"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"} \ No newline at end of file diff --git a/elements/pfe-avatar/dist/pfe-avatar.umd.js b/elements/pfe-avatar/dist/pfe-avatar.umd.js new file mode 100644 index 0000000000..835fad2100 --- /dev/null +++ b/elements/pfe-avatar/dist/pfe-avatar.umd.js @@ -0,0 +1,622 @@ +(function (global, factory) { + typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('../../pfelement/dist/pfelement.umd')) : + typeof define === 'function' && define.amd ? define(['../../pfelement/dist/pfelement.umd'], factory) : + (global.PfeAvatar = factory(global.PFElement)); +}(this, (function (PFElement) { 'use strict'; + + PFElement = PFElement && PFElement.hasOwnProperty('default') ? PFElement['default'] : PFElement; + + /** + * djb2 string hashing function. + * + * @see http://www.cse.yorku.ca/~oz/hash.html + * @param {String} str the string to hash. + * @return {Number} a positive integer + */ + + function hash(str) { + var hash = 5381; + var i = str.length; + + while (i) { + hash = hash * 33 ^ str.charCodeAt(--i); + } + + return hash >>> 0; + } + + function h2rgb(v1, v2, vH) { + if (vH < 0) vH += 1; + if (vH > 1) vH -= 1; + if (6 * vH < 1) return v1 + (v2 - v1) * 6 * vH; + if (2 * vH < 1) return v2; + if (3 * vH < 2) return v1 + (v2 - v1) * (2 / 3 - vH) * 6; + return v1; + } + + /** + * Convert an HSL color to RGB. + * + * @param {Number} H the hue component + * @param {Number} S the saturation component + * @param {Number} L the luminance component + * @return {Array} [R, G, B] + * + * @see https://www.easyrgb.com/en/math.php + */ + function hsl2rgb(_H, _S, _L) { + var R = void 0, + G = void 0, + B = void 0; + + var H = Math.max(0, Math.min(1, _H)); + var S = Math.max(0, Math.min(1, _S)); + var L = Math.max(0, Math.min(1, _L)); + + if (S == 0) { + R = L * 255; + G = L * 255; + B = L * 255; + } else { + var a = void 0, + b = void 0; + + if (L < 0.5) { + b = L * (1 + S); + } else { + b = L + S - S * L; + } + + a = 2 * L - b; + + R = Math.floor(255 * h2rgb(a, b, H + 1 / 3)); + G = Math.floor(255 * h2rgb(a, b, H)); + B = Math.floor(255 * h2rgb(a, b, H - 1 / 3)); + } + + return [R, G, B]; + } + + /** + * Convert an RGBcolor to HSL. + * + * @param {Number} R the red component + * @param {Number} G the green component + * @param {Number} B the blue component + * @return {Array} [H, S, L] + * + * @see https://www.easyrgb.com/en/math.php + */ + function rgb2hsl(_R, _G, _B) { + var H = void 0, + S = void 0, + L = void 0; + + var R = Math.max(0, Math.min(255, _R)); + var G = Math.max(0, Math.min(255, _G)); + var B = Math.max(0, Math.min(255, _B)); + + var r = R / 255; + var g = G / 255; + var b = B / 255; + + var var_min = Math.min(Math.min(r, g), b); + var var_max = Math.max(Math.max(r, g), b); + var del_max = var_max - var_min; + + L = (var_max + var_min) / 2; + + if (del_max === 0) { + H = 0; + S = 0; + } else { + if (L < 0.5) { + S = del_max / (var_max + var_min); + } else { + S = del_max / (2 - var_max - var_min); + } + + var del_r = ((var_max - r) / 6 + del_max / 2) / del_max; + var del_g = ((var_max - g) / 6 + del_max / 2) / del_max; + var del_b = ((var_max - b) / 6 + del_max / 2) / del_max; + + if (r == var_max) { + H = del_b - del_g; + } else if (g == var_max) { + H = 1 / 3 + del_r - del_b; + } else if (b == var_max) { + H = 2 / 3 + del_g - del_r; + } + + if (H < 0) { + H += 1; + } else if (H > 1) { + H -= 1; + } + } + + return [H, S, L]; + } + + var classCallCheck = function (instance, Constructor) { + if (!(instance instanceof Constructor)) { + throw new TypeError("Cannot call a class as a function"); + } + }; + + var createClass = function () { + function defineProperties(target, props) { + for (var i = 0; i < props.length; i++) { + var descriptor = props[i]; + descriptor.enumerable = descriptor.enumerable || false; + descriptor.configurable = true; + if ("value" in descriptor) descriptor.writable = true; + Object.defineProperty(target, descriptor.key, descriptor); + } + } + + return function (Constructor, protoProps, staticProps) { + if (protoProps) defineProperties(Constructor.prototype, protoProps); + if (staticProps) defineProperties(Constructor, staticProps); + return Constructor; + }; + }(); + + var get = function get(object, property, receiver) { + if (object === null) object = Function.prototype; + var desc = Object.getOwnPropertyDescriptor(object, property); + + if (desc === undefined) { + var parent = Object.getPrototypeOf(object); + + if (parent === null) { + return undefined; + } else { + return get(parent, property, receiver); + } + } else if ("value" in desc) { + return desc.value; + } else { + var getter = desc.get; + + if (getter === undefined) { + return undefined; + } + + return getter.call(receiver); + } + }; + + var inherits = function (subClass, superClass) { + if (typeof superClass !== "function" && superClass !== null) { + throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); + } + + subClass.prototype = Object.create(superClass && superClass.prototype, { + constructor: { + value: subClass, + enumerable: false, + writable: true, + configurable: true + } + }); + if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; + }; + + var possibleConstructorReturn = function (self, call) { + if (!self) { + throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); + } + + return call && (typeof call === "object" || typeof call === "function") ? call : self; + }; + + var toConsumableArray = function (arr) { + if (Array.isArray(arr)) { + for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) arr2[i] = arr[i]; + + return arr2; + } else { + return Array.from(arr); + } + }; + + /*! + * PatternFly Elements: PfeAvatar 1.0.0-prerelease.50 + * @license + * Copyright 2020 Red Hat, Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + * + */ + + var PfeAvatar = function (_PFElement) { + inherits(PfeAvatar, _PFElement); + createClass(PfeAvatar, [{ + key: "html", + get: function get$$1() { + return "\n"; + } + }, { + key: "templateUrl", + get: function get$$1() { + return "pfe-avatar.html"; + } + }, { + key: "styleUrl", + get: function get$$1() { + return "pfe-avatar.scss"; + } + }, { + key: "name", + get: function get$$1() { + return this.getAttribute("pfe-name"); + }, + set: function set$$1(val) { + return this.setAttribute("pfe-name", val); + } + }, { + key: "src", + get: function get$$1() { + return this.getAttribute("pfe-src"); + }, + set: function set$$1(href) { + return this.setAttribute("pfe-src", href); + } + }, { + key: "pattern", + get: function get$$1() { + return this.getAttribute("pfe-pattern") || PfeAvatar.patterns.squares; + }, + set: function set$$1(name) { + if (!PfeAvatar.patterns[name]) { + this.log("invalid pattern \"" + name + "\", valid patterns are: " + Object.values(PfeAvatar.patterns)); + return; + } + return this.setAttribute("pfe-pattern", name); + } + }], [{ + key: "version", + get: function get$$1() { + return "1.0.0-prerelease.50"; + } + }, { + key: "tag", + get: function get$$1() { + return "pfe-avatar"; + } + }, { + key: "observedAttributes", + get: function get$$1() { + return ["pfe-name", "pfe-pattern", "pfe-src", "pfe-shape"]; + } + }, { + key: "events", + get: function get$$1() { + return { + connected: this.tag + ":connected" + }; + } + }, { + key: "patterns", + get: function get$$1() { + return { + triangles: "triangles", + squares: "squares" + }; + } + }, { + key: "defaultSize", + get: function get$$1() { + return 128; + } + }, { + key: "defaultColors", + get: function get$$1() { + return "#67accf #448087 #709c6b #a35252 #826cbb"; + } + }]); + + function PfeAvatar() { + classCallCheck(this, PfeAvatar); + return possibleConstructorReturn(this, (PfeAvatar.__proto__ || Object.getPrototypeOf(PfeAvatar)).call(this, PfeAvatar)); + } + + createClass(PfeAvatar, [{ + key: "connectedCallback", + value: function connectedCallback() { + get(PfeAvatar.prototype.__proto__ || Object.getPrototypeOf(PfeAvatar.prototype), "connectedCallback", this).call(this); + + this._initCanvas(); + + this.emitEvent(PfeAvatar.events.connected, { + bubbles: false + }); + } + }, { + key: "attributeChangedCallback", + value: function attributeChangedCallback(attr, oldValue, newValue) { + var _this2 = this; + + get(PfeAvatar.prototype.__proto__ || Object.getPrototypeOf(PfeAvatar.prototype), "attributeChangedCallback", this).apply(this, arguments); + + if (this.connected) { + this.update(); + } else { + this.addEventListener(PfeAvatar.events.connected, function () { + return _this2.update(); + }); + } + } + }, { + key: "_initCanvas", + value: function _initCanvas() { + this._canvas = this.shadowRoot.querySelector("canvas"); + var size = this.var("--pfe-avatar--width").replace(/px$/, "") || PfeAvatar.defaultSize; + this._canvas.width = size; + this._canvas.height = size; + + this._squareSize = this._canvas.width / 8; + this._triangleSize = this._canvas.width / 4; + + this._ctx = this._canvas.getContext("2d"); + } + }, { + key: "update", + value: function update() { + // if we have a src element, update the img, otherwise update the random pattern + if (this.hasAttribute("pfe-src")) { + this.shadowRoot.querySelector("img").src = this.src; + } else { + var bitPattern = hash(this.name).toString(2); + var arrPattern = bitPattern.split("").map(function (n) { + return Number(n); + }); + this._colorIndex = Math.floor(PfeAvatar.colors.length * parseInt(bitPattern, 2) / Math.pow(2, 32)); + this.color1 = PfeAvatar.colors[this._colorIndex].color1; + this.color2 = PfeAvatar.colors[this._colorIndex].color2; + + this._clear(); + this._drawBackground(); + if (this.pattern === PfeAvatar.patterns.squares) { + this._drawSquarePattern(arrPattern); + } else if (this.pattern === PfeAvatar.patterns.triangles) { + this._drawTrianglePattern(arrPattern); + } + // this._drawGradient(); + } + } + }, { + key: "_clear", + value: function _clear() { + this._ctx.clearRect(0, 0, this._canvas.width, this._canvas.height); + } + }, { + key: "_drawBackground", + value: function _drawBackground() { + this._ctx.fillStyle = this.color1; + this._ctx.fillRect(0, 0, this._canvas.width, this._canvas.height); + } + }, { + key: "_drawSquarePattern", + value: function _drawSquarePattern(pattern) { + this._ctx.fillStyle = this.color2; + if (this._ctx) { + var i = pattern.length; + while (i--) { + if (pattern[i]) { + this._drawMirroredSquare(i % 4, Math.floor(i / 4)); + } + } + } + } + + /** + * Draw a square at the given position, mirrored onto both the left and right half of the canvas. + */ + + }, { + key: "_drawMirroredSquare", + value: function _drawMirroredSquare(x, y) { + if (this._ctx) { + this._drawSquare(x, y); + this._drawSquare(7 - x, y); + } + } + }, { + key: "_drawSquare", + value: function _drawSquare(x, y) { + this._ctx.fillRect(this._squareSize * x, this._squareSize * y, this._squareSize, this._squareSize); + } + }, { + key: "_drawTrianglePattern", + value: function _drawTrianglePattern(pattern) { + this._ctx.fillStyle = this.color2; + if (this._ctx) { + var i = pattern.length; + while (i--) { + if (pattern[i]) { + var x = Math.floor(i / 2) % 2; + var y = Math.floor(i / 4); + var alt = i % 4; + + var p1 = [x, y]; + var p2 = [x, y]; + var p3 = [x, y]; + + switch (alt) { + case 0: + p2[1]++; + p3[0]++; + p3[1]++; + break; + case 1: + p2[0]++; + p3[0]++; + p3[1]++; + break; + case 2: + p2[0]++; + p3[1]++; + break; + case 3: + p1[0]++; + p2[0]++; + p2[1]++; + p3[1]++; + break; + } + + this._drawMirroredTriangle(p1, p2, p3); + } + } + } + } + + /** + * Draw a square at the given position in the top-left quadrant of the + * canvas, and mirrored to the other three quadrants. + */ + + }, { + key: "_drawMirroredTriangle", + value: function _drawMirroredTriangle(p1, p2, p3) { + if (this._ctx) { + this._drawTriangle(p1, p2, p3); + this._drawTriangle([4 - p1[0], p1[1]], [4 - p2[0], p2[1]], [4 - p3[0], p3[1]]); + } + } + }, { + key: "_drawTriangle", + value: function _drawTriangle(p1, p2, p3) { + var _ctx, + _this3 = this, + _ctx2, + _ctx3; + + this._ctx.beginPath(); + (_ctx = this._ctx).moveTo.apply(_ctx, toConsumableArray(p1.map(function (c) { + return c * _this3._triangleSize; + }))); + (_ctx2 = this._ctx).lineTo.apply(_ctx2, toConsumableArray(p2.map(function (c) { + return c * _this3._triangleSize; + }))); + (_ctx3 = this._ctx).lineTo.apply(_ctx3, toConsumableArray(p3.map(function (c) { + return c * _this3._triangleSize; + }))); + this._ctx.closePath(); + this._ctx.fill(); + this._ctx.fill(); + } + }, { + key: "_drawGradient", + value: function _drawGradient() { + var gradient = this._ctx.createLinearGradient(0, this._canvas.height, this._canvas.width, 0); + var color = this.color2; + var gradientColor1 = color; + var gradientColor2 = color; + if (/^#[A-f0-9]{3}$/.test(color)) { + // color is of the form "#fff" + gradientColor1 += "c"; + gradientColor2 += "0"; + } else if (/^#[A-f0-9]{6}$/.test(color)) { + // color is of the form "#ffffff" + gradientColor1 += "cc"; + gradientColor2 += "00"; + } + gradient.addColorStop(0, gradientColor1); + gradient.addColorStop(1, gradientColor2); + gradient.addColorStop(1, gradientColor1); + this._ctx.fillStyle = gradient; + this._ctx.fillRect(0, 0, this._canvas.width, this._canvas.height); + } + }], [{ + key: "_registerColors", + value: function _registerColors() { + var _this4 = this; + + this.colors = []; + var themeColors = this.var("--pfe-avatar--colors") || this.defaultColors; + + themeColors.split(/\s+/).forEach(function (colorCode) { + var pattern = void 0; + switch (colorCode.length) { + case 4: + // ex: "#0fc" + pattern = /^#([A-f0-9])([A-f0-9])([A-f0-9])$/.exec(colorCode); + if (pattern) { + pattern.shift(); + var color = pattern.map(function (c) { + return parseInt(c + c, 16); + }); + _this4._registerColor(color); + } else { + _this4.log("[pfe-avatar] invalid color " + colorCode); + } + break; + case 7: + // ex: "#00ffcc" + pattern = /^#([A-f0-9]{2})([A-f0-9]{2})([A-f0-9]{2})$/.exec(colorCode); + if (pattern) { + pattern.shift(); + var _color = pattern.map(function (c) { + return parseInt(c, 16); + }); + _this4._registerColor(_color); + } else { + _this4.log("[pfe-avatar] invalid color " + colorCode); + } + } + }); + + return this.colors; + } + }, { + key: "_registerColor", + value: function _registerColor(color) { + PfeAvatar.colors.push({ + color1: "rgb(" + color.join(",") + ")", + color2: "rgb(" + this._adjustColor(color).join(",") + ")" + }); + } + }, { + key: "_adjustColor", + value: function _adjustColor(color) { + var dark = 0.1; + var l_adj = 0.1; // luminance adjustment + var hsl = rgb2hsl.apply(undefined, toConsumableArray(color)); + + // if luminance is too dark already, then lighten the alternate color + // instead of darkening it. + hsl[2] += hsl[2] > dark ? -l_adj : l_adj; + + return hsl2rgb.apply(undefined, toConsumableArray(hsl)); + } + }]); + return PfeAvatar; + }(PFElement); + + PfeAvatar._registerColors(); + + PFElement.create(PfeAvatar); + + return PfeAvatar; + +}))); +//# sourceMappingURL=pfe-avatar.umd.js.map diff --git a/elements/pfe-avatar/dist/pfe-avatar.umd.js.map b/elements/pfe-avatar/dist/pfe-avatar.umd.js.map new file mode 100644 index 0000000000..afa228e20d --- /dev/null +++ b/elements/pfe-avatar/dist/pfe-avatar.umd.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-avatar.umd.js","sources":["../_temp/djb-hash.js","../_temp/hslrgb.js","../_temp/pfe-avatar.umd.js"],"sourcesContent":["/**\n * djb2 string hashing function.\n *\n * @see http://www.cse.yorku.ca/~oz/hash.html\n * @param {String} str the string to hash.\n * @return {Number} a positive integer\n */\n\nfunction hash(str) {\n let hash = 5381;\n let i = str.length;\n\n while (i) {\n hash = (hash * 33) ^ str.charCodeAt(--i);\n }\n\n return hash >>> 0;\n}\n\nexport { hash };\n","function h2rgb(v1, v2, vH) {\n if (vH < 0) vH += 1;\n if (vH > 1) vH -= 1;\n if (6 * vH < 1) return v1 + (v2 - v1) * 6 * vH;\n if (2 * vH < 1) return v2;\n if (3 * vH < 2) return v1 + (v2 - v1) * (2 / 3 - vH) * 6;\n return v1;\n}\n\n/**\n * Convert an HSL color to RGB.\n *\n * @param {Number} H the hue component\n * @param {Number} S the saturation component\n * @param {Number} L the luminance component\n * @return {Array} [R, G, B]\n *\n * @see https://www.easyrgb.com/en/math.php\n */\nexport function hsl2rgb(_H, _S, _L) {\n let R, G, B;\n\n const H = Math.max(0, Math.min(1, _H));\n const S = Math.max(0, Math.min(1, _S));\n const L = Math.max(0, Math.min(1, _L));\n\n if (S == 0) {\n R = L * 255;\n G = L * 255;\n B = L * 255;\n } else {\n let a, b;\n\n if (L < 0.5) {\n b = L * (1 + S);\n } else {\n b = L + S - S * L;\n }\n\n a = 2 * L - b;\n\n R = Math.floor(255 * h2rgb(a, b, H + 1 / 3));\n G = Math.floor(255 * h2rgb(a, b, H));\n B = Math.floor(255 * h2rgb(a, b, H - 1 / 3));\n }\n\n return [R, G, B];\n}\n\n/**\n * Convert an RGBcolor to HSL.\n *\n * @param {Number} R the red component\n * @param {Number} G the green component\n * @param {Number} B the blue component\n * @return {Array} [H, S, L]\n *\n * @see https://www.easyrgb.com/en/math.php\n */\nexport function rgb2hsl(_R, _G, _B) {\n let H, S, L;\n\n const R = Math.max(0, Math.min(255, _R));\n const G = Math.max(0, Math.min(255, _G));\n const B = Math.max(0, Math.min(255, _B));\n\n const r = R / 255;\n const g = G / 255;\n const b = B / 255;\n\n const var_min = Math.min(Math.min(r, g), b);\n const var_max = Math.max(Math.max(r, g), b);\n const del_max = var_max - var_min;\n\n L = (var_max + var_min) / 2;\n\n if (del_max === 0) {\n H = 0;\n S = 0;\n } else {\n if (L < 0.5) {\n S = del_max / (var_max + var_min);\n } else {\n S = del_max / (2 - var_max - var_min);\n }\n\n const del_r = ((var_max - r) / 6 + del_max / 2) / del_max;\n const del_g = ((var_max - g) / 6 + del_max / 2) / del_max;\n const del_b = ((var_max - b) / 6 + del_max / 2) / del_max;\n\n if (r == var_max) {\n H = del_b - del_g;\n } else if (g == var_max) {\n H = 1 / 3 + del_r - del_b;\n } else if (b == var_max) {\n H = 2 / 3 + del_g - del_r;\n }\n\n if (H < 0) {\n H += 1;\n } else if (H > 1) {\n H -= 1;\n }\n }\n\n return [H, S, L];\n}\n","/*!\n * PatternFly Elements: PfeAvatar 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\nimport PFElement from \"../../pfelement/dist/pfelement.umd\";\nimport { hash } from \"./djb-hash.js\";\nimport { hsl2rgb, rgb2hsl } from \"./hslrgb.js\";\n\nclass PfeAvatar extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return `\n`;\n }\n static get tag() {\n return \"pfe-avatar\";\n }\n\n get templateUrl() {\n return \"pfe-avatar.html\";\n }\n\n get styleUrl() {\n return \"pfe-avatar.scss\";\n }\n\n static get observedAttributes() {\n return [\"pfe-name\", \"pfe-pattern\", \"pfe-src\", \"pfe-shape\"];\n }\n\n static get events() {\n return {\n connected: `${this.tag}:connected`\n };\n }\n\n static get patterns() {\n return {\n triangles: \"triangles\",\n squares: \"squares\"\n };\n }\n\n static get defaultSize() {\n return 128;\n }\n\n static get defaultColors() {\n return \"#67accf #448087 #709c6b #a35252 #826cbb\";\n }\n\n get name() {\n return this.getAttribute(\"pfe-name\");\n }\n\n set name(val) {\n return this.setAttribute(\"pfe-name\", val);\n }\n\n get src() {\n return this.getAttribute(\"pfe-src\");\n }\n\n set src(href) {\n return this.setAttribute(\"pfe-src\", href);\n }\n\n get pattern() {\n return this.getAttribute(\"pfe-pattern\") || PfeAvatar.patterns.squares;\n }\n\n set pattern(name) {\n if (!PfeAvatar.patterns[name]) {\n this.log(\n `invalid pattern \"${name}\", valid patterns are: ${Object.values(\n PfeAvatar.patterns\n )}`\n );\n return;\n }\n return this.setAttribute(\"pfe-pattern\", name);\n }\n\n constructor() {\n super(PfeAvatar);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this._initCanvas();\n\n this.emitEvent(PfeAvatar.events.connected, {\n bubbles: false\n });\n }\n\n attributeChangedCallback(attr, oldValue, newValue) {\n super.attributeChangedCallback(...arguments);\n\n if (this.connected) {\n this.update();\n } else {\n this.addEventListener(PfeAvatar.events.connected, () => this.update());\n }\n }\n\n _initCanvas() {\n this._canvas = this.shadowRoot.querySelector(\"canvas\");\n const size =\n this.var(\"--pfe-avatar--width\").replace(/px$/, \"\") ||\n PfeAvatar.defaultSize;\n this._canvas.width = size;\n this._canvas.height = size;\n\n this._squareSize = this._canvas.width / 8;\n this._triangleSize = this._canvas.width / 4;\n\n this._ctx = this._canvas.getContext(\"2d\");\n }\n\n static _registerColors() {\n this.colors = [];\n const themeColors = this.var(\"--pfe-avatar--colors\") || this.defaultColors;\n\n themeColors.split(/\\s+/).forEach(colorCode => {\n let pattern;\n switch (colorCode.length) {\n case 4: // ex: \"#0fc\"\n pattern = /^#([A-f0-9])([A-f0-9])([A-f0-9])$/.exec(colorCode);\n if (pattern) {\n pattern.shift();\n const color = pattern.map(c => parseInt(c + c, 16));\n this._registerColor(color);\n } else {\n this.log(`[pfe-avatar] invalid color ${colorCode}`);\n }\n break;\n case 7: // ex: \"#00ffcc\"\n pattern = /^#([A-f0-9]{2})([A-f0-9]{2})([A-f0-9]{2})$/.exec(\n colorCode\n );\n if (pattern) {\n pattern.shift();\n const color = pattern.map(c => parseInt(c, 16));\n this._registerColor(color);\n } else {\n this.log(`[pfe-avatar] invalid color ${colorCode}`);\n }\n }\n });\n\n return this.colors;\n }\n\n static _registerColor(color) {\n PfeAvatar.colors.push({\n color1: `rgb(${color.join(\",\")})`,\n color2: `rgb(${this._adjustColor(color).join(\",\")})`\n });\n }\n\n static _adjustColor(color) {\n const dark = 0.1;\n const l_adj = 0.1; // luminance adjustment\n const hsl = rgb2hsl(...color);\n\n // if luminance is too dark already, then lighten the alternate color\n // instead of darkening it.\n hsl[2] += hsl[2] > dark ? -l_adj : l_adj;\n\n return hsl2rgb(...hsl);\n }\n\n update() {\n // if we have a src element, update the img, otherwise update the random pattern\n if (this.hasAttribute(\"pfe-src\")) {\n this.shadowRoot.querySelector(\"img\").src = this.src;\n } else {\n const bitPattern = hash(this.name).toString(2);\n const arrPattern = bitPattern.split(\"\").map(n => Number(n));\n this._colorIndex = Math.floor(\n (PfeAvatar.colors.length * parseInt(bitPattern, 2)) / Math.pow(2, 32)\n );\n this.color1 = PfeAvatar.colors[this._colorIndex].color1;\n this.color2 = PfeAvatar.colors[this._colorIndex].color2;\n\n this._clear();\n this._drawBackground();\n if (this.pattern === PfeAvatar.patterns.squares) {\n this._drawSquarePattern(arrPattern);\n } else if (this.pattern === PfeAvatar.patterns.triangles) {\n this._drawTrianglePattern(arrPattern);\n }\n // this._drawGradient();\n }\n }\n\n _clear() {\n this._ctx.clearRect(0, 0, this._canvas.width, this._canvas.height);\n }\n\n _drawBackground() {\n this._ctx.fillStyle = this.color1;\n this._ctx.fillRect(0, 0, this._canvas.width, this._canvas.height);\n }\n\n _drawSquarePattern(pattern) {\n this._ctx.fillStyle = this.color2;\n if (this._ctx) {\n let i = pattern.length;\n while (i--) {\n if (pattern[i]) {\n this._drawMirroredSquare(i % 4, Math.floor(i / 4));\n }\n }\n }\n }\n\n /**\n * Draw a square at the given position, mirrored onto both the left and right half of the canvas.\n */\n _drawMirroredSquare(x, y) {\n if (this._ctx) {\n this._drawSquare(x, y);\n this._drawSquare(7 - x, y);\n }\n }\n\n _drawSquare(x, y) {\n this._ctx.fillRect(\n this._squareSize * x,\n this._squareSize * y,\n this._squareSize,\n this._squareSize\n );\n }\n\n _drawTrianglePattern(pattern) {\n this._ctx.fillStyle = this.color2;\n if (this._ctx) {\n let i = pattern.length;\n while (i--) {\n if (pattern[i]) {\n const x = Math.floor(i / 2) % 2;\n const y = Math.floor(i / 4);\n const alt = i % 4;\n\n const p1 = [x, y];\n const p2 = [x, y];\n const p3 = [x, y];\n\n switch (alt) {\n case 0:\n p2[1]++;\n p3[0]++;\n p3[1]++;\n break;\n case 1:\n p2[0]++;\n p3[0]++;\n p3[1]++;\n break;\n case 2:\n p2[0]++;\n p3[1]++;\n break;\n case 3:\n p1[0]++;\n p2[0]++;\n p2[1]++;\n p3[1]++;\n break;\n }\n\n this._drawMirroredTriangle(p1, p2, p3);\n }\n }\n }\n }\n\n /**\n * Draw a square at the given position in the top-left quadrant of the\n * canvas, and mirrored to the other three quadrants.\n */\n _drawMirroredTriangle(p1, p2, p3) {\n if (this._ctx) {\n this._drawTriangle(p1, p2, p3);\n this._drawTriangle(\n [4 - p1[0], p1[1]],\n [4 - p2[0], p2[1]],\n [4 - p3[0], p3[1]]\n );\n }\n }\n\n _drawTriangle(p1, p2, p3) {\n this._ctx.beginPath();\n this._ctx.moveTo(...p1.map(c => c * this._triangleSize));\n this._ctx.lineTo(...p2.map(c => c * this._triangleSize));\n this._ctx.lineTo(...p3.map(c => c * this._triangleSize));\n this._ctx.closePath();\n this._ctx.fill();\n this._ctx.fill();\n }\n\n _drawGradient() {\n const gradient = this._ctx.createLinearGradient(\n 0,\n this._canvas.height,\n this._canvas.width,\n 0\n );\n const color = this.color2;\n let gradientColor1 = color;\n let gradientColor2 = color;\n if (/^#[A-f0-9]{3}$/.test(color)) {\n // color is of the form \"#fff\"\n gradientColor1 += \"c\";\n gradientColor2 += \"0\";\n } else if (/^#[A-f0-9]{6}$/.test(color)) {\n // color is of the form \"#ffffff\"\n gradientColor1 += \"cc\";\n gradientColor2 += \"00\";\n }\n gradient.addColorStop(0, gradientColor1);\n gradient.addColorStop(1, gradientColor2);\n gradient.addColorStop(1, gradientColor1);\n this._ctx.fillStyle = gradient;\n this._ctx.fillRect(0, 0, this._canvas.width, this._canvas.height);\n }\n}\n\nPfeAvatar._registerColors();\n\nPFElement.create(PfeAvatar);\n\nexport default PfeAvatar;\n"],"names":["hash","str","i","length","charCodeAt","h2rgb","v1","v2","vH","hsl2rgb","_H","_S","_L","R","G","B","H","Math","max","min","S","L","a","b","floor","rgb2hsl","_R","_G","_B","r","g","var_min","var_max","del_max","del_r","del_g","del_b","PfeAvatar","getAttribute","val","setAttribute","href","patterns","squares","name","log","Object","values","connected","tag","triangles","_initCanvas","emitEvent","events","bubbles","attr","oldValue","newValue","arguments","update","addEventListener","_canvas","shadowRoot","querySelector","size","var","replace","defaultSize","width","height","_squareSize","_triangleSize","_ctx","getContext","hasAttribute","src","bitPattern","toString","arrPattern","split","map","Number","n","_colorIndex","colors","parseInt","pow","color1","color2","_clear","_drawBackground","pattern","_drawSquarePattern","_drawTrianglePattern","clearRect","fillStyle","fillRect","_drawMirroredSquare","x","y","_drawSquare","alt","p1","p2","p3","_drawMirroredTriangle","_drawTriangle","beginPath","moveTo","c","lineTo","closePath","fill","gradient","createLinearGradient","color","gradientColor1","gradientColor2","test","addColorStop","themeColors","defaultColors","forEach","colorCode","exec","shift","_registerColor","push","join","_adjustColor","dark","l_adj","hsl","PFElement","_registerColors","create"],"mappings":"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"} \ No newline at end of file diff --git a/elements/pfe-avatar/dist/pfe-avatar.umd.min.js b/elements/pfe-avatar/dist/pfe-avatar.umd.min.js new file mode 100644 index 0000000000..ef568adcfb --- /dev/null +++ b/elements/pfe-avatar/dist/pfe-avatar.umd.min.js @@ -0,0 +1,2 @@ +!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e(require("../../pfelement/dist/pfelement.umd")):"function"==typeof define&&define.amd?define(["../../pfelement/dist/pfelement.umd"],e):t.PfeAvatar=e(t.PFElement)}(this,function(t){"use strict";function u(t,e,r){return r<0&&(r+=1),1:host{--pfe-avatar--width:128px;display:block;position:relative;width:var(--pfe-avatar--width);height:var(--pfe-avatar--width)}:host canvas{width:100%;height:100%;image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:-o-crisp-edges;image-rendering:-o-pixelated;image-rendering:pixelated;-ms-interpolation-mode:nearest-neighbor}:host([pfe-shape=rounded]) canvas,:host([pfe-shape=rounded]) img{border-radius:calc(var(--pfe-avatar--width)/ 8 + 1px)}:host([pfe-shape=circle]) canvas,:host([pfe-shape=circle]) img{border-radius:50%}:host([pfe-src]) canvas{display:none}:host([pfe-src]) img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}:host(:not([pfe-src])) img{display:none}:host([hidden]){display:none}\n/*# sourceMappingURL=pfe-avatar.min.css.map */\n\n"}},{key:"templateUrl",get:function(){return"pfe-avatar.html"}},{key:"styleUrl",get:function(){return"pfe-avatar.scss"}},{key:"name",get:function(){return this.getAttribute("pfe-name")},set:function(t){return this.setAttribute("pfe-name",t)}},{key:"src",get:function(){return this.getAttribute("pfe-src")},set:function(t){return this.setAttribute("pfe-src",t)}},{key:"pattern",get:function(){return this.getAttribute("pfe-pattern")||i.patterns.squares},set:function(t){if(i.patterns[t])return this.setAttribute("pfe-pattern",t);this.log('invalid pattern "'+t+'", valid patterns are: '+Object.values(i.patterns))}}],[{key:"version",get:function(){return"1.0.0-prerelease.50"}},{key:"tag",get:function(){return"pfe-avatar"}},{key:"observedAttributes",get:function(){return["pfe-name","pfe-pattern","pfe-src","pfe-shape"]}},{key:"events",get:function(){return{connected:this.tag+":connected"}}},{key:"patterns",get:function(){return{triangles:"triangles",squares:"squares"}}},{key:"defaultSize",get:function(){return 128}},{key:"defaultColors",get:function(){return"#67accf #448087 #709c6b #a35252 #826cbb"}}]),e(i,[{key:"connectedCallback",value:function(){o(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"connectedCallback",this).call(this),this._initCanvas(),this.emitEvent(i.events.connected,{bubbles:!1})}},{key:"attributeChangedCallback",value:function(t,e,r){var a=this;o(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"attributeChangedCallback",this).apply(this,arguments),this.connected?this.update():this.addEventListener(i.events.connected,function(){return a.update()})}},{key:"_initCanvas",value:function(){this._canvas=this.shadowRoot.querySelector("canvas");var t=this.var("--pfe-avatar--width").replace(/px$/,"")||i.defaultSize;this._canvas.width=t,this._canvas.height=t,this._squareSize=this._canvas.width/8,this._triangleSize=this._canvas.width/4,this._ctx=this._canvas.getContext("2d")}},{key:"update",value:function(){if(this.hasAttribute("pfe-src"))this.shadowRoot.querySelector("img").src=this.src;else{var t=function(t){for(var e=5381,r=t.length;r;)e=33*e^t.charCodeAt(--r);return e>>>0}(this.name).toString(2),e=t.split("").map(function(t){return Number(t)});this._colorIndex=Math.floor(i.colors.length*parseInt(t,2)/Math.pow(2,32)),this.color1=i.colors[this._colorIndex].color1,this.color2=i.colors[this._colorIndex].color2,this._clear(),this._drawBackground(),this.pattern===i.patterns.squares?this._drawSquarePattern(e):this.pattern===i.patterns.triangles&&this._drawTrianglePattern(e)}}},{key:"_clear",value:function(){this._ctx.clearRect(0,0,this._canvas.width,this._canvas.height)}},{key:"_drawBackground",value:function(){this._ctx.fillStyle=this.color1,this._ctx.fillRect(0,0,this._canvas.width,this._canvas.height)}},{key:"_drawSquarePattern",value:function(t){if(this._ctx.fillStyle=this.color2,this._ctx)for(var e=t.length;e--;)t[e]&&this._drawMirroredSquare(e%4,Math.floor(e/4))}},{key:"_drawMirroredSquare",value:function(t,e){this._ctx&&(this._drawSquare(t,e),this._drawSquare(7-t,e))}},{key:"_drawSquare",value:function(t,e){this._ctx.fillRect(this._squareSize*t,this._squareSize*e,this._squareSize,this._squareSize)}},{key:"_drawTrianglePattern",value:function(t){if(this._ctx.fillStyle=this.color2,this._ctx)for(var e=t.length;e--;)if(t[e]){var r=Math.floor(e/2)%2,a=Math.floor(e/4),i=[r,a],n=[r,a],o=[r,a];switch(e%4){case 0:n[1]++,o[0]++,o[1]++;break;case 1:n[0]++,o[0]++,o[1]++;break;case 2:n[0]++,o[1]++;break;case 3:i[0]++,n[0]++,n[1]++,o[1]++}this._drawMirroredTriangle(i,n,o)}}},{key:"_drawMirroredTriangle",value:function(t,e,r){this._ctx&&(this._drawTriangle(t,e,r),this._drawTriangle([4-t[0],t[1]],[4-e[0],e[1]],[4-r[0],r[1]]))}},{key:"_drawTriangle",value:function(t,e,r){var a,i,n,o=this;this._ctx.beginPath(),(a=this._ctx).moveTo.apply(a,s(t.map(function(t){return t*o._triangleSize}))),(i=this._ctx).lineTo.apply(i,s(e.map(function(t){return t*o._triangleSize}))),(n=this._ctx).lineTo.apply(n,s(r.map(function(t){return t*o._triangleSize}))),this._ctx.closePath(),this._ctx.fill(),this._ctx.fill()}},{key:"_drawGradient",value:function(){var t=this._ctx.createLinearGradient(0,this._canvas.height,this._canvas.width,0),e=this.color2,r=e,a=e;/^#[A-f0-9]{3}$/.test(e)?(r+="c",a+="0"):/^#[A-f0-9]{6}$/.test(e)&&(r+="cc",a+="00"),t.addColorStop(0,r),t.addColorStop(1,a),t.addColorStop(1,r),this._ctx.fillStyle=t,this._ctx.fillRect(0,0,this._canvas.width,this._canvas.height)}}],[{key:"_registerColors",value:function(){var i=this;return this.colors=[],(this.var("--pfe-avatar--colors")||this.defaultColors).split(/\s+/).forEach(function(t){var e=void 0;switch(t.length){case 4:if(e=/^#([A-f0-9])([A-f0-9])([A-f0-9])$/.exec(t)){e.shift();var r=e.map(function(t){return parseInt(t+t,16)});i._registerColor(r)}else i.log("[pfe-avatar] invalid color "+t);break;case 7:if(e=/^#([A-f0-9]{2})([A-f0-9]{2})([A-f0-9]{2})$/.exec(t)){e.shift();var a=e.map(function(t){return parseInt(t,16)});i._registerColor(a)}else i.log("[pfe-avatar] invalid color "+t)}}),this.colors}},{key:"_registerColor",value:function(t){i.colors.push({color1:"rgb("+t.join(",")+")",color2:"rgb("+this._adjustColor(t).join(",")+")"})}},{key:"_adjustColor",value:function(t){var e=function(t,e,r){var a,i=void 0,n=void 0,o=Math.max(0,Math.min(255,t))/255,s=Math.max(0,Math.min(255,e))/255,c=Math.max(0,Math.min(255,r))/255,l=Math.min(Math.min(o,s),c),h=Math.max(Math.max(o,s),c),u=h-l;if(a=(h+l)/2,0==u)n=i=0;else{n=a<.5?u/(h+l):u/(2-h-l);var f=((h-o)/6+u/2)/u,p=((h-s)/6+u/2)/u,d=((h-c)/6+u/2)/u;o==h?i=d-p:s==h?i=1/3+f-d:c==h&&(i=2/3+p-f),i<0?i+=1:1 1) vH -= 1;\n if (6 * vH < 1) return v1 + (v2 - v1) * 6 * vH;\n if (2 * vH < 1) return v2;\n if (3 * vH < 2) return v1 + (v2 - v1) * (2 / 3 - vH) * 6;\n return v1;\n}\n\n/**\n * Convert an HSL color to RGB.\n *\n * @param {Number} H the hue component\n * @param {Number} S the saturation component\n * @param {Number} L the luminance component\n * @return {Array} [R, G, B]\n *\n * @see https://www.easyrgb.com/en/math.php\n */\nexport function hsl2rgb(_H, _S, _L) {\n let R, G, B;\n\n const H = Math.max(0, Math.min(1, _H));\n const S = Math.max(0, Math.min(1, _S));\n const L = Math.max(0, Math.min(1, _L));\n\n if (S == 0) {\n R = L * 255;\n G = L * 255;\n B = L * 255;\n } else {\n let a, b;\n\n if (L < 0.5) {\n b = L * (1 + S);\n } else {\n b = L + S - S * L;\n }\n\n a = 2 * L - b;\n\n R = Math.floor(255 * h2rgb(a, b, H + 1 / 3));\n G = Math.floor(255 * h2rgb(a, b, H));\n B = Math.floor(255 * h2rgb(a, b, H - 1 / 3));\n }\n\n return [R, G, B];\n}\n\n/**\n * Convert an RGBcolor to HSL.\n *\n * @param {Number} R the red component\n * @param {Number} G the green component\n * @param {Number} B the blue component\n * @return {Array} [H, S, L]\n *\n * @see https://www.easyrgb.com/en/math.php\n */\nexport function rgb2hsl(_R, _G, _B) {\n let H, S, L;\n\n const R = Math.max(0, Math.min(255, _R));\n const G = Math.max(0, Math.min(255, _G));\n const B = Math.max(0, Math.min(255, _B));\n\n const r = R / 255;\n const g = G / 255;\n const b = B / 255;\n\n const var_min = Math.min(Math.min(r, g), b);\n const var_max = Math.max(Math.max(r, g), b);\n const del_max = var_max - var_min;\n\n L = (var_max + var_min) / 2;\n\n if (del_max === 0) {\n H = 0;\n S = 0;\n } else {\n if (L < 0.5) {\n S = del_max / (var_max + var_min);\n } else {\n S = del_max / (2 - var_max - var_min);\n }\n\n const del_r = ((var_max - r) / 6 + del_max / 2) / del_max;\n const del_g = ((var_max - g) / 6 + del_max / 2) / del_max;\n const del_b = ((var_max - b) / 6 + del_max / 2) / del_max;\n\n if (r == var_max) {\n H = del_b - del_g;\n } else if (g == var_max) {\n H = 1 / 3 + del_r - del_b;\n } else if (b == var_max) {\n H = 2 / 3 + del_g - del_r;\n }\n\n if (H < 0) {\n H += 1;\n } else if (H > 1) {\n H -= 1;\n }\n }\n\n return [H, S, L];\n}\n","/*!\n * PatternFly Elements: PfeAvatar 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\nimport PFElement from \"../../pfelement/dist/pfelement.umd\";\nimport { hash } from \"./djb-hash.js\";\nimport { hsl2rgb, rgb2hsl } from \"./hslrgb.js\";\n\nclass PfeAvatar extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return `\n`;\n }\n static get tag() {\n return \"pfe-avatar\";\n }\n\n get templateUrl() {\n return \"pfe-avatar.html\";\n }\n\n get styleUrl() {\n return \"pfe-avatar.scss\";\n }\n\n static get observedAttributes() {\n return [\"pfe-name\", \"pfe-pattern\", \"pfe-src\", \"pfe-shape\"];\n }\n\n static get events() {\n return {\n connected: `${this.tag}:connected`\n };\n }\n\n static get patterns() {\n return {\n triangles: \"triangles\",\n squares: \"squares\"\n };\n }\n\n static get defaultSize() {\n return 128;\n }\n\n static get defaultColors() {\n return \"#67accf #448087 #709c6b #a35252 #826cbb\";\n }\n\n get name() {\n return this.getAttribute(\"pfe-name\");\n }\n\n set name(val) {\n return this.setAttribute(\"pfe-name\", val);\n }\n\n get src() {\n return this.getAttribute(\"pfe-src\");\n }\n\n set src(href) {\n return this.setAttribute(\"pfe-src\", href);\n }\n\n get pattern() {\n return this.getAttribute(\"pfe-pattern\") || PfeAvatar.patterns.squares;\n }\n\n set pattern(name) {\n if (!PfeAvatar.patterns[name]) {\n this.log(\n `invalid pattern \"${name}\", valid patterns are: ${Object.values(\n PfeAvatar.patterns\n )}`\n );\n return;\n }\n return this.setAttribute(\"pfe-pattern\", name);\n }\n\n constructor() {\n super(PfeAvatar);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this._initCanvas();\n\n this.emitEvent(PfeAvatar.events.connected, {\n bubbles: false\n });\n }\n\n attributeChangedCallback(attr, oldValue, newValue) {\n super.attributeChangedCallback(...arguments);\n\n if (this.connected) {\n this.update();\n } else {\n this.addEventListener(PfeAvatar.events.connected, () => this.update());\n }\n }\n\n _initCanvas() {\n this._canvas = this.shadowRoot.querySelector(\"canvas\");\n const size =\n this.var(\"--pfe-avatar--width\").replace(/px$/, \"\") ||\n PfeAvatar.defaultSize;\n this._canvas.width = size;\n this._canvas.height = size;\n\n this._squareSize = this._canvas.width / 8;\n this._triangleSize = this._canvas.width / 4;\n\n this._ctx = this._canvas.getContext(\"2d\");\n }\n\n static _registerColors() {\n this.colors = [];\n const themeColors = this.var(\"--pfe-avatar--colors\") || this.defaultColors;\n\n themeColors.split(/\\s+/).forEach(colorCode => {\n let pattern;\n switch (colorCode.length) {\n case 4: // ex: \"#0fc\"\n pattern = /^#([A-f0-9])([A-f0-9])([A-f0-9])$/.exec(colorCode);\n if (pattern) {\n pattern.shift();\n const color = pattern.map(c => parseInt(c + c, 16));\n this._registerColor(color);\n } else {\n this.log(`[pfe-avatar] invalid color ${colorCode}`);\n }\n break;\n case 7: // ex: \"#00ffcc\"\n pattern = /^#([A-f0-9]{2})([A-f0-9]{2})([A-f0-9]{2})$/.exec(\n colorCode\n );\n if (pattern) {\n pattern.shift();\n const color = pattern.map(c => parseInt(c, 16));\n this._registerColor(color);\n } else {\n this.log(`[pfe-avatar] invalid color ${colorCode}`);\n }\n }\n });\n\n return this.colors;\n }\n\n static _registerColor(color) {\n PfeAvatar.colors.push({\n color1: `rgb(${color.join(\",\")})`,\n color2: `rgb(${this._adjustColor(color).join(\",\")})`\n });\n }\n\n static _adjustColor(color) {\n const dark = 0.1;\n const l_adj = 0.1; // luminance adjustment\n const hsl = rgb2hsl(...color);\n\n // if luminance is too dark already, then lighten the alternate color\n // instead of darkening it.\n hsl[2] += hsl[2] > dark ? -l_adj : l_adj;\n\n return hsl2rgb(...hsl);\n }\n\n update() {\n // if we have a src element, update the img, otherwise update the random pattern\n if (this.hasAttribute(\"pfe-src\")) {\n this.shadowRoot.querySelector(\"img\").src = this.src;\n } else {\n const bitPattern = hash(this.name).toString(2);\n const arrPattern = bitPattern.split(\"\").map(n => Number(n));\n this._colorIndex = Math.floor(\n (PfeAvatar.colors.length * parseInt(bitPattern, 2)) / Math.pow(2, 32)\n );\n this.color1 = PfeAvatar.colors[this._colorIndex].color1;\n this.color2 = PfeAvatar.colors[this._colorIndex].color2;\n\n this._clear();\n this._drawBackground();\n if (this.pattern === PfeAvatar.patterns.squares) {\n this._drawSquarePattern(arrPattern);\n } else if (this.pattern === PfeAvatar.patterns.triangles) {\n this._drawTrianglePattern(arrPattern);\n }\n // this._drawGradient();\n }\n }\n\n _clear() {\n this._ctx.clearRect(0, 0, this._canvas.width, this._canvas.height);\n }\n\n _drawBackground() {\n this._ctx.fillStyle = this.color1;\n this._ctx.fillRect(0, 0, this._canvas.width, this._canvas.height);\n }\n\n _drawSquarePattern(pattern) {\n this._ctx.fillStyle = this.color2;\n if (this._ctx) {\n let i = pattern.length;\n while (i--) {\n if (pattern[i]) {\n this._drawMirroredSquare(i % 4, Math.floor(i / 4));\n }\n }\n }\n }\n\n /**\n * Draw a square at the given position, mirrored onto both the left and right half of the canvas.\n */\n _drawMirroredSquare(x, y) {\n if (this._ctx) {\n this._drawSquare(x, y);\n this._drawSquare(7 - x, y);\n }\n }\n\n _drawSquare(x, y) {\n this._ctx.fillRect(\n this._squareSize * x,\n this._squareSize * y,\n this._squareSize,\n this._squareSize\n );\n }\n\n _drawTrianglePattern(pattern) {\n this._ctx.fillStyle = this.color2;\n if (this._ctx) {\n let i = pattern.length;\n while (i--) {\n if (pattern[i]) {\n const x = Math.floor(i / 2) % 2;\n const y = Math.floor(i / 4);\n const alt = i % 4;\n\n const p1 = [x, y];\n const p2 = [x, y];\n const p3 = [x, y];\n\n switch (alt) {\n case 0:\n p2[1]++;\n p3[0]++;\n p3[1]++;\n break;\n case 1:\n p2[0]++;\n p3[0]++;\n p3[1]++;\n break;\n case 2:\n p2[0]++;\n p3[1]++;\n break;\n case 3:\n p1[0]++;\n p2[0]++;\n p2[1]++;\n p3[1]++;\n break;\n }\n\n this._drawMirroredTriangle(p1, p2, p3);\n }\n }\n }\n }\n\n /**\n * Draw a square at the given position in the top-left quadrant of the\n * canvas, and mirrored to the other three quadrants.\n */\n _drawMirroredTriangle(p1, p2, p3) {\n if (this._ctx) {\n this._drawTriangle(p1, p2, p3);\n this._drawTriangle(\n [4 - p1[0], p1[1]],\n [4 - p2[0], p2[1]],\n [4 - p3[0], p3[1]]\n );\n }\n }\n\n _drawTriangle(p1, p2, p3) {\n this._ctx.beginPath();\n this._ctx.moveTo(...p1.map(c => c * this._triangleSize));\n this._ctx.lineTo(...p2.map(c => c * this._triangleSize));\n this._ctx.lineTo(...p3.map(c => c * this._triangleSize));\n this._ctx.closePath();\n this._ctx.fill();\n this._ctx.fill();\n }\n\n _drawGradient() {\n const gradient = this._ctx.createLinearGradient(\n 0,\n this._canvas.height,\n this._canvas.width,\n 0\n );\n const color = this.color2;\n let gradientColor1 = color;\n let gradientColor2 = color;\n if (/^#[A-f0-9]{3}$/.test(color)) {\n // color is of the form \"#fff\"\n gradientColor1 += \"c\";\n gradientColor2 += \"0\";\n } else if (/^#[A-f0-9]{6}$/.test(color)) {\n // color is of the form \"#ffffff\"\n gradientColor1 += \"cc\";\n gradientColor2 += \"00\";\n }\n gradient.addColorStop(0, gradientColor1);\n gradient.addColorStop(1, gradientColor2);\n gradient.addColorStop(1, gradientColor1);\n this._ctx.fillStyle = gradient;\n this._ctx.fillRect(0, 0, this._canvas.width, this._canvas.height);\n }\n}\n\nPfeAvatar._registerColors();\n\nPFElement.create(PfeAvatar);\n\nexport default PfeAvatar;\n","/**\n * djb2 string hashing function.\n *\n * @see http://www.cse.yorku.ca/~oz/hash.html\n * @param {String} str the string to hash.\n * @return {Number} a positive integer\n */\n\nfunction hash(str) {\n let hash = 5381;\n let i = str.length;\n\n while (i) {\n hash = (hash * 33) ^ str.charCodeAt(--i);\n }\n\n return hash >>> 0;\n}\n\nexport { hash };\n"],"names":["h2rgb","v1","v2","vH","PfeAvatar","PFElement","this","getAttribute","val","setAttribute","href","patterns","squares","name","log","Object","values","tag","_initCanvas","emitEvent","events","connected","attr","oldValue","newValue","arguments","update","addEventListener","_this2","_canvas","shadowRoot","querySelector","size","var","replace","defaultSize","width","height","_squareSize","_triangleSize","_ctx","getContext","hasAttribute","src","bitPattern","str","hash","i","length","charCodeAt","toString","arrPattern","split","map","Number","n","_colorIndex","Math","floor","colors","parseInt","pow","color1","color2","_clear","_drawBackground","pattern","_drawSquarePattern","triangles","_drawTrianglePattern","clearRect","fillStyle","fillRect","_drawMirroredSquare","x","y","_drawSquare","p1","p2","p3","_drawMirroredTriangle","_drawTriangle","beginPath","moveTo","c","_this3","lineTo","closePath","fill","gradient","createLinearGradient","color","gradientColor1","gradientColor2","test","addColorStop","defaultColors","forEach","colorCode","exec","shift","_registerColor","push","join","_adjustColor","hsl","_R","_G","_B","L","H","S","r","max","min","g","b","var_min","var_max","del_max","del_r","del_g","del_b","_H","_S","_L","R","G","B","a","_registerColors","create"],"mappings":"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"} \ No newline at end of file diff --git a/elements/pfe-avatar/package-lock.json b/elements/pfe-avatar/package-lock.json index e229786ff0..73957030d7 100644 --- a/elements/pfe-avatar/package-lock.json +++ b/elements/pfe-avatar/package-lock.json @@ -1,6 +1,6 @@ { "name": "@patternfly/pfe-avatar", - "version": "1.0.0-prerelease.49", + "version": "1.0.0-prerelease.50", "lockfileVersion": 1, "requires": true, "dependencies": { diff --git a/elements/pfe-avatar/package.json b/elements/pfe-avatar/package.json index 67e9b15980..3a160de658 100644 --- a/elements/pfe-avatar/package.json +++ b/elements/pfe-avatar/package.json @@ -4,7 +4,7 @@ "className": "PfeAvatar", "elementName": "pfe-avatar" }, - "version": "1.0.0-prerelease.49", + "version": "1.0.0-prerelease.50", "description": "Avatar for PatternFly Elements", "keywords": [ "web-components", @@ -37,8 +37,8 @@ ], "license": "MIT", "dependencies": { - "@patternfly/pfe-sass": "^1.0.0-prerelease.49", - "@patternfly/pfelement": "^1.0.0-prerelease.49" + "@patternfly/pfe-sass": "^1.0.0-prerelease.50", + "@patternfly/pfelement": "^1.0.0-prerelease.50" }, "generator-pfelement-version": "0.6.8", "bugs": { diff --git a/elements/pfe-badge/dist/pfe-badge.js b/elements/pfe-badge/dist/pfe-badge.js new file mode 100644 index 0000000000..9e51fa61bd --- /dev/null +++ b/elements/pfe-badge/dist/pfe-badge.js @@ -0,0 +1,99 @@ +import PFElement from '../../pfelement/dist/pfelement.js'; + +/*! + * PatternFly Elements: PfeBadge 1.0.0-prerelease.50 + * @license + * Copyright 2020 Red Hat, Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + * +*/ + +class PfeBadge extends PFElement { + static get version() { + return "1.0.0-prerelease.50"; + } + + get html() { + return ``; + } + + static get properties() { + return {"state":{"title":"Background color","type":"string","enum":["default","moderate","important","critical","success","info"],"default":"default","prefixed":true},"number":{"title":"Numeric Value","type":"number","prefixed":false},"pfe-threshold":{"title":"Threshold Value","type":"number","prefixed":false}}; + } + + static get slots() { + return {}; + } + static get tag() { + return "pfe-badge"; + } + + get templateUrl() { + return "pfe-badge.html"; + } + + get styleUrl() { + return "pfe-badge.scss"; + } + + get schemaUrl() { + return "pfe-badge.json"; + } + + static get observedAttributes() { + return ["number", "pfe-threshold"]; + } + + get threshold() { + return this.getAttribute("pfe-threshold"); + } + + constructor() { + super(PfeBadge); + this._textContainer = this.shadowRoot.querySelector("span"); + } + + attributeChangedCallback(attr, oldVal, newVal) { + switch (attr) { + case "pfe-threshold": + this.textContent = + Number(this.threshold) < Number(this.textContent) + ? `${this.threshold}+` + : this.textContent; + break; + case "number": + this.textContent = + this.threshold && Number(this.threshold) < Number(newVal) + ? `${this.threshold}+` + : newVal; + break; + default: + return; + } + this._textContainer.textContent = this.textContent; + } +} + +PFElement.create(PfeBadge); + +export default PfeBadge; +//# sourceMappingURL=pfe-badge.js.map diff --git a/elements/pfe-badge/dist/pfe-badge.js.map b/elements/pfe-badge/dist/pfe-badge.js.map new file mode 100644 index 0000000000..1e95414503 --- /dev/null +++ b/elements/pfe-badge/dist/pfe-badge.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-badge.js","sources":["../_temp/pfe-badge.js"],"sourcesContent":["/*!\n * PatternFly Elements: PfeBadge 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\nimport PFElement from \"../../pfelement/dist/pfelement.js\";\n\nclass PfeBadge extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return ``;\n }\n\n static get properties() {\n return {\"state\":{\"title\":\"Background color\",\"type\":\"string\",\"enum\":[\"default\",\"moderate\",\"important\",\"critical\",\"success\",\"info\"],\"default\":\"default\",\"prefixed\":true},\"number\":{\"title\":\"Numeric Value\",\"type\":\"number\",\"prefixed\":false},\"pfe-threshold\":{\"title\":\"Threshold Value\",\"type\":\"number\",\"prefixed\":false}};\n }\n\n static get slots() {\n return {};\n }\n static get tag() {\n return \"pfe-badge\";\n }\n\n get templateUrl() {\n return \"pfe-badge.html\";\n }\n\n get styleUrl() {\n return \"pfe-badge.scss\";\n }\n\n get schemaUrl() {\n return \"pfe-badge.json\";\n }\n\n static get observedAttributes() {\n return [\"number\", \"pfe-threshold\"];\n }\n\n get threshold() {\n return this.getAttribute(\"pfe-threshold\");\n }\n\n constructor() {\n super(PfeBadge);\n this._textContainer = this.shadowRoot.querySelector(\"span\");\n }\n\n attributeChangedCallback(attr, oldVal, newVal) {\n switch (attr) {\n case \"pfe-threshold\":\n this.textContent =\n Number(this.threshold) < Number(this.textContent)\n ? `${this.threshold}+`\n : this.textContent;\n break;\n case \"number\":\n this.textContent =\n this.threshold && Number(this.threshold) < Number(newVal)\n ? `${this.threshold}+`\n : newVal;\n break;\n default:\n return;\n }\n this._textContainer.textContent = this.textContent;\n }\n}\n\nPFElement.create(PfeBadge);\n\nexport default PfeBadge;\n"],"names":[],"mappings":";;AAAA;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,AAEA;AACA,MAAM,QAAQ,SAAS,SAAS,CAAC;EAC/B,WAAW,OAAO,GAAG;IACnB,OAAO,qBAAqB,CAAC;GAC9B;;EAED,IAAI,IAAI,GAAG;IACT,OAAO,CAAC;;qBAES,CAAC,CAAC;GACpB;;EAED,WAAW,UAAU,GAAG;IACtB,OAAO,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,kBAAkB,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,UAAU,CAAC,WAAW,CAAC,UAAU,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,SAAS,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC,iBAAiB,CAAC,MAAM,CAAC,QAAQ,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;GAC1T;;EAED,WAAW,KAAK,GAAG;IACjB,OAAO,EAAE,CAAC;GACX;EACD,WAAW,GAAG,GAAG;IACf,OAAO,WAAW,CAAC;GACpB;;EAED,IAAI,WAAW,GAAG;IAChB,OAAO,gBAAgB,CAAC;GACzB;;EAED,IAAI,QAAQ,GAAG;IACb,OAAO,gBAAgB,CAAC;GACzB;;EAED,IAAI,SAAS,GAAG;IACd,OAAO,gBAAgB,CAAC;GACzB;;EAED,WAAW,kBAAkB,GAAG;IAC9B,OAAO,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAC;GACpC;;EAED,IAAI,SAAS,GAAG;IACd,OAAO,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC;GAC3C;;EAED,WAAW,GAAG;IACZ,KAAK,CAAC,QAAQ,CAAC,CAAC;IAChB,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;GAC7D;;EAED,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE;IAC7C,QAAQ,IAAI;MACV,KAAK,eAAe;QAClB,IAAI,CAAC,WAAW;UACd,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC;cAC7C,CAAC,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;cACpB,IAAI,CAAC,WAAW,CAAC;QACvB,MAAM;MACR,KAAK,QAAQ;QACX,IAAI,CAAC,WAAW;UACd,IAAI,CAAC,SAAS,IAAI,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC;cACrD,CAAC,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;cACpB,MAAM,CAAC;QACb,MAAM;MACR;QACE,OAAO;KACV;IACD,IAAI,CAAC,cAAc,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC;GACpD;CACF;;AAED,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;;;;"} \ No newline at end of file diff --git a/elements/pfe-badge/dist/pfe-badge.json b/elements/pfe-badge/dist/pfe-badge.json new file mode 100644 index 0000000000..5c94462cca --- /dev/null +++ b/elements/pfe-badge/dist/pfe-badge.json @@ -0,0 +1,49 @@ +{ + "$schema": "http://json-schema.org/draft-04/schema#", + "title": "Badge", + "description": "This element creates a badge with a numerical value.", + "type": "object", + "tag": "pfe-badge", + "class": "pfe-badge", + "category": "content", + "properties": { + "slots": { + "title": "Slots", + "description": "Definition of the supported slots", + "type": "object", + "properties": {} + }, + "attributes": { + "title": "Attributes", + "type": "object", + "properties": { + "state": { + "title": "Background color", + "type": "string", + "enum": [ + "default", + "moderate", + "important", + "critical", + "success", + "info" + ], + "default": "default", + "prefixed": true + }, + "number": { + "title": "Numeric Value", + "type": "number", + "prefixed": false + }, + "pfe-threshold": { + "title": "Threshold Value", + "type": "number", + "prefixed": false + } + } + } + }, + "required": ["slots", "attributes"], + "additionalProperties": false +} diff --git a/elements/pfe-badge/dist/pfe-badge.min.js b/elements/pfe-badge/dist/pfe-badge.min.js new file mode 100644 index 0000000000..872a7185d2 --- /dev/null +++ b/elements/pfe-badge/dist/pfe-badge.min.js @@ -0,0 +1,26 @@ +import e from"../../pfelement/dist/pfelement.min.js"; +/*! + * PatternFly Elements: PfeBadge 1.0.0-prerelease.50 + * @license + * Copyright 2020 Red Hat, Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + * +*/class t extends e{static get version(){return"1.0.0-prerelease.50"}get html(){return""}static get properties(){return{state:{title:"Background color",type:"string",enum:["default","moderate","important","critical","success","info"],default:"default",prefixed:!0},number:{title:"Numeric Value",type:"number",prefixed:!1},"pfe-threshold":{title:"Threshold Value",type:"number",prefixed:!1}}}static get slots(){return{}}static get tag(){return"pfe-badge"}get templateUrl(){return"pfe-badge.html"}get styleUrl(){return"pfe-badge.scss"}get schemaUrl(){return"pfe-badge.json"}static get observedAttributes(){return["number","pfe-threshold"]}get threshold(){return this.getAttribute("pfe-threshold")}constructor(){super(t),this._textContainer=this.shadowRoot.querySelector("span")}attributeChangedCallback(e,t,r){switch(e){case"pfe-threshold":this.textContent=Number(this.threshold):host{--pfe-badge--BackgroundColor:var(--pfe-theme--color--feedback--default--lightest, #ececec);--pfe-badge--BorderRadius:calc(var(--pfe-theme--ui--border-radius, 2px) * 30);--pfe-badge--Color:var(--pfe-theme--color--text, #333);--pfe-badge--FontSize:calc(var(--pfe-theme--font-size, 16px) * 0.75);--pfe-badge--FontWeight:var(--pfe-theme--font-weight--semi-bold, 600);--pfe-badge--MinWidth:calc(var(--pfe-theme--ui--border-width, 1px) * 2);--pfe-badge--PaddingLeft:calc(var(--pfe-theme--container-padding, 16px) * 0.5);--pfe-badge--PaddingRight:calc(var(--pfe-theme--container-padding, 16px) * 0.5);display:inline-block;line-height:calc(1.5 * .75);line-height:calc(var(--pfe-theme-line-height,1.5) * .75);text-align:center;text-rendering:optimizelegibility}span{background-color:var(--pfe-badge--BackgroundColor);border-radius:var(--pfe-badge--BorderRadius);color:var(--pfe-badge--Color);font-size:var(--pfe-badge--FontSize);font-weight:var(--pfe-badge--FontWeight);min-width:var(--pfe-badge--MinWidth);padding-left:var(--pfe-badge--PaddingLeft);padding-right:var(--pfe-badge--PaddingRight)}:host([pfe-state=moderate]) span{--pfe-badge--BackgroundColor:var(--pfe-theme--color--feedback--moderate, #ffc024);--pfe-badge--Color:var(--pfe-theme--color--text, #333)}:host([pfe-state=important]) span{--pfe-badge--BackgroundColor:var(--pfe-theme--color--feedback--important, #d73401);--pfe-badge--Color:var(--pfe-theme--color--text--on-dark, #fff)}:host([pfe-state=critical]) span{--pfe-badge--BackgroundColor:var(--pfe-theme--color--feedback--critical, #bb0000);--pfe-badge--Color:var(--pfe-theme--color--text--on-dark, #fff)}:host([pfe-state=success]) span{--pfe-badge--BackgroundColor:var(--pfe-theme--color--feedback--success, #2e7d32);--pfe-badge--Color:var(--pfe-theme--color--text--on-dark, #fff)}:host([pfe-state=info]) span{--pfe-badge--BackgroundColor:var(--pfe-theme--color--feedback--info, #0277bd);--pfe-badge--Color:var(--pfe-theme--color--text--on-dark, #fff)}:host([hidden]){display:none}\n/*# sourceMappingURL=pfe-badge.min.css.map */\n`;\n }\n\n static get properties() {\n return {\"state\":{\"title\":\"Background color\",\"type\":\"string\",\"enum\":[\"default\",\"moderate\",\"important\",\"critical\",\"success\",\"info\"],\"default\":\"default\",\"prefixed\":true},\"number\":{\"title\":\"Numeric Value\",\"type\":\"number\",\"prefixed\":false},\"pfe-threshold\":{\"title\":\"Threshold Value\",\"type\":\"number\",\"prefixed\":false}};\n }\n\n static get slots() {\n return {};\n }\n static get tag() {\n return \"pfe-badge\";\n }\n\n get templateUrl() {\n return \"pfe-badge.html\";\n }\n\n get styleUrl() {\n return \"pfe-badge.scss\";\n }\n\n get schemaUrl() {\n return \"pfe-badge.json\";\n }\n\n static get observedAttributes() {\n return [\"number\", \"pfe-threshold\"];\n }\n\n get threshold() {\n return this.getAttribute(\"pfe-threshold\");\n }\n\n constructor() {\n super(PfeBadge);\n this._textContainer = this.shadowRoot.querySelector(\"span\");\n }\n\n attributeChangedCallback(attr, oldVal, newVal) {\n switch (attr) {\n case \"pfe-threshold\":\n this.textContent =\n Number(this.threshold) < Number(this.textContent)\n ? `${this.threshold}+`\n : this.textContent;\n break;\n case \"number\":\n this.textContent =\n this.threshold && Number(this.threshold) < Number(newVal)\n ? `${this.threshold}+`\n : newVal;\n break;\n default:\n return;\n }\n this._textContainer.textContent = this.textContent;\n }\n}\n\nPFElement.create(PfeBadge);\n\nexport default PfeBadge;\n"],"names":["PfeBadge","PFElement","version","html","properties","state","title","type","enum","default","prefixed","number","pfe-threshold","slots","tag","templateUrl","styleUrl","schemaUrl","observedAttributes","threshold","this","getAttribute","[object Object]","super","_textContainer","shadowRoot","querySelector","attr","oldVal","newVal","textContent","Number","create"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EA2BA,MAAMA,UAAiBC,EACrBC,qBACE,MAAO,sBAGTC,WACE,MAAO,+hEAKTC,wBACE,MAAO,CAACC,MAAQ,CAACC,MAAQ,mBAAmBC,KAAO,SAASC,KAAO,CAAC,UAAU,WAAW,YAAY,WAAW,UAAU,QAAQC,QAAU,UAAUC,UAAW,GAAMC,OAAS,CAACL,MAAQ,gBAAgBC,KAAO,SAASG,UAAW,GAAOE,gBAAgB,CAACN,MAAQ,kBAAkBC,KAAO,SAASG,UAAW,IAGnTG,mBACE,MAAO,GAETC,iBACE,MAAO,YAGTC,kBACE,MAAO,iBAGTC,eACE,MAAO,iBAGTC,gBACE,MAAO,iBAGTC,gCACE,MAAO,CAAC,SAAU,iBAGpBC,gBACE,OAAOC,KAAKC,aAAa,iBAG3BC,cACEC,MAAMvB,GACNoB,KAAKI,eAAiBJ,KAAKK,WAAWC,cAAc,QAGtDJ,yBAAyBK,EAAMC,EAAQC,GACrC,OAAQF,GACN,IAAK,gBACHP,KAAKU,YACHC,OAAOX,KAAKD,WAAaY,OAAOX,KAAKU,gBAC9BV,KAAKD,aACRC,KAAKU,YACX,MACF,IAAK,SACHV,KAAKU,YACHV,KAAKD,WAAaY,OAAOX,KAAKD,WAAaY,OAAOF,MAC3CT,KAAKD,aACRU,EACN,MACF,QACE,OAEJT,KAAKI,eAAeM,YAAcV,KAAKU,aAI3C7B,EAAU+B,OAAOhC"} \ No newline at end of file diff --git a/elements/pfe-badge/dist/pfe-badge.umd.js b/elements/pfe-badge/dist/pfe-badge.umd.js new file mode 100644 index 0000000000..84c7d31215 --- /dev/null +++ b/elements/pfe-badge/dist/pfe-badge.umd.js @@ -0,0 +1,169 @@ +(function (global, factory) { + typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('../../pfelement/dist/pfelement.umd')) : + typeof define === 'function' && define.amd ? define(['../../pfelement/dist/pfelement.umd'], factory) : + (global.PfeBadge = factory(global.PFElement)); +}(this, (function (PFElement) { 'use strict'; + + PFElement = PFElement && PFElement.hasOwnProperty('default') ? PFElement['default'] : PFElement; + + var classCallCheck = function (instance, Constructor) { + if (!(instance instanceof Constructor)) { + throw new TypeError("Cannot call a class as a function"); + } + }; + + var createClass = function () { + function defineProperties(target, props) { + for (var i = 0; i < props.length; i++) { + var descriptor = props[i]; + descriptor.enumerable = descriptor.enumerable || false; + descriptor.configurable = true; + if ("value" in descriptor) descriptor.writable = true; + Object.defineProperty(target, descriptor.key, descriptor); + } + } + + return function (Constructor, protoProps, staticProps) { + if (protoProps) defineProperties(Constructor.prototype, protoProps); + if (staticProps) defineProperties(Constructor, staticProps); + return Constructor; + }; + }(); + + var inherits = function (subClass, superClass) { + if (typeof superClass !== "function" && superClass !== null) { + throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); + } + + subClass.prototype = Object.create(superClass && superClass.prototype, { + constructor: { + value: subClass, + enumerable: false, + writable: true, + configurable: true + } + }); + if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; + }; + + var possibleConstructorReturn = function (self, call) { + if (!self) { + throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); + } + + return call && (typeof call === "object" || typeof call === "function") ? call : self; + }; + + /*! + * PatternFly Elements: PfeBadge 1.0.0-prerelease.50 + * @license + * Copyright 2020 Red Hat, Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + * + */ + + var PfeBadge = function (_PFElement) { + inherits(PfeBadge, _PFElement); + createClass(PfeBadge, [{ + key: "html", + get: function get$$1() { + return ""; + } + }, { + key: "templateUrl", + get: function get$$1() { + return "pfe-badge.html"; + } + }, { + key: "styleUrl", + get: function get$$1() { + return "pfe-badge.scss"; + } + }, { + key: "schemaUrl", + get: function get$$1() { + return "pfe-badge.json"; + } + }, { + key: "threshold", + get: function get$$1() { + return this.getAttribute("pfe-threshold"); + } + }], [{ + key: "version", + get: function get$$1() { + return "1.0.0-prerelease.50"; + } + }, { + key: "properties", + get: function get$$1() { + return { "state": { "title": "Background color", "type": "string", "enum": ["default", "moderate", "important", "critical", "success", "info"], "default": "default", "prefixed": true }, "number": { "title": "Numeric Value", "type": "number", "prefixed": false }, "pfe-threshold": { "title": "Threshold Value", "type": "number", "prefixed": false } }; + } + }, { + key: "slots", + get: function get$$1() { + return {}; + } + }, { + key: "tag", + get: function get$$1() { + return "pfe-badge"; + } + }, { + key: "observedAttributes", + get: function get$$1() { + return ["number", "pfe-threshold"]; + } + }]); + + function PfeBadge() { + classCallCheck(this, PfeBadge); + + var _this = possibleConstructorReturn(this, (PfeBadge.__proto__ || Object.getPrototypeOf(PfeBadge)).call(this, PfeBadge)); + + _this._textContainer = _this.shadowRoot.querySelector("span"); + return _this; + } + + createClass(PfeBadge, [{ + key: "attributeChangedCallback", + value: function attributeChangedCallback(attr, oldVal, newVal) { + switch (attr) { + case "pfe-threshold": + this.textContent = Number(this.threshold) < Number(this.textContent) ? this.threshold + "+" : this.textContent; + break; + case "number": + this.textContent = this.threshold && Number(this.threshold) < Number(newVal) ? this.threshold + "+" : newVal; + break; + default: + return; + } + this._textContainer.textContent = this.textContent; + } + }]); + return PfeBadge; + }(PFElement); + + PFElement.create(PfeBadge); + + return PfeBadge; + +}))); +//# sourceMappingURL=pfe-badge.umd.js.map diff --git a/elements/pfe-badge/dist/pfe-badge.umd.js.map b/elements/pfe-badge/dist/pfe-badge.umd.js.map new file mode 100644 index 0000000000..9e99a16b63 --- /dev/null +++ b/elements/pfe-badge/dist/pfe-badge.umd.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-badge.umd.js","sources":["../_temp/pfe-badge.umd.js"],"sourcesContent":["/*!\n * PatternFly Elements: PfeBadge 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\nimport PFElement from \"../../pfelement/dist/pfelement.umd\";\n\nclass PfeBadge extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return ``;\n }\n\n static get properties() {\n return {\"state\":{\"title\":\"Background color\",\"type\":\"string\",\"enum\":[\"default\",\"moderate\",\"important\",\"critical\",\"success\",\"info\"],\"default\":\"default\",\"prefixed\":true},\"number\":{\"title\":\"Numeric Value\",\"type\":\"number\",\"prefixed\":false},\"pfe-threshold\":{\"title\":\"Threshold Value\",\"type\":\"number\",\"prefixed\":false}};\n }\n\n static get slots() {\n return {};\n }\n static get tag() {\n return \"pfe-badge\";\n }\n\n get templateUrl() {\n return \"pfe-badge.html\";\n }\n\n get styleUrl() {\n return \"pfe-badge.scss\";\n }\n\n get schemaUrl() {\n return \"pfe-badge.json\";\n }\n\n static get observedAttributes() {\n return [\"number\", \"pfe-threshold\"];\n }\n\n get threshold() {\n return this.getAttribute(\"pfe-threshold\");\n }\n\n constructor() {\n super(PfeBadge);\n this._textContainer = this.shadowRoot.querySelector(\"span\");\n }\n\n attributeChangedCallback(attr, oldVal, newVal) {\n switch (attr) {\n case \"pfe-threshold\":\n this.textContent =\n Number(this.threshold) < Number(this.textContent)\n ? `${this.threshold}+`\n : this.textContent;\n break;\n case \"number\":\n this.textContent =\n this.threshold && Number(this.threshold) < Number(newVal)\n ? `${this.threshold}+`\n : newVal;\n break;\n default:\n return;\n }\n this._textContainer.textContent = this.textContent;\n }\n}\n\nPFElement.create(PfeBadge);\n\nexport default PfeBadge;\n"],"names":["PfeBadge","getAttribute","_textContainer","shadowRoot","querySelector","attr","oldVal","newVal","textContent","Number","threshold","PFElement","create"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAA;;;;;;;;;;;;;;;;;;;;;;;;;MA2BMA;;;;6BAKO;EACT;EAGD;;;6BAaiB;EAChB,aAAO,gBAAP;EACD;;;6BAEc;EACb,aAAO,gBAAP;EACD;;;6BAEe;EACd,aAAO,gBAAP;EACD;;;6BAMe;EACd,aAAO,KAAKC,YAAL,CAAkB,eAAlB,CAAP;EACD;;;6BAvCoB;EACnB,aAAO,qBAAP;EACD;;;6BAQuB;EACtB,aAAO,EAAC,SAAQ,EAAC,SAAQ,kBAAT,EAA4B,QAAO,QAAnC,EAA4C,QAAO,CAAC,SAAD,EAAW,UAAX,EAAsB,WAAtB,EAAkC,UAAlC,EAA6C,SAA7C,EAAuD,MAAvD,CAAnD,EAAkH,WAAU,SAA5H,EAAsI,YAAW,IAAjJ,EAAT,EAAgK,UAAS,EAAC,SAAQ,eAAT,EAAyB,QAAO,QAAhC,EAAyC,YAAW,KAApD,EAAzK,EAAoO,iBAAgB,EAAC,SAAQ,iBAAT,EAA2B,QAAO,QAAlC,EAA2C,YAAW,KAAtD,EAApP,EAAP;EACD;;;6BAEkB;EACjB,aAAO,EAAP;EACD;;;6BACgB;EACf,aAAO,WAAP;EACD;;;6BAc+B;EAC9B,aAAO,CAAC,QAAD,EAAW,eAAX,CAAP;EACD;;;EAMD,sBAAc;EAAA;;EAAA,mHACND,QADM;;EAEZ,UAAKE,cAAL,GAAsB,MAAKC,UAAL,CAAgBC,aAAhB,CAA8B,MAA9B,CAAtB;EAFY;EAGb;;;;+CAEwBC,MAAMC,QAAQC,QAAQ;EAC7C,cAAQF,IAAR;EACE,aAAK,eAAL;EACE,eAAKG,WAAL,GACEC,OAAO,KAAKC,SAAZ,IAAyBD,OAAO,KAAKD,WAAZ,CAAzB,GACO,KAAKE,SADZ,SAEI,KAAKF,WAHX;EAIA;EACF,aAAK,QAAL;EACE,eAAKA,WAAL,GACE,KAAKE,SAAL,IAAkBD,OAAO,KAAKC,SAAZ,IAAyBD,OAAOF,MAAP,CAA3C,GACO,KAAKG,SADZ,SAEIH,MAHN;EAIA;EACF;EACE;EAdJ;EAgBA,WAAKL,cAAL,CAAoBM,WAApB,GAAkC,KAAKA,WAAvC;EACD;;;IAjEoBG;;EAoEvBA,UAAUC,MAAV,CAAiBZ,QAAjB;;;;;;;;"} \ No newline at end of file diff --git a/elements/pfe-badge/dist/pfe-badge.umd.min.js b/elements/pfe-badge/dist/pfe-badge.umd.min.js new file mode 100644 index 0000000000..cf3706c748 --- /dev/null +++ b/elements/pfe-badge/dist/pfe-badge.umd.min.js @@ -0,0 +1,2 @@ +!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("../../pfelement/dist/pfelement.umd")):"function"==typeof define&&define.amd?define(["../../pfelement/dist/pfelement.umd"],t):e.PfeBadge=t(e.PFElement)}(this,function(e){"use strict";e=e&&e.hasOwnProperty("default")?e.default:e;var t=function(e,t,r){return t&&o(e.prototype,t),r&&o(e,r),e};function o(e,t){for(var r=0;r:host{--pfe-badge--BackgroundColor:var(--pfe-theme--color--feedback--default--lightest, #ececec);--pfe-badge--BorderRadius:calc(var(--pfe-theme--ui--border-radius, 2px) * 30);--pfe-badge--Color:var(--pfe-theme--color--text, #333);--pfe-badge--FontSize:calc(var(--pfe-theme--font-size, 16px) * 0.75);--pfe-badge--FontWeight:var(--pfe-theme--font-weight--semi-bold, 600);--pfe-badge--MinWidth:calc(var(--pfe-theme--ui--border-width, 1px) * 2);--pfe-badge--PaddingLeft:calc(var(--pfe-theme--container-padding, 16px) * 0.5);--pfe-badge--PaddingRight:calc(var(--pfe-theme--container-padding, 16px) * 0.5);display:inline-block;line-height:calc(1.5 * .75);line-height:calc(var(--pfe-theme-line-height,1.5) * .75);text-align:center;text-rendering:optimizelegibility}span{background-color:var(--pfe-badge--BackgroundColor);border-radius:var(--pfe-badge--BorderRadius);color:var(--pfe-badge--Color);font-size:var(--pfe-badge--FontSize);font-weight:var(--pfe-badge--FontWeight);min-width:var(--pfe-badge--MinWidth);padding-left:var(--pfe-badge--PaddingLeft);padding-right:var(--pfe-badge--PaddingRight)}:host([pfe-state=moderate]) span{--pfe-badge--BackgroundColor:var(--pfe-theme--color--feedback--moderate, #ffc024);--pfe-badge--Color:var(--pfe-theme--color--text, #333)}:host([pfe-state=important]) span{--pfe-badge--BackgroundColor:var(--pfe-theme--color--feedback--important, #d73401);--pfe-badge--Color:var(--pfe-theme--color--text--on-dark, #fff)}:host([pfe-state=critical]) span{--pfe-badge--BackgroundColor:var(--pfe-theme--color--feedback--critical, #bb0000);--pfe-badge--Color:var(--pfe-theme--color--text--on-dark, #fff)}:host([pfe-state=success]) span{--pfe-badge--BackgroundColor:var(--pfe-theme--color--feedback--success, #2e7d32);--pfe-badge--Color:var(--pfe-theme--color--text--on-dark, #fff)}:host([pfe-state=info]) span{--pfe-badge--BackgroundColor:var(--pfe-theme--color--feedback--info, #0277bd);--pfe-badge--Color:var(--pfe-theme--color--text--on-dark, #fff)}:host([hidden]){display:none}\n/*# sourceMappingURL=pfe-badge.min.css.map */\n"}},{key:"templateUrl",get:function(){return"pfe-badge.html"}},{key:"styleUrl",get:function(){return"pfe-badge.scss"}},{key:"schemaUrl",get:function(){return"pfe-badge.json"}},{key:"threshold",get:function(){return this.getAttribute("pfe-threshold")}}],[{key:"version",get:function(){return"1.0.0-prerelease.50"}},{key:"properties",get:function(){return{state:{title:"Background color",type:"string",enum:["default","moderate","important","critical","success","info"],default:"default",prefixed:!0},number:{title:"Numeric Value",type:"number",prefixed:!1},"pfe-threshold":{title:"Threshold Value",type:"number",prefixed:!1}}}},{key:"slots",get:function(){return{}}},{key:"tag",get:function(){return"pfe-badge"}},{key:"observedAttributes",get:function(){return["number","pfe-threshold"]}}]),t(n,[{key:"attributeChangedCallback",value:function(e,t,r){switch(e){case"pfe-threshold":this.textContent=Number(this.threshold):host{--pfe-badge--BackgroundColor:var(--pfe-theme--color--feedback--default--lightest, #ececec);--pfe-badge--BorderRadius:calc(var(--pfe-theme--ui--border-radius, 2px) * 30);--pfe-badge--Color:var(--pfe-theme--color--text, #333);--pfe-badge--FontSize:calc(var(--pfe-theme--font-size, 16px) * 0.75);--pfe-badge--FontWeight:var(--pfe-theme--font-weight--semi-bold, 600);--pfe-badge--MinWidth:calc(var(--pfe-theme--ui--border-width, 1px) * 2);--pfe-badge--PaddingLeft:calc(var(--pfe-theme--container-padding, 16px) * 0.5);--pfe-badge--PaddingRight:calc(var(--pfe-theme--container-padding, 16px) * 0.5);display:inline-block;line-height:calc(1.5 * .75);line-height:calc(var(--pfe-theme-line-height,1.5) * .75);text-align:center;text-rendering:optimizelegibility}span{background-color:var(--pfe-badge--BackgroundColor);border-radius:var(--pfe-badge--BorderRadius);color:var(--pfe-badge--Color);font-size:var(--pfe-badge--FontSize);font-weight:var(--pfe-badge--FontWeight);min-width:var(--pfe-badge--MinWidth);padding-left:var(--pfe-badge--PaddingLeft);padding-right:var(--pfe-badge--PaddingRight)}:host([pfe-state=moderate]) span{--pfe-badge--BackgroundColor:var(--pfe-theme--color--feedback--moderate, #ffc024);--pfe-badge--Color:var(--pfe-theme--color--text, #333)}:host([pfe-state=important]) span{--pfe-badge--BackgroundColor:var(--pfe-theme--color--feedback--important, #d73401);--pfe-badge--Color:var(--pfe-theme--color--text--on-dark, #fff)}:host([pfe-state=critical]) span{--pfe-badge--BackgroundColor:var(--pfe-theme--color--feedback--critical, #bb0000);--pfe-badge--Color:var(--pfe-theme--color--text--on-dark, #fff)}:host([pfe-state=success]) span{--pfe-badge--BackgroundColor:var(--pfe-theme--color--feedback--success, #2e7d32);--pfe-badge--Color:var(--pfe-theme--color--text--on-dark, #fff)}:host([pfe-state=info]) span{--pfe-badge--BackgroundColor:var(--pfe-theme--color--feedback--info, #0277bd);--pfe-badge--Color:var(--pfe-theme--color--text--on-dark, #fff)}:host([hidden]){display:none}\n/*# sourceMappingURL=pfe-badge.min.css.map */\n`;\n }\n\n static get properties() {\n return {\"state\":{\"title\":\"Background color\",\"type\":\"string\",\"enum\":[\"default\",\"moderate\",\"important\",\"critical\",\"success\",\"info\"],\"default\":\"default\",\"prefixed\":true},\"number\":{\"title\":\"Numeric Value\",\"type\":\"number\",\"prefixed\":false},\"pfe-threshold\":{\"title\":\"Threshold Value\",\"type\":\"number\",\"prefixed\":false}};\n }\n\n static get slots() {\n return {};\n }\n static get tag() {\n return \"pfe-badge\";\n }\n\n get templateUrl() {\n return \"pfe-badge.html\";\n }\n\n get styleUrl() {\n return \"pfe-badge.scss\";\n }\n\n get schemaUrl() {\n return \"pfe-badge.json\";\n }\n\n static get observedAttributes() {\n return [\"number\", \"pfe-threshold\"];\n }\n\n get threshold() {\n return this.getAttribute(\"pfe-threshold\");\n }\n\n constructor() {\n super(PfeBadge);\n this._textContainer = this.shadowRoot.querySelector(\"span\");\n }\n\n attributeChangedCallback(attr, oldVal, newVal) {\n switch (attr) {\n case \"pfe-threshold\":\n this.textContent =\n Number(this.threshold) < Number(this.textContent)\n ? `${this.threshold}+`\n : this.textContent;\n break;\n case \"number\":\n this.textContent =\n this.threshold && Number(this.threshold) < Number(newVal)\n ? `${this.threshold}+`\n : newVal;\n break;\n default:\n return;\n }\n this._textContainer.textContent = this.textContent;\n }\n}\n\nPFElement.create(PfeBadge);\n\nexport default PfeBadge;\n"],"names":["PfeBadge","PFElement","this","getAttribute","state","title","type","enum","default","prefixed","number","pfe-threshold","attr","oldVal","newVal","textContent","Number","threshold","_textContainer","_this","shadowRoot","querySelector","create"],"mappings":"yiBA2BMA,+TAAiBC,knEAuBZ,wDAIA,yDAIA,0DAQAC,KAAKC,aAAa,yDArClB,+DAUA,CAACC,MAAQ,CAACC,MAAQ,mBAAmBC,KAAO,SAASC,KAAO,CAAC,UAAU,WAAW,YAAY,WAAW,UAAU,QAAQC,QAAU,UAAUC,UAAW,GAAMC,OAAS,CAACL,MAAQ,gBAAgBC,KAAO,SAASG,UAAW,GAAOE,gBAAgB,CAACN,MAAQ,kBAAkBC,KAAO,SAASG,UAAW,wCAI1S,qCAGA,6DAgBA,CAAC,SAAU,yEAYKG,EAAMC,EAAQC,UAC7BF,OACD,qBACEG,YACHC,OAAOd,KAAKe,WAAaD,OAAOd,KAAKa,aAC9Bb,KAAKe,cACRf,KAAKa,sBAER,cACEA,YACHb,KAAKe,WAAaD,OAAOd,KAAKe,WAAaD,OAAOF,GAC3CZ,KAAKe,cACRH,4BAKLI,eAAeH,YAAcb,KAAKa,qWArBjCf,aACDkB,eAAiBC,EAAKC,WAAWC,cAAc,iBAwBxDpB,EAAUqB,OAAOtB"} \ No newline at end of file diff --git a/elements/pfe-badge/package-lock.json b/elements/pfe-badge/package-lock.json index bef517d387..140a01dde4 100644 --- a/elements/pfe-badge/package-lock.json +++ b/elements/pfe-badge/package-lock.json @@ -1,6 +1,6 @@ { "name": "@patternfly/pfe-badge", - "version": "1.0.0-prerelease.48", + "version": "1.0.0-prerelease.50", "lockfileVersion": 1, "requires": true, "dependencies": { diff --git a/elements/pfe-badge/package.json b/elements/pfe-badge/package.json index 7ba73ce427..1125a0c666 100644 --- a/elements/pfe-badge/package.json +++ b/elements/pfe-badge/package.json @@ -4,7 +4,7 @@ "className": "PfeBadge", "elementName": "pfe-badge" }, - "version": "1.0.0-prerelease.48", + "version": "1.0.0-prerelease.50", "description": "Badge element for PatternFly Elements", "keywords": [ "web-components", diff --git a/elements/pfe-band/dist/pfe-band.js b/elements/pfe-band/dist/pfe-band.js new file mode 100644 index 0000000000..27005fea94 --- /dev/null +++ b/elements/pfe-band/dist/pfe-band.js @@ -0,0 +1,233 @@ +import PFElement from '../../pfelement/dist/pfelement.js'; + +// @POLYFILL Element.matches +// https://developer.mozilla.org/en-US/docs/Web/API/Element/matches +if (!Element.prototype.matches) { + Element.prototype.matches = + Element.prototype.msMatchesSelector || + Element.prototype.webkitMatchesSelector; +} + +// @POLYFILL Element.closest +// https://developer.mozilla.org/en-US/docs/Web/API/Element/closest +if (!Element.prototype.closest) { + Element.prototype.closest = function(s) { + var el = this; + do { + if (el.matches(s)) return el; + el = el.parentElement || el.parentNode; + } while (el !== null && el.nodeType === 1); + return null; + }; +} + +// @POLYFILL Array.includes +// https://tc39.github.io/ecma262/#sec-array.prototype.includes +if (!Array.prototype.includes) { + Object.defineProperty(Array.prototype, "includes", { + value: function(valueToFind, fromIndex) { + if (this == null) { + throw new TypeError('"this" is null or not defined'); + } + + // 1. Let O be ? ToObject(this value). + var o = Object(this); + + // 2. Let len be ? ToLength(? Get(O, "length")). + var len = o.length >>> 0; + + // 3. If len is 0, return false. + if (len === 0) { + return false; + } + + // 4. Let n be ? ToInteger(fromIndex). + // (If fromIndex is undefined, this step produces the value 0.) + var n = fromIndex | 0; + + // 5. If n ≥ 0, then + // a. Let k be n. + // 6. Else n < 0, + // a. Let k be len + n. + // b. If k < 0, let k be 0. + var k = Math.max(n >= 0 ? n : len - Math.abs(n), 0); + + function sameValueZero(x, y) { + return ( + x === y || + (typeof x === "number" && + typeof y === "number" && + isNaN(x) && + isNaN(y)) + ); + } + + // 7. Repeat, while k < len + while (k < len) { + // a. Let elementK be the result of ? Get(O, ! ToString(k)). + // b. If SameValueZero(valueToFind, elementK) is true, return true. + if (sameValueZero(o[k], valueToFind)) { + return true; + } + // c. Increase k by 1. + k++; + } + + // 8. Return false + return false; + } + }); +} + +/*! + * PatternFly Elements: PfeBand 1.0.0-prerelease.50 + * @license + * Copyright 2020 Red Hat, Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + * +*/ + +class PfeBand extends PFElement { + static get version() { + return "1.0.0-prerelease.50"; + } + + get html() { + return `
    this.has_slot(`pfe-band--${slot}`) ? `pfe-has-${slot}` : "").join(" ")}> + ${this.has_slot("pfe-band--aside") && this.asidePosition.mobile === "top" ? `` : ""} + ${this.has_slot("pfe-band--header") ? `
    ` : ""} +
    + ${this.has_slot("pfe-band--aside") && this.asidePosition.mobile !== "top" ? `` : ""} + ${this.has_slot("pfe-band--footer") ? `
    ` : ""} +
    `; + } + + static get properties() { + return {"color":{"title":"Background color","type":"string","enum":["lightest","lighter","base","darker","darkest","complement","accent"],"default":"base","prefixed":true,"observer":"_colorChanged"},"img-src":{"title":"Background image","type":"string","prefixed":true,"observer":"_imgSrcChanged"},"aside-desktop":{"title":"Aside positioning (desktop)","type":"string","default":"right","enum":["right","left"],"prefixed":true,"observer":"_basicAttributeChanged","options":{"dependencies":[{"type":"slot","id":"aside"}]}},"aside-mobile":{"title":"Aside positioning (mobile)","type":"string","default":"bottom","enum":["top","bottom"],"prefixed":true,"observer":"_basicAttributeChanged","options":{"dependencies":[{"type":"slot","id":"aside"}]}},"aside-height":{"title":"Aside height","type":"string","default":"body","enum":["full","body"],"prefixed":true,"observer":"_basicAttributeChanged","options":{"dependencies":[{"type":"slot","id":"aside"}]}}}; + } + + static get slots() { + return {"header":{"title":"Header","type":"array","namedSlot":true,"maxItems":3,"items":{"title":"Body item","oneOf":[{"$ref":"raw"}]}},"body":{"title":"Body","type":"array","namedSlot":false,"items":{"oneOf":[{"$ref":"pfe-card"},{"$ref":"raw"}]}},"footer":{"title":"Footer","type":"array","namedSlot":true,"maxItems":3,"items":{"oneOf":[{"$ref":"pfe-cta"},{"$ref":"raw"}]}},"aside":{"title":"Aside","type":"array","namedSlot":true,"maxItems":5,"items":{"oneOf":[{"$ref":"pfe-card"},{"$ref":"raw"}]}}}; + } + static get tag() { + return "pfe-band"; + } + + get schemaUrl() { + return "pfe-band.json"; + } + + get templateUrl() { + return "pfe-band.html"; + } + + get styleUrl() { + return "pfe-band.scss"; + } + + get imageSrc() { + return this.getAttribute("pfe-img-src"); + } + + get backgroundColor() { + return this.getAttribute("pfe-color"); + } + + get asidePosition() { + return { + desktop: this.getAttribute("pfe-aside-desktop"), + mobile: this.getAttribute("pfe-aside-mobile"), + height: this.getAttribute("pfe-aside-height") + }; + } + + static get observedAttributes() { + return [ + "pfe-aside-desktop", + "pfe-aside-mobile", + "pfe-aside-height", + "pfe-color", + "pfe-img-src" + ]; + } + + static get cascadingAttributes() { + return { + "pfe-aside-desktop": ".pfe-band__container", + "pfe-aside-mobile": ".pfe-band__container", + "pfe-aside-height": ".pfe-band__container" + }; + } + + // Declare the type of this component + static get PfeType() { + return PFElement.PfeTypes.Container; + } + + constructor() { + super(PfeBand, { type: PfeBand.PfeType }); + } + + connectedCallback() { + super.connectedCallback(); + + // Initialize the background image attachment + if (this.imageSrc) { + this._imgSrcChanged("pfe-img-src", "", this.imageSrc); + } + } + + attributeChangedCallback(attr, oldValue, newValue) { + super.attributeChangedCallback(attr, oldValue, newValue); + // Strip the prefix form the attribute + attr = attr.replace("pfe-", ""); + // If the observer is defined in the attribute properties + if (this[attr] && this[attr].observer) { + // Get the observer function + let observer = this[this[attr].observer].bind(this); + // If it's a function, allow it to run + if (typeof observer === "function") observer(attr, oldValue, newValue); + } + } + + _basicAttributeChanged(attr, oldValue, newValue) { + this[attr].value = newValue; + } + + // Update the color attribute and contexts + _colorChanged(attr, oldValue, newValue) { + this[attr].value = newValue; + // Trigger an update in nested components + this.context_update(); + } + + // Update the background image + _imgSrcChanged(attr, oldValue, newValue) { + // Set the image as the background image + this.style.backgroundImage = newValue ? `url('${newValue}')` : ``; + } +} + +PFElement.create(PfeBand); + +export default PfeBand; +//# sourceMappingURL=pfe-band.js.map diff --git a/elements/pfe-band/dist/pfe-band.js.map b/elements/pfe-band/dist/pfe-band.js.map new file mode 100644 index 0000000000..ac1378260c --- /dev/null +++ b/elements/pfe-band/dist/pfe-band.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-band.js","sources":["../_temp/polyfills--pfe-band.js","../_temp/pfe-band.js"],"sourcesContent":["// @POLYFILL Element.matches\n// https://developer.mozilla.org/en-US/docs/Web/API/Element/matches\nif (!Element.prototype.matches) {\n Element.prototype.matches =\n Element.prototype.msMatchesSelector ||\n Element.prototype.webkitMatchesSelector;\n}\n\n// @POLYFILL Element.closest\n// https://developer.mozilla.org/en-US/docs/Web/API/Element/closest\nif (!Element.prototype.closest) {\n Element.prototype.closest = function(s) {\n var el = this;\n do {\n if (el.matches(s)) return el;\n el = el.parentElement || el.parentNode;\n } while (el !== null && el.nodeType === 1);\n return null;\n };\n}\n\n// @POLYFILL Array.includes\n// https://tc39.github.io/ecma262/#sec-array.prototype.includes\nif (!Array.prototype.includes) {\n Object.defineProperty(Array.prototype, \"includes\", {\n value: function(valueToFind, fromIndex) {\n if (this == null) {\n throw new TypeError('\"this\" is null or not defined');\n }\n\n // 1. Let O be ? ToObject(this value).\n var o = Object(this);\n\n // 2. Let len be ? ToLength(? Get(O, \"length\")).\n var len = o.length >>> 0;\n\n // 3. If len is 0, return false.\n if (len === 0) {\n return false;\n }\n\n // 4. Let n be ? ToInteger(fromIndex).\n // (If fromIndex is undefined, this step produces the value 0.)\n var n = fromIndex | 0;\n\n // 5. If n ≥ 0, then\n // a. Let k be n.\n // 6. Else n < 0,\n // a. Let k be len + n.\n // b. If k < 0, let k be 0.\n var k = Math.max(n >= 0 ? n : len - Math.abs(n), 0);\n\n function sameValueZero(x, y) {\n return (\n x === y ||\n (typeof x === \"number\" &&\n typeof y === \"number\" &&\n isNaN(x) &&\n isNaN(y))\n );\n }\n\n // 7. Repeat, while k < len\n while (k < len) {\n // a. Let elementK be the result of ? Get(O, ! ToString(k)).\n // b. If SameValueZero(valueToFind, elementK) is true, return true.\n if (sameValueZero(o[k], valueToFind)) {\n return true;\n }\n // c. Increase k by 1.\n k++;\n }\n\n // 8. Return false\n return false;\n }\n });\n}\n","/*!\n * PatternFly Elements: PfeBand 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\n// Import polyfills: matches, closest, includes\nimport \"./polyfills--pfe-band.js\";\n\nimport PFElement from \"../../pfelement/dist/pfelement.js\";\n\nclass PfeBand extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return `
    this.has_slot(`pfe-band--${slot}`) ? `pfe-has-${slot}` : \"\").join(\" \")}>\n ${this.has_slot(\"pfe-band--aside\") && this.asidePosition.mobile === \"top\" ? `` : \"\"}\n ${this.has_slot(\"pfe-band--header\") ? `
    ` : \"\"}\n
    \n ${this.has_slot(\"pfe-band--aside\") && this.asidePosition.mobile !== \"top\" ? `` : \"\"}\n ${this.has_slot(\"pfe-band--footer\") ? `
    ` : \"\"}\n
    `;\n }\n\n static get properties() {\n return {\"color\":{\"title\":\"Background color\",\"type\":\"string\",\"enum\":[\"lightest\",\"lighter\",\"base\",\"darker\",\"darkest\",\"complement\",\"accent\"],\"default\":\"base\",\"prefixed\":true,\"observer\":\"_colorChanged\"},\"img-src\":{\"title\":\"Background image\",\"type\":\"string\",\"prefixed\":true,\"observer\":\"_imgSrcChanged\"},\"aside-desktop\":{\"title\":\"Aside positioning (desktop)\",\"type\":\"string\",\"default\":\"right\",\"enum\":[\"right\",\"left\"],\"prefixed\":true,\"observer\":\"_basicAttributeChanged\",\"options\":{\"dependencies\":[{\"type\":\"slot\",\"id\":\"aside\"}]}},\"aside-mobile\":{\"title\":\"Aside positioning (mobile)\",\"type\":\"string\",\"default\":\"bottom\",\"enum\":[\"top\",\"bottom\"],\"prefixed\":true,\"observer\":\"_basicAttributeChanged\",\"options\":{\"dependencies\":[{\"type\":\"slot\",\"id\":\"aside\"}]}},\"aside-height\":{\"title\":\"Aside height\",\"type\":\"string\",\"default\":\"body\",\"enum\":[\"full\",\"body\"],\"prefixed\":true,\"observer\":\"_basicAttributeChanged\",\"options\":{\"dependencies\":[{\"type\":\"slot\",\"id\":\"aside\"}]}}};\n }\n\n static get slots() {\n return {\"header\":{\"title\":\"Header\",\"type\":\"array\",\"namedSlot\":true,\"maxItems\":3,\"items\":{\"title\":\"Body item\",\"oneOf\":[{\"$ref\":\"raw\"}]}},\"body\":{\"title\":\"Body\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"pfe-card\"},{\"$ref\":\"raw\"}]}},\"footer\":{\"title\":\"Footer\",\"type\":\"array\",\"namedSlot\":true,\"maxItems\":3,\"items\":{\"oneOf\":[{\"$ref\":\"pfe-cta\"},{\"$ref\":\"raw\"}]}},\"aside\":{\"title\":\"Aside\",\"type\":\"array\",\"namedSlot\":true,\"maxItems\":5,\"items\":{\"oneOf\":[{\"$ref\":\"pfe-card\"},{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-band\";\n }\n\n get schemaUrl() {\n return \"pfe-band.json\";\n }\n\n get templateUrl() {\n return \"pfe-band.html\";\n }\n\n get styleUrl() {\n return \"pfe-band.scss\";\n }\n\n get imageSrc() {\n return this.getAttribute(\"pfe-img-src\");\n }\n\n get backgroundColor() {\n return this.getAttribute(\"pfe-color\");\n }\n\n get asidePosition() {\n return {\n desktop: this.getAttribute(\"pfe-aside-desktop\"),\n mobile: this.getAttribute(\"pfe-aside-mobile\"),\n height: this.getAttribute(\"pfe-aside-height\")\n };\n }\n\n static get observedAttributes() {\n return [\n \"pfe-aside-desktop\",\n \"pfe-aside-mobile\",\n \"pfe-aside-height\",\n \"pfe-color\",\n \"pfe-img-src\"\n ];\n }\n\n static get cascadingAttributes() {\n return {\n \"pfe-aside-desktop\": \".pfe-band__container\",\n \"pfe-aside-mobile\": \".pfe-band__container\",\n \"pfe-aside-height\": \".pfe-band__container\"\n };\n }\n\n // Declare the type of this component\n static get PfeType() {\n return PFElement.PfeTypes.Container;\n }\n\n constructor() {\n super(PfeBand, { type: PfeBand.PfeType });\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n // Initialize the background image attachment\n if (this.imageSrc) {\n this._imgSrcChanged(\"pfe-img-src\", \"\", this.imageSrc);\n }\n }\n\n attributeChangedCallback(attr, oldValue, newValue) {\n super.attributeChangedCallback(attr, oldValue, newValue);\n // Strip the prefix form the attribute\n attr = attr.replace(\"pfe-\", \"\");\n // If the observer is defined in the attribute properties\n if (this[attr] && this[attr].observer) {\n // Get the observer function\n let observer = this[this[attr].observer].bind(this);\n // If it's a function, allow it to run\n if (typeof observer === \"function\") observer(attr, oldValue, newValue);\n }\n }\n\n _basicAttributeChanged(attr, oldValue, newValue) {\n this[attr].value = newValue;\n }\n\n // Update the color attribute and contexts\n _colorChanged(attr, oldValue, newValue) {\n this[attr].value = newValue;\n // Trigger an update in nested components\n this.context_update();\n }\n\n // Update the background image\n _imgSrcChanged(attr, oldValue, newValue) {\n // Set the image as the background image\n this.style.backgroundImage = newValue ? `url('${newValue}')` : ``;\n }\n}\n\nPFElement.create(PfeBand);\n\nexport { PfeBand as default };\n"],"names":[],"mappings":"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"} \ No newline at end of file diff --git a/elements/pfe-band/dist/pfe-band.json b/elements/pfe-band/dist/pfe-band.json new file mode 100644 index 0000000000..ea75e52cbc --- /dev/null +++ b/elements/pfe-band/dist/pfe-band.json @@ -0,0 +1,157 @@ +{ + "$schema": "http://json-schema.org/draft-04/schema#", + "title": "Band", + "description": "This element creates a header, body, footer, and aside region in which to place content or other components.", + "type": "object", + "tag": "pfe-band", + "class": "pfe-band", + "category": "container", + "properties": { + "slots": { + "title": "Slots", + "description": "Definition of the supported slots", + "type": "object", + "properties": { + "header": { + "title": "Header", + "type": "array", + "namedSlot": true, + "maxItems": 3, + "items": { + "title": "Body item", + "oneOf": [ + { + "$ref": "raw" + } + ] + } + }, + "body": { + "title": "Body", + "type": "array", + "namedSlot": false, + "items": { + "oneOf": [ + { + "$ref": "pfe-card" + }, + { + "$ref": "raw" + } + ] + } + }, + "footer": { + "title": "Footer", + "type": "array", + "namedSlot": true, + "maxItems": 3, + "items": { + "oneOf": [ + { + "$ref": "pfe-cta" + }, + { + "$ref": "raw" + } + ] + } + }, + "aside": { + "title": "Aside", + "type": "array", + "namedSlot": true, + "maxItems": 5, + "items": { + "oneOf": [ + { + "$ref": "pfe-card" + }, + { + "$ref": "raw" + } + ] + } + } + } + }, + "attributes": { + "title": "Attributes", + "type": "object", + "properties": { + "color": { + "title": "Background color", + "type": "string", + "enum": [ + "lightest", + "lighter", + "base", + "darker", + "darkest", + "complement", + "accent" + ], + "default": "base", + "prefixed": true, + "observer": "_colorChanged" + }, + "img-src": { + "title": "Background image", + "type": "string", + "prefixed": true, + "observer": "_imgSrcChanged" + }, + "aside-desktop": { + "title": "Aside positioning (desktop)", + "type": "string", + "default": "right", + "enum": ["right", "left"], + "prefixed": true, + "observer": "_basicAttributeChanged", + "options": { + "dependencies": [ + { + "type": "slot", + "id": "aside" + } + ] + } + }, + "aside-mobile": { + "title": "Aside positioning (mobile)", + "type": "string", + "default": "bottom", + "enum": ["top", "bottom"], + "prefixed": true, + "observer": "_basicAttributeChanged", + "options": { + "dependencies": [ + { + "type": "slot", + "id": "aside" + } + ] + } + }, + "aside-height": { + "title": "Aside height", + "type": "string", + "default": "body", + "enum": ["full", "body"], + "prefixed": true, + "observer": "_basicAttributeChanged", + "options": { + "dependencies": [ + { + "type": "slot", + "id": "aside" + } + ] + } + } + } + } + }, + "required": ["slots", "attributes"], + "additionalProperties": false +} diff --git a/elements/pfe-band/dist/pfe-band.min.js b/elements/pfe-band/dist/pfe-band.min.js new file mode 100644 index 0000000000..da5d74c426 --- /dev/null +++ b/elements/pfe-band/dist/pfe-band.min.js @@ -0,0 +1,26 @@ +import e from"../../pfelement/dist/pfelement.min.js";Element.prototype.matches||(Element.prototype.matches=Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector),Element.prototype.closest||(Element.prototype.closest=function(e){var a=this;do{if(a.matches(e))return a;a=a.parentElement||a.parentNode}while(null!==a&&1===a.nodeType);return null}),Array.prototype.includes||Object.defineProperty(Array.prototype,"includes",{value:function(e,a){if(null==this)throw new TypeError('"this" is null or not defined');var r=Object(this),d=r.length>>>0;if(0===d)return!1;var o,t,i=0|a,n=Math.max(i>=0?i:d-Math.abs(i),0);for(;n:host{--pfe-band--Padding--vertical:calc( var(--pfe-theme--container-spacer, 16px) * 4);--pfe-band--Padding--horizontal:calc( var(--pfe-theme--container-spacer, 16px) * 1);--pfe-band--Padding:var(--pfe-band--Padding--vertical) var(--pfe-band--Padding--horizontal);--pfe-band--BackgroundColor:var(--pfe-theme--color--surface--base, #dfdfdf);--pfe-band--BackgroundPosition:center center;--pfe-band--Border:var(--pfe-theme--surface--border-width, 1px) var(--pfe-theme--surface--border-style, solid) transparent;--pfe-band--layout:1fr;--pfe-band__header--layout:1fr;--pfe-band__body--layout:1fr;--pfe-band__footer--layout:1fr;--pfe-band__aside--layout:1fr;--pfe-band--gutter--vertical:var(--pfe-theme--container-spacer, 16px);--pfe-band--gutter--horizontal:calc(var(--pfe-theme--container-spacer, 16px) * 3);--pfe-band--Width:auto;--pfe-band--Width__aside--sm:240px;--pfe-band--Width__aside--lg:300px;--pfe-broadcasted--text:var(--pfe-theme--color--text, #333);--pfe-broadcasted--link:var(--pfe-theme--color--link, #06c);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover, #003366);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus, #003366);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited, rebeccapurple);--pfe-broadcasted--link-decoration:none;--pfe-broadcasted--link-decoration--hover:underline;--pfe-broadcasted--link-decoration--focus:underline;--pfe-broadcasted--link-decoration--visited:none;--theme:light;display:block;position:relative;padding:calc(var(--pfe-band--Padding--vertical)/ 2) var(--pfe-band--Padding--horizontal);border:var(--pfe-band--Border);background-color:var(--pfe-band--BackgroundColor);background-position:var(--pfe-band--BackgroundPosition);color:#333;color:var(--pfe-broadcasted--text,#333)}@media screen and (min-width:768px){:host{--pfe-band--Width:calc( 768px - calc(var(--pfe-band--Padding--horizontal) * 4) )}}@media screen and (min-width:992px){:host{--pfe-band--Width:calc( 992px - calc(var(--pfe-band--Padding--horizontal) * 4) )}}@media screen and (min-width:1200px){:host{--pfe-band--Width:calc( 1200px - calc(var(--pfe-band--Padding--horizontal) * 4) )}}@media (min-width:576px){:host{padding:var(--pfe-band--Padding)}}@media print{:host{background-color:#fff!important;background-image:none!important;-webkit-box-shadow:none!important;box-shadow:none!important}}@media print{:host{border-radius:3px;border:1px solid #d2d2d2;padding:calc(var(--pfe-band--Padding--vertical)/ 2) var(--pfe-band--Padding--horizontal)}}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host{background-color:#fff!important;background-color:var(--pfe-theme--color--surface--lightest,#fff)!important;color:#333!important;color:var(--pfe-theme--color--text,#333)!important;background-image:none!important;padding:calc(16px);padding:calc(var(--pfe-theme--container-spacer,16px))}}:host *,:host ::after,:host ::before{-webkit-box-sizing:border-box;box-sizing:border-box}:host([on=dark]){--pfe-broadcasted--text:var(--pfe-theme--color--text--on-dark, #fff);--pfe-broadcasted--link:var(--pfe-theme--color--link--on-dark, #99ccff);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover--on-dark, #cce6ff);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus--on-dark, #cce6ff);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited--on-dark, #b38cd9);--pfe-broadcasted--link-decoration:none;--pfe-broadcasted--link-decoration--hover:underline;--pfe-broadcasted--link-decoration--focus:underline;--pfe-broadcasted--link-decoration--visited:none}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host{color:#333!important;color:var(--pfe-theme--color--text,#333)!important}}:host([on=saturated]){--pfe-broadcasted--text:var(--pfe-theme--color--text--on-saturated, #fff);--pfe-broadcasted--link:var(--pfe-theme--color--link--on-saturated, #fff);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover--on-saturated, white);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus--on-saturated, white);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited--on-saturated, #b38cd9);--pfe-broadcasted--link-decoration:underline;--pfe-broadcasted--link-decoration--hover:underline;--pfe-broadcasted--link-decoration--focus:underline;--pfe-broadcasted--link-decoration--visited:underline}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host{color:#333!important;color:var(--pfe-theme--color--text,#333)!important}}:host([on=light]){--pfe-broadcasted--text:var(--pfe-theme--color--text, #333);--pfe-broadcasted--link:var(--pfe-theme--color--link, #06c);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover, #003366);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus, #003366);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited, rebeccapurple);--pfe-broadcasted--link-decoration:none;--pfe-broadcasted--link-decoration--hover:underline;--pfe-broadcasted--link-decoration--focus:underline;--pfe-broadcasted--link-decoration--visited:none}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host{color:#333!important;color:var(--pfe-theme--color--text,#333)!important}}:host([pfe-color=darker]){--pfe-band--BackgroundColor:var(--pfe-theme--color--surface--darker, #464646);--theme:var(--pfe-theme--color--surface--darker--theme, dark)}:host([pfe-color=darkest]){--pfe-band--BackgroundColor:var(--pfe-theme--color--surface--darkest, #131313);--theme:var(--pfe-theme--color--surface--darkest--theme, dark)}:host([pfe-color=base]){--pfe-band--BackgroundColor:var(--pfe-theme--color--surface--base, #dfdfdf);--theme:var(--pfe-theme--color--surface--base--theme, light)}:host([pfe-color=lighter]){--pfe-band--BackgroundColor:var(--pfe-theme--color--surface--lighter, #ececec);--theme:var(--pfe-theme--color--surface--lighter--theme, light)}:host([pfe-color=lightest]){--pfe-band--BackgroundColor:var(--pfe-theme--color--surface--lightest, #fff);--theme:var(--pfe-theme--color--surface--lightest--theme, light)}:host([pfe-color=accent]){--pfe-band--BackgroundColor:var(--pfe-theme--color--surface--accent, #e00);--theme:var(--pfe-theme--color--surface--accent--theme, saturated)}:host([pfe-color=complement]){--pfe-band--BackgroundColor:var(--pfe-theme--color--surface--complement, #0477a4);--theme:var(--pfe-theme--color--surface--complement--theme, saturated)}:host([pfe-size=small]){--pfe-band--Padding:calc(var(--pfe-band--Padding--vertical) / 4) var(--pfe-band--Padding--horizontal)}.pfe-band__container{--pfe-band_region--width:calc(calc(1fr - var(--pfe-band--Width__aside--sm)) - var(--pfe-band--gutter--horizontal));grid-template-areas:"body";position:relative;margin:0 auto;width:100%;max-width:var(--pfe-band--Width)}.pfe-band__container[pfe-has-aside]{grid-template-areas:"body" "aside"}@media (min-width:768px){.pfe-band__container[pfe-has-aside]{--pfe-band--layout:1fr var(--pfe-band--Width__aside--sm)}}@media (min-width:992px){.pfe-band__container[pfe-has-aside]{--pfe-band--layout:1fr var(--pfe-band--Width__aside--lg)}}.pfe-band__container[pfe-has-aside][pfe-aside-mobile=top]{grid-template-areas:"aside" "body"}@media (min-width:768px){.pfe-band__container[pfe-has-aside][pfe-aside-desktop=left]{grid-template-areas:"aside body";--pfe-band--layout:var(--pfe-band--Width__aside--sm) 1fr}.pfe-band__container[pfe-has-aside][pfe-aside-desktop=left]>.pfe-band__body{-ms-grid-row:1;-ms-grid-column:2}.pfe-band__container[pfe-has-aside][pfe-aside-desktop=left]>.pfe-band__aside{-ms-grid-row:1;-ms-grid-column:1}}@media (min-width:992px){.pfe-band__container[pfe-has-aside][pfe-aside-desktop=left]{--pfe-band--layout:var(--pfe-band--Width__aside--lg) 1fr}}.pfe-band__container[pfe-has-header]{grid-template-areas:"header" "body"}.pfe-band__container[pfe-has-header][pfe-has-aside]{grid-template-areas:"header" "body" "aside"}@media (min-width:768px){.pfe-band__container[pfe-has-header][pfe-has-aside]{grid-template-areas:"header header" "body aside"}.pfe-band__container[pfe-has-header][pfe-has-aside]>.pfe-band__header{-ms-grid-row:1;-ms-grid-column:1;-ms-grid-column-span:2}.pfe-band__container[pfe-has-header][pfe-has-aside]>.pfe-band__body{-ms-grid-row:2;-ms-grid-column:1}.pfe-band__container[pfe-has-header][pfe-has-aside]>.pfe-band__aside{-ms-grid-row:2;-ms-grid-column:2}}.pfe-band__container[pfe-has-header][pfe-aside-mobile=top]{grid-template-areas:"aside" "header" "body"}@media (min-width:768px){.pfe-band__container[pfe-has-header][pfe-aside-height=full]{grid-template-areas:"header aside" "body aside"}.pfe-band__container[pfe-has-header][pfe-aside-height=full]>.pfe-band__header{-ms-grid-row:1;-ms-grid-column:1;-ms-grid-column-span:1}.pfe-band__container[pfe-has-header][pfe-aside-height=full]>.pfe-band__body{-ms-grid-row:2;-ms-grid-column:1}.pfe-band__container[pfe-has-header][pfe-aside-height=full]>.pfe-band__aside{-ms-grid-row:1;-ms-grid-row-span:2;-ms-grid-column:2}}@media (min-width:768px){.pfe-band__container[pfe-has-header][pfe-aside-desktop=left]{grid-template-areas:"header header" "aside body"}.pfe-band__container[pfe-has-header][pfe-aside-desktop=left]>.pfe-band__header{-ms-grid-row:1;-ms-grid-column:1;-ms-grid-column-span:2}.pfe-band__container[pfe-has-header][pfe-aside-desktop=left]>.pfe-band__body{-ms-grid-row:2;-ms-grid-column:2}.pfe-band__container[pfe-has-header][pfe-aside-desktop=left]>.pfe-band__aside{-ms-grid-row:2;-ms-grid-row-span:1;-ms-grid-column:1}}@media (min-width:768px){.pfe-band__container[pfe-has-header][pfe-aside-desktop=left][pfe-aside-height=full]{grid-template-areas:"aside header" "aside body"}.pfe-band__container[pfe-has-header][pfe-aside-desktop=left][pfe-aside-height=full]>.pfe-band__header{-ms-grid-row:1;-ms-grid-column:2;-ms-grid-column-span:1}.pfe-band__container[pfe-has-header][pfe-aside-desktop=left][pfe-aside-height=full]>.pfe-band__body{-ms-grid-row:2;-ms-grid-column:2}.pfe-band__container[pfe-has-header][pfe-aside-desktop=left][pfe-aside-height=full]>.pfe-band__aside{-ms-grid-row:1;-ms-grid-row-span:2;-ms-grid-column:1}}.pfe-band__container[pfe-has-footer]{grid-template-areas:"body" "footer"}.pfe-band__container[pfe-has-footer][pfe-has-aside]{grid-template-areas:"body" "aside" "footer"}@media (min-width:768px){.pfe-band__container[pfe-has-footer][pfe-has-aside]{grid-template-areas:"body aside" "footer footer"}.pfe-band__container[pfe-has-footer][pfe-has-aside]>.pfe-band__body{-ms-grid-row:1;-ms-grid-column:1}.pfe-band__container[pfe-has-footer][pfe-has-aside]>.pfe-band__aside{-ms-grid-row:1;-ms-grid-row-span:1;-ms-grid-column:2}.pfe-band__container[pfe-has-footer][pfe-has-aside]>.pfe-band__footer{-ms-grid-row:2;-ms-grid-column:1;-ms-grid-column-span:2}}.pfe-band__container[pfe-has-footer][pfe-aside-mobile=top]{grid-template-areas:"aside" "body" "footer"}@media (min-width:768px){.pfe-band__container[pfe-has-footer][pfe-aside-height=full]{grid-template-areas:"body aside" "footer aside"}.pfe-band__container[pfe-has-footer][pfe-aside-height=full]>.pfe-band__body{-ms-grid-row:1;-ms-grid-column:1}.pfe-band__container[pfe-has-footer][pfe-aside-height=full]>.pfe-band__aside{-ms-grid-row:1;-ms-grid-row-span:2;-ms-grid-column:2}.pfe-band__container[pfe-has-footer][pfe-aside-height=full]>.pfe-band__footer{-ms-grid-row:2;-ms-grid-column:1;-ms-grid-column-span:1}}@media (min-width:768px){.pfe-band__container[pfe-has-footer][pfe-aside-desktop=left]{grid-template-areas:"aside body" "footer footer"}.pfe-band__container[pfe-has-footer][pfe-aside-desktop=left]>.pfe-band__body{-ms-grid-row:1;-ms-grid-column:2}.pfe-band__container[pfe-has-footer][pfe-aside-desktop=left]>.pfe-band__aside{-ms-grid-row:1;-ms-grid-row-span:1;-ms-grid-column:1}.pfe-band__container[pfe-has-footer][pfe-aside-desktop=left]>.pfe-band__footer{-ms-grid-row:2;-ms-grid-column:1;-ms-grid-column-span:2}}@media (min-width:768px){.pfe-band__container[pfe-has-footer][pfe-aside-desktop=left][pfe-aside-height=full]{grid-template-areas:"aside body" "aside footer"}.pfe-band__container[pfe-has-footer][pfe-aside-desktop=left][pfe-aside-height=full]>.pfe-band__body{-ms-grid-row:1;-ms-grid-column:2}.pfe-band__container[pfe-has-footer][pfe-aside-desktop=left][pfe-aside-height=full]>.pfe-band__aside{-ms-grid-row:1;-ms-grid-row-span:2;-ms-grid-column:1}.pfe-band__container[pfe-has-footer][pfe-aside-desktop=left][pfe-aside-height=full]>.pfe-band__footer{-ms-grid-row:2;-ms-grid-column:2;-ms-grid-column-span:1}}.pfe-band__container[pfe-has-header][pfe-has-footer]{grid-template-areas:"header" "body" "footer"}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-has-aside]{grid-template-areas:"header" "body" "footer" "aside"}@media (min-width:768px){.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-has-aside]{grid-template-areas:"header header" "body aside" "footer footer"}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-has-aside]>.pfe-band__header{-ms-grid-row:1;-ms-grid-column:1;-ms-grid-column-span:2}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-has-aside]>.pfe-band__body{-ms-grid-row:2;-ms-grid-column:1}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-has-aside]>.pfe-band__aside{-ms-grid-row:2;-ms-grid-row-span:1;-ms-grid-column:2}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-has-aside]>.pfe-band__footer{-ms-grid-row:3;-ms-grid-column:1;-ms-grid-column-span:2}}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-mobile=top]{grid-template-areas:"aside" "header" "body" "footer"}@media (min-width:768px){.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-height=full]{grid-template-areas:"header aside" "body aside" "footer aside"}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-height=full]>.pfe-band__header{-ms-grid-row:1;-ms-grid-column:1;-ms-grid-column-span:1}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-height=full]>.pfe-band__body{-ms-grid-row:2;-ms-grid-column:1}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-height=full]>.pfe-band__aside{-ms-grid-row:1;-ms-grid-row-span:3;-ms-grid-column:2}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-height=full]>.pfe-band__footer{-ms-grid-row:3;-ms-grid-column:1;-ms-grid-column-span:1}}@media (min-width:768px){.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-desktop=left]{grid-template-areas:"header header" "aside body" "footer footer"}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-desktop=left]>.pfe-band__header{-ms-grid-row:1;-ms-grid-column:1;-ms-grid-column-span:2}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-desktop=left]>.pfe-band__body{-ms-grid-row:2;-ms-grid-column:2}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-desktop=left]>.pfe-band__aside{-ms-grid-row:2;-ms-grid-row-span:1;-ms-grid-column:1}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-desktop=left]>.pfe-band__footer{-ms-grid-row:3;-ms-grid-column:1;-ms-grid-column-span:2}}@media (min-width:768px){.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-desktop=left][pfe-aside-height=full]{grid-template-areas:"aside header" "aside body" "aside footer"}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-desktop=left][pfe-aside-height=full]>.pfe-band__header{-ms-grid-row:1;-ms-grid-column:2;-ms-grid-column-span:1}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-desktop=left][pfe-aside-height=full]>.pfe-band__body{-ms-grid-row:2;-ms-grid-column:2}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-desktop=left][pfe-aside-height=full]>.pfe-band__aside{-ms-grid-row:1;-ms-grid-row-span:3;-ms-grid-column:1}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-desktop=left][pfe-aside-height=full]>.pfe-band__footer{-ms-grid-row:3;-ms-grid-column:2;-ms-grid-column-span:1}}@supports (display:grid){.pfe-band__container{display:-ms-grid;display:grid;grid-row-gap:var(--pfe-band--gutter--vertical);grid-column-gap:var(--pfe-band--gutter--horizontal);margin-bottom:0;-ms-grid-columns:var(--pfe-band--layout);grid-template-columns:var(--pfe-band--layout);-ms-grid-rows:-webkit-max-content;-ms-grid-rows:max-content;grid-template-rows:-webkit-max-content;grid-template-rows:max-content}.pfe-band__container>:nth-child(1){-ms-grid-row:1;-ms-grid-column:1}}.pfe-band__header{margin-bottom:var(--pfe-band--gutter--vertical)}@supports (display:grid){.pfe-band__header{-ms-grid-row:1;-ms-grid-column:1;display:-ms-grid;display:grid;grid-row-gap:var(--pfe-band--gutter--vertical);grid-column-gap:var(--pfe-band--gutter--horizontal);margin-bottom:0;grid-area:header;-ms-grid-columns:var(--pfe-band__header--layout);grid-template-columns:var(--pfe-band__header--layout)}.pfe-band__container[pfe-has-header][pfe-has-aside]>.pfe-band__header{-ms-grid-row:1;-ms-grid-column:1}.pfe-band__container[pfe-has-header][pfe-aside-mobile=top]>.pfe-band__header{-ms-grid-row:2;-ms-grid-column:1;-ms-grid-column-span:1}.pfe-band__container[pfe-has-header][pfe-has-footer]>.pfe-band__header{-ms-grid-row:1;-ms-grid-column:1;-ms-grid-column-span:1}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-has-aside]>.pfe-band__header{-ms-grid-row:1;-ms-grid-column:1;-ms-grid-column-span:1}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-mobile=top]>.pfe-band__header{-ms-grid-row:2;-ms-grid-column:1;-ms-grid-column-span:1}}.pfe-band__body{margin-bottom:var(--pfe-band--gutter--vertical)}@supports (display:grid){.pfe-band__body{-ms-grid-row:1;-ms-grid-column:1;display:-ms-grid;display:grid;grid-row-gap:var(--pfe-band--gutter--vertical);grid-column-gap:var(--pfe-band--gutter--horizontal);margin-bottom:0;grid-area:body;-ms-grid-columns:var(--pfe-band__body--layout);grid-template-columns:var(--pfe-band__body--layout)}.pfe-band__container[pfe-has-aside]>.pfe-band__body{-ms-grid-row:1;-ms-grid-column:1}.pfe-band__container[pfe-has-aside][pfe-aside-mobile=top]>.pfe-band__body{-ms-grid-row:2;-ms-grid-column:1}.pfe-band__container[pfe-has-header]>.pfe-band__body{-ms-grid-row:2;-ms-grid-column:1}.pfe-band__container[pfe-has-header][pfe-has-aside]>.pfe-band__body{-ms-grid-row:2;-ms-grid-column:1}.pfe-band__container[pfe-has-header][pfe-aside-mobile=top]>.pfe-band__body{-ms-grid-row:3;-ms-grid-column:1}.pfe-band__container[pfe-has-footer]>.pfe-band__body{-ms-grid-row:1;-ms-grid-column:1}.pfe-band__container[pfe-has-footer][pfe-has-aside]>.pfe-band__body{-ms-grid-row:1;-ms-grid-column:1}.pfe-band__container[pfe-has-footer][pfe-aside-mobile=top]>.pfe-band__body{-ms-grid-row:2;-ms-grid-column:1}.pfe-band__container[pfe-has-header][pfe-has-footer]>.pfe-band__body{-ms-grid-row:2;-ms-grid-column:1}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-has-aside]>.pfe-band__body{-ms-grid-row:2;-ms-grid-column:1}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-mobile=top]>.pfe-band__body{-ms-grid-row:3;-ms-grid-column:1}}.pfe-band__aside{margin-bottom:var(--pfe-band--gutter--vertical)}@supports (display:grid){.pfe-band__aside{-ms-grid-row:2;-ms-grid-column:1;display:-ms-grid;display:grid;grid-row-gap:var(--pfe-band--gutter--vertical);grid-column-gap:var(--pfe-band--gutter--horizontal);margin-bottom:0;grid-area:aside;-ms-grid-columns:var(--pfe-band__aside--layout);grid-template-columns:var(--pfe-band__aside--layout)}.pfe-band__container[pfe-has-aside][pfe-aside-mobile=top]>.pfe-band__aside{-ms-grid-row:1;-ms-grid-column:1}.pfe-band__container[pfe-has-header][pfe-has-aside]>.pfe-band__aside{-ms-grid-row:3;-ms-grid-column:1}.pfe-band__container[pfe-has-header][pfe-aside-mobile=top]>.pfe-band__aside{-ms-grid-row:1;-ms-grid-column:1}.pfe-band__container[pfe-has-footer][pfe-has-aside]>.pfe-band__aside{-ms-grid-row:2;-ms-grid-row-span:1;-ms-grid-column:1}.pfe-band__container[pfe-has-footer][pfe-aside-mobile=top]>.pfe-band__aside{-ms-grid-row:1;-ms-grid-row-span:1;-ms-grid-column:1}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-has-aside]>.pfe-band__aside{-ms-grid-row:4;-ms-grid-row-span:1;-ms-grid-column:1}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-mobile=top]>.pfe-band__aside{-ms-grid-row:1;-ms-grid-row-span:1;-ms-grid-column:1}}.pfe-band__footer{margin-bottom:var(--pfe-band--gutter--vertical)}@supports (display:grid){.pfe-band__footer{-ms-grid-row:2;-ms-grid-column:1;display:-ms-grid;display:grid;grid-row-gap:var(--pfe-band--gutter--vertical);grid-column-gap:var(--pfe-band--gutter--horizontal);margin-bottom:0;grid-area:footer;-ms-grid-columns:var(--pfe-band__footer--layout);grid-template-columns:var(--pfe-band__footer--layout)}.pfe-band__container[pfe-has-footer][pfe-has-aside]>.pfe-band__footer{-ms-grid-row:3;-ms-grid-column:1}.pfe-band__container[pfe-has-footer][pfe-aside-mobile=top]>.pfe-band__footer{-ms-grid-row:3;-ms-grid-column:1;-ms-grid-column-span:1}.pfe-band__container[pfe-has-header][pfe-has-footer]>.pfe-band__footer{-ms-grid-row:3;-ms-grid-column:1;-ms-grid-column-span:1}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-has-aside]>.pfe-band__footer{-ms-grid-row:3;-ms-grid-column:1;-ms-grid-column-span:1}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-mobile=top]>.pfe-band__footer{-ms-grid-row:4;-ms-grid-column:1;-ms-grid-column-span:1}}.pfe-band__aside{-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){.pfe-band__body{width:60%;float:left}.pfe-band__aside{float:left;width:35%;margin:0 2.5%}.pfe-band__footer{clear:both}.pfe-band__container::after{content:" ";display:block;clear:both}}\n/*# sourceMappingURL=pfe-band.min.css.map */\n
    this.has_slot(`pfe-band--${e}`)?`pfe-has-${e}`:"").join(" ")}>\n ${this.has_slot("pfe-band--aside")&&"top"===this.asidePosition.mobile?'':""}\n ${this.has_slot("pfe-band--header")?'
    ':""}\n
    \n ${this.has_slot("pfe-band--aside")&&"top"!==this.asidePosition.mobile?'':""}\n ${this.has_slot("pfe-band--footer")?'
    ':""}\n
    `}static get properties(){return{color:{title:"Background color",type:"string",enum:["lightest","lighter","base","darker","darkest","complement","accent"],default:"base",prefixed:!0,observer:"_colorChanged"},"img-src":{title:"Background image",type:"string",prefixed:!0,observer:"_imgSrcChanged"},"aside-desktop":{title:"Aside positioning (desktop)",type:"string",default:"right",enum:["right","left"],prefixed:!0,observer:"_basicAttributeChanged",options:{dependencies:[{type:"slot",id:"aside"}]}},"aside-mobile":{title:"Aside positioning (mobile)",type:"string",default:"bottom",enum:["top","bottom"],prefixed:!0,observer:"_basicAttributeChanged",options:{dependencies:[{type:"slot",id:"aside"}]}},"aside-height":{title:"Aside height",type:"string",default:"body",enum:["full","body"],prefixed:!0,observer:"_basicAttributeChanged",options:{dependencies:[{type:"slot",id:"aside"}]}}}}static get slots(){return{header:{title:"Header",type:"array",namedSlot:!0,maxItems:3,items:{title:"Body item",oneOf:[{$ref:"raw"}]}},body:{title:"Body",type:"array",namedSlot:!1,items:{oneOf:[{$ref:"pfe-card"},{$ref:"raw"}]}},footer:{title:"Footer",type:"array",namedSlot:!0,maxItems:3,items:{oneOf:[{$ref:"pfe-cta"},{$ref:"raw"}]}},aside:{title:"Aside",type:"array",namedSlot:!0,maxItems:5,items:{oneOf:[{$ref:"pfe-card"},{$ref:"raw"}]}}}}static get tag(){return"pfe-band"}get schemaUrl(){return"pfe-band.json"}get templateUrl(){return"pfe-band.html"}get styleUrl(){return"pfe-band.scss"}get imageSrc(){return this.getAttribute("pfe-img-src")}get backgroundColor(){return this.getAttribute("pfe-color")}get asidePosition(){return{desktop:this.getAttribute("pfe-aside-desktop"),mobile:this.getAttribute("pfe-aside-mobile"),height:this.getAttribute("pfe-aside-height")}}static get observedAttributes(){return["pfe-aside-desktop","pfe-aside-mobile","pfe-aside-height","pfe-color","pfe-img-src"]}static get cascadingAttributes(){return{"pfe-aside-desktop":".pfe-band__container","pfe-aside-mobile":".pfe-band__container","pfe-aside-height":".pfe-band__container"}}static get PfeType(){return e.PfeTypes.Container}constructor(){super(a,{type:a.PfeType})}connectedCallback(){super.connectedCallback(),this.imageSrc&&this._imgSrcChanged("pfe-img-src","",this.imageSrc)}attributeChangedCallback(e,a,r){if(super.attributeChangedCallback(e,a,r),this[e=e.replace("pfe-","")]&&this[e].observer){let d=this[this[e].observer].bind(this);"function"==typeof d&&d(e,a,r)}}_basicAttributeChanged(e,a,r){this[e].value=r}_colorChanged(e,a,r){this[e].value=r,this.context_update()}_imgSrcChanged(e,a,r){this.style.backgroundImage=r?`url('${r}')`:""}}e.create(a);export default a; +//# sourceMappingURL=pfe-band.min.js.map diff --git a/elements/pfe-band/dist/pfe-band.min.js.map b/elements/pfe-band/dist/pfe-band.min.js.map new file mode 100644 index 0000000000..fd2199bfdc --- /dev/null +++ b/elements/pfe-band/dist/pfe-band.min.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-band.min.js","sources":["../_temp/polyfills--pfe-band.js","../_temp/pfe-band.js"],"sourcesContent":["// @POLYFILL Element.matches\n// https://developer.mozilla.org/en-US/docs/Web/API/Element/matches\nif (!Element.prototype.matches) {\n Element.prototype.matches =\n Element.prototype.msMatchesSelector ||\n Element.prototype.webkitMatchesSelector;\n}\n\n// @POLYFILL Element.closest\n// https://developer.mozilla.org/en-US/docs/Web/API/Element/closest\nif (!Element.prototype.closest) {\n Element.prototype.closest = function(s) {\n var el = this;\n do {\n if (el.matches(s)) return el;\n el = el.parentElement || el.parentNode;\n } while (el !== null && el.nodeType === 1);\n return null;\n };\n}\n\n// @POLYFILL Array.includes\n// https://tc39.github.io/ecma262/#sec-array.prototype.includes\nif (!Array.prototype.includes) {\n Object.defineProperty(Array.prototype, \"includes\", {\n value: function(valueToFind, fromIndex) {\n if (this == null) {\n throw new TypeError('\"this\" is null or not defined');\n }\n\n // 1. Let O be ? ToObject(this value).\n var o = Object(this);\n\n // 2. Let len be ? ToLength(? Get(O, \"length\")).\n var len = o.length >>> 0;\n\n // 3. If len is 0, return false.\n if (len === 0) {\n return false;\n }\n\n // 4. Let n be ? ToInteger(fromIndex).\n // (If fromIndex is undefined, this step produces the value 0.)\n var n = fromIndex | 0;\n\n // 5. If n ≥ 0, then\n // a. Let k be n.\n // 6. Else n < 0,\n // a. Let k be len + n.\n // b. If k < 0, let k be 0.\n var k = Math.max(n >= 0 ? n : len - Math.abs(n), 0);\n\n function sameValueZero(x, y) {\n return (\n x === y ||\n (typeof x === \"number\" &&\n typeof y === \"number\" &&\n isNaN(x) &&\n isNaN(y))\n );\n }\n\n // 7. Repeat, while k < len\n while (k < len) {\n // a. Let elementK be the result of ? Get(O, ! ToString(k)).\n // b. If SameValueZero(valueToFind, elementK) is true, return true.\n if (sameValueZero(o[k], valueToFind)) {\n return true;\n }\n // c. Increase k by 1.\n k++;\n }\n\n // 8. Return false\n return false;\n }\n });\n}\n","/*!\n * PatternFly Elements: PfeBand 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\n// Import polyfills: matches, closest, includes\nimport \"./polyfills--pfe-band.js\";\n\nimport PFElement from \"../../pfelement/dist/pfelement.js\";\n\nclass PfeBand extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return `
    this.has_slot(`pfe-band--${slot}`) ? `pfe-has-${slot}` : \"\").join(\" \")}>\n ${this.has_slot(\"pfe-band--aside\") && this.asidePosition.mobile === \"top\" ? `` : \"\"}\n ${this.has_slot(\"pfe-band--header\") ? `
    ` : \"\"}\n
    \n ${this.has_slot(\"pfe-band--aside\") && this.asidePosition.mobile !== \"top\" ? `` : \"\"}\n ${this.has_slot(\"pfe-band--footer\") ? `
    ` : \"\"}\n
    `;\n }\n\n static get properties() {\n return {\"color\":{\"title\":\"Background color\",\"type\":\"string\",\"enum\":[\"lightest\",\"lighter\",\"base\",\"darker\",\"darkest\",\"complement\",\"accent\"],\"default\":\"base\",\"prefixed\":true,\"observer\":\"_colorChanged\"},\"img-src\":{\"title\":\"Background image\",\"type\":\"string\",\"prefixed\":true,\"observer\":\"_imgSrcChanged\"},\"aside-desktop\":{\"title\":\"Aside positioning (desktop)\",\"type\":\"string\",\"default\":\"right\",\"enum\":[\"right\",\"left\"],\"prefixed\":true,\"observer\":\"_basicAttributeChanged\",\"options\":{\"dependencies\":[{\"type\":\"slot\",\"id\":\"aside\"}]}},\"aside-mobile\":{\"title\":\"Aside positioning (mobile)\",\"type\":\"string\",\"default\":\"bottom\",\"enum\":[\"top\",\"bottom\"],\"prefixed\":true,\"observer\":\"_basicAttributeChanged\",\"options\":{\"dependencies\":[{\"type\":\"slot\",\"id\":\"aside\"}]}},\"aside-height\":{\"title\":\"Aside height\",\"type\":\"string\",\"default\":\"body\",\"enum\":[\"full\",\"body\"],\"prefixed\":true,\"observer\":\"_basicAttributeChanged\",\"options\":{\"dependencies\":[{\"type\":\"slot\",\"id\":\"aside\"}]}}};\n }\n\n static get slots() {\n return {\"header\":{\"title\":\"Header\",\"type\":\"array\",\"namedSlot\":true,\"maxItems\":3,\"items\":{\"title\":\"Body item\",\"oneOf\":[{\"$ref\":\"raw\"}]}},\"body\":{\"title\":\"Body\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"pfe-card\"},{\"$ref\":\"raw\"}]}},\"footer\":{\"title\":\"Footer\",\"type\":\"array\",\"namedSlot\":true,\"maxItems\":3,\"items\":{\"oneOf\":[{\"$ref\":\"pfe-cta\"},{\"$ref\":\"raw\"}]}},\"aside\":{\"title\":\"Aside\",\"type\":\"array\",\"namedSlot\":true,\"maxItems\":5,\"items\":{\"oneOf\":[{\"$ref\":\"pfe-card\"},{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-band\";\n }\n\n get schemaUrl() {\n return \"pfe-band.json\";\n }\n\n get templateUrl() {\n return \"pfe-band.html\";\n }\n\n get styleUrl() {\n return \"pfe-band.scss\";\n }\n\n get imageSrc() {\n return this.getAttribute(\"pfe-img-src\");\n }\n\n get backgroundColor() {\n return this.getAttribute(\"pfe-color\");\n }\n\n get asidePosition() {\n return {\n desktop: this.getAttribute(\"pfe-aside-desktop\"),\n mobile: this.getAttribute(\"pfe-aside-mobile\"),\n height: this.getAttribute(\"pfe-aside-height\")\n };\n }\n\n static get observedAttributes() {\n return [\n \"pfe-aside-desktop\",\n \"pfe-aside-mobile\",\n \"pfe-aside-height\",\n \"pfe-color\",\n \"pfe-img-src\"\n ];\n }\n\n static get cascadingAttributes() {\n return {\n \"pfe-aside-desktop\": \".pfe-band__container\",\n \"pfe-aside-mobile\": \".pfe-band__container\",\n \"pfe-aside-height\": \".pfe-band__container\"\n };\n }\n\n // Declare the type of this component\n static get PfeType() {\n return PFElement.PfeTypes.Container;\n }\n\n constructor() {\n super(PfeBand, { type: PfeBand.PfeType });\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n // Initialize the background image attachment\n if (this.imageSrc) {\n this._imgSrcChanged(\"pfe-img-src\", \"\", this.imageSrc);\n }\n }\n\n attributeChangedCallback(attr, oldValue, newValue) {\n super.attributeChangedCallback(attr, oldValue, newValue);\n // Strip the prefix form the attribute\n attr = attr.replace(\"pfe-\", \"\");\n // If the observer is defined in the attribute properties\n if (this[attr] && this[attr].observer) {\n // Get the observer function\n let observer = this[this[attr].observer].bind(this);\n // If it's a function, allow it to run\n if (typeof observer === \"function\") observer(attr, oldValue, newValue);\n }\n }\n\n _basicAttributeChanged(attr, oldValue, newValue) {\n this[attr].value = newValue;\n }\n\n // Update the color attribute and contexts\n _colorChanged(attr, oldValue, newValue) {\n this[attr].value = newValue;\n // Trigger an update in nested components\n this.context_update();\n }\n\n // Update the background image\n _imgSrcChanged(attr, oldValue, newValue) {\n // Set the image as the background image\n this.style.backgroundImage = newValue ? `url('${newValue}')` : ``;\n }\n}\n\nPFElement.create(PfeBand);\n\nexport { PfeBand as default };\n"],"names":["Element","prototype","matches","msMatchesSelector","webkitMatchesSelector","closest","s","el","this","parentElement","parentNode","nodeType","Array","includes","Object","defineProperty","value","valueToFind","fromIndex","TypeError","o","len","length","x","y","n","k","Math","max","abs","isNaN","PfeBand","PFElement","version","html","map","slot","has_slot","join","asidePosition","mobile","properties","color","title","type","enum","default","prefixed","observer","img-src","aside-desktop","options","dependencies","id","aside-mobile","aside-height","slots","header","namedSlot","maxItems","items","oneOf","$ref","body","footer","aside","tag","schemaUrl","templateUrl","styleUrl","imageSrc","getAttribute","backgroundColor","desktop","height","observedAttributes","cascadingAttributes","pfe-aside-desktop","pfe-aside-mobile","pfe-aside-height","PfeType","PfeTypes","Container","[object Object]","super","connectedCallback","_imgSrcChanged","attr","oldValue","newValue","attributeChangedCallback","replace","bind","context_update","style","backgroundImage","create"],"mappings":"qDAEKA,QAAQC,UAAUC,UACrBF,QAAQC,UAAUC,QAChBF,QAAQC,UAAUE,mBAClBH,QAAQC,UAAUG,uBAKjBJ,QAAQC,UAAUI,UACrBL,QAAQC,UAAUI,QAAU,SAASC,GACnC,IAAIC,EAAKC,KACT,EAAG,CACD,GAAID,EAAGL,QAAQI,GAAI,OAAOC,EAC1BA,EAAKA,EAAGE,eAAiBF,EAAGG,iBACd,OAAPH,GAA+B,IAAhBA,EAAGI,UAC3B,OAAO,OAMNC,MAAMX,UAAUY,UACnBC,OAAOC,eAAeH,MAAMX,UAAW,WAAY,CACjDe,MAAO,SAASC,EAAaC,GAC3B,GAAY,MAARV,KACF,MAAM,IAAIW,UAAU,iCAItB,IAAIC,EAAIN,OAAON,MAGXa,EAAMD,EAAEE,SAAW,EAGvB,GAAY,IAARD,EACF,OAAO,EAKT,IASuBE,EAAGC,EATtBC,EAAgB,EAAZP,EAOJQ,EAAIC,KAAKC,IAAIH,GAAK,EAAIA,EAAIJ,EAAMM,KAAKE,IAAIJ,GAAI,GAajD,KAAOC,EAAIL,GAAK,CAGd,IAdqBE,EAcHH,EAAEM,OAdIF,EAcAP,IAXR,iBAANM,GACO,iBAANC,GACPM,MAAMP,IACNO,MAAMN,GASR,OAAO,EAGTE,IAIF,OAAO;;;;;;;;;;;;;;;;;;;;;;;;GC5Cb,MAAMK,UAAgBC,EACpBC,qBACE,MAAO,sBAGTC,WACE,ytqBAE0C,CAAC,SAAU,SAAU,SAASC,IAAIC,GAAQ5B,KAAK6B,sBAAsBD,gBAAqBA,IAAS,IAAIE,KAAK,YACtJ9B,KAAK6B,SAAS,oBAAoD,QAA9B7B,KAAK+B,cAAcC,OAAmB,+EAAiF,SAC3JhC,KAAK6B,SAAS,oBAAsB,kFAAoF,oEAExH7B,KAAK6B,SAAS,oBAAoD,QAA9B7B,KAAK+B,cAAcC,OAAmB,8EAAgF,SAC1JhC,KAAK6B,SAAS,oBAAsB,kFAAoF,iBAI1HI,wBACE,MAAO,CAACC,MAAQ,CAACC,MAAQ,mBAAmBC,KAAO,SAASC,KAAO,CAAC,WAAW,UAAU,OAAO,SAAS,UAAU,aAAa,UAAUC,QAAU,OAAOC,UAAW,EAAKC,SAAW,iBAAiBC,UAAU,CAACN,MAAQ,mBAAmBC,KAAO,SAASG,UAAW,EAAKC,SAAW,kBAAkBE,gBAAgB,CAACP,MAAQ,8BAA8BC,KAAO,SAASE,QAAU,QAAQD,KAAO,CAAC,QAAQ,QAAQE,UAAW,EAAKC,SAAW,yBAAyBG,QAAU,CAACC,aAAe,CAAC,CAACR,KAAO,OAAOS,GAAK,YAAYC,eAAe,CAACX,MAAQ,6BAA6BC,KAAO,SAASE,QAAU,SAASD,KAAO,CAAC,MAAM,UAAUE,UAAW,EAAKC,SAAW,yBAAyBG,QAAU,CAACC,aAAe,CAAC,CAACR,KAAO,OAAOS,GAAK,YAAYE,eAAe,CAACZ,MAAQ,eAAeC,KAAO,SAASE,QAAU,OAAOD,KAAO,CAAC,OAAO,QAAQE,UAAW,EAAKC,SAAW,yBAAyBG,QAAU,CAACC,aAAe,CAAC,CAACR,KAAO,OAAOS,GAAK,aAG76BG,mBACE,MAAO,CAACC,OAAS,CAACd,MAAQ,SAASC,KAAO,QAAQc,WAAY,EAAKC,SAAW,EAAEC,MAAQ,CAACjB,MAAQ,YAAYkB,MAAQ,CAAC,CAACC,KAAO,UAAUC,KAAO,CAACpB,MAAQ,OAAOC,KAAO,QAAQc,WAAY,EAAME,MAAQ,CAACC,MAAQ,CAAC,CAACC,KAAO,YAAY,CAACA,KAAO,UAAUE,OAAS,CAACrB,MAAQ,SAASC,KAAO,QAAQc,WAAY,EAAKC,SAAW,EAAEC,MAAQ,CAACC,MAAQ,CAAC,CAACC,KAAO,WAAW,CAACA,KAAO,UAAUG,MAAQ,CAACtB,MAAQ,QAAQC,KAAO,QAAQc,WAAY,EAAKC,SAAW,EAAEC,MAAQ,CAACC,MAAQ,CAAC,CAACC,KAAO,YAAY,CAACA,KAAO,WAE7eI,iBACE,MAAO,WAGTC,gBACE,MAAO,gBAGTC,kBACE,MAAO,gBAGTC,eACE,MAAO,gBAGTC,eACE,OAAO9D,KAAK+D,aAAa,eAG3BC,sBACE,OAAOhE,KAAK+D,aAAa,aAG3BhC,oBACE,MAAO,CACLkC,QAASjE,KAAK+D,aAAa,qBAC3B/B,OAAQhC,KAAK+D,aAAa,oBAC1BG,OAAQlE,KAAK+D,aAAa,qBAI9BI,gCACE,MAAO,CACL,oBACA,mBACA,mBACA,YACA,eAIJC,iCACE,MAAO,CACLC,oBAAqB,uBACrBC,mBAAoB,uBACpBC,mBAAoB,wBAKxBC,qBACE,OAAOhD,EAAUiD,SAASC,UAG5BC,cACEC,MAAMrD,EAAS,CAAEa,KAAMb,EAAQiD,UAGjCG,oBACEC,MAAMC,oBAGF7E,KAAK8D,UACP9D,KAAK8E,eAAe,cAAe,GAAI9E,KAAK8D,UAIhDa,yBAAyBI,EAAMC,EAAUC,GAKvC,GAJAL,MAAMM,yBAAyBH,EAAMC,EAAUC,GAI3CjF,KAFJ+E,EAAOA,EAAKI,QAAQ,OAAQ,MAEVnF,KAAK+E,GAAMvC,SAAU,CAErC,IAAIA,EAAWxC,KAAKA,KAAK+E,GAAMvC,UAAU4C,KAAKpF,MAEtB,mBAAbwC,GAAyBA,EAASuC,EAAMC,EAAUC,IAIjEN,uBAAuBI,EAAMC,EAAUC,GACrCjF,KAAK+E,GAAMvE,MAAQyE,EAIrBN,cAAcI,EAAMC,EAAUC,GAC5BjF,KAAK+E,GAAMvE,MAAQyE,EAEnBjF,KAAKqF,iBAIPV,eAAeI,EAAMC,EAAUC,GAE7BjF,KAAKsF,MAAMC,gBAAkBN,UAAmBA,MAAe,IAInEzD,EAAUgE,OAAOjE"} \ No newline at end of file diff --git a/elements/pfe-band/dist/pfe-band.umd.js b/elements/pfe-band/dist/pfe-band.umd.js new file mode 100644 index 0000000000..bbe0d7ee3d --- /dev/null +++ b/elements/pfe-band/dist/pfe-band.umd.js @@ -0,0 +1,329 @@ +(function (global, factory) { + typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('../../pfelement/dist/pfelement.umd')) : + typeof define === 'function' && define.amd ? define(['../../pfelement/dist/pfelement.umd'], factory) : + (global.PfeBand = factory(global.PFElement)); +}(this, (function (PFElement) { 'use strict'; + + PFElement = PFElement && PFElement.hasOwnProperty('default') ? PFElement['default'] : PFElement; + + // @POLYFILL Element.matches + // https://developer.mozilla.org/en-US/docs/Web/API/Element/matches + if (!Element.prototype.matches) { + Element.prototype.matches = Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector; + } + + // @POLYFILL Element.closest + // https://developer.mozilla.org/en-US/docs/Web/API/Element/closest + if (!Element.prototype.closest) { + Element.prototype.closest = function (s) { + var el = this; + do { + if (el.matches(s)) return el; + el = el.parentElement || el.parentNode; + } while (el !== null && el.nodeType === 1); + return null; + }; + } + + // @POLYFILL Array.includes + // https://tc39.github.io/ecma262/#sec-array.prototype.includes + if (!Array.prototype.includes) { + Object.defineProperty(Array.prototype, "includes", { + value: function value(valueToFind, fromIndex) { + if (this == null) { + throw new TypeError('"this" is null or not defined'); + } + + // 1. Let O be ? ToObject(this value). + var o = Object(this); + + // 2. Let len be ? ToLength(? Get(O, "length")). + var len = o.length >>> 0; + + // 3. If len is 0, return false. + if (len === 0) { + return false; + } + + // 4. Let n be ? ToInteger(fromIndex). + // (If fromIndex is undefined, this step produces the value 0.) + var n = fromIndex | 0; + + // 5. If n ≥ 0, then + // a. Let k be n. + // 6. Else n < 0, + // a. Let k be len + n. + // b. If k < 0, let k be 0. + var k = Math.max(n >= 0 ? n : len - Math.abs(n), 0); + + function sameValueZero(x, y) { + return x === y || typeof x === "number" && typeof y === "number" && isNaN(x) && isNaN(y); + } + + // 7. Repeat, while k < len + while (k < len) { + // a. Let elementK be the result of ? Get(O, ! ToString(k)). + // b. If SameValueZero(valueToFind, elementK) is true, return true. + if (sameValueZero(o[k], valueToFind)) { + return true; + } + // c. Increase k by 1. + k++; + } + + // 8. Return false + return false; + } + }); + } + + var classCallCheck = function (instance, Constructor) { + if (!(instance instanceof Constructor)) { + throw new TypeError("Cannot call a class as a function"); + } + }; + + var createClass = function () { + function defineProperties(target, props) { + for (var i = 0; i < props.length; i++) { + var descriptor = props[i]; + descriptor.enumerable = descriptor.enumerable || false; + descriptor.configurable = true; + if ("value" in descriptor) descriptor.writable = true; + Object.defineProperty(target, descriptor.key, descriptor); + } + } + + return function (Constructor, protoProps, staticProps) { + if (protoProps) defineProperties(Constructor.prototype, protoProps); + if (staticProps) defineProperties(Constructor, staticProps); + return Constructor; + }; + }(); + + var get = function get(object, property, receiver) { + if (object === null) object = Function.prototype; + var desc = Object.getOwnPropertyDescriptor(object, property); + + if (desc === undefined) { + var parent = Object.getPrototypeOf(object); + + if (parent === null) { + return undefined; + } else { + return get(parent, property, receiver); + } + } else if ("value" in desc) { + return desc.value; + } else { + var getter = desc.get; + + if (getter === undefined) { + return undefined; + } + + return getter.call(receiver); + } + }; + + var inherits = function (subClass, superClass) { + if (typeof superClass !== "function" && superClass !== null) { + throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); + } + + subClass.prototype = Object.create(superClass && superClass.prototype, { + constructor: { + value: subClass, + enumerable: false, + writable: true, + configurable: true + } + }); + if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; + }; + + var possibleConstructorReturn = function (self, call) { + if (!self) { + throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); + } + + return call && (typeof call === "object" || typeof call === "function") ? call : self; + }; + + /*! + * PatternFly Elements: PfeBand 1.0.0-prerelease.50 + * @license + * Copyright 2020 Red Hat, Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + * + */ + + var PfeBand = function (_PFElement) { + inherits(PfeBand, _PFElement); + createClass(PfeBand, [{ + key: "html", + get: function get$$1() { + var _this2 = this; + + return "
    \n " + (this.has_slot("pfe-band--aside") && this.asidePosition.mobile === "top" ? "" : "") + "\n " + (this.has_slot("pfe-band--header") ? "
    " : "") + "\n
    \n " + (this.has_slot("pfe-band--aside") && this.asidePosition.mobile !== "top" ? "" : "") + "\n " + (this.has_slot("pfe-band--footer") ? "
    " : "") + "\n
    "; + } + }, { + key: "schemaUrl", + get: function get$$1() { + return "pfe-band.json"; + } + }, { + key: "templateUrl", + get: function get$$1() { + return "pfe-band.html"; + } + }, { + key: "styleUrl", + get: function get$$1() { + return "pfe-band.scss"; + } + }, { + key: "imageSrc", + get: function get$$1() { + return this.getAttribute("pfe-img-src"); + } + }, { + key: "backgroundColor", + get: function get$$1() { + return this.getAttribute("pfe-color"); + } + }, { + key: "asidePosition", + get: function get$$1() { + return { + desktop: this.getAttribute("pfe-aside-desktop"), + mobile: this.getAttribute("pfe-aside-mobile"), + height: this.getAttribute("pfe-aside-height") + }; + } + }], [{ + key: "version", + get: function get$$1() { + return "1.0.0-prerelease.50"; + } + }, { + key: "properties", + get: function get$$1() { + return { "color": { "title": "Background color", "type": "string", "enum": ["lightest", "lighter", "base", "darker", "darkest", "complement", "accent"], "default": "base", "prefixed": true, "observer": "_colorChanged" }, "img-src": { "title": "Background image", "type": "string", "prefixed": true, "observer": "_imgSrcChanged" }, "aside-desktop": { "title": "Aside positioning (desktop)", "type": "string", "default": "right", "enum": ["right", "left"], "prefixed": true, "observer": "_basicAttributeChanged", "options": { "dependencies": [{ "type": "slot", "id": "aside" }] } }, "aside-mobile": { "title": "Aside positioning (mobile)", "type": "string", "default": "bottom", "enum": ["top", "bottom"], "prefixed": true, "observer": "_basicAttributeChanged", "options": { "dependencies": [{ "type": "slot", "id": "aside" }] } }, "aside-height": { "title": "Aside height", "type": "string", "default": "body", "enum": ["full", "body"], "prefixed": true, "observer": "_basicAttributeChanged", "options": { "dependencies": [{ "type": "slot", "id": "aside" }] } } }; + } + }, { + key: "slots", + get: function get$$1() { + return { "header": { "title": "Header", "type": "array", "namedSlot": true, "maxItems": 3, "items": { "title": "Body item", "oneOf": [{ "$ref": "raw" }] } }, "body": { "title": "Body", "type": "array", "namedSlot": false, "items": { "oneOf": [{ "$ref": "pfe-card" }, { "$ref": "raw" }] } }, "footer": { "title": "Footer", "type": "array", "namedSlot": true, "maxItems": 3, "items": { "oneOf": [{ "$ref": "pfe-cta" }, { "$ref": "raw" }] } }, "aside": { "title": "Aside", "type": "array", "namedSlot": true, "maxItems": 5, "items": { "oneOf": [{ "$ref": "pfe-card" }, { "$ref": "raw" }] } } }; + } + }, { + key: "tag", + get: function get$$1() { + return "pfe-band"; + } + }, { + key: "observedAttributes", + get: function get$$1() { + return ["pfe-aside-desktop", "pfe-aside-mobile", "pfe-aside-height", "pfe-color", "pfe-img-src"]; + } + }, { + key: "cascadingAttributes", + get: function get$$1() { + return { + "pfe-aside-desktop": ".pfe-band__container", + "pfe-aside-mobile": ".pfe-band__container", + "pfe-aside-height": ".pfe-band__container" + }; + } + + // Declare the type of this component + + }, { + key: "PfeType", + get: function get$$1() { + return PFElement.PfeTypes.Container; + } + }]); + + function PfeBand() { + classCallCheck(this, PfeBand); + return possibleConstructorReturn(this, (PfeBand.__proto__ || Object.getPrototypeOf(PfeBand)).call(this, PfeBand, { type: PfeBand.PfeType })); + } + + createClass(PfeBand, [{ + key: "connectedCallback", + value: function connectedCallback() { + get(PfeBand.prototype.__proto__ || Object.getPrototypeOf(PfeBand.prototype), "connectedCallback", this).call(this); + + // Initialize the background image attachment + if (this.imageSrc) { + this._imgSrcChanged("pfe-img-src", "", this.imageSrc); + } + } + }, { + key: "attributeChangedCallback", + value: function attributeChangedCallback(attr, oldValue, newValue) { + get(PfeBand.prototype.__proto__ || Object.getPrototypeOf(PfeBand.prototype), "attributeChangedCallback", this).call(this, attr, oldValue, newValue); + // Strip the prefix form the attribute + attr = attr.replace("pfe-", ""); + // If the observer is defined in the attribute properties + if (this[attr] && this[attr].observer) { + // Get the observer function + var observer = this[this[attr].observer].bind(this); + // If it's a function, allow it to run + if (typeof observer === "function") observer(attr, oldValue, newValue); + } + } + }, { + key: "_basicAttributeChanged", + value: function _basicAttributeChanged(attr, oldValue, newValue) { + this[attr].value = newValue; + } + + // Update the color attribute and contexts + + }, { + key: "_colorChanged", + value: function _colorChanged(attr, oldValue, newValue) { + this[attr].value = newValue; + // Trigger an update in nested components + this.context_update(); + } + + // Update the background image + + }, { + key: "_imgSrcChanged", + value: function _imgSrcChanged(attr, oldValue, newValue) { + // Set the image as the background image + this.style.backgroundImage = newValue ? "url('" + newValue + "')" : ""; + } + }]); + return PfeBand; + }(PFElement); + + PFElement.create(PfeBand); + + return PfeBand; + +}))); +//# sourceMappingURL=pfe-band.umd.js.map diff --git a/elements/pfe-band/dist/pfe-band.umd.js.map b/elements/pfe-band/dist/pfe-band.umd.js.map new file mode 100644 index 0000000000..f9b0e20dd9 --- /dev/null +++ b/elements/pfe-band/dist/pfe-band.umd.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-band.umd.js","sources":["../_temp/polyfills--pfe-band.js","../_temp/pfe-band.umd.js"],"sourcesContent":["// @POLYFILL Element.matches\n// https://developer.mozilla.org/en-US/docs/Web/API/Element/matches\nif (!Element.prototype.matches) {\n Element.prototype.matches =\n Element.prototype.msMatchesSelector ||\n Element.prototype.webkitMatchesSelector;\n}\n\n// @POLYFILL Element.closest\n// https://developer.mozilla.org/en-US/docs/Web/API/Element/closest\nif (!Element.prototype.closest) {\n Element.prototype.closest = function(s) {\n var el = this;\n do {\n if (el.matches(s)) return el;\n el = el.parentElement || el.parentNode;\n } while (el !== null && el.nodeType === 1);\n return null;\n };\n}\n\n// @POLYFILL Array.includes\n// https://tc39.github.io/ecma262/#sec-array.prototype.includes\nif (!Array.prototype.includes) {\n Object.defineProperty(Array.prototype, \"includes\", {\n value: function(valueToFind, fromIndex) {\n if (this == null) {\n throw new TypeError('\"this\" is null or not defined');\n }\n\n // 1. Let O be ? ToObject(this value).\n var o = Object(this);\n\n // 2. Let len be ? ToLength(? Get(O, \"length\")).\n var len = o.length >>> 0;\n\n // 3. If len is 0, return false.\n if (len === 0) {\n return false;\n }\n\n // 4. Let n be ? ToInteger(fromIndex).\n // (If fromIndex is undefined, this step produces the value 0.)\n var n = fromIndex | 0;\n\n // 5. If n ≥ 0, then\n // a. Let k be n.\n // 6. Else n < 0,\n // a. Let k be len + n.\n // b. If k < 0, let k be 0.\n var k = Math.max(n >= 0 ? n : len - Math.abs(n), 0);\n\n function sameValueZero(x, y) {\n return (\n x === y ||\n (typeof x === \"number\" &&\n typeof y === \"number\" &&\n isNaN(x) &&\n isNaN(y))\n );\n }\n\n // 7. Repeat, while k < len\n while (k < len) {\n // a. Let elementK be the result of ? Get(O, ! ToString(k)).\n // b. If SameValueZero(valueToFind, elementK) is true, return true.\n if (sameValueZero(o[k], valueToFind)) {\n return true;\n }\n // c. Increase k by 1.\n k++;\n }\n\n // 8. Return false\n return false;\n }\n });\n}\n","/*!\n * PatternFly Elements: PfeBand 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\n// Import polyfills: matches, closest, includes\nimport \"./polyfills--pfe-band.js\";\n\nimport PFElement from \"../../pfelement/dist/pfelement.umd\";\n\nclass PfeBand extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return `
    this.has_slot(`pfe-band--${slot}`) ? `pfe-has-${slot}` : \"\").join(\" \")}>\n ${this.has_slot(\"pfe-band--aside\") && this.asidePosition.mobile === \"top\" ? `` : \"\"}\n ${this.has_slot(\"pfe-band--header\") ? `
    ` : \"\"}\n
    \n ${this.has_slot(\"pfe-band--aside\") && this.asidePosition.mobile !== \"top\" ? `` : \"\"}\n ${this.has_slot(\"pfe-band--footer\") ? `
    ` : \"\"}\n
    `;\n }\n\n static get properties() {\n return {\"color\":{\"title\":\"Background color\",\"type\":\"string\",\"enum\":[\"lightest\",\"lighter\",\"base\",\"darker\",\"darkest\",\"complement\",\"accent\"],\"default\":\"base\",\"prefixed\":true,\"observer\":\"_colorChanged\"},\"img-src\":{\"title\":\"Background image\",\"type\":\"string\",\"prefixed\":true,\"observer\":\"_imgSrcChanged\"},\"aside-desktop\":{\"title\":\"Aside positioning (desktop)\",\"type\":\"string\",\"default\":\"right\",\"enum\":[\"right\",\"left\"],\"prefixed\":true,\"observer\":\"_basicAttributeChanged\",\"options\":{\"dependencies\":[{\"type\":\"slot\",\"id\":\"aside\"}]}},\"aside-mobile\":{\"title\":\"Aside positioning (mobile)\",\"type\":\"string\",\"default\":\"bottom\",\"enum\":[\"top\",\"bottom\"],\"prefixed\":true,\"observer\":\"_basicAttributeChanged\",\"options\":{\"dependencies\":[{\"type\":\"slot\",\"id\":\"aside\"}]}},\"aside-height\":{\"title\":\"Aside height\",\"type\":\"string\",\"default\":\"body\",\"enum\":[\"full\",\"body\"],\"prefixed\":true,\"observer\":\"_basicAttributeChanged\",\"options\":{\"dependencies\":[{\"type\":\"slot\",\"id\":\"aside\"}]}}};\n }\n\n static get slots() {\n return {\"header\":{\"title\":\"Header\",\"type\":\"array\",\"namedSlot\":true,\"maxItems\":3,\"items\":{\"title\":\"Body item\",\"oneOf\":[{\"$ref\":\"raw\"}]}},\"body\":{\"title\":\"Body\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"pfe-card\"},{\"$ref\":\"raw\"}]}},\"footer\":{\"title\":\"Footer\",\"type\":\"array\",\"namedSlot\":true,\"maxItems\":3,\"items\":{\"oneOf\":[{\"$ref\":\"pfe-cta\"},{\"$ref\":\"raw\"}]}},\"aside\":{\"title\":\"Aside\",\"type\":\"array\",\"namedSlot\":true,\"maxItems\":5,\"items\":{\"oneOf\":[{\"$ref\":\"pfe-card\"},{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-band\";\n }\n\n get schemaUrl() {\n return \"pfe-band.json\";\n }\n\n get templateUrl() {\n return \"pfe-band.html\";\n }\n\n get styleUrl() {\n return \"pfe-band.scss\";\n }\n\n get imageSrc() {\n return this.getAttribute(\"pfe-img-src\");\n }\n\n get backgroundColor() {\n return this.getAttribute(\"pfe-color\");\n }\n\n get asidePosition() {\n return {\n desktop: this.getAttribute(\"pfe-aside-desktop\"),\n mobile: this.getAttribute(\"pfe-aside-mobile\"),\n height: this.getAttribute(\"pfe-aside-height\")\n };\n }\n\n static get observedAttributes() {\n return [\n \"pfe-aside-desktop\",\n \"pfe-aside-mobile\",\n \"pfe-aside-height\",\n \"pfe-color\",\n \"pfe-img-src\"\n ];\n }\n\n static get cascadingAttributes() {\n return {\n \"pfe-aside-desktop\": \".pfe-band__container\",\n \"pfe-aside-mobile\": \".pfe-band__container\",\n \"pfe-aside-height\": \".pfe-band__container\"\n };\n }\n\n // Declare the type of this component\n static get PfeType() {\n return PFElement.PfeTypes.Container;\n }\n\n constructor() {\n super(PfeBand, { type: PfeBand.PfeType });\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n // Initialize the background image attachment\n if (this.imageSrc) {\n this._imgSrcChanged(\"pfe-img-src\", \"\", this.imageSrc);\n }\n }\n\n attributeChangedCallback(attr, oldValue, newValue) {\n super.attributeChangedCallback(attr, oldValue, newValue);\n // Strip the prefix form the attribute\n attr = attr.replace(\"pfe-\", \"\");\n // If the observer is defined in the attribute properties\n if (this[attr] && this[attr].observer) {\n // Get the observer function\n let observer = this[this[attr].observer].bind(this);\n // If it's a function, allow it to run\n if (typeof observer === \"function\") observer(attr, oldValue, newValue);\n }\n }\n\n _basicAttributeChanged(attr, oldValue, newValue) {\n this[attr].value = newValue;\n }\n\n // Update the color attribute and contexts\n _colorChanged(attr, oldValue, newValue) {\n this[attr].value = newValue;\n // Trigger an update in nested components\n this.context_update();\n }\n\n // Update the background image\n _imgSrcChanged(attr, oldValue, newValue) {\n // Set the image as the background image\n this.style.backgroundImage = newValue ? `url('${newValue}')` : ``;\n }\n}\n\nPFElement.create(PfeBand);\n\nexport { PfeBand as default };\n"],"names":["Element","prototype","matches","msMatchesSelector","webkitMatchesSelector","closest","s","el","parentElement","parentNode","nodeType","Array","includes","Object","defineProperty","value","valueToFind","fromIndex","TypeError","o","len","length","n","k","Math","max","abs","sameValueZero","x","y","isNaN","PfeBand","map","has_slot","slot","join","asidePosition","mobile","getAttribute","desktop","height","PFElement","PfeTypes","Container","type","PfeType","imageSrc","_imgSrcChanged","attr","oldValue","newValue","replace","observer","bind","context_update","style","backgroundImage","create"],"mappings":"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"} \ No newline at end of file diff --git a/elements/pfe-band/dist/pfe-band.umd.min.js b/elements/pfe-band/dist/pfe-band.umd.min.js new file mode 100644 index 0000000000..93be3d0ac1 --- /dev/null +++ b/elements/pfe-band/dist/pfe-band.umd.min.js @@ -0,0 +1,2 @@ +!function(e,a){"object"==typeof exports&&"undefined"!=typeof module?module.exports=a(require("../../pfelement/dist/pfelement.umd")):"function"==typeof define&&define.amd?define(["../../pfelement/dist/pfelement.umd"],a):e.PfeBand=a(e.PFElement)}(this,function(e){"use strict";e=e&&e.hasOwnProperty("default")?e.default:e,Element.prototype.matches||(Element.prototype.matches=Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector),Element.prototype.closest||(Element.prototype.closest=function(e){var a=this;do{if(a.matches(e))return a;a=a.parentElement||a.parentNode}while(null!==a&&1===a.nodeType);return null}),Array.prototype.includes||Object.defineProperty(Array.prototype,"includes",{value:function(e,a){if(null==this)throw new TypeError('"this" is null or not defined');var r=Object(this),o=r.length>>>0;if(0==o)return!1;var d,t,n=0|a,i=Math.max(0<=n?n:o-Math.abs(n),0);for(;i:host{--pfe-band--Padding--vertical:calc( var(--pfe-theme--container-spacer, 16px) * 4);--pfe-band--Padding--horizontal:calc( var(--pfe-theme--container-spacer, 16px) * 1);--pfe-band--Padding:var(--pfe-band--Padding--vertical) var(--pfe-band--Padding--horizontal);--pfe-band--BackgroundColor:var(--pfe-theme--color--surface--base, #dfdfdf);--pfe-band--BackgroundPosition:center center;--pfe-band--Border:var(--pfe-theme--surface--border-width, 1px) var(--pfe-theme--surface--border-style, solid) transparent;--pfe-band--layout:1fr;--pfe-band__header--layout:1fr;--pfe-band__body--layout:1fr;--pfe-band__footer--layout:1fr;--pfe-band__aside--layout:1fr;--pfe-band--gutter--vertical:var(--pfe-theme--container-spacer, 16px);--pfe-band--gutter--horizontal:calc(var(--pfe-theme--container-spacer, 16px) * 3);--pfe-band--Width:auto;--pfe-band--Width__aside--sm:240px;--pfe-band--Width__aside--lg:300px;--pfe-broadcasted--text:var(--pfe-theme--color--text, #333);--pfe-broadcasted--link:var(--pfe-theme--color--link, #06c);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover, #003366);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus, #003366);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited, rebeccapurple);--pfe-broadcasted--link-decoration:none;--pfe-broadcasted--link-decoration--hover:underline;--pfe-broadcasted--link-decoration--focus:underline;--pfe-broadcasted--link-decoration--visited:none;--theme:light;display:block;position:relative;padding:calc(var(--pfe-band--Padding--vertical)/ 2) var(--pfe-band--Padding--horizontal);border:var(--pfe-band--Border);background-color:var(--pfe-band--BackgroundColor);background-position:var(--pfe-band--BackgroundPosition);color:#333;color:var(--pfe-broadcasted--text,#333)}@media screen and (min-width:768px){:host{--pfe-band--Width:calc( 768px - calc(var(--pfe-band--Padding--horizontal) * 4) )}}@media screen and (min-width:992px){:host{--pfe-band--Width:calc( 992px - calc(var(--pfe-band--Padding--horizontal) * 4) )}}@media screen and (min-width:1200px){:host{--pfe-band--Width:calc( 1200px - calc(var(--pfe-band--Padding--horizontal) * 4) )}}@media (min-width:576px){:host{padding:var(--pfe-band--Padding)}}@media print{:host{background-color:#fff!important;background-image:none!important;-webkit-box-shadow:none!important;box-shadow:none!important}}@media print{:host{border-radius:3px;border:1px solid #d2d2d2;padding:calc(var(--pfe-band--Padding--vertical)/ 2) var(--pfe-band--Padding--horizontal)}}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host{background-color:#fff!important;background-color:var(--pfe-theme--color--surface--lightest,#fff)!important;color:#333!important;color:var(--pfe-theme--color--text,#333)!important;background-image:none!important;padding:calc(16px);padding:calc(var(--pfe-theme--container-spacer,16px))}}:host *,:host ::after,:host ::before{-webkit-box-sizing:border-box;box-sizing:border-box}:host([on=dark]){--pfe-broadcasted--text:var(--pfe-theme--color--text--on-dark, #fff);--pfe-broadcasted--link:var(--pfe-theme--color--link--on-dark, #99ccff);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover--on-dark, #cce6ff);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus--on-dark, #cce6ff);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited--on-dark, #b38cd9);--pfe-broadcasted--link-decoration:none;--pfe-broadcasted--link-decoration--hover:underline;--pfe-broadcasted--link-decoration--focus:underline;--pfe-broadcasted--link-decoration--visited:none}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host{color:#333!important;color:var(--pfe-theme--color--text,#333)!important}}:host([on=saturated]){--pfe-broadcasted--text:var(--pfe-theme--color--text--on-saturated, #fff);--pfe-broadcasted--link:var(--pfe-theme--color--link--on-saturated, #fff);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover--on-saturated, white);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus--on-saturated, white);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited--on-saturated, #b38cd9);--pfe-broadcasted--link-decoration:underline;--pfe-broadcasted--link-decoration--hover:underline;--pfe-broadcasted--link-decoration--focus:underline;--pfe-broadcasted--link-decoration--visited:underline}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host{color:#333!important;color:var(--pfe-theme--color--text,#333)!important}}:host([on=light]){--pfe-broadcasted--text:var(--pfe-theme--color--text, #333);--pfe-broadcasted--link:var(--pfe-theme--color--link, #06c);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover, #003366);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus, #003366);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited, rebeccapurple);--pfe-broadcasted--link-decoration:none;--pfe-broadcasted--link-decoration--hover:underline;--pfe-broadcasted--link-decoration--focus:underline;--pfe-broadcasted--link-decoration--visited:none}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host{color:#333!important;color:var(--pfe-theme--color--text,#333)!important}}:host([pfe-color=darker]){--pfe-band--BackgroundColor:var(--pfe-theme--color--surface--darker, #464646);--theme:var(--pfe-theme--color--surface--darker--theme, dark)}:host([pfe-color=darkest]){--pfe-band--BackgroundColor:var(--pfe-theme--color--surface--darkest, #131313);--theme:var(--pfe-theme--color--surface--darkest--theme, dark)}:host([pfe-color=base]){--pfe-band--BackgroundColor:var(--pfe-theme--color--surface--base, #dfdfdf);--theme:var(--pfe-theme--color--surface--base--theme, light)}:host([pfe-color=lighter]){--pfe-band--BackgroundColor:var(--pfe-theme--color--surface--lighter, #ececec);--theme:var(--pfe-theme--color--surface--lighter--theme, light)}:host([pfe-color=lightest]){--pfe-band--BackgroundColor:var(--pfe-theme--color--surface--lightest, #fff);--theme:var(--pfe-theme--color--surface--lightest--theme, light)}:host([pfe-color=accent]){--pfe-band--BackgroundColor:var(--pfe-theme--color--surface--accent, #e00);--theme:var(--pfe-theme--color--surface--accent--theme, saturated)}:host([pfe-color=complement]){--pfe-band--BackgroundColor:var(--pfe-theme--color--surface--complement, #0477a4);--theme:var(--pfe-theme--color--surface--complement--theme, saturated)}:host([pfe-size=small]){--pfe-band--Padding:calc(var(--pfe-band--Padding--vertical) / 4) var(--pfe-band--Padding--horizontal)}.pfe-band__container{--pfe-band_region--width:calc(calc(1fr - var(--pfe-band--Width__aside--sm)) - var(--pfe-band--gutter--horizontal));grid-template-areas:"body";position:relative;margin:0 auto;width:100%;max-width:var(--pfe-band--Width)}.pfe-band__container[pfe-has-aside]{grid-template-areas:"body" "aside"}@media (min-width:768px){.pfe-band__container[pfe-has-aside]{--pfe-band--layout:1fr var(--pfe-band--Width__aside--sm)}}@media (min-width:992px){.pfe-band__container[pfe-has-aside]{--pfe-band--layout:1fr var(--pfe-band--Width__aside--lg)}}.pfe-band__container[pfe-has-aside][pfe-aside-mobile=top]{grid-template-areas:"aside" "body"}@media (min-width:768px){.pfe-band__container[pfe-has-aside][pfe-aside-desktop=left]{grid-template-areas:"aside body";--pfe-band--layout:var(--pfe-band--Width__aside--sm) 1fr}.pfe-band__container[pfe-has-aside][pfe-aside-desktop=left]>.pfe-band__body{-ms-grid-row:1;-ms-grid-column:2}.pfe-band__container[pfe-has-aside][pfe-aside-desktop=left]>.pfe-band__aside{-ms-grid-row:1;-ms-grid-column:1}}@media (min-width:992px){.pfe-band__container[pfe-has-aside][pfe-aside-desktop=left]{--pfe-band--layout:var(--pfe-band--Width__aside--lg) 1fr}}.pfe-band__container[pfe-has-header]{grid-template-areas:"header" "body"}.pfe-band__container[pfe-has-header][pfe-has-aside]{grid-template-areas:"header" "body" "aside"}@media (min-width:768px){.pfe-band__container[pfe-has-header][pfe-has-aside]{grid-template-areas:"header header" "body aside"}.pfe-band__container[pfe-has-header][pfe-has-aside]>.pfe-band__header{-ms-grid-row:1;-ms-grid-column:1;-ms-grid-column-span:2}.pfe-band__container[pfe-has-header][pfe-has-aside]>.pfe-band__body{-ms-grid-row:2;-ms-grid-column:1}.pfe-band__container[pfe-has-header][pfe-has-aside]>.pfe-band__aside{-ms-grid-row:2;-ms-grid-column:2}}.pfe-band__container[pfe-has-header][pfe-aside-mobile=top]{grid-template-areas:"aside" "header" "body"}@media (min-width:768px){.pfe-band__container[pfe-has-header][pfe-aside-height=full]{grid-template-areas:"header aside" "body aside"}.pfe-band__container[pfe-has-header][pfe-aside-height=full]>.pfe-band__header{-ms-grid-row:1;-ms-grid-column:1;-ms-grid-column-span:1}.pfe-band__container[pfe-has-header][pfe-aside-height=full]>.pfe-band__body{-ms-grid-row:2;-ms-grid-column:1}.pfe-band__container[pfe-has-header][pfe-aside-height=full]>.pfe-band__aside{-ms-grid-row:1;-ms-grid-row-span:2;-ms-grid-column:2}}@media (min-width:768px){.pfe-band__container[pfe-has-header][pfe-aside-desktop=left]{grid-template-areas:"header header" "aside body"}.pfe-band__container[pfe-has-header][pfe-aside-desktop=left]>.pfe-band__header{-ms-grid-row:1;-ms-grid-column:1;-ms-grid-column-span:2}.pfe-band__container[pfe-has-header][pfe-aside-desktop=left]>.pfe-band__body{-ms-grid-row:2;-ms-grid-column:2}.pfe-band__container[pfe-has-header][pfe-aside-desktop=left]>.pfe-band__aside{-ms-grid-row:2;-ms-grid-row-span:1;-ms-grid-column:1}}@media (min-width:768px){.pfe-band__container[pfe-has-header][pfe-aside-desktop=left][pfe-aside-height=full]{grid-template-areas:"aside header" "aside body"}.pfe-band__container[pfe-has-header][pfe-aside-desktop=left][pfe-aside-height=full]>.pfe-band__header{-ms-grid-row:1;-ms-grid-column:2;-ms-grid-column-span:1}.pfe-band__container[pfe-has-header][pfe-aside-desktop=left][pfe-aside-height=full]>.pfe-band__body{-ms-grid-row:2;-ms-grid-column:2}.pfe-band__container[pfe-has-header][pfe-aside-desktop=left][pfe-aside-height=full]>.pfe-band__aside{-ms-grid-row:1;-ms-grid-row-span:2;-ms-grid-column:1}}.pfe-band__container[pfe-has-footer]{grid-template-areas:"body" "footer"}.pfe-band__container[pfe-has-footer][pfe-has-aside]{grid-template-areas:"body" "aside" "footer"}@media (min-width:768px){.pfe-band__container[pfe-has-footer][pfe-has-aside]{grid-template-areas:"body aside" "footer footer"}.pfe-band__container[pfe-has-footer][pfe-has-aside]>.pfe-band__body{-ms-grid-row:1;-ms-grid-column:1}.pfe-band__container[pfe-has-footer][pfe-has-aside]>.pfe-band__aside{-ms-grid-row:1;-ms-grid-row-span:1;-ms-grid-column:2}.pfe-band__container[pfe-has-footer][pfe-has-aside]>.pfe-band__footer{-ms-grid-row:2;-ms-grid-column:1;-ms-grid-column-span:2}}.pfe-band__container[pfe-has-footer][pfe-aside-mobile=top]{grid-template-areas:"aside" "body" "footer"}@media (min-width:768px){.pfe-band__container[pfe-has-footer][pfe-aside-height=full]{grid-template-areas:"body aside" "footer aside"}.pfe-band__container[pfe-has-footer][pfe-aside-height=full]>.pfe-band__body{-ms-grid-row:1;-ms-grid-column:1}.pfe-band__container[pfe-has-footer][pfe-aside-height=full]>.pfe-band__aside{-ms-grid-row:1;-ms-grid-row-span:2;-ms-grid-column:2}.pfe-band__container[pfe-has-footer][pfe-aside-height=full]>.pfe-band__footer{-ms-grid-row:2;-ms-grid-column:1;-ms-grid-column-span:1}}@media (min-width:768px){.pfe-band__container[pfe-has-footer][pfe-aside-desktop=left]{grid-template-areas:"aside body" "footer footer"}.pfe-band__container[pfe-has-footer][pfe-aside-desktop=left]>.pfe-band__body{-ms-grid-row:1;-ms-grid-column:2}.pfe-band__container[pfe-has-footer][pfe-aside-desktop=left]>.pfe-band__aside{-ms-grid-row:1;-ms-grid-row-span:1;-ms-grid-column:1}.pfe-band__container[pfe-has-footer][pfe-aside-desktop=left]>.pfe-band__footer{-ms-grid-row:2;-ms-grid-column:1;-ms-grid-column-span:2}}@media (min-width:768px){.pfe-band__container[pfe-has-footer][pfe-aside-desktop=left][pfe-aside-height=full]{grid-template-areas:"aside body" "aside footer"}.pfe-band__container[pfe-has-footer][pfe-aside-desktop=left][pfe-aside-height=full]>.pfe-band__body{-ms-grid-row:1;-ms-grid-column:2}.pfe-band__container[pfe-has-footer][pfe-aside-desktop=left][pfe-aside-height=full]>.pfe-band__aside{-ms-grid-row:1;-ms-grid-row-span:2;-ms-grid-column:1}.pfe-band__container[pfe-has-footer][pfe-aside-desktop=left][pfe-aside-height=full]>.pfe-band__footer{-ms-grid-row:2;-ms-grid-column:2;-ms-grid-column-span:1}}.pfe-band__container[pfe-has-header][pfe-has-footer]{grid-template-areas:"header" "body" "footer"}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-has-aside]{grid-template-areas:"header" "body" "footer" "aside"}@media (min-width:768px){.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-has-aside]{grid-template-areas:"header header" "body aside" "footer footer"}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-has-aside]>.pfe-band__header{-ms-grid-row:1;-ms-grid-column:1;-ms-grid-column-span:2}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-has-aside]>.pfe-band__body{-ms-grid-row:2;-ms-grid-column:1}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-has-aside]>.pfe-band__aside{-ms-grid-row:2;-ms-grid-row-span:1;-ms-grid-column:2}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-has-aside]>.pfe-band__footer{-ms-grid-row:3;-ms-grid-column:1;-ms-grid-column-span:2}}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-mobile=top]{grid-template-areas:"aside" "header" "body" "footer"}@media (min-width:768px){.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-height=full]{grid-template-areas:"header aside" "body aside" "footer aside"}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-height=full]>.pfe-band__header{-ms-grid-row:1;-ms-grid-column:1;-ms-grid-column-span:1}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-height=full]>.pfe-band__body{-ms-grid-row:2;-ms-grid-column:1}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-height=full]>.pfe-band__aside{-ms-grid-row:1;-ms-grid-row-span:3;-ms-grid-column:2}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-height=full]>.pfe-band__footer{-ms-grid-row:3;-ms-grid-column:1;-ms-grid-column-span:1}}@media (min-width:768px){.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-desktop=left]{grid-template-areas:"header header" "aside body" "footer footer"}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-desktop=left]>.pfe-band__header{-ms-grid-row:1;-ms-grid-column:1;-ms-grid-column-span:2}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-desktop=left]>.pfe-band__body{-ms-grid-row:2;-ms-grid-column:2}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-desktop=left]>.pfe-band__aside{-ms-grid-row:2;-ms-grid-row-span:1;-ms-grid-column:1}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-desktop=left]>.pfe-band__footer{-ms-grid-row:3;-ms-grid-column:1;-ms-grid-column-span:2}}@media (min-width:768px){.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-desktop=left][pfe-aside-height=full]{grid-template-areas:"aside header" "aside body" "aside footer"}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-desktop=left][pfe-aside-height=full]>.pfe-band__header{-ms-grid-row:1;-ms-grid-column:2;-ms-grid-column-span:1}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-desktop=left][pfe-aside-height=full]>.pfe-band__body{-ms-grid-row:2;-ms-grid-column:2}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-desktop=left][pfe-aside-height=full]>.pfe-band__aside{-ms-grid-row:1;-ms-grid-row-span:3;-ms-grid-column:1}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-desktop=left][pfe-aside-height=full]>.pfe-band__footer{-ms-grid-row:3;-ms-grid-column:2;-ms-grid-column-span:1}}@supports (display:grid){.pfe-band__container{display:-ms-grid;display:grid;grid-row-gap:var(--pfe-band--gutter--vertical);grid-column-gap:var(--pfe-band--gutter--horizontal);margin-bottom:0;-ms-grid-columns:var(--pfe-band--layout);grid-template-columns:var(--pfe-band--layout);-ms-grid-rows:-webkit-max-content;-ms-grid-rows:max-content;grid-template-rows:-webkit-max-content;grid-template-rows:max-content}.pfe-band__container>:nth-child(1){-ms-grid-row:1;-ms-grid-column:1}}.pfe-band__header{margin-bottom:var(--pfe-band--gutter--vertical)}@supports (display:grid){.pfe-band__header{-ms-grid-row:1;-ms-grid-column:1;display:-ms-grid;display:grid;grid-row-gap:var(--pfe-band--gutter--vertical);grid-column-gap:var(--pfe-band--gutter--horizontal);margin-bottom:0;grid-area:header;-ms-grid-columns:var(--pfe-band__header--layout);grid-template-columns:var(--pfe-band__header--layout)}.pfe-band__container[pfe-has-header][pfe-has-aside]>.pfe-band__header{-ms-grid-row:1;-ms-grid-column:1}.pfe-band__container[pfe-has-header][pfe-aside-mobile=top]>.pfe-band__header{-ms-grid-row:2;-ms-grid-column:1;-ms-grid-column-span:1}.pfe-band__container[pfe-has-header][pfe-has-footer]>.pfe-band__header{-ms-grid-row:1;-ms-grid-column:1;-ms-grid-column-span:1}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-has-aside]>.pfe-band__header{-ms-grid-row:1;-ms-grid-column:1;-ms-grid-column-span:1}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-mobile=top]>.pfe-band__header{-ms-grid-row:2;-ms-grid-column:1;-ms-grid-column-span:1}}.pfe-band__body{margin-bottom:var(--pfe-band--gutter--vertical)}@supports (display:grid){.pfe-band__body{-ms-grid-row:1;-ms-grid-column:1;display:-ms-grid;display:grid;grid-row-gap:var(--pfe-band--gutter--vertical);grid-column-gap:var(--pfe-band--gutter--horizontal);margin-bottom:0;grid-area:body;-ms-grid-columns:var(--pfe-band__body--layout);grid-template-columns:var(--pfe-band__body--layout)}.pfe-band__container[pfe-has-aside]>.pfe-band__body{-ms-grid-row:1;-ms-grid-column:1}.pfe-band__container[pfe-has-aside][pfe-aside-mobile=top]>.pfe-band__body{-ms-grid-row:2;-ms-grid-column:1}.pfe-band__container[pfe-has-header]>.pfe-band__body{-ms-grid-row:2;-ms-grid-column:1}.pfe-band__container[pfe-has-header][pfe-has-aside]>.pfe-band__body{-ms-grid-row:2;-ms-grid-column:1}.pfe-band__container[pfe-has-header][pfe-aside-mobile=top]>.pfe-band__body{-ms-grid-row:3;-ms-grid-column:1}.pfe-band__container[pfe-has-footer]>.pfe-band__body{-ms-grid-row:1;-ms-grid-column:1}.pfe-band__container[pfe-has-footer][pfe-has-aside]>.pfe-band__body{-ms-grid-row:1;-ms-grid-column:1}.pfe-band__container[pfe-has-footer][pfe-aside-mobile=top]>.pfe-band__body{-ms-grid-row:2;-ms-grid-column:1}.pfe-band__container[pfe-has-header][pfe-has-footer]>.pfe-band__body{-ms-grid-row:2;-ms-grid-column:1}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-has-aside]>.pfe-band__body{-ms-grid-row:2;-ms-grid-column:1}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-mobile=top]>.pfe-band__body{-ms-grid-row:3;-ms-grid-column:1}}.pfe-band__aside{margin-bottom:var(--pfe-band--gutter--vertical)}@supports (display:grid){.pfe-band__aside{-ms-grid-row:2;-ms-grid-column:1;display:-ms-grid;display:grid;grid-row-gap:var(--pfe-band--gutter--vertical);grid-column-gap:var(--pfe-band--gutter--horizontal);margin-bottom:0;grid-area:aside;-ms-grid-columns:var(--pfe-band__aside--layout);grid-template-columns:var(--pfe-band__aside--layout)}.pfe-band__container[pfe-has-aside][pfe-aside-mobile=top]>.pfe-band__aside{-ms-grid-row:1;-ms-grid-column:1}.pfe-band__container[pfe-has-header][pfe-has-aside]>.pfe-band__aside{-ms-grid-row:3;-ms-grid-column:1}.pfe-band__container[pfe-has-header][pfe-aside-mobile=top]>.pfe-band__aside{-ms-grid-row:1;-ms-grid-column:1}.pfe-band__container[pfe-has-footer][pfe-has-aside]>.pfe-band__aside{-ms-grid-row:2;-ms-grid-row-span:1;-ms-grid-column:1}.pfe-band__container[pfe-has-footer][pfe-aside-mobile=top]>.pfe-band__aside{-ms-grid-row:1;-ms-grid-row-span:1;-ms-grid-column:1}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-has-aside]>.pfe-band__aside{-ms-grid-row:4;-ms-grid-row-span:1;-ms-grid-column:1}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-mobile=top]>.pfe-band__aside{-ms-grid-row:1;-ms-grid-row-span:1;-ms-grid-column:1}}.pfe-band__footer{margin-bottom:var(--pfe-band--gutter--vertical)}@supports (display:grid){.pfe-band__footer{-ms-grid-row:2;-ms-grid-column:1;display:-ms-grid;display:grid;grid-row-gap:var(--pfe-band--gutter--vertical);grid-column-gap:var(--pfe-band--gutter--horizontal);margin-bottom:0;grid-area:footer;-ms-grid-columns:var(--pfe-band__footer--layout);grid-template-columns:var(--pfe-band__footer--layout)}.pfe-band__container[pfe-has-footer][pfe-has-aside]>.pfe-band__footer{-ms-grid-row:3;-ms-grid-column:1}.pfe-band__container[pfe-has-footer][pfe-aside-mobile=top]>.pfe-band__footer{-ms-grid-row:3;-ms-grid-column:1;-ms-grid-column-span:1}.pfe-band__container[pfe-has-header][pfe-has-footer]>.pfe-band__footer{-ms-grid-row:3;-ms-grid-column:1;-ms-grid-column-span:1}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-has-aside]>.pfe-band__footer{-ms-grid-row:3;-ms-grid-column:1;-ms-grid-column-span:1}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-mobile=top]>.pfe-band__footer{-ms-grid-row:4;-ms-grid-column:1;-ms-grid-column-span:1}}.pfe-band__aside{-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){.pfe-band__body{width:60%;float:left}.pfe-band__aside{float:left;width:35%;margin:0 2.5%}.pfe-band__footer{clear:both}.pfe-band__container::after{content:" ";display:block;clear:both}}\n/*# sourceMappingURL=pfe-band.min.css.map */\n
    \n "+(this.has_slot("pfe-band--aside")&&"top"===this.asidePosition.mobile?'':"")+"\n "+(this.has_slot("pfe-band--header")?'
    ':"")+'\n
    \n '+(this.has_slot("pfe-band--aside")&&"top"!==this.asidePosition.mobile?'':"")+"\n "+(this.has_slot("pfe-band--footer")?'
    ':"")+"\n
    "}},{key:"schemaUrl",get:function(){return"pfe-band.json"}},{key:"templateUrl",get:function(){return"pfe-band.html"}},{key:"styleUrl",get:function(){return"pfe-band.scss"}},{key:"imageSrc",get:function(){return this.getAttribute("pfe-img-src")}},{key:"backgroundColor",get:function(){return this.getAttribute("pfe-color")}},{key:"asidePosition",get:function(){return{desktop:this.getAttribute("pfe-aside-desktop"),mobile:this.getAttribute("pfe-aside-mobile"),height:this.getAttribute("pfe-aside-height")}}}],[{key:"version",get:function(){return"1.0.0-prerelease.50"}},{key:"properties",get:function(){return{color:{title:"Background color",type:"string",enum:["lightest","lighter","base","darker","darkest","complement","accent"],default:"base",prefixed:!0,observer:"_colorChanged"},"img-src":{title:"Background image",type:"string",prefixed:!0,observer:"_imgSrcChanged"},"aside-desktop":{title:"Aside positioning (desktop)",type:"string",default:"right",enum:["right","left"],prefixed:!0,observer:"_basicAttributeChanged",options:{dependencies:[{type:"slot",id:"aside"}]}},"aside-mobile":{title:"Aside positioning (mobile)",type:"string",default:"bottom",enum:["top","bottom"],prefixed:!0,observer:"_basicAttributeChanged",options:{dependencies:[{type:"slot",id:"aside"}]}},"aside-height":{title:"Aside height",type:"string",default:"body",enum:["full","body"],prefixed:!0,observer:"_basicAttributeChanged",options:{dependencies:[{type:"slot",id:"aside"}]}}}}},{key:"slots",get:function(){return{header:{title:"Header",type:"array",namedSlot:!0,maxItems:3,items:{title:"Body item",oneOf:[{$ref:"raw"}]}},body:{title:"Body",type:"array",namedSlot:!1,items:{oneOf:[{$ref:"pfe-card"},{$ref:"raw"}]}},footer:{title:"Footer",type:"array",namedSlot:!0,maxItems:3,items:{oneOf:[{$ref:"pfe-cta"},{$ref:"raw"}]}},aside:{title:"Aside",type:"array",namedSlot:!0,maxItems:5,items:{oneOf:[{$ref:"pfe-card"},{$ref:"raw"}]}}}}},{key:"tag",get:function(){return"pfe-band"}},{key:"observedAttributes",get:function(){return["pfe-aside-desktop","pfe-aside-mobile","pfe-aside-height","pfe-color","pfe-img-src"]}},{key:"cascadingAttributes",get:function(){return{"pfe-aside-desktop":".pfe-band__container","pfe-aside-mobile":".pfe-band__container","pfe-aside-height":".pfe-band__container"}}},{key:"PfeType",get:function(){return e.PfeTypes.Container}}]),a(d,[{key:"connectedCallback",value:function(){n(d.prototype.__proto__||Object.getPrototypeOf(d.prototype),"connectedCallback",this).call(this),this.imageSrc&&this._imgSrcChanged("pfe-img-src","",this.imageSrc)}},{key:"attributeChangedCallback",value:function(e,a,r){if(n(d.prototype.__proto__||Object.getPrototypeOf(d.prototype),"attributeChangedCallback",this).call(this,e,a,r),this[e=e.replace("pfe-","")]&&this[e].observer){var o=this[this[e].observer].bind(this);"function"==typeof o&&o(e,a,r)}}},{key:"_basicAttributeChanged",value:function(e,a,r){this[e].value=r}},{key:"_colorChanged",value:function(e,a,r){this[e].value=r,this.context_update()}},{key:"_imgSrcChanged",value:function(e,a,r){this.style.backgroundImage=r?"url('"+r+"')":""}}]),d);function d(){return function(e,a){if(!(e instanceof a))throw new TypeError("Cannot call a class as a function")}(this,d),function(e,a){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!a||"object"!=typeof a&&"function"!=typeof a?e:a}(this,(d.__proto__||Object.getPrototypeOf(d)).call(this,d,{type:d.PfeType}))}return e.create(r),r}); +//# sourceMappingURL=pfe-band.umd.min.js.map diff --git a/elements/pfe-band/dist/pfe-band.umd.min.js.map b/elements/pfe-band/dist/pfe-band.umd.min.js.map new file mode 100644 index 0000000000..ee7b7074e8 --- /dev/null +++ b/elements/pfe-band/dist/pfe-band.umd.min.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-band.umd.min.js","sources":["../_temp/polyfills--pfe-band.js","../_temp/pfe-band.umd.js"],"sourcesContent":["// @POLYFILL Element.matches\n// https://developer.mozilla.org/en-US/docs/Web/API/Element/matches\nif (!Element.prototype.matches) {\n Element.prototype.matches =\n Element.prototype.msMatchesSelector ||\n Element.prototype.webkitMatchesSelector;\n}\n\n// @POLYFILL Element.closest\n// https://developer.mozilla.org/en-US/docs/Web/API/Element/closest\nif (!Element.prototype.closest) {\n Element.prototype.closest = function(s) {\n var el = this;\n do {\n if (el.matches(s)) return el;\n el = el.parentElement || el.parentNode;\n } while (el !== null && el.nodeType === 1);\n return null;\n };\n}\n\n// @POLYFILL Array.includes\n// https://tc39.github.io/ecma262/#sec-array.prototype.includes\nif (!Array.prototype.includes) {\n Object.defineProperty(Array.prototype, \"includes\", {\n value: function(valueToFind, fromIndex) {\n if (this == null) {\n throw new TypeError('\"this\" is null or not defined');\n }\n\n // 1. Let O be ? ToObject(this value).\n var o = Object(this);\n\n // 2. Let len be ? ToLength(? Get(O, \"length\")).\n var len = o.length >>> 0;\n\n // 3. If len is 0, return false.\n if (len === 0) {\n return false;\n }\n\n // 4. Let n be ? ToInteger(fromIndex).\n // (If fromIndex is undefined, this step produces the value 0.)\n var n = fromIndex | 0;\n\n // 5. If n ≥ 0, then\n // a. Let k be n.\n // 6. Else n < 0,\n // a. Let k be len + n.\n // b. If k < 0, let k be 0.\n var k = Math.max(n >= 0 ? n : len - Math.abs(n), 0);\n\n function sameValueZero(x, y) {\n return (\n x === y ||\n (typeof x === \"number\" &&\n typeof y === \"number\" &&\n isNaN(x) &&\n isNaN(y))\n );\n }\n\n // 7. Repeat, while k < len\n while (k < len) {\n // a. Let elementK be the result of ? Get(O, ! ToString(k)).\n // b. If SameValueZero(valueToFind, elementK) is true, return true.\n if (sameValueZero(o[k], valueToFind)) {\n return true;\n }\n // c. Increase k by 1.\n k++;\n }\n\n // 8. Return false\n return false;\n }\n });\n}\n","/*!\n * PatternFly Elements: PfeBand 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\n// Import polyfills: matches, closest, includes\nimport \"./polyfills--pfe-band.js\";\n\nimport PFElement from \"../../pfelement/dist/pfelement.umd\";\n\nclass PfeBand extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return `
    this.has_slot(`pfe-band--${slot}`) ? `pfe-has-${slot}` : \"\").join(\" \")}>\n ${this.has_slot(\"pfe-band--aside\") && this.asidePosition.mobile === \"top\" ? `` : \"\"}\n ${this.has_slot(\"pfe-band--header\") ? `
    ` : \"\"}\n
    \n ${this.has_slot(\"pfe-band--aside\") && this.asidePosition.mobile !== \"top\" ? `` : \"\"}\n ${this.has_slot(\"pfe-band--footer\") ? `
    ` : \"\"}\n
    `;\n }\n\n static get properties() {\n return {\"color\":{\"title\":\"Background color\",\"type\":\"string\",\"enum\":[\"lightest\",\"lighter\",\"base\",\"darker\",\"darkest\",\"complement\",\"accent\"],\"default\":\"base\",\"prefixed\":true,\"observer\":\"_colorChanged\"},\"img-src\":{\"title\":\"Background image\",\"type\":\"string\",\"prefixed\":true,\"observer\":\"_imgSrcChanged\"},\"aside-desktop\":{\"title\":\"Aside positioning (desktop)\",\"type\":\"string\",\"default\":\"right\",\"enum\":[\"right\",\"left\"],\"prefixed\":true,\"observer\":\"_basicAttributeChanged\",\"options\":{\"dependencies\":[{\"type\":\"slot\",\"id\":\"aside\"}]}},\"aside-mobile\":{\"title\":\"Aside positioning (mobile)\",\"type\":\"string\",\"default\":\"bottom\",\"enum\":[\"top\",\"bottom\"],\"prefixed\":true,\"observer\":\"_basicAttributeChanged\",\"options\":{\"dependencies\":[{\"type\":\"slot\",\"id\":\"aside\"}]}},\"aside-height\":{\"title\":\"Aside height\",\"type\":\"string\",\"default\":\"body\",\"enum\":[\"full\",\"body\"],\"prefixed\":true,\"observer\":\"_basicAttributeChanged\",\"options\":{\"dependencies\":[{\"type\":\"slot\",\"id\":\"aside\"}]}}};\n }\n\n static get slots() {\n return {\"header\":{\"title\":\"Header\",\"type\":\"array\",\"namedSlot\":true,\"maxItems\":3,\"items\":{\"title\":\"Body item\",\"oneOf\":[{\"$ref\":\"raw\"}]}},\"body\":{\"title\":\"Body\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"pfe-card\"},{\"$ref\":\"raw\"}]}},\"footer\":{\"title\":\"Footer\",\"type\":\"array\",\"namedSlot\":true,\"maxItems\":3,\"items\":{\"oneOf\":[{\"$ref\":\"pfe-cta\"},{\"$ref\":\"raw\"}]}},\"aside\":{\"title\":\"Aside\",\"type\":\"array\",\"namedSlot\":true,\"maxItems\":5,\"items\":{\"oneOf\":[{\"$ref\":\"pfe-card\"},{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-band\";\n }\n\n get schemaUrl() {\n return \"pfe-band.json\";\n }\n\n get templateUrl() {\n return \"pfe-band.html\";\n }\n\n get styleUrl() {\n return \"pfe-band.scss\";\n }\n\n get imageSrc() {\n return this.getAttribute(\"pfe-img-src\");\n }\n\n get backgroundColor() {\n return this.getAttribute(\"pfe-color\");\n }\n\n get asidePosition() {\n return {\n desktop: this.getAttribute(\"pfe-aside-desktop\"),\n mobile: this.getAttribute(\"pfe-aside-mobile\"),\n height: this.getAttribute(\"pfe-aside-height\")\n };\n }\n\n static get observedAttributes() {\n return [\n \"pfe-aside-desktop\",\n \"pfe-aside-mobile\",\n \"pfe-aside-height\",\n \"pfe-color\",\n \"pfe-img-src\"\n ];\n }\n\n static get cascadingAttributes() {\n return {\n \"pfe-aside-desktop\": \".pfe-band__container\",\n \"pfe-aside-mobile\": \".pfe-band__container\",\n \"pfe-aside-height\": \".pfe-band__container\"\n };\n }\n\n // Declare the type of this component\n static get PfeType() {\n return PFElement.PfeTypes.Container;\n }\n\n constructor() {\n super(PfeBand, { type: PfeBand.PfeType });\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n // Initialize the background image attachment\n if (this.imageSrc) {\n this._imgSrcChanged(\"pfe-img-src\", \"\", this.imageSrc);\n }\n }\n\n attributeChangedCallback(attr, oldValue, newValue) {\n super.attributeChangedCallback(attr, oldValue, newValue);\n // Strip the prefix form the attribute\n attr = attr.replace(\"pfe-\", \"\");\n // If the observer is defined in the attribute properties\n if (this[attr] && this[attr].observer) {\n // Get the observer function\n let observer = this[this[attr].observer].bind(this);\n // If it's a function, allow it to run\n if (typeof observer === \"function\") observer(attr, oldValue, newValue);\n }\n }\n\n _basicAttributeChanged(attr, oldValue, newValue) {\n this[attr].value = newValue;\n }\n\n // Update the color attribute and contexts\n _colorChanged(attr, oldValue, newValue) {\n this[attr].value = newValue;\n // Trigger an update in nested components\n this.context_update();\n }\n\n // Update the background image\n _imgSrcChanged(attr, oldValue, newValue) {\n // Set the image as the background image\n this.style.backgroundImage = newValue ? `url('${newValue}')` : ``;\n }\n}\n\nPFElement.create(PfeBand);\n\nexport { PfeBand as default };\n"],"names":["Element","prototype","matches","msMatchesSelector","webkitMatchesSelector","closest","s","el","this","parentElement","parentNode","nodeType","Array","includes","defineProperty","valueToFind","fromIndex","TypeError","o","Object","len","length","x","y","n","k","Math","max","abs","isNaN","PfeBand","PFElement","map","_this2","has_slot","slot","join","asidePosition","mobile","getAttribute","color","title","type","enum","default","prefixed","observer","img-src","aside-desktop","options","dependencies","id","aside-mobile","aside-height","header","namedSlot","maxItems","items","oneOf","$ref","body","footer","aside","PfeTypes","Container","imageSrc","_imgSrcChanged","attr","oldValue","newValue","replace","bind","value","context_update","style","backgroundImage","PfeType","create"],"mappings":"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"} \ No newline at end of file diff --git a/elements/pfe-band/package-lock.json b/elements/pfe-band/package-lock.json index b7b3872748..824451f482 100644 --- a/elements/pfe-band/package-lock.json +++ b/elements/pfe-band/package-lock.json @@ -1,6 +1,6 @@ { "name": "@patternfly/pfe-band", - "version": "1.0.0-prerelease.49", + "version": "1.0.0-prerelease.50", "lockfileVersion": 1, "requires": true, "dependencies": { diff --git a/elements/pfe-band/package.json b/elements/pfe-band/package.json index 6b12a1041d..22c5b6cc61 100644 --- a/elements/pfe-band/package.json +++ b/elements/pfe-band/package.json @@ -9,7 +9,7 @@ "js": "src/pfe-band.js" } }, - "version": "1.0.0-prerelease.49", + "version": "1.0.0-prerelease.50", "description": "Band container for PatternFly Elements", "keywords": [ "web-components", @@ -43,8 +43,8 @@ ], "license": "MIT", "dependencies": { - "@patternfly/pfe-sass": "^1.0.0-prerelease.49", - "@patternfly/pfelement": "^1.0.0-prerelease.49" + "@patternfly/pfe-sass": "^1.0.0-prerelease.50", + "@patternfly/pfelement": "^1.0.0-prerelease.50" }, "generator-rhelement-version": "0.6.8", "bugs": { diff --git a/elements/pfe-card/dist/pfe-card--lightdom.css b/elements/pfe-card/dist/pfe-card--lightdom.css new file mode 100644 index 0000000000..823357af59 --- /dev/null +++ b/elements/pfe-card/dist/pfe-card--lightdom.css @@ -0,0 +1,8 @@ +@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { + /* IE10+ */ + pfe-card img[pfe-overflow] { + max-width: 100%; + } +} + +/*# sourceMappingURL=pfe-card--lightdom.css.map */ diff --git a/elements/pfe-card/dist/pfe-card--lightdom.min.css b/elements/pfe-card/dist/pfe-card--lightdom.min.css new file mode 100644 index 0000000000..43d6eb88d6 --- /dev/null +++ b/elements/pfe-card/dist/pfe-card--lightdom.min.css @@ -0,0 +1,2 @@ +@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){pfe-card img[pfe-overflow]{max-width:100%}} +/*# sourceMappingURL=pfe-card--lightdom.min.css.map */ diff --git a/elements/pfe-card/dist/pfe-card--lightdom.min.css.map b/elements/pfe-card/dist/pfe-card--lightdom.min.css.map new file mode 100644 index 0000000000..b0b3a967fa --- /dev/null +++ b/elements/pfe-card/dist/pfe-card--lightdom.min.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["../../../pfe-sass/mixins/_mixins.scss","../pfe-card--lightdom.scss"],"names":[],"mappings":"AAGM,6CAAA,oCCCF,2BACI,UAAA","file":"pfe-card--lightdom.min.css","sourcesContent":[]} \ No newline at end of file diff --git a/elements/pfe-card/dist/pfe-card.js b/elements/pfe-card/dist/pfe-card.js new file mode 100644 index 0000000000..15e2db1863 --- /dev/null +++ b/elements/pfe-card/dist/pfe-card.js @@ -0,0 +1,222 @@ +import PFElement from '../../pfelement/dist/pfelement.js'; + +// @POLYFILL Element.matches +// https://developer.mozilla.org/en-US/docs/Web/API/Element/matches +if (!Element.prototype.matches) { + Element.prototype.matches = + Element.prototype.msMatchesSelector || + Element.prototype.webkitMatchesSelector; +} + +// @POLYFILL Element.closest +// https://developer.mozilla.org/en-US/docs/Web/API/Element/closest +if (!Element.prototype.closest) { + Element.prototype.closest = function(s) { + var el = this; + do { + if (el.matches(s)) return el; + el = el.parentElement || el.parentNode; + } while (el !== null && el.nodeType === 1); + return null; + }; +} + +// @POLYFILL Array.includes +// https://tc39.github.io/ecma262/#sec-array.prototype.includes +if (!Array.prototype.includes) { + Object.defineProperty(Array.prototype, "includes", { + value: function(valueToFind, fromIndex) { + if (this == null) { + throw new TypeError('"this" is null or not defined'); + } + + // 1. Let O be ? ToObject(this value). + var o = Object(this); + + // 2. Let len be ? ToLength(? Get(O, "length")). + var len = o.length >>> 0; + + // 3. If len is 0, return false. + if (len === 0) { + return false; + } + + // 4. Let n be ? ToInteger(fromIndex). + // (If fromIndex is undefined, this step produces the value 0.) + var n = fromIndex | 0; + + // 5. If n ≥ 0, then + // a. Let k be n. + // 6. Else n < 0, + // a. Let k be len + n. + // b. If k < 0, let k be 0. + var k = Math.max(n >= 0 ? n : len - Math.abs(n), 0); + + function sameValueZero(x, y) { + return ( + x === y || + (typeof x === "number" && + typeof y === "number" && + isNaN(x) && + isNaN(y)) + ); + } + + // 7. Repeat, while k < len + while (k < len) { + // a. Let elementK be the result of ? Get(O, ! ToString(k)). + // b. If SameValueZero(valueToFind, elementK) is true, return true. + if (sameValueZero(o[k], valueToFind)) { + return true; + } + // c. Increase k by 1. + k++; + } + + // 8. Return false + return false; + } + }); +} + +/*! + * PatternFly Elements: PfeCard 1.0.0-prerelease.50 + * @license + * Copyright 2020 Red Hat, Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + * +*/ + +class PfeCard extends PFElement { + static get version() { + return "1.0.0-prerelease.50"; + } + + get html() { + return `
    + +
    +
    + +
    +
    + +
    `; + } + + static get properties() { + return {"color":{"title":"Background color","type":"string","enum":["lightest","lighter","base","darker","darkest","complement","accent"],"default":"base","prefixed":true,"observer":"_colorChanged"},"img-src":{"title":"Background image","type":"string","observer":"_imgSrcChanged"},"size":{"title":"Padding size","type":"string","enum":["small"],"observer":"_basicAttributeChanged"}}; + } + + static get slots() { + return {"header":{"title":"Header","type":"array","namedSlot":true,"maxItems":3,"items":{"title":"Body item","oneOf":[{"$ref":"raw"}]}},"body":{"title":"Body","type":"array","namedSlot":false,"items":{"oneOf":[{"$ref":"pfe-card"},{"$ref":"raw"}]}},"footer":{"title":"Footer","type":"array","namedSlot":true,"maxItems":3,"items":{"oneOf":[{"$ref":"pfe-cta"},{"$ref":"raw"}]}}}; + } + static get tag() { + return "pfe-card"; + } + + get schemaUrl() { + return "pfe-card.json"; + } + + get templateUrl() { + return "pfe-card.html"; + } + + get styleUrl() { + return "pfe-card.scss"; + } + + get imageSrc() { + return this.getAttribute("pfe-img-src"); + } + + get backgroundColor() { + return this.getAttribute("pfe-color") || "base"; + } + + static get observedAttributes() { + return ["pfe-color", "pfe-img-src", "pfe-size"]; + } + + // Declare the type of this component + static get PfeType() { + return PFElement.PfeTypes.Container; + } + + constructor() { + super(PfeCard, { type: PfeCard.PfeType }); + this._observer = new MutationObserver(() => { + this._mapSchemaToSlots(this.tag, this.slots); + }); + } + + connectedCallback() { + super.connectedCallback(); + + // Initialize the background image attachment + if (this.imageSrc) { + this._imgSrcChanged("pfe-img-src", "", this.imageSrc); + } + + this._observer.observe(this, { childList: true }); + } + + disconnectedCallback() { + this._observer.disconnect(); + } + + attributeChangedCallback(attr, oldValue, newValue) { + super.attributeChangedCallback(attr, oldValue, newValue); + // Strip the prefix from the attribute + attr = attr.replace("pfe-", ""); + // If the observer is defined in the attribute properties + if (this[attr] && this[attr].observer) { + // Get the observer function + let observer = this[this[attr].observer].bind(this); + // If it's a function, allow it to run + if (typeof observer === "function") observer(attr, oldValue, newValue); + } + } + + _basicAttributeChanged(attr, oldValue, newValue) { + this[attr].value = newValue; + } + + // Update the color attribute and contexts + _colorChanged(attr, oldValue, newValue) { + this[attr].value = newValue; + // Trigger an update in nested components + this.context_update(); + } + + // Update the background image + _imgSrcChanged(attr, oldValue, newValue) { + // Set the image as the background image + this.style.backgroundImage = newValue ? `url('${newValue}')` : ``; + } +} + +PFElement.create(PfeCard); + +export default PfeCard; +//# sourceMappingURL=pfe-card.js.map diff --git a/elements/pfe-card/dist/pfe-card.js.map b/elements/pfe-card/dist/pfe-card.js.map new file mode 100644 index 0000000000..24e8df3c79 --- /dev/null +++ b/elements/pfe-card/dist/pfe-card.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-card.js","sources":["../_temp/polyfills--pfe-card.js","../_temp/pfe-card.js"],"sourcesContent":["// @POLYFILL Element.matches\n// https://developer.mozilla.org/en-US/docs/Web/API/Element/matches\nif (!Element.prototype.matches) {\n Element.prototype.matches =\n Element.prototype.msMatchesSelector ||\n Element.prototype.webkitMatchesSelector;\n}\n\n// @POLYFILL Element.closest\n// https://developer.mozilla.org/en-US/docs/Web/API/Element/closest\nif (!Element.prototype.closest) {\n Element.prototype.closest = function(s) {\n var el = this;\n do {\n if (el.matches(s)) return el;\n el = el.parentElement || el.parentNode;\n } while (el !== null && el.nodeType === 1);\n return null;\n };\n}\n\n// @POLYFILL Array.includes\n// https://tc39.github.io/ecma262/#sec-array.prototype.includes\nif (!Array.prototype.includes) {\n Object.defineProperty(Array.prototype, \"includes\", {\n value: function(valueToFind, fromIndex) {\n if (this == null) {\n throw new TypeError('\"this\" is null or not defined');\n }\n\n // 1. Let O be ? ToObject(this value).\n var o = Object(this);\n\n // 2. Let len be ? ToLength(? Get(O, \"length\")).\n var len = o.length >>> 0;\n\n // 3. If len is 0, return false.\n if (len === 0) {\n return false;\n }\n\n // 4. Let n be ? ToInteger(fromIndex).\n // (If fromIndex is undefined, this step produces the value 0.)\n var n = fromIndex | 0;\n\n // 5. If n ≥ 0, then\n // a. Let k be n.\n // 6. Else n < 0,\n // a. Let k be len + n.\n // b. If k < 0, let k be 0.\n var k = Math.max(n >= 0 ? n : len - Math.abs(n), 0);\n\n function sameValueZero(x, y) {\n return (\n x === y ||\n (typeof x === \"number\" &&\n typeof y === \"number\" &&\n isNaN(x) &&\n isNaN(y))\n );\n }\n\n // 7. Repeat, while k < len\n while (k < len) {\n // a. Let elementK be the result of ? Get(O, ! ToString(k)).\n // b. If SameValueZero(valueToFind, elementK) is true, return true.\n if (sameValueZero(o[k], valueToFind)) {\n return true;\n }\n // c. Increase k by 1.\n k++;\n }\n\n // 8. Return false\n return false;\n }\n });\n}\n","/*!\n * PatternFly Elements: PfeCard 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\n// Import polyfills: matches, closest, includes\nimport \"./polyfills--pfe-card.js\";\n\nimport PFElement from \"../../pfelement/dist/pfelement.js\";\n\nclass PfeCard extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return `
    \n \n
    \n
    \n \n
    \n
    \n \n
    `;\n }\n\n static get properties() {\n return {\"color\":{\"title\":\"Background color\",\"type\":\"string\",\"enum\":[\"lightest\",\"lighter\",\"base\",\"darker\",\"darkest\",\"complement\",\"accent\"],\"default\":\"base\",\"prefixed\":true,\"observer\":\"_colorChanged\"},\"img-src\":{\"title\":\"Background image\",\"type\":\"string\",\"observer\":\"_imgSrcChanged\"},\"size\":{\"title\":\"Padding size\",\"type\":\"string\",\"enum\":[\"small\"],\"observer\":\"_basicAttributeChanged\"}};\n }\n\n static get slots() {\n return {\"header\":{\"title\":\"Header\",\"type\":\"array\",\"namedSlot\":true,\"maxItems\":3,\"items\":{\"title\":\"Body item\",\"oneOf\":[{\"$ref\":\"raw\"}]}},\"body\":{\"title\":\"Body\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"pfe-card\"},{\"$ref\":\"raw\"}]}},\"footer\":{\"title\":\"Footer\",\"type\":\"array\",\"namedSlot\":true,\"maxItems\":3,\"items\":{\"oneOf\":[{\"$ref\":\"pfe-cta\"},{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-card\";\n }\n\n get schemaUrl() {\n return \"pfe-card.json\";\n }\n\n get templateUrl() {\n return \"pfe-card.html\";\n }\n\n get styleUrl() {\n return \"pfe-card.scss\";\n }\n\n get imageSrc() {\n return this.getAttribute(\"pfe-img-src\");\n }\n\n get backgroundColor() {\n return this.getAttribute(\"pfe-color\") || \"base\";\n }\n\n static get observedAttributes() {\n return [\"pfe-color\", \"pfe-img-src\", \"pfe-size\"];\n }\n\n // Declare the type of this component\n static get PfeType() {\n return PFElement.PfeTypes.Container;\n }\n\n constructor() {\n super(PfeCard, { type: PfeCard.PfeType });\n this._observer = new MutationObserver(() => {\n this._mapSchemaToSlots(this.tag, this.slots);\n });\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n // Initialize the background image attachment\n if (this.imageSrc) {\n this._imgSrcChanged(\"pfe-img-src\", \"\", this.imageSrc);\n }\n\n this._observer.observe(this, { childList: true });\n }\n\n disconnectedCallback() {\n this._observer.disconnect();\n }\n\n attributeChangedCallback(attr, oldValue, newValue) {\n super.attributeChangedCallback(attr, oldValue, newValue);\n // Strip the prefix from the attribute\n attr = attr.replace(\"pfe-\", \"\");\n // If the observer is defined in the attribute properties\n if (this[attr] && this[attr].observer) {\n // Get the observer function\n let observer = this[this[attr].observer].bind(this);\n // If it's a function, allow it to run\n if (typeof observer === \"function\") observer(attr, oldValue, newValue);\n }\n }\n\n _basicAttributeChanged(attr, oldValue, newValue) {\n this[attr].value = newValue;\n }\n\n // Update the color attribute and contexts\n _colorChanged(attr, oldValue, newValue) {\n this[attr].value = newValue;\n // Trigger an update in nested components\n this.context_update();\n }\n\n // Update the background image\n _imgSrcChanged(attr, oldValue, newValue) {\n // Set the image as the background image\n this.style.backgroundImage = newValue ? `url('${newValue}')` : ``;\n }\n}\n\nPFElement.create(PfeCard);\n\nexport { PfeCard as default };\n"],"names":[],"mappings":"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"} \ No newline at end of file diff --git a/elements/pfe-card/dist/pfe-card.json b/elements/pfe-card/dist/pfe-card.json new file mode 100644 index 0000000000..a741c21d1b --- /dev/null +++ b/elements/pfe-card/dist/pfe-card.json @@ -0,0 +1,98 @@ +{ + "$schema": "http://json-schema.org/draft-04/schema#", + "title": "Card", + "description": "This element creates a header, body, and footer region in which to place content or other components.", + "type": "object", + "tag": "pfe-card", + "class": "pfe-card", + "category": "container", + "properties": { + "slots": { + "title": "Slots", + "description": "Definition of the supported slots", + "type": "object", + "properties": { + "header": { + "title": "Header", + "type": "array", + "namedSlot": true, + "maxItems": 3, + "items": { + "title": "Body item", + "oneOf": [ + { + "$ref": "raw" + } + ] + } + }, + "body": { + "title": "Body", + "type": "array", + "namedSlot": false, + "items": { + "oneOf": [ + { + "$ref": "pfe-card" + }, + { + "$ref": "raw" + } + ] + } + }, + "footer": { + "title": "Footer", + "type": "array", + "namedSlot": true, + "maxItems": 3, + "items": { + "oneOf": [ + { + "$ref": "pfe-cta" + }, + { + "$ref": "raw" + } + ] + } + } + } + }, + "attributes": { + "title": "Attributes", + "type": "object", + "properties": { + "color": { + "title": "Background color", + "type": "string", + "enum": [ + "lightest", + "lighter", + "base", + "darker", + "darkest", + "complement", + "accent" + ], + "default": "base", + "prefixed": true, + "observer": "_colorChanged" + }, + "img-src": { + "title": "Background image", + "type": "string", + "observer": "_imgSrcChanged" + }, + "size": { + "title": "Padding size", + "type": "string", + "enum": ["small"], + "observer": "_basicAttributeChanged" + } + } + } + }, + "required": ["slots", "attributes"], + "additionalProperties": false +} diff --git a/elements/pfe-card/dist/pfe-card.min.js b/elements/pfe-card/dist/pfe-card.min.js new file mode 100644 index 0000000000..a904af2c49 --- /dev/null +++ b/elements/pfe-card/dist/pfe-card.min.js @@ -0,0 +1,26 @@ +import e from"../../pfelement/dist/pfelement.min.js";Element.prototype.matches||(Element.prototype.matches=Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector),Element.prototype.closest||(Element.prototype.closest=function(e){var r=this;do{if(r.matches(e))return r;r=r.parentElement||r.parentNode}while(null!==r&&1===r.nodeType);return null}),Array.prototype.includes||Object.defineProperty(Array.prototype,"includes",{value:function(e,r){if(null==this)throw new TypeError('"this" is null or not defined');var t=Object(this),o=t.length>>>0;if(0===o)return!1;var a,d,c=0|r,i=Math.max(c>=0?c:o-Math.abs(c),0);for(;i:host{--pfe-card--PaddingTop:calc(var(--pfe-theme--container-spacer, 16px) * 2);--pfe-card--PaddingRight:calc(var(--pfe-theme--container-spacer, 16px) * 2);--pfe-card--PaddingBottom:calc(var(--pfe-theme--container-spacer, 16px) * 2);--pfe-card--PaddingLeft:calc(var(--pfe-theme--container-spacer, 16px) * 2);--pfe-card--Padding:var(--pfe-card--PaddingTop) var(--pfe-card--PaddingRight) var(--pfe-card--PaddingBottom) var(--pfe-card--PaddingLeft);--pfe-card--BorderRadius:var(--pfe-theme--surface--border-radius, 3px);--pfe-card--Border:var(--pfe-card--BorderWidth, 0) var(--pfe-card--BorderStyle, solid) var(--pfe-card--BorderColor, var(--pfe-theme--color--surface--border, #d2d2d2));--pfe-card--BackgroundColor:var(--pfe-theme--color--surface--base, #dfdfdf);--pfe-card--BackgroundPosition:center center;--pfe-card--spacing:var(--pfe-theme--container-spacer, 16px);--pfe-card--spacing--vertical:var(--pfe-card--spacing);--pfe-card__header--BackgroundColor:rgba(45, 45, 45, var(--pfe-theme--opacity, 0.3));--pfe-card__header--Color:var(--pfe-broadcasted--text, #333);--pfe-card__footer--spacing--horizontal:calc(var(--pfe-theme--container-spacer, 16px) / 2);--pfe-broadcasted--text:var(--pfe-theme--color--text, #333);--pfe-broadcasted--link:var(--pfe-theme--color--link, #06c);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover, #003366);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus, #003366);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited, rebeccapurple);--pfe-broadcasted--link-decoration:none;--pfe-broadcasted--link-decoration--hover:underline;--pfe-broadcasted--link-decoration--focus:underline;--pfe-broadcasted--link-decoration--visited:none;--theme:light;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;justify-items:flex-start;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;padding:var(--pfe-card--Padding);border:var(--pfe-card--Border);border-radius:var(--pfe-card--BorderRadius);overflow:hidden;background-color:var(--pfe-card--BackgroundColor);background-position:var(--pfe-card--BackgroundPosition);color:#333;color:var(--pfe-broadcasted--text,#333)}@media print{:host{background-color:#fff!important;background-image:none!important;-webkit-box-shadow:none!important;box-shadow:none!important}}@media print{:host{border-radius:3px;border:1px solid #d2d2d2}}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host{background-color:#fff!important;background-color:var(--pfe-theme--color--surface--lightest,#fff)!important;color:#333!important;color:var(--pfe-theme--color--text,#333)!important;background-image:none!important;border-radius:3px;border:1px solid #d2d2d2;padding:calc(16px);padding:calc(var(--pfe-theme--container-spacer,16px))}}:host([pfe-color=darker]){--pfe-card--BackgroundColor:var(--pfe-theme--color--surface--darker, #464646);--theme:var(--pfe-theme--color--surface--darker--theme, dark)}:host([pfe-color=darkest]){--pfe-card--BackgroundColor:var(--pfe-theme--color--surface--darkest, #131313);--theme:var(--pfe-theme--color--surface--darkest--theme, dark)}:host([pfe-color=base]){--pfe-card--BackgroundColor:var(--pfe-theme--color--surface--base, #dfdfdf);--theme:var(--pfe-theme--color--surface--base--theme, light)}:host([pfe-color=lighter]){--pfe-card--BackgroundColor:var(--pfe-theme--color--surface--lighter, #ececec);--theme:var(--pfe-theme--color--surface--lighter--theme, light)}:host([pfe-color=lightest]){--pfe-card--BackgroundColor:var(--pfe-theme--color--surface--lightest, #fff);--theme:var(--pfe-theme--color--surface--lightest--theme, light)}:host([pfe-color=accent]){--pfe-card--BackgroundColor:var(--pfe-theme--color--surface--accent, #e00);--theme:var(--pfe-theme--color--surface--accent--theme, saturated)}:host([pfe-color=complement]){--pfe-card--BackgroundColor:var(--pfe-theme--color--surface--complement, #0477a4);--theme:var(--pfe-theme--color--surface--complement--theme, saturated)}:host([on=dark]){--pfe-broadcasted--text:var(--pfe-theme--color--text--on-dark, #fff);--pfe-broadcasted--link:var(--pfe-theme--color--link--on-dark, #99ccff);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover--on-dark, #cce6ff);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus--on-dark, #cce6ff);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited--on-dark, #b38cd9);--pfe-broadcasted--link-decoration:none;--pfe-broadcasted--link-decoration--hover:underline;--pfe-broadcasted--link-decoration--focus:underline;--pfe-broadcasted--link-decoration--visited:none}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host{color:#333!important;color:var(--pfe-theme--color--text,#333)!important}}:host([on=saturated]){--pfe-broadcasted--text:var(--pfe-theme--color--text--on-saturated, #fff);--pfe-broadcasted--link:var(--pfe-theme--color--link--on-saturated, #fff);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover--on-saturated, white);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus--on-saturated, white);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited--on-saturated, #b38cd9);--pfe-broadcasted--link-decoration:underline;--pfe-broadcasted--link-decoration--hover:underline;--pfe-broadcasted--link-decoration--focus:underline;--pfe-broadcasted--link-decoration--visited:underline}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host{color:#333!important;color:var(--pfe-theme--color--text,#333)!important}}:host([on=light]){--pfe-broadcasted--text:var(--pfe-theme--color--text, #333);--pfe-broadcasted--link:var(--pfe-theme--color--link, #06c);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover, #003366);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus, #003366);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited, rebeccapurple);--pfe-broadcasted--link-decoration:none;--pfe-broadcasted--link-decoration--hover:underline;--pfe-broadcasted--link-decoration--focus:underline;--pfe-broadcasted--link-decoration--visited:none}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host{color:#333!important;color:var(--pfe-theme--color--text,#333)!important}}:host([pfe-size=small]){--pfe-card--PaddingTop:var(--pfe-theme--container-spacer, 16px);--pfe-card--PaddingRight:var(--pfe-theme--container-spacer, 16px);--pfe-card--PaddingBottom:var(--pfe-theme--container-spacer, 16px);--pfe-card--PaddingLeft:var(--pfe-theme--container-spacer, 16px)}:host([pfe-border]:not([pfe-border=false])){--pfe-card--BorderWidth:1px}.pfe-card__body ::slotted([pfe-overflow~=top]),.pfe-card__footer ::slotted([pfe-overflow~=top]),.pfe-card__header ::slotted([pfe-overflow~=top]){z-index:1;margin-top:-2rem;margin-top:calc(-1 * var(--pfe-card--PaddingTop))!important}:host([has_header]) .pfe-card__body ::slotted([pfe-overflow~=top]),:host([has_header]) .pfe-card__footer ::slotted([pfe-overflow~=top]),:host([has_header]) .pfe-card__header ::slotted([pfe-overflow~=top]){padding-top:var(--pfe-card--spacing)}.pfe-card__body ::slotted([pfe-overflow~=right]),.pfe-card__footer ::slotted([pfe-overflow~=right]),.pfe-card__header ::slotted([pfe-overflow~=right]){margin-right:-2rem;margin-right:calc(-1 * var(--pfe-card--PaddingRight))}.pfe-card__body ::slotted([pfe-overflow~=bottom]),.pfe-card__footer ::slotted([pfe-overflow~=bottom]),.pfe-card__header ::slotted([pfe-overflow~=bottom]){margin-bottom:-2rem;margin-bottom:calc(-1 * calc(var(--pfe-card--PaddingBottom) + var(--pfe-card--BorderRadius)));-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end}.pfe-card__body ::slotted([pfe-overflow~=left]),.pfe-card__footer ::slotted([pfe-overflow~=left]),.pfe-card__header ::slotted([pfe-overflow~=left]){margin-left:-2rem;margin-left:calc(-1 * var(--pfe-card--PaddingLeft))}.pfe-card__body ::slotted(img),.pfe-card__footer ::slotted(img),.pfe-card__header ::slotted(img){max-width:100%!important;-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start;-o-object-fit:cover;object-fit:cover}.pfe-card__body ::slotted(img:not[pfe-overflow]),.pfe-card__footer ::slotted(img:not[pfe-overflow]),.pfe-card__header ::slotted(img:not[pfe-overflow]){-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start}.pfe-card__body ::slotted(img[pfe-overflow~=right]),.pfe-card__footer ::slotted(img[pfe-overflow~=right]),.pfe-card__header ::slotted(img[pfe-overflow~=right]){max-width:calc(100% + 2rem)!important;max-width:calc(100% + var(--pfe-card--PaddingRight))!important}.pfe-card__body ::slotted(img[pfe-overflow~=left]),.pfe-card__footer ::slotted(img[pfe-overflow~=left]),.pfe-card__header ::slotted(img[pfe-overflow~=left]){max-width:calc(100% + 2rem)!important;max-width:calc(100% + var(--pfe-card--PaddingLeft))!important}.pfe-card__body ::slotted(img[pfe-overflow~=right][pfe-overflow~=left]),.pfe-card__footer ::slotted(img[pfe-overflow~=right][pfe-overflow~=left]),.pfe-card__header ::slotted(img[pfe-overflow~=right][pfe-overflow~=left]){max-width:calc(100% + 4rem)!important;max-width:calc(100% + calc(var(--pfe-card--PaddingRight) + var(--pfe-card--PaddingLeft)))!important}.pfe-card__header{z-index:2;background-color:var(--pfe-card__header--BackgroundColor);color:var(--pfe-card__header--Color);margin-top:calc(var(--pfe-card--PaddingTop) * -1)!important;margin-right:calc(var(--pfe-card--PaddingRight) * -1);margin-bottom:var(--pfe-card--spacing--vertical);margin-left:calc(var(--pfe-card--PaddingLeft) * -1);padding-top:var(--pfe-card--spacing--vertical);padding-right:var(--pfe-card--PaddingRight);padding-left:var(--pfe-card--PaddingLeft);padding-bottom:var(--pfe-card--spacing--vertical)}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){.pfe-card__header{background-color:#ececec!important;color:#333!important;color:var(--pfe-theme--color--text,#333)!important}}:host(:not([has_body],[has_footer])) .pfe-card__header{margin-bottom:var(--pfe-card--PaddingBottom)}.pfe-card__header ::slotted([pfe-overflow~=top]){--pfe-card__overflow--MarginTop:calc(var(--pfe-card--PaddingTop) * -1)}:host(:not([has_header])) .pfe-card__header{display:none}:host([has_body],[has_footer]) .pfe-card__header ::slotted([pfe-overflow~=bottom]){--pfe-card__overflow--MarginBottom:calc(var(--pfe-card--spacing--vertical) * -1)}.pfe-card__header ::slotted([pfe-overflow~=bottom]){--pfe-card__overflow--MarginBottom:calc(var(--pfe-card--PaddingBottom) * -1)}.pfe-card__header ::slotted(h1){margin-bottom:0}.pfe-card__header ::slotted(h2){margin-bottom:0}.pfe-card__header ::slotted(h3){margin-bottom:0}.pfe-card__header ::slotted(h4){margin-bottom:0}.pfe-card__header ::slotted(h5){margin-bottom:0}.pfe-card__header ::slotted(h6){margin-bottom:0}:host(:not([has_header])) .pfe-card__body ::slotted([pfe-overflow~=top]){--pfe-card__overflow--MarginTop:calc(var(--pfe-card--PaddingTop) * -1)}.pfe-card__body ::slotted([pfe-overflow~=top]){z-index:1;--pfe-card__overflow--MarginTop:calc(var(--pfe-card--spacing--vertical) * -1)}.pfe-card__body ::slotted([pfe-overflow~=bottom]){--pfe-card__overflow--MarginBottom:calc(var(--pfe-card--PaddingBottom) * -1)}:host([has_footer]) .pfe-card__body ::slotted([pfe-overflow~=bottom]){--pfe-card__overflow--MarginBottom:calc(var(--pfe-card--spacing--vertical) * -1)}:host(:not([has_footer])) .pfe-card__body{margin-bottom:0}.pfe-card__footer{margin-top:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;flex-direction:var(--pfe-card__footer--Row,row);-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-wrap:var(--pfe-card__footer--Wrap,wrap);-ms-flex-wrap:var(--pfe-card__footer--Wrap,wrap);flex-wrap:var(--pfe-card__footer--Wrap,wrap);-webkit-box-align:baseline;-webkit-align-items:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-align:var(--pfe-card__footer--AlignItems,baseline);-webkit-align-items:var(--pfe-card__footer--AlignItems,baseline);-ms-flex-align:var(--pfe-card__footer--AlignItems,baseline);align-items:var(--pfe-card__footer--AlignItems,baseline)}.pfe-card__footer ::slotted([pfe-overflow~=bottom]){--pfe-card__overflow--MarginBottom:calc(var(--pfe-card--PaddingBottom) * -1)}:host(:not([has_footer])) .pfe-card__footer{display:none}.pfe-card__body,.pfe-card__header{margin-bottom:var(--pfe-card--spacing--vertical)}.pfe-card__body ::slotted(p:first-child),.pfe-card__header ::slotted(p:first-child){margin-top:0}.pfe-card__body ::slotted(h1:first-child),.pfe-card__header ::slotted(h1:first-child){margin-top:0}.pfe-card__body ::slotted(h2:first-child),.pfe-card__header ::slotted(h2:first-child){margin-top:0}.pfe-card__body ::slotted(h3:first-child),.pfe-card__header ::slotted(h3:first-child){margin-top:0}.pfe-card__body ::slotted(h4:first-child),.pfe-card__header ::slotted(h4:first-child){margin-top:0}.pfe-card__body ::slotted(h5:first-child),.pfe-card__header ::slotted(h5:first-child){margin-top:0}.pfe-card__body ::slotted(h6:first-child),.pfe-card__header ::slotted(h6:first-child){margin-top:0}\n/*# sourceMappingURL=pfe-card.min.css.map */\n
    \n \n
    \n
    \n \n
    \n
    \n \n
    '}static get properties(){return{color:{title:"Background color",type:"string",enum:["lightest","lighter","base","darker","darkest","complement","accent"],default:"base",prefixed:!0,observer:"_colorChanged"},"img-src":{title:"Background image",type:"string",observer:"_imgSrcChanged"},size:{title:"Padding size",type:"string",enum:["small"],observer:"_basicAttributeChanged"}}}static get slots(){return{header:{title:"Header",type:"array",namedSlot:!0,maxItems:3,items:{title:"Body item",oneOf:[{$ref:"raw"}]}},body:{title:"Body",type:"array",namedSlot:!1,items:{oneOf:[{$ref:"pfe-card"},{$ref:"raw"}]}},footer:{title:"Footer",type:"array",namedSlot:!0,maxItems:3,items:{oneOf:[{$ref:"pfe-cta"},{$ref:"raw"}]}}}}static get tag(){return"pfe-card"}get schemaUrl(){return"pfe-card.json"}get templateUrl(){return"pfe-card.html"}get styleUrl(){return"pfe-card.scss"}get imageSrc(){return this.getAttribute("pfe-img-src")}get backgroundColor(){return this.getAttribute("pfe-color")||"base"}static get observedAttributes(){return["pfe-color","pfe-img-src","pfe-size"]}static get PfeType(){return e.PfeTypes.Container}constructor(){super(r,{type:r.PfeType}),this._observer=new MutationObserver(()=>{this._mapSchemaToSlots(this.tag,this.slots)})}connectedCallback(){super.connectedCallback(),this.imageSrc&&this._imgSrcChanged("pfe-img-src","",this.imageSrc),this._observer.observe(this,{childList:!0})}disconnectedCallback(){this._observer.disconnect()}attributeChangedCallback(e,r,t){if(super.attributeChangedCallback(e,r,t),this[e=e.replace("pfe-","")]&&this[e].observer){let o=this[this[e].observer].bind(this);"function"==typeof o&&o(e,r,t)}}_basicAttributeChanged(e,r,t){this[e].value=t}_colorChanged(e,r,t){this[e].value=t,this.context_update()}_imgSrcChanged(e,r,t){this.style.backgroundImage=t?`url('${t}')`:""}}e.create(r);export default r; +//# sourceMappingURL=pfe-card.min.js.map diff --git a/elements/pfe-card/dist/pfe-card.min.js.map b/elements/pfe-card/dist/pfe-card.min.js.map new file mode 100644 index 0000000000..d41317a479 --- /dev/null +++ b/elements/pfe-card/dist/pfe-card.min.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-card.min.js","sources":["../_temp/polyfills--pfe-card.js","../_temp/pfe-card.js"],"sourcesContent":["// @POLYFILL Element.matches\n// https://developer.mozilla.org/en-US/docs/Web/API/Element/matches\nif (!Element.prototype.matches) {\n Element.prototype.matches =\n Element.prototype.msMatchesSelector ||\n Element.prototype.webkitMatchesSelector;\n}\n\n// @POLYFILL Element.closest\n// https://developer.mozilla.org/en-US/docs/Web/API/Element/closest\nif (!Element.prototype.closest) {\n Element.prototype.closest = function(s) {\n var el = this;\n do {\n if (el.matches(s)) return el;\n el = el.parentElement || el.parentNode;\n } while (el !== null && el.nodeType === 1);\n return null;\n };\n}\n\n// @POLYFILL Array.includes\n// https://tc39.github.io/ecma262/#sec-array.prototype.includes\nif (!Array.prototype.includes) {\n Object.defineProperty(Array.prototype, \"includes\", {\n value: function(valueToFind, fromIndex) {\n if (this == null) {\n throw new TypeError('\"this\" is null or not defined');\n }\n\n // 1. Let O be ? ToObject(this value).\n var o = Object(this);\n\n // 2. Let len be ? ToLength(? Get(O, \"length\")).\n var len = o.length >>> 0;\n\n // 3. If len is 0, return false.\n if (len === 0) {\n return false;\n }\n\n // 4. Let n be ? ToInteger(fromIndex).\n // (If fromIndex is undefined, this step produces the value 0.)\n var n = fromIndex | 0;\n\n // 5. If n ≥ 0, then\n // a. Let k be n.\n // 6. Else n < 0,\n // a. Let k be len + n.\n // b. If k < 0, let k be 0.\n var k = Math.max(n >= 0 ? n : len - Math.abs(n), 0);\n\n function sameValueZero(x, y) {\n return (\n x === y ||\n (typeof x === \"number\" &&\n typeof y === \"number\" &&\n isNaN(x) &&\n isNaN(y))\n );\n }\n\n // 7. Repeat, while k < len\n while (k < len) {\n // a. Let elementK be the result of ? Get(O, ! ToString(k)).\n // b. If SameValueZero(valueToFind, elementK) is true, return true.\n if (sameValueZero(o[k], valueToFind)) {\n return true;\n }\n // c. Increase k by 1.\n k++;\n }\n\n // 8. Return false\n return false;\n }\n });\n}\n","/*!\n * PatternFly Elements: PfeCard 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\n// Import polyfills: matches, closest, includes\nimport \"./polyfills--pfe-card.js\";\n\nimport PFElement from \"../../pfelement/dist/pfelement.js\";\n\nclass PfeCard extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return `
    \n \n
    \n
    \n \n
    \n
    \n \n
    `;\n }\n\n static get properties() {\n return {\"color\":{\"title\":\"Background color\",\"type\":\"string\",\"enum\":[\"lightest\",\"lighter\",\"base\",\"darker\",\"darkest\",\"complement\",\"accent\"],\"default\":\"base\",\"prefixed\":true,\"observer\":\"_colorChanged\"},\"img-src\":{\"title\":\"Background image\",\"type\":\"string\",\"observer\":\"_imgSrcChanged\"},\"size\":{\"title\":\"Padding size\",\"type\":\"string\",\"enum\":[\"small\"],\"observer\":\"_basicAttributeChanged\"}};\n }\n\n static get slots() {\n return {\"header\":{\"title\":\"Header\",\"type\":\"array\",\"namedSlot\":true,\"maxItems\":3,\"items\":{\"title\":\"Body item\",\"oneOf\":[{\"$ref\":\"raw\"}]}},\"body\":{\"title\":\"Body\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"pfe-card\"},{\"$ref\":\"raw\"}]}},\"footer\":{\"title\":\"Footer\",\"type\":\"array\",\"namedSlot\":true,\"maxItems\":3,\"items\":{\"oneOf\":[{\"$ref\":\"pfe-cta\"},{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-card\";\n }\n\n get schemaUrl() {\n return \"pfe-card.json\";\n }\n\n get templateUrl() {\n return \"pfe-card.html\";\n }\n\n get styleUrl() {\n return \"pfe-card.scss\";\n }\n\n get imageSrc() {\n return this.getAttribute(\"pfe-img-src\");\n }\n\n get backgroundColor() {\n return this.getAttribute(\"pfe-color\") || \"base\";\n }\n\n static get observedAttributes() {\n return [\"pfe-color\", \"pfe-img-src\", \"pfe-size\"];\n }\n\n // Declare the type of this component\n static get PfeType() {\n return PFElement.PfeTypes.Container;\n }\n\n constructor() {\n super(PfeCard, { type: PfeCard.PfeType });\n this._observer = new MutationObserver(() => {\n this._mapSchemaToSlots(this.tag, this.slots);\n });\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n // Initialize the background image attachment\n if (this.imageSrc) {\n this._imgSrcChanged(\"pfe-img-src\", \"\", this.imageSrc);\n }\n\n this._observer.observe(this, { childList: true });\n }\n\n disconnectedCallback() {\n this._observer.disconnect();\n }\n\n attributeChangedCallback(attr, oldValue, newValue) {\n super.attributeChangedCallback(attr, oldValue, newValue);\n // Strip the prefix from the attribute\n attr = attr.replace(\"pfe-\", \"\");\n // If the observer is defined in the attribute properties\n if (this[attr] && this[attr].observer) {\n // Get the observer function\n let observer = this[this[attr].observer].bind(this);\n // If it's a function, allow it to run\n if (typeof observer === \"function\") observer(attr, oldValue, newValue);\n }\n }\n\n _basicAttributeChanged(attr, oldValue, newValue) {\n this[attr].value = newValue;\n }\n\n // Update the color attribute and contexts\n _colorChanged(attr, oldValue, newValue) {\n this[attr].value = newValue;\n // Trigger an update in nested components\n this.context_update();\n }\n\n // Update the background image\n _imgSrcChanged(attr, oldValue, newValue) {\n // Set the image as the background image\n this.style.backgroundImage = newValue ? `url('${newValue}')` : ``;\n }\n}\n\nPFElement.create(PfeCard);\n\nexport { PfeCard as default };\n"],"names":["Element","prototype","matches","msMatchesSelector","webkitMatchesSelector","closest","s","el","this","parentElement","parentNode","nodeType","Array","includes","Object","defineProperty","value","valueToFind","fromIndex","TypeError","o","len","length","x","y","n","k","Math","max","abs","isNaN","PfeCard","PFElement","version","html","properties","color","title","type","enum","default","prefixed","observer","img-src","size","slots","header","namedSlot","maxItems","items","oneOf","$ref","body","footer","tag","schemaUrl","templateUrl","styleUrl","imageSrc","getAttribute","backgroundColor","observedAttributes","PfeType","PfeTypes","Container","[object Object]","super","_observer","MutationObserver","_mapSchemaToSlots","connectedCallback","_imgSrcChanged","observe","childList","disconnect","attr","oldValue","newValue","attributeChangedCallback","replace","bind","context_update","style","backgroundImage","create"],"mappings":"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"} \ No newline at end of file diff --git a/elements/pfe-card/dist/pfe-card.umd.js b/elements/pfe-card/dist/pfe-card.umd.js new file mode 100644 index 0000000000..0c7c4b8f05 --- /dev/null +++ b/elements/pfe-card/dist/pfe-card.umd.js @@ -0,0 +1,320 @@ +(function (global, factory) { + typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('../../pfelement/dist/pfelement.umd')) : + typeof define === 'function' && define.amd ? define(['../../pfelement/dist/pfelement.umd'], factory) : + (global.PfeCard = factory(global.PFElement)); +}(this, (function (PFElement) { 'use strict'; + + PFElement = PFElement && PFElement.hasOwnProperty('default') ? PFElement['default'] : PFElement; + + // @POLYFILL Element.matches + // https://developer.mozilla.org/en-US/docs/Web/API/Element/matches + if (!Element.prototype.matches) { + Element.prototype.matches = Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector; + } + + // @POLYFILL Element.closest + // https://developer.mozilla.org/en-US/docs/Web/API/Element/closest + if (!Element.prototype.closest) { + Element.prototype.closest = function (s) { + var el = this; + do { + if (el.matches(s)) return el; + el = el.parentElement || el.parentNode; + } while (el !== null && el.nodeType === 1); + return null; + }; + } + + // @POLYFILL Array.includes + // https://tc39.github.io/ecma262/#sec-array.prototype.includes + if (!Array.prototype.includes) { + Object.defineProperty(Array.prototype, "includes", { + value: function value(valueToFind, fromIndex) { + if (this == null) { + throw new TypeError('"this" is null or not defined'); + } + + // 1. Let O be ? ToObject(this value). + var o = Object(this); + + // 2. Let len be ? ToLength(? Get(O, "length")). + var len = o.length >>> 0; + + // 3. If len is 0, return false. + if (len === 0) { + return false; + } + + // 4. Let n be ? ToInteger(fromIndex). + // (If fromIndex is undefined, this step produces the value 0.) + var n = fromIndex | 0; + + // 5. If n ≥ 0, then + // a. Let k be n. + // 6. Else n < 0, + // a. Let k be len + n. + // b. If k < 0, let k be 0. + var k = Math.max(n >= 0 ? n : len - Math.abs(n), 0); + + function sameValueZero(x, y) { + return x === y || typeof x === "number" && typeof y === "number" && isNaN(x) && isNaN(y); + } + + // 7. Repeat, while k < len + while (k < len) { + // a. Let elementK be the result of ? Get(O, ! ToString(k)). + // b. If SameValueZero(valueToFind, elementK) is true, return true. + if (sameValueZero(o[k], valueToFind)) { + return true; + } + // c. Increase k by 1. + k++; + } + + // 8. Return false + return false; + } + }); + } + + var classCallCheck = function (instance, Constructor) { + if (!(instance instanceof Constructor)) { + throw new TypeError("Cannot call a class as a function"); + } + }; + + var createClass = function () { + function defineProperties(target, props) { + for (var i = 0; i < props.length; i++) { + var descriptor = props[i]; + descriptor.enumerable = descriptor.enumerable || false; + descriptor.configurable = true; + if ("value" in descriptor) descriptor.writable = true; + Object.defineProperty(target, descriptor.key, descriptor); + } + } + + return function (Constructor, protoProps, staticProps) { + if (protoProps) defineProperties(Constructor.prototype, protoProps); + if (staticProps) defineProperties(Constructor, staticProps); + return Constructor; + }; + }(); + + var get = function get(object, property, receiver) { + if (object === null) object = Function.prototype; + var desc = Object.getOwnPropertyDescriptor(object, property); + + if (desc === undefined) { + var parent = Object.getPrototypeOf(object); + + if (parent === null) { + return undefined; + } else { + return get(parent, property, receiver); + } + } else if ("value" in desc) { + return desc.value; + } else { + var getter = desc.get; + + if (getter === undefined) { + return undefined; + } + + return getter.call(receiver); + } + }; + + var inherits = function (subClass, superClass) { + if (typeof superClass !== "function" && superClass !== null) { + throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); + } + + subClass.prototype = Object.create(superClass && superClass.prototype, { + constructor: { + value: subClass, + enumerable: false, + writable: true, + configurable: true + } + }); + if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; + }; + + var possibleConstructorReturn = function (self, call) { + if (!self) { + throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); + } + + return call && (typeof call === "object" || typeof call === "function") ? call : self; + }; + + /*! + * PatternFly Elements: PfeCard 1.0.0-prerelease.50 + * @license + * Copyright 2020 Red Hat, Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + * + */ + + var PfeCard = function (_PFElement) { + inherits(PfeCard, _PFElement); + createClass(PfeCard, [{ + key: "html", + get: function get$$1() { + return "
    \n \n
    \n
    \n \n
    \n
    \n \n
    "; + } + }, { + key: "schemaUrl", + get: function get$$1() { + return "pfe-card.json"; + } + }, { + key: "templateUrl", + get: function get$$1() { + return "pfe-card.html"; + } + }, { + key: "styleUrl", + get: function get$$1() { + return "pfe-card.scss"; + } + }, { + key: "imageSrc", + get: function get$$1() { + return this.getAttribute("pfe-img-src"); + } + }, { + key: "backgroundColor", + get: function get$$1() { + return this.getAttribute("pfe-color") || "base"; + } + }], [{ + key: "version", + get: function get$$1() { + return "1.0.0-prerelease.50"; + } + }, { + key: "properties", + get: function get$$1() { + return { "color": { "title": "Background color", "type": "string", "enum": ["lightest", "lighter", "base", "darker", "darkest", "complement", "accent"], "default": "base", "prefixed": true, "observer": "_colorChanged" }, "img-src": { "title": "Background image", "type": "string", "observer": "_imgSrcChanged" }, "size": { "title": "Padding size", "type": "string", "enum": ["small"], "observer": "_basicAttributeChanged" } }; + } + }, { + key: "slots", + get: function get$$1() { + return { "header": { "title": "Header", "type": "array", "namedSlot": true, "maxItems": 3, "items": { "title": "Body item", "oneOf": [{ "$ref": "raw" }] } }, "body": { "title": "Body", "type": "array", "namedSlot": false, "items": { "oneOf": [{ "$ref": "pfe-card" }, { "$ref": "raw" }] } }, "footer": { "title": "Footer", "type": "array", "namedSlot": true, "maxItems": 3, "items": { "oneOf": [{ "$ref": "pfe-cta" }, { "$ref": "raw" }] } } }; + } + }, { + key: "tag", + get: function get$$1() { + return "pfe-card"; + } + }, { + key: "observedAttributes", + get: function get$$1() { + return ["pfe-color", "pfe-img-src", "pfe-size"]; + } + + // Declare the type of this component + + }, { + key: "PfeType", + get: function get$$1() { + return PFElement.PfeTypes.Container; + } + }]); + + function PfeCard() { + classCallCheck(this, PfeCard); + + var _this = possibleConstructorReturn(this, (PfeCard.__proto__ || Object.getPrototypeOf(PfeCard)).call(this, PfeCard, { type: PfeCard.PfeType })); + + _this._observer = new MutationObserver(function () { + _this._mapSchemaToSlots(_this.tag, _this.slots); + }); + return _this; + } + + createClass(PfeCard, [{ + key: "connectedCallback", + value: function connectedCallback() { + get(PfeCard.prototype.__proto__ || Object.getPrototypeOf(PfeCard.prototype), "connectedCallback", this).call(this); + + // Initialize the background image attachment + if (this.imageSrc) { + this._imgSrcChanged("pfe-img-src", "", this.imageSrc); + } + + this._observer.observe(this, { childList: true }); + } + }, { + key: "disconnectedCallback", + value: function disconnectedCallback() { + this._observer.disconnect(); + } + }, { + key: "attributeChangedCallback", + value: function attributeChangedCallback(attr, oldValue, newValue) { + get(PfeCard.prototype.__proto__ || Object.getPrototypeOf(PfeCard.prototype), "attributeChangedCallback", this).call(this, attr, oldValue, newValue); + // Strip the prefix from the attribute + attr = attr.replace("pfe-", ""); + // If the observer is defined in the attribute properties + if (this[attr] && this[attr].observer) { + // Get the observer function + var observer = this[this[attr].observer].bind(this); + // If it's a function, allow it to run + if (typeof observer === "function") observer(attr, oldValue, newValue); + } + } + }, { + key: "_basicAttributeChanged", + value: function _basicAttributeChanged(attr, oldValue, newValue) { + this[attr].value = newValue; + } + + // Update the color attribute and contexts + + }, { + key: "_colorChanged", + value: function _colorChanged(attr, oldValue, newValue) { + this[attr].value = newValue; + // Trigger an update in nested components + this.context_update(); + } + + // Update the background image + + }, { + key: "_imgSrcChanged", + value: function _imgSrcChanged(attr, oldValue, newValue) { + // Set the image as the background image + this.style.backgroundImage = newValue ? "url('" + newValue + "')" : ""; + } + }]); + return PfeCard; + }(PFElement); + + PFElement.create(PfeCard); + + return PfeCard; + +}))); +//# sourceMappingURL=pfe-card.umd.js.map diff --git a/elements/pfe-card/dist/pfe-card.umd.js.map b/elements/pfe-card/dist/pfe-card.umd.js.map new file mode 100644 index 0000000000..7f0bcf32f4 --- /dev/null +++ b/elements/pfe-card/dist/pfe-card.umd.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-card.umd.js","sources":["../_temp/polyfills--pfe-card.js","../_temp/pfe-card.umd.js"],"sourcesContent":["// @POLYFILL Element.matches\n// https://developer.mozilla.org/en-US/docs/Web/API/Element/matches\nif (!Element.prototype.matches) {\n Element.prototype.matches =\n Element.prototype.msMatchesSelector ||\n Element.prototype.webkitMatchesSelector;\n}\n\n// @POLYFILL Element.closest\n// https://developer.mozilla.org/en-US/docs/Web/API/Element/closest\nif (!Element.prototype.closest) {\n Element.prototype.closest = function(s) {\n var el = this;\n do {\n if (el.matches(s)) return el;\n el = el.parentElement || el.parentNode;\n } while (el !== null && el.nodeType === 1);\n return null;\n };\n}\n\n// @POLYFILL Array.includes\n// https://tc39.github.io/ecma262/#sec-array.prototype.includes\nif (!Array.prototype.includes) {\n Object.defineProperty(Array.prototype, \"includes\", {\n value: function(valueToFind, fromIndex) {\n if (this == null) {\n throw new TypeError('\"this\" is null or not defined');\n }\n\n // 1. Let O be ? ToObject(this value).\n var o = Object(this);\n\n // 2. Let len be ? ToLength(? Get(O, \"length\")).\n var len = o.length >>> 0;\n\n // 3. If len is 0, return false.\n if (len === 0) {\n return false;\n }\n\n // 4. Let n be ? ToInteger(fromIndex).\n // (If fromIndex is undefined, this step produces the value 0.)\n var n = fromIndex | 0;\n\n // 5. If n ≥ 0, then\n // a. Let k be n.\n // 6. Else n < 0,\n // a. Let k be len + n.\n // b. If k < 0, let k be 0.\n var k = Math.max(n >= 0 ? n : len - Math.abs(n), 0);\n\n function sameValueZero(x, y) {\n return (\n x === y ||\n (typeof x === \"number\" &&\n typeof y === \"number\" &&\n isNaN(x) &&\n isNaN(y))\n );\n }\n\n // 7. Repeat, while k < len\n while (k < len) {\n // a. Let elementK be the result of ? Get(O, ! ToString(k)).\n // b. If SameValueZero(valueToFind, elementK) is true, return true.\n if (sameValueZero(o[k], valueToFind)) {\n return true;\n }\n // c. Increase k by 1.\n k++;\n }\n\n // 8. Return false\n return false;\n }\n });\n}\n","/*!\n * PatternFly Elements: PfeCard 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\n// Import polyfills: matches, closest, includes\nimport \"./polyfills--pfe-card.js\";\n\nimport PFElement from \"../../pfelement/dist/pfelement.umd\";\n\nclass PfeCard extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return `
    \n \n
    \n
    \n \n
    \n
    \n \n
    `;\n }\n\n static get properties() {\n return {\"color\":{\"title\":\"Background color\",\"type\":\"string\",\"enum\":[\"lightest\",\"lighter\",\"base\",\"darker\",\"darkest\",\"complement\",\"accent\"],\"default\":\"base\",\"prefixed\":true,\"observer\":\"_colorChanged\"},\"img-src\":{\"title\":\"Background image\",\"type\":\"string\",\"observer\":\"_imgSrcChanged\"},\"size\":{\"title\":\"Padding size\",\"type\":\"string\",\"enum\":[\"small\"],\"observer\":\"_basicAttributeChanged\"}};\n }\n\n static get slots() {\n return {\"header\":{\"title\":\"Header\",\"type\":\"array\",\"namedSlot\":true,\"maxItems\":3,\"items\":{\"title\":\"Body item\",\"oneOf\":[{\"$ref\":\"raw\"}]}},\"body\":{\"title\":\"Body\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"pfe-card\"},{\"$ref\":\"raw\"}]}},\"footer\":{\"title\":\"Footer\",\"type\":\"array\",\"namedSlot\":true,\"maxItems\":3,\"items\":{\"oneOf\":[{\"$ref\":\"pfe-cta\"},{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-card\";\n }\n\n get schemaUrl() {\n return \"pfe-card.json\";\n }\n\n get templateUrl() {\n return \"pfe-card.html\";\n }\n\n get styleUrl() {\n return \"pfe-card.scss\";\n }\n\n get imageSrc() {\n return this.getAttribute(\"pfe-img-src\");\n }\n\n get backgroundColor() {\n return this.getAttribute(\"pfe-color\") || \"base\";\n }\n\n static get observedAttributes() {\n return [\"pfe-color\", \"pfe-img-src\", \"pfe-size\"];\n }\n\n // Declare the type of this component\n static get PfeType() {\n return PFElement.PfeTypes.Container;\n }\n\n constructor() {\n super(PfeCard, { type: PfeCard.PfeType });\n this._observer = new MutationObserver(() => {\n this._mapSchemaToSlots(this.tag, this.slots);\n });\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n // Initialize the background image attachment\n if (this.imageSrc) {\n this._imgSrcChanged(\"pfe-img-src\", \"\", this.imageSrc);\n }\n\n this._observer.observe(this, { childList: true });\n }\n\n disconnectedCallback() {\n this._observer.disconnect();\n }\n\n attributeChangedCallback(attr, oldValue, newValue) {\n super.attributeChangedCallback(attr, oldValue, newValue);\n // Strip the prefix from the attribute\n attr = attr.replace(\"pfe-\", \"\");\n // If the observer is defined in the attribute properties\n if (this[attr] && this[attr].observer) {\n // Get the observer function\n let observer = this[this[attr].observer].bind(this);\n // If it's a function, allow it to run\n if (typeof observer === \"function\") observer(attr, oldValue, newValue);\n }\n }\n\n _basicAttributeChanged(attr, oldValue, newValue) {\n this[attr].value = newValue;\n }\n\n // Update the color attribute and contexts\n _colorChanged(attr, oldValue, newValue) {\n this[attr].value = newValue;\n // Trigger an update in nested components\n this.context_update();\n }\n\n // Update the background image\n _imgSrcChanged(attr, oldValue, newValue) {\n // Set the image as the background image\n this.style.backgroundImage = newValue ? `url('${newValue}')` : ``;\n }\n}\n\nPFElement.create(PfeCard);\n\nexport { PfeCard as default };\n"],"names":["Element","prototype","matches","msMatchesSelector","webkitMatchesSelector","closest","s","el","parentElement","parentNode","nodeType","Array","includes","Object","defineProperty","value","valueToFind","fromIndex","TypeError","o","len","length","n","k","Math","max","abs","sameValueZero","x","y","isNaN","PfeCard","getAttribute","PFElement","PfeTypes","Container","type","PfeType","_observer","MutationObserver","_mapSchemaToSlots","tag","slots","imageSrc","_imgSrcChanged","observe","childList","disconnect","attr","oldValue","newValue","replace","observer","bind","context_update","style","backgroundImage","create"],"mappings":"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"} \ No newline at end of file diff --git a/elements/pfe-card/dist/pfe-card.umd.min.js b/elements/pfe-card/dist/pfe-card.umd.min.js new file mode 100644 index 0000000000..f6a7b86693 --- /dev/null +++ b/elements/pfe-card/dist/pfe-card.umd.min.js @@ -0,0 +1,2 @@ +!function(e,r){"object"==typeof exports&&"undefined"!=typeof module?module.exports=r(require("../../pfelement/dist/pfelement.umd")):"function"==typeof define&&define.amd?define(["../../pfelement/dist/pfelement.umd"],r):e.PfeCard=r(e.PFElement)}(this,function(e){"use strict";e=e&&e.hasOwnProperty("default")?e.default:e,Element.prototype.matches||(Element.prototype.matches=Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector),Element.prototype.closest||(Element.prototype.closest=function(e){var r=this;do{if(r.matches(e))return r;r=r.parentElement||r.parentNode}while(null!==r&&1===r.nodeType);return null}),Array.prototype.includes||Object.defineProperty(Array.prototype,"includes",{value:function(e,r){if(null==this)throw new TypeError('"this" is null or not defined');var t=Object(this),o=t.length>>>0;if(0==o)return!1;var a,d,c=0|r,i=Math.max(0<=c?c:o-Math.abs(c),0);for(;i:host{--pfe-card--PaddingTop:calc(var(--pfe-theme--container-spacer, 16px) * 2);--pfe-card--PaddingRight:calc(var(--pfe-theme--container-spacer, 16px) * 2);--pfe-card--PaddingBottom:calc(var(--pfe-theme--container-spacer, 16px) * 2);--pfe-card--PaddingLeft:calc(var(--pfe-theme--container-spacer, 16px) * 2);--pfe-card--Padding:var(--pfe-card--PaddingTop) var(--pfe-card--PaddingRight) var(--pfe-card--PaddingBottom) var(--pfe-card--PaddingLeft);--pfe-card--BorderRadius:var(--pfe-theme--surface--border-radius, 3px);--pfe-card--Border:var(--pfe-card--BorderWidth, 0) var(--pfe-card--BorderStyle, solid) var(--pfe-card--BorderColor, var(--pfe-theme--color--surface--border, #d2d2d2));--pfe-card--BackgroundColor:var(--pfe-theme--color--surface--base, #dfdfdf);--pfe-card--BackgroundPosition:center center;--pfe-card--spacing:var(--pfe-theme--container-spacer, 16px);--pfe-card--spacing--vertical:var(--pfe-card--spacing);--pfe-card__header--BackgroundColor:rgba(45, 45, 45, var(--pfe-theme--opacity, 0.3));--pfe-card__header--Color:var(--pfe-broadcasted--text, #333);--pfe-card__footer--spacing--horizontal:calc(var(--pfe-theme--container-spacer, 16px) / 2);--pfe-broadcasted--text:var(--pfe-theme--color--text, #333);--pfe-broadcasted--link:var(--pfe-theme--color--link, #06c);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover, #003366);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus, #003366);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited, rebeccapurple);--pfe-broadcasted--link-decoration:none;--pfe-broadcasted--link-decoration--hover:underline;--pfe-broadcasted--link-decoration--focus:underline;--pfe-broadcasted--link-decoration--visited:none;--theme:light;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;justify-items:flex-start;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;padding:var(--pfe-card--Padding);border:var(--pfe-card--Border);border-radius:var(--pfe-card--BorderRadius);overflow:hidden;background-color:var(--pfe-card--BackgroundColor);background-position:var(--pfe-card--BackgroundPosition);color:#333;color:var(--pfe-broadcasted--text,#333)}@media print{:host{background-color:#fff!important;background-image:none!important;-webkit-box-shadow:none!important;box-shadow:none!important}}@media print{:host{border-radius:3px;border:1px solid #d2d2d2}}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host{background-color:#fff!important;background-color:var(--pfe-theme--color--surface--lightest,#fff)!important;color:#333!important;color:var(--pfe-theme--color--text,#333)!important;background-image:none!important;border-radius:3px;border:1px solid #d2d2d2;padding:calc(16px);padding:calc(var(--pfe-theme--container-spacer,16px))}}:host([pfe-color=darker]){--pfe-card--BackgroundColor:var(--pfe-theme--color--surface--darker, #464646);--theme:var(--pfe-theme--color--surface--darker--theme, dark)}:host([pfe-color=darkest]){--pfe-card--BackgroundColor:var(--pfe-theme--color--surface--darkest, #131313);--theme:var(--pfe-theme--color--surface--darkest--theme, dark)}:host([pfe-color=base]){--pfe-card--BackgroundColor:var(--pfe-theme--color--surface--base, #dfdfdf);--theme:var(--pfe-theme--color--surface--base--theme, light)}:host([pfe-color=lighter]){--pfe-card--BackgroundColor:var(--pfe-theme--color--surface--lighter, #ececec);--theme:var(--pfe-theme--color--surface--lighter--theme, light)}:host([pfe-color=lightest]){--pfe-card--BackgroundColor:var(--pfe-theme--color--surface--lightest, #fff);--theme:var(--pfe-theme--color--surface--lightest--theme, light)}:host([pfe-color=accent]){--pfe-card--BackgroundColor:var(--pfe-theme--color--surface--accent, #e00);--theme:var(--pfe-theme--color--surface--accent--theme, saturated)}:host([pfe-color=complement]){--pfe-card--BackgroundColor:var(--pfe-theme--color--surface--complement, #0477a4);--theme:var(--pfe-theme--color--surface--complement--theme, saturated)}:host([on=dark]){--pfe-broadcasted--text:var(--pfe-theme--color--text--on-dark, #fff);--pfe-broadcasted--link:var(--pfe-theme--color--link--on-dark, #99ccff);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover--on-dark, #cce6ff);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus--on-dark, #cce6ff);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited--on-dark, #b38cd9);--pfe-broadcasted--link-decoration:none;--pfe-broadcasted--link-decoration--hover:underline;--pfe-broadcasted--link-decoration--focus:underline;--pfe-broadcasted--link-decoration--visited:none}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host{color:#333!important;color:var(--pfe-theme--color--text,#333)!important}}:host([on=saturated]){--pfe-broadcasted--text:var(--pfe-theme--color--text--on-saturated, #fff);--pfe-broadcasted--link:var(--pfe-theme--color--link--on-saturated, #fff);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover--on-saturated, white);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus--on-saturated, white);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited--on-saturated, #b38cd9);--pfe-broadcasted--link-decoration:underline;--pfe-broadcasted--link-decoration--hover:underline;--pfe-broadcasted--link-decoration--focus:underline;--pfe-broadcasted--link-decoration--visited:underline}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host{color:#333!important;color:var(--pfe-theme--color--text,#333)!important}}:host([on=light]){--pfe-broadcasted--text:var(--pfe-theme--color--text, #333);--pfe-broadcasted--link:var(--pfe-theme--color--link, #06c);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover, #003366);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus, #003366);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited, rebeccapurple);--pfe-broadcasted--link-decoration:none;--pfe-broadcasted--link-decoration--hover:underline;--pfe-broadcasted--link-decoration--focus:underline;--pfe-broadcasted--link-decoration--visited:none}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host{color:#333!important;color:var(--pfe-theme--color--text,#333)!important}}:host([pfe-size=small]){--pfe-card--PaddingTop:var(--pfe-theme--container-spacer, 16px);--pfe-card--PaddingRight:var(--pfe-theme--container-spacer, 16px);--pfe-card--PaddingBottom:var(--pfe-theme--container-spacer, 16px);--pfe-card--PaddingLeft:var(--pfe-theme--container-spacer, 16px)}:host([pfe-border]:not([pfe-border=false])){--pfe-card--BorderWidth:1px}.pfe-card__body ::slotted([pfe-overflow~=top]),.pfe-card__footer ::slotted([pfe-overflow~=top]),.pfe-card__header ::slotted([pfe-overflow~=top]){z-index:1;margin-top:-2rem;margin-top:calc(-1 * var(--pfe-card--PaddingTop))!important}:host([has_header]) .pfe-card__body ::slotted([pfe-overflow~=top]),:host([has_header]) .pfe-card__footer ::slotted([pfe-overflow~=top]),:host([has_header]) .pfe-card__header ::slotted([pfe-overflow~=top]){padding-top:var(--pfe-card--spacing)}.pfe-card__body ::slotted([pfe-overflow~=right]),.pfe-card__footer ::slotted([pfe-overflow~=right]),.pfe-card__header ::slotted([pfe-overflow~=right]){margin-right:-2rem;margin-right:calc(-1 * var(--pfe-card--PaddingRight))}.pfe-card__body ::slotted([pfe-overflow~=bottom]),.pfe-card__footer ::slotted([pfe-overflow~=bottom]),.pfe-card__header ::slotted([pfe-overflow~=bottom]){margin-bottom:-2rem;margin-bottom:calc(-1 * calc(var(--pfe-card--PaddingBottom) + var(--pfe-card--BorderRadius)));-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end}.pfe-card__body ::slotted([pfe-overflow~=left]),.pfe-card__footer ::slotted([pfe-overflow~=left]),.pfe-card__header ::slotted([pfe-overflow~=left]){margin-left:-2rem;margin-left:calc(-1 * var(--pfe-card--PaddingLeft))}.pfe-card__body ::slotted(img),.pfe-card__footer ::slotted(img),.pfe-card__header ::slotted(img){max-width:100%!important;-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start;-o-object-fit:cover;object-fit:cover}.pfe-card__body ::slotted(img:not[pfe-overflow]),.pfe-card__footer ::slotted(img:not[pfe-overflow]),.pfe-card__header ::slotted(img:not[pfe-overflow]){-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start}.pfe-card__body ::slotted(img[pfe-overflow~=right]),.pfe-card__footer ::slotted(img[pfe-overflow~=right]),.pfe-card__header ::slotted(img[pfe-overflow~=right]){max-width:calc(100% + 2rem)!important;max-width:calc(100% + var(--pfe-card--PaddingRight))!important}.pfe-card__body ::slotted(img[pfe-overflow~=left]),.pfe-card__footer ::slotted(img[pfe-overflow~=left]),.pfe-card__header ::slotted(img[pfe-overflow~=left]){max-width:calc(100% + 2rem)!important;max-width:calc(100% + var(--pfe-card--PaddingLeft))!important}.pfe-card__body ::slotted(img[pfe-overflow~=right][pfe-overflow~=left]),.pfe-card__footer ::slotted(img[pfe-overflow~=right][pfe-overflow~=left]),.pfe-card__header ::slotted(img[pfe-overflow~=right][pfe-overflow~=left]){max-width:calc(100% + 4rem)!important;max-width:calc(100% + calc(var(--pfe-card--PaddingRight) + var(--pfe-card--PaddingLeft)))!important}.pfe-card__header{z-index:2;background-color:var(--pfe-card__header--BackgroundColor);color:var(--pfe-card__header--Color);margin-top:calc(var(--pfe-card--PaddingTop) * -1)!important;margin-right:calc(var(--pfe-card--PaddingRight) * -1);margin-bottom:var(--pfe-card--spacing--vertical);margin-left:calc(var(--pfe-card--PaddingLeft) * -1);padding-top:var(--pfe-card--spacing--vertical);padding-right:var(--pfe-card--PaddingRight);padding-left:var(--pfe-card--PaddingLeft);padding-bottom:var(--pfe-card--spacing--vertical)}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){.pfe-card__header{background-color:#ececec!important;color:#333!important;color:var(--pfe-theme--color--text,#333)!important}}:host(:not([has_body],[has_footer])) .pfe-card__header{margin-bottom:var(--pfe-card--PaddingBottom)}.pfe-card__header ::slotted([pfe-overflow~=top]){--pfe-card__overflow--MarginTop:calc(var(--pfe-card--PaddingTop) * -1)}:host(:not([has_header])) .pfe-card__header{display:none}:host([has_body],[has_footer]) .pfe-card__header ::slotted([pfe-overflow~=bottom]){--pfe-card__overflow--MarginBottom:calc(var(--pfe-card--spacing--vertical) * -1)}.pfe-card__header ::slotted([pfe-overflow~=bottom]){--pfe-card__overflow--MarginBottom:calc(var(--pfe-card--PaddingBottom) * -1)}.pfe-card__header ::slotted(h1){margin-bottom:0}.pfe-card__header ::slotted(h2){margin-bottom:0}.pfe-card__header ::slotted(h3){margin-bottom:0}.pfe-card__header ::slotted(h4){margin-bottom:0}.pfe-card__header ::slotted(h5){margin-bottom:0}.pfe-card__header ::slotted(h6){margin-bottom:0}:host(:not([has_header])) .pfe-card__body ::slotted([pfe-overflow~=top]){--pfe-card__overflow--MarginTop:calc(var(--pfe-card--PaddingTop) * -1)}.pfe-card__body ::slotted([pfe-overflow~=top]){z-index:1;--pfe-card__overflow--MarginTop:calc(var(--pfe-card--spacing--vertical) * -1)}.pfe-card__body ::slotted([pfe-overflow~=bottom]){--pfe-card__overflow--MarginBottom:calc(var(--pfe-card--PaddingBottom) * -1)}:host([has_footer]) .pfe-card__body ::slotted([pfe-overflow~=bottom]){--pfe-card__overflow--MarginBottom:calc(var(--pfe-card--spacing--vertical) * -1)}:host(:not([has_footer])) .pfe-card__body{margin-bottom:0}.pfe-card__footer{margin-top:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;flex-direction:var(--pfe-card__footer--Row,row);-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-wrap:var(--pfe-card__footer--Wrap,wrap);-ms-flex-wrap:var(--pfe-card__footer--Wrap,wrap);flex-wrap:var(--pfe-card__footer--Wrap,wrap);-webkit-box-align:baseline;-webkit-align-items:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-align:var(--pfe-card__footer--AlignItems,baseline);-webkit-align-items:var(--pfe-card__footer--AlignItems,baseline);-ms-flex-align:var(--pfe-card__footer--AlignItems,baseline);align-items:var(--pfe-card__footer--AlignItems,baseline)}.pfe-card__footer ::slotted([pfe-overflow~=bottom]){--pfe-card__overflow--MarginBottom:calc(var(--pfe-card--PaddingBottom) * -1)}:host(:not([has_footer])) .pfe-card__footer{display:none}.pfe-card__body,.pfe-card__header{margin-bottom:var(--pfe-card--spacing--vertical)}.pfe-card__body ::slotted(p:first-child),.pfe-card__header ::slotted(p:first-child){margin-top:0}.pfe-card__body ::slotted(h1:first-child),.pfe-card__header ::slotted(h1:first-child){margin-top:0}.pfe-card__body ::slotted(h2:first-child),.pfe-card__header ::slotted(h2:first-child){margin-top:0}.pfe-card__body ::slotted(h3:first-child),.pfe-card__header ::slotted(h3:first-child){margin-top:0}.pfe-card__body ::slotted(h4:first-child),.pfe-card__header ::slotted(h4:first-child){margin-top:0}.pfe-card__body ::slotted(h5:first-child),.pfe-card__header ::slotted(h5:first-child){margin-top:0}.pfe-card__body ::slotted(h6:first-child),.pfe-card__header ::slotted(h6:first-child){margin-top:0}\n/*# sourceMappingURL=pfe-card.min.css.map */\n
    \n \n
    \n
    \n \n
    \n
    \n \n
    '}},{key:"schemaUrl",get:function(){return"pfe-card.json"}},{key:"templateUrl",get:function(){return"pfe-card.html"}},{key:"styleUrl",get:function(){return"pfe-card.scss"}},{key:"imageSrc",get:function(){return this.getAttribute("pfe-img-src")}},{key:"backgroundColor",get:function(){return this.getAttribute("pfe-color")||"base"}}],[{key:"version",get:function(){return"1.0.0-prerelease.50"}},{key:"properties",get:function(){return{color:{title:"Background color",type:"string",enum:["lightest","lighter","base","darker","darkest","complement","accent"],default:"base",prefixed:!0,observer:"_colorChanged"},"img-src":{title:"Background image",type:"string",observer:"_imgSrcChanged"},size:{title:"Padding size",type:"string",enum:["small"],observer:"_basicAttributeChanged"}}}},{key:"slots",get:function(){return{header:{title:"Header",type:"array",namedSlot:!0,maxItems:3,items:{title:"Body item",oneOf:[{$ref:"raw"}]}},body:{title:"Body",type:"array",namedSlot:!1,items:{oneOf:[{$ref:"pfe-card"},{$ref:"raw"}]}},footer:{title:"Footer",type:"array",namedSlot:!0,maxItems:3,items:{oneOf:[{$ref:"pfe-cta"},{$ref:"raw"}]}}}}},{key:"tag",get:function(){return"pfe-card"}},{key:"observedAttributes",get:function(){return["pfe-color","pfe-img-src","pfe-size"]}},{key:"PfeType",get:function(){return e.PfeTypes.Container}}]),r(a,[{key:"connectedCallback",value:function(){c(a.prototype.__proto__||Object.getPrototypeOf(a.prototype),"connectedCallback",this).call(this),this.imageSrc&&this._imgSrcChanged("pfe-img-src","",this.imageSrc),this._observer.observe(this,{childList:!0})}},{key:"disconnectedCallback",value:function(){this._observer.disconnect()}},{key:"attributeChangedCallback",value:function(e,r,t){if(c(a.prototype.__proto__||Object.getPrototypeOf(a.prototype),"attributeChangedCallback",this).call(this,e,r,t),this[e=e.replace("pfe-","")]&&this[e].observer){var o=this[this[e].observer].bind(this);"function"==typeof o&&o(e,r,t)}}},{key:"_basicAttributeChanged",value:function(e,r,t){this[e].value=t}},{key:"_colorChanged",value:function(e,r,t){this[e].value=t,this.context_update()}},{key:"_imgSrcChanged",value:function(e,r,t){this.style.backgroundImage=t?"url('"+t+"')":""}}]),a);function a(){!function(e,r){if(!(e instanceof r))throw new TypeError("Cannot call a class as a function")}(this,a);var e=function(e,r){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!r||"object"!=typeof r&&"function"!=typeof r?e:r}(this,(a.__proto__||Object.getPrototypeOf(a)).call(this,a,{type:a.PfeType}));return e._observer=new MutationObserver(function(){e._mapSchemaToSlots(e.tag,e.slots)}),e}return e.create(t),t}); +//# sourceMappingURL=pfe-card.umd.min.js.map diff --git a/elements/pfe-card/dist/pfe-card.umd.min.js.map b/elements/pfe-card/dist/pfe-card.umd.min.js.map new file mode 100644 index 0000000000..39e4efa772 --- /dev/null +++ b/elements/pfe-card/dist/pfe-card.umd.min.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-card.umd.min.js","sources":["../_temp/polyfills--pfe-card.js","../_temp/pfe-card.umd.js"],"sourcesContent":["// @POLYFILL Element.matches\n// https://developer.mozilla.org/en-US/docs/Web/API/Element/matches\nif (!Element.prototype.matches) {\n Element.prototype.matches =\n Element.prototype.msMatchesSelector ||\n Element.prototype.webkitMatchesSelector;\n}\n\n// @POLYFILL Element.closest\n// https://developer.mozilla.org/en-US/docs/Web/API/Element/closest\nif (!Element.prototype.closest) {\n Element.prototype.closest = function(s) {\n var el = this;\n do {\n if (el.matches(s)) return el;\n el = el.parentElement || el.parentNode;\n } while (el !== null && el.nodeType === 1);\n return null;\n };\n}\n\n// @POLYFILL Array.includes\n// https://tc39.github.io/ecma262/#sec-array.prototype.includes\nif (!Array.prototype.includes) {\n Object.defineProperty(Array.prototype, \"includes\", {\n value: function(valueToFind, fromIndex) {\n if (this == null) {\n throw new TypeError('\"this\" is null or not defined');\n }\n\n // 1. Let O be ? ToObject(this value).\n var o = Object(this);\n\n // 2. Let len be ? ToLength(? Get(O, \"length\")).\n var len = o.length >>> 0;\n\n // 3. If len is 0, return false.\n if (len === 0) {\n return false;\n }\n\n // 4. Let n be ? ToInteger(fromIndex).\n // (If fromIndex is undefined, this step produces the value 0.)\n var n = fromIndex | 0;\n\n // 5. If n ≥ 0, then\n // a. Let k be n.\n // 6. Else n < 0,\n // a. Let k be len + n.\n // b. If k < 0, let k be 0.\n var k = Math.max(n >= 0 ? n : len - Math.abs(n), 0);\n\n function sameValueZero(x, y) {\n return (\n x === y ||\n (typeof x === \"number\" &&\n typeof y === \"number\" &&\n isNaN(x) &&\n isNaN(y))\n );\n }\n\n // 7. Repeat, while k < len\n while (k < len) {\n // a. Let elementK be the result of ? Get(O, ! ToString(k)).\n // b. If SameValueZero(valueToFind, elementK) is true, return true.\n if (sameValueZero(o[k], valueToFind)) {\n return true;\n }\n // c. Increase k by 1.\n k++;\n }\n\n // 8. Return false\n return false;\n }\n });\n}\n","/*!\n * PatternFly Elements: PfeCard 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\n// Import polyfills: matches, closest, includes\nimport \"./polyfills--pfe-card.js\";\n\nimport PFElement from \"../../pfelement/dist/pfelement.umd\";\n\nclass PfeCard extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return `
    \n \n
    \n
    \n \n
    \n
    \n \n
    `;\n }\n\n static get properties() {\n return {\"color\":{\"title\":\"Background color\",\"type\":\"string\",\"enum\":[\"lightest\",\"lighter\",\"base\",\"darker\",\"darkest\",\"complement\",\"accent\"],\"default\":\"base\",\"prefixed\":true,\"observer\":\"_colorChanged\"},\"img-src\":{\"title\":\"Background image\",\"type\":\"string\",\"observer\":\"_imgSrcChanged\"},\"size\":{\"title\":\"Padding size\",\"type\":\"string\",\"enum\":[\"small\"],\"observer\":\"_basicAttributeChanged\"}};\n }\n\n static get slots() {\n return {\"header\":{\"title\":\"Header\",\"type\":\"array\",\"namedSlot\":true,\"maxItems\":3,\"items\":{\"title\":\"Body item\",\"oneOf\":[{\"$ref\":\"raw\"}]}},\"body\":{\"title\":\"Body\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"pfe-card\"},{\"$ref\":\"raw\"}]}},\"footer\":{\"title\":\"Footer\",\"type\":\"array\",\"namedSlot\":true,\"maxItems\":3,\"items\":{\"oneOf\":[{\"$ref\":\"pfe-cta\"},{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-card\";\n }\n\n get schemaUrl() {\n return \"pfe-card.json\";\n }\n\n get templateUrl() {\n return \"pfe-card.html\";\n }\n\n get styleUrl() {\n return \"pfe-card.scss\";\n }\n\n get imageSrc() {\n return this.getAttribute(\"pfe-img-src\");\n }\n\n get backgroundColor() {\n return this.getAttribute(\"pfe-color\") || \"base\";\n }\n\n static get observedAttributes() {\n return [\"pfe-color\", \"pfe-img-src\", \"pfe-size\"];\n }\n\n // Declare the type of this component\n static get PfeType() {\n return PFElement.PfeTypes.Container;\n }\n\n constructor() {\n super(PfeCard, { type: PfeCard.PfeType });\n this._observer = new MutationObserver(() => {\n this._mapSchemaToSlots(this.tag, this.slots);\n });\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n // Initialize the background image attachment\n if (this.imageSrc) {\n this._imgSrcChanged(\"pfe-img-src\", \"\", this.imageSrc);\n }\n\n this._observer.observe(this, { childList: true });\n }\n\n disconnectedCallback() {\n this._observer.disconnect();\n }\n\n attributeChangedCallback(attr, oldValue, newValue) {\n super.attributeChangedCallback(attr, oldValue, newValue);\n // Strip the prefix from the attribute\n attr = attr.replace(\"pfe-\", \"\");\n // If the observer is defined in the attribute properties\n if (this[attr] && this[attr].observer) {\n // Get the observer function\n let observer = this[this[attr].observer].bind(this);\n // If it's a function, allow it to run\n if (typeof observer === \"function\") observer(attr, oldValue, newValue);\n }\n }\n\n _basicAttributeChanged(attr, oldValue, newValue) {\n this[attr].value = newValue;\n }\n\n // Update the color attribute and contexts\n _colorChanged(attr, oldValue, newValue) {\n this[attr].value = newValue;\n // Trigger an update in nested components\n this.context_update();\n }\n\n // Update the background image\n _imgSrcChanged(attr, oldValue, newValue) {\n // Set the image as the background image\n this.style.backgroundImage = newValue ? `url('${newValue}')` : ``;\n }\n}\n\nPFElement.create(PfeCard);\n\nexport { PfeCard as default };\n"],"names":["Element","prototype","matches","msMatchesSelector","webkitMatchesSelector","closest","s","el","this","parentElement","parentNode","nodeType","Array","includes","defineProperty","valueToFind","fromIndex","TypeError","o","Object","len","length","x","y","n","k","Math","max","abs","isNaN","PfeCard","PFElement","getAttribute","color","title","type","enum","default","prefixed","observer","img-src","size","header","namedSlot","maxItems","items","oneOf","$ref","body","footer","PfeTypes","Container","imageSrc","_imgSrcChanged","_observer","observe","childList","disconnect","attr","oldValue","newValue","replace","bind","value","context_update","style","backgroundImage","PfeType","MutationObserver","_mapSchemaToSlots","_this","tag","slots","create"],"mappings":"gUAEKA,QAAQC,UAAUC,kBACbD,UAAUC,QAChBF,QAAQC,UAAUE,mBAClBH,QAAQC,UAAUG,uBAKjBJ,QAAQC,UAAUI,kBACbJ,UAAUI,QAAU,SAASC,OAC/BC,EAAKC,OACN,IACGD,EAAGL,QAAQI,GAAI,OAAOC,IACrBA,EAAGE,eAAiBF,EAAGG,iBACd,OAAPH,GAA+B,IAAhBA,EAAGI,iBACpB,OAMNC,MAAMX,UAAUY,iBACZC,eAAeF,MAAMX,UAAW,WAAY,OAC1C,SAASc,EAAaC,MACf,MAARR,WACI,IAAIS,UAAU,qCAIlBC,EAAIC,OAAOX,MAGXY,EAAMF,EAAEG,SAAW,KAGX,GAARD,SACK,MAccE,EAAGC,EATtBC,EAAgB,EAAZR,EAOJS,EAAIC,KAAKC,IAAS,GAALH,EAASA,EAAIJ,EAAMM,KAAKE,IAAIJ,GAAI,QAa1CC,EAAIL,GAAK,KAXOE,EAcHJ,EAAEO,OAdIF,EAcAR,IAXR,iBAANO,GACO,iBAANC,GACPM,MAAMP,IACNO,MAAMN,UASD,aAOJ,seC5CPO,+TAAgBC,o7aA+BX,0DAIA,uDAIA,wDAIAvB,KAAKwB,aAAa,8DAIlBxB,KAAKwB,aAAa,cAAgB,+CA7ClC,+DAkBA,CAACC,MAAQ,CAACC,MAAQ,mBAAmBC,KAAO,SAASC,KAAO,CAAC,WAAW,UAAU,OAAO,SAAS,UAAU,aAAa,UAAUC,QAAU,OAAOC,UAAW,EAAKC,SAAW,iBAAiBC,UAAU,CAACN,MAAQ,mBAAmBC,KAAO,SAASI,SAAW,kBAAkBE,KAAO,CAACP,MAAQ,eAAeC,KAAO,SAASC,KAAO,CAAC,SAASG,SAAW,+DAI9V,CAACG,OAAS,CAACR,MAAQ,SAASC,KAAO,QAAQQ,WAAY,EAAKC,SAAW,EAAEC,MAAQ,CAACX,MAAQ,YAAYY,MAAQ,CAAC,CAACC,KAAO,UAAUC,KAAO,CAACd,MAAQ,OAAOC,KAAO,QAAQQ,WAAY,EAAME,MAAQ,CAACC,MAAQ,CAAC,CAACC,KAAO,YAAY,CAACA,KAAO,UAAUE,OAAS,CAACf,MAAQ,SAASC,KAAO,QAAQQ,WAAY,EAAKC,SAAW,EAAEC,MAAQ,CAACC,MAAQ,CAAC,CAACC,KAAO,WAAW,CAACA,KAAO,6CAGtW,4DAwBA,CAAC,YAAa,cAAe,mDAK7BhB,EAAUmB,SAASC,8JActB3C,KAAK4C,eACFC,eAAe,cAAe,GAAI7C,KAAK4C,eAGzCE,UAAUC,QAAQ/C,KAAM,CAAEgD,WAAW,wDAIrCF,UAAUG,8DAGQC,EAAMC,EAAUC,6GACRF,EAAMC,EAAUC,GAI3CpD,OAFGkD,EAAKG,QAAQ,OAAQ,MAEVrD,KAAKkD,GAAMnB,SAAU,KAEjCA,EAAW/B,KAAKA,KAAKkD,GAAMnB,UAAUuB,KAAKtD,MAEtB,mBAAb+B,GAAyBA,EAASmB,EAAMC,EAAUC,mDAI1CF,EAAMC,EAAUC,QAChCF,GAAMK,MAAQH,wCAIPF,EAAMC,EAAUC,QACvBF,GAAMK,MAAQH,OAEdI,wDAIQN,EAAMC,EAAUC,QAExBK,MAAMC,gBAAkBN,UAAmBA,mWAhD1C9B,EAAS,CAAEK,KAAML,EAAQqC,oBAC1Bb,UAAY,IAAIc,iBAAiB,aAC/BC,kBAAkBC,EAAKC,IAAKD,EAAKE,kBAkD5CzC,EAAU0C,OAAO3C"} \ No newline at end of file diff --git a/elements/pfe-card/package-lock.json b/elements/pfe-card/package-lock.json index 6153e6d634..323f3d2dd3 100644 --- a/elements/pfe-card/package-lock.json +++ b/elements/pfe-card/package-lock.json @@ -1,6 +1,6 @@ { "name": "@patternfly/pfe-card", - "version": "1.0.0-prerelease.49", + "version": "1.0.0-prerelease.50", "lockfileVersion": 1, "requires": true, "dependencies": { diff --git a/elements/pfe-card/package.json b/elements/pfe-card/package.json index 0bff3e5fa6..2062c2d892 100644 --- a/elements/pfe-card/package.json +++ b/elements/pfe-card/package.json @@ -4,7 +4,7 @@ "className": "PfeCard", "elementName": "pfe-card" }, - "version": "1.0.0-prerelease.49", + "version": "1.0.0-prerelease.50", "publishConfig": { "access": "public" }, @@ -46,8 +46,8 @@ ], "license": "MIT", "dependencies": { - "@patternfly/pfe-sass": "^1.0.0-prerelease.49", - "@patternfly/pfelement": "^1.0.0-prerelease.49" + "@patternfly/pfe-sass": "^1.0.0-prerelease.50", + "@patternfly/pfelement": "^1.0.0-prerelease.50" }, "generator-pfelement-version": "0.5.0", "bugs": { diff --git a/elements/pfe-collapse/dist/pfe-collapse.js b/elements/pfe-collapse/dist/pfe-collapse.js new file mode 100644 index 0000000000..6eb8839eb3 --- /dev/null +++ b/elements/pfe-collapse/dist/pfe-collapse.js @@ -0,0 +1,492 @@ +import PFElement from '../../pfelement/dist/pfelement.js'; + +/*! + * PatternFly Elements: PfeCollapse 1.0.0-prerelease.50 + * @license + * Copyright 2020 Red Hat, Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + * +*/ + +function generateId() { + return Math.random() + .toString(36) + .substr(2, 9); +} + +class PfeCollapseToggle extends PFElement { + static get version() { + return "1.0.0-prerelease.50"; + } + + get html() { + return ``; + } + + static get properties() { + return {}; + } + + static get slots() { + return {"default":{"title":"Default","type":"array","namedSlot":false,"items":{"oneOf":[{"$ref":"pfe-collapsibe-toggle"},{"$ref":"pfe-collapse-panel"}]}}}; + } + static get tag() { + return "pfe-collapse-toggle"; + } + + get templateUrl() { + return "pfe-collapse-toggle.html"; + } + + get styleUrl() { + return "pfe-collapse-toggle.scss"; + } + + get pfeId() { + return this.getAttribute("pfe-id"); + } + + set pfeId(id) { + if (!id) { + return; + } + + this.setAttribute("pfe-id", id); + } + + get expanded() { + return this.getAttribute("aria-expanded") === "true"; + } + + set expanded(val) { + const value = Boolean(val); + this.setAttribute("aria-expanded", value); + } + + static get observedAttributes() { + return ["aria-controls"]; + } + + constructor(pfeClass, { setTabIndex = true, addKeydownHandler = true } = {}) { + super(pfeClass || PfeCollapseToggle); + + this.controlledPanel = false; + this._setTabIndex = setTabIndex; + this._addKeydownHandler = addKeydownHandler; + + this.addEventListener("click", this._clickHandler); + + if (addKeydownHandler) { + this.addEventListener("keydown", this._keydownHandler); + } + } + + connectedCallback() { + super.connectedCallback(); + + this.expanded = false; + + // if (this.id && this.id !== "") { + if (this.id) { + this.pfeId = this.id; + } + + const generatedId = `${PfeCollapseToggle.tag}-${generateId()}`; + + if (!this.id) { + this.id = generatedId; + } + + if (!this.pfeId) { + this.pfeId = generatedId; + } + + this.setAttribute("role", "button"); + + if (this._setTabIndex) { + this.setAttribute("tabindex", 0); + } + + if (!this.controlledPanel) { + this._connectPanel(this.getAttribute("aria-controls")); + } + } + + disconnectedCallback() { + this.removeEventListener("click", this._clickHandler); + + if (this._addKeydownHandler) { + this.removeEventListener("keydown", this._keydownHandler); + } + } + + attributeChangedCallback(attr, oldVal, newVal) { + super.attributeChangedCallback(attr, oldVal, newVal); + + if (!newVal) { + return; + } + + this._connectPanel(newVal); + } + + toggle() { + if (this.hasAttribute("disabled")) { + return; + } + + this.expanded = !this.expanded; + + // one last try to hook up a panel + if (!this.controlledPanel) { + this._connectPanel(this.getAttribute("aria-controls")); + } + + if (this.controlledPanel) { + this.controlledPanel.expanded = this.expanded; + + this.emitEvent(PfeCollapse.events.change, { + detail: { + expanded: this.expanded, + toggle: this, + panel: this.controlledPanel + } + }); + } else { + console.warn( + `${this.tag}: This toggle doesn't have a panel associated with it` + ); + } + } + + _clickHandler() { + this.toggle(); + } + + _keydownHandler(event) { + const key = event.key; + + switch (key) { + case " ": + case "Spacebar": + case "Enter": + this.toggle(); + break; + } + } + + _connectPanel(id) { + // this can be an issue if the pfe-collapse is located within + // a shadow root + if (this.getRootNode) { + this.controlledPanel = this.getRootNode().querySelector(`#${id}`); + } else { + this.controlledPanel = document.querySelector(`#${id}`); + } + } +} + +class PfeCollapsePanel extends PFElement { + static get version() { + return "1.0.0-prerelease.50"; + } + + get html() { + return ``; + } + + static get properties() { + return {}; + } + + static get slots() { + return {"default":{"title":"Default","type":"array","namedSlot":false,"items":{"oneOf":[{"$ref":"pfe-collapsibe-toggle"},{"$ref":"pfe-collapse-panel"}]}}}; + } + static get tag() { + return "pfe-collapse-panel"; + } + + static get events() { + return { + animationStart: `${this.tag}:animation-start`, + animationEnd: `${this.tag}:animation-end` + }; + } + + get templateUrl() { + return "pfe-collapse-panel.html"; + } + + get styleUrl() { + return "pfe-collapse-panel.scss"; + } + + get pfeId() { + return this.getAttribute("pfe-id"); + } + + set pfeId(id) { + if (!id) { + return; + } + + this.setAttribute("pfe-id", id); + } + + get animates() { + return this.getAttribute("pfe-animation") === "false" ? false : true; + } + + get expanded() { + return this.hasAttribute("pfe-expanded"); + } + + set expanded(val) { + const value = Boolean(val); + + if (value) { + this.setAttribute("pfe-expanded", ""); + + if (this.animates) { + const height = this.getBoundingClientRect().height; + this._fireAnimationEvent("opening"); + this._animate(0, height); + } + } else { + if (this.hasAttribute("pfe-expanded")) { + const height = this.getBoundingClientRect().height; + this.removeAttribute("pfe-expanded"); + + if (this.animates) { + this._fireAnimationEvent("closing"); + this._animate(height, 0); + } + } + } + } + + constructor(pfeClass) { + super(pfeClass || PfeCollapsePanel); + } + + connectedCallback() { + super.connectedCallback(); + + this.expanded = false; + + // if (this.id && this.id !== "") { + if (this.id) { + this.pfeId = this.id; + } + + const generatedId = `${PfeCollapsePanel.tag}-${generateId()}`; + + if (!this.id) { + this.id = generatedId; + } + + if (!this.pfeId) { + this.pfeId = generatedId; + } + } + + _animate(start, end) { + this.classList.add("animating"); + this.style.height = `${start}px`; + + requestAnimationFrame(() => { + requestAnimationFrame(() => { + this.style.height = `${end}px`; + this.classList.add("animating"); + this.addEventListener("transitionend", this._transitionEndHandler); + }); + }); + } + + _transitionEndHandler(event) { + event.target.style.height = ""; + event.target.classList.remove("animating"); + event.target.removeEventListener( + "transitionend", + this._transitionEndHandler + ); + + this.emitEvent(PfeCollapsePanel.events.animationEnd, { + detail: { + expanded: this.expanded, + panel: this + } + }); + } + + _fireAnimationEvent(state) { + this.emitEvent(PfeCollapsePanel.events.animationStart, { + detail: { + state: state, + panel: this + } + }); + } +} + +class PfeCollapse extends PFElement { + static get version() { + return "1.0.0-prerelease.50"; + } + + get html() { + return ``; + } + + static get properties() { + return {}; + } + + static get slots() { + return {"default":{"title":"Default","type":"array","namedSlot":false,"items":{"oneOf":[{"$ref":"pfe-collapsibe-toggle"},{"$ref":"pfe-collapse-panel"}]}}}; + } + static get tag() { + return "pfe-collapse"; + } + + get templateUrl() { + return "pfe-collapse.html"; + } + + get styleUrl() { + return "pfe-collapse.scss"; + } + + get schemaUrl() { + return "pfe-collapse.json"; + } + + get animates() { + return this.getAttribute("pfe-animation") === "false" ? false : true; + } + + static get observedAttributes() { + return ["pfe-animation"]; + } + + static get events() { + return { + change: `${this.tag}:change` + }; + } + + constructor(pfeClass) { + super(pfeClass || PfeCollapse); + + this._toggle = null; + this._panel = null; + this._linkControls = this._linkControls.bind(this); + this._changeHandler = this._changeHandler.bind(this); + this._observer = new MutationObserver(this._linkControls); + + this.addEventListener(PfeCollapse.events.change, this._changeHandler); + this.addEventListener( + PfeCollapse.events.animationStart, + this._animationStartHandler + ); + this.addEventListener( + PfeCollapse.events.animationEnd, + this._animationEndHandler + ); + } + + connectedCallback() { + super.connectedCallback(); + + Promise.all([ + customElements.whenDefined(PfeCollapsePanel.tag), + customElements.whenDefined(PfeCollapseToggle.tag) + ]).then(() => { + if (this.children.length) { + this._linkControls(); + } + + this._observer.observe(this, { childList: true }); + }); + } + + disconnectedCallback() { + this.removeEventListener(PfeCollapse.events.change, this._changeHandler); + this.removeEventListener( + PfeCollapse.events.animationStart, + this._animationStartHandler + ); + this.removeEventListener( + PfeCollapse.events.animationEnd, + this._animationEndHandler + ); + this._observer.disconnect(); + } + + attributeChangedCallback(attr, oldVal, newVal) { + super.attributeChangedCallback(attr, oldVal, newVal); + + if (!newVal) { + return; + } + + if (newVal !== "false" && newVal !== "true") { + return; + } + + if (this._panel) { + this._panel.setAttribute("pfe-animation", newVal); + } + } + + toggle() { + this._toggle.toggle(); + } + + _linkControls() { + this._toggle = this.querySelector(PfeCollapseToggle.tag); + this._panel = this.querySelector(PfeCollapsePanel.tag); + + this._toggle.setAttribute("aria-controls", this._panel.pfeId); + } + + _animationStartHandler() { + this.classList.add("animating"); + } + + _animationEndHandler() { + this.classList.remove("animating"); + } + + _changeHandler(event) {} +} + +PFElement.create(PfeCollapse); +PFElement.create(PfeCollapseToggle); +PFElement.create(PfeCollapsePanel); + +export { PfeCollapse, PfeCollapseToggle, PfeCollapsePanel }; +//# sourceMappingURL=pfe-collapse.js.map diff --git a/elements/pfe-collapse/dist/pfe-collapse.js.map b/elements/pfe-collapse/dist/pfe-collapse.js.map new file mode 100644 index 0000000000..36d633894a --- /dev/null +++ b/elements/pfe-collapse/dist/pfe-collapse.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-collapse.js","sources":["../_temp/pfe-collapse.js"],"sourcesContent":["/*!\n * PatternFly Elements: PfeCollapse 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\nimport PFElement from \"../../pfelement/dist/pfelement.js\";\n\nfunction generateId() {\n return Math.random()\n .toString(36)\n .substr(2, 9);\n}\n\nclass PfeCollapseToggle extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return ``;\n }\n\n static get properties() {\n return {};\n }\n\n static get slots() {\n return {\"default\":{\"title\":\"Default\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"pfe-collapsibe-toggle\"},{\"$ref\":\"pfe-collapse-panel\"}]}}};\n }\n static get tag() {\n return \"pfe-collapse-toggle\";\n }\n\n get templateUrl() {\n return \"pfe-collapse-toggle.html\";\n }\n\n get styleUrl() {\n return \"pfe-collapse-toggle.scss\";\n }\n\n get pfeId() {\n return this.getAttribute(\"pfe-id\");\n }\n\n set pfeId(id) {\n if (!id) {\n return;\n }\n\n this.setAttribute(\"pfe-id\", id);\n }\n\n get expanded() {\n return this.getAttribute(\"aria-expanded\") === \"true\";\n }\n\n set expanded(val) {\n const value = Boolean(val);\n this.setAttribute(\"aria-expanded\", value);\n }\n\n static get observedAttributes() {\n return [\"aria-controls\"];\n }\n\n constructor(pfeClass, { setTabIndex = true, addKeydownHandler = true } = {}) {\n super(pfeClass || PfeCollapseToggle);\n\n this.controlledPanel = false;\n this._setTabIndex = setTabIndex;\n this._addKeydownHandler = addKeydownHandler;\n\n this.addEventListener(\"click\", this._clickHandler);\n\n if (addKeydownHandler) {\n this.addEventListener(\"keydown\", this._keydownHandler);\n }\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this.expanded = false;\n\n // if (this.id && this.id !== \"\") {\n if (this.id) {\n this.pfeId = this.id;\n }\n\n const generatedId = `${PfeCollapseToggle.tag}-${generateId()}`;\n\n if (!this.id) {\n this.id = generatedId;\n }\n\n if (!this.pfeId) {\n this.pfeId = generatedId;\n }\n\n this.setAttribute(\"role\", \"button\");\n\n if (this._setTabIndex) {\n this.setAttribute(\"tabindex\", 0);\n }\n\n if (!this.controlledPanel) {\n this._connectPanel(this.getAttribute(\"aria-controls\"));\n }\n }\n\n disconnectedCallback() {\n this.removeEventListener(\"click\", this._clickHandler);\n\n if (this._addKeydownHandler) {\n this.removeEventListener(\"keydown\", this._keydownHandler);\n }\n }\n\n attributeChangedCallback(attr, oldVal, newVal) {\n super.attributeChangedCallback(attr, oldVal, newVal);\n\n if (!newVal) {\n return;\n }\n\n this._connectPanel(newVal);\n }\n\n toggle() {\n if (this.hasAttribute(\"disabled\")) {\n return;\n }\n\n this.expanded = !this.expanded;\n\n // one last try to hook up a panel\n if (!this.controlledPanel) {\n this._connectPanel(this.getAttribute(\"aria-controls\"));\n }\n\n if (this.controlledPanel) {\n this.controlledPanel.expanded = this.expanded;\n\n this.emitEvent(PfeCollapse.events.change, {\n detail: {\n expanded: this.expanded,\n toggle: this,\n panel: this.controlledPanel\n }\n });\n } else {\n console.warn(\n `${this.tag}: This toggle doesn't have a panel associated with it`\n );\n }\n }\n\n _clickHandler() {\n this.toggle();\n }\n\n _keydownHandler(event) {\n const key = event.key;\n\n switch (key) {\n case \" \":\n case \"Spacebar\":\n case \"Enter\":\n this.toggle();\n break;\n }\n }\n\n _connectPanel(id) {\n // this can be an issue if the pfe-collapse is located within\n // a shadow root\n if (this.getRootNode) {\n this.controlledPanel = this.getRootNode().querySelector(`#${id}`);\n } else {\n this.controlledPanel = document.querySelector(`#${id}`);\n }\n }\n}\n\nclass PfeCollapsePanel extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return ``;\n }\n\n static get properties() {\n return {};\n }\n\n static get slots() {\n return {\"default\":{\"title\":\"Default\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"pfe-collapsibe-toggle\"},{\"$ref\":\"pfe-collapse-panel\"}]}}};\n }\n static get tag() {\n return \"pfe-collapse-panel\";\n }\n\n static get events() {\n return {\n animationStart: `${this.tag}:animation-start`,\n animationEnd: `${this.tag}:animation-end`\n };\n }\n\n get templateUrl() {\n return \"pfe-collapse-panel.html\";\n }\n\n get styleUrl() {\n return \"pfe-collapse-panel.scss\";\n }\n\n get pfeId() {\n return this.getAttribute(\"pfe-id\");\n }\n\n set pfeId(id) {\n if (!id) {\n return;\n }\n\n this.setAttribute(\"pfe-id\", id);\n }\n\n get animates() {\n return this.getAttribute(\"pfe-animation\") === \"false\" ? false : true;\n }\n\n get expanded() {\n return this.hasAttribute(\"pfe-expanded\");\n }\n\n set expanded(val) {\n const value = Boolean(val);\n\n if (value) {\n this.setAttribute(\"pfe-expanded\", \"\");\n\n if (this.animates) {\n const height = this.getBoundingClientRect().height;\n this._fireAnimationEvent(\"opening\");\n this._animate(0, height);\n }\n } else {\n if (this.hasAttribute(\"pfe-expanded\")) {\n const height = this.getBoundingClientRect().height;\n this.removeAttribute(\"pfe-expanded\");\n\n if (this.animates) {\n this._fireAnimationEvent(\"closing\");\n this._animate(height, 0);\n }\n }\n }\n }\n\n constructor(pfeClass) {\n super(pfeClass || PfeCollapsePanel);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this.expanded = false;\n\n // if (this.id && this.id !== \"\") {\n if (this.id) {\n this.pfeId = this.id;\n }\n\n const generatedId = `${PfeCollapsePanel.tag}-${generateId()}`;\n\n if (!this.id) {\n this.id = generatedId;\n }\n\n if (!this.pfeId) {\n this.pfeId = generatedId;\n }\n }\n\n _animate(start, end) {\n this.classList.add(\"animating\");\n this.style.height = `${start}px`;\n\n requestAnimationFrame(() => {\n requestAnimationFrame(() => {\n this.style.height = `${end}px`;\n this.classList.add(\"animating\");\n this.addEventListener(\"transitionend\", this._transitionEndHandler);\n });\n });\n }\n\n _transitionEndHandler(event) {\n event.target.style.height = \"\";\n event.target.classList.remove(\"animating\");\n event.target.removeEventListener(\n \"transitionend\",\n this._transitionEndHandler\n );\n\n this.emitEvent(PfeCollapsePanel.events.animationEnd, {\n detail: {\n expanded: this.expanded,\n panel: this\n }\n });\n }\n\n _fireAnimationEvent(state) {\n this.emitEvent(PfeCollapsePanel.events.animationStart, {\n detail: {\n state: state,\n panel: this\n }\n });\n }\n}\n\nclass PfeCollapse extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return ``;\n }\n\n static get properties() {\n return {};\n }\n\n static get slots() {\n return {\"default\":{\"title\":\"Default\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"pfe-collapsibe-toggle\"},{\"$ref\":\"pfe-collapse-panel\"}]}}};\n }\n static get tag() {\n return \"pfe-collapse\";\n }\n\n get templateUrl() {\n return \"pfe-collapse.html\";\n }\n\n get styleUrl() {\n return \"pfe-collapse.scss\";\n }\n\n get schemaUrl() {\n return \"pfe-collapse.json\";\n }\n\n get animates() {\n return this.getAttribute(\"pfe-animation\") === \"false\" ? false : true;\n }\n\n static get observedAttributes() {\n return [\"pfe-animation\"];\n }\n\n static get events() {\n return {\n change: `${this.tag}:change`\n };\n }\n\n constructor(pfeClass) {\n super(pfeClass || PfeCollapse);\n\n this._toggle = null;\n this._panel = null;\n this._linkControls = this._linkControls.bind(this);\n this._changeHandler = this._changeHandler.bind(this);\n this._observer = new MutationObserver(this._linkControls);\n\n this.addEventListener(PfeCollapse.events.change, this._changeHandler);\n this.addEventListener(\n PfeCollapse.events.animationStart,\n this._animationStartHandler\n );\n this.addEventListener(\n PfeCollapse.events.animationEnd,\n this._animationEndHandler\n );\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n Promise.all([\n customElements.whenDefined(PfeCollapsePanel.tag),\n customElements.whenDefined(PfeCollapseToggle.tag)\n ]).then(() => {\n if (this.children.length) {\n this._linkControls();\n }\n\n this._observer.observe(this, { childList: true });\n });\n }\n\n disconnectedCallback() {\n this.removeEventListener(PfeCollapse.events.change, this._changeHandler);\n this.removeEventListener(\n PfeCollapse.events.animationStart,\n this._animationStartHandler\n );\n this.removeEventListener(\n PfeCollapse.events.animationEnd,\n this._animationEndHandler\n );\n this._observer.disconnect();\n }\n\n attributeChangedCallback(attr, oldVal, newVal) {\n super.attributeChangedCallback(attr, oldVal, newVal);\n\n if (!newVal) {\n return;\n }\n\n if (newVal !== \"false\" && newVal !== \"true\") {\n return;\n }\n\n if (this._panel) {\n this._panel.setAttribute(\"pfe-animation\", newVal);\n }\n }\n\n toggle() {\n this._toggle.toggle();\n }\n\n _linkControls() {\n this._toggle = this.querySelector(PfeCollapseToggle.tag);\n this._panel = this.querySelector(PfeCollapsePanel.tag);\n\n this._toggle.setAttribute(\"aria-controls\", this._panel.pfeId);\n }\n\n _animationStartHandler() {\n this.classList.add(\"animating\");\n }\n\n _animationEndHandler() {\n this.classList.remove(\"animating\");\n }\n\n _changeHandler(event) {}\n}\n\nPFElement.create(PfeCollapse);\nPFElement.create(PfeCollapseToggle);\nPFElement.create(PfeCollapsePanel);\n\nexport { PfeCollapse, PfeCollapseToggle, PfeCollapsePanel };\n"],"names":[],"mappings":"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"} \ No newline at end of file diff --git a/elements/pfe-collapse/dist/pfe-collapse.json b/elements/pfe-collapse/dist/pfe-collapse.json new file mode 100644 index 0000000000..6813b28d1e --- /dev/null +++ b/elements/pfe-collapse/dist/pfe-collapse.json @@ -0,0 +1,35 @@ +{ + "$schema": "http://json-schema.org/draft-04/schema#", + "title": "Collapse", + "description": "Collapse element", + "type": "object", + "tag": "pfe-collapse", + "class": "pfe-collapse", + "category": "content", + "properties": { + "slots": { + "title": "Slots", + "description": "Definition of the supported slots", + "type": "object", + "properties": { + "default": { + "title": "Default", + "type": "array", + "namedSlot": false, + "items": { + "oneOf": [ + { + "$ref": "pfe-collapsibe-toggle" + }, + { + "$ref": "pfe-collapse-panel" + } + ] + } + } + } + } + }, + "required": ["slots", "attributes"], + "additionalProperties": false +} diff --git a/elements/pfe-collapse/dist/pfe-collapse.min.js b/elements/pfe-collapse/dist/pfe-collapse.min.js new file mode 100644 index 0000000000..926093c2f3 --- /dev/null +++ b/elements/pfe-collapse/dist/pfe-collapse.min.js @@ -0,0 +1,26 @@ +import t from"../../pfelement/dist/pfelement.min.js"; +/*! + * PatternFly Elements: PfeCollapse 1.0.0-prerelease.50 + * @license + * Copyright 2020 Red Hat, Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + * +*/function e(){return Math.random().toString(36).substr(2,9)}class n extends t{static get version(){return"1.0.0-prerelease.50"}get html(){return""}static get properties(){return{}}static get slots(){return{default:{title:"Default",type:"array",namedSlot:!1,items:{oneOf:[{$ref:"pfe-collapsibe-toggle"},{$ref:"pfe-collapse-panel"}]}}}}static get tag(){return"pfe-collapse-toggle"}get templateUrl(){return"pfe-collapse-toggle.html"}get styleUrl(){return"pfe-collapse-toggle.scss"}get pfeId(){return this.getAttribute("pfe-id")}set pfeId(t){t&&this.setAttribute("pfe-id",t)}get expanded(){return"true"===this.getAttribute("aria-expanded")}set expanded(t){const e=Boolean(t);this.setAttribute("aria-expanded",e)}static get observedAttributes(){return["aria-controls"]}constructor(t,{setTabIndex:e=!0,addKeydownHandler:i=!0}={}){super(t||n),this.controlledPanel=!1,this._setTabIndex=e,this._addKeydownHandler=i,this.addEventListener("click",this._clickHandler),i&&this.addEventListener("keydown",this._keydownHandler)}connectedCallback(){super.connectedCallback(),this.expanded=!1,this.id&&(this.pfeId=this.id);const t=`${n.tag}-${e()}`;this.id||(this.id=t),this.pfeId||(this.pfeId=t),this.setAttribute("role","button"),this._setTabIndex&&this.setAttribute("tabindex",0),this.controlledPanel||this._connectPanel(this.getAttribute("aria-controls"))}disconnectedCallback(){this.removeEventListener("click",this._clickHandler),this._addKeydownHandler&&this.removeEventListener("keydown",this._keydownHandler)}attributeChangedCallback(t,e,n){super.attributeChangedCallback(t,e,n),n&&this._connectPanel(n)}toggle(){this.hasAttribute("disabled")||(this.expanded=!this.expanded,this.controlledPanel||this._connectPanel(this.getAttribute("aria-controls")),this.controlledPanel?(this.controlledPanel.expanded=this.expanded,this.emitEvent(s.events.change,{detail:{expanded:this.expanded,toggle:this,panel:this.controlledPanel}})):console.warn(`${this.tag}: This toggle doesn't have a panel associated with it`))}_clickHandler(){this.toggle()}_keydownHandler(t){switch(t.key){case" ":case"Spacebar":case"Enter":this.toggle()}}_connectPanel(t){this.getRootNode?this.controlledPanel=this.getRootNode().querySelector(`#${t}`):this.controlledPanel=document.querySelector(`#${t}`)}}class i extends t{static get version(){return"1.0.0-prerelease.50"}get html(){return""}static get properties(){return{}}static get slots(){return{default:{title:"Default",type:"array",namedSlot:!1,items:{oneOf:[{$ref:"pfe-collapsibe-toggle"},{$ref:"pfe-collapse-panel"}]}}}}static get tag(){return"pfe-collapse-panel"}static get events(){return{animationStart:`${this.tag}:animation-start`,animationEnd:`${this.tag}:animation-end`}}get templateUrl(){return"pfe-collapse-panel.html"}get styleUrl(){return"pfe-collapse-panel.scss"}get pfeId(){return this.getAttribute("pfe-id")}set pfeId(t){t&&this.setAttribute("pfe-id",t)}get animates(){return"false"!==this.getAttribute("pfe-animation")}get expanded(){return this.hasAttribute("pfe-expanded")}set expanded(t){if(Boolean(t)){if(this.setAttribute("pfe-expanded",""),this.animates){const t=this.getBoundingClientRect().height;this._fireAnimationEvent("opening"),this._animate(0,t)}}else if(this.hasAttribute("pfe-expanded")){const t=this.getBoundingClientRect().height;this.removeAttribute("pfe-expanded"),this.animates&&(this._fireAnimationEvent("closing"),this._animate(t,0))}}constructor(t){super(t||i)}connectedCallback(){super.connectedCallback(),this.expanded=!1,this.id&&(this.pfeId=this.id);const t=`${i.tag}-${e()}`;this.id||(this.id=t),this.pfeId||(this.pfeId=t)}_animate(t,e){this.classList.add("animating"),this.style.height=`${t}px`,requestAnimationFrame(()=>{requestAnimationFrame(()=>{this.style.height=`${e}px`,this.classList.add("animating"),this.addEventListener("transitionend",this._transitionEndHandler)})})}_transitionEndHandler(t){t.target.style.height="",t.target.classList.remove("animating"),t.target.removeEventListener("transitionend",this._transitionEndHandler),this.emitEvent(i.events.animationEnd,{detail:{expanded:this.expanded,panel:this}})}_fireAnimationEvent(t){this.emitEvent(i.events.animationStart,{detail:{state:t,panel:this}})}}class s extends t{static get version(){return"1.0.0-prerelease.50"}get html(){return""}static get properties(){return{}}static get slots(){return{default:{title:"Default",type:"array",namedSlot:!1,items:{oneOf:[{$ref:"pfe-collapsibe-toggle"},{$ref:"pfe-collapse-panel"}]}}}}static get tag(){return"pfe-collapse"}get templateUrl(){return"pfe-collapse.html"}get styleUrl(){return"pfe-collapse.scss"}get schemaUrl(){return"pfe-collapse.json"}get animates(){return"false"!==this.getAttribute("pfe-animation")}static get observedAttributes(){return["pfe-animation"]}static get events(){return{change:`${this.tag}:change`}}constructor(t){super(t||s),this._toggle=null,this._panel=null,this._linkControls=this._linkControls.bind(this),this._changeHandler=this._changeHandler.bind(this),this._observer=new MutationObserver(this._linkControls),this.addEventListener(s.events.change,this._changeHandler),this.addEventListener(s.events.animationStart,this._animationStartHandler),this.addEventListener(s.events.animationEnd,this._animationEndHandler)}connectedCallback(){super.connectedCallback(),Promise.all([customElements.whenDefined(i.tag),customElements.whenDefined(n.tag)]).then(()=>{this.children.length&&this._linkControls(),this._observer.observe(this,{childList:!0})})}disconnectedCallback(){this.removeEventListener(s.events.change,this._changeHandler),this.removeEventListener(s.events.animationStart,this._animationStartHandler),this.removeEventListener(s.events.animationEnd,this._animationEndHandler),this._observer.disconnect()}attributeChangedCallback(t,e,n){super.attributeChangedCallback(t,e,n),n&&("false"!==n&&"true"!==n||this._panel&&this._panel.setAttribute("pfe-animation",n))}toggle(){this._toggle.toggle()}_linkControls(){this._toggle=this.querySelector(n.tag),this._panel=this.querySelector(i.tag),this._toggle.setAttribute("aria-controls",this._panel.pfeId)}_animationStartHandler(){this.classList.add("animating")}_animationEndHandler(){this.classList.remove("animating")}_changeHandler(t){}}t.create(s),t.create(n),t.create(i);export{s as PfeCollapse,n as PfeCollapseToggle,i as PfeCollapsePanel}; +//# sourceMappingURL=pfe-collapse.min.js.map diff --git a/elements/pfe-collapse/dist/pfe-collapse.min.js.map b/elements/pfe-collapse/dist/pfe-collapse.min.js.map new file mode 100644 index 0000000000..c0ef5f52f2 --- /dev/null +++ b/elements/pfe-collapse/dist/pfe-collapse.min.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-collapse.min.js","sources":["../_temp/pfe-collapse.js"],"sourcesContent":["/*!\n * PatternFly Elements: PfeCollapse 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\nimport PFElement from \"../../pfelement/dist/pfelement.js\";\n\nfunction generateId() {\n return Math.random()\n .toString(36)\n .substr(2, 9);\n}\n\nclass PfeCollapseToggle extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return ``;\n }\n\n static get properties() {\n return {};\n }\n\n static get slots() {\n return {\"default\":{\"title\":\"Default\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"pfe-collapsibe-toggle\"},{\"$ref\":\"pfe-collapse-panel\"}]}}};\n }\n static get tag() {\n return \"pfe-collapse-toggle\";\n }\n\n get templateUrl() {\n return \"pfe-collapse-toggle.html\";\n }\n\n get styleUrl() {\n return \"pfe-collapse-toggle.scss\";\n }\n\n get pfeId() {\n return this.getAttribute(\"pfe-id\");\n }\n\n set pfeId(id) {\n if (!id) {\n return;\n }\n\n this.setAttribute(\"pfe-id\", id);\n }\n\n get expanded() {\n return this.getAttribute(\"aria-expanded\") === \"true\";\n }\n\n set expanded(val) {\n const value = Boolean(val);\n this.setAttribute(\"aria-expanded\", value);\n }\n\n static get observedAttributes() {\n return [\"aria-controls\"];\n }\n\n constructor(pfeClass, { setTabIndex = true, addKeydownHandler = true } = {}) {\n super(pfeClass || PfeCollapseToggle);\n\n this.controlledPanel = false;\n this._setTabIndex = setTabIndex;\n this._addKeydownHandler = addKeydownHandler;\n\n this.addEventListener(\"click\", this._clickHandler);\n\n if (addKeydownHandler) {\n this.addEventListener(\"keydown\", this._keydownHandler);\n }\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this.expanded = false;\n\n // if (this.id && this.id !== \"\") {\n if (this.id) {\n this.pfeId = this.id;\n }\n\n const generatedId = `${PfeCollapseToggle.tag}-${generateId()}`;\n\n if (!this.id) {\n this.id = generatedId;\n }\n\n if (!this.pfeId) {\n this.pfeId = generatedId;\n }\n\n this.setAttribute(\"role\", \"button\");\n\n if (this._setTabIndex) {\n this.setAttribute(\"tabindex\", 0);\n }\n\n if (!this.controlledPanel) {\n this._connectPanel(this.getAttribute(\"aria-controls\"));\n }\n }\n\n disconnectedCallback() {\n this.removeEventListener(\"click\", this._clickHandler);\n\n if (this._addKeydownHandler) {\n this.removeEventListener(\"keydown\", this._keydownHandler);\n }\n }\n\n attributeChangedCallback(attr, oldVal, newVal) {\n super.attributeChangedCallback(attr, oldVal, newVal);\n\n if (!newVal) {\n return;\n }\n\n this._connectPanel(newVal);\n }\n\n toggle() {\n if (this.hasAttribute(\"disabled\")) {\n return;\n }\n\n this.expanded = !this.expanded;\n\n // one last try to hook up a panel\n if (!this.controlledPanel) {\n this._connectPanel(this.getAttribute(\"aria-controls\"));\n }\n\n if (this.controlledPanel) {\n this.controlledPanel.expanded = this.expanded;\n\n this.emitEvent(PfeCollapse.events.change, {\n detail: {\n expanded: this.expanded,\n toggle: this,\n panel: this.controlledPanel\n }\n });\n } else {\n console.warn(\n `${this.tag}: This toggle doesn't have a panel associated with it`\n );\n }\n }\n\n _clickHandler() {\n this.toggle();\n }\n\n _keydownHandler(event) {\n const key = event.key;\n\n switch (key) {\n case \" \":\n case \"Spacebar\":\n case \"Enter\":\n this.toggle();\n break;\n }\n }\n\n _connectPanel(id) {\n // this can be an issue if the pfe-collapse is located within\n // a shadow root\n if (this.getRootNode) {\n this.controlledPanel = this.getRootNode().querySelector(`#${id}`);\n } else {\n this.controlledPanel = document.querySelector(`#${id}`);\n }\n }\n}\n\nclass PfeCollapsePanel extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return ``;\n }\n\n static get properties() {\n return {};\n }\n\n static get slots() {\n return {\"default\":{\"title\":\"Default\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"pfe-collapsibe-toggle\"},{\"$ref\":\"pfe-collapse-panel\"}]}}};\n }\n static get tag() {\n return \"pfe-collapse-panel\";\n }\n\n static get events() {\n return {\n animationStart: `${this.tag}:animation-start`,\n animationEnd: `${this.tag}:animation-end`\n };\n }\n\n get templateUrl() {\n return \"pfe-collapse-panel.html\";\n }\n\n get styleUrl() {\n return \"pfe-collapse-panel.scss\";\n }\n\n get pfeId() {\n return this.getAttribute(\"pfe-id\");\n }\n\n set pfeId(id) {\n if (!id) {\n return;\n }\n\n this.setAttribute(\"pfe-id\", id);\n }\n\n get animates() {\n return this.getAttribute(\"pfe-animation\") === \"false\" ? false : true;\n }\n\n get expanded() {\n return this.hasAttribute(\"pfe-expanded\");\n }\n\n set expanded(val) {\n const value = Boolean(val);\n\n if (value) {\n this.setAttribute(\"pfe-expanded\", \"\");\n\n if (this.animates) {\n const height = this.getBoundingClientRect().height;\n this._fireAnimationEvent(\"opening\");\n this._animate(0, height);\n }\n } else {\n if (this.hasAttribute(\"pfe-expanded\")) {\n const height = this.getBoundingClientRect().height;\n this.removeAttribute(\"pfe-expanded\");\n\n if (this.animates) {\n this._fireAnimationEvent(\"closing\");\n this._animate(height, 0);\n }\n }\n }\n }\n\n constructor(pfeClass) {\n super(pfeClass || PfeCollapsePanel);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this.expanded = false;\n\n // if (this.id && this.id !== \"\") {\n if (this.id) {\n this.pfeId = this.id;\n }\n\n const generatedId = `${PfeCollapsePanel.tag}-${generateId()}`;\n\n if (!this.id) {\n this.id = generatedId;\n }\n\n if (!this.pfeId) {\n this.pfeId = generatedId;\n }\n }\n\n _animate(start, end) {\n this.classList.add(\"animating\");\n this.style.height = `${start}px`;\n\n requestAnimationFrame(() => {\n requestAnimationFrame(() => {\n this.style.height = `${end}px`;\n this.classList.add(\"animating\");\n this.addEventListener(\"transitionend\", this._transitionEndHandler);\n });\n });\n }\n\n _transitionEndHandler(event) {\n event.target.style.height = \"\";\n event.target.classList.remove(\"animating\");\n event.target.removeEventListener(\n \"transitionend\",\n this._transitionEndHandler\n );\n\n this.emitEvent(PfeCollapsePanel.events.animationEnd, {\n detail: {\n expanded: this.expanded,\n panel: this\n }\n });\n }\n\n _fireAnimationEvent(state) {\n this.emitEvent(PfeCollapsePanel.events.animationStart, {\n detail: {\n state: state,\n panel: this\n }\n });\n }\n}\n\nclass PfeCollapse extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return ``;\n }\n\n static get properties() {\n return {};\n }\n\n static get slots() {\n return {\"default\":{\"title\":\"Default\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"pfe-collapsibe-toggle\"},{\"$ref\":\"pfe-collapse-panel\"}]}}};\n }\n static get tag() {\n return \"pfe-collapse\";\n }\n\n get templateUrl() {\n return \"pfe-collapse.html\";\n }\n\n get styleUrl() {\n return \"pfe-collapse.scss\";\n }\n\n get schemaUrl() {\n return \"pfe-collapse.json\";\n }\n\n get animates() {\n return this.getAttribute(\"pfe-animation\") === \"false\" ? false : true;\n }\n\n static get observedAttributes() {\n return [\"pfe-animation\"];\n }\n\n static get events() {\n return {\n change: `${this.tag}:change`\n };\n }\n\n constructor(pfeClass) {\n super(pfeClass || PfeCollapse);\n\n this._toggle = null;\n this._panel = null;\n this._linkControls = this._linkControls.bind(this);\n this._changeHandler = this._changeHandler.bind(this);\n this._observer = new MutationObserver(this._linkControls);\n\n this.addEventListener(PfeCollapse.events.change, this._changeHandler);\n this.addEventListener(\n PfeCollapse.events.animationStart,\n this._animationStartHandler\n );\n this.addEventListener(\n PfeCollapse.events.animationEnd,\n this._animationEndHandler\n );\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n Promise.all([\n customElements.whenDefined(PfeCollapsePanel.tag),\n customElements.whenDefined(PfeCollapseToggle.tag)\n ]).then(() => {\n if (this.children.length) {\n this._linkControls();\n }\n\n this._observer.observe(this, { childList: true });\n });\n }\n\n disconnectedCallback() {\n this.removeEventListener(PfeCollapse.events.change, this._changeHandler);\n this.removeEventListener(\n PfeCollapse.events.animationStart,\n this._animationStartHandler\n );\n this.removeEventListener(\n PfeCollapse.events.animationEnd,\n this._animationEndHandler\n );\n this._observer.disconnect();\n }\n\n attributeChangedCallback(attr, oldVal, newVal) {\n super.attributeChangedCallback(attr, oldVal, newVal);\n\n if (!newVal) {\n return;\n }\n\n if (newVal !== \"false\" && newVal !== \"true\") {\n return;\n }\n\n if (this._panel) {\n this._panel.setAttribute(\"pfe-animation\", newVal);\n }\n }\n\n toggle() {\n this._toggle.toggle();\n }\n\n _linkControls() {\n this._toggle = this.querySelector(PfeCollapseToggle.tag);\n this._panel = this.querySelector(PfeCollapsePanel.tag);\n\n this._toggle.setAttribute(\"aria-controls\", this._panel.pfeId);\n }\n\n _animationStartHandler() {\n this.classList.add(\"animating\");\n }\n\n _animationEndHandler() {\n this.classList.remove(\"animating\");\n }\n\n _changeHandler(event) {}\n}\n\nPFElement.create(PfeCollapse);\nPFElement.create(PfeCollapseToggle);\nPFElement.create(PfeCollapsePanel);\n\nexport { PfeCollapse, PfeCollapseToggle, PfeCollapsePanel };\n"],"names":["generateId","Math","random","toString","substr","PfeCollapseToggle","PFElement","version","html","properties","slots","default","title","type","namedSlot","items","oneOf","$ref","tag","templateUrl","styleUrl","pfeId","this","getAttribute","id","setAttribute","expanded","val","value","Boolean","observedAttributes","[object Object]","pfeClass","setTabIndex","addKeydownHandler","super","controlledPanel","_setTabIndex","_addKeydownHandler","addEventListener","_clickHandler","_keydownHandler","connectedCallback","generatedId","_connectPanel","removeEventListener","attr","oldVal","newVal","attributeChangedCallback","hasAttribute","emitEvent","PfeCollapse","events","change","detail","toggle","panel","console","warn","event","key","getRootNode","querySelector","document","PfeCollapsePanel","animationStart","animationEnd","animates","height","getBoundingClientRect","_fireAnimationEvent","_animate","removeAttribute","start","end","classList","add","style","requestAnimationFrame","_transitionEndHandler","target","remove","state","schemaUrl","_toggle","_panel","_linkControls","bind","_changeHandler","_observer","MutationObserver","_animationStartHandler","_animationEndHandler","Promise","all","customElements","whenDefined","then","children","length","observe","childList","disconnect","create"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EA2BA,SAASA,IACP,OAAOC,KAAKC,SACTC,SAAS,IACTC,OAAO,EAAG,GAGf,MAAMC,UAA0BC,EAC9BC,qBACE,MAAO,sBAGTC,WACE,MAAO,6HAKTC,wBACE,MAAO,GAGTC,mBACE,MAAO,CAACC,QAAU,CAACC,MAAQ,UAAUC,KAAO,QAAQC,WAAY,EAAMC,MAAQ,CAACC,MAAQ,CAAC,CAACC,KAAO,yBAAyB,CAACA,KAAO,0BAEnIC,iBACE,MAAO,sBAGTC,kBACE,MAAO,2BAGTC,eACE,MAAO,2BAGTC,YACE,OAAOC,KAAKC,aAAa,UAG3BF,UAAUG,GACHA,GAILF,KAAKG,aAAa,SAAUD,GAG9BE,eACE,MAA8C,SAAvCJ,KAAKC,aAAa,iBAG3BG,aAAaC,GACX,MAAMC,EAAQC,QAAQF,GACtBL,KAAKG,aAAa,gBAAiBG,GAGrCE,gCACE,MAAO,CAAC,iBAGVC,YAAYC,GAAUC,YAAEA,GAAc,EAAIC,kBAAEA,GAAoB,GAAS,IACvEC,MAAMH,GAAY3B,GAElBiB,KAAKc,iBAAkB,EACvBd,KAAKe,aAAeJ,EACpBX,KAAKgB,mBAAqBJ,EAE1BZ,KAAKiB,iBAAiB,QAASjB,KAAKkB,eAEhCN,GACFZ,KAAKiB,iBAAiB,UAAWjB,KAAKmB,iBAI1CV,oBACEI,MAAMO,oBAENpB,KAAKI,UAAW,EAGZJ,KAAKE,KACPF,KAAKD,MAAQC,KAAKE,IAGpB,MAAMmB,KAAiBtC,EAAkBa,OAAOlB,MAE3CsB,KAAKE,KACRF,KAAKE,GAAKmB,GAGPrB,KAAKD,QACRC,KAAKD,MAAQsB,GAGfrB,KAAKG,aAAa,OAAQ,UAEtBH,KAAKe,cACPf,KAAKG,aAAa,WAAY,GAG3BH,KAAKc,iBACRd,KAAKsB,cAActB,KAAKC,aAAa,kBAIzCQ,uBACET,KAAKuB,oBAAoB,QAASvB,KAAKkB,eAEnClB,KAAKgB,oBACPhB,KAAKuB,oBAAoB,UAAWvB,KAAKmB,iBAI7CV,yBAAyBe,EAAMC,EAAQC,GACrCb,MAAMc,yBAAyBH,EAAMC,EAAQC,GAExCA,GAIL1B,KAAKsB,cAAcI,GAGrBjB,SACMT,KAAK4B,aAAa,cAItB5B,KAAKI,UAAYJ,KAAKI,SAGjBJ,KAAKc,iBACRd,KAAKsB,cAActB,KAAKC,aAAa,kBAGnCD,KAAKc,iBACPd,KAAKc,gBAAgBV,SAAWJ,KAAKI,SAErCJ,KAAK6B,UAAUC,EAAYC,OAAOC,OAAQ,CACxCC,OAAQ,CACN7B,SAAUJ,KAAKI,SACf8B,OAAQlC,KACRmC,MAAOnC,KAAKc,oBAIhBsB,QAAQC,QACHrC,KAAKJ,6DAKda,gBACET,KAAKkC,SAGPzB,gBAAgB6B,GAGd,OAFYA,EAAMC,KAGhB,IAAK,IACL,IAAK,WACL,IAAK,QACHvC,KAAKkC,UAKXzB,cAAcP,GAGRF,KAAKwC,YACPxC,KAAKc,gBAAkBd,KAAKwC,cAAcC,kBAAkBvC,KAE5DF,KAAKc,gBAAkB4B,SAASD,kBAAkBvC,MAKxD,MAAMyC,UAAyB3D,EAC7BC,qBACE,MAAO,sBAGTC,WACE,MAAO,iTAKTC,wBACE,MAAO,GAGTC,mBACE,MAAO,CAACC,QAAU,CAACC,MAAQ,UAAUC,KAAO,QAAQC,WAAY,EAAMC,MAAQ,CAACC,MAAQ,CAAC,CAACC,KAAO,yBAAyB,CAACA,KAAO,0BAEnIC,iBACE,MAAO,qBAGTmC,oBACE,MAAO,CACLa,kBAAmB5C,KAAKJ,sBACxBiD,gBAAiB7C,KAAKJ,qBAI1BC,kBACE,MAAO,0BAGTC,eACE,MAAO,0BAGTC,YACE,OAAOC,KAAKC,aAAa,UAG3BF,UAAUG,GACHA,GAILF,KAAKG,aAAa,SAAUD,GAG9B4C,eACE,MAA8C,UAAvC9C,KAAKC,aAAa,iBAG3BG,eACE,OAAOJ,KAAK4B,aAAa,gBAG3BxB,aAAaC,GAGX,GAFcE,QAAQF,IAKpB,GAFAL,KAAKG,aAAa,eAAgB,IAE9BH,KAAK8C,SAAU,CACjB,MAAMC,EAAS/C,KAAKgD,wBAAwBD,OAC5C/C,KAAKiD,oBAAoB,WACzBjD,KAAKkD,SAAS,EAAGH,SAGnB,GAAI/C,KAAK4B,aAAa,gBAAiB,CACrC,MAAMmB,EAAS/C,KAAKgD,wBAAwBD,OAC5C/C,KAAKmD,gBAAgB,gBAEjBnD,KAAK8C,WACP9C,KAAKiD,oBAAoB,WACzBjD,KAAKkD,SAASH,EAAQ,KAM9BtC,YAAYC,GACVG,MAAMH,GAAYiC,GAGpBlC,oBACEI,MAAMO,oBAENpB,KAAKI,UAAW,EAGZJ,KAAKE,KACPF,KAAKD,MAAQC,KAAKE,IAGpB,MAAMmB,KAAiBsB,EAAiB/C,OAAOlB,MAE1CsB,KAAKE,KACRF,KAAKE,GAAKmB,GAGPrB,KAAKD,QACRC,KAAKD,MAAQsB,GAIjBZ,SAAS2C,EAAOC,GACdrD,KAAKsD,UAAUC,IAAI,aACnBvD,KAAKwD,MAAMT,UAAYK,MAEvBK,sBAAsB,KACpBA,sBAAsB,KACpBzD,KAAKwD,MAAMT,UAAYM,MACvBrD,KAAKsD,UAAUC,IAAI,aACnBvD,KAAKiB,iBAAiB,gBAAiBjB,KAAK0D,2BAKlDjD,sBAAsB6B,GACpBA,EAAMqB,OAAOH,MAAMT,OAAS,GAC5BT,EAAMqB,OAAOL,UAAUM,OAAO,aAC9BtB,EAAMqB,OAAOpC,oBACX,gBACAvB,KAAK0D,uBAGP1D,KAAK6B,UAAUc,EAAiBZ,OAAOc,aAAc,CACnDZ,OAAQ,CACN7B,SAAUJ,KAAKI,SACf+B,MAAOnC,QAKbS,oBAAoBoD,GAClB7D,KAAK6B,UAAUc,EAAiBZ,OAAOa,eAAgB,CACrDX,OAAQ,CACN4B,MAAOA,EACP1B,MAAOnC,SAMf,MAAM8B,UAAoB9C,EACxBC,qBACE,MAAO,sBAGTC,WACE,MAAO,sLAKTC,wBACE,MAAO,GAGTC,mBACE,MAAO,CAACC,QAAU,CAACC,MAAQ,UAAUC,KAAO,QAAQC,WAAY,EAAMC,MAAQ,CAACC,MAAQ,CAAC,CAACC,KAAO,yBAAyB,CAACA,KAAO,0BAEnIC,iBACE,MAAO,eAGTC,kBACE,MAAO,oBAGTC,eACE,MAAO,oBAGTgE,gBACE,MAAO,oBAGThB,eACE,MAA8C,UAAvC9C,KAAKC,aAAa,iBAG3BO,gCACE,MAAO,CAAC,iBAGVuB,oBACE,MAAO,CACLC,UAAWhC,KAAKJ,cAIpBa,YAAYC,GACVG,MAAMH,GAAYoB,GAElB9B,KAAK+D,QAAU,KACf/D,KAAKgE,OAAS,KACdhE,KAAKiE,cAAgBjE,KAAKiE,cAAcC,KAAKlE,MAC7CA,KAAKmE,eAAiBnE,KAAKmE,eAAeD,KAAKlE,MAC/CA,KAAKoE,UAAY,IAAIC,iBAAiBrE,KAAKiE,eAE3CjE,KAAKiB,iBAAiBa,EAAYC,OAAOC,OAAQhC,KAAKmE,gBACtDnE,KAAKiB,iBACHa,EAAYC,OAAOa,eACnB5C,KAAKsE,wBAEPtE,KAAKiB,iBACHa,EAAYC,OAAOc,aACnB7C,KAAKuE,sBAIT9D,oBACEI,MAAMO,oBAENoD,QAAQC,IAAI,CACVC,eAAeC,YAAYhC,EAAiB/C,KAC5C8E,eAAeC,YAAY5F,EAAkBa,OAC5CgF,KAAK,KACF5E,KAAK6E,SAASC,QAChB9E,KAAKiE,gBAGPjE,KAAKoE,UAAUW,QAAQ/E,KAAM,CAAEgF,WAAW,MAI9CvE,uBACET,KAAKuB,oBAAoBO,EAAYC,OAAOC,OAAQhC,KAAKmE,gBACzDnE,KAAKuB,oBACHO,EAAYC,OAAOa,eACnB5C,KAAKsE,wBAEPtE,KAAKuB,oBACHO,EAAYC,OAAOc,aACnB7C,KAAKuE,sBAEPvE,KAAKoE,UAAUa,aAGjBxE,yBAAyBe,EAAMC,EAAQC,GACrCb,MAAMc,yBAAyBH,EAAMC,EAAQC,GAExCA,IAIU,UAAXA,GAAiC,SAAXA,GAItB1B,KAAKgE,QACPhE,KAAKgE,OAAO7D,aAAa,gBAAiBuB,IAI9CjB,SACET,KAAK+D,QAAQ7B,SAGfzB,gBACET,KAAK+D,QAAU/D,KAAKyC,cAAc1D,EAAkBa,KACpDI,KAAKgE,OAAShE,KAAKyC,cAAcE,EAAiB/C,KAElDI,KAAK+D,QAAQ5D,aAAa,gBAAiBH,KAAKgE,OAAOjE,OAGzDU,yBACET,KAAKsD,UAAUC,IAAI,aAGrB9C,uBACET,KAAKsD,UAAUM,OAAO,aAGxBnD,eAAe6B,KAGjBtD,EAAUkG,OAAOpD,GACjB9C,EAAUkG,OAAOnG,GACjBC,EAAUkG,OAAOvC"} \ No newline at end of file diff --git a/elements/pfe-collapse/dist/pfe-collapse.umd.js b/elements/pfe-collapse/dist/pfe-collapse.umd.js new file mode 100644 index 0000000000..4cc6dc4115 --- /dev/null +++ b/elements/pfe-collapse/dist/pfe-collapse.umd.js @@ -0,0 +1,634 @@ +(function (global, factory) { + typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('../../pfelement/dist/pfelement.umd')) : + typeof define === 'function' && define.amd ? define(['exports', '../../pfelement/dist/pfelement.umd'], factory) : + (factory((global.PfeCollapse = {}),global.PFElement)); +}(this, (function (exports,PFElement) { 'use strict'; + + PFElement = PFElement && PFElement.hasOwnProperty('default') ? PFElement['default'] : PFElement; + + var classCallCheck = function (instance, Constructor) { + if (!(instance instanceof Constructor)) { + throw new TypeError("Cannot call a class as a function"); + } + }; + + var createClass = function () { + function defineProperties(target, props) { + for (var i = 0; i < props.length; i++) { + var descriptor = props[i]; + descriptor.enumerable = descriptor.enumerable || false; + descriptor.configurable = true; + if ("value" in descriptor) descriptor.writable = true; + Object.defineProperty(target, descriptor.key, descriptor); + } + } + + return function (Constructor, protoProps, staticProps) { + if (protoProps) defineProperties(Constructor.prototype, protoProps); + if (staticProps) defineProperties(Constructor, staticProps); + return Constructor; + }; + }(); + + var get = function get(object, property, receiver) { + if (object === null) object = Function.prototype; + var desc = Object.getOwnPropertyDescriptor(object, property); + + if (desc === undefined) { + var parent = Object.getPrototypeOf(object); + + if (parent === null) { + return undefined; + } else { + return get(parent, property, receiver); + } + } else if ("value" in desc) { + return desc.value; + } else { + var getter = desc.get; + + if (getter === undefined) { + return undefined; + } + + return getter.call(receiver); + } + }; + + var inherits = function (subClass, superClass) { + if (typeof superClass !== "function" && superClass !== null) { + throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); + } + + subClass.prototype = Object.create(superClass && superClass.prototype, { + constructor: { + value: subClass, + enumerable: false, + writable: true, + configurable: true + } + }); + if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; + }; + + var possibleConstructorReturn = function (self, call) { + if (!self) { + throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); + } + + return call && (typeof call === "object" || typeof call === "function") ? call : self; + }; + + /*! + * PatternFly Elements: PfeCollapse 1.0.0-prerelease.50 + * @license + * Copyright 2020 Red Hat, Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + * + */ + + function generateId() { + return Math.random().toString(36).substr(2, 9); + } + + var PfeCollapseToggle = function (_PFElement) { + inherits(PfeCollapseToggle, _PFElement); + createClass(PfeCollapseToggle, [{ + key: "html", + get: function get$$1() { + return ""; + } + }, { + key: "templateUrl", + get: function get$$1() { + return "pfe-collapse-toggle.html"; + } + }, { + key: "styleUrl", + get: function get$$1() { + return "pfe-collapse-toggle.scss"; + } + }, { + key: "pfeId", + get: function get$$1() { + return this.getAttribute("pfe-id"); + }, + set: function set$$1(id) { + if (!id) { + return; + } + + this.setAttribute("pfe-id", id); + } + }, { + key: "expanded", + get: function get$$1() { + return this.getAttribute("aria-expanded") === "true"; + }, + set: function set$$1(val) { + var value = Boolean(val); + this.setAttribute("aria-expanded", value); + } + }], [{ + key: "version", + get: function get$$1() { + return "1.0.0-prerelease.50"; + } + }, { + key: "properties", + get: function get$$1() { + return {}; + } + }, { + key: "slots", + get: function get$$1() { + return { "default": { "title": "Default", "type": "array", "namedSlot": false, "items": { "oneOf": [{ "$ref": "pfe-collapsibe-toggle" }, { "$ref": "pfe-collapse-panel" }] } } }; + } + }, { + key: "tag", + get: function get$$1() { + return "pfe-collapse-toggle"; + } + }, { + key: "observedAttributes", + get: function get$$1() { + return ["aria-controls"]; + } + }]); + + function PfeCollapseToggle(pfeClass) { + var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}, + _ref$setTabIndex = _ref.setTabIndex, + setTabIndex = _ref$setTabIndex === undefined ? true : _ref$setTabIndex, + _ref$addKeydownHandle = _ref.addKeydownHandler, + addKeydownHandler = _ref$addKeydownHandle === undefined ? true : _ref$addKeydownHandle; + + classCallCheck(this, PfeCollapseToggle); + + var _this = possibleConstructorReturn(this, (PfeCollapseToggle.__proto__ || Object.getPrototypeOf(PfeCollapseToggle)).call(this, pfeClass || PfeCollapseToggle)); + + _this.controlledPanel = false; + _this._setTabIndex = setTabIndex; + _this._addKeydownHandler = addKeydownHandler; + + _this.addEventListener("click", _this._clickHandler); + + if (addKeydownHandler) { + _this.addEventListener("keydown", _this._keydownHandler); + } + return _this; + } + + createClass(PfeCollapseToggle, [{ + key: "connectedCallback", + value: function connectedCallback() { + get(PfeCollapseToggle.prototype.__proto__ || Object.getPrototypeOf(PfeCollapseToggle.prototype), "connectedCallback", this).call(this); + + this.expanded = false; + + // if (this.id && this.id !== "") { + if (this.id) { + this.pfeId = this.id; + } + + var generatedId = PfeCollapseToggle.tag + "-" + generateId(); + + if (!this.id) { + this.id = generatedId; + } + + if (!this.pfeId) { + this.pfeId = generatedId; + } + + this.setAttribute("role", "button"); + + if (this._setTabIndex) { + this.setAttribute("tabindex", 0); + } + + if (!this.controlledPanel) { + this._connectPanel(this.getAttribute("aria-controls")); + } + } + }, { + key: "disconnectedCallback", + value: function disconnectedCallback() { + this.removeEventListener("click", this._clickHandler); + + if (this._addKeydownHandler) { + this.removeEventListener("keydown", this._keydownHandler); + } + } + }, { + key: "attributeChangedCallback", + value: function attributeChangedCallback(attr, oldVal, newVal) { + get(PfeCollapseToggle.prototype.__proto__ || Object.getPrototypeOf(PfeCollapseToggle.prototype), "attributeChangedCallback", this).call(this, attr, oldVal, newVal); + + if (!newVal) { + return; + } + + this._connectPanel(newVal); + } + }, { + key: "toggle", + value: function toggle() { + if (this.hasAttribute("disabled")) { + return; + } + + this.expanded = !this.expanded; + + // one last try to hook up a panel + if (!this.controlledPanel) { + this._connectPanel(this.getAttribute("aria-controls")); + } + + if (this.controlledPanel) { + this.controlledPanel.expanded = this.expanded; + + this.emitEvent(PfeCollapse.events.change, { + detail: { + expanded: this.expanded, + toggle: this, + panel: this.controlledPanel + } + }); + } else { + console.warn(this.tag + ": This toggle doesn't have a panel associated with it"); + } + } + }, { + key: "_clickHandler", + value: function _clickHandler() { + this.toggle(); + } + }, { + key: "_keydownHandler", + value: function _keydownHandler(event) { + var key = event.key; + + switch (key) { + case " ": + case "Spacebar": + case "Enter": + this.toggle(); + break; + } + } + }, { + key: "_connectPanel", + value: function _connectPanel(id) { + // this can be an issue if the pfe-collapse is located within + // a shadow root + if (this.getRootNode) { + this.controlledPanel = this.getRootNode().querySelector("#" + id); + } else { + this.controlledPanel = document.querySelector("#" + id); + } + } + }]); + return PfeCollapseToggle; + }(PFElement); + + var PfeCollapsePanel = function (_PFElement2) { + inherits(PfeCollapsePanel, _PFElement2); + createClass(PfeCollapsePanel, [{ + key: "html", + get: function get$$1() { + return ""; + } + }, { + key: "templateUrl", + get: function get$$1() { + return "pfe-collapse-panel.html"; + } + }, { + key: "styleUrl", + get: function get$$1() { + return "pfe-collapse-panel.scss"; + } + }, { + key: "pfeId", + get: function get$$1() { + return this.getAttribute("pfe-id"); + }, + set: function set$$1(id) { + if (!id) { + return; + } + + this.setAttribute("pfe-id", id); + } + }, { + key: "animates", + get: function get$$1() { + return this.getAttribute("pfe-animation") === "false" ? false : true; + } + }, { + key: "expanded", + get: function get$$1() { + return this.hasAttribute("pfe-expanded"); + }, + set: function set$$1(val) { + var value = Boolean(val); + + if (value) { + this.setAttribute("pfe-expanded", ""); + + if (this.animates) { + var height = this.getBoundingClientRect().height; + this._fireAnimationEvent("opening"); + this._animate(0, height); + } + } else { + if (this.hasAttribute("pfe-expanded")) { + var _height = this.getBoundingClientRect().height; + this.removeAttribute("pfe-expanded"); + + if (this.animates) { + this._fireAnimationEvent("closing"); + this._animate(_height, 0); + } + } + } + } + }], [{ + key: "version", + get: function get$$1() { + return "1.0.0-prerelease.50"; + } + }, { + key: "properties", + get: function get$$1() { + return {}; + } + }, { + key: "slots", + get: function get$$1() { + return { "default": { "title": "Default", "type": "array", "namedSlot": false, "items": { "oneOf": [{ "$ref": "pfe-collapsibe-toggle" }, { "$ref": "pfe-collapse-panel" }] } } }; + } + }, { + key: "tag", + get: function get$$1() { + return "pfe-collapse-panel"; + } + }, { + key: "events", + get: function get$$1() { + return { + animationStart: this.tag + ":animation-start", + animationEnd: this.tag + ":animation-end" + }; + } + }]); + + function PfeCollapsePanel(pfeClass) { + classCallCheck(this, PfeCollapsePanel); + return possibleConstructorReturn(this, (PfeCollapsePanel.__proto__ || Object.getPrototypeOf(PfeCollapsePanel)).call(this, pfeClass || PfeCollapsePanel)); + } + + createClass(PfeCollapsePanel, [{ + key: "connectedCallback", + value: function connectedCallback() { + get(PfeCollapsePanel.prototype.__proto__ || Object.getPrototypeOf(PfeCollapsePanel.prototype), "connectedCallback", this).call(this); + + this.expanded = false; + + // if (this.id && this.id !== "") { + if (this.id) { + this.pfeId = this.id; + } + + var generatedId = PfeCollapsePanel.tag + "-" + generateId(); + + if (!this.id) { + this.id = generatedId; + } + + if (!this.pfeId) { + this.pfeId = generatedId; + } + } + }, { + key: "_animate", + value: function _animate(start, end) { + var _this3 = this; + + this.classList.add("animating"); + this.style.height = start + "px"; + + requestAnimationFrame(function () { + requestAnimationFrame(function () { + _this3.style.height = end + "px"; + _this3.classList.add("animating"); + _this3.addEventListener("transitionend", _this3._transitionEndHandler); + }); + }); + } + }, { + key: "_transitionEndHandler", + value: function _transitionEndHandler(event) { + event.target.style.height = ""; + event.target.classList.remove("animating"); + event.target.removeEventListener("transitionend", this._transitionEndHandler); + + this.emitEvent(PfeCollapsePanel.events.animationEnd, { + detail: { + expanded: this.expanded, + panel: this + } + }); + } + }, { + key: "_fireAnimationEvent", + value: function _fireAnimationEvent(state) { + this.emitEvent(PfeCollapsePanel.events.animationStart, { + detail: { + state: state, + panel: this + } + }); + } + }]); + return PfeCollapsePanel; + }(PFElement); + + var PfeCollapse = function (_PFElement3) { + inherits(PfeCollapse, _PFElement3); + createClass(PfeCollapse, [{ + key: "html", + get: function get$$1() { + return ""; + } + }, { + key: "templateUrl", + get: function get$$1() { + return "pfe-collapse.html"; + } + }, { + key: "styleUrl", + get: function get$$1() { + return "pfe-collapse.scss"; + } + }, { + key: "schemaUrl", + get: function get$$1() { + return "pfe-collapse.json"; + } + }, { + key: "animates", + get: function get$$1() { + return this.getAttribute("pfe-animation") === "false" ? false : true; + } + }], [{ + key: "version", + get: function get$$1() { + return "1.0.0-prerelease.50"; + } + }, { + key: "properties", + get: function get$$1() { + return {}; + } + }, { + key: "slots", + get: function get$$1() { + return { "default": { "title": "Default", "type": "array", "namedSlot": false, "items": { "oneOf": [{ "$ref": "pfe-collapsibe-toggle" }, { "$ref": "pfe-collapse-panel" }] } } }; + } + }, { + key: "tag", + get: function get$$1() { + return "pfe-collapse"; + } + }, { + key: "observedAttributes", + get: function get$$1() { + return ["pfe-animation"]; + } + }, { + key: "events", + get: function get$$1() { + return { + change: this.tag + ":change" + }; + } + }]); + + function PfeCollapse(pfeClass) { + classCallCheck(this, PfeCollapse); + + var _this4 = possibleConstructorReturn(this, (PfeCollapse.__proto__ || Object.getPrototypeOf(PfeCollapse)).call(this, pfeClass || PfeCollapse)); + + _this4._toggle = null; + _this4._panel = null; + _this4._linkControls = _this4._linkControls.bind(_this4); + _this4._changeHandler = _this4._changeHandler.bind(_this4); + _this4._observer = new MutationObserver(_this4._linkControls); + + _this4.addEventListener(PfeCollapse.events.change, _this4._changeHandler); + _this4.addEventListener(PfeCollapse.events.animationStart, _this4._animationStartHandler); + _this4.addEventListener(PfeCollapse.events.animationEnd, _this4._animationEndHandler); + return _this4; + } + + createClass(PfeCollapse, [{ + key: "connectedCallback", + value: function connectedCallback() { + var _this5 = this; + + get(PfeCollapse.prototype.__proto__ || Object.getPrototypeOf(PfeCollapse.prototype), "connectedCallback", this).call(this); + + Promise.all([customElements.whenDefined(PfeCollapsePanel.tag), customElements.whenDefined(PfeCollapseToggle.tag)]).then(function () { + if (_this5.children.length) { + _this5._linkControls(); + } + + _this5._observer.observe(_this5, { childList: true }); + }); + } + }, { + key: "disconnectedCallback", + value: function disconnectedCallback() { + this.removeEventListener(PfeCollapse.events.change, this._changeHandler); + this.removeEventListener(PfeCollapse.events.animationStart, this._animationStartHandler); + this.removeEventListener(PfeCollapse.events.animationEnd, this._animationEndHandler); + this._observer.disconnect(); + } + }, { + key: "attributeChangedCallback", + value: function attributeChangedCallback(attr, oldVal, newVal) { + get(PfeCollapse.prototype.__proto__ || Object.getPrototypeOf(PfeCollapse.prototype), "attributeChangedCallback", this).call(this, attr, oldVal, newVal); + + if (!newVal) { + return; + } + + if (newVal !== "false" && newVal !== "true") { + return; + } + + if (this._panel) { + this._panel.setAttribute("pfe-animation", newVal); + } + } + }, { + key: "toggle", + value: function toggle() { + this._toggle.toggle(); + } + }, { + key: "_linkControls", + value: function _linkControls() { + this._toggle = this.querySelector(PfeCollapseToggle.tag); + this._panel = this.querySelector(PfeCollapsePanel.tag); + + this._toggle.setAttribute("aria-controls", this._panel.pfeId); + } + }, { + key: "_animationStartHandler", + value: function _animationStartHandler() { + this.classList.add("animating"); + } + }, { + key: "_animationEndHandler", + value: function _animationEndHandler() { + this.classList.remove("animating"); + } + }, { + key: "_changeHandler", + value: function _changeHandler(event) {} + }]); + return PfeCollapse; + }(PFElement); + + PFElement.create(PfeCollapse); + PFElement.create(PfeCollapseToggle); + PFElement.create(PfeCollapsePanel); + + exports.PfeCollapse = PfeCollapse; + exports.PfeCollapseToggle = PfeCollapseToggle; + exports.PfeCollapsePanel = PfeCollapsePanel; + + Object.defineProperty(exports, '__esModule', { value: true }); + +}))); +//# sourceMappingURL=pfe-collapse.umd.js.map diff --git a/elements/pfe-collapse/dist/pfe-collapse.umd.js.map b/elements/pfe-collapse/dist/pfe-collapse.umd.js.map new file mode 100644 index 0000000000..839c0313b3 --- /dev/null +++ b/elements/pfe-collapse/dist/pfe-collapse.umd.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-collapse.umd.js","sources":["../_temp/pfe-collapse.umd.js"],"sourcesContent":["/*!\n * PatternFly Elements: PfeCollapse 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\nimport PFElement from \"../../pfelement/dist/pfelement.umd\";\n\nfunction generateId() {\n return Math.random()\n .toString(36)\n .substr(2, 9);\n}\n\nclass PfeCollapseToggle extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return ``;\n }\n\n static get properties() {\n return {};\n }\n\n static get slots() {\n return {\"default\":{\"title\":\"Default\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"pfe-collapsibe-toggle\"},{\"$ref\":\"pfe-collapse-panel\"}]}}};\n }\n static get tag() {\n return \"pfe-collapse-toggle\";\n }\n\n get templateUrl() {\n return \"pfe-collapse-toggle.html\";\n }\n\n get styleUrl() {\n return \"pfe-collapse-toggle.scss\";\n }\n\n get pfeId() {\n return this.getAttribute(\"pfe-id\");\n }\n\n set pfeId(id) {\n if (!id) {\n return;\n }\n\n this.setAttribute(\"pfe-id\", id);\n }\n\n get expanded() {\n return this.getAttribute(\"aria-expanded\") === \"true\";\n }\n\n set expanded(val) {\n const value = Boolean(val);\n this.setAttribute(\"aria-expanded\", value);\n }\n\n static get observedAttributes() {\n return [\"aria-controls\"];\n }\n\n constructor(pfeClass, { setTabIndex = true, addKeydownHandler = true } = {}) {\n super(pfeClass || PfeCollapseToggle);\n\n this.controlledPanel = false;\n this._setTabIndex = setTabIndex;\n this._addKeydownHandler = addKeydownHandler;\n\n this.addEventListener(\"click\", this._clickHandler);\n\n if (addKeydownHandler) {\n this.addEventListener(\"keydown\", this._keydownHandler);\n }\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this.expanded = false;\n\n // if (this.id && this.id !== \"\") {\n if (this.id) {\n this.pfeId = this.id;\n }\n\n const generatedId = `${PfeCollapseToggle.tag}-${generateId()}`;\n\n if (!this.id) {\n this.id = generatedId;\n }\n\n if (!this.pfeId) {\n this.pfeId = generatedId;\n }\n\n this.setAttribute(\"role\", \"button\");\n\n if (this._setTabIndex) {\n this.setAttribute(\"tabindex\", 0);\n }\n\n if (!this.controlledPanel) {\n this._connectPanel(this.getAttribute(\"aria-controls\"));\n }\n }\n\n disconnectedCallback() {\n this.removeEventListener(\"click\", this._clickHandler);\n\n if (this._addKeydownHandler) {\n this.removeEventListener(\"keydown\", this._keydownHandler);\n }\n }\n\n attributeChangedCallback(attr, oldVal, newVal) {\n super.attributeChangedCallback(attr, oldVal, newVal);\n\n if (!newVal) {\n return;\n }\n\n this._connectPanel(newVal);\n }\n\n toggle() {\n if (this.hasAttribute(\"disabled\")) {\n return;\n }\n\n this.expanded = !this.expanded;\n\n // one last try to hook up a panel\n if (!this.controlledPanel) {\n this._connectPanel(this.getAttribute(\"aria-controls\"));\n }\n\n if (this.controlledPanel) {\n this.controlledPanel.expanded = this.expanded;\n\n this.emitEvent(PfeCollapse.events.change, {\n detail: {\n expanded: this.expanded,\n toggle: this,\n panel: this.controlledPanel\n }\n });\n } else {\n console.warn(\n `${this.tag}: This toggle doesn't have a panel associated with it`\n );\n }\n }\n\n _clickHandler() {\n this.toggle();\n }\n\n _keydownHandler(event) {\n const key = event.key;\n\n switch (key) {\n case \" \":\n case \"Spacebar\":\n case \"Enter\":\n this.toggle();\n break;\n }\n }\n\n _connectPanel(id) {\n // this can be an issue if the pfe-collapse is located within\n // a shadow root\n if (this.getRootNode) {\n this.controlledPanel = this.getRootNode().querySelector(`#${id}`);\n } else {\n this.controlledPanel = document.querySelector(`#${id}`);\n }\n }\n}\n\nclass PfeCollapsePanel extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return ``;\n }\n\n static get properties() {\n return {};\n }\n\n static get slots() {\n return {\"default\":{\"title\":\"Default\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"pfe-collapsibe-toggle\"},{\"$ref\":\"pfe-collapse-panel\"}]}}};\n }\n static get tag() {\n return \"pfe-collapse-panel\";\n }\n\n static get events() {\n return {\n animationStart: `${this.tag}:animation-start`,\n animationEnd: `${this.tag}:animation-end`\n };\n }\n\n get templateUrl() {\n return \"pfe-collapse-panel.html\";\n }\n\n get styleUrl() {\n return \"pfe-collapse-panel.scss\";\n }\n\n get pfeId() {\n return this.getAttribute(\"pfe-id\");\n }\n\n set pfeId(id) {\n if (!id) {\n return;\n }\n\n this.setAttribute(\"pfe-id\", id);\n }\n\n get animates() {\n return this.getAttribute(\"pfe-animation\") === \"false\" ? false : true;\n }\n\n get expanded() {\n return this.hasAttribute(\"pfe-expanded\");\n }\n\n set expanded(val) {\n const value = Boolean(val);\n\n if (value) {\n this.setAttribute(\"pfe-expanded\", \"\");\n\n if (this.animates) {\n const height = this.getBoundingClientRect().height;\n this._fireAnimationEvent(\"opening\");\n this._animate(0, height);\n }\n } else {\n if (this.hasAttribute(\"pfe-expanded\")) {\n const height = this.getBoundingClientRect().height;\n this.removeAttribute(\"pfe-expanded\");\n\n if (this.animates) {\n this._fireAnimationEvent(\"closing\");\n this._animate(height, 0);\n }\n }\n }\n }\n\n constructor(pfeClass) {\n super(pfeClass || PfeCollapsePanel);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this.expanded = false;\n\n // if (this.id && this.id !== \"\") {\n if (this.id) {\n this.pfeId = this.id;\n }\n\n const generatedId = `${PfeCollapsePanel.tag}-${generateId()}`;\n\n if (!this.id) {\n this.id = generatedId;\n }\n\n if (!this.pfeId) {\n this.pfeId = generatedId;\n }\n }\n\n _animate(start, end) {\n this.classList.add(\"animating\");\n this.style.height = `${start}px`;\n\n requestAnimationFrame(() => {\n requestAnimationFrame(() => {\n this.style.height = `${end}px`;\n this.classList.add(\"animating\");\n this.addEventListener(\"transitionend\", this._transitionEndHandler);\n });\n });\n }\n\n _transitionEndHandler(event) {\n event.target.style.height = \"\";\n event.target.classList.remove(\"animating\");\n event.target.removeEventListener(\n \"transitionend\",\n this._transitionEndHandler\n );\n\n this.emitEvent(PfeCollapsePanel.events.animationEnd, {\n detail: {\n expanded: this.expanded,\n panel: this\n }\n });\n }\n\n _fireAnimationEvent(state) {\n this.emitEvent(PfeCollapsePanel.events.animationStart, {\n detail: {\n state: state,\n panel: this\n }\n });\n }\n}\n\nclass PfeCollapse extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return ``;\n }\n\n static get properties() {\n return {};\n }\n\n static get slots() {\n return {\"default\":{\"title\":\"Default\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"pfe-collapsibe-toggle\"},{\"$ref\":\"pfe-collapse-panel\"}]}}};\n }\n static get tag() {\n return \"pfe-collapse\";\n }\n\n get templateUrl() {\n return \"pfe-collapse.html\";\n }\n\n get styleUrl() {\n return \"pfe-collapse.scss\";\n }\n\n get schemaUrl() {\n return \"pfe-collapse.json\";\n }\n\n get animates() {\n return this.getAttribute(\"pfe-animation\") === \"false\" ? false : true;\n }\n\n static get observedAttributes() {\n return [\"pfe-animation\"];\n }\n\n static get events() {\n return {\n change: `${this.tag}:change`\n };\n }\n\n constructor(pfeClass) {\n super(pfeClass || PfeCollapse);\n\n this._toggle = null;\n this._panel = null;\n this._linkControls = this._linkControls.bind(this);\n this._changeHandler = this._changeHandler.bind(this);\n this._observer = new MutationObserver(this._linkControls);\n\n this.addEventListener(PfeCollapse.events.change, this._changeHandler);\n this.addEventListener(\n PfeCollapse.events.animationStart,\n this._animationStartHandler\n );\n this.addEventListener(\n PfeCollapse.events.animationEnd,\n this._animationEndHandler\n );\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n Promise.all([\n customElements.whenDefined(PfeCollapsePanel.tag),\n customElements.whenDefined(PfeCollapseToggle.tag)\n ]).then(() => {\n if (this.children.length) {\n this._linkControls();\n }\n\n this._observer.observe(this, { childList: true });\n });\n }\n\n disconnectedCallback() {\n this.removeEventListener(PfeCollapse.events.change, this._changeHandler);\n this.removeEventListener(\n PfeCollapse.events.animationStart,\n this._animationStartHandler\n );\n this.removeEventListener(\n PfeCollapse.events.animationEnd,\n this._animationEndHandler\n );\n this._observer.disconnect();\n }\n\n attributeChangedCallback(attr, oldVal, newVal) {\n super.attributeChangedCallback(attr, oldVal, newVal);\n\n if (!newVal) {\n return;\n }\n\n if (newVal !== \"false\" && newVal !== \"true\") {\n return;\n }\n\n if (this._panel) {\n this._panel.setAttribute(\"pfe-animation\", newVal);\n }\n }\n\n toggle() {\n this._toggle.toggle();\n }\n\n _linkControls() {\n this._toggle = this.querySelector(PfeCollapseToggle.tag);\n this._panel = this.querySelector(PfeCollapsePanel.tag);\n\n this._toggle.setAttribute(\"aria-controls\", this._panel.pfeId);\n }\n\n _animationStartHandler() {\n this.classList.add(\"animating\");\n }\n\n _animationEndHandler() {\n this.classList.remove(\"animating\");\n }\n\n _changeHandler(event) {}\n}\n\nPFElement.create(PfeCollapse);\nPFElement.create(PfeCollapseToggle);\nPFElement.create(PfeCollapsePanel);\n\nexport { PfeCollapse, PfeCollapseToggle, PfeCollapsePanel };\n"],"names":["generateId","Math","random","toString","substr","PfeCollapseToggle","getAttribute","id","setAttribute","val","value","Boolean","pfeClass","setTabIndex","addKeydownHandler","controlledPanel","_setTabIndex","_addKeydownHandler","addEventListener","_clickHandler","_keydownHandler","expanded","pfeId","generatedId","tag","_connectPanel","removeEventListener","attr","oldVal","newVal","hasAttribute","emitEvent","PfeCollapse","events","change","detail","toggle","panel","console","warn","event","key","getRootNode","querySelector","document","PFElement","PfeCollapsePanel","animates","height","getBoundingClientRect","_fireAnimationEvent","_animate","removeAttribute","animationStart","animationEnd","start","end","classList","add","style","requestAnimationFrame","_transitionEndHandler","target","remove","state","_toggle","_panel","_linkControls","bind","_changeHandler","_observer","MutationObserver","_animationStartHandler","_animationEndHandler","Promise","all","customElements","whenDefined","then","children","length","observe","childList","disconnect","create"],"mappings":"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"} \ No newline at end of file diff --git a/elements/pfe-collapse/dist/pfe-collapse.umd.min.js b/elements/pfe-collapse/dist/pfe-collapse.umd.min.js new file mode 100644 index 0000000000..fc6b901849 --- /dev/null +++ b/elements/pfe-collapse/dist/pfe-collapse.umd.min.js @@ -0,0 +1,2 @@ +!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("../../pfelement/dist/pfelement.umd")):"function"==typeof define&&define.amd?define(["exports","../../pfelement/dist/pfelement.umd"],t):t(e.PfeCollapse={},e.PFElement)}(this,function(e,t){"use strict";t=t&&t.hasOwnProperty("default")?t.default:t;function s(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var n=function(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),e};function i(e,t){for(var n=0;n:host{display:block;cursor:default}\n/*# sourceMappingURL=pfe-collapse-toggle.min.css.map */\n"}},{key:"templateUrl",get:function(){return"pfe-collapse-toggle.html"}},{key:"styleUrl",get:function(){return"pfe-collapse-toggle.scss"}},{key:"pfeId",get:function(){return this.getAttribute("pfe-id")},set:function(e){e&&this.setAttribute("pfe-id",e)}},{key:"expanded",get:function(){return"true"===this.getAttribute("aria-expanded")},set:function(e){var t=Boolean(e);this.setAttribute("aria-expanded",t)}}],[{key:"version",get:function(){return"1.0.0-prerelease.50"}},{key:"properties",get:function(){return{}}},{key:"slots",get:function(){return{default:{title:"Default",type:"array",namedSlot:!1,items:{oneOf:[{$ref:"pfe-collapsibe-toggle"},{$ref:"pfe-collapse-panel"}]}}}}},{key:"tag",get:function(){return"pfe-collapse-toggle"}},{key:"observedAttributes",get:function(){return["aria-controls"]}}]),n(d,[{key:"connectedCallback",value:function(){r(d.prototype.__proto__||Object.getPrototypeOf(d.prototype),"connectedCallback",this).call(this),this.expanded=!1,this.id&&(this.pfeId=this.id);var e=d.tag+"-"+o();this.id||(this.id=e),this.pfeId||(this.pfeId=e),this.setAttribute("role","button"),this._setTabIndex&&this.setAttribute("tabindex",0),this.controlledPanel||this._connectPanel(this.getAttribute("aria-controls"))}},{key:"disconnectedCallback",value:function(){this.removeEventListener("click",this._clickHandler),this._addKeydownHandler&&this.removeEventListener("keydown",this._keydownHandler)}},{key:"attributeChangedCallback",value:function(e,t,n){r(d.prototype.__proto__||Object.getPrototypeOf(d.prototype),"attributeChangedCallback",this).call(this,e,t,n),n&&this._connectPanel(n)}},{key:"toggle",value:function(){this.hasAttribute("disabled")||(this.expanded=!this.expanded,this.controlledPanel||this._connectPanel(this.getAttribute("aria-controls")),this.controlledPanel?(this.controlledPanel.expanded=this.expanded,this.emitEvent(h.events.change,{detail:{expanded:this.expanded,toggle:this,panel:this.controlledPanel}})):console.warn(this.tag+": This toggle doesn't have a panel associated with it"))}},{key:"_clickHandler",value:function(){this.toggle()}},{key:"_keydownHandler",value:function(e){switch(e.key){case" ":case"Spacebar":case"Enter":this.toggle()}}},{key:"_connectPanel",value:function(e){this.getRootNode?this.controlledPanel=this.getRootNode().querySelector("#"+e):this.controlledPanel=document.querySelector("#"+e)}}]),d);function d(e){var t=1:host{display:none;overflow:hidden;will-change:height}:host([pfe-expanded]){display:block;position:relative}:host(.animating){display:block;-webkit-transition:height .3s ease-in-out;transition:height .3s ease-in-out}\n/*# sourceMappingURL=pfe-collapse-panel.min.css.map */\n"}},{key:"templateUrl",get:function(){return"pfe-collapse-panel.html"}},{key:"styleUrl",get:function(){return"pfe-collapse-panel.scss"}},{key:"pfeId",get:function(){return this.getAttribute("pfe-id")},set:function(e){e&&this.setAttribute("pfe-id",e)}},{key:"animates",get:function(){return"false"!==this.getAttribute("pfe-animation")}},{key:"expanded",get:function(){return this.hasAttribute("pfe-expanded")},set:function(e){if(Boolean(e)){if(this.setAttribute("pfe-expanded",""),this.animates){var t=this.getBoundingClientRect().height;this._fireAnimationEvent("opening"),this._animate(0,t)}}else if(this.hasAttribute("pfe-expanded")){var n=this.getBoundingClientRect().height;this.removeAttribute("pfe-expanded"),this.animates&&(this._fireAnimationEvent("closing"),this._animate(n,0))}}}],[{key:"version",get:function(){return"1.0.0-prerelease.50"}},{key:"properties",get:function(){return{}}},{key:"slots",get:function(){return{default:{title:"Default",type:"array",namedSlot:!1,items:{oneOf:[{$ref:"pfe-collapsibe-toggle"},{$ref:"pfe-collapse-panel"}]}}}}},{key:"tag",get:function(){return"pfe-collapse-panel"}},{key:"events",get:function(){return{animationStart:this.tag+":animation-start",animationEnd:this.tag+":animation-end"}}}]),n(p,[{key:"connectedCallback",value:function(){r(p.prototype.__proto__||Object.getPrototypeOf(p.prototype),"connectedCallback",this).call(this),this.expanded=!1,this.id&&(this.pfeId=this.id);var e=p.tag+"-"+o();this.id||(this.id=e),this.pfeId||(this.pfeId=e)}},{key:"_animate",value:function(e,t){var n=this;this.classList.add("animating"),this.style.height=e+"px",requestAnimationFrame(function(){requestAnimationFrame(function(){n.style.height=t+"px",n.classList.add("animating"),n.addEventListener("transitionend",n._transitionEndHandler)})})}},{key:"_transitionEndHandler",value:function(e){e.target.style.height="",e.target.classList.remove("animating"),e.target.removeEventListener("transitionend",this._transitionEndHandler),this.emitEvent(p.events.animationEnd,{detail:{expanded:this.expanded,panel:this}})}},{key:"_fireAnimationEvent",value:function(e){this.emitEvent(p.events.animationStart,{detail:{state:e,panel:this}})}}]),p);function p(e){return s(this,p),l(this,(p.__proto__||Object.getPrototypeOf(p)).call(this,e||p))}var h=(a(f,t),n(f,[{key:"html",get:function(){return""}},{key:"templateUrl",get:function(){return"pfe-collapse.html"}},{key:"styleUrl",get:function(){return"pfe-collapse.scss"}},{key:"schemaUrl",get:function(){return"pfe-collapse.json"}},{key:"animates",get:function(){return"false"!==this.getAttribute("pfe-animation")}}],[{key:"version",get:function(){return"1.0.0-prerelease.50"}},{key:"properties",get:function(){return{}}},{key:"slots",get:function(){return{default:{title:"Default",type:"array",namedSlot:!1,items:{oneOf:[{$ref:"pfe-collapsibe-toggle"},{$ref:"pfe-collapse-panel"}]}}}}},{key:"tag",get:function(){return"pfe-collapse"}},{key:"observedAttributes",get:function(){return["pfe-animation"]}},{key:"events",get:function(){return{change:this.tag+":change"}}}]),n(f,[{key:"connectedCallback",value:function(){var e=this;r(f.prototype.__proto__||Object.getPrototypeOf(f.prototype),"connectedCallback",this).call(this),Promise.all([customElements.whenDefined(u.tag),customElements.whenDefined(c.tag)]).then(function(){e.children.length&&e._linkControls(),e._observer.observe(e,{childList:!0})})}},{key:"disconnectedCallback",value:function(){this.removeEventListener(f.events.change,this._changeHandler),this.removeEventListener(f.events.animationStart,this._animationStartHandler),this.removeEventListener(f.events.animationEnd,this._animationEndHandler),this._observer.disconnect()}},{key:"attributeChangedCallback",value:function(e,t,n){r(f.prototype.__proto__||Object.getPrototypeOf(f.prototype),"attributeChangedCallback",this).call(this,e,t,n),n&&("false"!==n&&"true"!==n||this._panel&&this._panel.setAttribute("pfe-animation",n))}},{key:"toggle",value:function(){this._toggle.toggle()}},{key:"_linkControls",value:function(){this._toggle=this.querySelector(c.tag),this._panel=this.querySelector(u.tag),this._toggle.setAttribute("aria-controls",this._panel.pfeId)}},{key:"_animationStartHandler",value:function(){this.classList.add("animating")}},{key:"_animationEndHandler",value:function(){this.classList.remove("animating")}},{key:"_changeHandler",value:function(e){}}]),f);function f(e){s(this,f);var t=l(this,(f.__proto__||Object.getPrototypeOf(f)).call(this,e||f));return t._toggle=null,t._panel=null,t._linkControls=t._linkControls.bind(t),t._changeHandler=t._changeHandler.bind(t),t._observer=new MutationObserver(t._linkControls),t.addEventListener(f.events.change,t._changeHandler),t.addEventListener(f.events.animationStart,t._animationStartHandler),t.addEventListener(f.events.animationEnd,t._animationEndHandler),t}t.create(h),t.create(c),t.create(u),e.PfeCollapse=h,e.PfeCollapseToggle=c,e.PfeCollapsePanel=u,Object.defineProperty(e,"__esModule",{value:!0})}); +//# sourceMappingURL=pfe-collapse.umd.min.js.map diff --git a/elements/pfe-collapse/dist/pfe-collapse.umd.min.js.map b/elements/pfe-collapse/dist/pfe-collapse.umd.min.js.map new file mode 100644 index 0000000000..190455e3ed --- /dev/null +++ b/elements/pfe-collapse/dist/pfe-collapse.umd.min.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-collapse.umd.min.js","sources":["../_temp/pfe-collapse.umd.js"],"sourcesContent":["/*!\n * PatternFly Elements: PfeCollapse 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\nimport PFElement from \"../../pfelement/dist/pfelement.umd\";\n\nfunction generateId() {\n return Math.random()\n .toString(36)\n .substr(2, 9);\n}\n\nclass PfeCollapseToggle extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return ``;\n }\n\n static get properties() {\n return {};\n }\n\n static get slots() {\n return {\"default\":{\"title\":\"Default\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"pfe-collapsibe-toggle\"},{\"$ref\":\"pfe-collapse-panel\"}]}}};\n }\n static get tag() {\n return \"pfe-collapse-toggle\";\n }\n\n get templateUrl() {\n return \"pfe-collapse-toggle.html\";\n }\n\n get styleUrl() {\n return \"pfe-collapse-toggle.scss\";\n }\n\n get pfeId() {\n return this.getAttribute(\"pfe-id\");\n }\n\n set pfeId(id) {\n if (!id) {\n return;\n }\n\n this.setAttribute(\"pfe-id\", id);\n }\n\n get expanded() {\n return this.getAttribute(\"aria-expanded\") === \"true\";\n }\n\n set expanded(val) {\n const value = Boolean(val);\n this.setAttribute(\"aria-expanded\", value);\n }\n\n static get observedAttributes() {\n return [\"aria-controls\"];\n }\n\n constructor(pfeClass, { setTabIndex = true, addKeydownHandler = true } = {}) {\n super(pfeClass || PfeCollapseToggle);\n\n this.controlledPanel = false;\n this._setTabIndex = setTabIndex;\n this._addKeydownHandler = addKeydownHandler;\n\n this.addEventListener(\"click\", this._clickHandler);\n\n if (addKeydownHandler) {\n this.addEventListener(\"keydown\", this._keydownHandler);\n }\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this.expanded = false;\n\n // if (this.id && this.id !== \"\") {\n if (this.id) {\n this.pfeId = this.id;\n }\n\n const generatedId = `${PfeCollapseToggle.tag}-${generateId()}`;\n\n if (!this.id) {\n this.id = generatedId;\n }\n\n if (!this.pfeId) {\n this.pfeId = generatedId;\n }\n\n this.setAttribute(\"role\", \"button\");\n\n if (this._setTabIndex) {\n this.setAttribute(\"tabindex\", 0);\n }\n\n if (!this.controlledPanel) {\n this._connectPanel(this.getAttribute(\"aria-controls\"));\n }\n }\n\n disconnectedCallback() {\n this.removeEventListener(\"click\", this._clickHandler);\n\n if (this._addKeydownHandler) {\n this.removeEventListener(\"keydown\", this._keydownHandler);\n }\n }\n\n attributeChangedCallback(attr, oldVal, newVal) {\n super.attributeChangedCallback(attr, oldVal, newVal);\n\n if (!newVal) {\n return;\n }\n\n this._connectPanel(newVal);\n }\n\n toggle() {\n if (this.hasAttribute(\"disabled\")) {\n return;\n }\n\n this.expanded = !this.expanded;\n\n // one last try to hook up a panel\n if (!this.controlledPanel) {\n this._connectPanel(this.getAttribute(\"aria-controls\"));\n }\n\n if (this.controlledPanel) {\n this.controlledPanel.expanded = this.expanded;\n\n this.emitEvent(PfeCollapse.events.change, {\n detail: {\n expanded: this.expanded,\n toggle: this,\n panel: this.controlledPanel\n }\n });\n } else {\n console.warn(\n `${this.tag}: This toggle doesn't have a panel associated with it`\n );\n }\n }\n\n _clickHandler() {\n this.toggle();\n }\n\n _keydownHandler(event) {\n const key = event.key;\n\n switch (key) {\n case \" \":\n case \"Spacebar\":\n case \"Enter\":\n this.toggle();\n break;\n }\n }\n\n _connectPanel(id) {\n // this can be an issue if the pfe-collapse is located within\n // a shadow root\n if (this.getRootNode) {\n this.controlledPanel = this.getRootNode().querySelector(`#${id}`);\n } else {\n this.controlledPanel = document.querySelector(`#${id}`);\n }\n }\n}\n\nclass PfeCollapsePanel extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return ``;\n }\n\n static get properties() {\n return {};\n }\n\n static get slots() {\n return {\"default\":{\"title\":\"Default\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"pfe-collapsibe-toggle\"},{\"$ref\":\"pfe-collapse-panel\"}]}}};\n }\n static get tag() {\n return \"pfe-collapse-panel\";\n }\n\n static get events() {\n return {\n animationStart: `${this.tag}:animation-start`,\n animationEnd: `${this.tag}:animation-end`\n };\n }\n\n get templateUrl() {\n return \"pfe-collapse-panel.html\";\n }\n\n get styleUrl() {\n return \"pfe-collapse-panel.scss\";\n }\n\n get pfeId() {\n return this.getAttribute(\"pfe-id\");\n }\n\n set pfeId(id) {\n if (!id) {\n return;\n }\n\n this.setAttribute(\"pfe-id\", id);\n }\n\n get animates() {\n return this.getAttribute(\"pfe-animation\") === \"false\" ? false : true;\n }\n\n get expanded() {\n return this.hasAttribute(\"pfe-expanded\");\n }\n\n set expanded(val) {\n const value = Boolean(val);\n\n if (value) {\n this.setAttribute(\"pfe-expanded\", \"\");\n\n if (this.animates) {\n const height = this.getBoundingClientRect().height;\n this._fireAnimationEvent(\"opening\");\n this._animate(0, height);\n }\n } else {\n if (this.hasAttribute(\"pfe-expanded\")) {\n const height = this.getBoundingClientRect().height;\n this.removeAttribute(\"pfe-expanded\");\n\n if (this.animates) {\n this._fireAnimationEvent(\"closing\");\n this._animate(height, 0);\n }\n }\n }\n }\n\n constructor(pfeClass) {\n super(pfeClass || PfeCollapsePanel);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this.expanded = false;\n\n // if (this.id && this.id !== \"\") {\n if (this.id) {\n this.pfeId = this.id;\n }\n\n const generatedId = `${PfeCollapsePanel.tag}-${generateId()}`;\n\n if (!this.id) {\n this.id = generatedId;\n }\n\n if (!this.pfeId) {\n this.pfeId = generatedId;\n }\n }\n\n _animate(start, end) {\n this.classList.add(\"animating\");\n this.style.height = `${start}px`;\n\n requestAnimationFrame(() => {\n requestAnimationFrame(() => {\n this.style.height = `${end}px`;\n this.classList.add(\"animating\");\n this.addEventListener(\"transitionend\", this._transitionEndHandler);\n });\n });\n }\n\n _transitionEndHandler(event) {\n event.target.style.height = \"\";\n event.target.classList.remove(\"animating\");\n event.target.removeEventListener(\n \"transitionend\",\n this._transitionEndHandler\n );\n\n this.emitEvent(PfeCollapsePanel.events.animationEnd, {\n detail: {\n expanded: this.expanded,\n panel: this\n }\n });\n }\n\n _fireAnimationEvent(state) {\n this.emitEvent(PfeCollapsePanel.events.animationStart, {\n detail: {\n state: state,\n panel: this\n }\n });\n }\n}\n\nclass PfeCollapse extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return ``;\n }\n\n static get properties() {\n return {};\n }\n\n static get slots() {\n return {\"default\":{\"title\":\"Default\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"pfe-collapsibe-toggle\"},{\"$ref\":\"pfe-collapse-panel\"}]}}};\n }\n static get tag() {\n return \"pfe-collapse\";\n }\n\n get templateUrl() {\n return \"pfe-collapse.html\";\n }\n\n get styleUrl() {\n return \"pfe-collapse.scss\";\n }\n\n get schemaUrl() {\n return \"pfe-collapse.json\";\n }\n\n get animates() {\n return this.getAttribute(\"pfe-animation\") === \"false\" ? false : true;\n }\n\n static get observedAttributes() {\n return [\"pfe-animation\"];\n }\n\n static get events() {\n return {\n change: `${this.tag}:change`\n };\n }\n\n constructor(pfeClass) {\n super(pfeClass || PfeCollapse);\n\n this._toggle = null;\n this._panel = null;\n this._linkControls = this._linkControls.bind(this);\n this._changeHandler = this._changeHandler.bind(this);\n this._observer = new MutationObserver(this._linkControls);\n\n this.addEventListener(PfeCollapse.events.change, this._changeHandler);\n this.addEventListener(\n PfeCollapse.events.animationStart,\n this._animationStartHandler\n );\n this.addEventListener(\n PfeCollapse.events.animationEnd,\n this._animationEndHandler\n );\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n Promise.all([\n customElements.whenDefined(PfeCollapsePanel.tag),\n customElements.whenDefined(PfeCollapseToggle.tag)\n ]).then(() => {\n if (this.children.length) {\n this._linkControls();\n }\n\n this._observer.observe(this, { childList: true });\n });\n }\n\n disconnectedCallback() {\n this.removeEventListener(PfeCollapse.events.change, this._changeHandler);\n this.removeEventListener(\n PfeCollapse.events.animationStart,\n this._animationStartHandler\n );\n this.removeEventListener(\n PfeCollapse.events.animationEnd,\n this._animationEndHandler\n );\n this._observer.disconnect();\n }\n\n attributeChangedCallback(attr, oldVal, newVal) {\n super.attributeChangedCallback(attr, oldVal, newVal);\n\n if (!newVal) {\n return;\n }\n\n if (newVal !== \"false\" && newVal !== \"true\") {\n return;\n }\n\n if (this._panel) {\n this._panel.setAttribute(\"pfe-animation\", newVal);\n }\n }\n\n toggle() {\n this._toggle.toggle();\n }\n\n _linkControls() {\n this._toggle = this.querySelector(PfeCollapseToggle.tag);\n this._panel = this.querySelector(PfeCollapsePanel.tag);\n\n this._toggle.setAttribute(\"aria-controls\", this._panel.pfeId);\n }\n\n _animationStartHandler() {\n this.classList.add(\"animating\");\n }\n\n _animationEndHandler() {\n this.classList.remove(\"animating\");\n }\n\n _changeHandler(event) {}\n}\n\nPFElement.create(PfeCollapse);\nPFElement.create(PfeCollapseToggle);\nPFElement.create(PfeCollapsePanel);\n\nexport { PfeCollapse, PfeCollapseToggle, PfeCollapsePanel };\n"],"names":["generateId","Math","random","toString","substr","PfeCollapseToggle","PFElement","this","getAttribute","id","setAttribute","val","value","Boolean","default","title","type","namedSlot","items","oneOf","$ref","expanded","pfeId","generatedId","tag","_setTabIndex","controlledPanel","_connectPanel","removeEventListener","_clickHandler","_addKeydownHandler","_keydownHandler","attr","oldVal","newVal","hasAttribute","emitEvent","PfeCollapse","events","change","warn","toggle","event","key","getRootNode","querySelector","document","pfeClass","setTabIndex","addKeydownHandler","addEventListener","_this","PfeCollapsePanel","animates","height","getBoundingClientRect","_fireAnimationEvent","_animate","removeAttribute","start","end","classList","add","style","_this3","_transitionEndHandler","target","remove","animationEnd","state","animationStart","all","customElements","whenDefined","then","_this5","children","length","_linkControls","_observer","observe","childList","_changeHandler","_animationStartHandler","_animationEndHandler","disconnect","_panel","_toggle","_this4","bind","MutationObserver","create"],"mappings":"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"} \ No newline at end of file diff --git a/elements/pfe-collapse/package-lock.json b/elements/pfe-collapse/package-lock.json index e231947477..ca8a0099b3 100644 --- a/elements/pfe-collapse/package-lock.json +++ b/elements/pfe-collapse/package-lock.json @@ -1,6 +1,6 @@ { "name": "@patternfly/pfe-collapse", - "version": "1.0.0-prerelease.49", + "version": "1.0.0-prerelease.50", "lockfileVersion": 1, "requires": true, "dependencies": { diff --git a/elements/pfe-collapse/package.json b/elements/pfe-collapse/package.json index 33d2e1c7c3..41413bf75f 100644 --- a/elements/pfe-collapse/package.json +++ b/elements/pfe-collapse/package.json @@ -4,7 +4,7 @@ "className": "PfeCollapse", "elementName": "pfe-collapse" }, - "version": "1.0.0-prerelease.49", + "version": "1.0.0-prerelease.50", "description": "Collapse element for PatternFly Elements", "keywords": [ "web-components", @@ -39,8 +39,8 @@ ], "license": "MIT", "dependencies": { - "@patternfly/pfe-sass": "^1.0.0-prerelease.49", - "@patternfly/pfelement": "^1.0.0-prerelease.49" + "@patternfly/pfe-sass": "^1.0.0-prerelease.50", + "@patternfly/pfelement": "^1.0.0-prerelease.50" }, "generator-pfelement-version": "1.1.0", "bugs": { diff --git a/elements/pfe-content-set/dist/pfe-content-set.js b/elements/pfe-content-set/dist/pfe-content-set.js new file mode 100644 index 0000000000..94494e87e7 --- /dev/null +++ b/elements/pfe-content-set/dist/pfe-content-set.js @@ -0,0 +1,240 @@ +import PFElement from '../../pfelement/dist/pfelement.js'; +import '../../pfe-accordion/dist/pfe-accordion.js'; +import '../../pfe-tabs/dist/pfe-tabs.js'; + +/*! + * PatternFly Elements: PfeContentSet 1.0.0-prerelease.50 + * @license + * Copyright 2020 Red Hat, Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + * +*/ + +class PfeContentSet extends PFElement { + static get version() { + return "1.0.0-prerelease.50"; + } + + get html() { + return ``; + } + + static get properties() { + return {"vertical":{"title":"Vertical orientation","type":"boolean","default":false,"prefixed":false},"variant":{"title":"Variant","type":"string","enum":["wind","earth"],"default":"wind","prefixed":true},"align":{"title":"Align","type":"string","enum":["center"],"prefixed":true},"on":{"title":"Context","type":"string","enum":["light","dark"],"default":"light","prefixed":false},"breakpoint":{"title":"Custom breakpoint","type":"string","prefixed":true},"tab-history":{"title":"Tab history","type":"boolean","default":false,"prefixed":true}}; + } + + static get slots() { + return {"default":{"title":"Default","type":"array","namedSlot":false,"items":{"oneOf":[{"$ref":"raw"}]}}}; + } + static get tag() { + return "pfe-content-set"; + } + + get templateUrl() { + return "pfe-content-set.html"; + } + + get styleUrl() { + return "pfe-content-set.scss"; + } + + get schemaUrl() { + return "pfe-content-set.json"; + } + + static get pfeType() { + return PFElement.pfeType.combo; + } + + static get cascadingAttributes() { + return { + "pfe-tab-history": "pfe-tabs" + }; + } + + static get observedAttributes() { + return ["pfe-tab-history"]; + } + + get isTab() { + var breakpointValue; + if (this.hasAttribute("pfe-breakpoint")) { + breakpointValue = this.getAttributeNode("pfe-breakpoint").value; + breakpointValue = breakpointValue.replace(/\D/g, ""); + } else { + breakpointValue = 700; + } + return this.parentNode + ? this.parentNode.offsetWidth > breakpointValue + : window.outerWidth > breakpointValue; + } + + constructor() { + super(PfeContentSet, { delayRender: true }); + + this._init = this._init.bind(this); + this._observer = new MutationObserver(this._init); + } + + connectedCallback() { + super.connectedCallback(); + + if (this.children.length) { + this._init(); + } + + this._observer.observe(this, { childList: true }); + } + + disconnectedCallback() { + this._observer.disconnect(); + } + + _init() { + if (window.ShadyCSS) { + this._observer.disconnect(); + } + + if (this.isTab) { + this._buildTabs(); + } else { + this._buildAccordion(); + } + + this.render(); + this.context_update(); + + if (window.ShadyCSS) { + setTimeout(() => { + this._observer.observe(this, { childList: true }); + }, 0); + } + } + + _buildAccordion() { + const existingAccordion = this.querySelector("pfe-accordion"); + // Use a document fragment for efficiency + const fragment = document.createDocumentFragment(); + // Use the existing accordion or create the accordion wrapper component + const accordion = + existingAccordion || document.createElement("pfe-accordion"); + + // Iterate over each element in the light DOM + [...this.children].forEach(child => { + // If one of them has the attribute indicating they belong in the header region + if (child.hasAttribute("pfe-content-set--header")) { + const header = document.createElement("pfe-accordion-header"); + + header.appendChild(child); + accordion.appendChild(header); + } + + if (child.hasAttribute("pfe-content-set--panel")) { + const panel = document.createElement("pfe-accordion-panel"); + + panel.appendChild(child); + accordion.appendChild(panel); + } + }); + + if (!existingAccordion) { + fragment.appendChild(accordion); + } + + if (!existingAccordion) { + this.appendChild(fragment); + } + } + + _buildTabs() { + const existingTabs = this.querySelector("pfe-tabs"); + // Use a document fragment for efficiency + const fragment = document.createDocumentFragment(); + // Use the existing tabs or create the tabs wrapper component + const tabs = existingTabs || document.createElement("pfe-tabs"); + + // Iterate over each element in the light DOM + [...this.children].forEach(child => { + // If one of them has the attribute indicating they belong in the panel region + if (child.hasAttribute("pfe-content-set--header")) { + const header = document.createElement("pfe-tab"); + + header.setAttribute("slot", "tab"); + + if (child.id) { + header.setAttribute("pfe-id", child.id); + } + + header.appendChild(child); + tabs.appendChild(header); + } + + if (child.hasAttribute("pfe-content-set--panel")) { + const panel = document.createElement("pfe-tab-panel"); + + panel.setAttribute("slot", "panel"); + + if (child.id) { + panel.setAttribute("pfe-id", child.id); + } + + panel.appendChild(child); + tabs.appendChild(panel); + } + }); + + if (!existingTabs) { + fragment.appendChild(tabs); + } + + // If the orientation is set to vertical, add that attribute to the tabs + if (this.vertical.value !== null && this.vertical.value !== false) { + tabs.setAttribute("vertical", true); + } + + // Pass the variant attribute down to the tabs component + if (this.variant.value !== this.variant.default) { + tabs.setAttribute("pfe-variant", this.variant.value); + } + + if (this.align.value) { + tabs.setAttribute("pfe-tab-align", this.align.value); + } + + if (this.id) { + tabs.setAttribute("pfe-id", this.id); + } + + if (this.hasAttribute("pfe-tab-history")) { + tabs.setAttribute("pfe-tab-history", true); + } + + if (!existingTabs) { + this.appendChild(fragment); + } + } +} + +PFElement.create(PfeContentSet); + +export default PfeContentSet; +//# sourceMappingURL=pfe-content-set.js.map diff --git a/elements/pfe-content-set/dist/pfe-content-set.js.map b/elements/pfe-content-set/dist/pfe-content-set.js.map new file mode 100644 index 0000000000..3fbacd8101 --- /dev/null +++ b/elements/pfe-content-set/dist/pfe-content-set.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-content-set.js","sources":["../_temp/pfe-content-set.js"],"sourcesContent":["/*!\n * PatternFly Elements: PfeContentSet 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\nimport PFElement from \"../../pfelement/dist/pfelement.js\";\nimport PfeAccordion from \"../../pfe-accordion/dist/pfe-accordion.js\";\nimport PfeTabs from \"../../pfe-tabs/dist/pfe-tabs.js\";\n\nclass PfeContentSet extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return ``;\n }\n\n static get properties() {\n return {\"vertical\":{\"title\":\"Vertical orientation\",\"type\":\"boolean\",\"default\":false,\"prefixed\":false},\"variant\":{\"title\":\"Variant\",\"type\":\"string\",\"enum\":[\"wind\",\"earth\"],\"default\":\"wind\",\"prefixed\":true},\"align\":{\"title\":\"Align\",\"type\":\"string\",\"enum\":[\"center\"],\"prefixed\":true},\"on\":{\"title\":\"Context\",\"type\":\"string\",\"enum\":[\"light\",\"dark\"],\"default\":\"light\",\"prefixed\":false},\"breakpoint\":{\"title\":\"Custom breakpoint\",\"type\":\"string\",\"prefixed\":true},\"tab-history\":{\"title\":\"Tab history\",\"type\":\"boolean\",\"default\":false,\"prefixed\":true}};\n }\n\n static get slots() {\n return {\"default\":{\"title\":\"Default\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-content-set\";\n }\n\n get templateUrl() {\n return \"pfe-content-set.html\";\n }\n\n get styleUrl() {\n return \"pfe-content-set.scss\";\n }\n\n get schemaUrl() {\n return \"pfe-content-set.json\";\n }\n\n static get pfeType() {\n return PFElement.pfeType.combo;\n }\n\n static get cascadingAttributes() {\n return {\n \"pfe-tab-history\": \"pfe-tabs\"\n };\n }\n\n static get observedAttributes() {\n return [\"pfe-tab-history\"];\n }\n\n get isTab() {\n var breakpointValue;\n if (this.hasAttribute(\"pfe-breakpoint\")) {\n breakpointValue = this.getAttributeNode(\"pfe-breakpoint\").value;\n breakpointValue = breakpointValue.replace(/\\D/g, \"\");\n } else {\n breakpointValue = 700;\n }\n return this.parentNode\n ? this.parentNode.offsetWidth > breakpointValue\n : window.outerWidth > breakpointValue;\n }\n\n constructor() {\n super(PfeContentSet, { delayRender: true });\n\n this._init = this._init.bind(this);\n this._observer = new MutationObserver(this._init);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n if (this.children.length) {\n this._init();\n }\n\n this._observer.observe(this, { childList: true });\n }\n\n disconnectedCallback() {\n this._observer.disconnect();\n }\n\n _init() {\n if (window.ShadyCSS) {\n this._observer.disconnect();\n }\n\n if (this.isTab) {\n this._buildTabs();\n } else {\n this._buildAccordion();\n }\n\n this.render();\n this.context_update();\n\n if (window.ShadyCSS) {\n setTimeout(() => {\n this._observer.observe(this, { childList: true });\n }, 0);\n }\n }\n\n _buildAccordion() {\n const existingAccordion = this.querySelector(\"pfe-accordion\");\n // Use a document fragment for efficiency\n const fragment = document.createDocumentFragment();\n // Use the existing accordion or create the accordion wrapper component\n const accordion =\n existingAccordion || document.createElement(\"pfe-accordion\");\n\n // Iterate over each element in the light DOM\n [...this.children].forEach(child => {\n // If one of them has the attribute indicating they belong in the header region\n if (child.hasAttribute(\"pfe-content-set--header\")) {\n const header = document.createElement(\"pfe-accordion-header\");\n\n header.appendChild(child);\n accordion.appendChild(header);\n }\n\n if (child.hasAttribute(\"pfe-content-set--panel\")) {\n const panel = document.createElement(\"pfe-accordion-panel\");\n\n panel.appendChild(child);\n accordion.appendChild(panel);\n }\n });\n\n if (!existingAccordion) {\n fragment.appendChild(accordion);\n }\n\n if (!existingAccordion) {\n this.appendChild(fragment);\n }\n }\n\n _buildTabs() {\n const existingTabs = this.querySelector(\"pfe-tabs\");\n // Use a document fragment for efficiency\n const fragment = document.createDocumentFragment();\n // Use the existing tabs or create the tabs wrapper component\n const tabs = existingTabs || document.createElement(\"pfe-tabs\");\n\n // Iterate over each element in the light DOM\n [...this.children].forEach(child => {\n // If one of them has the attribute indicating they belong in the panel region\n if (child.hasAttribute(\"pfe-content-set--header\")) {\n const header = document.createElement(\"pfe-tab\");\n\n header.setAttribute(\"slot\", \"tab\");\n\n if (child.id) {\n header.setAttribute(\"pfe-id\", child.id);\n }\n\n header.appendChild(child);\n tabs.appendChild(header);\n }\n\n if (child.hasAttribute(\"pfe-content-set--panel\")) {\n const panel = document.createElement(\"pfe-tab-panel\");\n\n panel.setAttribute(\"slot\", \"panel\");\n\n if (child.id) {\n panel.setAttribute(\"pfe-id\", child.id);\n }\n\n panel.appendChild(child);\n tabs.appendChild(panel);\n }\n });\n\n if (!existingTabs) {\n fragment.appendChild(tabs);\n }\n\n // If the orientation is set to vertical, add that attribute to the tabs\n if (this.vertical.value !== null && this.vertical.value !== false) {\n tabs.setAttribute(\"vertical\", true);\n }\n\n // Pass the variant attribute down to the tabs component\n if (this.variant.value !== this.variant.default) {\n tabs.setAttribute(\"pfe-variant\", this.variant.value);\n }\n\n if (this.align.value) {\n tabs.setAttribute(\"pfe-tab-align\", this.align.value);\n }\n\n if (this.id) {\n tabs.setAttribute(\"pfe-id\", this.id);\n }\n\n if (this.hasAttribute(\"pfe-tab-history\")) {\n tabs.setAttribute(\"pfe-tab-history\", true);\n }\n\n if (!existingTabs) {\n this.appendChild(fragment);\n }\n }\n}\n\nPFElement.create(PfeContentSet);\n\nexport default PfeContentSet;\n"],"names":[],"mappings":"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"} \ No newline at end of file diff --git a/elements/pfe-content-set/dist/pfe-content-set.json b/elements/pfe-content-set/dist/pfe-content-set.json new file mode 100644 index 0000000000..0fab29d43d --- /dev/null +++ b/elements/pfe-content-set/dist/pfe-content-set.json @@ -0,0 +1,76 @@ +{ + "$schema": "http://json-schema.org/draft-04/schema#", + "title": "Content set", + "description": "This element creates a flexible component that renders an accordion or tabset depending on screen size.", + "type": "object", + "tag": "pfe-content-set", + "class": "pfe-content-set", + "category": "combo", + "properties": { + "slots": { + "title": "Slots", + "description": "Definition of the supported slots", + "type": "object", + "properties": { + "default": { + "title": "Default", + "type": "array", + "namedSlot": false, + "items": { + "oneOf": [ + { + "$ref": "raw" + } + ] + } + } + } + }, + "attributes": { + "title": "Attributes", + "type": "object", + "properties": { + "vertical": { + "title": "Vertical orientation", + "type": "boolean", + "default": false, + "prefixed": false + }, + "variant": { + "title": "Variant", + "type": "string", + "enum": ["wind", "earth"], + "default": "wind", + "prefixed": true + }, + "align": { + "title": "Align", + "type": "string", + "enum": ["center"], + "prefixed": true + }, + "on": { + "title": "Context", + "type": "string", + "enum": ["light", "dark"], + "default": "light", + "prefixed": false + }, + "breakpoint": { + "title": "Custom breakpoint", + "type": "string", + "prefixed": true + }, + "tab-history": { + "title": "Tab history", + "type": "boolean", + "default": false, + "prefixed": true + } + }, + "required": ["orientation", "variant", "on"] + } + }, + "required": ["slots", "attributes"], + "additionalProperties": false +} diff --git a/elements/pfe-content-set/dist/pfe-content-set.min.js b/elements/pfe-content-set/dist/pfe-content-set.min.js new file mode 100644 index 0000000000..ee5e88de32 --- /dev/null +++ b/elements/pfe-content-set/dist/pfe-content-set.min.js @@ -0,0 +1,26 @@ +import t from"../../pfelement/dist/pfelement.min.js";import"../../pfe-accordion/dist/pfe-accordion.min.js";import"../../pfe-tabs/dist/pfe-tabs.min.js"; +/*! + * PatternFly Elements: PfeContentSet 1.0.0-prerelease.50 + * @license + * Copyright 2020 Red Hat, Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + * +*/class e extends t{static get version(){return"1.0.0-prerelease.50"}get html(){return""}static get properties(){return{vertical:{title:"Vertical orientation",type:"boolean",default:!1,prefixed:!1},variant:{title:"Variant",type:"string",enum:["wind","earth"],default:"wind",prefixed:!0},align:{title:"Align",type:"string",enum:["center"],prefixed:!0},on:{title:"Context",type:"string",enum:["light","dark"],default:"light",prefixed:!1},breakpoint:{title:"Custom breakpoint",type:"string",prefixed:!0},"tab-history":{title:"Tab history",type:"boolean",default:!1,prefixed:!0}}}static get slots(){return{default:{title:"Default",type:"array",namedSlot:!1,items:{oneOf:[{$ref:"raw"}]}}}}static get tag(){return"pfe-content-set"}get templateUrl(){return"pfe-content-set.html"}get styleUrl(){return"pfe-content-set.scss"}get schemaUrl(){return"pfe-content-set.json"}static get pfeType(){return t.pfeType.combo}static get cascadingAttributes(){return{"pfe-tab-history":"pfe-tabs"}}static get observedAttributes(){return["pfe-tab-history"]}get isTab(){var t;return t=this.hasAttribute("pfe-breakpoint")?(t=this.getAttributeNode("pfe-breakpoint").value).replace(/\D/g,""):700,this.parentNode?this.parentNode.offsetWidth>t:window.outerWidth>t}constructor(){super(e,{delayRender:!0}),this._init=this._init.bind(this),this._observer=new MutationObserver(this._init)}connectedCallback(){super.connectedCallback(),this.children.length&&this._init(),this._observer.observe(this,{childList:!0})}disconnectedCallback(){this._observer.disconnect()}_init(){window.ShadyCSS&&this._observer.disconnect(),this.isTab?this._buildTabs():this._buildAccordion(),this.render(),this.context_update(),window.ShadyCSS&&setTimeout(()=>{this._observer.observe(this,{childList:!0})},0)}_buildAccordion(){const t=this.querySelector("pfe-accordion"),e=document.createDocumentFragment(),i=t||document.createElement("pfe-accordion");[...this.children].forEach(t=>{if(t.hasAttribute("pfe-content-set--header")){const e=document.createElement("pfe-accordion-header");e.appendChild(t),i.appendChild(e)}if(t.hasAttribute("pfe-content-set--panel")){const e=document.createElement("pfe-accordion-panel");e.appendChild(t),i.appendChild(e)}}),t||e.appendChild(i),t||this.appendChild(e)}_buildTabs(){const t=this.querySelector("pfe-tabs"),e=document.createDocumentFragment(),i=t||document.createElement("pfe-tabs");[...this.children].forEach(t=>{if(t.hasAttribute("pfe-content-set--header")){const e=document.createElement("pfe-tab");e.setAttribute("slot","tab"),t.id&&e.setAttribute("pfe-id",t.id),e.appendChild(t),i.appendChild(e)}if(t.hasAttribute("pfe-content-set--panel")){const e=document.createElement("pfe-tab-panel");e.setAttribute("slot","panel"),t.id&&e.setAttribute("pfe-id",t.id),e.appendChild(t),i.appendChild(e)}}),t||e.appendChild(i),null!==this.vertical.value&&!1!==this.vertical.value&&i.setAttribute("vertical",!0),this.variant.value!==this.variant.default&&i.setAttribute("pfe-variant",this.variant.value),this.align.value&&i.setAttribute("pfe-tab-align",this.align.value),this.id&&i.setAttribute("pfe-id",this.id),this.hasAttribute("pfe-tab-history")&&i.setAttribute("pfe-tab-history",!0),t||this.appendChild(e)}}t.create(e);export default e; +//# sourceMappingURL=pfe-content-set.min.js.map diff --git a/elements/pfe-content-set/dist/pfe-content-set.min.js.map b/elements/pfe-content-set/dist/pfe-content-set.min.js.map new file mode 100644 index 0000000000..4d94fa9090 --- /dev/null +++ b/elements/pfe-content-set/dist/pfe-content-set.min.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-content-set.min.js","sources":["../_temp/pfe-content-set.js"],"sourcesContent":["/*!\n * PatternFly Elements: PfeContentSet 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\nimport PFElement from \"../../pfelement/dist/pfelement.js\";\nimport PfeAccordion from \"../../pfe-accordion/dist/pfe-accordion.js\";\nimport PfeTabs from \"../../pfe-tabs/dist/pfe-tabs.js\";\n\nclass PfeContentSet extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return ``;\n }\n\n static get properties() {\n return {\"vertical\":{\"title\":\"Vertical orientation\",\"type\":\"boolean\",\"default\":false,\"prefixed\":false},\"variant\":{\"title\":\"Variant\",\"type\":\"string\",\"enum\":[\"wind\",\"earth\"],\"default\":\"wind\",\"prefixed\":true},\"align\":{\"title\":\"Align\",\"type\":\"string\",\"enum\":[\"center\"],\"prefixed\":true},\"on\":{\"title\":\"Context\",\"type\":\"string\",\"enum\":[\"light\",\"dark\"],\"default\":\"light\",\"prefixed\":false},\"breakpoint\":{\"title\":\"Custom breakpoint\",\"type\":\"string\",\"prefixed\":true},\"tab-history\":{\"title\":\"Tab history\",\"type\":\"boolean\",\"default\":false,\"prefixed\":true}};\n }\n\n static get slots() {\n return {\"default\":{\"title\":\"Default\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-content-set\";\n }\n\n get templateUrl() {\n return \"pfe-content-set.html\";\n }\n\n get styleUrl() {\n return \"pfe-content-set.scss\";\n }\n\n get schemaUrl() {\n return \"pfe-content-set.json\";\n }\n\n static get pfeType() {\n return PFElement.pfeType.combo;\n }\n\n static get cascadingAttributes() {\n return {\n \"pfe-tab-history\": \"pfe-tabs\"\n };\n }\n\n static get observedAttributes() {\n return [\"pfe-tab-history\"];\n }\n\n get isTab() {\n var breakpointValue;\n if (this.hasAttribute(\"pfe-breakpoint\")) {\n breakpointValue = this.getAttributeNode(\"pfe-breakpoint\").value;\n breakpointValue = breakpointValue.replace(/\\D/g, \"\");\n } else {\n breakpointValue = 700;\n }\n return this.parentNode\n ? this.parentNode.offsetWidth > breakpointValue\n : window.outerWidth > breakpointValue;\n }\n\n constructor() {\n super(PfeContentSet, { delayRender: true });\n\n this._init = this._init.bind(this);\n this._observer = new MutationObserver(this._init);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n if (this.children.length) {\n this._init();\n }\n\n this._observer.observe(this, { childList: true });\n }\n\n disconnectedCallback() {\n this._observer.disconnect();\n }\n\n _init() {\n if (window.ShadyCSS) {\n this._observer.disconnect();\n }\n\n if (this.isTab) {\n this._buildTabs();\n } else {\n this._buildAccordion();\n }\n\n this.render();\n this.context_update();\n\n if (window.ShadyCSS) {\n setTimeout(() => {\n this._observer.observe(this, { childList: true });\n }, 0);\n }\n }\n\n _buildAccordion() {\n const existingAccordion = this.querySelector(\"pfe-accordion\");\n // Use a document fragment for efficiency\n const fragment = document.createDocumentFragment();\n // Use the existing accordion or create the accordion wrapper component\n const accordion =\n existingAccordion || document.createElement(\"pfe-accordion\");\n\n // Iterate over each element in the light DOM\n [...this.children].forEach(child => {\n // If one of them has the attribute indicating they belong in the header region\n if (child.hasAttribute(\"pfe-content-set--header\")) {\n const header = document.createElement(\"pfe-accordion-header\");\n\n header.appendChild(child);\n accordion.appendChild(header);\n }\n\n if (child.hasAttribute(\"pfe-content-set--panel\")) {\n const panel = document.createElement(\"pfe-accordion-panel\");\n\n panel.appendChild(child);\n accordion.appendChild(panel);\n }\n });\n\n if (!existingAccordion) {\n fragment.appendChild(accordion);\n }\n\n if (!existingAccordion) {\n this.appendChild(fragment);\n }\n }\n\n _buildTabs() {\n const existingTabs = this.querySelector(\"pfe-tabs\");\n // Use a document fragment for efficiency\n const fragment = document.createDocumentFragment();\n // Use the existing tabs or create the tabs wrapper component\n const tabs = existingTabs || document.createElement(\"pfe-tabs\");\n\n // Iterate over each element in the light DOM\n [...this.children].forEach(child => {\n // If one of them has the attribute indicating they belong in the panel region\n if (child.hasAttribute(\"pfe-content-set--header\")) {\n const header = document.createElement(\"pfe-tab\");\n\n header.setAttribute(\"slot\", \"tab\");\n\n if (child.id) {\n header.setAttribute(\"pfe-id\", child.id);\n }\n\n header.appendChild(child);\n tabs.appendChild(header);\n }\n\n if (child.hasAttribute(\"pfe-content-set--panel\")) {\n const panel = document.createElement(\"pfe-tab-panel\");\n\n panel.setAttribute(\"slot\", \"panel\");\n\n if (child.id) {\n panel.setAttribute(\"pfe-id\", child.id);\n }\n\n panel.appendChild(child);\n tabs.appendChild(panel);\n }\n });\n\n if (!existingTabs) {\n fragment.appendChild(tabs);\n }\n\n // If the orientation is set to vertical, add that attribute to the tabs\n if (this.vertical.value !== null && this.vertical.value !== false) {\n tabs.setAttribute(\"vertical\", true);\n }\n\n // Pass the variant attribute down to the tabs component\n if (this.variant.value !== this.variant.default) {\n tabs.setAttribute(\"pfe-variant\", this.variant.value);\n }\n\n if (this.align.value) {\n tabs.setAttribute(\"pfe-tab-align\", this.align.value);\n }\n\n if (this.id) {\n tabs.setAttribute(\"pfe-id\", this.id);\n }\n\n if (this.hasAttribute(\"pfe-tab-history\")) {\n tabs.setAttribute(\"pfe-tab-history\", true);\n }\n\n if (!existingTabs) {\n this.appendChild(fragment);\n }\n }\n}\n\nPFElement.create(PfeContentSet);\n\nexport default PfeContentSet;\n"],"names":["PfeContentSet","PFElement","version","html","properties","vertical","title","type","default","prefixed","variant","enum","align","on","breakpoint","tab-history","slots","namedSlot","items","oneOf","$ref","tag","templateUrl","styleUrl","schemaUrl","pfeType","combo","cascadingAttributes","pfe-tab-history","observedAttributes","isTab","breakpointValue","this","hasAttribute","getAttributeNode","value","replace","parentNode","offsetWidth","window","outerWidth","[object Object]","super","delayRender","_init","bind","_observer","MutationObserver","connectedCallback","children","length","observe","childList","disconnect","ShadyCSS","_buildTabs","_buildAccordion","render","context_update","setTimeout","existingAccordion","querySelector","fragment","document","createDocumentFragment","accordion","createElement","forEach","child","header","appendChild","panel","existingTabs","tabs","setAttribute","id","create"],"mappings":"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"} \ No newline at end of file diff --git a/elements/pfe-content-set/dist/pfe-content-set.umd.js b/elements/pfe-content-set/dist/pfe-content-set.umd.js new file mode 100644 index 0000000000..8220792720 --- /dev/null +++ b/elements/pfe-content-set/dist/pfe-content-set.umd.js @@ -0,0 +1,355 @@ +(function (global, factory) { + typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('../../pfelement/dist/pfelement.umd'), require('../../pfe-accordion/dist/pfe-accordion.umd'), require('../../pfe-tabs/dist/pfe-tabs.umd')) : + typeof define === 'function' && define.amd ? define(['../../pfelement/dist/pfelement.umd', '../../pfe-accordion/dist/pfe-accordion.umd', '../../pfe-tabs/dist/pfe-tabs.umd'], factory) : + (global.PfeContentSet = factory(global.PFElement,global.PfeAccordion,global.PfeTabs)); +}(this, (function (PFElement,pfeAccordion_umd,pfeTabs_umd) { 'use strict'; + + PFElement = PFElement && PFElement.hasOwnProperty('default') ? PFElement['default'] : PFElement; + pfeAccordion_umd = pfeAccordion_umd && pfeAccordion_umd.hasOwnProperty('default') ? pfeAccordion_umd['default'] : pfeAccordion_umd; + pfeTabs_umd = pfeTabs_umd && pfeTabs_umd.hasOwnProperty('default') ? pfeTabs_umd['default'] : pfeTabs_umd; + + var classCallCheck = function (instance, Constructor) { + if (!(instance instanceof Constructor)) { + throw new TypeError("Cannot call a class as a function"); + } + }; + + var createClass = function () { + function defineProperties(target, props) { + for (var i = 0; i < props.length; i++) { + var descriptor = props[i]; + descriptor.enumerable = descriptor.enumerable || false; + descriptor.configurable = true; + if ("value" in descriptor) descriptor.writable = true; + Object.defineProperty(target, descriptor.key, descriptor); + } + } + + return function (Constructor, protoProps, staticProps) { + if (protoProps) defineProperties(Constructor.prototype, protoProps); + if (staticProps) defineProperties(Constructor, staticProps); + return Constructor; + }; + }(); + + var get = function get(object, property, receiver) { + if (object === null) object = Function.prototype; + var desc = Object.getOwnPropertyDescriptor(object, property); + + if (desc === undefined) { + var parent = Object.getPrototypeOf(object); + + if (parent === null) { + return undefined; + } else { + return get(parent, property, receiver); + } + } else if ("value" in desc) { + return desc.value; + } else { + var getter = desc.get; + + if (getter === undefined) { + return undefined; + } + + return getter.call(receiver); + } + }; + + var inherits = function (subClass, superClass) { + if (typeof superClass !== "function" && superClass !== null) { + throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); + } + + subClass.prototype = Object.create(superClass && superClass.prototype, { + constructor: { + value: subClass, + enumerable: false, + writable: true, + configurable: true + } + }); + if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; + }; + + var possibleConstructorReturn = function (self, call) { + if (!self) { + throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); + } + + return call && (typeof call === "object" || typeof call === "function") ? call : self; + }; + + var toConsumableArray = function (arr) { + if (Array.isArray(arr)) { + for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) arr2[i] = arr[i]; + + return arr2; + } else { + return Array.from(arr); + } + }; + + /*! + * PatternFly Elements: PfeContentSet 1.0.0-prerelease.50 + * @license + * Copyright 2020 Red Hat, Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + * + */ + + var PfeContentSet = function (_PFElement) { + inherits(PfeContentSet, _PFElement); + createClass(PfeContentSet, [{ + key: "html", + get: function get$$1() { + return ""; + } + }, { + key: "templateUrl", + get: function get$$1() { + return "pfe-content-set.html"; + } + }, { + key: "styleUrl", + get: function get$$1() { + return "pfe-content-set.scss"; + } + }, { + key: "schemaUrl", + get: function get$$1() { + return "pfe-content-set.json"; + } + }, { + key: "isTab", + get: function get$$1() { + var breakpointValue; + if (this.hasAttribute("pfe-breakpoint")) { + breakpointValue = this.getAttributeNode("pfe-breakpoint").value; + breakpointValue = breakpointValue.replace(/\D/g, ""); + } else { + breakpointValue = 700; + } + return this.parentNode ? this.parentNode.offsetWidth > breakpointValue : window.outerWidth > breakpointValue; + } + }], [{ + key: "version", + get: function get$$1() { + return "1.0.0-prerelease.50"; + } + }, { + key: "properties", + get: function get$$1() { + return { "vertical": { "title": "Vertical orientation", "type": "boolean", "default": false, "prefixed": false }, "variant": { "title": "Variant", "type": "string", "enum": ["wind", "earth"], "default": "wind", "prefixed": true }, "align": { "title": "Align", "type": "string", "enum": ["center"], "prefixed": true }, "on": { "title": "Context", "type": "string", "enum": ["light", "dark"], "default": "light", "prefixed": false }, "breakpoint": { "title": "Custom breakpoint", "type": "string", "prefixed": true }, "tab-history": { "title": "Tab history", "type": "boolean", "default": false, "prefixed": true } }; + } + }, { + key: "slots", + get: function get$$1() { + return { "default": { "title": "Default", "type": "array", "namedSlot": false, "items": { "oneOf": [{ "$ref": "raw" }] } } }; + } + }, { + key: "tag", + get: function get$$1() { + return "pfe-content-set"; + } + }, { + key: "pfeType", + get: function get$$1() { + return PFElement.pfeType.combo; + } + }, { + key: "cascadingAttributes", + get: function get$$1() { + return { + "pfe-tab-history": "pfe-tabs" + }; + } + }, { + key: "observedAttributes", + get: function get$$1() { + return ["pfe-tab-history"]; + } + }]); + + function PfeContentSet() { + classCallCheck(this, PfeContentSet); + + var _this = possibleConstructorReturn(this, (PfeContentSet.__proto__ || Object.getPrototypeOf(PfeContentSet)).call(this, PfeContentSet, { delayRender: true })); + + _this._init = _this._init.bind(_this); + _this._observer = new MutationObserver(_this._init); + return _this; + } + + createClass(PfeContentSet, [{ + key: "connectedCallback", + value: function connectedCallback() { + get(PfeContentSet.prototype.__proto__ || Object.getPrototypeOf(PfeContentSet.prototype), "connectedCallback", this).call(this); + + if (this.children.length) { + this._init(); + } + + this._observer.observe(this, { childList: true }); + } + }, { + key: "disconnectedCallback", + value: function disconnectedCallback() { + this._observer.disconnect(); + } + }, { + key: "_init", + value: function _init() { + var _this2 = this; + + if (window.ShadyCSS) { + this._observer.disconnect(); + } + + if (this.isTab) { + this._buildTabs(); + } else { + this._buildAccordion(); + } + + this.render(); + this.context_update(); + + if (window.ShadyCSS) { + setTimeout(function () { + _this2._observer.observe(_this2, { childList: true }); + }, 0); + } + } + }, { + key: "_buildAccordion", + value: function _buildAccordion() { + var existingAccordion = this.querySelector("pfe-accordion"); + // Use a document fragment for efficiency + var fragment = document.createDocumentFragment(); + // Use the existing accordion or create the accordion wrapper component + var accordion = existingAccordion || document.createElement("pfe-accordion"); + + // Iterate over each element in the light DOM + [].concat(toConsumableArray(this.children)).forEach(function (child) { + // If one of them has the attribute indicating they belong in the header region + if (child.hasAttribute("pfe-content-set--header")) { + var header = document.createElement("pfe-accordion-header"); + + header.appendChild(child); + accordion.appendChild(header); + } + + if (child.hasAttribute("pfe-content-set--panel")) { + var panel = document.createElement("pfe-accordion-panel"); + + panel.appendChild(child); + accordion.appendChild(panel); + } + }); + + if (!existingAccordion) { + fragment.appendChild(accordion); + } + + if (!existingAccordion) { + this.appendChild(fragment); + } + } + }, { + key: "_buildTabs", + value: function _buildTabs() { + var existingTabs = this.querySelector("pfe-tabs"); + // Use a document fragment for efficiency + var fragment = document.createDocumentFragment(); + // Use the existing tabs or create the tabs wrapper component + var tabs = existingTabs || document.createElement("pfe-tabs"); + + // Iterate over each element in the light DOM + [].concat(toConsumableArray(this.children)).forEach(function (child) { + // If one of them has the attribute indicating they belong in the panel region + if (child.hasAttribute("pfe-content-set--header")) { + var header = document.createElement("pfe-tab"); + + header.setAttribute("slot", "tab"); + + if (child.id) { + header.setAttribute("pfe-id", child.id); + } + + header.appendChild(child); + tabs.appendChild(header); + } + + if (child.hasAttribute("pfe-content-set--panel")) { + var panel = document.createElement("pfe-tab-panel"); + + panel.setAttribute("slot", "panel"); + + if (child.id) { + panel.setAttribute("pfe-id", child.id); + } + + panel.appendChild(child); + tabs.appendChild(panel); + } + }); + + if (!existingTabs) { + fragment.appendChild(tabs); + } + + // If the orientation is set to vertical, add that attribute to the tabs + if (this.vertical.value !== null && this.vertical.value !== false) { + tabs.setAttribute("vertical", true); + } + + // Pass the variant attribute down to the tabs component + if (this.variant.value !== this.variant.default) { + tabs.setAttribute("pfe-variant", this.variant.value); + } + + if (this.align.value) { + tabs.setAttribute("pfe-tab-align", this.align.value); + } + + if (this.id) { + tabs.setAttribute("pfe-id", this.id); + } + + if (this.hasAttribute("pfe-tab-history")) { + tabs.setAttribute("pfe-tab-history", true); + } + + if (!existingTabs) { + this.appendChild(fragment); + } + } + }]); + return PfeContentSet; + }(PFElement); + + PFElement.create(PfeContentSet); + + return PfeContentSet; + +}))); +//# sourceMappingURL=pfe-content-set.umd.js.map diff --git a/elements/pfe-content-set/dist/pfe-content-set.umd.js.map b/elements/pfe-content-set/dist/pfe-content-set.umd.js.map new file mode 100644 index 0000000000..66b1a7c68e --- /dev/null +++ b/elements/pfe-content-set/dist/pfe-content-set.umd.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-content-set.umd.js","sources":["../_temp/pfe-content-set.umd.js"],"sourcesContent":["/*!\n * PatternFly Elements: PfeContentSet 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\nimport PFElement from \"../../pfelement/dist/pfelement.umd\";\nimport PfeAccordion from \"../../pfe-accordion/dist/pfe-accordion.umd\";\nimport PfeTabs from \"../../pfe-tabs/dist/pfe-tabs.umd\";\n\nclass PfeContentSet extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return ``;\n }\n\n static get properties() {\n return {\"vertical\":{\"title\":\"Vertical orientation\",\"type\":\"boolean\",\"default\":false,\"prefixed\":false},\"variant\":{\"title\":\"Variant\",\"type\":\"string\",\"enum\":[\"wind\",\"earth\"],\"default\":\"wind\",\"prefixed\":true},\"align\":{\"title\":\"Align\",\"type\":\"string\",\"enum\":[\"center\"],\"prefixed\":true},\"on\":{\"title\":\"Context\",\"type\":\"string\",\"enum\":[\"light\",\"dark\"],\"default\":\"light\",\"prefixed\":false},\"breakpoint\":{\"title\":\"Custom breakpoint\",\"type\":\"string\",\"prefixed\":true},\"tab-history\":{\"title\":\"Tab history\",\"type\":\"boolean\",\"default\":false,\"prefixed\":true}};\n }\n\n static get slots() {\n return {\"default\":{\"title\":\"Default\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-content-set\";\n }\n\n get templateUrl() {\n return \"pfe-content-set.html\";\n }\n\n get styleUrl() {\n return \"pfe-content-set.scss\";\n }\n\n get schemaUrl() {\n return \"pfe-content-set.json\";\n }\n\n static get pfeType() {\n return PFElement.pfeType.combo;\n }\n\n static get cascadingAttributes() {\n return {\n \"pfe-tab-history\": \"pfe-tabs\"\n };\n }\n\n static get observedAttributes() {\n return [\"pfe-tab-history\"];\n }\n\n get isTab() {\n var breakpointValue;\n if (this.hasAttribute(\"pfe-breakpoint\")) {\n breakpointValue = this.getAttributeNode(\"pfe-breakpoint\").value;\n breakpointValue = breakpointValue.replace(/\\D/g, \"\");\n } else {\n breakpointValue = 700;\n }\n return this.parentNode\n ? this.parentNode.offsetWidth > breakpointValue\n : window.outerWidth > breakpointValue;\n }\n\n constructor() {\n super(PfeContentSet, { delayRender: true });\n\n this._init = this._init.bind(this);\n this._observer = new MutationObserver(this._init);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n if (this.children.length) {\n this._init();\n }\n\n this._observer.observe(this, { childList: true });\n }\n\n disconnectedCallback() {\n this._observer.disconnect();\n }\n\n _init() {\n if (window.ShadyCSS) {\n this._observer.disconnect();\n }\n\n if (this.isTab) {\n this._buildTabs();\n } else {\n this._buildAccordion();\n }\n\n this.render();\n this.context_update();\n\n if (window.ShadyCSS) {\n setTimeout(() => {\n this._observer.observe(this, { childList: true });\n }, 0);\n }\n }\n\n _buildAccordion() {\n const existingAccordion = this.querySelector(\"pfe-accordion\");\n // Use a document fragment for efficiency\n const fragment = document.createDocumentFragment();\n // Use the existing accordion or create the accordion wrapper component\n const accordion =\n existingAccordion || document.createElement(\"pfe-accordion\");\n\n // Iterate over each element in the light DOM\n [...this.children].forEach(child => {\n // If one of them has the attribute indicating they belong in the header region\n if (child.hasAttribute(\"pfe-content-set--header\")) {\n const header = document.createElement(\"pfe-accordion-header\");\n\n header.appendChild(child);\n accordion.appendChild(header);\n }\n\n if (child.hasAttribute(\"pfe-content-set--panel\")) {\n const panel = document.createElement(\"pfe-accordion-panel\");\n\n panel.appendChild(child);\n accordion.appendChild(panel);\n }\n });\n\n if (!existingAccordion) {\n fragment.appendChild(accordion);\n }\n\n if (!existingAccordion) {\n this.appendChild(fragment);\n }\n }\n\n _buildTabs() {\n const existingTabs = this.querySelector(\"pfe-tabs\");\n // Use a document fragment for efficiency\n const fragment = document.createDocumentFragment();\n // Use the existing tabs or create the tabs wrapper component\n const tabs = existingTabs || document.createElement(\"pfe-tabs\");\n\n // Iterate over each element in the light DOM\n [...this.children].forEach(child => {\n // If one of them has the attribute indicating they belong in the panel region\n if (child.hasAttribute(\"pfe-content-set--header\")) {\n const header = document.createElement(\"pfe-tab\");\n\n header.setAttribute(\"slot\", \"tab\");\n\n if (child.id) {\n header.setAttribute(\"pfe-id\", child.id);\n }\n\n header.appendChild(child);\n tabs.appendChild(header);\n }\n\n if (child.hasAttribute(\"pfe-content-set--panel\")) {\n const panel = document.createElement(\"pfe-tab-panel\");\n\n panel.setAttribute(\"slot\", \"panel\");\n\n if (child.id) {\n panel.setAttribute(\"pfe-id\", child.id);\n }\n\n panel.appendChild(child);\n tabs.appendChild(panel);\n }\n });\n\n if (!existingTabs) {\n fragment.appendChild(tabs);\n }\n\n // If the orientation is set to vertical, add that attribute to the tabs\n if (this.vertical.value !== null && this.vertical.value !== false) {\n tabs.setAttribute(\"vertical\", true);\n }\n\n // Pass the variant attribute down to the tabs component\n if (this.variant.value !== this.variant.default) {\n tabs.setAttribute(\"pfe-variant\", this.variant.value);\n }\n\n if (this.align.value) {\n tabs.setAttribute(\"pfe-tab-align\", this.align.value);\n }\n\n if (this.id) {\n tabs.setAttribute(\"pfe-id\", this.id);\n }\n\n if (this.hasAttribute(\"pfe-tab-history\")) {\n tabs.setAttribute(\"pfe-tab-history\", true);\n }\n\n if (!existingTabs) {\n this.appendChild(fragment);\n }\n }\n}\n\nPFElement.create(PfeContentSet);\n\nexport default PfeContentSet;\n"],"names":["PfeContentSet","breakpointValue","hasAttribute","getAttributeNode","value","replace","parentNode","offsetWidth","window","outerWidth","PFElement","pfeType","combo","delayRender","_init","bind","_observer","MutationObserver","children","length","observe","childList","disconnect","ShadyCSS","isTab","_buildTabs","_buildAccordion","render","context_update","setTimeout","existingAccordion","querySelector","fragment","document","createDocumentFragment","accordion","createElement","forEach","child","header","appendChild","panel","existingTabs","tabs","setAttribute","id","vertical","variant","default","align","create"],"mappings":"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"} \ No newline at end of file diff --git a/elements/pfe-content-set/dist/pfe-content-set.umd.min.js b/elements/pfe-content-set/dist/pfe-content-set.umd.min.js new file mode 100644 index 0000000000..72bdfbb0e8 --- /dev/null +++ b/elements/pfe-content-set/dist/pfe-content-set.umd.min.js @@ -0,0 +1,2 @@ +!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("../../pfelement/dist/pfelement.umd"),require("../../pfe-accordion/dist/pfe-accordion.umd"),require("../../pfe-tabs/dist/pfe-tabs.umd")):"function"==typeof define&&define.amd?define(["../../pfelement/dist/pfelement.umd","../../pfe-accordion/dist/pfe-accordion.umd","../../pfe-tabs/dist/pfe-tabs.umd"],t):e.PfeContentSet=t(e.PFElement,e.PfeAccordion,e.PfeTabs)}(this,function(e,t,n){"use strict";e=e&&e.hasOwnProperty("default")?e.default:e,t=t&&t.hasOwnProperty("default")?t.default:t,n=n&&n.hasOwnProperty("default")?n.default:n;var i=function(e,t,n){return t&&r(e.prototype,t),n&&r(e,n),e};function r(e,t){for(var n=0;n:host{display:block}:host([hidden]){display:none}\n/*# sourceMappingURL=pfe-content-set.min.css.map */\n"}},{key:"templateUrl",get:function(){return"pfe-content-set.html"}},{key:"styleUrl",get:function(){return"pfe-content-set.scss"}},{key:"schemaUrl",get:function(){return"pfe-content-set.json"}},{key:"isTab",get:function(){var e;return e=this.hasAttribute("pfe-breakpoint")?(e=this.getAttributeNode("pfe-breakpoint").value).replace(/\D/g,""):700,this.parentNode?this.parentNode.offsetWidth>e:window.outerWidth>e}}],[{key:"version",get:function(){return"1.0.0-prerelease.50"}},{key:"properties",get:function(){return{vertical:{title:"Vertical orientation",type:"boolean",default:!1,prefixed:!1},variant:{title:"Variant",type:"string",enum:["wind","earth"],default:"wind",prefixed:!0},align:{title:"Align",type:"string",enum:["center"],prefixed:!0},on:{title:"Context",type:"string",enum:["light","dark"],default:"light",prefixed:!1},breakpoint:{title:"Custom breakpoint",type:"string",prefixed:!0},"tab-history":{title:"Tab history",type:"boolean",default:!1,prefixed:!0}}}},{key:"slots",get:function(){return{default:{title:"Default",type:"array",namedSlot:!1,items:{oneOf:[{$ref:"raw"}]}}}}},{key:"tag",get:function(){return"pfe-content-set"}},{key:"pfeType",get:function(){return e.pfeType.combo}},{key:"cascadingAttributes",get:function(){return{"pfe-tab-history":"pfe-tabs"}}},{key:"observedAttributes",get:function(){return["pfe-tab-history"]}}]),i(s,[{key:"connectedCallback",value:function(){(function e(t,n,i){null===t&&(t=Function.prototype);var r=Object.getOwnPropertyDescriptor(t,n);if(void 0===r){var o=Object.getPrototypeOf(t);return null===o?void 0:e(o,n,i)}if("value"in r)return r.value;var a=r.get;return void 0!==a?a.call(i):void 0})(s.prototype.__proto__||Object.getPrototypeOf(s.prototype),"connectedCallback",this).call(this),this.children.length&&this._init(),this._observer.observe(this,{childList:!0})}},{key:"disconnectedCallback",value:function(){this._observer.disconnect()}},{key:"_init",value:function(){var e=this;window.ShadyCSS&&this._observer.disconnect(),this.isTab?this._buildTabs():this._buildAccordion(),this.render(),this.context_update(),window.ShadyCSS&&setTimeout(function(){e._observer.observe(e,{childList:!0})},0)}},{key:"_buildAccordion",value:function(){var e=this.querySelector("pfe-accordion"),t=document.createDocumentFragment(),i=e||document.createElement("pfe-accordion");[].concat(o(this.children)).forEach(function(e){if(e.hasAttribute("pfe-content-set--header")){var t=document.createElement("pfe-accordion-header");t.appendChild(e),i.appendChild(t)}if(e.hasAttribute("pfe-content-set--panel")){var n=document.createElement("pfe-accordion-panel");n.appendChild(e),i.appendChild(n)}}),e||t.appendChild(i),e||this.appendChild(t)}},{key:"_buildTabs",value:function(){var e=this.querySelector("pfe-tabs"),t=document.createDocumentFragment(),i=e||document.createElement("pfe-tabs");[].concat(o(this.children)).forEach(function(e){if(e.hasAttribute("pfe-content-set--header")){var t=document.createElement("pfe-tab");t.setAttribute("slot","tab"),e.id&&t.setAttribute("pfe-id",e.id),t.appendChild(e),i.appendChild(t)}if(e.hasAttribute("pfe-content-set--panel")){var n=document.createElement("pfe-tab-panel");n.setAttribute("slot","panel"),e.id&&n.setAttribute("pfe-id",e.id),n.appendChild(e),i.appendChild(n)}}),e||t.appendChild(i),null!==this.vertical.value&&!1!==this.vertical.value&&i.setAttribute("vertical",!0),this.variant.value!==this.variant.default&&i.setAttribute("pfe-variant",this.variant.value),this.align.value&&i.setAttribute("pfe-tab-align",this.align.value),this.id&&i.setAttribute("pfe-id",this.id),this.hasAttribute("pfe-tab-history")&&i.setAttribute("pfe-tab-history",!0),e||this.appendChild(t)}}]),s);function s(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,s);var e=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(s.__proto__||Object.getPrototypeOf(s)).call(this,s,{delayRender:!0}));return e._init=e._init.bind(e),e._observer=new MutationObserver(e._init),e}return e.create(a),a}); +//# sourceMappingURL=pfe-content-set.umd.min.js.map diff --git a/elements/pfe-content-set/dist/pfe-content-set.umd.min.js.map b/elements/pfe-content-set/dist/pfe-content-set.umd.min.js.map new file mode 100644 index 0000000000..7863687ea3 --- /dev/null +++ b/elements/pfe-content-set/dist/pfe-content-set.umd.min.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-content-set.umd.min.js","sources":["../_temp/pfe-content-set.umd.js"],"sourcesContent":["/*!\n * PatternFly Elements: PfeContentSet 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\nimport PFElement from \"../../pfelement/dist/pfelement.umd\";\nimport PfeAccordion from \"../../pfe-accordion/dist/pfe-accordion.umd\";\nimport PfeTabs from \"../../pfe-tabs/dist/pfe-tabs.umd\";\n\nclass PfeContentSet extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return ``;\n }\n\n static get properties() {\n return {\"vertical\":{\"title\":\"Vertical orientation\",\"type\":\"boolean\",\"default\":false,\"prefixed\":false},\"variant\":{\"title\":\"Variant\",\"type\":\"string\",\"enum\":[\"wind\",\"earth\"],\"default\":\"wind\",\"prefixed\":true},\"align\":{\"title\":\"Align\",\"type\":\"string\",\"enum\":[\"center\"],\"prefixed\":true},\"on\":{\"title\":\"Context\",\"type\":\"string\",\"enum\":[\"light\",\"dark\"],\"default\":\"light\",\"prefixed\":false},\"breakpoint\":{\"title\":\"Custom breakpoint\",\"type\":\"string\",\"prefixed\":true},\"tab-history\":{\"title\":\"Tab history\",\"type\":\"boolean\",\"default\":false,\"prefixed\":true}};\n }\n\n static get slots() {\n return {\"default\":{\"title\":\"Default\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-content-set\";\n }\n\n get templateUrl() {\n return \"pfe-content-set.html\";\n }\n\n get styleUrl() {\n return \"pfe-content-set.scss\";\n }\n\n get schemaUrl() {\n return \"pfe-content-set.json\";\n }\n\n static get pfeType() {\n return PFElement.pfeType.combo;\n }\n\n static get cascadingAttributes() {\n return {\n \"pfe-tab-history\": \"pfe-tabs\"\n };\n }\n\n static get observedAttributes() {\n return [\"pfe-tab-history\"];\n }\n\n get isTab() {\n var breakpointValue;\n if (this.hasAttribute(\"pfe-breakpoint\")) {\n breakpointValue = this.getAttributeNode(\"pfe-breakpoint\").value;\n breakpointValue = breakpointValue.replace(/\\D/g, \"\");\n } else {\n breakpointValue = 700;\n }\n return this.parentNode\n ? this.parentNode.offsetWidth > breakpointValue\n : window.outerWidth > breakpointValue;\n }\n\n constructor() {\n super(PfeContentSet, { delayRender: true });\n\n this._init = this._init.bind(this);\n this._observer = new MutationObserver(this._init);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n if (this.children.length) {\n this._init();\n }\n\n this._observer.observe(this, { childList: true });\n }\n\n disconnectedCallback() {\n this._observer.disconnect();\n }\n\n _init() {\n if (window.ShadyCSS) {\n this._observer.disconnect();\n }\n\n if (this.isTab) {\n this._buildTabs();\n } else {\n this._buildAccordion();\n }\n\n this.render();\n this.context_update();\n\n if (window.ShadyCSS) {\n setTimeout(() => {\n this._observer.observe(this, { childList: true });\n }, 0);\n }\n }\n\n _buildAccordion() {\n const existingAccordion = this.querySelector(\"pfe-accordion\");\n // Use a document fragment for efficiency\n const fragment = document.createDocumentFragment();\n // Use the existing accordion or create the accordion wrapper component\n const accordion =\n existingAccordion || document.createElement(\"pfe-accordion\");\n\n // Iterate over each element in the light DOM\n [...this.children].forEach(child => {\n // If one of them has the attribute indicating they belong in the header region\n if (child.hasAttribute(\"pfe-content-set--header\")) {\n const header = document.createElement(\"pfe-accordion-header\");\n\n header.appendChild(child);\n accordion.appendChild(header);\n }\n\n if (child.hasAttribute(\"pfe-content-set--panel\")) {\n const panel = document.createElement(\"pfe-accordion-panel\");\n\n panel.appendChild(child);\n accordion.appendChild(panel);\n }\n });\n\n if (!existingAccordion) {\n fragment.appendChild(accordion);\n }\n\n if (!existingAccordion) {\n this.appendChild(fragment);\n }\n }\n\n _buildTabs() {\n const existingTabs = this.querySelector(\"pfe-tabs\");\n // Use a document fragment for efficiency\n const fragment = document.createDocumentFragment();\n // Use the existing tabs or create the tabs wrapper component\n const tabs = existingTabs || document.createElement(\"pfe-tabs\");\n\n // Iterate over each element in the light DOM\n [...this.children].forEach(child => {\n // If one of them has the attribute indicating they belong in the panel region\n if (child.hasAttribute(\"pfe-content-set--header\")) {\n const header = document.createElement(\"pfe-tab\");\n\n header.setAttribute(\"slot\", \"tab\");\n\n if (child.id) {\n header.setAttribute(\"pfe-id\", child.id);\n }\n\n header.appendChild(child);\n tabs.appendChild(header);\n }\n\n if (child.hasAttribute(\"pfe-content-set--panel\")) {\n const panel = document.createElement(\"pfe-tab-panel\");\n\n panel.setAttribute(\"slot\", \"panel\");\n\n if (child.id) {\n panel.setAttribute(\"pfe-id\", child.id);\n }\n\n panel.appendChild(child);\n tabs.appendChild(panel);\n }\n });\n\n if (!existingTabs) {\n fragment.appendChild(tabs);\n }\n\n // If the orientation is set to vertical, add that attribute to the tabs\n if (this.vertical.value !== null && this.vertical.value !== false) {\n tabs.setAttribute(\"vertical\", true);\n }\n\n // Pass the variant attribute down to the tabs component\n if (this.variant.value !== this.variant.default) {\n tabs.setAttribute(\"pfe-variant\", this.variant.value);\n }\n\n if (this.align.value) {\n tabs.setAttribute(\"pfe-tab-align\", this.align.value);\n }\n\n if (this.id) {\n tabs.setAttribute(\"pfe-id\", this.id);\n }\n\n if (this.hasAttribute(\"pfe-tab-history\")) {\n tabs.setAttribute(\"pfe-tab-history\", true);\n }\n\n if (!existingTabs) {\n this.appendChild(fragment);\n }\n }\n}\n\nPFElement.create(PfeContentSet);\n\nexport default PfeContentSet;\n"],"names":["PfeContentSet","PFElement","breakpointValue","this","hasAttribute","getAttributeNode","value","replace","parentNode","offsetWidth","window","outerWidth","vertical","title","type","default","prefixed","variant","enum","align","on","breakpoint","tab-history","namedSlot","items","oneOf","$ref","pfeType","combo","children","length","_init","_observer","observe","childList","disconnect","ShadyCSS","isTab","_buildTabs","_buildAccordion","render","context_update","_this2","existingAccordion","querySelector","fragment","document","createDocumentFragment","accordion","createElement","forEach","child","header","appendChild","panel","existingTabs","tabs","setAttribute","id","delayRender","_this","bind","MutationObserver","create"],"mappings":"+8BA6BMA,+TAAsBC,0NAuBjB,8DAIA,+DAIA,yDAkBHC,WACAC,KAAKC,aAAa,qBACFD,KAAKE,iBAAiB,kBAAkBC,OACxBC,QAAQ,MAAO,IAE/B,IAEbJ,KAAKK,WACRL,KAAKK,WAAWC,YAAcP,EAC9BQ,OAAOC,WAAaT,0CAxDjB,+DAUA,CAACU,SAAW,CAACC,MAAQ,uBAAuBC,KAAO,UAAUC,SAAU,EAAMC,UAAW,GAAOC,QAAU,CAACJ,MAAQ,UAAUC,KAAO,SAASI,KAAO,CAAC,OAAO,SAASH,QAAU,OAAOC,UAAW,GAAMG,MAAQ,CAACN,MAAQ,QAAQC,KAAO,SAASI,KAAO,CAAC,UAAUF,UAAW,GAAMI,GAAK,CAACP,MAAQ,UAAUC,KAAO,SAASI,KAAO,CAAC,QAAQ,QAAQH,QAAU,QAAQC,UAAW,GAAOK,WAAa,CAACR,MAAQ,oBAAoBC,KAAO,SAASE,UAAW,GAAMM,cAAc,CAACT,MAAQ,cAAcC,KAAO,UAAUC,SAAU,EAAMC,UAAW,wCAIlhB,CAACD,QAAU,CAACF,MAAQ,UAAUC,KAAO,QAAQS,WAAY,EAAMC,MAAQ,CAACC,MAAQ,CAAC,CAACC,KAAO,6CAGzF,yDAgBAzB,EAAU0B,QAAQC,wDAIlB,mBACc,6DAKd,CAAC,iaA0BJzB,KAAK0B,SAASC,aACXC,aAGFC,UAAUC,QAAQ9B,KAAM,CAAE+B,WAAW,wDAIrCF,UAAUG,wDAIXzB,OAAO0B,eACJJ,UAAUG,aAGbhC,KAAKkC,WACFC,kBAEAC,uBAGFC,cACAC,iBAED/B,OAAO0B,qBACE,aACJJ,UAAUC,QAAQS,EAAM,CAAER,WAAW,KACzC,iDAKCS,EAAoBxC,KAAKyC,cAAc,iBAEvCC,EAAWC,SAASC,yBAEpBC,EACJL,GAAqBG,SAASG,cAAc,6BAG1C9C,KAAK0B,WAAUqB,QAAQ,eAErBC,EAAM/C,aAAa,2BAA4B,KAC3CgD,EAASN,SAASG,cAAc,0BAE/BI,YAAYF,KACTE,YAAYD,MAGpBD,EAAM/C,aAAa,0BAA2B,KAC1CkD,EAAQR,SAASG,cAAc,yBAE/BI,YAAYF,KACRE,YAAYC,MAIrBX,KACMU,YAAYL,GAGlBL,QACEU,YAAYR,4CAKbU,EAAepD,KAAKyC,cAAc,YAElCC,EAAWC,SAASC,yBAEpBS,EAAOD,GAAgBT,SAASG,cAAc,wBAGhD9C,KAAK0B,WAAUqB,QAAQ,eAErBC,EAAM/C,aAAa,2BAA4B,KAC3CgD,EAASN,SAASG,cAAc,aAE/BQ,aAAa,OAAQ,OAExBN,EAAMO,MACDD,aAAa,SAAUN,EAAMO,MAG/BL,YAAYF,KACdE,YAAYD,MAGfD,EAAM/C,aAAa,0BAA2B,KAC1CkD,EAAQR,SAASG,cAAc,mBAE/BQ,aAAa,OAAQ,SAEvBN,EAAMO,MACFD,aAAa,SAAUN,EAAMO,MAG/BL,YAAYF,KACbE,YAAYC,MAIhBC,KACMF,YAAYG,GAIK,OAAxBrD,KAAKS,SAASN,QAA0C,IAAxBH,KAAKS,SAASN,SAC3CmD,aAAa,YAAY,GAI5BtD,KAAKc,QAAQX,QAAUH,KAAKc,QAAQF,WACjC0C,aAAa,cAAetD,KAAKc,QAAQX,OAG5CH,KAAKgB,MAAMb,SACRmD,aAAa,gBAAiBtD,KAAKgB,MAAMb,OAG5CH,KAAKuD,MACFD,aAAa,SAAUtD,KAAKuD,IAG/BvD,KAAKC,aAAa,sBACfqD,aAAa,mBAAmB,GAGlCF,QACEF,YAAYR,4VA5Ib7C,EAAe,CAAE2D,aAAa,cAE/B5B,MAAQ6B,EAAK7B,MAAM8B,UACnB7B,UAAY,IAAI8B,iBAAiBF,EAAK7B,gBA8I/C9B,EAAU8D,OAAO/D"} \ No newline at end of file diff --git a/elements/pfe-content-set/package-lock.json b/elements/pfe-content-set/package-lock.json index 00971722b9..b107778716 100644 --- a/elements/pfe-content-set/package-lock.json +++ b/elements/pfe-content-set/package-lock.json @@ -1,6 +1,6 @@ { "name": "@patternfly/pfe-content-set", - "version": "1.0.0-prerelease.49", + "version": "1.0.0-prerelease.50", "lockfileVersion": 1, "requires": true, "dependencies": { diff --git a/elements/pfe-content-set/package.json b/elements/pfe-content-set/package.json index d368628613..919439ca16 100644 --- a/elements/pfe-content-set/package.json +++ b/elements/pfe-content-set/package.json @@ -4,7 +4,7 @@ "className": "PfeContentSet", "elementName": "pfe-content-set" }, - "version": "1.0.0-prerelease.49", + "version": "1.0.0-prerelease.50", "description": "This PatternFly Element dynamically hides and shows content; the style is determined by the available space.", "keywords": [ "web-components", @@ -45,9 +45,9 @@ ], "license": "MIT", "dependencies": { - "@patternfly/pfe-accordion": "^1.0.0-prerelease.49", - "@patternfly/pfe-tabs": "^1.0.0-prerelease.49", - "@patternfly/pfelement": "^1.0.0-prerelease.49" + "@patternfly/pfe-accordion": "^1.0.0-prerelease.50", + "@patternfly/pfe-tabs": "^1.0.0-prerelease.50", + "@patternfly/pfelement": "^1.0.0-prerelease.50" }, "generator-pfelement-version": "1.1.0", "bugs": { diff --git a/elements/pfe-cta/dist/pfe-cta--lightdom.css b/elements/pfe-cta/dist/pfe-cta--lightdom.css new file mode 100644 index 0000000000..998c97b72b --- /dev/null +++ b/elements/pfe-cta/dist/pfe-cta--lightdom.css @@ -0,0 +1,46 @@ +pfe-cta a { + color: inherit !important; + text-decoration: none !important; +} + +pfe-cta a:focus { + outline: none !important; +} + +pfe-cta[pfe-variant="wind"] a:hover { + text-decoration: underline !important; +} + +@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { + /* IE10+ */ + pfe-cta[pfe-priority] a, + pfe-cta[aria-disabled="true"] a { + padding: 16px calc(16px * 2) !important; + padding: var(--pfe-cta--Padding, var(--pfe-theme--container-padding, 16px) calc(var(--pfe-theme--container-padding, 16px) * 2)) !important; + } + .pfe-cta--wrapper { + white-space: nowrap; + } + .pfe-cta--wrapper > a, + .pfe-cta--wrapper > button { + white-space: normal; + } +} + +@supports (-ms-ime-align: auto) { + /* Microsoft Edge Browser 16+ (All) */ + pfe-cta[pfe-priority] a, + pfe-cta[aria-disabled="true"] a { + padding: 16px calc(16px * 2) !important; + padding: var(--pfe-cta--Padding, var(--pfe-theme--container-padding, 16px) calc(var(--pfe-theme--container-padding, 16px) * 2)) !important; + } + .pfe-cta--wrapper { + white-space: nowrap; + } + .pfe-cta--wrapper > a, + .pfe-cta--wrapper > button { + white-space: normal; + } +} + +/*# sourceMappingURL=pfe-cta--lightdom.css.map */ diff --git a/elements/pfe-cta/dist/pfe-cta--lightdom.min.css b/elements/pfe-cta/dist/pfe-cta--lightdom.min.css new file mode 100644 index 0000000000..185c1baff6 --- /dev/null +++ b/elements/pfe-cta/dist/pfe-cta--lightdom.min.css @@ -0,0 +1,2 @@ +pfe-cta a{color:inherit!important;text-decoration:none!important}pfe-cta a:focus{outline:0!important}pfe-cta[pfe-variant=wind] a:hover{text-decoration:underline!important}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){pfe-cta[aria-disabled=true] a,pfe-cta[pfe-priority] a{padding:16px calc(16px * 2)!important;padding:var(--pfe-cta--Padding,var(--pfe-theme--container-padding,16px) calc(var(--pfe-theme--container-padding,16px) * 2))!important}.pfe-cta--wrapper{white-space:nowrap}.pfe-cta--wrapper>a,.pfe-cta--wrapper>button{white-space:normal}}@supports (-ms-ime-align:auto){pfe-cta[aria-disabled=true] a,pfe-cta[pfe-priority] a{padding:16px calc(16px * 2)!important;padding:var(--pfe-cta--Padding,var(--pfe-theme--container-padding,16px) calc(var(--pfe-theme--container-padding,16px) * 2))!important}.pfe-cta--wrapper{white-space:nowrap}.pfe-cta--wrapper>a,.pfe-cta--wrapper>button{white-space:normal}} +/*# sourceMappingURL=pfe-cta--lightdom.min.css.map */ diff --git a/elements/pfe-cta/dist/pfe-cta--lightdom.min.css.map b/elements/pfe-cta/dist/pfe-cta--lightdom.min.css.map new file mode 100644 index 0000000000..0c4b48dd4d --- /dev/null +++ b/elements/pfe-cta/dist/pfe-cta--lightdom.min.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["../pfe-cta--lightdom.scss","../../../pfe-sass/mixins/_mixins.scss","pfe-cta--lightdom.css"],"names":[],"mappings":"AAKA,UAEI,MAAA,kBACA,gBAAA,eAHJ,gBAKM,QAAA,YALN,kCASI,gBAAA,oBCXE,6CAAA,oCCaJ,8BFGA,wBAEE,QAAA,KAAA,yBAAA,QAAA,8HASF,kBACE,YAAA,OAEF,oBETA,yBFWE,YAAA,QCtBgC,+BCmBlC,8BFbA,wBAEE,QAAA,KAAA,yBAAA,QAAA,8HASF,kBACE,YAAA,OAEF,oBEOA,yBFLE,YAAA","file":"pfe-cta--lightdom.min.css","sourcesContent":[null,null,"pfe-cta a {\n color: inherit !important;\n text-decoration: none !important;\n}\n\npfe-cta a:focus {\n outline: none !important;\n}\n\npfe-cta[pfe-variant=\"wind\"] a:hover {\n text-decoration: underline !important;\n}\n\n@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {\n /* IE10+ */\n pfe-cta[pfe-priority] a,\n pfe-cta[aria-disabled=\"true\"] a {\n padding: 16px calc(16px * 2) !important;\n padding: var(--pfe-cta--Padding, var(--pfe-theme--container-padding, 16px) calc(var(--pfe-theme--container-padding, 16px) * 2)) !important;\n }\n .pfe-cta--wrapper {\n white-space: nowrap;\n }\n .pfe-cta--wrapper > a,\n .pfe-cta--wrapper > button {\n white-space: normal;\n }\n}\n\n@supports (-ms-ime-align: auto) {\n /* Microsoft Edge Browser 16+ (All) */\n pfe-cta[pfe-priority] a,\n pfe-cta[aria-disabled=\"true\"] a {\n padding: 16px calc(16px * 2) !important;\n padding: var(--pfe-cta--Padding, var(--pfe-theme--container-padding, 16px) calc(var(--pfe-theme--container-padding, 16px) * 2)) !important;\n }\n .pfe-cta--wrapper {\n white-space: nowrap;\n }\n .pfe-cta--wrapper > a,\n .pfe-cta--wrapper > button {\n white-space: normal;\n }\n}\n\n/*# sourceMappingURL=pfe-cta--lightdom.css.map */\n"]} \ No newline at end of file diff --git a/elements/pfe-cta/dist/pfe-cta.js b/elements/pfe-cta/dist/pfe-cta.js new file mode 100644 index 0000000000..540b2b192d --- /dev/null +++ b/elements/pfe-cta/dist/pfe-cta.js @@ -0,0 +1,247 @@ +import PFElement from '../../pfelement/dist/pfelement.js'; + +/*! + * PatternFly Elements: PfeCta 1.0.0-prerelease.50 + * @license + * Copyright 2020 Red Hat, Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + * +*/ + +class PfeCta extends PFElement { + static get version() { + return "1.0.0-prerelease.50"; + } + + get html() { + return ` + ${this.isDefault ? ` ` : ``} + +`; + } + + static get properties() { + return {"priority":{"title":"Priority","type":"string","prefixed":true,"enum":["primary","secondary"],"observer":"_basicAttributeChanged"},"color":{"title":"Color","type":"string","prefixed":true,"enum":["accent","base","complement","lightest"],"observer":"_basicAttributeChanged"},"variant":{"title":"Style variant","type":"string","prefixed":true,"enum":["wind"],"observer":"_basicAttributeChanged"}}; + } + + static get slots() { + return {"link":{"title":"Link","type":"array","maxItems":1,"namedSlot":false,"items":{"oneOf":[{"$ref":"a"},{"$ref":"button"}]}}}; + } + static get tag() { + return "pfe-cta"; + } + + get styleUrl() { + return "pfe-cta.scss"; + } + + get templateUrl() { + return "pfe-cta.html"; + } + + get schemaUrl() { + return "pfe-cta.json"; + } + + get isDefault() { + return this.hasAttribute("pfe-priority") ? false : true; + } + + // Declare the type of this component + static get PfeType() { + return PFElement.PfeTypes.Content; + } + + static get events() { + return { + select: `${this.tag}:select` + }; + } + + static get observedAttributes() { + return ["pfe-priority", "pfe-color", "pfe-variant"]; + } + + click(event) { + this.emitEvent(PfeCta.events.select, { + detail: Object.assign(this.data, { + originEvent: event + }) + }); + } + + constructor() { + super(PfeCta); + this.cta = null; + + this._init = this._init.bind(this); + this._focusHandler = this._focusHandler.bind(this); + this._blurHandler = this._blurHandler.bind(this); + this._clickHandler = this._clickHandler.bind(this); + this._keyupHandler = this._keyupHandler.bind(this); + } + + connectedCallback() { + super.connectedCallback(); + + // Get the slot + this._slot = this.shadowRoot.querySelector("slot"); + + // Attach the slotchange listener + this._slot.addEventListener("slotchange", this._init); + + if (this.children.length) { + this._init(); + } + } + + disconnectedCallback() { + // Remove the slot change listeners + this._slot.removeEventListener("slotchange", this._init); + + // Remove the focus state listeners + if (this.cta) { + this.cta.removeEventListener("focus", this._focusHandler); + this.cta.removeEventListener("blur", this._blurHandler); + this.cta.removeEventListener("click", this._clickHandler); + this.cta.removeEventListener("keyup", this._keyupHandler); + } + } + + attributeChangedCallback(attr, oldValue, newValue) { + super.attributeChangedCallback(attr, oldValue, newValue); + // Strip the prefix form the attribute + attr = attr.replace("pfe-", ""); + // If the observer is defined in the attribute properties + if (this[attr] && this[attr].observer) { + // Get the observer function + let observer = this[this[attr].observer].bind(this); + // If it's a function, allow it to run + if (typeof observer === "function") observer(attr, oldValue, newValue); + } + } + + // Initialize the component + _init() { + const supportedTags = ["a", "button"]; // add input later + let supportedTag = false; + + // If the first child does not exist or that child is not a supported tag + if (this.firstElementChild) { + supportedTags.forEach(tag => { + if (this.firstElementChild.tagName.toLowerCase() === tag) { + supportedTag = true; + } + }); + } + + if (!this.firstElementChild || !supportedTag) { + console.warn( + `${PfeCta.tag}: The first child in the light DOM must be a supported call-to-action tag (, + +`; + } + + static get properties() { + return {"label":{"title":"Menu button label","type":"string","default":"Dropdown","prefixed":true},"is_disabled":{"title":"Disable menu button","type":"boolean","default":false,"prefixed":false}}; + } + + static get slots() { + return {}; + } + static get tag() { + return "pfe-dropdown"; + } + + get templateUrl() { + return "pfe-dropdown.html"; + } + + get styleUrl() { + return "pfe-dropdown.scss"; + } + + get schemaUrl() { + return "pfe-dropdown.json"; + } + + static get observedAttributes() { + return ["pfe-label", "is_disabled"]; + } + + set pfeDropdownOptions(options) { + this._modifyDOM(options); + } + + static get events() { + return { + change: `${this.tag}:change` + }; + } + + constructor() { + super(PfeDropdown); + + // state + this.isOpen = false; + + this._init = this._init.bind(this); + + // elements + this._container = this.shadowRoot.querySelector(`#${this.tag}-container`); + this._toggle = this.shadowRoot.querySelector(`#${this.tag}-toggle`); + this._toggle_text = this._toggle.querySelector(`.${this.tag}__toggle-text`); + this._menu = this.shadowRoot.querySelector(`#${this.tag}-menu`); + + // events + this.open = this.open.bind(this); + this.close = this.close.bind(this); + + this._clickHandler = this._clickHandler.bind(this); + this._toggleKeydownHandler = this._toggleKeydownHandler.bind(this); + this._itemKeydownHandler = this._itemKeydownHandler.bind(this); + this._itemClickHandler = this._itemClickHandler.bind(this); + this._outsideClickHandler = this._outsideClickHandler.bind(this); + } + + connectedCallback() { + super.connectedCallback(); + document.addEventListener("click", this._outsideClickHandler); + Promise.all([ + customElements.whenDefined(PfeDropdown.tag), + customElements.whenDefined(PfeDropdownItem.tag) + ]).then(() => { + this._init(); + }); + } + + disconnectedCallback() { + this._toggle.removeEventListener("click", this._clickHandler); + this._toggle.removeEventListener("keydown", this._toggleKeydownHandler); + this._allItems().forEach(item => { + item.removeEventListener("keydown", this._itemKeydownHandler); + item.removeEventListener("click", this._itemClickHandler); + }); + } + + attributeChangedCallback(attr, oldValue, newValue) { + switch (attr) { + case "pfe-label": + this._toggle_text.textContent = newValue; + break; + case "is_disabled": + this._setDisabled(); + break; + default: + break; + } + } + + _init() { + if (this.children.length) { + if (!this.hasAttribute("is_disabled")) { + this._toggle.addEventListener("click", this._clickHandler); + this._toggle.addEventListener("keydown", this._toggleKeydownHandler); + this._allItems().forEach(item => { + item.addEventListener("keydown", this._itemKeydownHandler); + item.addEventListener("click", this._itemClickHandler); + }); + } + } + } + + // Event handler for click event on Dropdown button + _clickHandler(event) { + this.isOpen ? this.close(event) : this.open(event); + return this; + } + + // Event handler for click event on Dropdown Item + _itemClickHandler(event) { + let pfeType; + if (event.target.parentElement.attributes["pfe-item-type"]) { + pfeType = event.target.parentElement.attributes["pfe-item-type"].value; + } + this._selectItem(event.target, pfeType); + return this; + } + + // Event handler for keydown events on Dropdown Menu + _itemKeydownHandler(event) { + let newItem; + let pfeType; + if (event.target.attributes["pfe-item-type"]) { + pfeType = event.target.attributes["pfe-item-type"].value; + } + // active dropdown item index + const currentIndex = this._allItems().findIndex( + item => item === document.activeElement + ); + switch (event.keyCode) { + case KEYCODE.ENTER: + this._selectItem(event.target.children[0], pfeType); + break; + case KEYCODE.ESC: + this.close(event); + break; + case KEYCODE.RIGHT: + case KEYCODE.DOWN: + // get the following item + newItem = this._itemContainer(this._nextItem(currentIndex, 1)); + break; + case KEYCODE.LEFT: + case KEYCODE.UP: + // get the previous item + newItem = this._itemContainer(this._nextItem(currentIndex, -1)); + break; + case KEYCODE.HOME: + newItem = this._firstItem(); + break; + case KEYCODE.END: + newItem = this._lastItem(); + break; + case KEYCODE.TAB: + this.close(); + break; + default: + break; + } + if (newItem) { + newItem.setAttribute("tabindex", "-1"); + newItem.focus(); + } + return this; + } + + // Event handler for click event outside the Dropdown element + _outsideClickHandler(event) { + // Check if the clicked element is the dropdown object + let isSelf = event.target === this; + // Check if the clicked element contains or is contained by the dropdown element + let isChild = event.target.closest("pfe-dropdown"); + let insideWrapper = + event.target.tagName.indexOf("-") > -1 + ? event.target.shadowRoot.querySelector("pfe-dropdown") + : null; + // Check states to determine if the dropdown menu should close + if (!isSelf && !(isChild || insideWrapper)) { + this.close(); + } + } + + // Event handler for keydown event on Dropdown + _toggleKeydownHandler(event) { + switch (event.keyCode) { + case KEYCODE.ENTER: + case KEYCODE.DOWN: + if (this._allDisabled()) { + // toggle the dropdown if all items disabled + this.toggle(event); + } else { + // otherwise, get the next enabled item + this.open(); + const item = this._itemContainer(this._nextItem(-1, 1)); + item.setAttribute("tabindex", "-1"); + item.focus(); + } + break; + case KEYCODE.TAB: + this.close(); + break; + default: + break; + } + return this; + } + + // modify DOM if custom options are passed in an array + _modifyDOM(options) { + options.forEach(el => { + let item; + switch (el.type) { + case "link": + item = document.createElement("a"); + item.setAttribute("href", el.href ? el.href : "#"); + break; + case "action": + item = document.createElement("button"); + break; + default: + break; + } + const option = document.createElement("pfe-dropdown-item"); + option.setAttribute("pfe-item-type", el.type); + if (el.is_disabled) { + option.setAttribute("is_disabled", el.is_disabled); + } + if (item) { + item.innerText = el.text ? el.text : ""; + option.appendChild(item); + } + this.appendChild(option); + }); + } + + _setDisabled() { + const isDisabled = this.hasAttribute("is_disabled"); + if (isDisabled) { + this.setAttribute("aria-disabled", "true"); + this.setAttribute("tabindex", "-1"); + } else { + this.removeAttribute("is_disabled"); + this.setAttribute("aria-disabled", "false"); + this.removeAttribute("tabindex"); + } + } + + _allItems() { + return [ + ...this.querySelectorAll( + `${this.tag}-item:not([pfe-item-type='separator'])` + ) + ]; + } + + _allDisabled() { + return ( + this._allItems().find(item => !item.hasAttribute("is_disabled")) === + undefined + ); + } + + _nextItem(currentPosition, direction) { + const items = this._allItems(); + let index = (currentPosition + direction) % items.length; + index = index < 0 ? index + items.length : index; + let item = items[index]; + while (item && item.hasAttribute("is_disabled")) { + index += direction; + item = items[index % items.length]; + } + return item; + } + + _firstItem() { + const items = this._allItems(); + return items[0]; + } + + _lastItem() { + const items = this._allItems(); + return items[items.length - 1]; + } + + _selectItem(item, type) { + if (type === "action") { + this.emitEvent(PfeDropdown.events.change, { + detail: { action: item.innerText } + }); + this.close(event); + } else { + item.click(); + } + } + + addDropdownOptions(options) { + this._modifyDOM(options); + } + + open(event) { + if (event) { + event.preventDefault(); + } + this.isOpen = true; + this._menu.classList.add("open"); + this._toggle.setAttribute("aria-expanded", true); + return this; + } + + close(event) { + if (event) { + event.preventDefault(); + } + this.isOpen = false; + this._menu.classList.remove("open"); + this._toggle.setAttribute("aria-expanded", false); + return this; + } + + toggle(event) { + this.isOpen ? this.close(event) : this.open(event); + } + + _itemContainer(item) { + // used to apply the focus state to the item's container + return item.shadowRoot.querySelector(`.${this.tag}-item__container`); + } +} + +PFElement.create(PfeDropdownItem); +PFElement.create(PfeDropdown); + +export default PfeDropdown; +//# sourceMappingURL=pfe-dropdown.js.map diff --git a/elements/pfe-dropdown/dist/pfe-dropdown.js.map b/elements/pfe-dropdown/dist/pfe-dropdown.js.map new file mode 100644 index 0000000000..9aca77809c --- /dev/null +++ b/elements/pfe-dropdown/dist/pfe-dropdown.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-dropdown.js","sources":["../_temp/pfe-dropdown-item.js","../_temp/pfe-dropdown.js"],"sourcesContent":["/*!\n * PatternFly Elements: PfeDropdown 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\nimport PFElement from \"../../pfelement/dist/pfelement.js\";\n\nclass PfeDropdownItem extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return `
  • \n \n
    • `;\n }\n\n static get properties() {\n return {\"item-type\":{\"title\":\"List item type\",\"type\":\"string\",\"enum\":[\"link\",\"action\",\"separator\"],\"default\":null,\"prefixed\":true}};\n }\n\n static get slots() {\n return {};\n }\n static get tag() {\n return \"pfe-dropdown-item\";\n }\n\n get templateUrl() {\n return \"pfe-dropdown-item.html\";\n }\n\n get styleUrl() {\n return \"pfe-dropdown-item.scss\";\n }\n\n get schemaUrl() {\n return \"pfe-dropdown-item.json\";\n }\n\n static get observedAttributes() {\n return [\"pfe-item-type\", \"is_disabled\"];\n }\n\n constructor() {\n super(PfeDropdownItem);\n\n this._container = this.shadowRoot.querySelector(`.${this.tag}__container`);\n this._item = this.shadowRoot.querySelector(\"slot\").assignedNodes()[1];\n }\n\n attributeChangedCallback(attr, oldValue, newValue) {\n switch (attr) {\n case \"pfe-item-type\":\n this._setAccessibility();\n break;\n case \"is_disabled\":\n this._setDisabled();\n break;\n default:\n break;\n }\n }\n\n connectedCallback() {\n super.connectedCallback();\n }\n\n _setAccessibility() {\n if (this._container) {\n const type = this.getAttribute(\"pfe-item-type\");\n if (type) {\n switch (type) {\n case \"link\":\n this._container.setAttribute(\"role\", \"none\");\n this._item && this._item.setAttribute(\"role\", \"menuitem\");\n break;\n case \"action\":\n this._container.setAttribute(\"role\", \"menuitem\");\n this._item && this._item.removeAttribute(\"role\");\n break;\n case \"separator\":\n this._container.setAttribute(\"role\", \"separator\");\n break;\n default:\n break;\n }\n }\n }\n }\n\n _setDisabled() {\n const isDisabled = this.hasAttribute(\"is_disabled\");\n if (isDisabled) {\n this.removeAttribute(\"tabindex\");\n this.setAttribute(\"aria-disabled\", \"true\");\n } else {\n this.removeAttribute(\"is_disabled\");\n this.setAttribute(\"tabindex\", \"0\");\n this.setAttribute(\"aria-disabled\", \"false\");\n }\n }\n}\n\nexport default PfeDropdownItem;\n","/*!\n * PatternFly Elements: PfeDropdown 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\nimport PFElement from \"../../pfelement/dist/pfelement.js\";\nimport PfeDropdownItem from \"./pfe-dropdown-item.js\";\n\n// @POLYFILL Element.closest\n// https://developer.mozilla.org/en-US/docs/Web/API/Element/closest\nif (!Element.prototype.closest) {\n Element.prototype.closest = function(s) {\n var el = this;\n do {\n if (el.matches(s)) return el;\n el = el.parentElement || el.parentNode;\n } while (el !== null && el.nodeType === 1);\n return null;\n };\n}\n\n// @POLYFILL Element.matches\n// https://developer.mozilla.org/en-US/docs/Web/API/Element/matches\nif (!Element.prototype.matches) {\n Element.prototype.matches =\n Element.prototype.msMatchesSelector ||\n Element.prototype.webkitMatchesSelector;\n}\n\nconst KEYCODE = {\n DOWN: 40,\n END: 35,\n ENTER: 13,\n ESC: 27,\n HOME: 36,\n LEFT: 37,\n RIGHT: 39,\n SPACE: 0 || 32,\n UP: 38,\n TAB: 9\n};\n\nclass PfeDropdown extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return `
    \n \n
      \n \n
    \n
    `;\n }\n\n static get properties() {\n return {\"label\":{\"title\":\"Menu button label\",\"type\":\"string\",\"default\":\"Dropdown\",\"prefixed\":true},\"is_disabled\":{\"title\":\"Disable menu button\",\"type\":\"boolean\",\"default\":false,\"prefixed\":false}};\n }\n\n static get slots() {\n return {};\n }\n static get tag() {\n return \"pfe-dropdown\";\n }\n\n get templateUrl() {\n return \"pfe-dropdown.html\";\n }\n\n get styleUrl() {\n return \"pfe-dropdown.scss\";\n }\n\n get schemaUrl() {\n return \"pfe-dropdown.json\";\n }\n\n static get observedAttributes() {\n return [\"pfe-label\", \"is_disabled\"];\n }\n\n set pfeDropdownOptions(options) {\n this._modifyDOM(options);\n }\n\n static get events() {\n return {\n change: `${this.tag}:change`\n };\n }\n\n constructor() {\n super(PfeDropdown);\n\n // state\n this.isOpen = false;\n\n this._init = this._init.bind(this);\n\n // elements\n this._container = this.shadowRoot.querySelector(`#${this.tag}-container`);\n this._toggle = this.shadowRoot.querySelector(`#${this.tag}-toggle`);\n this._toggle_text = this._toggle.querySelector(`.${this.tag}__toggle-text`);\n this._menu = this.shadowRoot.querySelector(`#${this.tag}-menu`);\n\n // events\n this.open = this.open.bind(this);\n this.close = this.close.bind(this);\n\n this._clickHandler = this._clickHandler.bind(this);\n this._toggleKeydownHandler = this._toggleKeydownHandler.bind(this);\n this._itemKeydownHandler = this._itemKeydownHandler.bind(this);\n this._itemClickHandler = this._itemClickHandler.bind(this);\n this._outsideClickHandler = this._outsideClickHandler.bind(this);\n }\n\n connectedCallback() {\n super.connectedCallback();\n document.addEventListener(\"click\", this._outsideClickHandler);\n Promise.all([\n customElements.whenDefined(PfeDropdown.tag),\n customElements.whenDefined(PfeDropdownItem.tag)\n ]).then(() => {\n this._init();\n });\n }\n\n disconnectedCallback() {\n this._toggle.removeEventListener(\"click\", this._clickHandler);\n this._toggle.removeEventListener(\"keydown\", this._toggleKeydownHandler);\n this._allItems().forEach(item => {\n item.removeEventListener(\"keydown\", this._itemKeydownHandler);\n item.removeEventListener(\"click\", this._itemClickHandler);\n });\n }\n\n attributeChangedCallback(attr, oldValue, newValue) {\n switch (attr) {\n case \"pfe-label\":\n this._toggle_text.textContent = newValue;\n break;\n case \"is_disabled\":\n this._setDisabled();\n break;\n default:\n break;\n }\n }\n\n _init() {\n if (this.children.length) {\n if (!this.hasAttribute(\"is_disabled\")) {\n this._toggle.addEventListener(\"click\", this._clickHandler);\n this._toggle.addEventListener(\"keydown\", this._toggleKeydownHandler);\n this._allItems().forEach(item => {\n item.addEventListener(\"keydown\", this._itemKeydownHandler);\n item.addEventListener(\"click\", this._itemClickHandler);\n });\n }\n }\n }\n\n // Event handler for click event on Dropdown button\n _clickHandler(event) {\n this.isOpen ? this.close(event) : this.open(event);\n return this;\n }\n\n // Event handler for click event on Dropdown Item\n _itemClickHandler(event) {\n let pfeType;\n if (event.target.parentElement.attributes[\"pfe-item-type\"]) {\n pfeType = event.target.parentElement.attributes[\"pfe-item-type\"].value;\n }\n this._selectItem(event.target, pfeType);\n return this;\n }\n\n // Event handler for keydown events on Dropdown Menu\n _itemKeydownHandler(event) {\n let newItem;\n let pfeType;\n if (event.target.attributes[\"pfe-item-type\"]) {\n pfeType = event.target.attributes[\"pfe-item-type\"].value;\n }\n // active dropdown item index\n const currentIndex = this._allItems().findIndex(\n item => item === document.activeElement\n );\n switch (event.keyCode) {\n case KEYCODE.ENTER:\n this._selectItem(event.target.children[0], pfeType);\n break;\n case KEYCODE.ESC:\n this.close(event);\n break;\n case KEYCODE.RIGHT:\n case KEYCODE.DOWN:\n // get the following item\n newItem = this._itemContainer(this._nextItem(currentIndex, 1));\n break;\n case KEYCODE.LEFT:\n case KEYCODE.UP:\n // get the previous item\n newItem = this._itemContainer(this._nextItem(currentIndex, -1));\n break;\n case KEYCODE.HOME:\n newItem = this._firstItem();\n break;\n case KEYCODE.END:\n newItem = this._lastItem();\n break;\n case KEYCODE.TAB:\n this.close();\n break;\n default:\n break;\n }\n if (newItem) {\n newItem.setAttribute(\"tabindex\", \"-1\");\n newItem.focus();\n }\n return this;\n }\n\n // Event handler for click event outside the Dropdown element\n _outsideClickHandler(event) {\n // Check if the clicked element is the dropdown object\n let isSelf = event.target === this;\n // Check if the clicked element contains or is contained by the dropdown element\n let isChild = event.target.closest(\"pfe-dropdown\");\n let insideWrapper =\n event.target.tagName.indexOf(\"-\") > -1\n ? event.target.shadowRoot.querySelector(\"pfe-dropdown\")\n : null;\n // Check states to determine if the dropdown menu should close\n if (!isSelf && !(isChild || insideWrapper)) {\n this.close();\n }\n }\n\n // Event handler for keydown event on Dropdown\n _toggleKeydownHandler(event) {\n switch (event.keyCode) {\n case KEYCODE.ENTER:\n case KEYCODE.DOWN:\n if (this._allDisabled()) {\n // toggle the dropdown if all items disabled\n this.toggle(event);\n } else {\n // otherwise, get the next enabled item\n this.open();\n const item = this._itemContainer(this._nextItem(-1, 1));\n item.setAttribute(\"tabindex\", \"-1\");\n item.focus();\n }\n break;\n case KEYCODE.TAB:\n this.close();\n break;\n default:\n break;\n }\n return this;\n }\n\n // modify DOM if custom options are passed in an array\n _modifyDOM(options) {\n options.forEach(el => {\n let item;\n switch (el.type) {\n case \"link\":\n item = document.createElement(\"a\");\n item.setAttribute(\"href\", el.href ? el.href : \"#\");\n break;\n case \"action\":\n item = document.createElement(\"button\");\n break;\n default:\n break;\n }\n const option = document.createElement(\"pfe-dropdown-item\");\n option.setAttribute(\"pfe-item-type\", el.type);\n if (el.is_disabled) {\n option.setAttribute(\"is_disabled\", el.is_disabled);\n }\n if (item) {\n item.innerText = el.text ? el.text : \"\";\n option.appendChild(item);\n }\n this.appendChild(option);\n });\n }\n\n _setDisabled() {\n const isDisabled = this.hasAttribute(\"is_disabled\");\n if (isDisabled) {\n this.setAttribute(\"aria-disabled\", \"true\");\n this.setAttribute(\"tabindex\", \"-1\");\n } else {\n this.removeAttribute(\"is_disabled\");\n this.setAttribute(\"aria-disabled\", \"false\");\n this.removeAttribute(\"tabindex\");\n }\n }\n\n _allItems() {\n return [\n ...this.querySelectorAll(\n `${this.tag}-item:not([pfe-item-type='separator'])`\n )\n ];\n }\n\n _allDisabled() {\n return (\n this._allItems().find(item => !item.hasAttribute(\"is_disabled\")) ===\n undefined\n );\n }\n\n _nextItem(currentPosition, direction) {\n const items = this._allItems();\n let index = (currentPosition + direction) % items.length;\n index = index < 0 ? index + items.length : index;\n let item = items[index];\n while (item && item.hasAttribute(\"is_disabled\")) {\n index += direction;\n item = items[index % items.length];\n }\n return item;\n }\n\n _firstItem() {\n const items = this._allItems();\n return items[0];\n }\n\n _lastItem() {\n const items = this._allItems();\n return items[items.length - 1];\n }\n\n _selectItem(item, type) {\n if (type === \"action\") {\n this.emitEvent(PfeDropdown.events.change, {\n detail: { action: item.innerText }\n });\n this.close(event);\n } else {\n item.click();\n }\n }\n\n addDropdownOptions(options) {\n this._modifyDOM(options);\n }\n\n open(event) {\n if (event) {\n event.preventDefault();\n }\n this.isOpen = true;\n this._menu.classList.add(\"open\");\n this._toggle.setAttribute(\"aria-expanded\", true);\n return this;\n }\n\n close(event) {\n if (event) {\n event.preventDefault();\n }\n this.isOpen = false;\n this._menu.classList.remove(\"open\");\n this._toggle.setAttribute(\"aria-expanded\", false);\n return this;\n }\n\n toggle(event) {\n this.isOpen ? this.close(event) : this.open(event);\n }\n\n _itemContainer(item) {\n // used to apply the focus state to the item's container\n return item.shadowRoot.querySelector(`.${this.tag}-item__container`);\n }\n}\n\nPFElement.create(PfeDropdownItem);\nPFElement.create(PfeDropdown);\n\nexport default PfeDropdown;\n"],"names":[],"mappings":"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"} \ No newline at end of file diff --git a/elements/pfe-dropdown/dist/pfe-dropdown.json b/elements/pfe-dropdown/dist/pfe-dropdown.json new file mode 100644 index 0000000000..ca48e7fe4e --- /dev/null +++ b/elements/pfe-dropdown/dist/pfe-dropdown.json @@ -0,0 +1,38 @@ +{ + "$schema": "http://json-schema.org/draft-04/schema#", + "title": "Dropdown", + "description": "Provides a dropdown list of actions and/or links", + "type": "object", + "tag": "pfe-dropdown", + "class": "pfe-dropdown", + "category": "content", + "properties": { + "slots": { + "title": "Slots", + "description": "Definition of the supported slots", + "type": "object", + "properties": {} + }, + "attributes": { + "title": "Attributes", + "type": "object", + "properties": { + "label": { + "title": "Menu button label", + "type": "string", + "default": "Dropdown", + "prefixed": true + }, + "is_disabled": { + "title": "Disable menu button", + "type": "boolean", + "default": false, + "prefixed": false + } + }, + "required": ["pfe-label"] + } + }, + "required": ["slots", "attributes"], + "additionalProperties": false +} diff --git a/elements/pfe-dropdown/dist/pfe-dropdown.min.js b/elements/pfe-dropdown/dist/pfe-dropdown.min.js new file mode 100644 index 0000000000..e70883cc1e --- /dev/null +++ b/elements/pfe-dropdown/dist/pfe-dropdown.min.js @@ -0,0 +1,50 @@ +import e from"../../pfelement/dist/pfelement.min.js"; +/*! + * PatternFly Elements: PfeDropdown 1.0.0-prerelease.50 + * @license + * Copyright 2020 Red Hat, Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + * +*/class t extends e{static get version(){return"1.0.0-prerelease.50"}get html(){return'
  • \n \n
    • '}static get properties(){return{"item-type":{title:"List item type",type:"string",enum:["link","action","separator"],default:null,prefixed:!0}}}static get slots(){return{}}static get tag(){return"pfe-dropdown-item"}get templateUrl(){return"pfe-dropdown-item.html"}get styleUrl(){return"pfe-dropdown-item.scss"}get schemaUrl(){return"pfe-dropdown-item.json"}static get observedAttributes(){return["pfe-item-type","is_disabled"]}constructor(){super(t),this._container=this.shadowRoot.querySelector(`.${this.tag}__container`),this._item=this.shadowRoot.querySelector("slot").assignedNodes()[1]}attributeChangedCallback(e,t,o){switch(e){case"pfe-item-type":this._setAccessibility();break;case"is_disabled":this._setDisabled()}}connectedCallback(){super.connectedCallback()}_setAccessibility(){if(this._container){const e=this.getAttribute("pfe-item-type");if(e)switch(e){case"link":this._container.setAttribute("role","none"),this._item&&this._item.setAttribute("role","menuitem");break;case"action":this._container.setAttribute("role","menuitem"),this._item&&this._item.removeAttribute("role");break;case"separator":this._container.setAttribute("role","separator")}}}_setDisabled(){this.hasAttribute("is_disabled")?(this.removeAttribute("tabindex"),this.setAttribute("aria-disabled","true")):(this.removeAttribute("is_disabled"),this.setAttribute("tabindex","0"),this.setAttribute("aria-disabled","false"))}} +/*! + * PatternFly Elements: PfeDropdown 1.0.0-prerelease.50 + * @license + * Copyright 2020 Red Hat, Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + * +*/Element.prototype.closest||(Element.prototype.closest=function(e){var t=this;do{if(t.matches(e))return t;t=t.parentElement||t.parentNode}while(null!==t&&1===t.nodeType);return null}),Element.prototype.matches||(Element.prototype.matches=Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector);const o={DOWN:40,END:35,ENTER:13,ESC:27,HOME:36,LEFT:37,RIGHT:39,SPACE:32,UP:38,TAB:9};class r extends e{static get version(){return"1.0.0-prerelease.50"}get html(){return'
    \n \n \n
    '}static get properties(){return{label:{title:"Menu button label",type:"string",default:"Dropdown",prefixed:!0},is_disabled:{title:"Disable menu button",type:"boolean",default:!1,prefixed:!1}}}static get slots(){return{}}static get tag(){return"pfe-dropdown"}get templateUrl(){return"pfe-dropdown.html"}get styleUrl(){return"pfe-dropdown.scss"}get schemaUrl(){return"pfe-dropdown.json"}static get observedAttributes(){return["pfe-label","is_disabled"]}set pfeDropdownOptions(e){this._modifyDOM(e)}static get events(){return{change:`${this.tag}:change`}}constructor(){super(r),this.isOpen=!1,this._init=this._init.bind(this),this._container=this.shadowRoot.querySelector(`#${this.tag}-container`),this._toggle=this.shadowRoot.querySelector(`#${this.tag}-toggle`),this._toggle_text=this._toggle.querySelector(`.${this.tag}__toggle-text`),this._menu=this.shadowRoot.querySelector(`#${this.tag}-menu`),this.open=this.open.bind(this),this.close=this.close.bind(this),this._clickHandler=this._clickHandler.bind(this),this._toggleKeydownHandler=this._toggleKeydownHandler.bind(this),this._itemKeydownHandler=this._itemKeydownHandler.bind(this),this._itemClickHandler=this._itemClickHandler.bind(this),this._outsideClickHandler=this._outsideClickHandler.bind(this)}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._outsideClickHandler),Promise.all([customElements.whenDefined(r.tag),customElements.whenDefined(t.tag)]).then(()=>{this._init()})}disconnectedCallback(){this._toggle.removeEventListener("click",this._clickHandler),this._toggle.removeEventListener("keydown",this._toggleKeydownHandler),this._allItems().forEach(e=>{e.removeEventListener("keydown",this._itemKeydownHandler),e.removeEventListener("click",this._itemClickHandler)})}attributeChangedCallback(e,t,o){switch(e){case"pfe-label":this._toggle_text.textContent=o;break;case"is_disabled":this._setDisabled()}}_init(){this.children.length&&(this.hasAttribute("is_disabled")||(this._toggle.addEventListener("click",this._clickHandler),this._toggle.addEventListener("keydown",this._toggleKeydownHandler),this._allItems().forEach(e=>{e.addEventListener("keydown",this._itemKeydownHandler),e.addEventListener("click",this._itemClickHandler)})))}_clickHandler(e){return this.isOpen?this.close(e):this.open(e),this}_itemClickHandler(e){let t;return e.target.parentElement.attributes["pfe-item-type"]&&(t=e.target.parentElement.attributes["pfe-item-type"].value),this._selectItem(e.target,t),this}_itemKeydownHandler(e){let t,r;e.target.attributes["pfe-item-type"]&&(r=e.target.attributes["pfe-item-type"].value);const i=this._allItems().findIndex(e=>e===document.activeElement);switch(e.keyCode){case o.ENTER:this._selectItem(e.target.children[0],r);break;case o.ESC:this.close(e);break;case o.RIGHT:case o.DOWN:t=this._itemContainer(this._nextItem(i,1));break;case o.LEFT:case o.UP:t=this._itemContainer(this._nextItem(i,-1));break;case o.HOME:t=this._firstItem();break;case o.END:t=this._lastItem();break;case o.TAB:this.close()}return t&&(t.setAttribute("tabindex","-1"),t.focus()),this}_outsideClickHandler(e){let t=e.target===this,o=e.target.closest("pfe-dropdown"),r=e.target.tagName.indexOf("-")>-1?e.target.shadowRoot.querySelector("pfe-dropdown"):null;t||o||r||this.close()}_toggleKeydownHandler(e){switch(e.keyCode){case o.ENTER:case o.DOWN:if(this._allDisabled())this.toggle(e);else{this.open();const e=this._itemContainer(this._nextItem(-1,1));e.setAttribute("tabindex","-1"),e.focus()}break;case o.TAB:this.close()}return this}_modifyDOM(e){e.forEach(e=>{let t;switch(e.type){case"link":(t=document.createElement("a")).setAttribute("href",e.href?e.href:"#");break;case"action":t=document.createElement("button")}const o=document.createElement("pfe-dropdown-item");o.setAttribute("pfe-item-type",e.type),e.is_disabled&&o.setAttribute("is_disabled",e.is_disabled),t&&(t.innerText=e.text?e.text:"",o.appendChild(t)),this.appendChild(o)})}_setDisabled(){this.hasAttribute("is_disabled")?(this.setAttribute("aria-disabled","true"),this.setAttribute("tabindex","-1")):(this.removeAttribute("is_disabled"),this.setAttribute("aria-disabled","false"),this.removeAttribute("tabindex"))}_allItems(){return[...this.querySelectorAll(`${this.tag}-item:not([pfe-item-type='separator'])`)]}_allDisabled(){return void 0===this._allItems().find(e=>!e.hasAttribute("is_disabled"))}_nextItem(e,t){const o=this._allItems();let r=(e+t)%o.length,i=o[r=r<0?r+o.length:r];for(;i&&i.hasAttribute("is_disabled");)i=o[(r+=t)%o.length];return i}_firstItem(){return this._allItems()[0]}_lastItem(){const e=this._allItems();return e[e.length-1]}_selectItem(e,t){"action"===t?(this.emitEvent(r.events.change,{detail:{action:e.innerText}}),this.close(event)):e.click()}addDropdownOptions(e){this._modifyDOM(e)}open(e){return e&&e.preventDefault(),this.isOpen=!0,this._menu.classList.add("open"),this._toggle.setAttribute("aria-expanded",!0),this}close(e){return e&&e.preventDefault(),this.isOpen=!1,this._menu.classList.remove("open"),this._toggle.setAttribute("aria-expanded",!1),this}toggle(e){this.isOpen?this.close(e):this.open(e)}_itemContainer(e){return e.shadowRoot.querySelector(`.${this.tag}-item__container`)}}e.create(t),e.create(r);export default r; +//# sourceMappingURL=pfe-dropdown.min.js.map diff --git a/elements/pfe-dropdown/dist/pfe-dropdown.min.js.map b/elements/pfe-dropdown/dist/pfe-dropdown.min.js.map new file mode 100644 index 0000000000..1d3d1fca82 --- /dev/null +++ b/elements/pfe-dropdown/dist/pfe-dropdown.min.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-dropdown.min.js","sources":["../_temp/pfe-dropdown-item.js","../_temp/pfe-dropdown.js"],"sourcesContent":["/*!\n * PatternFly Elements: PfeDropdown 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\nimport PFElement from \"../../pfelement/dist/pfelement.js\";\n\nclass PfeDropdownItem extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return `
  • \n \n
    • `;\n }\n\n static get properties() {\n return {\"item-type\":{\"title\":\"List item type\",\"type\":\"string\",\"enum\":[\"link\",\"action\",\"separator\"],\"default\":null,\"prefixed\":true}};\n }\n\n static get slots() {\n return {};\n }\n static get tag() {\n return \"pfe-dropdown-item\";\n }\n\n get templateUrl() {\n return \"pfe-dropdown-item.html\";\n }\n\n get styleUrl() {\n return \"pfe-dropdown-item.scss\";\n }\n\n get schemaUrl() {\n return \"pfe-dropdown-item.json\";\n }\n\n static get observedAttributes() {\n return [\"pfe-item-type\", \"is_disabled\"];\n }\n\n constructor() {\n super(PfeDropdownItem);\n\n this._container = this.shadowRoot.querySelector(`.${this.tag}__container`);\n this._item = this.shadowRoot.querySelector(\"slot\").assignedNodes()[1];\n }\n\n attributeChangedCallback(attr, oldValue, newValue) {\n switch (attr) {\n case \"pfe-item-type\":\n this._setAccessibility();\n break;\n case \"is_disabled\":\n this._setDisabled();\n break;\n default:\n break;\n }\n }\n\n connectedCallback() {\n super.connectedCallback();\n }\n\n _setAccessibility() {\n if (this._container) {\n const type = this.getAttribute(\"pfe-item-type\");\n if (type) {\n switch (type) {\n case \"link\":\n this._container.setAttribute(\"role\", \"none\");\n this._item && this._item.setAttribute(\"role\", \"menuitem\");\n break;\n case \"action\":\n this._container.setAttribute(\"role\", \"menuitem\");\n this._item && this._item.removeAttribute(\"role\");\n break;\n case \"separator\":\n this._container.setAttribute(\"role\", \"separator\");\n break;\n default:\n break;\n }\n }\n }\n }\n\n _setDisabled() {\n const isDisabled = this.hasAttribute(\"is_disabled\");\n if (isDisabled) {\n this.removeAttribute(\"tabindex\");\n this.setAttribute(\"aria-disabled\", \"true\");\n } else {\n this.removeAttribute(\"is_disabled\");\n this.setAttribute(\"tabindex\", \"0\");\n this.setAttribute(\"aria-disabled\", \"false\");\n }\n }\n}\n\nexport default PfeDropdownItem;\n","/*!\n * PatternFly Elements: PfeDropdown 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\nimport PFElement from \"../../pfelement/dist/pfelement.js\";\nimport PfeDropdownItem from \"./pfe-dropdown-item.js\";\n\n// @POLYFILL Element.closest\n// https://developer.mozilla.org/en-US/docs/Web/API/Element/closest\nif (!Element.prototype.closest) {\n Element.prototype.closest = function(s) {\n var el = this;\n do {\n if (el.matches(s)) return el;\n el = el.parentElement || el.parentNode;\n } while (el !== null && el.nodeType === 1);\n return null;\n };\n}\n\n// @POLYFILL Element.matches\n// https://developer.mozilla.org/en-US/docs/Web/API/Element/matches\nif (!Element.prototype.matches) {\n Element.prototype.matches =\n Element.prototype.msMatchesSelector ||\n Element.prototype.webkitMatchesSelector;\n}\n\nconst KEYCODE = {\n DOWN: 40,\n END: 35,\n ENTER: 13,\n ESC: 27,\n HOME: 36,\n LEFT: 37,\n RIGHT: 39,\n SPACE: 0 || 32,\n UP: 38,\n TAB: 9\n};\n\nclass PfeDropdown extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return `
    \n \n
      \n \n
    \n
    `;\n }\n\n static get properties() {\n return {\"label\":{\"title\":\"Menu button label\",\"type\":\"string\",\"default\":\"Dropdown\",\"prefixed\":true},\"is_disabled\":{\"title\":\"Disable menu button\",\"type\":\"boolean\",\"default\":false,\"prefixed\":false}};\n }\n\n static get slots() {\n return {};\n }\n static get tag() {\n return \"pfe-dropdown\";\n }\n\n get templateUrl() {\n return \"pfe-dropdown.html\";\n }\n\n get styleUrl() {\n return \"pfe-dropdown.scss\";\n }\n\n get schemaUrl() {\n return \"pfe-dropdown.json\";\n }\n\n static get observedAttributes() {\n return [\"pfe-label\", \"is_disabled\"];\n }\n\n set pfeDropdownOptions(options) {\n this._modifyDOM(options);\n }\n\n static get events() {\n return {\n change: `${this.tag}:change`\n };\n }\n\n constructor() {\n super(PfeDropdown);\n\n // state\n this.isOpen = false;\n\n this._init = this._init.bind(this);\n\n // elements\n this._container = this.shadowRoot.querySelector(`#${this.tag}-container`);\n this._toggle = this.shadowRoot.querySelector(`#${this.tag}-toggle`);\n this._toggle_text = this._toggle.querySelector(`.${this.tag}__toggle-text`);\n this._menu = this.shadowRoot.querySelector(`#${this.tag}-menu`);\n\n // events\n this.open = this.open.bind(this);\n this.close = this.close.bind(this);\n\n this._clickHandler = this._clickHandler.bind(this);\n this._toggleKeydownHandler = this._toggleKeydownHandler.bind(this);\n this._itemKeydownHandler = this._itemKeydownHandler.bind(this);\n this._itemClickHandler = this._itemClickHandler.bind(this);\n this._outsideClickHandler = this._outsideClickHandler.bind(this);\n }\n\n connectedCallback() {\n super.connectedCallback();\n document.addEventListener(\"click\", this._outsideClickHandler);\n Promise.all([\n customElements.whenDefined(PfeDropdown.tag),\n customElements.whenDefined(PfeDropdownItem.tag)\n ]).then(() => {\n this._init();\n });\n }\n\n disconnectedCallback() {\n this._toggle.removeEventListener(\"click\", this._clickHandler);\n this._toggle.removeEventListener(\"keydown\", this._toggleKeydownHandler);\n this._allItems().forEach(item => {\n item.removeEventListener(\"keydown\", this._itemKeydownHandler);\n item.removeEventListener(\"click\", this._itemClickHandler);\n });\n }\n\n attributeChangedCallback(attr, oldValue, newValue) {\n switch (attr) {\n case \"pfe-label\":\n this._toggle_text.textContent = newValue;\n break;\n case \"is_disabled\":\n this._setDisabled();\n break;\n default:\n break;\n }\n }\n\n _init() {\n if (this.children.length) {\n if (!this.hasAttribute(\"is_disabled\")) {\n this._toggle.addEventListener(\"click\", this._clickHandler);\n this._toggle.addEventListener(\"keydown\", this._toggleKeydownHandler);\n this._allItems().forEach(item => {\n item.addEventListener(\"keydown\", this._itemKeydownHandler);\n item.addEventListener(\"click\", this._itemClickHandler);\n });\n }\n }\n }\n\n // Event handler for click event on Dropdown button\n _clickHandler(event) {\n this.isOpen ? this.close(event) : this.open(event);\n return this;\n }\n\n // Event handler for click event on Dropdown Item\n _itemClickHandler(event) {\n let pfeType;\n if (event.target.parentElement.attributes[\"pfe-item-type\"]) {\n pfeType = event.target.parentElement.attributes[\"pfe-item-type\"].value;\n }\n this._selectItem(event.target, pfeType);\n return this;\n }\n\n // Event handler for keydown events on Dropdown Menu\n _itemKeydownHandler(event) {\n let newItem;\n let pfeType;\n if (event.target.attributes[\"pfe-item-type\"]) {\n pfeType = event.target.attributes[\"pfe-item-type\"].value;\n }\n // active dropdown item index\n const currentIndex = this._allItems().findIndex(\n item => item === document.activeElement\n );\n switch (event.keyCode) {\n case KEYCODE.ENTER:\n this._selectItem(event.target.children[0], pfeType);\n break;\n case KEYCODE.ESC:\n this.close(event);\n break;\n case KEYCODE.RIGHT:\n case KEYCODE.DOWN:\n // get the following item\n newItem = this._itemContainer(this._nextItem(currentIndex, 1));\n break;\n case KEYCODE.LEFT:\n case KEYCODE.UP:\n // get the previous item\n newItem = this._itemContainer(this._nextItem(currentIndex, -1));\n break;\n case KEYCODE.HOME:\n newItem = this._firstItem();\n break;\n case KEYCODE.END:\n newItem = this._lastItem();\n break;\n case KEYCODE.TAB:\n this.close();\n break;\n default:\n break;\n }\n if (newItem) {\n newItem.setAttribute(\"tabindex\", \"-1\");\n newItem.focus();\n }\n return this;\n }\n\n // Event handler for click event outside the Dropdown element\n _outsideClickHandler(event) {\n // Check if the clicked element is the dropdown object\n let isSelf = event.target === this;\n // Check if the clicked element contains or is contained by the dropdown element\n let isChild = event.target.closest(\"pfe-dropdown\");\n let insideWrapper =\n event.target.tagName.indexOf(\"-\") > -1\n ? event.target.shadowRoot.querySelector(\"pfe-dropdown\")\n : null;\n // Check states to determine if the dropdown menu should close\n if (!isSelf && !(isChild || insideWrapper)) {\n this.close();\n }\n }\n\n // Event handler for keydown event on Dropdown\n _toggleKeydownHandler(event) {\n switch (event.keyCode) {\n case KEYCODE.ENTER:\n case KEYCODE.DOWN:\n if (this._allDisabled()) {\n // toggle the dropdown if all items disabled\n this.toggle(event);\n } else {\n // otherwise, get the next enabled item\n this.open();\n const item = this._itemContainer(this._nextItem(-1, 1));\n item.setAttribute(\"tabindex\", \"-1\");\n item.focus();\n }\n break;\n case KEYCODE.TAB:\n this.close();\n break;\n default:\n break;\n }\n return this;\n }\n\n // modify DOM if custom options are passed in an array\n _modifyDOM(options) {\n options.forEach(el => {\n let item;\n switch (el.type) {\n case \"link\":\n item = document.createElement(\"a\");\n item.setAttribute(\"href\", el.href ? el.href : \"#\");\n break;\n case \"action\":\n item = document.createElement(\"button\");\n break;\n default:\n break;\n }\n const option = document.createElement(\"pfe-dropdown-item\");\n option.setAttribute(\"pfe-item-type\", el.type);\n if (el.is_disabled) {\n option.setAttribute(\"is_disabled\", el.is_disabled);\n }\n if (item) {\n item.innerText = el.text ? el.text : \"\";\n option.appendChild(item);\n }\n this.appendChild(option);\n });\n }\n\n _setDisabled() {\n const isDisabled = this.hasAttribute(\"is_disabled\");\n if (isDisabled) {\n this.setAttribute(\"aria-disabled\", \"true\");\n this.setAttribute(\"tabindex\", \"-1\");\n } else {\n this.removeAttribute(\"is_disabled\");\n this.setAttribute(\"aria-disabled\", \"false\");\n this.removeAttribute(\"tabindex\");\n }\n }\n\n _allItems() {\n return [\n ...this.querySelectorAll(\n `${this.tag}-item:not([pfe-item-type='separator'])`\n )\n ];\n }\n\n _allDisabled() {\n return (\n this._allItems().find(item => !item.hasAttribute(\"is_disabled\")) ===\n undefined\n );\n }\n\n _nextItem(currentPosition, direction) {\n const items = this._allItems();\n let index = (currentPosition + direction) % items.length;\n index = index < 0 ? index + items.length : index;\n let item = items[index];\n while (item && item.hasAttribute(\"is_disabled\")) {\n index += direction;\n item = items[index % items.length];\n }\n return item;\n }\n\n _firstItem() {\n const items = this._allItems();\n return items[0];\n }\n\n _lastItem() {\n const items = this._allItems();\n return items[items.length - 1];\n }\n\n _selectItem(item, type) {\n if (type === \"action\") {\n this.emitEvent(PfeDropdown.events.change, {\n detail: { action: item.innerText }\n });\n this.close(event);\n } else {\n item.click();\n }\n }\n\n addDropdownOptions(options) {\n this._modifyDOM(options);\n }\n\n open(event) {\n if (event) {\n event.preventDefault();\n }\n this.isOpen = true;\n this._menu.classList.add(\"open\");\n this._toggle.setAttribute(\"aria-expanded\", true);\n return this;\n }\n\n close(event) {\n if (event) {\n event.preventDefault();\n }\n this.isOpen = false;\n this._menu.classList.remove(\"open\");\n this._toggle.setAttribute(\"aria-expanded\", false);\n return this;\n }\n\n toggle(event) {\n this.isOpen ? this.close(event) : this.open(event);\n }\n\n _itemContainer(item) {\n // used to apply the focus state to the item's container\n return item.shadowRoot.querySelector(`.${this.tag}-item__container`);\n }\n}\n\nPFElement.create(PfeDropdownItem);\nPFElement.create(PfeDropdown);\n\nexport default PfeDropdown;\n"],"names":["PfeDropdownItem","PFElement","version","html","properties","item-type","title","type","enum","default","prefixed","slots","tag","templateUrl","styleUrl","schemaUrl","observedAttributes","[object Object]","super","this","_container","shadowRoot","querySelector","_item","assignedNodes","attr","oldValue","newValue","_setAccessibility","_setDisabled","connectedCallback","getAttribute","setAttribute","removeAttribute","hasAttribute","Element","prototype","closest","s","el","matches","parentElement","parentNode","nodeType","msMatchesSelector","webkitMatchesSelector","KEYCODE","DOWN","END","ENTER","ESC","HOME","LEFT","RIGHT","SPACE","UP","TAB","PfeDropdown","label","is_disabled","pfeDropdownOptions","options","_modifyDOM","events","change","isOpen","_init","bind","_toggle","_toggle_text","_menu","open","close","_clickHandler","_toggleKeydownHandler","_itemKeydownHandler","_itemClickHandler","_outsideClickHandler","document","addEventListener","Promise","all","customElements","whenDefined","then","removeEventListener","_allItems","forEach","item","textContent","children","length","event","pfeType","target","attributes","value","_selectItem","newItem","currentIndex","findIndex","activeElement","keyCode","_itemContainer","_nextItem","_firstItem","_lastItem","focus","isSelf","isChild","insideWrapper","tagName","indexOf","_allDisabled","toggle","createElement","href","option","innerText","text","appendChild","querySelectorAll","undefined","find","currentPosition","direction","items","index","emitEvent","detail","action","click","preventDefault","classList","add","remove","create"],"mappings":"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"} \ No newline at end of file diff --git a/elements/pfe-dropdown/dist/pfe-dropdown.umd.js b/elements/pfe-dropdown/dist/pfe-dropdown.umd.js new file mode 100644 index 0000000000..69c5c0f935 --- /dev/null +++ b/elements/pfe-dropdown/dist/pfe-dropdown.umd.js @@ -0,0 +1,694 @@ +(function (global, factory) { + typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('../../pfelement/dist/pfelement.umd')) : + typeof define === 'function' && define.amd ? define(['../../pfelement/dist/pfelement.umd'], factory) : + (global.PfeDropdown = factory(global.PFElement)); +}(this, (function (PFElement) { 'use strict'; + + PFElement = PFElement && PFElement.hasOwnProperty('default') ? PFElement['default'] : PFElement; + + var classCallCheck = function (instance, Constructor) { + if (!(instance instanceof Constructor)) { + throw new TypeError("Cannot call a class as a function"); + } + }; + + var createClass = function () { + function defineProperties(target, props) { + for (var i = 0; i < props.length; i++) { + var descriptor = props[i]; + descriptor.enumerable = descriptor.enumerable || false; + descriptor.configurable = true; + if ("value" in descriptor) descriptor.writable = true; + Object.defineProperty(target, descriptor.key, descriptor); + } + } + + return function (Constructor, protoProps, staticProps) { + if (protoProps) defineProperties(Constructor.prototype, protoProps); + if (staticProps) defineProperties(Constructor, staticProps); + return Constructor; + }; + }(); + + var get = function get(object, property, receiver) { + if (object === null) object = Function.prototype; + var desc = Object.getOwnPropertyDescriptor(object, property); + + if (desc === undefined) { + var parent = Object.getPrototypeOf(object); + + if (parent === null) { + return undefined; + } else { + return get(parent, property, receiver); + } + } else if ("value" in desc) { + return desc.value; + } else { + var getter = desc.get; + + if (getter === undefined) { + return undefined; + } + + return getter.call(receiver); + } + }; + + var inherits = function (subClass, superClass) { + if (typeof superClass !== "function" && superClass !== null) { + throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); + } + + subClass.prototype = Object.create(superClass && superClass.prototype, { + constructor: { + value: subClass, + enumerable: false, + writable: true, + configurable: true + } + }); + if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; + }; + + var possibleConstructorReturn = function (self, call) { + if (!self) { + throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); + } + + return call && (typeof call === "object" || typeof call === "function") ? call : self; + }; + + var toConsumableArray = function (arr) { + if (Array.isArray(arr)) { + for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) arr2[i] = arr[i]; + + return arr2; + } else { + return Array.from(arr); + } + }; + + /*! + * PatternFly Elements: PfeDropdown 1.0.0-prerelease.50 + * @license + * Copyright 2020 Red Hat, Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + * + */ + + var PfeDropdownItem = function (_PFElement) { + inherits(PfeDropdownItem, _PFElement); + createClass(PfeDropdownItem, [{ + key: "html", + get: function get$$1() { + return "
  • \n \n
    • "; + } + }, { + key: "templateUrl", + get: function get$$1() { + return "pfe-dropdown-item.html"; + } + }, { + key: "styleUrl", + get: function get$$1() { + return "pfe-dropdown-item.scss"; + } + }, { + key: "schemaUrl", + get: function get$$1() { + return "pfe-dropdown-item.json"; + } + }], [{ + key: "version", + get: function get$$1() { + return "1.0.0-prerelease.50"; + } + }, { + key: "properties", + get: function get$$1() { + return { "item-type": { "title": "List item type", "type": "string", "enum": ["link", "action", "separator"], "default": null, "prefixed": true } }; + } + }, { + key: "slots", + get: function get$$1() { + return {}; + } + }, { + key: "tag", + get: function get$$1() { + return "pfe-dropdown-item"; + } + }, { + key: "observedAttributes", + get: function get$$1() { + return ["pfe-item-type", "is_disabled"]; + } + }]); + + function PfeDropdownItem() { + classCallCheck(this, PfeDropdownItem); + + var _this = possibleConstructorReturn(this, (PfeDropdownItem.__proto__ || Object.getPrototypeOf(PfeDropdownItem)).call(this, PfeDropdownItem)); + + _this._container = _this.shadowRoot.querySelector("." + _this.tag + "__container"); + _this._item = _this.shadowRoot.querySelector("slot").assignedNodes()[1]; + return _this; + } + + createClass(PfeDropdownItem, [{ + key: "attributeChangedCallback", + value: function attributeChangedCallback(attr, oldValue, newValue) { + switch (attr) { + case "pfe-item-type": + this._setAccessibility(); + break; + case "is_disabled": + this._setDisabled(); + break; + default: + break; + } + } + }, { + key: "connectedCallback", + value: function connectedCallback() { + get(PfeDropdownItem.prototype.__proto__ || Object.getPrototypeOf(PfeDropdownItem.prototype), "connectedCallback", this).call(this); + } + }, { + key: "_setAccessibility", + value: function _setAccessibility() { + if (this._container) { + var type = this.getAttribute("pfe-item-type"); + if (type) { + switch (type) { + case "link": + this._container.setAttribute("role", "none"); + this._item && this._item.setAttribute("role", "menuitem"); + break; + case "action": + this._container.setAttribute("role", "menuitem"); + this._item && this._item.removeAttribute("role"); + break; + case "separator": + this._container.setAttribute("role", "separator"); + break; + default: + break; + } + } + } + } + }, { + key: "_setDisabled", + value: function _setDisabled() { + var isDisabled = this.hasAttribute("is_disabled"); + if (isDisabled) { + this.removeAttribute("tabindex"); + this.setAttribute("aria-disabled", "true"); + } else { + this.removeAttribute("is_disabled"); + this.setAttribute("tabindex", "0"); + this.setAttribute("aria-disabled", "false"); + } + } + }]); + return PfeDropdownItem; + }(PFElement); + + /*! + * PatternFly Elements: PfeDropdown 1.0.0-prerelease.50 + * @license + * Copyright 2020 Red Hat, Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + * + */ + + // @POLYFILL Element.closest + // https://developer.mozilla.org/en-US/docs/Web/API/Element/closest + if (!Element.prototype.closest) { + Element.prototype.closest = function (s) { + var el = this; + do { + if (el.matches(s)) return el; + el = el.parentElement || el.parentNode; + } while (el !== null && el.nodeType === 1); + return null; + }; + } + + // @POLYFILL Element.matches + // https://developer.mozilla.org/en-US/docs/Web/API/Element/matches + if (!Element.prototype.matches) { + Element.prototype.matches = Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector; + } + + var KEYCODE = { + DOWN: 40, + END: 35, + ENTER: 13, + ESC: 27, + HOME: 36, + LEFT: 37, + RIGHT: 39, + SPACE: 32, + UP: 38, + TAB: 9 + }; + + var PfeDropdown = function (_PFElement) { + inherits(PfeDropdown, _PFElement); + createClass(PfeDropdown, [{ + key: "html", + get: function get$$1() { + return "
    \n \n
      \n \n
    \n
    "; + } + }, { + key: "templateUrl", + get: function get$$1() { + return "pfe-dropdown.html"; + } + }, { + key: "styleUrl", + get: function get$$1() { + return "pfe-dropdown.scss"; + } + }, { + key: "schemaUrl", + get: function get$$1() { + return "pfe-dropdown.json"; + } + }, { + key: "pfeDropdownOptions", + set: function set$$1(options) { + this._modifyDOM(options); + } + }], [{ + key: "version", + get: function get$$1() { + return "1.0.0-prerelease.50"; + } + }, { + key: "properties", + get: function get$$1() { + return { "label": { "title": "Menu button label", "type": "string", "default": "Dropdown", "prefixed": true }, "is_disabled": { "title": "Disable menu button", "type": "boolean", "default": false, "prefixed": false } }; + } + }, { + key: "slots", + get: function get$$1() { + return {}; + } + }, { + key: "tag", + get: function get$$1() { + return "pfe-dropdown"; + } + }, { + key: "observedAttributes", + get: function get$$1() { + return ["pfe-label", "is_disabled"]; + } + }, { + key: "events", + get: function get$$1() { + return { + change: this.tag + ":change" + }; + } + }]); + + function PfeDropdown() { + classCallCheck(this, PfeDropdown); + + // state + var _this = possibleConstructorReturn(this, (PfeDropdown.__proto__ || Object.getPrototypeOf(PfeDropdown)).call(this, PfeDropdown)); + + _this.isOpen = false; + + _this._init = _this._init.bind(_this); + + // elements + _this._container = _this.shadowRoot.querySelector("#" + _this.tag + "-container"); + _this._toggle = _this.shadowRoot.querySelector("#" + _this.tag + "-toggle"); + _this._toggle_text = _this._toggle.querySelector("." + _this.tag + "__toggle-text"); + _this._menu = _this.shadowRoot.querySelector("#" + _this.tag + "-menu"); + + // events + _this.open = _this.open.bind(_this); + _this.close = _this.close.bind(_this); + + _this._clickHandler = _this._clickHandler.bind(_this); + _this._toggleKeydownHandler = _this._toggleKeydownHandler.bind(_this); + _this._itemKeydownHandler = _this._itemKeydownHandler.bind(_this); + _this._itemClickHandler = _this._itemClickHandler.bind(_this); + _this._outsideClickHandler = _this._outsideClickHandler.bind(_this); + return _this; + } + + createClass(PfeDropdown, [{ + key: "connectedCallback", + value: function connectedCallback() { + var _this2 = this; + + get(PfeDropdown.prototype.__proto__ || Object.getPrototypeOf(PfeDropdown.prototype), "connectedCallback", this).call(this); + document.addEventListener("click", this._outsideClickHandler); + Promise.all([customElements.whenDefined(PfeDropdown.tag), customElements.whenDefined(PfeDropdownItem.tag)]).then(function () { + _this2._init(); + }); + } + }, { + key: "disconnectedCallback", + value: function disconnectedCallback() { + var _this3 = this; + + this._toggle.removeEventListener("click", this._clickHandler); + this._toggle.removeEventListener("keydown", this._toggleKeydownHandler); + this._allItems().forEach(function (item) { + item.removeEventListener("keydown", _this3._itemKeydownHandler); + item.removeEventListener("click", _this3._itemClickHandler); + }); + } + }, { + key: "attributeChangedCallback", + value: function attributeChangedCallback(attr, oldValue, newValue) { + switch (attr) { + case "pfe-label": + this._toggle_text.textContent = newValue; + break; + case "is_disabled": + this._setDisabled(); + break; + default: + break; + } + } + }, { + key: "_init", + value: function _init() { + var _this4 = this; + + if (this.children.length) { + if (!this.hasAttribute("is_disabled")) { + this._toggle.addEventListener("click", this._clickHandler); + this._toggle.addEventListener("keydown", this._toggleKeydownHandler); + this._allItems().forEach(function (item) { + item.addEventListener("keydown", _this4._itemKeydownHandler); + item.addEventListener("click", _this4._itemClickHandler); + }); + } + } + } + + // Event handler for click event on Dropdown button + + }, { + key: "_clickHandler", + value: function _clickHandler(event) { + this.isOpen ? this.close(event) : this.open(event); + return this; + } + + // Event handler for click event on Dropdown Item + + }, { + key: "_itemClickHandler", + value: function _itemClickHandler(event) { + var pfeType = void 0; + if (event.target.parentElement.attributes["pfe-item-type"]) { + pfeType = event.target.parentElement.attributes["pfe-item-type"].value; + } + this._selectItem(event.target, pfeType); + return this; + } + + // Event handler for keydown events on Dropdown Menu + + }, { + key: "_itemKeydownHandler", + value: function _itemKeydownHandler(event) { + var newItem = void 0; + var pfeType = void 0; + if (event.target.attributes["pfe-item-type"]) { + pfeType = event.target.attributes["pfe-item-type"].value; + } + // active dropdown item index + var currentIndex = this._allItems().findIndex(function (item) { + return item === document.activeElement; + }); + switch (event.keyCode) { + case KEYCODE.ENTER: + this._selectItem(event.target.children[0], pfeType); + break; + case KEYCODE.ESC: + this.close(event); + break; + case KEYCODE.RIGHT: + case KEYCODE.DOWN: + // get the following item + newItem = this._itemContainer(this._nextItem(currentIndex, 1)); + break; + case KEYCODE.LEFT: + case KEYCODE.UP: + // get the previous item + newItem = this._itemContainer(this._nextItem(currentIndex, -1)); + break; + case KEYCODE.HOME: + newItem = this._firstItem(); + break; + case KEYCODE.END: + newItem = this._lastItem(); + break; + case KEYCODE.TAB: + this.close(); + break; + default: + break; + } + if (newItem) { + newItem.setAttribute("tabindex", "-1"); + newItem.focus(); + } + return this; + } + + // Event handler for click event outside the Dropdown element + + }, { + key: "_outsideClickHandler", + value: function _outsideClickHandler(event) { + // Check if the clicked element is the dropdown object + var isSelf = event.target === this; + // Check if the clicked element contains or is contained by the dropdown element + var isChild = event.target.closest("pfe-dropdown"); + var insideWrapper = event.target.tagName.indexOf("-") > -1 ? event.target.shadowRoot.querySelector("pfe-dropdown") : null; + // Check states to determine if the dropdown menu should close + if (!isSelf && !(isChild || insideWrapper)) { + this.close(); + } + } + + // Event handler for keydown event on Dropdown + + }, { + key: "_toggleKeydownHandler", + value: function _toggleKeydownHandler(event) { + switch (event.keyCode) { + case KEYCODE.ENTER: + case KEYCODE.DOWN: + if (this._allDisabled()) { + // toggle the dropdown if all items disabled + this.toggle(event); + } else { + // otherwise, get the next enabled item + this.open(); + var item = this._itemContainer(this._nextItem(-1, 1)); + item.setAttribute("tabindex", "-1"); + item.focus(); + } + break; + case KEYCODE.TAB: + this.close(); + break; + default: + break; + } + return this; + } + + // modify DOM if custom options are passed in an array + + }, { + key: "_modifyDOM", + value: function _modifyDOM(options) { + var _this5 = this; + + options.forEach(function (el) { + var item = void 0; + switch (el.type) { + case "link": + item = document.createElement("a"); + item.setAttribute("href", el.href ? el.href : "#"); + break; + case "action": + item = document.createElement("button"); + break; + default: + break; + } + var option = document.createElement("pfe-dropdown-item"); + option.setAttribute("pfe-item-type", el.type); + if (el.is_disabled) { + option.setAttribute("is_disabled", el.is_disabled); + } + if (item) { + item.innerText = el.text ? el.text : ""; + option.appendChild(item); + } + _this5.appendChild(option); + }); + } + }, { + key: "_setDisabled", + value: function _setDisabled() { + var isDisabled = this.hasAttribute("is_disabled"); + if (isDisabled) { + this.setAttribute("aria-disabled", "true"); + this.setAttribute("tabindex", "-1"); + } else { + this.removeAttribute("is_disabled"); + this.setAttribute("aria-disabled", "false"); + this.removeAttribute("tabindex"); + } + } + }, { + key: "_allItems", + value: function _allItems() { + return [].concat(toConsumableArray(this.querySelectorAll(this.tag + "-item:not([pfe-item-type='separator'])"))); + } + }, { + key: "_allDisabled", + value: function _allDisabled() { + return this._allItems().find(function (item) { + return !item.hasAttribute("is_disabled"); + }) === undefined; + } + }, { + key: "_nextItem", + value: function _nextItem(currentPosition, direction) { + var items = this._allItems(); + var index = (currentPosition + direction) % items.length; + index = index < 0 ? index + items.length : index; + var item = items[index]; + while (item && item.hasAttribute("is_disabled")) { + index += direction; + item = items[index % items.length]; + } + return item; + } + }, { + key: "_firstItem", + value: function _firstItem() { + var items = this._allItems(); + return items[0]; + } + }, { + key: "_lastItem", + value: function _lastItem() { + var items = this._allItems(); + return items[items.length - 1]; + } + }, { + key: "_selectItem", + value: function _selectItem(item, type) { + if (type === "action") { + this.emitEvent(PfeDropdown.events.change, { + detail: { action: item.innerText } + }); + this.close(event); + } else { + item.click(); + } + } + }, { + key: "addDropdownOptions", + value: function addDropdownOptions(options) { + this._modifyDOM(options); + } + }, { + key: "open", + value: function open(event) { + if (event) { + event.preventDefault(); + } + this.isOpen = true; + this._menu.classList.add("open"); + this._toggle.setAttribute("aria-expanded", true); + return this; + } + }, { + key: "close", + value: function close(event) { + if (event) { + event.preventDefault(); + } + this.isOpen = false; + this._menu.classList.remove("open"); + this._toggle.setAttribute("aria-expanded", false); + return this; + } + }, { + key: "toggle", + value: function toggle(event) { + this.isOpen ? this.close(event) : this.open(event); + } + }, { + key: "_itemContainer", + value: function _itemContainer(item) { + // used to apply the focus state to the item's container + return item.shadowRoot.querySelector("." + this.tag + "-item__container"); + } + }]); + return PfeDropdown; + }(PFElement); + + PFElement.create(PfeDropdownItem); + PFElement.create(PfeDropdown); + + return PfeDropdown; + +}))); +//# sourceMappingURL=pfe-dropdown.umd.js.map diff --git a/elements/pfe-dropdown/dist/pfe-dropdown.umd.js.map b/elements/pfe-dropdown/dist/pfe-dropdown.umd.js.map new file mode 100644 index 0000000000..a2219342ab --- /dev/null +++ b/elements/pfe-dropdown/dist/pfe-dropdown.umd.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-dropdown.umd.js","sources":["../_temp/pfe-dropdown-item.js","../_temp/pfe-dropdown.umd.js"],"sourcesContent":["/*!\n * PatternFly Elements: PfeDropdown 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\nimport PFElement from \"../../pfelement/dist/pfelement.js\";\n\nclass PfeDropdownItem extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return `
  • \n \n
    • `;\n }\n\n static get properties() {\n return {\"item-type\":{\"title\":\"List item type\",\"type\":\"string\",\"enum\":[\"link\",\"action\",\"separator\"],\"default\":null,\"prefixed\":true}};\n }\n\n static get slots() {\n return {};\n }\n static get tag() {\n return \"pfe-dropdown-item\";\n }\n\n get templateUrl() {\n return \"pfe-dropdown-item.html\";\n }\n\n get styleUrl() {\n return \"pfe-dropdown-item.scss\";\n }\n\n get schemaUrl() {\n return \"pfe-dropdown-item.json\";\n }\n\n static get observedAttributes() {\n return [\"pfe-item-type\", \"is_disabled\"];\n }\n\n constructor() {\n super(PfeDropdownItem);\n\n this._container = this.shadowRoot.querySelector(`.${this.tag}__container`);\n this._item = this.shadowRoot.querySelector(\"slot\").assignedNodes()[1];\n }\n\n attributeChangedCallback(attr, oldValue, newValue) {\n switch (attr) {\n case \"pfe-item-type\":\n this._setAccessibility();\n break;\n case \"is_disabled\":\n this._setDisabled();\n break;\n default:\n break;\n }\n }\n\n connectedCallback() {\n super.connectedCallback();\n }\n\n _setAccessibility() {\n if (this._container) {\n const type = this.getAttribute(\"pfe-item-type\");\n if (type) {\n switch (type) {\n case \"link\":\n this._container.setAttribute(\"role\", \"none\");\n this._item && this._item.setAttribute(\"role\", \"menuitem\");\n break;\n case \"action\":\n this._container.setAttribute(\"role\", \"menuitem\");\n this._item && this._item.removeAttribute(\"role\");\n break;\n case \"separator\":\n this._container.setAttribute(\"role\", \"separator\");\n break;\n default:\n break;\n }\n }\n }\n }\n\n _setDisabled() {\n const isDisabled = this.hasAttribute(\"is_disabled\");\n if (isDisabled) {\n this.removeAttribute(\"tabindex\");\n this.setAttribute(\"aria-disabled\", \"true\");\n } else {\n this.removeAttribute(\"is_disabled\");\n this.setAttribute(\"tabindex\", \"0\");\n this.setAttribute(\"aria-disabled\", \"false\");\n }\n }\n}\n\nexport default PfeDropdownItem;\n","/*!\n * PatternFly Elements: PfeDropdown 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\nimport PFElement from \"../../pfelement/dist/pfelement.umd\";\nimport PfeDropdownItem from \"./pfe-dropdown-item.js\";\n\n// @POLYFILL Element.closest\n// https://developer.mozilla.org/en-US/docs/Web/API/Element/closest\nif (!Element.prototype.closest) {\n Element.prototype.closest = function(s) {\n var el = this;\n do {\n if (el.matches(s)) return el;\n el = el.parentElement || el.parentNode;\n } while (el !== null && el.nodeType === 1);\n return null;\n };\n}\n\n// @POLYFILL Element.matches\n// https://developer.mozilla.org/en-US/docs/Web/API/Element/matches\nif (!Element.prototype.matches) {\n Element.prototype.matches =\n Element.prototype.msMatchesSelector ||\n Element.prototype.webkitMatchesSelector;\n}\n\nconst KEYCODE = {\n DOWN: 40,\n END: 35,\n ENTER: 13,\n ESC: 27,\n HOME: 36,\n LEFT: 37,\n RIGHT: 39,\n SPACE: 0 || 32,\n UP: 38,\n TAB: 9\n};\n\nclass PfeDropdown extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return `
    \n \n
      \n \n
    \n
    `;\n }\n\n static get properties() {\n return {\"label\":{\"title\":\"Menu button label\",\"type\":\"string\",\"default\":\"Dropdown\",\"prefixed\":true},\"is_disabled\":{\"title\":\"Disable menu button\",\"type\":\"boolean\",\"default\":false,\"prefixed\":false}};\n }\n\n static get slots() {\n return {};\n }\n static get tag() {\n return \"pfe-dropdown\";\n }\n\n get templateUrl() {\n return \"pfe-dropdown.html\";\n }\n\n get styleUrl() {\n return \"pfe-dropdown.scss\";\n }\n\n get schemaUrl() {\n return \"pfe-dropdown.json\";\n }\n\n static get observedAttributes() {\n return [\"pfe-label\", \"is_disabled\"];\n }\n\n set pfeDropdownOptions(options) {\n this._modifyDOM(options);\n }\n\n static get events() {\n return {\n change: `${this.tag}:change`\n };\n }\n\n constructor() {\n super(PfeDropdown);\n\n // state\n this.isOpen = false;\n\n this._init = this._init.bind(this);\n\n // elements\n this._container = this.shadowRoot.querySelector(`#${this.tag}-container`);\n this._toggle = this.shadowRoot.querySelector(`#${this.tag}-toggle`);\n this._toggle_text = this._toggle.querySelector(`.${this.tag}__toggle-text`);\n this._menu = this.shadowRoot.querySelector(`#${this.tag}-menu`);\n\n // events\n this.open = this.open.bind(this);\n this.close = this.close.bind(this);\n\n this._clickHandler = this._clickHandler.bind(this);\n this._toggleKeydownHandler = this._toggleKeydownHandler.bind(this);\n this._itemKeydownHandler = this._itemKeydownHandler.bind(this);\n this._itemClickHandler = this._itemClickHandler.bind(this);\n this._outsideClickHandler = this._outsideClickHandler.bind(this);\n }\n\n connectedCallback() {\n super.connectedCallback();\n document.addEventListener(\"click\", this._outsideClickHandler);\n Promise.all([\n customElements.whenDefined(PfeDropdown.tag),\n customElements.whenDefined(PfeDropdownItem.tag)\n ]).then(() => {\n this._init();\n });\n }\n\n disconnectedCallback() {\n this._toggle.removeEventListener(\"click\", this._clickHandler);\n this._toggle.removeEventListener(\"keydown\", this._toggleKeydownHandler);\n this._allItems().forEach(item => {\n item.removeEventListener(\"keydown\", this._itemKeydownHandler);\n item.removeEventListener(\"click\", this._itemClickHandler);\n });\n }\n\n attributeChangedCallback(attr, oldValue, newValue) {\n switch (attr) {\n case \"pfe-label\":\n this._toggle_text.textContent = newValue;\n break;\n case \"is_disabled\":\n this._setDisabled();\n break;\n default:\n break;\n }\n }\n\n _init() {\n if (this.children.length) {\n if (!this.hasAttribute(\"is_disabled\")) {\n this._toggle.addEventListener(\"click\", this._clickHandler);\n this._toggle.addEventListener(\"keydown\", this._toggleKeydownHandler);\n this._allItems().forEach(item => {\n item.addEventListener(\"keydown\", this._itemKeydownHandler);\n item.addEventListener(\"click\", this._itemClickHandler);\n });\n }\n }\n }\n\n // Event handler for click event on Dropdown button\n _clickHandler(event) {\n this.isOpen ? this.close(event) : this.open(event);\n return this;\n }\n\n // Event handler for click event on Dropdown Item\n _itemClickHandler(event) {\n let pfeType;\n if (event.target.parentElement.attributes[\"pfe-item-type\"]) {\n pfeType = event.target.parentElement.attributes[\"pfe-item-type\"].value;\n }\n this._selectItem(event.target, pfeType);\n return this;\n }\n\n // Event handler for keydown events on Dropdown Menu\n _itemKeydownHandler(event) {\n let newItem;\n let pfeType;\n if (event.target.attributes[\"pfe-item-type\"]) {\n pfeType = event.target.attributes[\"pfe-item-type\"].value;\n }\n // active dropdown item index\n const currentIndex = this._allItems().findIndex(\n item => item === document.activeElement\n );\n switch (event.keyCode) {\n case KEYCODE.ENTER:\n this._selectItem(event.target.children[0], pfeType);\n break;\n case KEYCODE.ESC:\n this.close(event);\n break;\n case KEYCODE.RIGHT:\n case KEYCODE.DOWN:\n // get the following item\n newItem = this._itemContainer(this._nextItem(currentIndex, 1));\n break;\n case KEYCODE.LEFT:\n case KEYCODE.UP:\n // get the previous item\n newItem = this._itemContainer(this._nextItem(currentIndex, -1));\n break;\n case KEYCODE.HOME:\n newItem = this._firstItem();\n break;\n case KEYCODE.END:\n newItem = this._lastItem();\n break;\n case KEYCODE.TAB:\n this.close();\n break;\n default:\n break;\n }\n if (newItem) {\n newItem.setAttribute(\"tabindex\", \"-1\");\n newItem.focus();\n }\n return this;\n }\n\n // Event handler for click event outside the Dropdown element\n _outsideClickHandler(event) {\n // Check if the clicked element is the dropdown object\n let isSelf = event.target === this;\n // Check if the clicked element contains or is contained by the dropdown element\n let isChild = event.target.closest(\"pfe-dropdown\");\n let insideWrapper =\n event.target.tagName.indexOf(\"-\") > -1\n ? event.target.shadowRoot.querySelector(\"pfe-dropdown\")\n : null;\n // Check states to determine if the dropdown menu should close\n if (!isSelf && !(isChild || insideWrapper)) {\n this.close();\n }\n }\n\n // Event handler for keydown event on Dropdown\n _toggleKeydownHandler(event) {\n switch (event.keyCode) {\n case KEYCODE.ENTER:\n case KEYCODE.DOWN:\n if (this._allDisabled()) {\n // toggle the dropdown if all items disabled\n this.toggle(event);\n } else {\n // otherwise, get the next enabled item\n this.open();\n const item = this._itemContainer(this._nextItem(-1, 1));\n item.setAttribute(\"tabindex\", \"-1\");\n item.focus();\n }\n break;\n case KEYCODE.TAB:\n this.close();\n break;\n default:\n break;\n }\n return this;\n }\n\n // modify DOM if custom options are passed in an array\n _modifyDOM(options) {\n options.forEach(el => {\n let item;\n switch (el.type) {\n case \"link\":\n item = document.createElement(\"a\");\n item.setAttribute(\"href\", el.href ? el.href : \"#\");\n break;\n case \"action\":\n item = document.createElement(\"button\");\n break;\n default:\n break;\n }\n const option = document.createElement(\"pfe-dropdown-item\");\n option.setAttribute(\"pfe-item-type\", el.type);\n if (el.is_disabled) {\n option.setAttribute(\"is_disabled\", el.is_disabled);\n }\n if (item) {\n item.innerText = el.text ? el.text : \"\";\n option.appendChild(item);\n }\n this.appendChild(option);\n });\n }\n\n _setDisabled() {\n const isDisabled = this.hasAttribute(\"is_disabled\");\n if (isDisabled) {\n this.setAttribute(\"aria-disabled\", \"true\");\n this.setAttribute(\"tabindex\", \"-1\");\n } else {\n this.removeAttribute(\"is_disabled\");\n this.setAttribute(\"aria-disabled\", \"false\");\n this.removeAttribute(\"tabindex\");\n }\n }\n\n _allItems() {\n return [\n ...this.querySelectorAll(\n `${this.tag}-item:not([pfe-item-type='separator'])`\n )\n ];\n }\n\n _allDisabled() {\n return (\n this._allItems().find(item => !item.hasAttribute(\"is_disabled\")) ===\n undefined\n );\n }\n\n _nextItem(currentPosition, direction) {\n const items = this._allItems();\n let index = (currentPosition + direction) % items.length;\n index = index < 0 ? index + items.length : index;\n let item = items[index];\n while (item && item.hasAttribute(\"is_disabled\")) {\n index += direction;\n item = items[index % items.length];\n }\n return item;\n }\n\n _firstItem() {\n const items = this._allItems();\n return items[0];\n }\n\n _lastItem() {\n const items = this._allItems();\n return items[items.length - 1];\n }\n\n _selectItem(item, type) {\n if (type === \"action\") {\n this.emitEvent(PfeDropdown.events.change, {\n detail: { action: item.innerText }\n });\n this.close(event);\n } else {\n item.click();\n }\n }\n\n addDropdownOptions(options) {\n this._modifyDOM(options);\n }\n\n open(event) {\n if (event) {\n event.preventDefault();\n }\n this.isOpen = true;\n this._menu.classList.add(\"open\");\n this._toggle.setAttribute(\"aria-expanded\", true);\n return this;\n }\n\n close(event) {\n if (event) {\n event.preventDefault();\n }\n this.isOpen = false;\n this._menu.classList.remove(\"open\");\n this._toggle.setAttribute(\"aria-expanded\", false);\n return this;\n }\n\n toggle(event) {\n this.isOpen ? this.close(event) : this.open(event);\n }\n\n _itemContainer(item) {\n // used to apply the focus state to the item's container\n return item.shadowRoot.querySelector(`.${this.tag}-item__container`);\n }\n}\n\nPFElement.create(PfeDropdownItem);\nPFElement.create(PfeDropdown);\n\nexport default PfeDropdown;\n"],"names":["PfeDropdownItem","_container","shadowRoot","querySelector","tag","_item","assignedNodes","attr","oldValue","newValue","_setAccessibility","_setDisabled","type","getAttribute","setAttribute","removeAttribute","isDisabled","hasAttribute","PFElement","Element","prototype","closest","s","el","matches","parentElement","parentNode","nodeType","msMatchesSelector","webkitMatchesSelector","KEYCODE","DOWN","END","ENTER","ESC","HOME","LEFT","RIGHT","SPACE","UP","TAB","PfeDropdown","options","_modifyDOM","change","isOpen","_init","bind","_toggle","_toggle_text","_menu","open","close","_clickHandler","_toggleKeydownHandler","_itemKeydownHandler","_itemClickHandler","_outsideClickHandler","document","addEventListener","Promise","all","customElements","whenDefined","then","removeEventListener","_allItems","forEach","item","textContent","children","length","event","pfeType","target","attributes","value","_selectItem","newItem","currentIndex","findIndex","activeElement","keyCode","_itemContainer","_nextItem","_firstItem","_lastItem","focus","isSelf","isChild","insideWrapper","tagName","indexOf","_allDisabled","toggle","createElement","href","option","is_disabled","innerText","text","appendChild","querySelectorAll","find","undefined","currentPosition","direction","items","index","emitEvent","events","detail","action","click","preventDefault","classList","add","remove","create"],"mappings":"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"} \ No newline at end of file diff --git a/elements/pfe-dropdown/dist/pfe-dropdown.umd.min.js b/elements/pfe-dropdown/dist/pfe-dropdown.umd.min.js new file mode 100644 index 0000000000..ee6af75c1f --- /dev/null +++ b/elements/pfe-dropdown/dist/pfe-dropdown.umd.min.js @@ -0,0 +1,2 @@ +!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("../../pfelement/dist/pfelement.umd.min"),require("../../pfelement/dist/pfelement.umd")):"function"==typeof define&&define.amd?define(["../../pfelement/dist/pfelement.umd.min","../../pfelement/dist/pfelement.umd"],t):e.PfeDropdown=t(e.PFElement,e.PFElement)}(this,function(e,t){"use strict";e=e&&e.hasOwnProperty("default")?e.default:e,t=t&&t.hasOwnProperty("default")?t.default:t;function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var r=function(e,t,o){return t&&n(e.prototype,t),o&&n(e,o),e};function n(e,t){for(var o=0;o:host{--pfe-dropdown--SpacingVertical:calc(var(--pfe-theme--container-padding, 16px) * 0.5);--pfe-dropdown--SpacingHorizontal:calc(var(--pfe-theme--container-padding, 16px) * 0.5);--pfe-dropdown--FontSize:var(--pfe-theme--font-size, 16px);--pfe-dropdown--FontWeight:400;--pfe-dropdown--LineHeight:var(--pfe-theme--line-height, 1.5);--pfe-dropdown--Color:#131313;--pfe-dropdown--Color--hover:#131313;--pfe-dropdown--TextAlign:left;--pfe-dropdown--BackgroundColor:transparent;--pfe-dropdown--BackgroundColor--hover:var(--pfe-theme--color--surface--lighter, #ececec);--pfe-dropdown--Border:none}:host .pfe-dropdown-item__container:active,:host .pfe-dropdown-item__container:focus,:host .pfe-dropdown-item__container:hover{color:var(--pfe-dropdown--Color--hover);background-color:var(--pfe-dropdown--BackgroundColor--hover)}::slotted(*){display:block;width:100%;padding:var(--pfe-dropdown--SpacingVertical) var(--pfe-dropdown--SpacingHorizontal);font-size:var(--pfe-dropdown--FontSize);font-weight:var(--pfe-dropdown--FontWeight);line-height:var(--pfe-dropdown--LineHeight);color:var(--pfe-dropdown--Color);text-align:var(--pfe-dropdown--TextAlign);white-space:nowrap;background-color:var(--pfe-dropdown--BackgroundColor);border:var(--pfe-dropdown--Border);-webkit-box-sizing:border-box;box-sizing:border-box;text-decoration:none;font-family:inherit;font-family:var(--pfe-theme--font-family,inherit);cursor:pointer}:host([pfe-item-type=separator]) .pfe-dropdown-item__container{height:1px;background-color:#d2d2d2;border:0}:host([is_disabled]) .pfe-dropdown-item__container{pointer-events:none;--pfe-dropdown--Color:#797979;--pfe-dropdown--BackgroundColor:transparent}\n/*# sourceMappingURL=pfe-dropdown-item.min.css.map */\n
  • \n \n
    • '}},{key:"templateUrl",get:function(){return"pfe-dropdown-item.html"}},{key:"styleUrl",get:function(){return"pfe-dropdown-item.scss"}},{key:"schemaUrl",get:function(){return"pfe-dropdown-item.json"}}],[{key:"version",get:function(){return"1.0.0-prerelease.50"}},{key:"properties",get:function(){return{"item-type":{title:"List item type",type:"string",enum:["link","action","separator"],default:null,prefixed:!0}}}},{key:"slots",get:function(){return{}}},{key:"tag",get:function(){return"pfe-dropdown-item"}},{key:"observedAttributes",get:function(){return["pfe-item-type","is_disabled"]}}]),r(p,[{key:"attributeChangedCallback",value:function(e,t,o){switch(e){case"pfe-item-type":this._setAccessibility();break;case"is_disabled":this._setDisabled()}}},{key:"connectedCallback",value:function(){a(p.prototype.__proto__||Object.getPrototypeOf(p.prototype),"connectedCallback",this).call(this)}},{key:"_setAccessibility",value:function(){if(this._container){var e=this.getAttribute("pfe-item-type");if(e)switch(e){case"link":this._container.setAttribute("role","none"),this._item&&this._item.setAttribute("role","menuitem");break;case"action":this._container.setAttribute("role","menuitem"),this._item&&this._item.removeAttribute("role");break;case"separator":this._container.setAttribute("role","separator")}}}},{key:"_setDisabled",value:function(){this.hasAttribute("is_disabled")?(this.removeAttribute("tabindex"),this.setAttribute("aria-disabled","true")):(this.removeAttribute("is_disabled"),this.setAttribute("tabindex","0"),this.setAttribute("aria-disabled","false"))}}]),p);function p(){o(this,p);var e=d(this,(p.__proto__||Object.getPrototypeOf(p)).call(this,p));return e._container=e.shadowRoot.querySelector("."+e.tag+"__container"),e._item=e.shadowRoot.querySelector("slot").assignedNodes()[1],e}Element.prototype.closest||(Element.prototype.closest=function(e){var t=this;do{if(t.matches(e))return t;t=t.parentElement||t.parentNode}while(null!==t&&1===t.nodeType);return null}),Element.prototype.matches||(Element.prototype.matches=Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector);var s=40,c=35,f=13,u=27,h=36,m=37,g=39,b=38,_=9,w=(i(v,t),r(v,[{key:"html",get:function(){return'
    \n \n \n
    '}},{key:"templateUrl",get:function(){return"pfe-dropdown.html"}},{key:"styleUrl",get:function(){return"pfe-dropdown.scss"}},{key:"schemaUrl",get:function(){return"pfe-dropdown.json"}},{key:"pfeDropdownOptions",set:function(e){this._modifyDOM(e)}}],[{key:"version",get:function(){return"1.0.0-prerelease.50"}},{key:"properties",get:function(){return{label:{title:"Menu button label",type:"string",default:"Dropdown",prefixed:!0},is_disabled:{title:"Disable menu button",type:"boolean",default:!1,prefixed:!1}}}},{key:"slots",get:function(){return{}}},{key:"tag",get:function(){return"pfe-dropdown"}},{key:"observedAttributes",get:function(){return["pfe-label","is_disabled"]}},{key:"events",get:function(){return{change:this.tag+":change"}}}]),r(v,[{key:"connectedCallback",value:function(){var e=this;a(v.prototype.__proto__||Object.getPrototypeOf(v.prototype),"connectedCallback",this).call(this),document.addEventListener("click",this._outsideClickHandler),Promise.all([customElements.whenDefined(v.tag),customElements.whenDefined(l.tag)]).then(function(){e._init()})}},{key:"disconnectedCallback",value:function(){var t=this;this._toggle.removeEventListener("click",this._clickHandler),this._toggle.removeEventListener("keydown",this._toggleKeydownHandler),this._allItems().forEach(function(e){e.removeEventListener("keydown",t._itemKeydownHandler),e.removeEventListener("click",t._itemClickHandler)})}},{key:"attributeChangedCallback",value:function(e,t,o){switch(e){case"pfe-label":this._toggle_text.textContent=o;break;case"is_disabled":this._setDisabled()}}},{key:"_init",value:function(){var t=this;this.children.length&&(this.hasAttribute("is_disabled")||(this._toggle.addEventListener("click",this._clickHandler),this._toggle.addEventListener("keydown",this._toggleKeydownHandler),this._allItems().forEach(function(e){e.addEventListener("keydown",t._itemKeydownHandler),e.addEventListener("click",t._itemClickHandler)})))}},{key:"_clickHandler",value:function(e){return this.isOpen?this.close(e):this.open(e),this}},{key:"_itemClickHandler",value:function(e){var t=void 0;return e.target.parentElement.attributes["pfe-item-type"]&&(t=e.target.parentElement.attributes["pfe-item-type"].value),this._selectItem(e.target,t),this}},{key:"_itemKeydownHandler",value:function(e){var t=void 0,o=void 0;e.target.attributes["pfe-item-type"]&&(o=e.target.attributes["pfe-item-type"].value);var r=this._allItems().findIndex(function(e){return e===document.activeElement});switch(e.keyCode){case f:this._selectItem(e.target.children[0],o);break;case u:this.close(e);break;case g:case s:t=this._itemContainer(this._nextItem(r,1));break;case m:case b:t=this._itemContainer(this._nextItem(r,-1));break;case h:t=this._firstItem();break;case c:t=this._lastItem();break;case _:this.close()}return t&&(t.setAttribute("tabindex","-1"),t.focus()),this}},{key:"_outsideClickHandler",value:function(e){var t=e.target===this,o=e.target.closest("pfe-dropdown"),r=-1:host{--pfe-dropdown--SpacingVertical:calc(var(--pfe-theme--container-padding, 16px) * 0.5);--pfe-dropdown--SpacingHorizontal:calc(var(--pfe-theme--container-padding, 16px) * 0.5);--pfe-dropdown--FontSize:var(--pfe-theme--font-size, 16px);--pfe-dropdown--FontWeight:400;--pfe-dropdown--LineHeight:var(--pfe-theme--line-height, 1.5);--pfe-dropdown--Color:#131313;--pfe-dropdown--Color--hover:#131313;--pfe-dropdown--TextAlign:left;--pfe-dropdown--BackgroundColor:transparent;--pfe-dropdown--BackgroundColor--hover:var(--pfe-theme--color--surface--lighter, #ececec);--pfe-dropdown--Border:none}:host .pfe-dropdown-item__container:active,:host .pfe-dropdown-item__container:focus,:host .pfe-dropdown-item__container:hover{color:var(--pfe-dropdown--Color--hover);background-color:var(--pfe-dropdown--BackgroundColor--hover)}::slotted(*){display:block;width:100%;padding:var(--pfe-dropdown--SpacingVertical) var(--pfe-dropdown--SpacingHorizontal);font-size:var(--pfe-dropdown--FontSize);font-weight:var(--pfe-dropdown--FontWeight);line-height:var(--pfe-dropdown--LineHeight);color:var(--pfe-dropdown--Color);text-align:var(--pfe-dropdown--TextAlign);white-space:nowrap;background-color:var(--pfe-dropdown--BackgroundColor);border:var(--pfe-dropdown--Border);-webkit-box-sizing:border-box;box-sizing:border-box;text-decoration:none;font-family:inherit;font-family:var(--pfe-theme--font-family,inherit);cursor:pointer}:host([pfe-item-type=separator]) .pfe-dropdown-item__container{height:1px;background-color:#d2d2d2;border:0}:host([is_disabled]) .pfe-dropdown-item__container{pointer-events:none;--pfe-dropdown--Color:#797979;--pfe-dropdown--BackgroundColor:transparent}\n/*# sourceMappingURL=pfe-dropdown-item.min.css.map */\n
  • \n \n
    • `;\n }\n\n static get properties() {\n return {\"item-type\":{\"title\":\"List item type\",\"type\":\"string\",\"enum\":[\"link\",\"action\",\"separator\"],\"default\":null,\"prefixed\":true}};\n }\n\n static get slots() {\n return {};\n }\n static get tag() {\n return \"pfe-dropdown-item\";\n }\n\n get templateUrl() {\n return \"pfe-dropdown-item.html\";\n }\n\n get styleUrl() {\n return \"pfe-dropdown-item.scss\";\n }\n\n get schemaUrl() {\n return \"pfe-dropdown-item.json\";\n }\n\n static get observedAttributes() {\n return [\"pfe-item-type\", \"is_disabled\"];\n }\n\n constructor() {\n super(PfeDropdownItem);\n\n this._container = this.shadowRoot.querySelector(`.${this.tag}__container`);\n this._item = this.shadowRoot.querySelector(\"slot\").assignedNodes()[1];\n }\n\n attributeChangedCallback(attr, oldValue, newValue) {\n switch (attr) {\n case \"pfe-item-type\":\n this._setAccessibility();\n break;\n case \"is_disabled\":\n this._setDisabled();\n break;\n default:\n break;\n }\n }\n\n connectedCallback() {\n super.connectedCallback();\n }\n\n _setAccessibility() {\n if (this._container) {\n const type = this.getAttribute(\"pfe-item-type\");\n if (type) {\n switch (type) {\n case \"link\":\n this._container.setAttribute(\"role\", \"none\");\n this._item && this._item.setAttribute(\"role\", \"menuitem\");\n break;\n case \"action\":\n this._container.setAttribute(\"role\", \"menuitem\");\n this._item && this._item.removeAttribute(\"role\");\n break;\n case \"separator\":\n this._container.setAttribute(\"role\", \"separator\");\n break;\n default:\n break;\n }\n }\n }\n }\n\n _setDisabled() {\n const isDisabled = this.hasAttribute(\"is_disabled\");\n if (isDisabled) {\n this.removeAttribute(\"tabindex\");\n this.setAttribute(\"aria-disabled\", \"true\");\n } else {\n this.removeAttribute(\"is_disabled\");\n this.setAttribute(\"tabindex\", \"0\");\n this.setAttribute(\"aria-disabled\", \"false\");\n }\n }\n}\n\nexport default PfeDropdownItem;\n","/*!\n * PatternFly Elements: PfeDropdown 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\nimport PFElement from \"../../pfelement/dist/pfelement.umd\";\nimport PfeDropdownItem from \"./pfe-dropdown-item.js\";\n\n// @POLYFILL Element.closest\n// https://developer.mozilla.org/en-US/docs/Web/API/Element/closest\nif (!Element.prototype.closest) {\n Element.prototype.closest = function(s) {\n var el = this;\n do {\n if (el.matches(s)) return el;\n el = el.parentElement || el.parentNode;\n } while (el !== null && el.nodeType === 1);\n return null;\n };\n}\n\n// @POLYFILL Element.matches\n// https://developer.mozilla.org/en-US/docs/Web/API/Element/matches\nif (!Element.prototype.matches) {\n Element.prototype.matches =\n Element.prototype.msMatchesSelector ||\n Element.prototype.webkitMatchesSelector;\n}\n\nconst KEYCODE = {\n DOWN: 40,\n END: 35,\n ENTER: 13,\n ESC: 27,\n HOME: 36,\n LEFT: 37,\n RIGHT: 39,\n SPACE: 0 || 32,\n UP: 38,\n TAB: 9\n};\n\nclass PfeDropdown extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return `
    \n \n
      \n \n
    \n
    `;\n }\n\n static get properties() {\n return {\"label\":{\"title\":\"Menu button label\",\"type\":\"string\",\"default\":\"Dropdown\",\"prefixed\":true},\"is_disabled\":{\"title\":\"Disable menu button\",\"type\":\"boolean\",\"default\":false,\"prefixed\":false}};\n }\n\n static get slots() {\n return {};\n }\n static get tag() {\n return \"pfe-dropdown\";\n }\n\n get templateUrl() {\n return \"pfe-dropdown.html\";\n }\n\n get styleUrl() {\n return \"pfe-dropdown.scss\";\n }\n\n get schemaUrl() {\n return \"pfe-dropdown.json\";\n }\n\n static get observedAttributes() {\n return [\"pfe-label\", \"is_disabled\"];\n }\n\n set pfeDropdownOptions(options) {\n this._modifyDOM(options);\n }\n\n static get events() {\n return {\n change: `${this.tag}:change`\n };\n }\n\n constructor() {\n super(PfeDropdown);\n\n // state\n this.isOpen = false;\n\n this._init = this._init.bind(this);\n\n // elements\n this._container = this.shadowRoot.querySelector(`#${this.tag}-container`);\n this._toggle = this.shadowRoot.querySelector(`#${this.tag}-toggle`);\n this._toggle_text = this._toggle.querySelector(`.${this.tag}__toggle-text`);\n this._menu = this.shadowRoot.querySelector(`#${this.tag}-menu`);\n\n // events\n this.open = this.open.bind(this);\n this.close = this.close.bind(this);\n\n this._clickHandler = this._clickHandler.bind(this);\n this._toggleKeydownHandler = this._toggleKeydownHandler.bind(this);\n this._itemKeydownHandler = this._itemKeydownHandler.bind(this);\n this._itemClickHandler = this._itemClickHandler.bind(this);\n this._outsideClickHandler = this._outsideClickHandler.bind(this);\n }\n\n connectedCallback() {\n super.connectedCallback();\n document.addEventListener(\"click\", this._outsideClickHandler);\n Promise.all([\n customElements.whenDefined(PfeDropdown.tag),\n customElements.whenDefined(PfeDropdownItem.tag)\n ]).then(() => {\n this._init();\n });\n }\n\n disconnectedCallback() {\n this._toggle.removeEventListener(\"click\", this._clickHandler);\n this._toggle.removeEventListener(\"keydown\", this._toggleKeydownHandler);\n this._allItems().forEach(item => {\n item.removeEventListener(\"keydown\", this._itemKeydownHandler);\n item.removeEventListener(\"click\", this._itemClickHandler);\n });\n }\n\n attributeChangedCallback(attr, oldValue, newValue) {\n switch (attr) {\n case \"pfe-label\":\n this._toggle_text.textContent = newValue;\n break;\n case \"is_disabled\":\n this._setDisabled();\n break;\n default:\n break;\n }\n }\n\n _init() {\n if (this.children.length) {\n if (!this.hasAttribute(\"is_disabled\")) {\n this._toggle.addEventListener(\"click\", this._clickHandler);\n this._toggle.addEventListener(\"keydown\", this._toggleKeydownHandler);\n this._allItems().forEach(item => {\n item.addEventListener(\"keydown\", this._itemKeydownHandler);\n item.addEventListener(\"click\", this._itemClickHandler);\n });\n }\n }\n }\n\n // Event handler for click event on Dropdown button\n _clickHandler(event) {\n this.isOpen ? this.close(event) : this.open(event);\n return this;\n }\n\n // Event handler for click event on Dropdown Item\n _itemClickHandler(event) {\n let pfeType;\n if (event.target.parentElement.attributes[\"pfe-item-type\"]) {\n pfeType = event.target.parentElement.attributes[\"pfe-item-type\"].value;\n }\n this._selectItem(event.target, pfeType);\n return this;\n }\n\n // Event handler for keydown events on Dropdown Menu\n _itemKeydownHandler(event) {\n let newItem;\n let pfeType;\n if (event.target.attributes[\"pfe-item-type\"]) {\n pfeType = event.target.attributes[\"pfe-item-type\"].value;\n }\n // active dropdown item index\n const currentIndex = this._allItems().findIndex(\n item => item === document.activeElement\n );\n switch (event.keyCode) {\n case KEYCODE.ENTER:\n this._selectItem(event.target.children[0], pfeType);\n break;\n case KEYCODE.ESC:\n this.close(event);\n break;\n case KEYCODE.RIGHT:\n case KEYCODE.DOWN:\n // get the following item\n newItem = this._itemContainer(this._nextItem(currentIndex, 1));\n break;\n case KEYCODE.LEFT:\n case KEYCODE.UP:\n // get the previous item\n newItem = this._itemContainer(this._nextItem(currentIndex, -1));\n break;\n case KEYCODE.HOME:\n newItem = this._firstItem();\n break;\n case KEYCODE.END:\n newItem = this._lastItem();\n break;\n case KEYCODE.TAB:\n this.close();\n break;\n default:\n break;\n }\n if (newItem) {\n newItem.setAttribute(\"tabindex\", \"-1\");\n newItem.focus();\n }\n return this;\n }\n\n // Event handler for click event outside the Dropdown element\n _outsideClickHandler(event) {\n // Check if the clicked element is the dropdown object\n let isSelf = event.target === this;\n // Check if the clicked element contains or is contained by the dropdown element\n let isChild = event.target.closest(\"pfe-dropdown\");\n let insideWrapper =\n event.target.tagName.indexOf(\"-\") > -1\n ? event.target.shadowRoot.querySelector(\"pfe-dropdown\")\n : null;\n // Check states to determine if the dropdown menu should close\n if (!isSelf && !(isChild || insideWrapper)) {\n this.close();\n }\n }\n\n // Event handler for keydown event on Dropdown\n _toggleKeydownHandler(event) {\n switch (event.keyCode) {\n case KEYCODE.ENTER:\n case KEYCODE.DOWN:\n if (this._allDisabled()) {\n // toggle the dropdown if all items disabled\n this.toggle(event);\n } else {\n // otherwise, get the next enabled item\n this.open();\n const item = this._itemContainer(this._nextItem(-1, 1));\n item.setAttribute(\"tabindex\", \"-1\");\n item.focus();\n }\n break;\n case KEYCODE.TAB:\n this.close();\n break;\n default:\n break;\n }\n return this;\n }\n\n // modify DOM if custom options are passed in an array\n _modifyDOM(options) {\n options.forEach(el => {\n let item;\n switch (el.type) {\n case \"link\":\n item = document.createElement(\"a\");\n item.setAttribute(\"href\", el.href ? el.href : \"#\");\n break;\n case \"action\":\n item = document.createElement(\"button\");\n break;\n default:\n break;\n }\n const option = document.createElement(\"pfe-dropdown-item\");\n option.setAttribute(\"pfe-item-type\", el.type);\n if (el.is_disabled) {\n option.setAttribute(\"is_disabled\", el.is_disabled);\n }\n if (item) {\n item.innerText = el.text ? el.text : \"\";\n option.appendChild(item);\n }\n this.appendChild(option);\n });\n }\n\n _setDisabled() {\n const isDisabled = this.hasAttribute(\"is_disabled\");\n if (isDisabled) {\n this.setAttribute(\"aria-disabled\", \"true\");\n this.setAttribute(\"tabindex\", \"-1\");\n } else {\n this.removeAttribute(\"is_disabled\");\n this.setAttribute(\"aria-disabled\", \"false\");\n this.removeAttribute(\"tabindex\");\n }\n }\n\n _allItems() {\n return [\n ...this.querySelectorAll(\n `${this.tag}-item:not([pfe-item-type='separator'])`\n )\n ];\n }\n\n _allDisabled() {\n return (\n this._allItems().find(item => !item.hasAttribute(\"is_disabled\")) ===\n undefined\n );\n }\n\n _nextItem(currentPosition, direction) {\n const items = this._allItems();\n let index = (currentPosition + direction) % items.length;\n index = index < 0 ? index + items.length : index;\n let item = items[index];\n while (item && item.hasAttribute(\"is_disabled\")) {\n index += direction;\n item = items[index % items.length];\n }\n return item;\n }\n\n _firstItem() {\n const items = this._allItems();\n return items[0];\n }\n\n _lastItem() {\n const items = this._allItems();\n return items[items.length - 1];\n }\n\n _selectItem(item, type) {\n if (type === \"action\") {\n this.emitEvent(PfeDropdown.events.change, {\n detail: { action: item.innerText }\n });\n this.close(event);\n } else {\n item.click();\n }\n }\n\n addDropdownOptions(options) {\n this._modifyDOM(options);\n }\n\n open(event) {\n if (event) {\n event.preventDefault();\n }\n this.isOpen = true;\n this._menu.classList.add(\"open\");\n this._toggle.setAttribute(\"aria-expanded\", true);\n return this;\n }\n\n close(event) {\n if (event) {\n event.preventDefault();\n }\n this.isOpen = false;\n this._menu.classList.remove(\"open\");\n this._toggle.setAttribute(\"aria-expanded\", false);\n return this;\n }\n\n toggle(event) {\n this.isOpen ? this.close(event) : this.open(event);\n }\n\n _itemContainer(item) {\n // used to apply the focus state to the item's container\n return item.shadowRoot.querySelector(`.${this.tag}-item__container`);\n }\n}\n\nPFElement.create(PfeDropdownItem);\nPFElement.create(PfeDropdown);\n\nexport default PfeDropdown;\n"],"names":["PfeDropdownItem","PFElement","item-type","title","type","enum","default","prefixed","attr","oldValue","newValue","_setAccessibility","_setDisabled","this","_container","getAttribute","setAttribute","_item","removeAttribute","hasAttribute","_this","shadowRoot","querySelector","tag","assignedNodes","Element","prototype","closest","s","el","matches","parentElement","parentNode","nodeType","msMatchesSelector","webkitMatchesSelector","KEYCODE","PfeDropdown","options","_modifyDOM","label","is_disabled","addEventListener","_outsideClickHandler","all","customElements","whenDefined","then","_init","_toggle","removeEventListener","_clickHandler","_toggleKeydownHandler","_allItems","forEach","_this3","_itemKeydownHandler","_itemClickHandler","_toggle_text","textContent","children","length","_this4","event","isOpen","close","open","pfeType","target","attributes","value","_selectItem","newItem","currentIndex","findIndex","item","document","activeElement","keyCode","_itemContainer","_nextItem","_firstItem","_lastItem","focus","isSelf","isChild","insideWrapper","tagName","indexOf","_allDisabled","toggle","createElement","href","option","innerText","text","appendChild","querySelectorAll","undefined","find","currentPosition","direction","items","index","emitEvent","events","change","action","click","preventDefault","_menu","classList","add","remove","bind","create"],"mappings":"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"} \ No newline at end of file diff --git a/elements/pfe-dropdown/package-lock.json b/elements/pfe-dropdown/package-lock.json index 9351bb6204..634e5a9c5a 100644 --- a/elements/pfe-dropdown/package-lock.json +++ b/elements/pfe-dropdown/package-lock.json @@ -1,6 +1,6 @@ { "name": "@patternfly/pfe-dropdown", - "version": "1.0.0-prerelease.49", + "version": "1.0.0-prerelease.50", "lockfileVersion": 1, "requires": true, "dependencies": { diff --git a/elements/pfe-dropdown/package.json b/elements/pfe-dropdown/package.json index bc35cafbc6..15adcce646 100644 --- a/elements/pfe-dropdown/package.json +++ b/elements/pfe-dropdown/package.json @@ -4,7 +4,7 @@ "className": "PfeDropdown", "elementName": "pfe-dropdown" }, - "version": "1.0.0-prerelease.49", + "version": "1.0.0-prerelease.50", "description": "Dropdown element for PatternFly Elements", "keywords": [ "web-components", diff --git a/elements/pfe-health-index/dist/pfe-health-index.js b/elements/pfe-health-index/dist/pfe-health-index.js new file mode 100644 index 0000000000..1362fb6595 --- /dev/null +++ b/elements/pfe-health-index/dist/pfe-health-index.js @@ -0,0 +1,170 @@ +import PFElement from '../../pfelement/dist/pfelement.js'; + +/*! + * PatternFly Elements: PfeHealthIndex 1.0.0-prerelease.50 + * @license + * Copyright 2020 Red Hat, Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + * +*/ + +class PfeHealthIndex extends PFElement { + static get version() { + return "1.0.0-prerelease.50"; + } + + get html() { + return `${this.props.size.value !== "lg" ? ` + ${this.props.size.value === "mini" ? ` +
    +
    +
    +
    +
    + ` : ` +
    +
    +
    +
    +
    +
    +
    +
    +
    + `} +` : ` +
    +
    +
    A
    +
    +
    +
    +
    B
    +
    +
    +
    +
    C
    +
    +
    +
    +
    D
    +
    +
    +
    +
    E
    +
    +
    +
    +
    F
    +
    +
    +
    +`}`; + } + + static get properties() { + return {"health-index":{"title":"Health Index","type":"string","enum":["A","B","C","D","E","F"],"default":"A","prefixed":false},"size":{"title":"Size","type":"string","enum":["mini","lg"],"default":null,"prefixed":false}}; + } + + static get slots() { + return {}; + } + static get tag() { + return "pfe-health-index"; + } + + get schemaUrl() { + return "pfe-health-index.json"; + } + + get templateUrl() { + return "pfe-health-index.html"; + } + + get styleUrl() { + return "pfe-health-index.scss"; + } + + static get observedAttributes() { + return ["health-index", "size"]; + } + + constructor() { + super(PfeHealthIndex, { delayRender: true }); + } + + attributeChangedCallback(attr, oldValue, newValue) { + super.attributeChangedCallback(attr, oldValue, newValue); + + switch (attr) { + case "size": + this.props.size.value = newValue; + this.render(); + this.updateHealthIndex(this.getAttribute("health-index"), oldValue); + break; + case "health-index": + this.props.size.value = this.getAttribute("size"); + this.render(); + this.updateHealthIndex(newValue); + break; + default: + break; + } + } + + updateHealthIndex(grade, oldValue) { + const healthIndex = grade.toLowerCase(); + const healthIndexUpperCase = grade.toUpperCase(); + const boxes = [...this.shadowRoot.querySelectorAll(".box")]; + this.innerHTML = healthIndexUpperCase; + + if (this.props.size.value === "mini") { + this.shadowRoot.querySelector(".box").classList.remove(oldValue); + this.shadowRoot.querySelector(".box").classList.add(healthIndex); + } + + boxes.forEach(box => { + if (box.classList.contains(healthIndex)) { + box.classList.add("active"); + } else { + box.classList.remove("active"); + } + }); + + if (this.props.size.value !== "lg") { + this.shadowRoot.querySelector( + "#healthIndex" + ).innerText = healthIndexUpperCase; + } + + if (!this.shadowRoot.querySelector(".box.active")) { + console.warn( + `${PfeHealthIndex.tag}: a valid health-index was not provided. Please use A, B, C, D, E, or F` + ); + } + } +} + +PFElement.create(PfeHealthIndex); + +export default PfeHealthIndex; +//# sourceMappingURL=pfe-health-index.js.map diff --git a/elements/pfe-health-index/dist/pfe-health-index.js.map b/elements/pfe-health-index/dist/pfe-health-index.js.map new file mode 100644 index 0000000000..9b4d490a54 --- /dev/null +++ b/elements/pfe-health-index/dist/pfe-health-index.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-health-index.js","sources":["../_temp/pfe-health-index.js"],"sourcesContent":["/*!\n * PatternFly Elements: PfeHealthIndex 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\nimport PFElement from \"../../pfelement/dist/pfelement.js\";\n\nclass PfeHealthIndex extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return `${this.props.size.value !== \"lg\" ? `\n ${this.props.size.value === \"mini\" ? `\n
    \n
    \n
    \n
    \n
    \n ` : `\n
    \n
    \n
    \n
    \n
    \n
    \n
    \n
    \n
    \n `}\n` : `\n
    \n
    \n
    A
    \n
    \n
    \n
    \n
    B
    \n
    \n
    \n
    \n
    C
    \n
    \n
    \n
    \n
    D
    \n
    \n
    \n
    \n
    E
    \n
    \n
    \n
    \n
    F
    \n
    \n
    \n
    \n`}`;\n }\n\n static get properties() {\n return {\"health-index\":{\"title\":\"Health Index\",\"type\":\"string\",\"enum\":[\"A\",\"B\",\"C\",\"D\",\"E\",\"F\"],\"default\":\"A\",\"prefixed\":false},\"size\":{\"title\":\"Size\",\"type\":\"string\",\"enum\":[\"mini\",\"lg\"],\"default\":null,\"prefixed\":false}};\n }\n\n static get slots() {\n return {};\n }\n static get tag() {\n return \"pfe-health-index\";\n }\n\n get schemaUrl() {\n return \"pfe-health-index.json\";\n }\n\n get templateUrl() {\n return \"pfe-health-index.html\";\n }\n\n get styleUrl() {\n return \"pfe-health-index.scss\";\n }\n\n static get observedAttributes() {\n return [\"health-index\", \"size\"];\n }\n\n constructor() {\n super(PfeHealthIndex, { delayRender: true });\n }\n\n attributeChangedCallback(attr, oldValue, newValue) {\n super.attributeChangedCallback(attr, oldValue, newValue);\n\n switch (attr) {\n case \"size\":\n this.props.size.value = newValue;\n this.render();\n this.updateHealthIndex(this.getAttribute(\"health-index\"), oldValue);\n break;\n case \"health-index\":\n this.props.size.value = this.getAttribute(\"size\");\n this.render();\n this.updateHealthIndex(newValue);\n break;\n default:\n break;\n }\n }\n\n updateHealthIndex(grade, oldValue) {\n const healthIndex = grade.toLowerCase();\n const healthIndexUpperCase = grade.toUpperCase();\n const boxes = [...this.shadowRoot.querySelectorAll(\".box\")];\n this.innerHTML = healthIndexUpperCase;\n\n if (this.props.size.value === \"mini\") {\n this.shadowRoot.querySelector(\".box\").classList.remove(oldValue);\n this.shadowRoot.querySelector(\".box\").classList.add(healthIndex);\n }\n\n boxes.forEach(box => {\n if (box.classList.contains(healthIndex)) {\n box.classList.add(\"active\");\n } else {\n box.classList.remove(\"active\");\n }\n });\n\n if (this.props.size.value !== \"lg\") {\n this.shadowRoot.querySelector(\n \"#healthIndex\"\n ).innerText = healthIndexUpperCase;\n }\n\n if (!this.shadowRoot.querySelector(\".box.active\")) {\n console.warn(\n `${PfeHealthIndex.tag}: a valid health-index was not provided. Please use A, B, C, D, E, or F`\n );\n }\n }\n}\n\nPFElement.create(PfeHealthIndex);\n\nexport default PfeHealthIndex;\n"],"names":[],"mappings":"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"} \ No newline at end of file diff --git a/elements/pfe-health-index/dist/pfe-health-index.json b/elements/pfe-health-index/dist/pfe-health-index.json new file mode 100644 index 0000000000..50162574b8 --- /dev/null +++ b/elements/pfe-health-index/dist/pfe-health-index.json @@ -0,0 +1,40 @@ +{ + "$schema": "http://json-schema.org/draft-04/schema#", + "title": "Health Index", + "description": "Shows a health index", + "type": "object", + "tag": "pfe-health-index", + "class": "pfe-health-index", + "category": "content", + "properties": { + "slots": { + "title": "Slots", + "description": "Definition of the supported slots", + "type": "object", + "properties": {} + }, + "attributes": { + "title": "Attributes", + "type": "object", + "properties": { + "health-index": { + "title": "Health Index", + "type": "string", + "enum": ["A", "B", "C", "D", "E", "F"], + "default": "A", + "prefixed": false + }, + "size": { + "title": "Size", + "type": "string", + "enum": ["mini", "lg"], + "default": null, + "prefixed": false + } + }, + "required": ["health-index"] + } + }, + "required": ["slots", "attributes"], + "additionalProperties": false +} diff --git a/elements/pfe-health-index/dist/pfe-health-index.min.js b/elements/pfe-health-index/dist/pfe-health-index.min.js new file mode 100644 index 0000000000..e01ea383ea --- /dev/null +++ b/elements/pfe-health-index/dist/pfe-health-index.min.js @@ -0,0 +1,26 @@ +import e from"../../pfelement/dist/pfelement.min.js"; +/*! + * PatternFly Elements: PfeHealthIndex 1.0.0-prerelease.50 + * @license + * Copyright 2020 Red Hat, Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + * +*/class i extends e{static get version(){return"1.0.0-prerelease.50"}get html(){return`${"lg"!==this.props.size.value?`\n ${"mini"===this.props.size.value?'\n
    \n
    \n
    \n
    \n
    \n ':'\n
    \n
    \n
    \n
    \n
    \n
    \n
    \n
    \n
    \n '}\n`:'\n
    \n
    \n
    A
    \n
    \n
    \n
    \n
    B
    \n
    \n
    \n
    \n
    C
    \n
    \n
    \n
    \n
    D
    \n
    \n
    \n
    \n
    E
    \n
    \n
    \n
    \n
    F
    \n
    \n
    \n
    \n'}`}static get properties(){return{"health-index":{title:"Health Index",type:"string",enum:["A","B","C","D","E","F"],default:"A",prefixed:!1},size:{title:"Size",type:"string",enum:["mini","lg"],default:null,prefixed:!1}}}static get slots(){return{}}static get tag(){return"pfe-health-index"}get schemaUrl(){return"pfe-health-index.json"}get templateUrl(){return"pfe-health-index.html"}get styleUrl(){return"pfe-health-index.scss"}static get observedAttributes(){return["health-index","size"]}constructor(){super(i,{delayRender:!0})}attributeChangedCallback(e,i,o){switch(super.attributeChangedCallback(e,i,o),e){case"size":this.props.size.value=o,this.render(),this.updateHealthIndex(this.getAttribute("health-index"),i);break;case"health-index":this.props.size.value=this.getAttribute("size"),this.render(),this.updateHealthIndex(o)}}updateHealthIndex(e,o){const t=e.toLowerCase(),s=e.toUpperCase(),n=[...this.shadowRoot.querySelectorAll(".box")];this.innerHTML=s,"mini"===this.props.size.value&&(this.shadowRoot.querySelector(".box").classList.remove(o),this.shadowRoot.querySelector(".box").classList.add(t)),n.forEach(e=>{e.classList.contains(t)?e.classList.add("active"):e.classList.remove("active")}),"lg"!==this.props.size.value&&(this.shadowRoot.querySelector("#healthIndex").innerText=s),this.shadowRoot.querySelector(".box.active")||console.warn(`${i.tag}: a valid health-index was not provided. Please use A, B, C, D, E, or F`)}}e.create(i);export default i; +//# sourceMappingURL=pfe-health-index.min.js.map diff --git a/elements/pfe-health-index/dist/pfe-health-index.min.js.map b/elements/pfe-health-index/dist/pfe-health-index.min.js.map new file mode 100644 index 0000000000..8663c844d6 --- /dev/null +++ b/elements/pfe-health-index/dist/pfe-health-index.min.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-health-index.min.js","sources":["../_temp/pfe-health-index.js"],"sourcesContent":["/*!\n * PatternFly Elements: PfeHealthIndex 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\nimport PFElement from \"../../pfelement/dist/pfelement.js\";\n\nclass PfeHealthIndex extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return `${this.props.size.value !== \"lg\" ? `\n ${this.props.size.value === \"mini\" ? `\n
    \n
    \n
    \n
    \n
    \n ` : `\n
    \n
    \n
    \n
    \n
    \n
    \n
    \n
    \n
    \n `}\n` : `\n
    \n
    \n
    A
    \n
    \n
    \n
    \n
    B
    \n
    \n
    \n
    \n
    C
    \n
    \n
    \n
    \n
    D
    \n
    \n
    \n
    \n
    E
    \n
    \n
    \n
    \n
    F
    \n
    \n
    \n
    \n`}`;\n }\n\n static get properties() {\n return {\"health-index\":{\"title\":\"Health Index\",\"type\":\"string\",\"enum\":[\"A\",\"B\",\"C\",\"D\",\"E\",\"F\"],\"default\":\"A\",\"prefixed\":false},\"size\":{\"title\":\"Size\",\"type\":\"string\",\"enum\":[\"mini\",\"lg\"],\"default\":null,\"prefixed\":false}};\n }\n\n static get slots() {\n return {};\n }\n static get tag() {\n return \"pfe-health-index\";\n }\n\n get schemaUrl() {\n return \"pfe-health-index.json\";\n }\n\n get templateUrl() {\n return \"pfe-health-index.html\";\n }\n\n get styleUrl() {\n return \"pfe-health-index.scss\";\n }\n\n static get observedAttributes() {\n return [\"health-index\", \"size\"];\n }\n\n constructor() {\n super(PfeHealthIndex, { delayRender: true });\n }\n\n attributeChangedCallback(attr, oldValue, newValue) {\n super.attributeChangedCallback(attr, oldValue, newValue);\n\n switch (attr) {\n case \"size\":\n this.props.size.value = newValue;\n this.render();\n this.updateHealthIndex(this.getAttribute(\"health-index\"), oldValue);\n break;\n case \"health-index\":\n this.props.size.value = this.getAttribute(\"size\");\n this.render();\n this.updateHealthIndex(newValue);\n break;\n default:\n break;\n }\n }\n\n updateHealthIndex(grade, oldValue) {\n const healthIndex = grade.toLowerCase();\n const healthIndexUpperCase = grade.toUpperCase();\n const boxes = [...this.shadowRoot.querySelectorAll(\".box\")];\n this.innerHTML = healthIndexUpperCase;\n\n if (this.props.size.value === \"mini\") {\n this.shadowRoot.querySelector(\".box\").classList.remove(oldValue);\n this.shadowRoot.querySelector(\".box\").classList.add(healthIndex);\n }\n\n boxes.forEach(box => {\n if (box.classList.contains(healthIndex)) {\n box.classList.add(\"active\");\n } else {\n box.classList.remove(\"active\");\n }\n });\n\n if (this.props.size.value !== \"lg\") {\n this.shadowRoot.querySelector(\n \"#healthIndex\"\n ).innerText = healthIndexUpperCase;\n }\n\n if (!this.shadowRoot.querySelector(\".box.active\")) {\n console.warn(\n `${PfeHealthIndex.tag}: a valid health-index was not provided. Please use A, B, C, D, E, or F`\n );\n }\n }\n}\n\nPFElement.create(PfeHealthIndex);\n\nexport default PfeHealthIndex;\n"],"names":["PfeHealthIndex","PFElement","version","html","this","props","size","value","properties","health-index","title","type","enum","default","prefixed","slots","tag","schemaUrl","templateUrl","styleUrl","observedAttributes","[object Object]","super","delayRender","attr","oldValue","newValue","attributeChangedCallback","render","updateHealthIndex","getAttribute","grade","healthIndex","toLowerCase","healthIndexUpperCase","toUpperCase","boxes","shadowRoot","querySelectorAll","innerHTML","querySelector","classList","remove","add","forEach","box","contains","innerText","console","warn","create"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EA2BA,MAAMA,UAAuBC,EAC3BC,qBACE,MAAO,sBAGTC,WACE,m8GAEgC,OAA1BC,KAAKC,MAAMC,KAAKC,aACI,SAA1BH,KAAKC,MAAMC,KAAKC,MAAmB,+IAMjC,gSAWF,knBA8BFC,wBACE,MAAO,CAACC,eAAe,CAACC,MAAQ,eAAeC,KAAO,SAASC,KAAO,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,KAAKC,QAAU,IAAIC,UAAW,GAAOR,KAAO,CAACI,MAAQ,OAAOC,KAAO,SAASC,KAAO,CAAC,OAAO,MAAMC,QAAU,KAAKC,UAAW,IAGxNC,mBACE,MAAO,GAETC,iBACE,MAAO,mBAGTC,gBACE,MAAO,wBAGTC,kBACE,MAAO,wBAGTC,eACE,MAAO,wBAGTC,gCACE,MAAO,CAAC,eAAgB,QAG1BC,cACEC,MAAMtB,EAAgB,CAAEuB,aAAa,IAGvCF,yBAAyBG,EAAMC,EAAUC,GAGvC,OAFAJ,MAAMK,yBAAyBH,EAAMC,EAAUC,GAEvCF,GACN,IAAK,OACHpB,KAAKC,MAAMC,KAAKC,MAAQmB,EACxBtB,KAAKwB,SACLxB,KAAKyB,kBAAkBzB,KAAK0B,aAAa,gBAAiBL,GAC1D,MACF,IAAK,eACHrB,KAAKC,MAAMC,KAAKC,MAAQH,KAAK0B,aAAa,QAC1C1B,KAAKwB,SACLxB,KAAKyB,kBAAkBH,IAO7BL,kBAAkBU,EAAON,GACvB,MAAMO,EAAcD,EAAME,cACpBC,EAAuBH,EAAMI,cAC7BC,EAAQ,IAAIhC,KAAKiC,WAAWC,iBAAiB,SACnDlC,KAAKmC,UAAYL,EAEa,SAA1B9B,KAAKC,MAAMC,KAAKC,QAClBH,KAAKiC,WAAWG,cAAc,QAAQC,UAAUC,OAAOjB,GACvDrB,KAAKiC,WAAWG,cAAc,QAAQC,UAAUE,IAAIX,IAGtDI,EAAMQ,QAAQC,IACRA,EAAIJ,UAAUK,SAASd,GACzBa,EAAIJ,UAAUE,IAAI,UAElBE,EAAIJ,UAAUC,OAAO,YAIK,OAA1BtC,KAAKC,MAAMC,KAAKC,QAClBH,KAAKiC,WAAWG,cACd,gBACAO,UAAYb,GAGX9B,KAAKiC,WAAWG,cAAc,gBACjCQ,QAAQC,QACHjD,EAAegB,+EAM1Bf,EAAUiD,OAAOlD"} \ No newline at end of file diff --git a/elements/pfe-health-index/dist/pfe-health-index.umd.js b/elements/pfe-health-index/dist/pfe-health-index.umd.js new file mode 100644 index 0000000000..a4f79c525b --- /dev/null +++ b/elements/pfe-health-index/dist/pfe-health-index.umd.js @@ -0,0 +1,229 @@ +(function (global, factory) { + typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('../../pfelement/dist/pfelement.umd')) : + typeof define === 'function' && define.amd ? define(['../../pfelement/dist/pfelement.umd'], factory) : + (global.PfeHealthIndex = factory(global.PFElement)); +}(this, (function (PFElement) { 'use strict'; + + PFElement = PFElement && PFElement.hasOwnProperty('default') ? PFElement['default'] : PFElement; + + var classCallCheck = function (instance, Constructor) { + if (!(instance instanceof Constructor)) { + throw new TypeError("Cannot call a class as a function"); + } + }; + + var createClass = function () { + function defineProperties(target, props) { + for (var i = 0; i < props.length; i++) { + var descriptor = props[i]; + descriptor.enumerable = descriptor.enumerable || false; + descriptor.configurable = true; + if ("value" in descriptor) descriptor.writable = true; + Object.defineProperty(target, descriptor.key, descriptor); + } + } + + return function (Constructor, protoProps, staticProps) { + if (protoProps) defineProperties(Constructor.prototype, protoProps); + if (staticProps) defineProperties(Constructor, staticProps); + return Constructor; + }; + }(); + + var get = function get(object, property, receiver) { + if (object === null) object = Function.prototype; + var desc = Object.getOwnPropertyDescriptor(object, property); + + if (desc === undefined) { + var parent = Object.getPrototypeOf(object); + + if (parent === null) { + return undefined; + } else { + return get(parent, property, receiver); + } + } else if ("value" in desc) { + return desc.value; + } else { + var getter = desc.get; + + if (getter === undefined) { + return undefined; + } + + return getter.call(receiver); + } + }; + + var inherits = function (subClass, superClass) { + if (typeof superClass !== "function" && superClass !== null) { + throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); + } + + subClass.prototype = Object.create(superClass && superClass.prototype, { + constructor: { + value: subClass, + enumerable: false, + writable: true, + configurable: true + } + }); + if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; + }; + + var possibleConstructorReturn = function (self, call) { + if (!self) { + throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); + } + + return call && (typeof call === "object" || typeof call === "function") ? call : self; + }; + + var toConsumableArray = function (arr) { + if (Array.isArray(arr)) { + for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) arr2[i] = arr[i]; + + return arr2; + } else { + return Array.from(arr); + } + }; + + /*! + * PatternFly Elements: PfeHealthIndex 1.0.0-prerelease.50 + * @license + * Copyright 2020 Red Hat, Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + * + */ + + var PfeHealthIndex = function (_PFElement) { + inherits(PfeHealthIndex, _PFElement); + createClass(PfeHealthIndex, [{ + key: "html", + get: function get$$1() { + return "" + (this.props.size.value !== "lg" ? "\n " + (this.props.size.value === "mini" ? "\n
    \n
    \n
    \n
    \n
    \n " : "\n
    \n
    \n
    \n
    \n
    \n
    \n
    \n
    \n
    \n ") + "\n" : "\n
    \n
    \n
    A
    \n
    \n
    \n
    \n
    B
    \n
    \n
    \n
    \n
    C
    \n
    \n
    \n
    \n
    D
    \n
    \n
    \n
    \n
    E
    \n
    \n
    \n
    \n
    F
    \n
    \n
    \n
    \n"); + } + }, { + key: "schemaUrl", + get: function get$$1() { + return "pfe-health-index.json"; + } + }, { + key: "templateUrl", + get: function get$$1() { + return "pfe-health-index.html"; + } + }, { + key: "styleUrl", + get: function get$$1() { + return "pfe-health-index.scss"; + } + }], [{ + key: "version", + get: function get$$1() { + return "1.0.0-prerelease.50"; + } + }, { + key: "properties", + get: function get$$1() { + return { "health-index": { "title": "Health Index", "type": "string", "enum": ["A", "B", "C", "D", "E", "F"], "default": "A", "prefixed": false }, "size": { "title": "Size", "type": "string", "enum": ["mini", "lg"], "default": null, "prefixed": false } }; + } + }, { + key: "slots", + get: function get$$1() { + return {}; + } + }, { + key: "tag", + get: function get$$1() { + return "pfe-health-index"; + } + }, { + key: "observedAttributes", + get: function get$$1() { + return ["health-index", "size"]; + } + }]); + + function PfeHealthIndex() { + classCallCheck(this, PfeHealthIndex); + return possibleConstructorReturn(this, (PfeHealthIndex.__proto__ || Object.getPrototypeOf(PfeHealthIndex)).call(this, PfeHealthIndex, { delayRender: true })); + } + + createClass(PfeHealthIndex, [{ + key: "attributeChangedCallback", + value: function attributeChangedCallback(attr, oldValue, newValue) { + get(PfeHealthIndex.prototype.__proto__ || Object.getPrototypeOf(PfeHealthIndex.prototype), "attributeChangedCallback", this).call(this, attr, oldValue, newValue); + + switch (attr) { + case "size": + this.props.size.value = newValue; + this.render(); + this.updateHealthIndex(this.getAttribute("health-index"), oldValue); + break; + case "health-index": + this.props.size.value = this.getAttribute("size"); + this.render(); + this.updateHealthIndex(newValue); + break; + default: + break; + } + } + }, { + key: "updateHealthIndex", + value: function updateHealthIndex(grade, oldValue) { + var healthIndex = grade.toLowerCase(); + var healthIndexUpperCase = grade.toUpperCase(); + var boxes = [].concat(toConsumableArray(this.shadowRoot.querySelectorAll(".box"))); + this.innerHTML = healthIndexUpperCase; + + if (this.props.size.value === "mini") { + this.shadowRoot.querySelector(".box").classList.remove(oldValue); + this.shadowRoot.querySelector(".box").classList.add(healthIndex); + } + + boxes.forEach(function (box) { + if (box.classList.contains(healthIndex)) { + box.classList.add("active"); + } else { + box.classList.remove("active"); + } + }); + + if (this.props.size.value !== "lg") { + this.shadowRoot.querySelector("#healthIndex").innerText = healthIndexUpperCase; + } + + if (!this.shadowRoot.querySelector(".box.active")) { + console.warn(PfeHealthIndex.tag + ": a valid health-index was not provided. Please use A, B, C, D, E, or F"); + } + } + }]); + return PfeHealthIndex; + }(PFElement); + + PFElement.create(PfeHealthIndex); + + return PfeHealthIndex; + +}))); +//# sourceMappingURL=pfe-health-index.umd.js.map diff --git a/elements/pfe-health-index/dist/pfe-health-index.umd.js.map b/elements/pfe-health-index/dist/pfe-health-index.umd.js.map new file mode 100644 index 0000000000..d06f71d86b --- /dev/null +++ b/elements/pfe-health-index/dist/pfe-health-index.umd.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-health-index.umd.js","sources":["../_temp/pfe-health-index.umd.js"],"sourcesContent":["/*!\n * PatternFly Elements: PfeHealthIndex 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\nimport PFElement from \"../../pfelement/dist/pfelement.umd\";\n\nclass PfeHealthIndex extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return `${this.props.size.value !== \"lg\" ? `\n ${this.props.size.value === \"mini\" ? `\n
    \n
    \n
    \n
    \n
    \n ` : `\n
    \n
    \n
    \n
    \n
    \n
    \n
    \n
    \n
    \n `}\n` : `\n
    \n
    \n
    A
    \n
    \n
    \n
    \n
    B
    \n
    \n
    \n
    \n
    C
    \n
    \n
    \n
    \n
    D
    \n
    \n
    \n
    \n
    E
    \n
    \n
    \n
    \n
    F
    \n
    \n
    \n
    \n`}`;\n }\n\n static get properties() {\n return {\"health-index\":{\"title\":\"Health Index\",\"type\":\"string\",\"enum\":[\"A\",\"B\",\"C\",\"D\",\"E\",\"F\"],\"default\":\"A\",\"prefixed\":false},\"size\":{\"title\":\"Size\",\"type\":\"string\",\"enum\":[\"mini\",\"lg\"],\"default\":null,\"prefixed\":false}};\n }\n\n static get slots() {\n return {};\n }\n static get tag() {\n return \"pfe-health-index\";\n }\n\n get schemaUrl() {\n return \"pfe-health-index.json\";\n }\n\n get templateUrl() {\n return \"pfe-health-index.html\";\n }\n\n get styleUrl() {\n return \"pfe-health-index.scss\";\n }\n\n static get observedAttributes() {\n return [\"health-index\", \"size\"];\n }\n\n constructor() {\n super(PfeHealthIndex, { delayRender: true });\n }\n\n attributeChangedCallback(attr, oldValue, newValue) {\n super.attributeChangedCallback(attr, oldValue, newValue);\n\n switch (attr) {\n case \"size\":\n this.props.size.value = newValue;\n this.render();\n this.updateHealthIndex(this.getAttribute(\"health-index\"), oldValue);\n break;\n case \"health-index\":\n this.props.size.value = this.getAttribute(\"size\");\n this.render();\n this.updateHealthIndex(newValue);\n break;\n default:\n break;\n }\n }\n\n updateHealthIndex(grade, oldValue) {\n const healthIndex = grade.toLowerCase();\n const healthIndexUpperCase = grade.toUpperCase();\n const boxes = [...this.shadowRoot.querySelectorAll(\".box\")];\n this.innerHTML = healthIndexUpperCase;\n\n if (this.props.size.value === \"mini\") {\n this.shadowRoot.querySelector(\".box\").classList.remove(oldValue);\n this.shadowRoot.querySelector(\".box\").classList.add(healthIndex);\n }\n\n boxes.forEach(box => {\n if (box.classList.contains(healthIndex)) {\n box.classList.add(\"active\");\n } else {\n box.classList.remove(\"active\");\n }\n });\n\n if (this.props.size.value !== \"lg\") {\n this.shadowRoot.querySelector(\n \"#healthIndex\"\n ).innerText = healthIndexUpperCase;\n }\n\n if (!this.shadowRoot.querySelector(\".box.active\")) {\n console.warn(\n `${PfeHealthIndex.tag}: a valid health-index was not provided. Please use A, B, C, D, E, or F`\n );\n }\n }\n}\n\nPFElement.create(PfeHealthIndex);\n\nexport default PfeHealthIndex;\n"],"names":["PfeHealthIndex","props","size","value","delayRender","attr","oldValue","newValue","render","updateHealthIndex","getAttribute","grade","healthIndex","toLowerCase","healthIndexUpperCase","toUpperCase","boxes","shadowRoot","querySelectorAll","innerHTML","querySelector","classList","remove","add","forEach","box","contains","innerText","console","warn","tag","PFElement","create"],"mappings":"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"} \ No newline at end of file diff --git a/elements/pfe-health-index/dist/pfe-health-index.umd.min.js b/elements/pfe-health-index/dist/pfe-health-index.umd.min.js new file mode 100644 index 0000000000..3e95347500 --- /dev/null +++ b/elements/pfe-health-index/dist/pfe-health-index.umd.min.js @@ -0,0 +1,2 @@ +!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("../../pfelement/dist/pfelement.umd")):"function"==typeof define&&define.amd?define(["../../pfelement/dist/pfelement.umd"],t):e.PfeHealthIndex=t(e.PFElement)}(this,function(e){"use strict";e=e&&e.hasOwnProperty("default")?e.default:e;var t=function(e,t,o){return t&&i(e.prototype,t),o&&i(e,o),e};function i(e,t){for(var o=0;o:host{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}:host([hidden]){display:none}:host(:not([size=lg]):not([size=mini])) .box-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;border:1px solid #d2d2d2;border:1px solid var(--pfe-theme--color--surface--border,#d2d2d2);margin-left:calc(16px * .5);margin-left:calc(var(--pfe-theme--container-spacer,16px) * .5)}:host(:not([size=lg]):not([size=mini])) .box-container .box{background:#fff;width:10px;height:20px;border-right:1px solid #d2d2d2;border-right:1px solid var(--pfe-theme--color--surface--border,#d2d2d2)}:host(:not([size=lg]):not([size=mini])) .box-container .box:last-child{border-right:0}:host(:not([size=lg]):not([size=mini])) .box-container .box.active.a{background-color:#3f9c35}:host(:not([size=lg]):not([size=mini])) .box-container .box.active.b{background-color:#92d400}:host(:not([size=lg]):not([size=mini])) .box-container .box.active.c{background-color:#efaa00}:host(:not([size=lg]):not([size=mini])) .box-container .box.active.d{background-color:#ec7a08}:host(:not([size=lg]):not([size=mini])) .box-container .box.active.e{background-color:#c00}:host(:not([size=lg]):not([size=mini])) .box-container .box.active.f{background-color:#a30000}:host([size=mini]) .box-container{margin:0;border:none}:host([size=mini]) .box-container .box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:22px;height:22px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#fff;font-size:16px;border-radius:1px}:host([size=mini]) .box-container .box.a{background-color:#3f9c35}:host([size=mini]) .box-container .box.b{background-color:#92d400}:host([size=mini]) .box-container .box.c{background-color:#efaa00}:host([size=mini]) .box-container .box.d{background-color:#ec7a08}:host([size=mini]) .box-container .box.e{background-color:#c00}:host([size=mini]) .box-container .box.f{background-color:#a30000}:host([size=lg]) .box-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;border:none;margin-left:0}:host([size=lg]) .grade{padding:6px 10px}:host([size=lg]) .box{background:#fff;color:#777;border-top:2px solid #ececec}:host([size=lg]) .box:first-child{margin-left:0;border-left:2px solid #ececec}:host([size=lg]) .box.active:first-child{border-left:none}:host([size=lg]) .box:last-child{margin-right:0;border-right:2px solid #ececec}:host([size=lg]) .box.active:last-child{border-right:none}:host([size=lg]) .box>.bottom{height:8px;margin:0 .5px}:host([size=lg]) .box.active .grade{color:#fff;margin:-2px .5px 0 .5px;padding-top:8px}:host([size=lg]) .box.a.active .grade,:host([size=lg]) .box.a>.bottom{background-color:#3f9c35}:host([size=lg]) .box.b.active .grade,:host([size=lg]) .box.b>.bottom{background-color:#92d400}:host([size=lg]) .box.c.active .grade,:host([size=lg]) .box.c>.bottom{background-color:#efaa00}:host([size=lg]) .box.d.active .grade,:host([size=lg]) .box.d>.bottom{background-color:#ec7a08}:host([size=lg]) .box.e.active .grade,:host([size=lg]) .box.e>.bottom{background-color:#c00}:host([size=lg]) .box.f.active .grade,:host([size=lg]) .box.f>.bottom{background-color:#a30000}\n/*# sourceMappingURL=pfe-health-index.min.css.map */\n"+("lg"!==this.props.size.value?"\n "+("mini"===this.props.size.value?'\n
    \n
    \n
    \n
    \n
    \n ':'\n
    \n
    \n
    \n
    \n
    \n
    \n
    \n
    \n
    \n ')+"\n":'\n
    \n
    \n
    A
    \n
    \n
    \n
    \n
    B
    \n
    \n
    \n
    \n
    C
    \n
    \n
    \n
    \n
    D
    \n
    \n
    \n
    \n
    E
    \n
    \n
    \n
    \n
    F
    \n
    \n
    \n
    \n')}},{key:"schemaUrl",get:function(){return"pfe-health-index.json"}},{key:"templateUrl",get:function(){return"pfe-health-index.html"}},{key:"styleUrl",get:function(){return"pfe-health-index.scss"}}],[{key:"version",get:function(){return"1.0.0-prerelease.50"}},{key:"properties",get:function(){return{"health-index":{title:"Health Index",type:"string",enum:["A","B","C","D","E","F"],default:"A",prefixed:!1},size:{title:"Size",type:"string",enum:["mini","lg"],default:null,prefixed:!1}}}},{key:"slots",get:function(){return{}}},{key:"tag",get:function(){return"pfe-health-index"}},{key:"observedAttributes",get:function(){return["health-index","size"]}}]),t(r,[{key:"attributeChangedCallback",value:function(e,t,o){switch(function e(t,o,i){null===t&&(t=Function.prototype);var n=Object.getOwnPropertyDescriptor(t,o);if(void 0===n){var r=Object.getPrototypeOf(t);return null===r?void 0:e(r,o,i)}if("value"in n)return n.value;var s=n.get;return void 0!==s?s.call(i):void 0}(r.prototype.__proto__||Object.getPrototypeOf(r.prototype),"attributeChangedCallback",this).call(this,e,t,o),e){case"size":this.props.size.value=o,this.render(),this.updateHealthIndex(this.getAttribute("health-index"),t);break;case"health-index":this.props.size.value=this.getAttribute("size"),this.render(),this.updateHealthIndex(o)}}},{key:"updateHealthIndex",value:function(e,t){var o=e.toLowerCase(),i=e.toUpperCase(),n=[].concat(function(e){if(Array.isArray(e)){for(var t=0,o=Array(e.length);t:host{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}:host([hidden]){display:none}:host(:not([size=lg]):not([size=mini])) .box-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;border:1px solid #d2d2d2;border:1px solid var(--pfe-theme--color--surface--border,#d2d2d2);margin-left:calc(16px * .5);margin-left:calc(var(--pfe-theme--container-spacer,16px) * .5)}:host(:not([size=lg]):not([size=mini])) .box-container .box{background:#fff;width:10px;height:20px;border-right:1px solid #d2d2d2;border-right:1px solid var(--pfe-theme--color--surface--border,#d2d2d2)}:host(:not([size=lg]):not([size=mini])) .box-container .box:last-child{border-right:0}:host(:not([size=lg]):not([size=mini])) .box-container .box.active.a{background-color:#3f9c35}:host(:not([size=lg]):not([size=mini])) .box-container .box.active.b{background-color:#92d400}:host(:not([size=lg]):not([size=mini])) .box-container .box.active.c{background-color:#efaa00}:host(:not([size=lg]):not([size=mini])) .box-container .box.active.d{background-color:#ec7a08}:host(:not([size=lg]):not([size=mini])) .box-container .box.active.e{background-color:#c00}:host(:not([size=lg]):not([size=mini])) .box-container .box.active.f{background-color:#a30000}:host([size=mini]) .box-container{margin:0;border:none}:host([size=mini]) .box-container .box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:22px;height:22px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#fff;font-size:16px;border-radius:1px}:host([size=mini]) .box-container .box.a{background-color:#3f9c35}:host([size=mini]) .box-container .box.b{background-color:#92d400}:host([size=mini]) .box-container .box.c{background-color:#efaa00}:host([size=mini]) .box-container .box.d{background-color:#ec7a08}:host([size=mini]) .box-container .box.e{background-color:#c00}:host([size=mini]) .box-container .box.f{background-color:#a30000}:host([size=lg]) .box-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;border:none;margin-left:0}:host([size=lg]) .grade{padding:6px 10px}:host([size=lg]) .box{background:#fff;color:#777;border-top:2px solid #ececec}:host([size=lg]) .box:first-child{margin-left:0;border-left:2px solid #ececec}:host([size=lg]) .box.active:first-child{border-left:none}:host([size=lg]) .box:last-child{margin-right:0;border-right:2px solid #ececec}:host([size=lg]) .box.active:last-child{border-right:none}:host([size=lg]) .box>.bottom{height:8px;margin:0 .5px}:host([size=lg]) .box.active .grade{color:#fff;margin:-2px .5px 0 .5px;padding-top:8px}:host([size=lg]) .box.a.active .grade,:host([size=lg]) .box.a>.bottom{background-color:#3f9c35}:host([size=lg]) .box.b.active .grade,:host([size=lg]) .box.b>.bottom{background-color:#92d400}:host([size=lg]) .box.c.active .grade,:host([size=lg]) .box.c>.bottom{background-color:#efaa00}:host([size=lg]) .box.d.active .grade,:host([size=lg]) .box.d>.bottom{background-color:#ec7a08}:host([size=lg]) .box.e.active .grade,:host([size=lg]) .box.e>.bottom{background-color:#c00}:host([size=lg]) .box.f.active .grade,:host([size=lg]) .box.f>.bottom{background-color:#a30000}\n/*# sourceMappingURL=pfe-health-index.min.css.map */\n${this.props.size.value !== \"lg\" ? `\n ${this.props.size.value === \"mini\" ? `\n
    \n
    \n
    \n
    \n
    \n ` : `\n
    \n
    \n
    \n
    \n
    \n
    \n
    \n
    \n
    \n `}\n` : `\n
    \n
    \n
    A
    \n
    \n
    \n
    \n
    B
    \n
    \n
    \n
    \n
    C
    \n
    \n
    \n
    \n
    D
    \n
    \n
    \n
    \n
    E
    \n
    \n
    \n
    \n
    F
    \n
    \n
    \n
    \n`}`;\n }\n\n static get properties() {\n return {\"health-index\":{\"title\":\"Health Index\",\"type\":\"string\",\"enum\":[\"A\",\"B\",\"C\",\"D\",\"E\",\"F\"],\"default\":\"A\",\"prefixed\":false},\"size\":{\"title\":\"Size\",\"type\":\"string\",\"enum\":[\"mini\",\"lg\"],\"default\":null,\"prefixed\":false}};\n }\n\n static get slots() {\n return {};\n }\n static get tag() {\n return \"pfe-health-index\";\n }\n\n get schemaUrl() {\n return \"pfe-health-index.json\";\n }\n\n get templateUrl() {\n return \"pfe-health-index.html\";\n }\n\n get styleUrl() {\n return \"pfe-health-index.scss\";\n }\n\n static get observedAttributes() {\n return [\"health-index\", \"size\"];\n }\n\n constructor() {\n super(PfeHealthIndex, { delayRender: true });\n }\n\n attributeChangedCallback(attr, oldValue, newValue) {\n super.attributeChangedCallback(attr, oldValue, newValue);\n\n switch (attr) {\n case \"size\":\n this.props.size.value = newValue;\n this.render();\n this.updateHealthIndex(this.getAttribute(\"health-index\"), oldValue);\n break;\n case \"health-index\":\n this.props.size.value = this.getAttribute(\"size\");\n this.render();\n this.updateHealthIndex(newValue);\n break;\n default:\n break;\n }\n }\n\n updateHealthIndex(grade, oldValue) {\n const healthIndex = grade.toLowerCase();\n const healthIndexUpperCase = grade.toUpperCase();\n const boxes = [...this.shadowRoot.querySelectorAll(\".box\")];\n this.innerHTML = healthIndexUpperCase;\n\n if (this.props.size.value === \"mini\") {\n this.shadowRoot.querySelector(\".box\").classList.remove(oldValue);\n this.shadowRoot.querySelector(\".box\").classList.add(healthIndex);\n }\n\n boxes.forEach(box => {\n if (box.classList.contains(healthIndex)) {\n box.classList.add(\"active\");\n } else {\n box.classList.remove(\"active\");\n }\n });\n\n if (this.props.size.value !== \"lg\") {\n this.shadowRoot.querySelector(\n \"#healthIndex\"\n ).innerText = healthIndexUpperCase;\n }\n\n if (!this.shadowRoot.querySelector(\".box.active\")) {\n console.warn(\n `${PfeHealthIndex.tag}: a valid health-index was not provided. Please use A, B, C, D, E, or F`\n );\n }\n }\n}\n\nPFElement.create(PfeHealthIndex);\n\nexport default PfeHealthIndex;\n"],"names":["PfeHealthIndex","PFElement","this","props","size","value","health-index","title","type","enum","default","prefixed","attr","oldValue","newValue","render","updateHealthIndex","getAttribute","grade","healthIndex","toLowerCase","healthIndexUpperCase","toUpperCase","boxes","shadowRoot","querySelectorAll","innerHTML","querySelector","classList","remove","add","forEach","box","contains","innerText","warn","tag","delayRender","create"],"mappings":"+iBA2BMA,+TAAuBC,u+GAQO,OAA1BC,KAAKC,MAAMC,KAAKC,cACI,SAA1BH,KAAKC,MAAMC,KAAKC,glCA2DT,kEAIA,+DAIA,gEA1EA,+DAuDA,CAACC,eAAe,CAACC,MAAQ,eAAeC,KAAO,SAASC,KAAO,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,KAAKC,QAAU,IAAIC,UAAW,GAAOP,KAAO,CAACG,MAAQ,OAAOC,KAAO,SAASC,KAAO,CAAC,OAAO,MAAMC,QAAU,KAAKC,UAAW,wCAI/M,qCAGA,oEAgBA,CAAC,eAAgB,gEAODC,EAAMC,EAAUC,yWACRF,EAAMC,EAAUC,GAEvCF,OACD,YACET,MAAMC,KAAKC,MAAQS,OACnBC,cACAC,kBAAkBd,KAAKe,aAAa,gBAAiBJ,aAEvD,oBACEV,MAAMC,KAAKC,MAAQH,KAAKe,aAAa,aACrCF,cACAC,kBAAkBF,8CAOXI,EAAOL,OACjBM,EAAcD,EAAME,cACpBC,EAAuBH,EAAMI,cAC7BC,mIAAYrB,KAAKsB,WAAWC,iBAAiB,eAC9CC,UAAYL,EAEa,SAA1BnB,KAAKC,MAAMC,KAAKC,aACbmB,WAAWG,cAAc,QAAQC,UAAUC,OAAOhB,QAClDW,WAAWG,cAAc,QAAQC,UAAUE,IAAIX,MAGhDY,QAAQ,YACRC,EAAIJ,UAAUK,SAASd,KACrBS,UAAUE,IAAI,YAEdF,UAAUC,OAAO,YAIK,OAA1B3B,KAAKC,MAAMC,KAAKC,aACbmB,WAAWG,cACd,gBACAO,UAAYb,GAGXnB,KAAKsB,WAAWG,cAAc,wBACzBQ,KACHnC,EAAeoC,waAjDhBpC,EAAgB,CAAEqC,aAAa,YAuDzCpC,EAAUqC,OAAOtC"} \ No newline at end of file diff --git a/elements/pfe-health-index/package-lock.json b/elements/pfe-health-index/package-lock.json index f91c2893cf..8a4e8f4165 100644 --- a/elements/pfe-health-index/package-lock.json +++ b/elements/pfe-health-index/package-lock.json @@ -1,6 +1,6 @@ { "name": "@patternfly/pfe-health-index", - "version": "1.0.0-prerelease.49", + "version": "1.0.0-prerelease.50", "lockfileVersion": 1, "requires": true, "dependencies": { diff --git a/elements/pfe-health-index/package.json b/elements/pfe-health-index/package.json index 0812a9f9d9..5e6961eb90 100644 --- a/elements/pfe-health-index/package.json +++ b/elements/pfe-health-index/package.json @@ -4,7 +4,7 @@ "className": "PfeHealthIndex", "elementName": "pfe-health-index" }, - "version": "1.0.0-prerelease.49", + "version": "1.0.0-prerelease.50", "publishConfig": { "access": "public" }, @@ -39,8 +39,8 @@ ], "license": "MIT", "dependencies": { - "@patternfly/pfe-sass": "^1.0.0-prerelease.49", - "@patternfly/pfelement": "^1.0.0-prerelease.49" + "@patternfly/pfe-sass": "^1.0.0-prerelease.50", + "@patternfly/pfelement": "^1.0.0-prerelease.50" }, "generator-pfelement-version": "0.6.3", "bugs": { diff --git a/elements/pfe-icon-panel/dist/pfe-icon-panel.js b/elements/pfe-icon-panel/dist/pfe-icon-panel.js new file mode 100644 index 0000000000..e9802d068e --- /dev/null +++ b/elements/pfe-icon-panel/dist/pfe-icon-panel.js @@ -0,0 +1,88 @@ +import PFElement from '../../pfelement/dist/pfelement.js'; +import '../../pfe-icon/dist/pfe-icon.js'; + +/*! + * PatternFly Elements: PfeIconPanel 1.0.0-prerelease.50 + * @license + * Copyright 2020 Red Hat, Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + * +*/ + +class PfeIconPanel extends PFElement { + static get version() { + return "1.0.0-prerelease.50"; + } + + get html() { + return ` +
    + + + +
    `; + } + + static get properties() { + return {"icon":{"title":"Icon","type":"string","prefixed":false},"color":{"title":"Color","type":"string","enum":["complement","accent","lightest","lighter","base","darker","darkest","critical","important","moderate","success","info"],"default":"base","prefixed":true},"centered":{"title":"Centered","type":"boolean","prefixed":true,"default":false},"stacked":{"title":"Stacked","type":"boolean","prefixed":true,"default":false},"circled":{"title":"Circled","type":"boolean","default":true,"prefixed":true}}; + } + + static get slots() { + return {"header":{"title":"Header","type":"array","namedSlot":true,"items":{"title":"Header item","oneOf":[{"$ref":"raw"}]}},"body":{"title":"Body","type":"array","namedSlot":false,"items":{"title":"Body item","oneOf":[{"$ref":"raw"}]}},"footer":{"title":"Footer","type":"array","namedSlot":true,"maxItems":3,"items":{"title":"Footer item","oneOf":[{"$ref":"raw"}]}}}; + } + static get tag() { + return "pfe-icon-panel"; + } + + get styleUrl() { + return "pfe-icon-panel.scss"; + } + + get templateUrl() { + return "pfe-icon-panel.html"; + } + + get schemaUrl() { + return "pfe-icon-panel.json"; + } + + static get observedAttributes() { + return ["icon", "pfe-circled", "pfe-color", "pfe-stacked", "pfe-centered"]; + } + + static get cascadingAttributes() { + return { + icon: "pfe-icon", + "pfe-circled": "pfe-icon", + "pfe-color": "pfe-icon" + }; + } + + constructor() { + super(PfeIconPanel); + } +} + +PFElement.create(PfeIconPanel); + +export default PfeIconPanel; +//# sourceMappingURL=pfe-icon-panel.js.map diff --git a/elements/pfe-icon-panel/dist/pfe-icon-panel.js.map b/elements/pfe-icon-panel/dist/pfe-icon-panel.js.map new file mode 100644 index 0000000000..b037f0d2c1 --- /dev/null +++ b/elements/pfe-icon-panel/dist/pfe-icon-panel.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-icon-panel.js","sources":["../_temp/pfe-icon-panel.js"],"sourcesContent":["/*!\n * PatternFly Elements: PfeIconPanel 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\nimport PFElement from \"../../pfelement/dist/pfelement.js\";\nimport \"../../pfe-icon/dist/pfe-icon.js\";\n\nclass PfeIconPanel extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return `\n
    \n \n \n \n
    `;\n }\n\n static get properties() {\n return {\"icon\":{\"title\":\"Icon\",\"type\":\"string\",\"prefixed\":false},\"color\":{\"title\":\"Color\",\"type\":\"string\",\"enum\":[\"complement\",\"accent\",\"lightest\",\"lighter\",\"base\",\"darker\",\"darkest\",\"critical\",\"important\",\"moderate\",\"success\",\"info\"],\"default\":\"base\",\"prefixed\":true},\"centered\":{\"title\":\"Centered\",\"type\":\"boolean\",\"prefixed\":true,\"default\":false},\"stacked\":{\"title\":\"Stacked\",\"type\":\"boolean\",\"prefixed\":true,\"default\":false},\"circled\":{\"title\":\"Circled\",\"type\":\"boolean\",\"default\":true,\"prefixed\":true}};\n }\n\n static get slots() {\n return {\"header\":{\"title\":\"Header\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Header item\",\"oneOf\":[{\"$ref\":\"raw\"}]}},\"body\":{\"title\":\"Body\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"title\":\"Body item\",\"oneOf\":[{\"$ref\":\"raw\"}]}},\"footer\":{\"title\":\"Footer\",\"type\":\"array\",\"namedSlot\":true,\"maxItems\":3,\"items\":{\"title\":\"Footer item\",\"oneOf\":[{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-icon-panel\";\n }\n\n get styleUrl() {\n return \"pfe-icon-panel.scss\";\n }\n\n get templateUrl() {\n return \"pfe-icon-panel.html\";\n }\n\n get schemaUrl() {\n return \"pfe-icon-panel.json\";\n }\n\n static get observedAttributes() {\n return [\"icon\", \"pfe-circled\", \"pfe-color\", \"pfe-stacked\", \"pfe-centered\"];\n }\n\n static get cascadingAttributes() {\n return {\n icon: \"pfe-icon\",\n \"pfe-circled\": \"pfe-icon\",\n \"pfe-color\": \"pfe-icon\"\n };\n }\n\n constructor() {\n super(PfeIconPanel);\n }\n}\n\nPFElement.create(PfeIconPanel);\n\nexport default PfeIconPanel;\n"],"names":[],"mappings":"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"} \ No newline at end of file diff --git a/elements/pfe-icon-panel/dist/pfe-icon-panel.json b/elements/pfe-icon-panel/dist/pfe-icon-panel.json new file mode 100644 index 0000000000..1f6e97320d --- /dev/null +++ b/elements/pfe-icon-panel/dist/pfe-icon-panel.json @@ -0,0 +1,110 @@ +{ + "$schema": "http://json-schema.org/draft-04/schema#", + "title": "Icon Panel", + "description": "This element creates a header, body, and footer region in which to place content or other components.", + "type": "object", + "tag": "pfe-icon-panel", + "class": "pfe-icon-panel", + "category": "combo", + "properties": { + "slots": { + "title": "Slots", + "description": "Definition of the supported slots", + "type": "object", + "properties": { + "header": { + "title": "Header", + "type": "array", + "namedSlot": true, + "items": { + "title": "Header item", + "oneOf": [ + { + "$ref": "raw" + } + ] + } + }, + "body": { + "title": "Body", + "type": "array", + "namedSlot": false, + "items": { + "title": "Body item", + "oneOf": [ + { + "$ref": "raw" + } + ] + } + }, + "footer": { + "title": "Footer", + "type": "array", + "namedSlot": true, + "maxItems": 3, + "items": { + "title": "Footer item", + "oneOf": [ + { + "$ref": "raw" + } + ] + } + } + } + }, + "attributes": { + "title": "Attributes", + "type": "object", + "properties": { + "icon": { + "title": "Icon", + "type": "string", + "prefixed": false + }, + "color": { + "title": "Color", + "type": "string", + "enum": [ + "complement", + "accent", + "lightest", + "lighter", + "base", + "darker", + "darkest", + "critical", + "important", + "moderate", + "success", + "info" + ], + "default": "base", + "prefixed": true + }, + "centered": { + "title": "Centered", + "type": "boolean", + "prefixed": true, + "default": false + }, + "stacked": { + "title": "Stacked", + "type": "boolean", + "prefixed": true, + "default": false + }, + "circled": { + "title": "Circled", + "type": "boolean", + "default": true, + "prefixed": true + } + }, + "required": ["icon"] + } + }, + "required": ["slots", "attributes"], + "additionalProperties": false +} diff --git a/elements/pfe-icon-panel/dist/pfe-icon-panel.min.js b/elements/pfe-icon-panel/dist/pfe-icon-panel.min.js new file mode 100644 index 0000000000..1d7d3ab92c --- /dev/null +++ b/elements/pfe-icon-panel/dist/pfe-icon-panel.min.js @@ -0,0 +1,26 @@ +import e from"../../pfelement/dist/pfelement.min.js";import"../../pfe-icon/dist/pfe-icon.min.js"; +/*! + * PatternFly Elements: PfeIconPanel 1.0.0-prerelease.50 + * @license + * Copyright 2020 Red Hat, Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + * +*/class t extends e{static get version(){return"1.0.0-prerelease.50"}get html(){return`\n
    \n \n \n \n
    `}static get properties(){return{icon:{title:"Icon",type:"string",prefixed:!1},color:{title:"Color",type:"string",enum:["complement","accent","lightest","lighter","base","darker","darkest","critical","important","moderate","success","info"],default:"base",prefixed:!0},centered:{title:"Centered",type:"boolean",prefixed:!0,default:!1},stacked:{title:"Stacked",type:"boolean",prefixed:!0,default:!1},circled:{title:"Circled",type:"boolean",default:!0,prefixed:!0}}}static get slots(){return{header:{title:"Header",type:"array",namedSlot:!0,items:{title:"Header item",oneOf:[{$ref:"raw"}]}},body:{title:"Body",type:"array",namedSlot:!1,items:{title:"Body item",oneOf:[{$ref:"raw"}]}},footer:{title:"Footer",type:"array",namedSlot:!0,maxItems:3,items:{title:"Footer item",oneOf:[{$ref:"raw"}]}}}}static get tag(){return"pfe-icon-panel"}get styleUrl(){return"pfe-icon-panel.scss"}get templateUrl(){return"pfe-icon-panel.html"}get schemaUrl(){return"pfe-icon-panel.json"}static get observedAttributes(){return["icon","pfe-circled","pfe-color","pfe-stacked","pfe-centered"]}static get cascadingAttributes(){return{icon:"pfe-icon","pfe-circled":"pfe-icon","pfe-color":"pfe-icon"}}constructor(){super(t)}}e.create(t);export default t; +//# sourceMappingURL=pfe-icon-panel.min.js.map diff --git a/elements/pfe-icon-panel/dist/pfe-icon-panel.min.js.map b/elements/pfe-icon-panel/dist/pfe-icon-panel.min.js.map new file mode 100644 index 0000000000..1b4eb43739 --- /dev/null +++ b/elements/pfe-icon-panel/dist/pfe-icon-panel.min.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-icon-panel.min.js","sources":["../_temp/pfe-icon-panel.js"],"sourcesContent":["/*!\n * PatternFly Elements: PfeIconPanel 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\nimport PFElement from \"../../pfelement/dist/pfelement.js\";\nimport \"../../pfe-icon/dist/pfe-icon.js\";\n\nclass PfeIconPanel extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return `\n
    \n \n \n \n
    `;\n }\n\n static get properties() {\n return {\"icon\":{\"title\":\"Icon\",\"type\":\"string\",\"prefixed\":false},\"color\":{\"title\":\"Color\",\"type\":\"string\",\"enum\":[\"complement\",\"accent\",\"lightest\",\"lighter\",\"base\",\"darker\",\"darkest\",\"critical\",\"important\",\"moderate\",\"success\",\"info\"],\"default\":\"base\",\"prefixed\":true},\"centered\":{\"title\":\"Centered\",\"type\":\"boolean\",\"prefixed\":true,\"default\":false},\"stacked\":{\"title\":\"Stacked\",\"type\":\"boolean\",\"prefixed\":true,\"default\":false},\"circled\":{\"title\":\"Circled\",\"type\":\"boolean\",\"default\":true,\"prefixed\":true}};\n }\n\n static get slots() {\n return {\"header\":{\"title\":\"Header\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Header item\",\"oneOf\":[{\"$ref\":\"raw\"}]}},\"body\":{\"title\":\"Body\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"title\":\"Body item\",\"oneOf\":[{\"$ref\":\"raw\"}]}},\"footer\":{\"title\":\"Footer\",\"type\":\"array\",\"namedSlot\":true,\"maxItems\":3,\"items\":{\"title\":\"Footer item\",\"oneOf\":[{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-icon-panel\";\n }\n\n get styleUrl() {\n return \"pfe-icon-panel.scss\";\n }\n\n get templateUrl() {\n return \"pfe-icon-panel.html\";\n }\n\n get schemaUrl() {\n return \"pfe-icon-panel.json\";\n }\n\n static get observedAttributes() {\n return [\"icon\", \"pfe-circled\", \"pfe-color\", \"pfe-stacked\", \"pfe-centered\"];\n }\n\n static get cascadingAttributes() {\n return {\n icon: \"pfe-icon\",\n \"pfe-circled\": \"pfe-icon\",\n \"pfe-color\": \"pfe-icon\"\n };\n }\n\n constructor() {\n super(PfeIconPanel);\n }\n}\n\nPFElement.create(PfeIconPanel);\n\nexport default PfeIconPanel;\n"],"names":["PfeIconPanel","PFElement","version","html","this","getAttribute","properties","icon","title","type","prefixed","color","enum","default","centered","stacked","circled","slots","header","namedSlot","items","oneOf","$ref","body","footer","maxItems","tag","styleUrl","templateUrl","schemaUrl","observedAttributes","cascadingAttributes","pfe-circled","pfe-color","[object Object]","super","create"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EA4BA,MAAMA,UAAqBC,EACzBC,qBACE,MAAO,sBAGTC,WACE,y+CAE+D,SAArCC,KAAKC,aAAa,eAA4B,KAAO,6QAQjFC,wBACE,MAAO,CAACC,KAAO,CAACC,MAAQ,OAAOC,KAAO,SAASC,UAAW,GAAOC,MAAQ,CAACH,MAAQ,QAAQC,KAAO,SAASG,KAAO,CAAC,aAAa,SAAS,WAAW,UAAU,OAAO,SAAS,UAAU,WAAW,YAAY,WAAW,UAAU,QAAQC,QAAU,OAAOH,UAAW,GAAMI,SAAW,CAACN,MAAQ,WAAWC,KAAO,UAAUC,UAAW,EAAKG,SAAU,GAAOE,QAAU,CAACP,MAAQ,UAAUC,KAAO,UAAUC,UAAW,EAAKG,SAAU,GAAOG,QAAU,CAACR,MAAQ,UAAUC,KAAO,UAAUI,SAAU,EAAKH,UAAW,IAGvfO,mBACE,MAAO,CAACC,OAAS,CAACV,MAAQ,SAASC,KAAO,QAAQU,WAAY,EAAKC,MAAQ,CAACZ,MAAQ,cAAca,MAAQ,CAAC,CAACC,KAAO,UAAUC,KAAO,CAACf,MAAQ,OAAOC,KAAO,QAAQU,WAAY,EAAMC,MAAQ,CAACZ,MAAQ,YAAYa,MAAQ,CAAC,CAACC,KAAO,UAAUE,OAAS,CAAChB,MAAQ,SAASC,KAAO,QAAQU,WAAY,EAAKM,SAAW,EAAEL,MAAQ,CAACZ,MAAQ,cAAca,MAAQ,CAAC,CAACC,KAAO,WAEvWI,iBACE,MAAO,iBAGTC,eACE,MAAO,sBAGTC,kBACE,MAAO,sBAGTC,gBACE,MAAO,sBAGTC,gCACE,MAAO,CAAC,OAAQ,cAAe,YAAa,cAAe,gBAG7DC,iCACE,MAAO,CACLxB,KAAM,WACNyB,cAAe,WACfC,YAAa,YAIjBC,cACEC,MAAMnC,IAIVC,EAAUmC,OAAOpC"} \ No newline at end of file diff --git a/elements/pfe-icon-panel/dist/pfe-icon-panel.umd.js b/elements/pfe-icon-panel/dist/pfe-icon-panel.umd.js new file mode 100644 index 0000000000..cbc5ef3e18 --- /dev/null +++ b/elements/pfe-icon-panel/dist/pfe-icon-panel.umd.js @@ -0,0 +1,153 @@ +(function (global, factory) { + typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('../../pfelement/dist/pfelement.umd'), require('../../pfe-icon/dist/pfe-icon.umd')) : + typeof define === 'function' && define.amd ? define(['../../pfelement/dist/pfelement.umd', '../../pfe-icon/dist/pfe-icon.umd'], factory) : + (global.PfeIconPanel = factory(global.PFElement)); +}(this, (function (PFElement) { 'use strict'; + + PFElement = PFElement && PFElement.hasOwnProperty('default') ? PFElement['default'] : PFElement; + + var classCallCheck = function (instance, Constructor) { + if (!(instance instanceof Constructor)) { + throw new TypeError("Cannot call a class as a function"); + } + }; + + var createClass = function () { + function defineProperties(target, props) { + for (var i = 0; i < props.length; i++) { + var descriptor = props[i]; + descriptor.enumerable = descriptor.enumerable || false; + descriptor.configurable = true; + if ("value" in descriptor) descriptor.writable = true; + Object.defineProperty(target, descriptor.key, descriptor); + } + } + + return function (Constructor, protoProps, staticProps) { + if (protoProps) defineProperties(Constructor.prototype, protoProps); + if (staticProps) defineProperties(Constructor, staticProps); + return Constructor; + }; + }(); + + var inherits = function (subClass, superClass) { + if (typeof superClass !== "function" && superClass !== null) { + throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); + } + + subClass.prototype = Object.create(superClass && superClass.prototype, { + constructor: { + value: subClass, + enumerable: false, + writable: true, + configurable: true + } + }); + if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; + }; + + var possibleConstructorReturn = function (self, call) { + if (!self) { + throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); + } + + return call && (typeof call === "object" || typeof call === "function") ? call : self; + }; + + /*! + * PatternFly Elements: PfeIconPanel 1.0.0-prerelease.50 + * @license + * Copyright 2020 Red Hat, Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + * + */ + + var PfeIconPanel = function (_PFElement) { + inherits(PfeIconPanel, _PFElement); + createClass(PfeIconPanel, [{ + key: "html", + get: function get$$1() { + return "\n
    \n \n \n \n
    "; + } + }, { + key: "styleUrl", + get: function get$$1() { + return "pfe-icon-panel.scss"; + } + }, { + key: "templateUrl", + get: function get$$1() { + return "pfe-icon-panel.html"; + } + }, { + key: "schemaUrl", + get: function get$$1() { + return "pfe-icon-panel.json"; + } + }], [{ + key: "version", + get: function get$$1() { + return "1.0.0-prerelease.50"; + } + }, { + key: "properties", + get: function get$$1() { + return { "icon": { "title": "Icon", "type": "string", "prefixed": false }, "color": { "title": "Color", "type": "string", "enum": ["complement", "accent", "lightest", "lighter", "base", "darker", "darkest", "critical", "important", "moderate", "success", "info"], "default": "base", "prefixed": true }, "centered": { "title": "Centered", "type": "boolean", "prefixed": true, "default": false }, "stacked": { "title": "Stacked", "type": "boolean", "prefixed": true, "default": false }, "circled": { "title": "Circled", "type": "boolean", "default": true, "prefixed": true } }; + } + }, { + key: "slots", + get: function get$$1() { + return { "header": { "title": "Header", "type": "array", "namedSlot": true, "items": { "title": "Header item", "oneOf": [{ "$ref": "raw" }] } }, "body": { "title": "Body", "type": "array", "namedSlot": false, "items": { "title": "Body item", "oneOf": [{ "$ref": "raw" }] } }, "footer": { "title": "Footer", "type": "array", "namedSlot": true, "maxItems": 3, "items": { "title": "Footer item", "oneOf": [{ "$ref": "raw" }] } } }; + } + }, { + key: "tag", + get: function get$$1() { + return "pfe-icon-panel"; + } + }, { + key: "observedAttributes", + get: function get$$1() { + return ["icon", "pfe-circled", "pfe-color", "pfe-stacked", "pfe-centered"]; + } + }, { + key: "cascadingAttributes", + get: function get$$1() { + return { + icon: "pfe-icon", + "pfe-circled": "pfe-icon", + "pfe-color": "pfe-icon" + }; + } + }]); + + function PfeIconPanel() { + classCallCheck(this, PfeIconPanel); + return possibleConstructorReturn(this, (PfeIconPanel.__proto__ || Object.getPrototypeOf(PfeIconPanel)).call(this, PfeIconPanel)); + } + + return PfeIconPanel; + }(PFElement); + + PFElement.create(PfeIconPanel); + + return PfeIconPanel; + +}))); +//# sourceMappingURL=pfe-icon-panel.umd.js.map diff --git a/elements/pfe-icon-panel/dist/pfe-icon-panel.umd.js.map b/elements/pfe-icon-panel/dist/pfe-icon-panel.umd.js.map new file mode 100644 index 0000000000..ef75c17c4f --- /dev/null +++ b/elements/pfe-icon-panel/dist/pfe-icon-panel.umd.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-icon-panel.umd.js","sources":["../_temp/pfe-icon-panel.umd.js"],"sourcesContent":["/*!\n * PatternFly Elements: PfeIconPanel 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\nimport PFElement from \"../../pfelement/dist/pfelement.umd\";\nimport \"../../pfe-icon/dist/pfe-icon.umd\";\n\nclass PfeIconPanel extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return `\n
    \n \n \n \n
    `;\n }\n\n static get properties() {\n return {\"icon\":{\"title\":\"Icon\",\"type\":\"string\",\"prefixed\":false},\"color\":{\"title\":\"Color\",\"type\":\"string\",\"enum\":[\"complement\",\"accent\",\"lightest\",\"lighter\",\"base\",\"darker\",\"darkest\",\"critical\",\"important\",\"moderate\",\"success\",\"info\"],\"default\":\"base\",\"prefixed\":true},\"centered\":{\"title\":\"Centered\",\"type\":\"boolean\",\"prefixed\":true,\"default\":false},\"stacked\":{\"title\":\"Stacked\",\"type\":\"boolean\",\"prefixed\":true,\"default\":false},\"circled\":{\"title\":\"Circled\",\"type\":\"boolean\",\"default\":true,\"prefixed\":true}};\n }\n\n static get slots() {\n return {\"header\":{\"title\":\"Header\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Header item\",\"oneOf\":[{\"$ref\":\"raw\"}]}},\"body\":{\"title\":\"Body\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"title\":\"Body item\",\"oneOf\":[{\"$ref\":\"raw\"}]}},\"footer\":{\"title\":\"Footer\",\"type\":\"array\",\"namedSlot\":true,\"maxItems\":3,\"items\":{\"title\":\"Footer item\",\"oneOf\":[{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-icon-panel\";\n }\n\n get styleUrl() {\n return \"pfe-icon-panel.scss\";\n }\n\n get templateUrl() {\n return \"pfe-icon-panel.html\";\n }\n\n get schemaUrl() {\n return \"pfe-icon-panel.json\";\n }\n\n static get observedAttributes() {\n return [\"icon\", \"pfe-circled\", \"pfe-color\", \"pfe-stacked\", \"pfe-centered\"];\n }\n\n static get cascadingAttributes() {\n return {\n icon: \"pfe-icon\",\n \"pfe-circled\": \"pfe-icon\",\n \"pfe-color\": \"pfe-icon\"\n };\n }\n\n constructor() {\n super(PfeIconPanel);\n }\n}\n\nPFElement.create(PfeIconPanel);\n\nexport default PfeIconPanel;\n"],"names":["PfeIconPanel","getAttribute","icon","PFElement","create"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAA;;;;;;;;;;;;;;;;;;;;;;;;;MA4BMA;;;;6BAKO;EACT,o/CAE0B,KAAKC,YAAL,CAAkB,aAAlB,MAAqC,MAArC,GAA8C,IAA9C,GAAqD,IAF/E;EAQD;;;6BAac;EACb,aAAO,qBAAP;EACD;;;6BAEiB;EAChB,aAAO,qBAAP;EACD;;;6BAEe;EACd,aAAO,qBAAP;EACD;;;6BApCoB;EACnB,aAAO,qBAAP;EACD;;;6BAauB;EACtB,aAAO,EAAC,QAAO,EAAC,SAAQ,MAAT,EAAgB,QAAO,QAAvB,EAAgC,YAAW,KAA3C,EAAR,EAA0D,SAAQ,EAAC,SAAQ,OAAT,EAAiB,QAAO,QAAxB,EAAiC,QAAO,CAAC,YAAD,EAAc,QAAd,EAAuB,UAAvB,EAAkC,SAAlC,EAA4C,MAA5C,EAAmD,QAAnD,EAA4D,SAA5D,EAAsE,UAAtE,EAAiF,WAAjF,EAA6F,UAA7F,EAAwG,SAAxG,EAAkH,MAAlH,CAAxC,EAAkK,WAAU,MAA5K,EAAmL,YAAW,IAA9L,EAAlE,EAAsQ,YAAW,EAAC,SAAQ,UAAT,EAAoB,QAAO,SAA3B,EAAqC,YAAW,IAAhD,EAAqD,WAAU,KAA/D,EAAjR,EAAuV,WAAU,EAAC,SAAQ,SAAT,EAAmB,QAAO,SAA1B,EAAoC,YAAW,IAA/C,EAAoD,WAAU,KAA9D,EAAjW,EAAsa,WAAU,EAAC,SAAQ,SAAT,EAAmB,QAAO,SAA1B,EAAoC,WAAU,IAA9C,EAAmD,YAAW,IAA9D,EAAhb,EAAP;EACD;;;6BAEkB;EACjB,aAAO,EAAC,UAAS,EAAC,SAAQ,QAAT,EAAkB,QAAO,OAAzB,EAAiC,aAAY,IAA7C,EAAkD,SAAQ,EAAC,SAAQ,aAAT,EAAuB,SAAQ,CAAC,EAAC,QAAO,KAAR,EAAD,CAA/B,EAA1D,EAAV,EAAsH,QAAO,EAAC,SAAQ,MAAT,EAAgB,QAAO,OAAvB,EAA+B,aAAY,KAA3C,EAAiD,SAAQ,EAAC,SAAQ,WAAT,EAAqB,SAAQ,CAAC,EAAC,QAAO,KAAR,EAAD,CAA7B,EAAzD,EAA7H,EAAsO,UAAS,EAAC,SAAQ,QAAT,EAAkB,QAAO,OAAzB,EAAiC,aAAY,IAA7C,EAAkD,YAAW,CAA7D,EAA+D,SAAQ,EAAC,SAAQ,aAAT,EAAuB,SAAQ,CAAC,EAAC,QAAO,KAAR,EAAD,CAA/B,EAAvE,EAA/O,EAAP;EACD;;;6BACgB;EACf,aAAO,gBAAP;EACD;;;6BAc+B;EAC9B,aAAO,CAAC,MAAD,EAAS,aAAT,EAAwB,WAAxB,EAAqC,aAArC,EAAoD,cAApD,CAAP;EACD;;;6BAEgC;EAC/B,aAAO;EACLC,cAAM,UADD;EAEL,uBAAe,UAFV;EAGL,qBAAa;EAHR,OAAP;EAKD;;;EAED,0BAAc;EAAA;EAAA,sHACNF,YADM;EAEb;;;IArDwBG;;EAwD3BA,UAAUC,MAAV,CAAiBJ,YAAjB;;;;;;;;"} \ No newline at end of file diff --git a/elements/pfe-icon-panel/dist/pfe-icon-panel.umd.min.js b/elements/pfe-icon-panel/dist/pfe-icon-panel.umd.min.js new file mode 100644 index 0000000000..4826194af7 --- /dev/null +++ b/elements/pfe-icon-panel/dist/pfe-icon-panel.umd.min.js @@ -0,0 +1,2 @@ +!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("../../pfelement/dist/pfelement.umd"),require("../../pfe-icon/dist/pfe-icon.umd")):"function"==typeof define&&define.amd?define(["../../pfelement/dist/pfelement.umd","../../pfe-icon/dist/pfe-icon.umd"],t):e.PfeIconPanel=t(e.PFElement)}(this,function(e){"use strict";e=e&&e.hasOwnProperty("default")?e.default:e;var t=function(e,t,n){return t&&o(e.prototype,t),n&&o(e,n),e};function o(e,t){for(var n=0;n:host{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}@media (min-width:576px){:host{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}}:host([pfe-stacked]:not([pfe-stacked=false])){-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}:host([pfe-stacked]:not([pfe-stacked=false])[pfe-centered]:not([pfe-centered=false])){-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.pfe-icon-panel__content{margin-top:16px;margin-top:var(--pfe-theme--container-spacer,16px);margin-left:0}@media (min-width:576px){.pfe-icon-panel__content{margin-top:0;margin-left:16px;margin-left:var(--pfe-theme--container-spacer,16px)}}:host([pfe-stacked]:not([pfe-stacked=false])) .pfe-icon-panel__content{margin-top:16px;margin-top:var(--pfe-theme--container-spacer,16px);margin-left:0}.pfe-icon-panel__footer{margin-top:24px;margin-top:var(--pfe-theme--content-spacer,24px)}\n/*# sourceMappingURL=pfe-icon-panel.min.css.map */\n\n
    \n \n \n \n
    '}},{key:"styleUrl",get:function(){return"pfe-icon-panel.scss"}},{key:"templateUrl",get:function(){return"pfe-icon-panel.html"}},{key:"schemaUrl",get:function(){return"pfe-icon-panel.json"}}],[{key:"version",get:function(){return"1.0.0-prerelease.50"}},{key:"properties",get:function(){return{icon:{title:"Icon",type:"string",prefixed:!1},color:{title:"Color",type:"string",enum:["complement","accent","lightest","lighter","base","darker","darkest","critical","important","moderate","success","info"],default:"base",prefixed:!0},centered:{title:"Centered",type:"boolean",prefixed:!0,default:!1},stacked:{title:"Stacked",type:"boolean",prefixed:!0,default:!1},circled:{title:"Circled",type:"boolean",default:!0,prefixed:!0}}}},{key:"slots",get:function(){return{header:{title:"Header",type:"array",namedSlot:!0,items:{title:"Header item",oneOf:[{$ref:"raw"}]}},body:{title:"Body",type:"array",namedSlot:!1,items:{title:"Body item",oneOf:[{$ref:"raw"}]}},footer:{title:"Footer",type:"array",namedSlot:!0,maxItems:3,items:{title:"Footer item",oneOf:[{$ref:"raw"}]}}}}},{key:"tag",get:function(){return"pfe-icon-panel"}},{key:"observedAttributes",get:function(){return["icon","pfe-circled","pfe-color","pfe-stacked","pfe-centered"]}},{key:"cascadingAttributes",get:function(){return{icon:"pfe-icon","pfe-circled":"pfe-icon","pfe-color":"pfe-icon"}}}]),i);function i(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,i),function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,i))}return e.create(n),n}); +//# sourceMappingURL=pfe-icon-panel.umd.min.js.map diff --git a/elements/pfe-icon-panel/dist/pfe-icon-panel.umd.min.js.map b/elements/pfe-icon-panel/dist/pfe-icon-panel.umd.min.js.map new file mode 100644 index 0000000000..aeeb6724a6 --- /dev/null +++ b/elements/pfe-icon-panel/dist/pfe-icon-panel.umd.min.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-icon-panel.umd.min.js","sources":["../_temp/pfe-icon-panel.umd.js"],"sourcesContent":["/*!\n * PatternFly Elements: PfeIconPanel 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\nimport PFElement from \"../../pfelement/dist/pfelement.umd\";\nimport \"../../pfe-icon/dist/pfe-icon.umd\";\n\nclass PfeIconPanel extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return `\n
    \n \n \n \n
    `;\n }\n\n static get properties() {\n return {\"icon\":{\"title\":\"Icon\",\"type\":\"string\",\"prefixed\":false},\"color\":{\"title\":\"Color\",\"type\":\"string\",\"enum\":[\"complement\",\"accent\",\"lightest\",\"lighter\",\"base\",\"darker\",\"darkest\",\"critical\",\"important\",\"moderate\",\"success\",\"info\"],\"default\":\"base\",\"prefixed\":true},\"centered\":{\"title\":\"Centered\",\"type\":\"boolean\",\"prefixed\":true,\"default\":false},\"stacked\":{\"title\":\"Stacked\",\"type\":\"boolean\",\"prefixed\":true,\"default\":false},\"circled\":{\"title\":\"Circled\",\"type\":\"boolean\",\"default\":true,\"prefixed\":true}};\n }\n\n static get slots() {\n return {\"header\":{\"title\":\"Header\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Header item\",\"oneOf\":[{\"$ref\":\"raw\"}]}},\"body\":{\"title\":\"Body\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"title\":\"Body item\",\"oneOf\":[{\"$ref\":\"raw\"}]}},\"footer\":{\"title\":\"Footer\",\"type\":\"array\",\"namedSlot\":true,\"maxItems\":3,\"items\":{\"title\":\"Footer item\",\"oneOf\":[{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-icon-panel\";\n }\n\n get styleUrl() {\n return \"pfe-icon-panel.scss\";\n }\n\n get templateUrl() {\n return \"pfe-icon-panel.html\";\n }\n\n get schemaUrl() {\n return \"pfe-icon-panel.json\";\n }\n\n static get observedAttributes() {\n return [\"icon\", \"pfe-circled\", \"pfe-color\", \"pfe-stacked\", \"pfe-centered\"];\n }\n\n static get cascadingAttributes() {\n return {\n icon: \"pfe-icon\",\n \"pfe-circled\": \"pfe-icon\",\n \"pfe-color\": \"pfe-icon\"\n };\n }\n\n constructor() {\n super(PfeIconPanel);\n }\n}\n\nPFElement.create(PfeIconPanel);\n\nexport default PfeIconPanel;\n"],"names":["PfeIconPanel","PFElement","this","getAttribute","icon","title","type","prefixed","color","enum","default","centered","stacked","circled","header","namedSlot","items","oneOf","$ref","body","footer","maxItems","create"],"mappings":"4nBA4BMA,+TAAqBC,6gDAQwC,SAArCC,KAAKC,aAAa,eAA4B,KAAO,sTAoBxE,gEAIA,8DAIA,8DAlCA,+DAeA,CAACC,KAAO,CAACC,MAAQ,OAAOC,KAAO,SAASC,UAAW,GAAOC,MAAQ,CAACH,MAAQ,QAAQC,KAAO,SAASG,KAAO,CAAC,aAAa,SAAS,WAAW,UAAU,OAAO,SAAS,UAAU,WAAW,YAAY,WAAW,UAAU,QAAQC,QAAU,OAAOH,UAAW,GAAMI,SAAW,CAACN,MAAQ,WAAWC,KAAO,UAAUC,UAAW,EAAKG,SAAU,GAAOE,QAAU,CAACP,MAAQ,UAAUC,KAAO,UAAUC,UAAW,EAAKG,SAAU,GAAOG,QAAU,CAACR,MAAQ,UAAUC,KAAO,UAAUI,SAAU,EAAKH,UAAW,wCAI9e,CAACO,OAAS,CAACT,MAAQ,SAASC,KAAO,QAAQS,WAAY,EAAKC,MAAQ,CAACX,MAAQ,cAAcY,MAAQ,CAAC,CAACC,KAAO,UAAUC,KAAO,CAACd,MAAQ,OAAOC,KAAO,QAAQS,WAAY,EAAMC,MAAQ,CAACX,MAAQ,YAAYY,MAAQ,CAAC,CAACC,KAAO,UAAUE,OAAS,CAACf,MAAQ,SAASC,KAAO,QAAQS,WAAY,EAAKM,SAAW,EAAEL,MAAQ,CAACX,MAAQ,cAAcY,MAAQ,CAAC,CAACC,KAAO,6CAG9V,kEAgBA,CAAC,OAAQ,cAAe,YAAa,cAAe,kEAIpD,MACC,yBACS,uBACF,qWAKTlB,WAIVC,EAAUqB,OAAOtB"} \ No newline at end of file diff --git a/elements/pfe-icon-panel/package-lock.json b/elements/pfe-icon-panel/package-lock.json index c5e526bc86..6c534665f9 100644 --- a/elements/pfe-icon-panel/package-lock.json +++ b/elements/pfe-icon-panel/package-lock.json @@ -1,6 +1,6 @@ { "name": "@patternfly/pfe-icon-panel", - "version": "1.0.0-prerelease.49", + "version": "1.0.0-prerelease.50", "lockfileVersion": 1, "requires": true, "dependencies": { diff --git a/elements/pfe-icon-panel/package.json b/elements/pfe-icon-panel/package.json index 40b03434c4..b50a7d53fc 100644 --- a/elements/pfe-icon-panel/package.json +++ b/elements/pfe-icon-panel/package.json @@ -4,7 +4,7 @@ "className": "PfeIconPanel", "elementName": "pfe-icon-panel" }, - "version": "1.0.0-prerelease.49", + "version": "1.0.0-prerelease.50", "publishConfig": { "access": "public" }, @@ -39,8 +39,8 @@ ], "license": "MIT", "dependencies": { - "@patternfly/pfe-sass": "^1.0.0-prerelease.49", - "@patternfly/pfelement": "^1.0.0-prerelease.49" + "@patternfly/pfe-sass": "^1.0.0-prerelease.50", + "@patternfly/pfelement": "^1.0.0-prerelease.50" }, "generator-pfelement-version": "0.5.0", "bugs": { diff --git a/elements/pfe-icon/dist/pfe-icon.js b/elements/pfe-icon/dist/pfe-icon.js new file mode 100644 index 0000000000..6caa2a89e6 --- /dev/null +++ b/elements/pfe-icon/dist/pfe-icon.js @@ -0,0 +1,277 @@ +import PFElement from '../../pfelement/dist/pfelement.js'; + +class PfeIconSet { + /** + * Run the icon set's name resolver to turn an icon name into an icon path, id, etc. + */ + resolveIconName(iconName) { + return this._resolveIconName(iconName, this.name, this.path); + } + + /** + * Create a new icon set. Icon sets have a name (ie, a namespace). For + * example, an icon with a name of "rh-logo" represents a "logo" icon from the + * "rh" set. Icon set names are always separated from the rest of the icon + * name with a hyphen `-`. This means that set names cannot contain a hyphen. + * + * @param {String} name the namespace of the icon set + * @param {String} path the web-accessible path to the icon set (for instance, a CDN) + * @param {Function} resolveIconName an optional function to combine the path and an icon name into a final path. The function will be passed the namespaced icon name (for example, "rh-api" where rh is the namespace and api is the individual icon's name) + * @returns {Object} an object with the status of the icon set installation, such as `{ result: true, text: 'icon set installed' }` or `{ result: false, text: 'icon set is already installed' }` + */ + constructor(name, path, resolveIconName) { + this.name = name; + this.path = path; + this._resolveIconName = resolveIconName; + } +} + +/** + * An 'init' function to add the PFE built-in icon sets to the current page. + */ +function addBuiltIns(PfeIcon) { + [ + { + name: "web", + path: "https://access.redhat.com/webassets/avalon/j/lib/rh-iconfont-svgs" + }, + { + name: "rh", + path: "https://access.redhat.com/webassets/avalon/j/lib/rh-iconfont-svgs" + } + ].forEach(set => + PfeIcon.addIconSet(set.name, set.path, (name, iconSetName, iconSetPath) => { + const regex = new RegExp(`^${iconSetName}(-icon)?-(.*)`); + const [, , iconName] = regex.exec(name); + + const iconId = `${iconSetName}-icon-${iconName}`; + const iconPath = `${iconSetPath}/${iconId}.svg`; + + return iconPath; + }) + ); +} + +/*! + * PatternFly Elements: PfeIcon 1.0.0-prerelease.50 + * @license + * Copyright 2020 Red Hat, Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + * +*/ + +/** + * Sets the id attribute on the element and points the CSS `filter` at that id. + */ +function _setRandomFilterId(el) { + const randomId = + "filter-" + + Math.random() + .toString() + .slice(2, 10); + + // set the CSS filter property to point at the given id + el.shadowRoot.querySelector("svg image").style.filter = `url(#${randomId})`; + + // set the id attribute on the SVG filter element to match + el.shadowRoot.querySelector("svg filter").setAttribute("id", randomId); +} + +class PfeIcon extends PFElement { + static get version() { + return "1.0.0-prerelease.50"; + } + + get html() { + return `
    + +
    + + + + + + +`; + } + + static get properties() { + return {"icon":{"title":"Icon","type":"string","prefixed":false},"size":{"title":"Size","type":"string","enum":["xl","lg","md","sm","2x","3x","4x"],"prefixed":true},"color":{"title":"Color","type":"string","enum":["complement","accent","lightest","lighter","base","darker","darkest","critical","important","moderate","success","info"],"prefixed":true},"circled":{"title":"Circled","type":"boolean","default":false,"prefixed":true}}; + } + + static get slots() { + return {}; + } + static get tag() { + return "pfe-icon"; + } + + get templateUrl() { + return "pfe-icon.html"; + } + + get styleUrl() { + return "pfe-icon.scss"; + } + + get schemaUrl() { + return "pfe-icon.json"; + } + + // Declare the type of this component + static get PfeType() { + return PFElement.PfeTypes.Content; + } + + static get EVENTS() { + return { + ADD_ICON_SET: `${this.tag}:add-icon-set` + }; + } + + get upgraded() { + return this.image.hasAttribute("xlink:href"); + } + + get has_fallback() { + return this.children.length > 0 || this.innerText.length > 0; + } + + static get observedAttributes() { + return ["icon", "on-fail", "pfe-circled", "pfe-color"]; + } + + _iconLoad() { + this.classList.remove("load-failed"); + } + + _iconLoadError() { + this.classList.add("load-failed"); + if (this.has_fallback) { + this.classList.add("has-fallback"); + } + } + + constructor() { + super(PfeIcon, { type: PfeIcon.PfeType }); + + this._iconLoad = this._iconLoad.bind(this); + this._iconLoadError = this._iconLoadError.bind(this); + + this.image = this.shadowRoot.querySelector("svg image"); + if (this.image) { + this.image.addEventListener("load", this._iconLoad); + this.image.addEventListener("error", this._iconLoadError); + } + + // Attach a listener for the registration of an icon set + // Leaving this attached allows for the registered set to be updated + document.body.addEventListener(PfeIcon.EVENTS.ADD_ICON_SET, () => + this.updateIcon() + ); + } + + disconnectedCallback() { + super.disconnectedCallback(); + + if (this.image) { + this.image.removeEventListener("load", this._iconLoad); + this.image.removeEventListener("error", this._iconLoadError); + } + } + + attributeChangedCallback(attr, oldValue, newValue) { + super.attributeChangedCallback(...arguments); + this.updateIcon(newValue); + this.context_update(); + } + + updateIcon(iconName = this.getAttribute("icon")) { + const { set } = PfeIcon.getIconSet(iconName); + if (set) { + const iconPath = set.resolveIconName(iconName); + this.image.setAttribute("xlink:href", iconPath); + _setRandomFilterId(this); + } + } + + /** + * Get an icon set by providing the set's name, _or_ the name of an icon from that set. + * + * @param {String} iconName the name of the set, or the name of an icon from that set. + * @return {PfeIconSet} the icon set + */ + static getIconSet(iconName) { + let set; + if (iconName) { + const [setName] = iconName.split("-"); + set = this._iconSets[setName]; + } + return { set }; + } + + static addIconSet(name, path, resolveIconName) { + let resolveFunction; + + if (typeof resolveIconName === "function") { + resolveFunction = resolveIconName; + } else if ( + typeof resolveIconName === "undefined" && + this._iconSets[name] && + typeof this._iconSets[name]._resolveIconName === "function" + ) { + resolveFunction = this._iconSets[name]._resolveIconName; + } else if ( + typeof resolveIconName !== "function" && + typeof resolveIconName !== "undefined" + ) { + console.warn( + `${this.tag}: The third input to addIconSet should be a function that parses and returns the icon's filename.` + ); + } else { + console.warn( + `${this.tag}: The set ${name} needs a resolve function for the icon names.` + ); + } + + // Register the icon set and set up the event indicating the change + this._iconSets[name] = new PfeIconSet(name, path, resolveFunction); + + document.body.dispatchEvent( + new CustomEvent(this.EVENTS.ADD_ICON_SET, { + bubbles: false, + detail: { + set: this._iconSets[name] + } + }) + ); + } +} + +PfeIcon._iconSets = {}; + +addBuiltIns(PfeIcon); + +PFElement.create(PfeIcon); + +export default PfeIcon; +//# sourceMappingURL=pfe-icon.js.map diff --git a/elements/pfe-icon/dist/pfe-icon.js.map b/elements/pfe-icon/dist/pfe-icon.js.map new file mode 100644 index 0000000000..8a3221f8e1 --- /dev/null +++ b/elements/pfe-icon/dist/pfe-icon.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-icon.js","sources":["../_temp/icon-set.js","../_temp/builtin-icon-sets.js","../_temp/pfe-icon.js"],"sourcesContent":["class PfeIconSet {\n /**\n * Run the icon set's name resolver to turn an icon name into an icon path, id, etc.\n */\n resolveIconName(iconName) {\n return this._resolveIconName(iconName, this.name, this.path);\n }\n\n /**\n * Create a new icon set. Icon sets have a name (ie, a namespace). For\n * example, an icon with a name of \"rh-logo\" represents a \"logo\" icon from the\n * \"rh\" set. Icon set names are always separated from the rest of the icon\n * name with a hyphen `-`. This means that set names cannot contain a hyphen.\n *\n * @param {String} name the namespace of the icon set\n * @param {String} path the web-accessible path to the icon set (for instance, a CDN)\n * @param {Function} resolveIconName an optional function to combine the path and an icon name into a final path. The function will be passed the namespaced icon name (for example, \"rh-api\" where rh is the namespace and api is the individual icon's name)\n * @returns {Object} an object with the status of the icon set installation, such as `{ result: true, text: 'icon set installed' }` or `{ result: false, text: 'icon set is already installed' }`\n */\n constructor(name, path, resolveIconName) {\n this.name = name;\n this.path = path;\n this._resolveIconName = resolveIconName;\n }\n}\n\nexport default PfeIconSet;\n","/**\n * An 'init' function to add the PFE built-in icon sets to the current page.\n */\nexport function addBuiltIns(PfeIcon) {\n [\n {\n name: \"web\",\n path: \"https://access.redhat.com/webassets/avalon/j/lib/rh-iconfont-svgs\"\n },\n {\n name: \"rh\",\n path: \"https://access.redhat.com/webassets/avalon/j/lib/rh-iconfont-svgs\"\n }\n ].forEach(set =>\n PfeIcon.addIconSet(set.name, set.path, (name, iconSetName, iconSetPath) => {\n const regex = new RegExp(`^${iconSetName}(-icon)?-(.*)`);\n const [, , iconName] = regex.exec(name);\n\n const iconId = `${iconSetName}-icon-${iconName}`;\n const iconPath = `${iconSetPath}/${iconId}.svg`;\n\n return iconPath;\n })\n );\n}\n","/*!\n * PatternFly Elements: PfeIcon 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\nimport PFElement from \"../../pfelement/dist/pfelement.js\";\nimport PfeIconSet from \"./icon-set.js\";\nimport { addBuiltIns } from \"./builtin-icon-sets.js\";\n\n/**\n * Sets the id attribute on the element and points the CSS `filter` at that id.\n */\nfunction _setRandomFilterId(el) {\n const randomId =\n \"filter-\" +\n Math.random()\n .toString()\n .slice(2, 10);\n\n // set the CSS filter property to point at the given id\n el.shadowRoot.querySelector(\"svg image\").style.filter = `url(#${randomId})`;\n\n // set the id attribute on the SVG filter element to match\n el.shadowRoot.querySelector(\"svg filter\").setAttribute(\"id\", randomId);\n}\n\nclass PfeIcon extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return `
    \n \n
    \n\n \n \n \n \n \n`;\n }\n\n static get properties() {\n return {\"icon\":{\"title\":\"Icon\",\"type\":\"string\",\"prefixed\":false},\"size\":{\"title\":\"Size\",\"type\":\"string\",\"enum\":[\"xl\",\"lg\",\"md\",\"sm\",\"2x\",\"3x\",\"4x\"],\"prefixed\":true},\"color\":{\"title\":\"Color\",\"type\":\"string\",\"enum\":[\"complement\",\"accent\",\"lightest\",\"lighter\",\"base\",\"darker\",\"darkest\",\"critical\",\"important\",\"moderate\",\"success\",\"info\"],\"prefixed\":true},\"circled\":{\"title\":\"Circled\",\"type\":\"boolean\",\"default\":false,\"prefixed\":true}};\n }\n\n static get slots() {\n return {};\n }\n static get tag() {\n return \"pfe-icon\";\n }\n\n get templateUrl() {\n return \"pfe-icon.html\";\n }\n\n get styleUrl() {\n return \"pfe-icon.scss\";\n }\n\n get schemaUrl() {\n return \"pfe-icon.json\";\n }\n\n // Declare the type of this component\n static get PfeType() {\n return PFElement.PfeTypes.Content;\n }\n\n static get EVENTS() {\n return {\n ADD_ICON_SET: `${this.tag}:add-icon-set`\n };\n }\n\n get upgraded() {\n return this.image.hasAttribute(\"xlink:href\");\n }\n\n get has_fallback() {\n return this.children.length > 0 || this.innerText.length > 0;\n }\n\n static get observedAttributes() {\n return [\"icon\", \"on-fail\", \"pfe-circled\", \"pfe-color\"];\n }\n\n _iconLoad() {\n this.classList.remove(\"load-failed\");\n }\n\n _iconLoadError() {\n this.classList.add(\"load-failed\");\n if (this.has_fallback) {\n this.classList.add(\"has-fallback\");\n }\n }\n\n constructor() {\n super(PfeIcon, { type: PfeIcon.PfeType });\n\n this._iconLoad = this._iconLoad.bind(this);\n this._iconLoadError = this._iconLoadError.bind(this);\n\n this.image = this.shadowRoot.querySelector(\"svg image\");\n if (this.image) {\n this.image.addEventListener(\"load\", this._iconLoad);\n this.image.addEventListener(\"error\", this._iconLoadError);\n }\n\n // Attach a listener for the registration of an icon set\n // Leaving this attached allows for the registered set to be updated\n document.body.addEventListener(PfeIcon.EVENTS.ADD_ICON_SET, () =>\n this.updateIcon()\n );\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n\n if (this.image) {\n this.image.removeEventListener(\"load\", this._iconLoad);\n this.image.removeEventListener(\"error\", this._iconLoadError);\n }\n }\n\n attributeChangedCallback(attr, oldValue, newValue) {\n super.attributeChangedCallback(...arguments);\n this.updateIcon(newValue);\n this.context_update();\n }\n\n updateIcon(iconName = this.getAttribute(\"icon\")) {\n const { set } = PfeIcon.getIconSet(iconName);\n if (set) {\n const iconPath = set.resolveIconName(iconName);\n this.image.setAttribute(\"xlink:href\", iconPath);\n _setRandomFilterId(this);\n }\n }\n\n /**\n * Get an icon set by providing the set's name, _or_ the name of an icon from that set.\n *\n * @param {String} iconName the name of the set, or the name of an icon from that set.\n * @return {PfeIconSet} the icon set\n */\n static getIconSet(iconName) {\n let set;\n if (iconName) {\n const [setName] = iconName.split(\"-\");\n set = this._iconSets[setName];\n }\n return { set };\n }\n\n static addIconSet(name, path, resolveIconName) {\n let resolveFunction;\n\n if (typeof resolveIconName === \"function\") {\n resolveFunction = resolveIconName;\n } else if (\n typeof resolveIconName === \"undefined\" &&\n this._iconSets[name] &&\n typeof this._iconSets[name]._resolveIconName === \"function\"\n ) {\n resolveFunction = this._iconSets[name]._resolveIconName;\n } else if (\n typeof resolveIconName !== \"function\" &&\n typeof resolveIconName !== \"undefined\"\n ) {\n console.warn(\n `${this.tag}: The third input to addIconSet should be a function that parses and returns the icon's filename.`\n );\n } else {\n console.warn(\n `${this.tag}: The set ${name} needs a resolve function for the icon names.`\n );\n }\n\n // Register the icon set and set up the event indicating the change\n this._iconSets[name] = new PfeIconSet(name, path, resolveFunction);\n\n document.body.dispatchEvent(\n new CustomEvent(this.EVENTS.ADD_ICON_SET, {\n bubbles: false,\n detail: {\n set: this._iconSets[name]\n }\n })\n );\n }\n}\n\nPfeIcon._iconSets = {};\n\naddBuiltIns(PfeIcon);\n\nPFElement.create(PfeIcon);\n\nexport default PfeIcon;\n"],"names":[],"mappings":";;AAAA,MAAM,UAAU,CAAC;;;;EAIf,eAAe,CAAC,QAAQ,EAAE;IACxB,OAAO,IAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;GAC9D;;;;;;;;;;;;;EAaD,WAAW,CAAC,IAAI,EAAE,IAAI,EAAE,eAAe,EAAE;IACvC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IACjB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IACjB,IAAI,CAAC,gBAAgB,GAAG,eAAe,CAAC;GACzC;CACF;;ACxBD;;;AAGA,AAAO,SAAS,WAAW,CAAC,OAAO,EAAE;EACnC;IACE;MACE,IAAI,EAAE,KAAK;MACX,IAAI,EAAE,mEAAmE;KAC1E;IACD;MACE,IAAI,EAAE,IAAI;MACV,IAAI,EAAE,mEAAmE;KAC1E;GACF,CAAC,OAAO,CAAC,GAAG;IACX,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,EAAE,GAAG,CAAC,IAAI,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,WAAW,KAAK;MACzE,MAAM,KAAK,GAAG,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC;MACzD,MAAM,KAAK,QAAQ,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;;MAExC,MAAM,MAAM,GAAG,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC;MACjD,MAAM,QAAQ,GAAG,CAAC,EAAE,WAAW,CAAC,CAAC,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC;;MAEhD,OAAO,QAAQ,CAAC;KACjB,CAAC;GACH,CAAC;CACH;;ACxBD;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,AAIA;;;;AAIA,SAAS,kBAAkB,CAAC,EAAE,EAAE;EAC9B,MAAM,QAAQ;IACZ,SAAS;IACT,IAAI,CAAC,MAAM,EAAE;OACV,QAAQ,EAAE;OACV,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;;;EAGlB,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;;;EAG5E,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC,YAAY,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;CACxE;;AAED,MAAM,OAAO,SAAS,SAAS,CAAC;EAC9B,WAAW,OAAO,GAAG;IACnB,OAAO,qBAAqB,CAAC;GAC9B;;EAED,IAAI,IAAI,GAAG;IACT,OAAO,CAAC;;;;;;;;;;;MAWN,CAAC,CAAC;GACL;;EAED,WAAW,UAAU,GAAG;IACtB,OAAO,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,YAAY,CAAC,QAAQ,CAAC,UAAU,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,SAAS,CAAC,UAAU,CAAC,WAAW,CAAC,UAAU,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC;GACjb;;EAED,WAAW,KAAK,GAAG;IACjB,OAAO,EAAE,CAAC;GACX;EACD,WAAW,GAAG,GAAG;IACf,OAAO,UAAU,CAAC;GACnB;;EAED,IAAI,WAAW,GAAG;IAChB,OAAO,eAAe,CAAC;GACxB;;EAED,IAAI,QAAQ,GAAG;IACb,OAAO,eAAe,CAAC;GACxB;;EAED,IAAI,SAAS,GAAG;IACd,OAAO,eAAe,CAAC;GACxB;;;EAGD,WAAW,OAAO,GAAG;IACnB,OAAO,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC;GACnC;;EAED,WAAW,MAAM,GAAG;IAClB,OAAO;MACL,YAAY,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC;KACzC,CAAC;GACH;;EAED,IAAI,QAAQ,GAAG;IACb,OAAO,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC;GAC9C;;EAED,IAAI,YAAY,GAAG;IACjB,OAAO,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC;GAC9D;;EAED,WAAW,kBAAkB,GAAG;IAC9B,OAAO,CAAC,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,WAAW,CAAC,CAAC;GACxD;;EAED,SAAS,GAAG;IACV,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;GACtC;;EAED,cAAc,GAAG;IACf,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;IAClC,IAAI,IAAI,CAAC,YAAY,EAAE;MACrB,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;KACpC;GACF;;EAED,WAAW,GAAG;IACZ,KAAK,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC;;IAE1C,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3C,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;;IAErD,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;IACxD,IAAI,IAAI,CAAC,KAAK,EAAE;MACd,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,MAAM,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;MACpD,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;KAC3D;;;;IAID,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE;MAC1D,IAAI,CAAC,UAAU,EAAE;KAClB,CAAC;GACH;;EAED,oBAAoB,GAAG;IACrB,KAAK,CAAC,oBAAoB,EAAE,CAAC;;IAE7B,IAAI,IAAI,CAAC,KAAK,EAAE;MACd,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,MAAM,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;MACvD,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;KAC9D;GACF;;EAED,wBAAwB,CAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE;IACjD,KAAK,CAAC,wBAAwB,CAAC,GAAG,SAAS,CAAC,CAAC;IAC7C,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC1B,IAAI,CAAC,cAAc,EAAE,CAAC;GACvB;;EAED,UAAU,CAAC,QAAQ,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE;IAC/C,MAAM,EAAE,GAAG,EAAE,GAAG,OAAO,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC7C,IAAI,GAAG,EAAE;MACP,MAAM,QAAQ,GAAG,GAAG,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;MAC/C,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;MAChD,kBAAkB,CAAC,IAAI,CAAC,CAAC;KAC1B;GACF;;;;;;;;EAQD,OAAO,UAAU,CAAC,QAAQ,EAAE;IAC1B,IAAI,GAAG,CAAC;IACR,IAAI,QAAQ,EAAE;MACZ,MAAM,CAAC,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;MACtC,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;KAC/B;IACD,OAAO,EAAE,GAAG,EAAE,CAAC;GAChB;;EAED,OAAO,UAAU,CAAC,IAAI,EAAE,IAAI,EAAE,eAAe,EAAE;IAC7C,IAAI,eAAe,CAAC;;IAEpB,IAAI,OAAO,eAAe,KAAK,UAAU,EAAE;MACzC,eAAe,GAAG,eAAe,CAAC;KACnC,MAAM;MACL,OAAO,eAAe,KAAK,WAAW;MACtC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;MACpB,OAAO,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,gBAAgB,KAAK,UAAU;MAC3D;MACA,eAAe,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,gBAAgB,CAAC;KACzD,MAAM;MACL,OAAO,eAAe,KAAK,UAAU;MACrC,OAAO,eAAe,KAAK,WAAW;MACtC;MACA,OAAO,CAAC,IAAI;QACV,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,iGAAiG,CAAC;OAC/G,CAAC;KACH,MAAM;MACL,OAAO,CAAC,IAAI;QACV,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,IAAI,CAAC,6CAA6C,CAAC;OAC5E,CAAC;KACH;;;IAGD,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,IAAI,UAAU,CAAC,IAAI,EAAE,IAAI,EAAE,eAAe,CAAC,CAAC;;IAEnE,QAAQ,CAAC,IAAI,CAAC,aAAa;MACzB,IAAI,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,YAAY,EAAE;QACxC,OAAO,EAAE,KAAK;QACd,MAAM,EAAE;UACN,GAAG,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;SAC1B;OACF,CAAC;KACH,CAAC;GACH;CACF;;AAED,OAAO,CAAC,SAAS,GAAG,EAAE,CAAC;;AAEvB,WAAW,CAAC,OAAO,CAAC,CAAC;;AAErB,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;;;;"} \ No newline at end of file diff --git a/elements/pfe-icon/dist/pfe-icon.json b/elements/pfe-icon/dist/pfe-icon.json new file mode 100644 index 0000000000..c32a7ff5dc --- /dev/null +++ b/elements/pfe-icon/dist/pfe-icon.json @@ -0,0 +1,56 @@ +{ + "$schema": "http://json-schema.org/draft-04/schema#", + "title": "Icon", + "description": "This element renders an icon", + "type": "object", + "tag": "pfe-icon", + "class": "pfe-icon", + "category": "content", + "properties": { + "attributes": { + "title": "Attributes", + "type": "object", + "properties": { + "icon": { + "title": "Icon", + "type": "string", + "prefixed": false + }, + "size": { + "title": "Size", + "type": "string", + "enum": ["xl", "lg", "md", "sm", "2x", "3x", "4x"], + "prefixed": true + }, + "color": { + "title": "Color", + "type": "string", + "enum": [ + "complement", + "accent", + "lightest", + "lighter", + "base", + "darker", + "darkest", + "critical", + "important", + "moderate", + "success", + "info" + ], + "prefixed": true + }, + "circled": { + "title": "Circled", + "type": "boolean", + "default": false, + "prefixed": true + } + }, + "required": ["icon", "circled"] + } + }, + "required": ["attributes"], + "additionalProperties": false +} diff --git a/elements/pfe-icon/dist/pfe-icon.min.js b/elements/pfe-icon/dist/pfe-icon.min.js new file mode 100644 index 0000000000..2aa0199573 --- /dev/null +++ b/elements/pfe-icon/dist/pfe-icon.min.js @@ -0,0 +1,27 @@ +import e from"../../pfelement/dist/pfelement.min.js";class o{resolveIconName(e){return this._resolveIconName(e,this.name,this.path)}constructor(e,o,t){this.name=e,this.path=o,this._resolveIconName=t}}class t extends e{static get version(){return"1.0.0-prerelease.50"}get html(){return'
    \n \n
    \n\n \n \n \n \n \n'}static get properties(){return{icon:{title:"Icon",type:"string",prefixed:!1},size:{title:"Size",type:"string",enum:["xl","lg","md","sm","2x","3x","4x"],prefixed:!0},color:{title:"Color",type:"string",enum:["complement","accent","lightest","lighter","base","darker","darkest","critical","important","moderate","success","info"],prefixed:!0},circled:{title:"Circled",type:"boolean",default:!1,prefixed:!0}}}static get slots(){return{}}static get tag(){return"pfe-icon"}get templateUrl(){return"pfe-icon.html"}get styleUrl(){return"pfe-icon.scss"}get schemaUrl(){return"pfe-icon.json"}static get PfeType(){return e.PfeTypes.Content}static get EVENTS(){return{ADD_ICON_SET:`${this.tag}:add-icon-set`}}get upgraded(){return this.image.hasAttribute("xlink:href")}get has_fallback(){return this.children.length>0||this.innerText.length>0}static get observedAttributes(){return["icon","on-fail","pfe-circled","pfe-color"]}_iconLoad(){this.classList.remove("load-failed")}_iconLoadError(){this.classList.add("load-failed"),this.has_fallback&&this.classList.add("has-fallback")}constructor(){super(t,{type:t.PfeType}),this._iconLoad=this._iconLoad.bind(this),this._iconLoadError=this._iconLoadError.bind(this),this.image=this.shadowRoot.querySelector("svg image"),this.image&&(this.image.addEventListener("load",this._iconLoad),this.image.addEventListener("error",this._iconLoadError)),document.body.addEventListener(t.EVENTS.ADD_ICON_SET,()=>this.updateIcon())}disconnectedCallback(){super.disconnectedCallback(),this.image&&(this.image.removeEventListener("load",this._iconLoad),this.image.removeEventListener("error",this._iconLoadError))}attributeChangedCallback(e,o,t){super.attributeChangedCallback(...arguments),this.updateIcon(t),this.context_update()}updateIcon(e=this.getAttribute("icon")){const{set:o}=t.getIconSet(e);if(o){const t=o.resolveIconName(e);this.image.setAttribute("xlink:href",t), +/*! + * PatternFly Elements: PfeIcon 1.0.0-prerelease.50 + * @license + * Copyright 2020 Red Hat, Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + * +*/ +function(e){const o="filter-"+Math.random().toString().slice(2,10);e.shadowRoot.querySelector("svg image").style.filter=`url(#${o})`,e.shadowRoot.querySelector("svg filter").setAttribute("id",o)}(this)}}static getIconSet(e){let o;if(e){const[t]=e.split("-");o=this._iconSets[t]}return{set:o}}static addIconSet(e,t,r){let a;"function"==typeof r?a=r:void 0===r&&this._iconSets[e]&&"function"==typeof this._iconSets[e]._resolveIconName?a=this._iconSets[e]._resolveIconName:"function"!=typeof r&&void 0!==r?console.warn(`${this.tag}: The third input to addIconSet should be a function that parses and returns the icon's filename.`):console.warn(`${this.tag}: The set ${e} needs a resolve function for the icon names.`),this._iconSets[e]=new o(e,t,a),document.body.dispatchEvent(new CustomEvent(this.EVENTS.ADD_ICON_SET,{bubbles:!1,detail:{set:this._iconSets[e]}}))}}t._iconSets={},function(e){[{name:"web",path:"https://access.redhat.com/webassets/avalon/j/lib/rh-iconfont-svgs"},{name:"rh",path:"https://access.redhat.com/webassets/avalon/j/lib/rh-iconfont-svgs"}].forEach(o=>e.addIconSet(o.name,o.path,(e,o,t)=>{const r=new RegExp(`^${o}(-icon)?-(.*)`),[,,a]=r.exec(e);return`${t}/${`${o}-icon-${a}`}.svg`}))}(t),e.create(t);export default t; +//# sourceMappingURL=pfe-icon.min.js.map diff --git a/elements/pfe-icon/dist/pfe-icon.min.js.map b/elements/pfe-icon/dist/pfe-icon.min.js.map new file mode 100644 index 0000000000..38456e489c --- /dev/null +++ b/elements/pfe-icon/dist/pfe-icon.min.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-icon.min.js","sources":["../_temp/icon-set.js","../_temp/pfe-icon.js","../_temp/builtin-icon-sets.js"],"sourcesContent":["class PfeIconSet {\n /**\n * Run the icon set's name resolver to turn an icon name into an icon path, id, etc.\n */\n resolveIconName(iconName) {\n return this._resolveIconName(iconName, this.name, this.path);\n }\n\n /**\n * Create a new icon set. Icon sets have a name (ie, a namespace). For\n * example, an icon with a name of \"rh-logo\" represents a \"logo\" icon from the\n * \"rh\" set. Icon set names are always separated from the rest of the icon\n * name with a hyphen `-`. This means that set names cannot contain a hyphen.\n *\n * @param {String} name the namespace of the icon set\n * @param {String} path the web-accessible path to the icon set (for instance, a CDN)\n * @param {Function} resolveIconName an optional function to combine the path and an icon name into a final path. The function will be passed the namespaced icon name (for example, \"rh-api\" where rh is the namespace and api is the individual icon's name)\n * @returns {Object} an object with the status of the icon set installation, such as `{ result: true, text: 'icon set installed' }` or `{ result: false, text: 'icon set is already installed' }`\n */\n constructor(name, path, resolveIconName) {\n this.name = name;\n this.path = path;\n this._resolveIconName = resolveIconName;\n }\n}\n\nexport default PfeIconSet;\n","/*!\n * PatternFly Elements: PfeIcon 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\nimport PFElement from \"../../pfelement/dist/pfelement.js\";\nimport PfeIconSet from \"./icon-set.js\";\nimport { addBuiltIns } from \"./builtin-icon-sets.js\";\n\n/**\n * Sets the id attribute on the element and points the CSS `filter` at that id.\n */\nfunction _setRandomFilterId(el) {\n const randomId =\n \"filter-\" +\n Math.random()\n .toString()\n .slice(2, 10);\n\n // set the CSS filter property to point at the given id\n el.shadowRoot.querySelector(\"svg image\").style.filter = `url(#${randomId})`;\n\n // set the id attribute on the SVG filter element to match\n el.shadowRoot.querySelector(\"svg filter\").setAttribute(\"id\", randomId);\n}\n\nclass PfeIcon extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return `
    \n \n
    \n\n \n \n \n \n \n`;\n }\n\n static get properties() {\n return {\"icon\":{\"title\":\"Icon\",\"type\":\"string\",\"prefixed\":false},\"size\":{\"title\":\"Size\",\"type\":\"string\",\"enum\":[\"xl\",\"lg\",\"md\",\"sm\",\"2x\",\"3x\",\"4x\"],\"prefixed\":true},\"color\":{\"title\":\"Color\",\"type\":\"string\",\"enum\":[\"complement\",\"accent\",\"lightest\",\"lighter\",\"base\",\"darker\",\"darkest\",\"critical\",\"important\",\"moderate\",\"success\",\"info\"],\"prefixed\":true},\"circled\":{\"title\":\"Circled\",\"type\":\"boolean\",\"default\":false,\"prefixed\":true}};\n }\n\n static get slots() {\n return {};\n }\n static get tag() {\n return \"pfe-icon\";\n }\n\n get templateUrl() {\n return \"pfe-icon.html\";\n }\n\n get styleUrl() {\n return \"pfe-icon.scss\";\n }\n\n get schemaUrl() {\n return \"pfe-icon.json\";\n }\n\n // Declare the type of this component\n static get PfeType() {\n return PFElement.PfeTypes.Content;\n }\n\n static get EVENTS() {\n return {\n ADD_ICON_SET: `${this.tag}:add-icon-set`\n };\n }\n\n get upgraded() {\n return this.image.hasAttribute(\"xlink:href\");\n }\n\n get has_fallback() {\n return this.children.length > 0 || this.innerText.length > 0;\n }\n\n static get observedAttributes() {\n return [\"icon\", \"on-fail\", \"pfe-circled\", \"pfe-color\"];\n }\n\n _iconLoad() {\n this.classList.remove(\"load-failed\");\n }\n\n _iconLoadError() {\n this.classList.add(\"load-failed\");\n if (this.has_fallback) {\n this.classList.add(\"has-fallback\");\n }\n }\n\n constructor() {\n super(PfeIcon, { type: PfeIcon.PfeType });\n\n this._iconLoad = this._iconLoad.bind(this);\n this._iconLoadError = this._iconLoadError.bind(this);\n\n this.image = this.shadowRoot.querySelector(\"svg image\");\n if (this.image) {\n this.image.addEventListener(\"load\", this._iconLoad);\n this.image.addEventListener(\"error\", this._iconLoadError);\n }\n\n // Attach a listener for the registration of an icon set\n // Leaving this attached allows for the registered set to be updated\n document.body.addEventListener(PfeIcon.EVENTS.ADD_ICON_SET, () =>\n this.updateIcon()\n );\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n\n if (this.image) {\n this.image.removeEventListener(\"load\", this._iconLoad);\n this.image.removeEventListener(\"error\", this._iconLoadError);\n }\n }\n\n attributeChangedCallback(attr, oldValue, newValue) {\n super.attributeChangedCallback(...arguments);\n this.updateIcon(newValue);\n this.context_update();\n }\n\n updateIcon(iconName = this.getAttribute(\"icon\")) {\n const { set } = PfeIcon.getIconSet(iconName);\n if (set) {\n const iconPath = set.resolveIconName(iconName);\n this.image.setAttribute(\"xlink:href\", iconPath);\n _setRandomFilterId(this);\n }\n }\n\n /**\n * Get an icon set by providing the set's name, _or_ the name of an icon from that set.\n *\n * @param {String} iconName the name of the set, or the name of an icon from that set.\n * @return {PfeIconSet} the icon set\n */\n static getIconSet(iconName) {\n let set;\n if (iconName) {\n const [setName] = iconName.split(\"-\");\n set = this._iconSets[setName];\n }\n return { set };\n }\n\n static addIconSet(name, path, resolveIconName) {\n let resolveFunction;\n\n if (typeof resolveIconName === \"function\") {\n resolveFunction = resolveIconName;\n } else if (\n typeof resolveIconName === \"undefined\" &&\n this._iconSets[name] &&\n typeof this._iconSets[name]._resolveIconName === \"function\"\n ) {\n resolveFunction = this._iconSets[name]._resolveIconName;\n } else if (\n typeof resolveIconName !== \"function\" &&\n typeof resolveIconName !== \"undefined\"\n ) {\n console.warn(\n `${this.tag}: The third input to addIconSet should be a function that parses and returns the icon's filename.`\n );\n } else {\n console.warn(\n `${this.tag}: The set ${name} needs a resolve function for the icon names.`\n );\n }\n\n // Register the icon set and set up the event indicating the change\n this._iconSets[name] = new PfeIconSet(name, path, resolveFunction);\n\n document.body.dispatchEvent(\n new CustomEvent(this.EVENTS.ADD_ICON_SET, {\n bubbles: false,\n detail: {\n set: this._iconSets[name]\n }\n })\n );\n }\n}\n\nPfeIcon._iconSets = {};\n\naddBuiltIns(PfeIcon);\n\nPFElement.create(PfeIcon);\n\nexport default PfeIcon;\n","/**\n * An 'init' function to add the PFE built-in icon sets to the current page.\n */\nexport function addBuiltIns(PfeIcon) {\n [\n {\n name: \"web\",\n path: \"https://access.redhat.com/webassets/avalon/j/lib/rh-iconfont-svgs\"\n },\n {\n name: \"rh\",\n path: \"https://access.redhat.com/webassets/avalon/j/lib/rh-iconfont-svgs\"\n }\n ].forEach(set =>\n PfeIcon.addIconSet(set.name, set.path, (name, iconSetName, iconSetPath) => {\n const regex = new RegExp(`^${iconSetName}(-icon)?-(.*)`);\n const [, , iconName] = regex.exec(name);\n\n const iconId = `${iconSetName}-icon-${iconName}`;\n const iconPath = `${iconSetPath}/${iconId}.svg`;\n\n return iconPath;\n })\n );\n}\n"],"names":["PfeIconSet","[object Object]","iconName","this","_resolveIconName","name","path","resolveIconName","PfeIcon","PFElement","version","html","properties","icon","title","type","prefixed","size","enum","color","circled","default","slots","tag","templateUrl","styleUrl","schemaUrl","PfeType","PfeTypes","Content","EVENTS","ADD_ICON_SET","upgraded","image","hasAttribute","has_fallback","children","length","innerText","observedAttributes","classList","remove","add","super","_iconLoad","bind","_iconLoadError","shadowRoot","querySelector","addEventListener","document","body","updateIcon","disconnectedCallback","removeEventListener","attr","oldValue","newValue","attributeChangedCallback","arguments","context_update","getAttribute","set","getIconSet","iconPath","setAttribute","el","randomId","Math","random","toString","slice","style","filter","_setRandomFilterId","setName","split","_iconSets","resolveFunction","console","warn","dispatchEvent","CustomEvent","bubbles","detail","forEach","addIconSet","iconSetName","iconSetPath","regex","RegExp","exec","addBuiltIns","create"],"mappings":"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"} \ No newline at end of file diff --git a/elements/pfe-icon/dist/pfe-icon.umd.js b/elements/pfe-icon/dist/pfe-icon.umd.js new file mode 100644 index 0000000000..ae8c77b7e7 --- /dev/null +++ b/elements/pfe-icon/dist/pfe-icon.umd.js @@ -0,0 +1,419 @@ +(function (global, factory) { + typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('../../pfelement/dist/pfelement.umd')) : + typeof define === 'function' && define.amd ? define(['../../pfelement/dist/pfelement.umd'], factory) : + (global.PfeIcon = factory(global.PFElement)); +}(this, (function (PFElement) { 'use strict'; + + PFElement = PFElement && PFElement.hasOwnProperty('default') ? PFElement['default'] : PFElement; + + var classCallCheck = function (instance, Constructor) { + if (!(instance instanceof Constructor)) { + throw new TypeError("Cannot call a class as a function"); + } + }; + + var createClass = function () { + function defineProperties(target, props) { + for (var i = 0; i < props.length; i++) { + var descriptor = props[i]; + descriptor.enumerable = descriptor.enumerable || false; + descriptor.configurable = true; + if ("value" in descriptor) descriptor.writable = true; + Object.defineProperty(target, descriptor.key, descriptor); + } + } + + return function (Constructor, protoProps, staticProps) { + if (protoProps) defineProperties(Constructor.prototype, protoProps); + if (staticProps) defineProperties(Constructor, staticProps); + return Constructor; + }; + }(); + + var get = function get(object, property, receiver) { + if (object === null) object = Function.prototype; + var desc = Object.getOwnPropertyDescriptor(object, property); + + if (desc === undefined) { + var parent = Object.getPrototypeOf(object); + + if (parent === null) { + return undefined; + } else { + return get(parent, property, receiver); + } + } else if ("value" in desc) { + return desc.value; + } else { + var getter = desc.get; + + if (getter === undefined) { + return undefined; + } + + return getter.call(receiver); + } + }; + + var inherits = function (subClass, superClass) { + if (typeof superClass !== "function" && superClass !== null) { + throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); + } + + subClass.prototype = Object.create(superClass && superClass.prototype, { + constructor: { + value: subClass, + enumerable: false, + writable: true, + configurable: true + } + }); + if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; + }; + + var possibleConstructorReturn = function (self, call) { + if (!self) { + throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); + } + + return call && (typeof call === "object" || typeof call === "function") ? call : self; + }; + + var slicedToArray = function () { + function sliceIterator(arr, i) { + var _arr = []; + var _n = true; + var _d = false; + var _e = undefined; + + try { + for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { + _arr.push(_s.value); + + if (i && _arr.length === i) break; + } + } catch (err) { + _d = true; + _e = err; + } finally { + try { + if (!_n && _i["return"]) _i["return"](); + } finally { + if (_d) throw _e; + } + } + + return _arr; + } + + return function (arr, i) { + if (Array.isArray(arr)) { + return arr; + } else if (Symbol.iterator in Object(arr)) { + return sliceIterator(arr, i); + } else { + throw new TypeError("Invalid attempt to destructure non-iterable instance"); + } + }; + }(); + + var PfeIconSet = function () { + createClass(PfeIconSet, [{ + key: "resolveIconName", + + /** + * Run the icon set's name resolver to turn an icon name into an icon path, id, etc. + */ + value: function resolveIconName(iconName) { + return this._resolveIconName(iconName, this.name, this.path); + } + + /** + * Create a new icon set. Icon sets have a name (ie, a namespace). For + * example, an icon with a name of "rh-logo" represents a "logo" icon from the + * "rh" set. Icon set names are always separated from the rest of the icon + * name with a hyphen `-`. This means that set names cannot contain a hyphen. + * + * @param {String} name the namespace of the icon set + * @param {String} path the web-accessible path to the icon set (for instance, a CDN) + * @param {Function} resolveIconName an optional function to combine the path and an icon name into a final path. The function will be passed the namespaced icon name (for example, "rh-api" where rh is the namespace and api is the individual icon's name) + * @returns {Object} an object with the status of the icon set installation, such as `{ result: true, text: 'icon set installed' }` or `{ result: false, text: 'icon set is already installed' }` + */ + + }]); + + function PfeIconSet(name, path, resolveIconName) { + classCallCheck(this, PfeIconSet); + + this.name = name; + this.path = path; + this._resolveIconName = resolveIconName; + } + + return PfeIconSet; + }(); + + /** + * An 'init' function to add the PFE built-in icon sets to the current page. + */ + function addBuiltIns(PfeIcon) { + [{ + name: "web", + path: "https://access.redhat.com/webassets/avalon/j/lib/rh-iconfont-svgs" + }, { + name: "rh", + path: "https://access.redhat.com/webassets/avalon/j/lib/rh-iconfont-svgs" + }].forEach(function (set$$1) { + return PfeIcon.addIconSet(set$$1.name, set$$1.path, function (name, iconSetName, iconSetPath) { + var regex = new RegExp("^" + iconSetName + "(-icon)?-(.*)"); + + var _regex$exec = regex.exec(name), + _regex$exec2 = slicedToArray(_regex$exec, 3), + iconName = _regex$exec2[2]; + + var iconId = iconSetName + "-icon-" + iconName; + var iconPath = iconSetPath + "/" + iconId + ".svg"; + + return iconPath; + }); + }); + } + + /*! + * PatternFly Elements: PfeIcon 1.0.0-prerelease.50 + * @license + * Copyright 2020 Red Hat, Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + * + */ + + /** + * Sets the id attribute on the element and points the CSS `filter` at that id. + */ + function _setRandomFilterId(el) { + var randomId = "filter-" + Math.random().toString().slice(2, 10); + + // set the CSS filter property to point at the given id + el.shadowRoot.querySelector("svg image").style.filter = "url(#" + randomId + ")"; + + // set the id attribute on the SVG filter element to match + el.shadowRoot.querySelector("svg filter").setAttribute("id", randomId); + } + + var PfeIcon = function (_PFElement) { + inherits(PfeIcon, _PFElement); + createClass(PfeIcon, [{ + key: "_iconLoad", + value: function _iconLoad() { + this.classList.remove("load-failed"); + } + }, { + key: "_iconLoadError", + value: function _iconLoadError() { + this.classList.add("load-failed"); + if (this.has_fallback) { + this.classList.add("has-fallback"); + } + } + }, { + key: "html", + get: function get$$1() { + return "
    \n \n
    \n\n \n \n \n \n \n"; + } + }, { + key: "templateUrl", + get: function get$$1() { + return "pfe-icon.html"; + } + }, { + key: "styleUrl", + get: function get$$1() { + return "pfe-icon.scss"; + } + }, { + key: "schemaUrl", + get: function get$$1() { + return "pfe-icon.json"; + } + + // Declare the type of this component + + }, { + key: "upgraded", + get: function get$$1() { + return this.image.hasAttribute("xlink:href"); + } + }, { + key: "has_fallback", + get: function get$$1() { + return this.children.length > 0 || this.innerText.length > 0; + } + }], [{ + key: "version", + get: function get$$1() { + return "1.0.0-prerelease.50"; + } + }, { + key: "properties", + get: function get$$1() { + return { "icon": { "title": "Icon", "type": "string", "prefixed": false }, "size": { "title": "Size", "type": "string", "enum": ["xl", "lg", "md", "sm", "2x", "3x", "4x"], "prefixed": true }, "color": { "title": "Color", "type": "string", "enum": ["complement", "accent", "lightest", "lighter", "base", "darker", "darkest", "critical", "important", "moderate", "success", "info"], "prefixed": true }, "circled": { "title": "Circled", "type": "boolean", "default": false, "prefixed": true } }; + } + }, { + key: "slots", + get: function get$$1() { + return {}; + } + }, { + key: "tag", + get: function get$$1() { + return "pfe-icon"; + } + }, { + key: "PfeType", + get: function get$$1() { + return PFElement.PfeTypes.Content; + } + }, { + key: "EVENTS", + get: function get$$1() { + return { + ADD_ICON_SET: this.tag + ":add-icon-set" + }; + } + }, { + key: "observedAttributes", + get: function get$$1() { + return ["icon", "on-fail", "pfe-circled", "pfe-color"]; + } + }]); + + function PfeIcon() { + classCallCheck(this, PfeIcon); + + var _this = possibleConstructorReturn(this, (PfeIcon.__proto__ || Object.getPrototypeOf(PfeIcon)).call(this, PfeIcon, { type: PfeIcon.PfeType })); + + _this._iconLoad = _this._iconLoad.bind(_this); + _this._iconLoadError = _this._iconLoadError.bind(_this); + + _this.image = _this.shadowRoot.querySelector("svg image"); + if (_this.image) { + _this.image.addEventListener("load", _this._iconLoad); + _this.image.addEventListener("error", _this._iconLoadError); + } + + // Attach a listener for the registration of an icon set + // Leaving this attached allows for the registered set to be updated + document.body.addEventListener(PfeIcon.EVENTS.ADD_ICON_SET, function () { + return _this.updateIcon(); + }); + return _this; + } + + createClass(PfeIcon, [{ + key: "disconnectedCallback", + value: function disconnectedCallback() { + get(PfeIcon.prototype.__proto__ || Object.getPrototypeOf(PfeIcon.prototype), "disconnectedCallback", this).call(this); + + if (this.image) { + this.image.removeEventListener("load", this._iconLoad); + this.image.removeEventListener("error", this._iconLoadError); + } + } + }, { + key: "attributeChangedCallback", + value: function attributeChangedCallback(attr, oldValue, newValue) { + get(PfeIcon.prototype.__proto__ || Object.getPrototypeOf(PfeIcon.prototype), "attributeChangedCallback", this).apply(this, arguments); + this.updateIcon(newValue); + this.context_update(); + } + }, { + key: "updateIcon", + value: function updateIcon() { + var iconName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.getAttribute("icon"); + + var _PfeIcon$getIconSet = PfeIcon.getIconSet(iconName), + set$$1 = _PfeIcon$getIconSet.set; + + if (set$$1) { + var iconPath = set$$1.resolveIconName(iconName); + this.image.setAttribute("xlink:href", iconPath); + _setRandomFilterId(this); + } + } + + /** + * Get an icon set by providing the set's name, _or_ the name of an icon from that set. + * + * @param {String} iconName the name of the set, or the name of an icon from that set. + * @return {PfeIconSet} the icon set + */ + + }], [{ + key: "getIconSet", + value: function getIconSet(iconName) { + var set$$1 = void 0; + if (iconName) { + var _iconName$split = iconName.split("-"), + _iconName$split2 = slicedToArray(_iconName$split, 1), + setName = _iconName$split2[0]; + + set$$1 = this._iconSets[setName]; + } + return { set: set$$1 }; + } + }, { + key: "addIconSet", + value: function addIconSet(name, path, resolveIconName) { + var resolveFunction = void 0; + + if (typeof resolveIconName === "function") { + resolveFunction = resolveIconName; + } else if (typeof resolveIconName === "undefined" && this._iconSets[name] && typeof this._iconSets[name]._resolveIconName === "function") { + resolveFunction = this._iconSets[name]._resolveIconName; + } else if (typeof resolveIconName !== "function" && typeof resolveIconName !== "undefined") { + console.warn(this.tag + ": The third input to addIconSet should be a function that parses and returns the icon's filename."); + } else { + console.warn(this.tag + ": The set " + name + " needs a resolve function for the icon names."); + } + + // Register the icon set and set up the event indicating the change + this._iconSets[name] = new PfeIconSet(name, path, resolveFunction); + + document.body.dispatchEvent(new CustomEvent(this.EVENTS.ADD_ICON_SET, { + bubbles: false, + detail: { + set: this._iconSets[name] + } + })); + } + }]); + return PfeIcon; + }(PFElement); + + PfeIcon._iconSets = {}; + + addBuiltIns(PfeIcon); + + PFElement.create(PfeIcon); + + return PfeIcon; + +}))); +//# sourceMappingURL=pfe-icon.umd.js.map diff --git a/elements/pfe-icon/dist/pfe-icon.umd.js.map b/elements/pfe-icon/dist/pfe-icon.umd.js.map new file mode 100644 index 0000000000..750799b003 --- /dev/null +++ b/elements/pfe-icon/dist/pfe-icon.umd.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-icon.umd.js","sources":["../_temp/icon-set.js","../_temp/builtin-icon-sets.js","../_temp/pfe-icon.umd.js"],"sourcesContent":["class PfeIconSet {\n /**\n * Run the icon set's name resolver to turn an icon name into an icon path, id, etc.\n */\n resolveIconName(iconName) {\n return this._resolveIconName(iconName, this.name, this.path);\n }\n\n /**\n * Create a new icon set. Icon sets have a name (ie, a namespace). For\n * example, an icon with a name of \"rh-logo\" represents a \"logo\" icon from the\n * \"rh\" set. Icon set names are always separated from the rest of the icon\n * name with a hyphen `-`. This means that set names cannot contain a hyphen.\n *\n * @param {String} name the namespace of the icon set\n * @param {String} path the web-accessible path to the icon set (for instance, a CDN)\n * @param {Function} resolveIconName an optional function to combine the path and an icon name into a final path. The function will be passed the namespaced icon name (for example, \"rh-api\" where rh is the namespace and api is the individual icon's name)\n * @returns {Object} an object with the status of the icon set installation, such as `{ result: true, text: 'icon set installed' }` or `{ result: false, text: 'icon set is already installed' }`\n */\n constructor(name, path, resolveIconName) {\n this.name = name;\n this.path = path;\n this._resolveIconName = resolveIconName;\n }\n}\n\nexport default PfeIconSet;\n","/**\n * An 'init' function to add the PFE built-in icon sets to the current page.\n */\nexport function addBuiltIns(PfeIcon) {\n [\n {\n name: \"web\",\n path: \"https://access.redhat.com/webassets/avalon/j/lib/rh-iconfont-svgs\"\n },\n {\n name: \"rh\",\n path: \"https://access.redhat.com/webassets/avalon/j/lib/rh-iconfont-svgs\"\n }\n ].forEach(set =>\n PfeIcon.addIconSet(set.name, set.path, (name, iconSetName, iconSetPath) => {\n const regex = new RegExp(`^${iconSetName}(-icon)?-(.*)`);\n const [, , iconName] = regex.exec(name);\n\n const iconId = `${iconSetName}-icon-${iconName}`;\n const iconPath = `${iconSetPath}/${iconId}.svg`;\n\n return iconPath;\n })\n );\n}\n","/*!\n * PatternFly Elements: PfeIcon 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\nimport PFElement from \"../../pfelement/dist/pfelement.umd\";\nimport PfeIconSet from \"./icon-set.js\";\nimport { addBuiltIns } from \"./builtin-icon-sets.js\";\n\n/**\n * Sets the id attribute on the element and points the CSS `filter` at that id.\n */\nfunction _setRandomFilterId(el) {\n const randomId =\n \"filter-\" +\n Math.random()\n .toString()\n .slice(2, 10);\n\n // set the CSS filter property to point at the given id\n el.shadowRoot.querySelector(\"svg image\").style.filter = `url(#${randomId})`;\n\n // set the id attribute on the SVG filter element to match\n el.shadowRoot.querySelector(\"svg filter\").setAttribute(\"id\", randomId);\n}\n\nclass PfeIcon extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return `
    \n \n
    \n\n \n \n \n \n \n`;\n }\n\n static get properties() {\n return {\"icon\":{\"title\":\"Icon\",\"type\":\"string\",\"prefixed\":false},\"size\":{\"title\":\"Size\",\"type\":\"string\",\"enum\":[\"xl\",\"lg\",\"md\",\"sm\",\"2x\",\"3x\",\"4x\"],\"prefixed\":true},\"color\":{\"title\":\"Color\",\"type\":\"string\",\"enum\":[\"complement\",\"accent\",\"lightest\",\"lighter\",\"base\",\"darker\",\"darkest\",\"critical\",\"important\",\"moderate\",\"success\",\"info\"],\"prefixed\":true},\"circled\":{\"title\":\"Circled\",\"type\":\"boolean\",\"default\":false,\"prefixed\":true}};\n }\n\n static get slots() {\n return {};\n }\n static get tag() {\n return \"pfe-icon\";\n }\n\n get templateUrl() {\n return \"pfe-icon.html\";\n }\n\n get styleUrl() {\n return \"pfe-icon.scss\";\n }\n\n get schemaUrl() {\n return \"pfe-icon.json\";\n }\n\n // Declare the type of this component\n static get PfeType() {\n return PFElement.PfeTypes.Content;\n }\n\n static get EVENTS() {\n return {\n ADD_ICON_SET: `${this.tag}:add-icon-set`\n };\n }\n\n get upgraded() {\n return this.image.hasAttribute(\"xlink:href\");\n }\n\n get has_fallback() {\n return this.children.length > 0 || this.innerText.length > 0;\n }\n\n static get observedAttributes() {\n return [\"icon\", \"on-fail\", \"pfe-circled\", \"pfe-color\"];\n }\n\n _iconLoad() {\n this.classList.remove(\"load-failed\");\n }\n\n _iconLoadError() {\n this.classList.add(\"load-failed\");\n if (this.has_fallback) {\n this.classList.add(\"has-fallback\");\n }\n }\n\n constructor() {\n super(PfeIcon, { type: PfeIcon.PfeType });\n\n this._iconLoad = this._iconLoad.bind(this);\n this._iconLoadError = this._iconLoadError.bind(this);\n\n this.image = this.shadowRoot.querySelector(\"svg image\");\n if (this.image) {\n this.image.addEventListener(\"load\", this._iconLoad);\n this.image.addEventListener(\"error\", this._iconLoadError);\n }\n\n // Attach a listener for the registration of an icon set\n // Leaving this attached allows for the registered set to be updated\n document.body.addEventListener(PfeIcon.EVENTS.ADD_ICON_SET, () =>\n this.updateIcon()\n );\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n\n if (this.image) {\n this.image.removeEventListener(\"load\", this._iconLoad);\n this.image.removeEventListener(\"error\", this._iconLoadError);\n }\n }\n\n attributeChangedCallback(attr, oldValue, newValue) {\n super.attributeChangedCallback(...arguments);\n this.updateIcon(newValue);\n this.context_update();\n }\n\n updateIcon(iconName = this.getAttribute(\"icon\")) {\n const { set } = PfeIcon.getIconSet(iconName);\n if (set) {\n const iconPath = set.resolveIconName(iconName);\n this.image.setAttribute(\"xlink:href\", iconPath);\n _setRandomFilterId(this);\n }\n }\n\n /**\n * Get an icon set by providing the set's name, _or_ the name of an icon from that set.\n *\n * @param {String} iconName the name of the set, or the name of an icon from that set.\n * @return {PfeIconSet} the icon set\n */\n static getIconSet(iconName) {\n let set;\n if (iconName) {\n const [setName] = iconName.split(\"-\");\n set = this._iconSets[setName];\n }\n return { set };\n }\n\n static addIconSet(name, path, resolveIconName) {\n let resolveFunction;\n\n if (typeof resolveIconName === \"function\") {\n resolveFunction = resolveIconName;\n } else if (\n typeof resolveIconName === \"undefined\" &&\n this._iconSets[name] &&\n typeof this._iconSets[name]._resolveIconName === \"function\"\n ) {\n resolveFunction = this._iconSets[name]._resolveIconName;\n } else if (\n typeof resolveIconName !== \"function\" &&\n typeof resolveIconName !== \"undefined\"\n ) {\n console.warn(\n `${this.tag}: The third input to addIconSet should be a function that parses and returns the icon's filename.`\n );\n } else {\n console.warn(\n `${this.tag}: The set ${name} needs a resolve function for the icon names.`\n );\n }\n\n // Register the icon set and set up the event indicating the change\n this._iconSets[name] = new PfeIconSet(name, path, resolveFunction);\n\n document.body.dispatchEvent(\n new CustomEvent(this.EVENTS.ADD_ICON_SET, {\n bubbles: false,\n detail: {\n set: this._iconSets[name]\n }\n })\n );\n }\n}\n\nPfeIcon._iconSets = {};\n\naddBuiltIns(PfeIcon);\n\nPFElement.create(PfeIcon);\n\nexport default PfeIcon;\n"],"names":["PfeIconSet","iconName","_resolveIconName","name","path","resolveIconName","addBuiltIns","PfeIcon","forEach","addIconSet","set","iconSetName","iconSetPath","regex","RegExp","exec","iconId","iconPath","_setRandomFilterId","el","randomId","Math","random","toString","slice","shadowRoot","querySelector","style","filter","setAttribute","classList","remove","add","has_fallback","image","hasAttribute","children","length","innerText","PFElement","PfeTypes","Content","ADD_ICON_SET","tag","type","PfeType","_iconLoad","bind","_iconLoadError","addEventListener","document","body","EVENTS","updateIcon","removeEventListener","attr","oldValue","newValue","arguments","context_update","getAttribute","getIconSet","split","setName","_iconSets","resolveFunction","console","warn","dispatchEvent","CustomEvent","bubbles","detail","create"],"mappings":"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"} \ No newline at end of file diff --git a/elements/pfe-icon/dist/pfe-icon.umd.min.js b/elements/pfe-icon/dist/pfe-icon.umd.min.js new file mode 100644 index 0000000000..aa068486c9 --- /dev/null +++ b/elements/pfe-icon/dist/pfe-icon.umd.min.js @@ -0,0 +1,2 @@ +!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?module.exports=o(require("../../pfelement/dist/pfelement.umd")):"function"==typeof define&&define.amd?define(["../../pfelement/dist/pfelement.umd"],o):e.PfeIcon=o(e.PFElement)}(this,function(e){"use strict";e=e&&e.hasOwnProperty("default")?e.default:e;function r(e,o){if(!(e instanceof o))throw new TypeError("Cannot call a class as a function")}var o=function(e,o,t){return o&&n(e.prototype,o),t&&n(e,t),e};function n(e,o){for(var t=0;t:host([on=dark]){--pfe-broadcasted--text:var(--pfe-theme--color--text--on-dark, #fff);--pfe-broadcasted--link:var(--pfe-theme--color--link--on-dark, #99ccff);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover--on-dark, #cce6ff);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus--on-dark, #cce6ff);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited--on-dark, #b38cd9);--pfe-broadcasted--link-decoration:none;--pfe-broadcasted--link-decoration--hover:underline;--pfe-broadcasted--link-decoration--focus:underline;--pfe-broadcasted--link-decoration--visited:none}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host{color:#333!important;color:var(--pfe-theme--color--text,#333)!important}}:host([on=saturated]){--pfe-broadcasted--text:var(--pfe-theme--color--text--on-saturated, #fff);--pfe-broadcasted--link:var(--pfe-theme--color--link--on-saturated, #fff);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover--on-saturated, white);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus--on-saturated, white);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited--on-saturated, #b38cd9);--pfe-broadcasted--link-decoration:underline;--pfe-broadcasted--link-decoration--hover:underline;--pfe-broadcasted--link-decoration--focus:underline;--pfe-broadcasted--link-decoration--visited:underline}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host{color:#333!important;color:var(--pfe-theme--color--text,#333)!important}}:host([on=light]){--pfe-broadcasted--text:var(--pfe-theme--color--text, #333);--pfe-broadcasted--link:var(--pfe-theme--color--link, #06c);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover, #003366);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus, #003366);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited, rebeccapurple);--pfe-broadcasted--link-decoration:none;--pfe-broadcasted--link-decoration--hover:underline;--pfe-broadcasted--link-decoration--focus:underline;--pfe-broadcasted--link-decoration--visited:none}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host{color:#333!important;color:var(--pfe-theme--color--text,#333)!important}}:host{--theme:var(--pfe-icon--theme);position:relative;display:inline-block;max-width:calc(1em + (0 * 2));max-width:calc(var(--pfe-icon--size,var(--pfe-theme--icon-size,1em)) + (var(--pfe-icon--Padding,0) * 2));width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;max-height:calc(1em + (0 * 2));max-height:calc(var(--pfe-icon--size,var(--pfe-theme--icon-size,1em)) + (var(--pfe-icon--Padding,0) * 2));height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important;line-height:0}:host :host([on=dark]){--pfe-broadcasted--text:var(--pfe-theme--color--text--on-dark, #fff);--pfe-broadcasted--link:var(--pfe-theme--color--link--on-dark, #99ccff);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover--on-dark, #cce6ff);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus--on-dark, #cce6ff);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited--on-dark, #b38cd9);--pfe-broadcasted--link-decoration:none;--pfe-broadcasted--link-decoration--hover:underline;--pfe-broadcasted--link-decoration--focus:underline;--pfe-broadcasted--link-decoration--visited:none}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host :host{color:#333!important;color:var(--pfe-theme--color--text,#333)!important}}:host :host([on=saturated]){--pfe-broadcasted--text:var(--pfe-theme--color--text--on-saturated, #fff);--pfe-broadcasted--link:var(--pfe-theme--color--link--on-saturated, #fff);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover--on-saturated, white);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus--on-saturated, white);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited--on-saturated, #b38cd9);--pfe-broadcasted--link-decoration:underline;--pfe-broadcasted--link-decoration--hover:underline;--pfe-broadcasted--link-decoration--focus:underline;--pfe-broadcasted--link-decoration--visited:underline}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host :host{color:#333!important;color:var(--pfe-theme--color--text,#333)!important}}:host :host([on=light]){--pfe-broadcasted--text:var(--pfe-theme--color--text, #333);--pfe-broadcasted--link:var(--pfe-theme--color--link, #06c);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover, #003366);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus, #003366);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited, rebeccapurple);--pfe-broadcasted--link-decoration:none;--pfe-broadcasted--link-decoration--hover:underline;--pfe-broadcasted--link-decoration--focus:underline;--pfe-broadcasted--link-decoration--visited:none}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host :host{color:#333!important;color:var(--pfe-theme--color--text,#333)!important}}:host([data-block]){display:block;margin-bottom:16px;margin-bottom:var(--pfe-icon--spacing,var(--pfe-theme--container-spacer,16px));margin-top:16px;margin-top:var(--pfe-icon--spacing,var(--pfe-theme--container-spacer,16px))}:host([data-block]):first-child{margin-top:0}:host svg{width:1em;width:var(--pfe-icon--size,var(--pfe-theme--icon-size,1em));height:1em;height:var(--pfe-icon--size,var(--pfe-theme--icon-size,1em))}:host(:not(.load-failed)){vertical-align:middle;border-radius:50%;background-color:transparent;background-color:var(--pfe-icon--BackgroundColor,transparent);border:0 solid transparent;border:var(--pfe-icon--BorderWidth,0) var(--pfe-theme--ui--border-style,solid) var(--pfe-icon--BorderColor,var(--pfe-icon--color,transparent));padding:0;padding:var(--pfe-icon--Padding,0)}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host(:not(.load-failed)){background-color:#fff!important}:host(:not(.load-failed)) svg filter feFlood{flood-color:#000!important}}@supports (-ms-accelerator:true){:host(:not(.load-failed)){background-color:#fff!important}:host(:not(.load-failed)) svg filter feFlood{flood-color:#000!important}}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host(:not(.load-failed)) svg image{-webkit-filter:none;filter:none}}:host(:not(.load-failed)) filter feFlood{flood-color:#333;flood-color:var(--pfe-icon--Color,var(--pfe-icon--color,var(--pfe-broadcasted--text,#333)))}:host(:not(.load-failed)) .pfe-icon--fallback{display:none}:host([pfe-size="2x"]){--pfe-icon--size:2em}:host([pfe-size="3x"]){--pfe-icon--size:3em}:host([pfe-size="4x"]){--pfe-icon--size:4em}:host([pfe-size=xl]){--pfe-icon--size:100px}:host([pfe-size=lg]){--pfe-icon--size:64px}:host([pfe-size=md]){--pfe-icon--size:32px}:host([pfe-size=sm]){--pfe-icon--size:14px}:host([pfe-color=critical]){--pfe-icon--color:var(--pfe-theme--color--feedback--critical, #bb0000);--pfe-icon--theme:dark}:host([pfe-color=important]){--pfe-icon--color:var(--pfe-theme--color--feedback--important, #d73401);--pfe-icon--theme:dark}:host([pfe-color=moderate]){--pfe-icon--color:var(--pfe-theme--color--feedback--moderate, #ffc024)}:host([pfe-color=success]){--pfe-icon--color:var(--pfe-theme--color--feedback--success, #2e7d32);--pfe-icon--theme:dark}:host([pfe-color=info]){--pfe-icon--color:var(--pfe-theme--color--feedback--info, #0277bd);--pfe-icon--theme:dark}:host([pfe-color=default]){--pfe-icon--color:var(--pfe-theme--color--feedback--default, #606060);--pfe-icon--theme:dark}:host([pfe-color=base]){--pfe-icon--color:var(--pfe-theme--color--surface--base, #dfdfdf);--pfe-icon--theme:light}:host([pfe-color=lightest]){--pfe-icon--color:var(--pfe-theme--color--surface--lightest, #fff);--pfe-icon--theme:light}:host([pfe-color=lighter]){--pfe-icon--color:var(--pfe-theme--color--surface--lighter, #ececec);--pfe-icon--theme:light}:host([pfe-color=darker]){--pfe-icon--color:var(--pfe-theme--color--surface--darker, #464646);--pfe-icon--theme:dark}:host([pfe-color=darkest]){--pfe-icon--color:var(--pfe-theme--color--surface--darkest, #131313);--pfe-icon--theme:dark}:host([pfe-color=complement]){--pfe-icon--color:var(--pfe-theme--color--surface--complement, #0477a4);--pfe-icon--theme:saturated}:host([pfe-color=accent]){--pfe-icon--color:var(--pfe-theme--color--surface--accent, #e00);--pfe-icon--theme:saturated}:host([pfe-circled]:not([pfe-circled=false])){--pfe-icon--BackgroundColor:var(--pfe-icon--color, var(--pfe-theme--color--surface--lightest, #fff));--pfe-icon--Color:var(--pfe-broadcasted--text, #333);--pfe-icon--Padding:.5em;--pfe-icon--BorderWidth:var(--pfe-theme--ui--border-width, 1px);--pfe-icon--BorderColor:var(--pfe-icon--color, var(--pfe-theme--color--surface--border, #d2d2d2))}:host(.load-failed){--pfe-icon--BackgroundColor:transparent;--pfe-icon--BorderColor:transparent;--pfe-icon--Padding:0}:host(.load-failed) ::slotted(:first-child){margin-top:0}:host(.load-failed) ::slotted(:last-child){margin-bottom:0}:host(.load-failed) svg image{display:none}:host(.load-failed.has-fallback) svg,:host(.load-failed[on-fail=collapse]) svg{display:none}:host(.load-failed[on-fail=collapse]){--pfe-icon--size:0}\n/*# sourceMappingURL=pfe-icon.min.css.map */\n
    \n \n
    \n\n \n \n \n \n \n'}},{key:"templateUrl",get:function(){return"pfe-icon.html"}},{key:"styleUrl",get:function(){return"pfe-icon.scss"}},{key:"schemaUrl",get:function(){return"pfe-icon.json"}},{key:"upgraded",get:function(){return this.image.hasAttribute("xlink:href")}},{key:"has_fallback",get:function(){return 0\n PfeIcon.addIconSet(set.name, set.path, (name, iconSetName, iconSetPath) => {\n const regex = new RegExp(`^${iconSetName}(-icon)?-(.*)`);\n const [, , iconName] = regex.exec(name);\n\n const iconId = `${iconSetName}-icon-${iconName}`;\n const iconPath = `${iconSetPath}/${iconId}.svg`;\n\n return iconPath;\n })\n );\n}\n","/*!\n * PatternFly Elements: PfeIcon 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\nimport PFElement from \"../../pfelement/dist/pfelement.umd\";\nimport PfeIconSet from \"./icon-set.js\";\nimport { addBuiltIns } from \"./builtin-icon-sets.js\";\n\n/**\n * Sets the id attribute on the element and points the CSS `filter` at that id.\n */\nfunction _setRandomFilterId(el) {\n const randomId =\n \"filter-\" +\n Math.random()\n .toString()\n .slice(2, 10);\n\n // set the CSS filter property to point at the given id\n el.shadowRoot.querySelector(\"svg image\").style.filter = `url(#${randomId})`;\n\n // set the id attribute on the SVG filter element to match\n el.shadowRoot.querySelector(\"svg filter\").setAttribute(\"id\", randomId);\n}\n\nclass PfeIcon extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return `
    \n \n
    \n\n \n \n \n \n \n`;\n }\n\n static get properties() {\n return {\"icon\":{\"title\":\"Icon\",\"type\":\"string\",\"prefixed\":false},\"size\":{\"title\":\"Size\",\"type\":\"string\",\"enum\":[\"xl\",\"lg\",\"md\",\"sm\",\"2x\",\"3x\",\"4x\"],\"prefixed\":true},\"color\":{\"title\":\"Color\",\"type\":\"string\",\"enum\":[\"complement\",\"accent\",\"lightest\",\"lighter\",\"base\",\"darker\",\"darkest\",\"critical\",\"important\",\"moderate\",\"success\",\"info\"],\"prefixed\":true},\"circled\":{\"title\":\"Circled\",\"type\":\"boolean\",\"default\":false,\"prefixed\":true}};\n }\n\n static get slots() {\n return {};\n }\n static get tag() {\n return \"pfe-icon\";\n }\n\n get templateUrl() {\n return \"pfe-icon.html\";\n }\n\n get styleUrl() {\n return \"pfe-icon.scss\";\n }\n\n get schemaUrl() {\n return \"pfe-icon.json\";\n }\n\n // Declare the type of this component\n static get PfeType() {\n return PFElement.PfeTypes.Content;\n }\n\n static get EVENTS() {\n return {\n ADD_ICON_SET: `${this.tag}:add-icon-set`\n };\n }\n\n get upgraded() {\n return this.image.hasAttribute(\"xlink:href\");\n }\n\n get has_fallback() {\n return this.children.length > 0 || this.innerText.length > 0;\n }\n\n static get observedAttributes() {\n return [\"icon\", \"on-fail\", \"pfe-circled\", \"pfe-color\"];\n }\n\n _iconLoad() {\n this.classList.remove(\"load-failed\");\n }\n\n _iconLoadError() {\n this.classList.add(\"load-failed\");\n if (this.has_fallback) {\n this.classList.add(\"has-fallback\");\n }\n }\n\n constructor() {\n super(PfeIcon, { type: PfeIcon.PfeType });\n\n this._iconLoad = this._iconLoad.bind(this);\n this._iconLoadError = this._iconLoadError.bind(this);\n\n this.image = this.shadowRoot.querySelector(\"svg image\");\n if (this.image) {\n this.image.addEventListener(\"load\", this._iconLoad);\n this.image.addEventListener(\"error\", this._iconLoadError);\n }\n\n // Attach a listener for the registration of an icon set\n // Leaving this attached allows for the registered set to be updated\n document.body.addEventListener(PfeIcon.EVENTS.ADD_ICON_SET, () =>\n this.updateIcon()\n );\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n\n if (this.image) {\n this.image.removeEventListener(\"load\", this._iconLoad);\n this.image.removeEventListener(\"error\", this._iconLoadError);\n }\n }\n\n attributeChangedCallback(attr, oldValue, newValue) {\n super.attributeChangedCallback(...arguments);\n this.updateIcon(newValue);\n this.context_update();\n }\n\n updateIcon(iconName = this.getAttribute(\"icon\")) {\n const { set } = PfeIcon.getIconSet(iconName);\n if (set) {\n const iconPath = set.resolveIconName(iconName);\n this.image.setAttribute(\"xlink:href\", iconPath);\n _setRandomFilterId(this);\n }\n }\n\n /**\n * Get an icon set by providing the set's name, _or_ the name of an icon from that set.\n *\n * @param {String} iconName the name of the set, or the name of an icon from that set.\n * @return {PfeIconSet} the icon set\n */\n static getIconSet(iconName) {\n let set;\n if (iconName) {\n const [setName] = iconName.split(\"-\");\n set = this._iconSets[setName];\n }\n return { set };\n }\n\n static addIconSet(name, path, resolveIconName) {\n let resolveFunction;\n\n if (typeof resolveIconName === \"function\") {\n resolveFunction = resolveIconName;\n } else if (\n typeof resolveIconName === \"undefined\" &&\n this._iconSets[name] &&\n typeof this._iconSets[name]._resolveIconName === \"function\"\n ) {\n resolveFunction = this._iconSets[name]._resolveIconName;\n } else if (\n typeof resolveIconName !== \"function\" &&\n typeof resolveIconName !== \"undefined\"\n ) {\n console.warn(\n `${this.tag}: The third input to addIconSet should be a function that parses and returns the icon's filename.`\n );\n } else {\n console.warn(\n `${this.tag}: The set ${name} needs a resolve function for the icon names.`\n );\n }\n\n // Register the icon set and set up the event indicating the change\n this._iconSets[name] = new PfeIconSet(name, path, resolveFunction);\n\n document.body.dispatchEvent(\n new CustomEvent(this.EVENTS.ADD_ICON_SET, {\n bubbles: false,\n detail: {\n set: this._iconSets[name]\n }\n })\n );\n }\n}\n\nPfeIcon._iconSets = {};\n\naddBuiltIns(PfeIcon);\n\nPFElement.create(PfeIcon);\n\nexport default PfeIcon;\n"],"names":["PfeIconSet","iconName","this","_resolveIconName","name","path","resolveIconName","PfeIcon","PFElement","classList","remove","add","has_fallback","image","hasAttribute","children","length","innerText","icon","title","type","prefixed","size","enum","color","circled","default","PfeTypes","Content","tag","removeEventListener","_iconLoad","_iconLoadError","attr","oldValue","newValue","arguments","updateIcon","context_update","getAttribute","set","getIconSet","iconPath","setAttribute","el","randomId","Math","random","toString","slice","shadowRoot","querySelector","style","filter","split","setName","_iconSets","resolveFunction","warn","body","dispatchEvent","CustomEvent","EVENTS","ADD_ICON_SET","PfeType","_this","bind","addEventListener","forEach","addIconSet","iconSetName","iconSetPath","RegExp","exec","create"],"mappings":"6wCAAMA,8CAIYC,UACPC,KAAKC,iBAAiBF,EAAUC,KAAKE,KAAMF,KAAKG,wBAc7CD,EAAMC,EAAMC,kBACjBF,KAAOA,OACPC,KAAOA,OACPF,iBAAmBG,MCnBAC,EC2CtBA,+TAAgBC,+CAmEbC,UAAUC,OAAO,6DAIjBD,UAAUE,IAAI,eACfT,KAAKU,mBACFH,UAAUE,IAAI,isTAzCd,uDAIA,wDAIA,wDAeAT,KAAKW,MAAMC,aAAa,0DAID,EAAvBZ,KAAKa,SAASC,QAAsC,EAAxBd,KAAKe,UAAUD,+CAzD3C,+DAmBA,CAACE,KAAO,CAACC,MAAQ,OAAOC,KAAO,SAASC,UAAW,GAAOC,KAAO,CAACH,MAAQ,OAAOC,KAAO,SAASG,KAAO,CAAC,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,MAAMF,UAAW,GAAMG,MAAQ,CAACL,MAAQ,QAAQC,KAAO,SAASG,KAAO,CAAC,aAAa,SAAS,WAAW,UAAU,OAAO,SAAS,UAAU,WAAW,YAAY,WAAW,UAAU,QAAQF,UAAW,GAAMI,QAAU,CAACN,MAAQ,UAAUC,KAAO,UAAUM,SAAU,EAAML,UAAW,wCAIla,qCAGA,kDAiBAb,EAAUmB,SAASC,6CAInB,cACY1B,KAAK2B,sEAajB,CAAC,OAAQ,UAAW,cAAe,uKAoCtC3B,KAAKW,aACFA,MAAMiB,oBAAoB,OAAQ5B,KAAK6B,gBACvClB,MAAMiB,oBAAoB,QAAS5B,KAAK8B,kEAIxBC,EAAMC,EAAUC,2GACLC,gBAC7BC,WAAWF,QACXG,2DAGIrC,mCAAWC,KAAKqC,aAAa,QAC9BC,EAAQjC,EAAQkC,WAAWxC,GAA3BuC,OACJA,EAAK,KACDE,EAAWF,EAAIlC,gBAAgBL,QAChCY,MAAM8B,aAAa,aAAcD,GAjI5C,SAA4BE,OACpBC,EACJ,UACAC,KAAKC,SACFC,WACAC,MAAM,EAAG,MAGXC,WAAWC,cAAc,aAAaC,MAAMC,eAAiBR,QAG7DK,WAAWC,cAAc,cAAcR,aAAa,KAAME,IAuHtC3C,4CAULD,OACZuC,YACAvC,EAAU,OACMA,EAASqD,MAAM,KAA1BC,cACDrD,KAAKsD,UAAUD,SAEhB,CAAEf,0CAGOpC,EAAMC,EAAMC,OACxBmD,SAE2B,mBAApBnD,IACSA,OAES,IAApBA,GACPJ,KAAKsD,UAAUpD,IACkC,mBAA1CF,KAAKsD,UAAUpD,GAAMD,mBAEVD,KAAKsD,UAAUpD,GAAMD,iBAEZ,mBAApBG,QACoB,IAApBA,UAECoD,KACHxD,KAAK2B,iHAGF6B,KACHxD,KAAK2B,iBAAgBzB,wDAKvBoD,UAAUpD,GAAQ,IAAIJ,EAAWI,EAAMC,EAAMoD,YAEzCE,KAAKC,cACZ,IAAIC,YAAY3D,KAAK4D,OAAOC,aAAc,UAC/B,SACD,KACD7D,KAAKsD,UAAUpD,oQAxFpBG,EAAS,CAAEa,KAAMb,EAAQyD,oBAE1BjC,UAAYkC,EAAKlC,UAAUmC,UAC3BlC,eAAiBiC,EAAKjC,eAAekC,UAErCrD,MAAQoD,EAAKf,WAAWC,cAAc,aACvCc,EAAKpD,UACFA,MAAMsD,iBAAiB,OAAQF,EAAKlC,aACpClB,MAAMsD,iBAAiB,QAASF,EAAKjC,0BAKnC2B,KAAKQ,iBAAiB5D,EAAQuD,OAAOC,aAAc,kBAC1DE,EAAK5B,wBAiFX9B,EAAQiD,UAAY,GDxNQjD,EC0NhBA,GDxNR,MACQ,WACA,qEAER,MACQ,UACA,sEAER6D,QAAQ,mBACR7D,EAAQ8D,WAAW7B,EAAIpC,KAAMoC,EAAInC,KAAM,SAACD,EAAMkE,EAAaC,SAC3C,IAAIC,WAAWF,mBACAG,KAAKrE,UAGdmE,MADFD,gCC6MxB9D,EAAUkE,OAAOnE"} \ No newline at end of file diff --git a/elements/pfe-icon/package-lock.json b/elements/pfe-icon/package-lock.json index 20a74b1b1b..13cf5f54d3 100644 --- a/elements/pfe-icon/package-lock.json +++ b/elements/pfe-icon/package-lock.json @@ -1,6 +1,6 @@ { "name": "@patternfly/pfe-icon", - "version": "1.0.0-prerelease.49", + "version": "1.0.0-prerelease.50", "lockfileVersion": 1, "requires": true, "dependencies": { diff --git a/elements/pfe-icon/package.json b/elements/pfe-icon/package.json index 6cf66119d3..780ed6dccc 100644 --- a/elements/pfe-icon/package.json +++ b/elements/pfe-icon/package.json @@ -4,7 +4,7 @@ "className": "PfeIcon", "elementName": "pfe-icon" }, - "version": "1.0.0-prerelease.49", + "version": "1.0.0-prerelease.50", "publishConfig": { "access": "public" }, @@ -35,8 +35,8 @@ }, "license": "MIT", "dependencies": { - "@patternfly/pfe-sass": "^1.0.0-prerelease.49", - "@patternfly/pfelement": "^1.0.0-prerelease.49" + "@patternfly/pfe-sass": "^1.0.0-prerelease.50", + "@patternfly/pfelement": "^1.0.0-prerelease.50" }, "generator-pfelement-version": "1.1.0", "bugs": { diff --git a/elements/pfe-jump-links/dist/pfe-jump-links.js b/elements/pfe-jump-links/dist/pfe-jump-links.js new file mode 100644 index 0000000000..d0b16e0262 --- /dev/null +++ b/elements/pfe-jump-links/dist/pfe-jump-links.js @@ -0,0 +1,570 @@ +import PFElement from '../../pfelement/dist/pfelement.js'; + +/*! + * PatternFly Elements: PfeJumpLinks 1.0.0-prerelease.50 + * @license + * Copyright 2020 Red Hat, Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + * +*/ + +const pfeJumpLinksNavObserverConfig = { + childList: true, + subtree: true, + characterData: true, + attributes: true +}; + +const pfeJumpLinksPanelObserverConfig = { + childList: true, + subtree: true, + characterData: true, + attributes: true +}; + +class PfeJumpLinks extends PFElement { + static get version() { + return "1.0.0-prerelease.50"; + } + + get html() { + return ``; + } + + static get properties() { + return {}; + } + + static get slots() { + return {"default":{"title":"Default slot","type":"array","namedSlot":false,"items":{"oneOf":[{"$ref":"raw"}]}}}; + } + static get tag() { + return "pfe-jump-links"; + } + + get schemaUrl() { + return "pfe-jump-links.json"; + } + + get templateUrl() { + return "pfe-jump-links.html"; + } + + get styleUrl() { + return "pfe-jump-links.scss"; + } + + static get PfeType() { + return PFElement.PfeTypes.Content; + } + + constructor() { + super(PfeJumpLinks, { type: PfeJumpLinks.PfeType }); + } +} + +class PfeJumpLinksNav extends PFElement { + static get version() { + return "1.0.0-prerelease.50"; + } + + get html() { + return ` + ${this.hasAttribute("pfe-c-horizontal") ? `` : + ` + + + ` + } + + ${this.hasAttribute("pfe-c-horizontal") ? `` : + ` + ` + }`; + } + static get tag() { + return "pfe-jump-links-nav"; + } + + get schemaUrl() { + return "pfe-jump-links-nav.json"; + } + + get templateUrl() { + return "pfe-jump-links-nav.html"; + } + + get styleUrl() { + return "pfe-jump-links-nav.scss"; + } + + static get PfeType() { + return PFElement.PfeTypes.Content; + } + + constructor() { + super(PfeJumpLinksNav, { type: PfeJumpLinksNav.PfeType }); + + this._buildNav = this._buildNav.bind(this); + this._mutationCallback = this._mutationCallback.bind(this); + this._menuContainer = this.shadowRoot.querySelector("#container"); + this._observer = new MutationObserver(this._mutationCallback); + this._reportHeight = this._reportHeight.bind(this); + this.panel = document.querySelector(`[pfe-c-scrolltarget=${this.id}]`); + + window.addEventListener("resize", () => {}); + } + + connectedCallback() { + super.connectedCallback(); + //Check that the light DOM is there + if (this.hasAttribute("autobuild")) { + this._buildNav(); + } else { + //Check that the light DOM is valid + if (this._isValidLightDom()) { + const menu = this.querySelector("ul"); + menu.classList.add("pfe-jump-links-nav"); + this._menuContainer.innerHTML = menu.outerHTML; + + let div = document.createElement("div"); + + div.innerHTML = ``; + + if (this.getAttribute("sr-text")) { + this.shadowRoot.querySelector("nav").prepend(div); + } + + let html = ""; + if (this.querySelector("[slot='pfe-jump-links-nav--heading']")) { + html = this.querySelector( + "[slot='pfe-jump-links-nav--heading']" + ).cloneNode(true); + } + if (!this.hasAttribute("pfe-c-horizontal") && html !== "") { + this.shadowRoot + .querySelector("pfe-accordion-header") + .appendChild(html); + } else { + const heading = document.createElement("h3"); + heading.id = "pfe-jump-links-nav--heading"; + + this.shadowRoot + .querySelector("pfe-accordion-header") + .appendChild(heading); + this.shadowRoot.querySelector( + "#pfe-jump-links-nav--heading" + ).innerHTML = "Jump to section"; + } + } + } + this._reportHeight(); + + this._observer.observe(this, pfeJumpLinksNavObserverConfig); + + this.panel = document.querySelector(`[pfe-c-scrolltarget="${this.id}"]`); + + this.panel.addEventListener( + PfeJumpLinksPanel.events.change, + this._buildNav + ); + } + + disconnectedCallback() { + this._observer.disconnect(); + this.panel.removeEventListener( + PfeJumpLinksPanel.events.change, + this._buildNav + ); + this.removeEventListener("click"); + } + + _rebuildNav() { + this._buildNav(); + } + + _buildNav() { + const buildLinkList = () => { + let linkList = ``; + if (!this.panel) { + this.panel = document.querySelector( + `[pfe-c-scrolltarget="${this.id}"]` + ); + } + let panelSections = this.panel.querySelectorAll( + ".pfe-jump-links-panel__section" + ); + + for (let i = 0; i < panelSections.length; i++) { + let arr = [...panelSections]; + if (arr[i].classList.contains("has-sub-section")) { + let linkListItem = ` +
  • + + ${arr[i].innerHTML} + +
      + `; + linkList += linkListItem; + } else if (arr[i].classList.contains("sub-section")) { + let linkSubItem = ` +
    • + + ${arr[i].innerHTML} + +
      • `; + if (!arr[i + 1].classList.contains("sub-section")) { + linkSubItem += `
    • `; + } + linkList += linkSubItem; + } else { + let linkListItem = ` +
  • + + ${arr[i].innerHTML} + +
    • + `; + linkList += linkListItem; + } + } + return linkList; + }; + + let html = ` +
      + ${buildLinkList()} + `; + this.shadowRoot.querySelector("#container").innerHTML = html; + let heading = document.createElement("h3"); + heading.innerHTML = "Jump to section"; + this.shadowRoot.querySelector("pfe-accordion-header").appendChild(heading); + } + + _mutationCallback() { + if (window.ShadyCSS) { + this._observer.disconnect(); + } + + if (!this.hasAttribute("autobuild")) { + const menu = this.querySelector("ul"); + this._menuContainer.innerHTML = menu.outerHTML; + } else if (this.hasAttribute("autobuild")) { + this._buildNav(); + } + + if (window.ShadyCSS) { + this._observer.observe(this, pfeJumpLinksNavObserverConfig); + } + } + + _isValidLightDom() { + if (!this.children.length) { + console.warn( + `${PfeJumpLinks.tag}: You must have a
        tag in the light DOM` + ); + return false; + } + if ( + (this.has_slot("logo") || this.has_slot("link")) && + !this.hasAttribute("pfe-c-horizontal") + ) { + console.warn( + `${PfeJumpLinks.tag}: logo and link slots NOT supported in vertical jump links` + ); + } + if (this.children[1].tagName !== "UL") { + if (!this.hasAttribute("pfe-c-horizontal")) { + console.warn( + `${PfeJumpLinks.tag}: The top-level list of links MUST be a
          ` + ); + } + + return false; + } + + return true; + } + + _reportHeight() { + const cssVarName = `--${this.tag}--Height--actual`; + const height = this.clientHeight + "px"; + this.panel.style.setProperty(cssVarName, height); + } +} + +class PfeJumpLinksPanel extends PFElement { + static get version() { + return "1.0.0-prerelease.50"; + } + + get html() { + return ``; + } + static get tag() { + return "pfe-jump-links-panel"; + } + + get schemaUrl() { + return "pfe-jump-links-panel.json"; + } + + get templateUrl() { + return "pfe-jump-links-panel.html"; + } + + get styleUrl() { + return "pfe-jump-links-panel.scss"; + } + + static get events() { + return { + change: `${this.tag}:change`, + activeNavItem: `${this.tag}:active-navItem` + }; + } + + get offsetValue() { + return this.sectionMargin || this.customVar; + } + + static get PfeType() { + return PFElement.PfeTypes.Content; + } + + static get observedAttributes() { + return ["pfe-c-offset"]; + } + + constructor() { + super(PfeJumpLinksPanel, { type: PfeJumpLinksPanel.PfeType }); + this._init = this._init.bind(this); + this._slot = this.shadowRoot.querySelector("slot"); + this._slot.addEventListener("slotchange", this._init); + this._scrollCallback = this._scrollCallback.bind(this); + this._mutationCallback = this._mutationCallback.bind(this); + this._handleResize = this._handleResize.bind(this); + this._observer = new MutationObserver(this._mutationCallback); + this.currentActive = null; + this.currentActive = 0; + this.current = -1; + window.addEventListener("resize", this._handleResize); + } + + connectedCallback() { + super.connectedCallback(); + this.nav = this._getNav(); + this._init(); + this.sectionMargin = this.getAttribute("pfe-c-offset"); + this.customVar = this.cssVariable("--pfe-jump-links-panel--offset") || 200; + if (this.nav && this.nav.hasAttribute("pfe-c-autobuild")) { + this.nav._rebuildNav(); + } + + this._observer.observe(this, pfeJumpLinksPanelObserverConfig); + } + + disconnectedCallback() { + this._observer.disconnect(); + window.removeEventListener("scroll"); + this._slot.removeEventListener("slotchange", this._init); + window.removeEventListener("resize", this._handleResize); + } + + attributeChangedCallback(attr, oldVal, newVal) { + super.attributeChangedCallback(attr, oldVal, newVal); + + switch (attr) { + case "pfe-c-offset": + this.sectionMargin = newVal; + break; + } + } + + _init() { + window.addEventListener("scroll", this._scrollCallback); + this.scrollTarget = this.getAttribute("pfe-c-scrolltarget"); + this.JumpLinksNav = document.querySelector(`#${this.scrollTarget}`); + this.sections = this.querySelectorAll(".pfe-jump-links-panel__section"); + + if (this.JumpLinksNav) { + this.menu_links = this.JumpLinksNav.querySelectorAll("a"); + } + } + + _handleResize() { + this.nav._reportHeight(); + this.sectionMargin = this.getAttribute("pfe-c-offset"); + this.customVar = this.cssVariable("--pfe-jump-links-panel--offset") || 200; + } + + _getNav() { + return document.querySelector( + `pfe-jump-links-nav#${this.getAttribute("pfe-c-scrolltarget")}` + ); + } + + _makeActive(link) { + if (this.menu_links[link]) { + // Check if this is a subnav or has subsections + if (this.menu_links[link].classList.contains("sub-section")) { + this.menu_links[link].setAttribute("active", ""); + this.menu_links[link].parentNode.parentNode.parentNode.setAttribute( + "active", + "" + ); + this.menu_links[link].parentNode.parentNode.parentNode.classList.add( + "expand" + ); + } else if (this.menu_links[link].classList.contains("has-sub-section")) { + this.menu_links[link].setAttribute("active", ""); + this.menu_links[link].parentNode.setAttribute("active", ""); + this.menu_links[link].parentNode.classList.add("expand"); + } else { + this.menu_links[link].setAttribute("active", ""); + this.menu_links[link].parentNode.setAttribute("active", ""); + } + + let activeLink = this.JumpLinksNav.querySelector("[active]"); + this.emitEvent(PfeJumpLinksPanel.events.activeNavItem, { + detail: { + activeNavItem: activeLink + } + }); + } + } + + _removeActive(link) { + if (this.menu_links[link]) { + if (this.menu_links[link].classList.contains("sub-section")) { + this.menu_links[link].parentNode.parentNode.parentNode.classList.remove( + "expand" + ); + } + this.menu_links[link].removeAttribute("active"); + this.menu_links[link].parentNode.removeAttribute("active"); + } + } + + _removeAllActive() { + if (!Object.keys) { + Object.keys = function(obj) { + if (obj !== Object(obj)) + throw new TypeError("Object.keys called on a non-object"); + var k = [], + p; + for (p in obj) + if (Object.prototype.hasOwnProperty.call(obj, p)) k.push(p); + return k; + }; + Object.keys.forEach = Array.forEach; + } + [...Array(this.sections.length).keys()].forEach(link => { + this._removeActive(link); + }); + } + + _mutationCallback() { + if (window.ShadyCSS) { + this._observer.disconnect(); + } + + //If we didn't get nav in the constructor, grab it now + if (!this.nav) { + this.nav = document.querySelector( + `pfe-jump-links-nav#${this.getAttribute("pfe-c-scrolltarget")}` + ); + } + //If we want the nav to be built automatically, re-init panel and rebuild nav + if (this.nav.hasAttribute("autobuild")) { + this._init(); + this.emitEvent(PfeJumpLinksPanel.events.change); + this.nav._rebuildNav(); + } + + if (window.ShadyCSS) { + this._observer.observe(this, pfeJumpLinksPanelObserverConfig); + } + } + + _scrollCallback() { + let sections; + let menu_links; + //Check sections to make sure we have them (if not, get them) + if (!this.sections || typeof this.sections === "undefined") { + this.sections = this.querySelectorAll(".pfe-jump-links-panel__section"); + } else { + sections = this.sections; + } + //Check list of links to make sure we have them (if not, get them) + if (this.menu_links.length < 1 || !this.menu_links) { + this.menu_links = this.JumpLinksNav.shadowRoot.querySelectorAll("a"); + menu_links = this.menu_links; + } + + // Make an array from the node list + const sectionArr = [...sections]; + // Get all the sections that match this point in the scroll + const matches = sectionArr + .filter(section => window.scrollY >= section.offsetTop - this.offsetValue) + .reverse(); + + //Identify the last one queried as the current section + const current = sectionArr.indexOf(matches[0]); + + // If that section isn't already active, + // remove active from the other links and make it active + if (current !== this.currentActive) { + this._removeAllActive(); + this.currentActive = current; + this._makeActive(current); + } + } +} + +PFElement.create(PfeJumpLinks); +PFElement.create(PfeJumpLinksNav); +PFElement.create(PfeJumpLinksPanel); + +export default PfeJumpLinks; +//# sourceMappingURL=pfe-jump-links.js.map diff --git a/elements/pfe-jump-links/dist/pfe-jump-links.js.map b/elements/pfe-jump-links/dist/pfe-jump-links.js.map new file mode 100644 index 0000000000..8a4e47c97a --- /dev/null +++ b/elements/pfe-jump-links/dist/pfe-jump-links.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-jump-links.js","sources":["../_temp/pfe-jump-links.js"],"sourcesContent":["/*!\n * PatternFly Elements: PfeJumpLinks 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\nimport PFElement from \"../../pfelement/dist/pfelement.js\";\n\nconst pfeJumpLinksNavObserverConfig = {\n childList: true,\n subtree: true,\n characterData: true,\n attributes: true\n};\n\nconst pfeJumpLinksPanelObserverConfig = {\n childList: true,\n subtree: true,\n characterData: true,\n attributes: true\n};\n\nclass PfeJumpLinks extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return ``;\n }\n\n static get properties() {\n return {};\n }\n\n static get slots() {\n return {\"default\":{\"title\":\"Default slot\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-jump-links\";\n }\n\n get schemaUrl() {\n return \"pfe-jump-links.json\";\n }\n\n get templateUrl() {\n return \"pfe-jump-links.html\";\n }\n\n get styleUrl() {\n return \"pfe-jump-links.scss\";\n }\n\n static get PfeType() {\n return PFElement.PfeTypes.Content;\n }\n\n constructor() {\n super(PfeJumpLinks, { type: PfeJumpLinks.PfeType });\n }\n}\n\nclass PfeJumpLinksNav extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return `\n ${this.hasAttribute(\"pfe-c-horizontal\") ? `` :\n `\n \n \n `\n }\n \n ${this.hasAttribute(\"pfe-c-horizontal\") ? `` :\n `\n `\n }`;\n }\n static get tag() {\n return \"pfe-jump-links-nav\";\n }\n\n get schemaUrl() {\n return \"pfe-jump-links-nav.json\";\n }\n\n get templateUrl() {\n return \"pfe-jump-links-nav.html\";\n }\n\n get styleUrl() {\n return \"pfe-jump-links-nav.scss\";\n }\n\n static get PfeType() {\n return PFElement.PfeTypes.Content;\n }\n\n constructor() {\n super(PfeJumpLinksNav, { type: PfeJumpLinksNav.PfeType });\n\n this._buildNav = this._buildNav.bind(this);\n this._mutationCallback = this._mutationCallback.bind(this);\n this._menuContainer = this.shadowRoot.querySelector(\"#container\");\n this._observer = new MutationObserver(this._mutationCallback);\n this._reportHeight = this._reportHeight.bind(this);\n this.panel = document.querySelector(`[pfe-c-scrolltarget=${this.id}]`);\n\n window.addEventListener(\"resize\", () => {});\n }\n\n connectedCallback() {\n super.connectedCallback();\n //Check that the light DOM is there\n if (this.hasAttribute(\"autobuild\")) {\n this._buildNav();\n } else {\n //Check that the light DOM is valid\n if (this._isValidLightDom()) {\n const menu = this.querySelector(\"ul\");\n menu.classList.add(\"pfe-jump-links-nav\");\n this._menuContainer.innerHTML = menu.outerHTML;\n\n let div = document.createElement(\"div\");\n\n div.innerHTML = ``;\n\n if (this.getAttribute(\"sr-text\")) {\n this.shadowRoot.querySelector(\"nav\").prepend(div);\n }\n\n let html = \"\";\n if (this.querySelector(\"[slot='pfe-jump-links-nav--heading']\")) {\n html = this.querySelector(\n \"[slot='pfe-jump-links-nav--heading']\"\n ).cloneNode(true);\n }\n if (!this.hasAttribute(\"pfe-c-horizontal\") && html !== \"\") {\n this.shadowRoot\n .querySelector(\"pfe-accordion-header\")\n .appendChild(html);\n } else {\n const heading = document.createElement(\"h3\");\n heading.id = \"pfe-jump-links-nav--heading\";\n\n this.shadowRoot\n .querySelector(\"pfe-accordion-header\")\n .appendChild(heading);\n this.shadowRoot.querySelector(\n \"#pfe-jump-links-nav--heading\"\n ).innerHTML = \"Jump to section\";\n }\n }\n }\n this._reportHeight();\n\n this._observer.observe(this, pfeJumpLinksNavObserverConfig);\n\n this.panel = document.querySelector(`[pfe-c-scrolltarget=\"${this.id}\"]`);\n\n this.panel.addEventListener(\n PfeJumpLinksPanel.events.change,\n this._buildNav\n );\n }\n\n disconnectedCallback() {\n this._observer.disconnect();\n this.panel.removeEventListener(\n PfeJumpLinksPanel.events.change,\n this._buildNav\n );\n this.removeEventListener(\"click\");\n }\n\n _rebuildNav() {\n this._buildNav();\n }\n\n _buildNav() {\n const buildLinkList = () => {\n let linkList = ``;\n if (!this.panel) {\n this.panel = document.querySelector(\n `[pfe-c-scrolltarget=\"${this.id}\"]`\n );\n }\n let panelSections = this.panel.querySelectorAll(\n \".pfe-jump-links-panel__section\"\n );\n\n for (let i = 0; i < panelSections.length; i++) {\n let arr = [...panelSections];\n if (arr[i].classList.contains(\"has-sub-section\")) {\n let linkListItem = `\n
        • \n \n ${arr[i].innerHTML}\n \n
            \n `;\n linkList += linkListItem;\n } else if (arr[i].classList.contains(\"sub-section\")) {\n let linkSubItem = `\n
          • \n \n ${arr[i].innerHTML}\n \n
            • `;\n if (!arr[i + 1].classList.contains(\"sub-section\")) {\n linkSubItem += `
          • `;\n }\n linkList += linkSubItem;\n } else {\n let linkListItem = `\n
        • \n \n ${arr[i].innerHTML}\n \n
          • \n `;\n linkList += linkListItem;\n }\n }\n return linkList;\n };\n\n let html = `\n
            \n ${buildLinkList()}\n `;\n this.shadowRoot.querySelector(\"#container\").innerHTML = html;\n let heading = document.createElement(\"h3\");\n heading.innerHTML = \"Jump to section\";\n this.shadowRoot.querySelector(\"pfe-accordion-header\").appendChild(heading);\n }\n\n _mutationCallback() {\n if (window.ShadyCSS) {\n this._observer.disconnect();\n }\n\n if (!this.hasAttribute(\"autobuild\")) {\n const menu = this.querySelector(\"ul\");\n this._menuContainer.innerHTML = menu.outerHTML;\n } else if (this.hasAttribute(\"autobuild\")) {\n this._buildNav();\n }\n\n if (window.ShadyCSS) {\n this._observer.observe(this, pfeJumpLinksNavObserverConfig);\n }\n }\n\n _isValidLightDom() {\n if (!this.children.length) {\n console.warn(\n `${PfeJumpLinks.tag}: You must have a
              tag in the light DOM`\n );\n return false;\n }\n if (\n (this.has_slot(\"logo\") || this.has_slot(\"link\")) &&\n !this.hasAttribute(\"pfe-c-horizontal\")\n ) {\n console.warn(\n `${PfeJumpLinks.tag}: logo and link slots NOT supported in vertical jump links`\n );\n }\n if (this.children[1].tagName !== \"UL\") {\n if (!this.hasAttribute(\"pfe-c-horizontal\")) {\n console.warn(\n `${PfeJumpLinks.tag}: The top-level list of links MUST be a
                `\n );\n }\n\n return false;\n }\n\n return true;\n }\n\n _reportHeight() {\n const cssVarName = `--${this.tag}--Height--actual`;\n const height = this.clientHeight + \"px\";\n this.panel.style.setProperty(cssVarName, height);\n }\n}\n\nclass PfeJumpLinksPanel extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return ``;\n }\n static get tag() {\n return \"pfe-jump-links-panel\";\n }\n\n get schemaUrl() {\n return \"pfe-jump-links-panel.json\";\n }\n\n get templateUrl() {\n return \"pfe-jump-links-panel.html\";\n }\n\n get styleUrl() {\n return \"pfe-jump-links-panel.scss\";\n }\n\n static get events() {\n return {\n change: `${this.tag}:change`,\n activeNavItem: `${this.tag}:active-navItem`\n };\n }\n\n get offsetValue() {\n return this.sectionMargin || this.customVar;\n }\n\n static get PfeType() {\n return PFElement.PfeTypes.Content;\n }\n\n static get observedAttributes() {\n return [\"pfe-c-offset\"];\n }\n\n constructor() {\n super(PfeJumpLinksPanel, { type: PfeJumpLinksPanel.PfeType });\n this._init = this._init.bind(this);\n this._slot = this.shadowRoot.querySelector(\"slot\");\n this._slot.addEventListener(\"slotchange\", this._init);\n this._scrollCallback = this._scrollCallback.bind(this);\n this._mutationCallback = this._mutationCallback.bind(this);\n this._handleResize = this._handleResize.bind(this);\n this._observer = new MutationObserver(this._mutationCallback);\n this.currentActive = null;\n this.currentActive = 0;\n this.current = -1;\n window.addEventListener(\"resize\", this._handleResize);\n }\n\n connectedCallback() {\n super.connectedCallback();\n this.nav = this._getNav();\n this._init();\n this.sectionMargin = this.getAttribute(\"pfe-c-offset\");\n this.customVar = this.cssVariable(\"--pfe-jump-links-panel--offset\") || 200;\n if (this.nav && this.nav.hasAttribute(\"pfe-c-autobuild\")) {\n this.nav._rebuildNav();\n }\n\n this._observer.observe(this, pfeJumpLinksPanelObserverConfig);\n }\n\n disconnectedCallback() {\n this._observer.disconnect();\n window.removeEventListener(\"scroll\");\n this._slot.removeEventListener(\"slotchange\", this._init);\n window.removeEventListener(\"resize\", this._handleResize);\n }\n\n attributeChangedCallback(attr, oldVal, newVal) {\n super.attributeChangedCallback(attr, oldVal, newVal);\n\n switch (attr) {\n case \"pfe-c-offset\":\n this.sectionMargin = newVal;\n break;\n }\n }\n\n _init() {\n window.addEventListener(\"scroll\", this._scrollCallback);\n this.scrollTarget = this.getAttribute(\"pfe-c-scrolltarget\");\n this.JumpLinksNav = document.querySelector(`#${this.scrollTarget}`);\n this.sections = this.querySelectorAll(\".pfe-jump-links-panel__section\");\n\n if (this.JumpLinksNav) {\n this.menu_links = this.JumpLinksNav.querySelectorAll(\"a\");\n }\n }\n\n _handleResize() {\n this.nav._reportHeight();\n this.sectionMargin = this.getAttribute(\"pfe-c-offset\");\n this.customVar = this.cssVariable(\"--pfe-jump-links-panel--offset\") || 200;\n }\n\n _getNav() {\n return document.querySelector(\n `pfe-jump-links-nav#${this.getAttribute(\"pfe-c-scrolltarget\")}`\n );\n }\n\n _makeActive(link) {\n if (this.menu_links[link]) {\n // Check if this is a subnav or has subsections\n if (this.menu_links[link].classList.contains(\"sub-section\")) {\n this.menu_links[link].setAttribute(\"active\", \"\");\n this.menu_links[link].parentNode.parentNode.parentNode.setAttribute(\n \"active\",\n \"\"\n );\n this.menu_links[link].parentNode.parentNode.parentNode.classList.add(\n \"expand\"\n );\n } else if (this.menu_links[link].classList.contains(\"has-sub-section\")) {\n this.menu_links[link].setAttribute(\"active\", \"\");\n this.menu_links[link].parentNode.setAttribute(\"active\", \"\");\n this.menu_links[link].parentNode.classList.add(\"expand\");\n } else {\n this.menu_links[link].setAttribute(\"active\", \"\");\n this.menu_links[link].parentNode.setAttribute(\"active\", \"\");\n }\n\n let activeLink = this.JumpLinksNav.querySelector(\"[active]\");\n this.emitEvent(PfeJumpLinksPanel.events.activeNavItem, {\n detail: {\n activeNavItem: activeLink\n }\n });\n }\n }\n\n _removeActive(link) {\n if (this.menu_links[link]) {\n if (this.menu_links[link].classList.contains(\"sub-section\")) {\n this.menu_links[link].parentNode.parentNode.parentNode.classList.remove(\n \"expand\"\n );\n }\n this.menu_links[link].removeAttribute(\"active\");\n this.menu_links[link].parentNode.removeAttribute(\"active\");\n }\n }\n\n _removeAllActive() {\n if (!Object.keys) {\n Object.keys = function(obj) {\n if (obj !== Object(obj))\n throw new TypeError(\"Object.keys called on a non-object\");\n var k = [],\n p;\n for (p in obj)\n if (Object.prototype.hasOwnProperty.call(obj, p)) k.push(p);\n return k;\n };\n Object.keys.forEach = Array.forEach;\n }\n [...Array(this.sections.length).keys()].forEach(link => {\n this._removeActive(link);\n });\n }\n\n _mutationCallback() {\n if (window.ShadyCSS) {\n this._observer.disconnect();\n }\n\n //If we didn't get nav in the constructor, grab it now\n if (!this.nav) {\n this.nav = document.querySelector(\n `pfe-jump-links-nav#${this.getAttribute(\"pfe-c-scrolltarget\")}`\n );\n }\n //If we want the nav to be built automatically, re-init panel and rebuild nav\n if (this.nav.hasAttribute(\"autobuild\")) {\n this._init();\n this.emitEvent(PfeJumpLinksPanel.events.change);\n this.nav._rebuildNav();\n }\n\n if (window.ShadyCSS) {\n this._observer.observe(this, pfeJumpLinksPanelObserverConfig);\n }\n }\n\n _scrollCallback() {\n let sections;\n let menu_links;\n //Check sections to make sure we have them (if not, get them)\n if (!this.sections || typeof this.sections === \"undefined\") {\n this.sections = this.querySelectorAll(\".pfe-jump-links-panel__section\");\n } else {\n sections = this.sections;\n }\n //Check list of links to make sure we have them (if not, get them)\n if (this.menu_links.length < 1 || !this.menu_links) {\n this.menu_links = this.JumpLinksNav.shadowRoot.querySelectorAll(\"a\");\n menu_links = this.menu_links;\n }\n\n // Make an array from the node list\n const sectionArr = [...sections];\n // Get all the sections that match this point in the scroll\n const matches = sectionArr\n .filter(section => window.scrollY >= section.offsetTop - this.offsetValue)\n .reverse();\n\n //Identify the last one queried as the current section\n const current = sectionArr.indexOf(matches[0]);\n\n // If that section isn't already active,\n // remove active from the other links and make it active\n if (current !== this.currentActive) {\n this._removeAllActive();\n this.currentActive = current;\n this._makeActive(current);\n }\n }\n}\n\nPFElement.create(PfeJumpLinks);\nPFElement.create(PfeJumpLinksNav);\nPFElement.create(PfeJumpLinksPanel);\n\nexport default PfeJumpLinks;\n"],"names":[],"mappings":"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"} \ No newline at end of file diff --git a/elements/pfe-jump-links/dist/pfe-jump-links.json b/elements/pfe-jump-links/dist/pfe-jump-links.json new file mode 100644 index 0000000000..83f1395cb0 --- /dev/null +++ b/elements/pfe-jump-links/dist/pfe-jump-links.json @@ -0,0 +1,44 @@ +{ + "$schema": "http://json-schema.org/draft-04/schema#", + "title": "Jump links", + "description": "", + "type": "object", + "tag": "pfe-jump-links", + "class": "PfeJumpLinks", + "category": "content", + "properties": { + "slots": { + "title": "Slots", + "description": "Definition of the supported slots", + "type": "object", + "properties": { + "default": { + "title": "Default slot", + "type": "array", + "namedSlot": false, + "items": { + "oneOf": [ + { + "$ref": "raw" + } + ] + } + } + }, + "required": ["default"] + }, + "attributes": { + "title": "Attributes", + "type": "object", + "properties": {} + }, + "events": { + "title": "Events", + "description": "Definition of the supported events", + "type": "object", + "properties": {} + } + }, + "required": ["slots", "attributes", "events"], + "additionalProperties": false +} diff --git a/elements/pfe-jump-links/dist/pfe-jump-links.min.js b/elements/pfe-jump-links/dist/pfe-jump-links.min.js new file mode 100644 index 0000000000..1603dc60f4 --- /dev/null +++ b/elements/pfe-jump-links/dist/pfe-jump-links.min.js @@ -0,0 +1,26 @@ +import e from"../../pfelement/dist/pfelement.min.js"; +/*! + * PatternFly Elements: PfeJumpLinks 1.0.0-prerelease.50 + * @license + * Copyright 2020 Red Hat, Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + * +*/const t={childList:!0,subtree:!0,characterData:!0,attributes:!0},i={childList:!0,subtree:!0,characterData:!0,attributes:!0};class a extends e{static get version(){return"1.0.0-prerelease.50"}get html(){return""}static get properties(){return{}}static get slots(){return{default:{title:"Default slot",type:"array",namedSlot:!1,items:{oneOf:[{$ref:"raw"}]}}}}static get tag(){return"pfe-jump-links"}get schemaUrl(){return"pfe-jump-links.json"}get templateUrl(){return"pfe-jump-links.html"}get styleUrl(){return"pfe-jump-links.scss"}static get PfeType(){return e.PfeTypes.Content}constructor(){super(a,{type:a.PfeType})}}class o extends e{static get version(){return"1.0.0-prerelease.50"}get html(){return`\n ${this.hasAttribute("pfe-c-horizontal")?"":"\n \n \n "}\n \n ${this.hasAttribute("pfe-c-horizontal")?"":"\n "}`}static get tag(){return"pfe-jump-links-nav"}get schemaUrl(){return"pfe-jump-links-nav.json"}get templateUrl(){return"pfe-jump-links-nav.html"}get styleUrl(){return"pfe-jump-links-nav.scss"}static get PfeType(){return e.PfeTypes.Content}constructor(){super(o,{type:o.PfeType}),this._buildNav=this._buildNav.bind(this),this._mutationCallback=this._mutationCallback.bind(this),this._menuContainer=this.shadowRoot.querySelector("#container"),this._observer=new MutationObserver(this._mutationCallback),this._reportHeight=this._reportHeight.bind(this),this.panel=document.querySelector(`[pfe-c-scrolltarget=${this.id}]`),window.addEventListener("resize",()=>{})}connectedCallback(){if(super.connectedCallback(),this.hasAttribute("autobuild"))this._buildNav();else if(this._isValidLightDom()){const e=this.querySelector("ul");e.classList.add("pfe-jump-links-nav"),this._menuContainer.innerHTML=e.outerHTML;let t=document.createElement("div");t.innerHTML=``,this.getAttribute("sr-text")&&this.shadowRoot.querySelector("nav").prepend(t);let i="";if(this.querySelector("[slot='pfe-jump-links-nav--heading']")&&(i=this.querySelector("[slot='pfe-jump-links-nav--heading']").cloneNode(!0)),this.hasAttribute("pfe-c-horizontal")||""===i){const e=document.createElement("h3");e.id="pfe-jump-links-nav--heading",this.shadowRoot.querySelector("pfe-accordion-header").appendChild(e),this.shadowRoot.querySelector("#pfe-jump-links-nav--heading").innerHTML="Jump to section"}else this.shadowRoot.querySelector("pfe-accordion-header").appendChild(i)}this._reportHeight(),this._observer.observe(this,t),this.panel=document.querySelector(`[pfe-c-scrolltarget="${this.id}"]`),this.panel.addEventListener(s.events.change,this._buildNav)}disconnectedCallback(){this._observer.disconnect(),this.panel.removeEventListener(s.events.change,this._buildNav),this.removeEventListener("click")}_rebuildNav(){this._buildNav()}_buildNav(){let e=`\n
                  \n ${(()=>{let e="";this.panel||(this.panel=document.querySelector(`[pfe-c-scrolltarget="${this.id}"]`));let t=this.panel.querySelectorAll(".pfe-jump-links-panel__section");for(let i=0;i\n \n ${a[i].innerHTML}\n \n
                    \n `;else if(a[i].classList.contains("sub-section")){let t=`\n
                  • \n \n ${a[i].innerHTML}\n \n
                    • `;a[i+1].classList.contains("sub-section")||(t+="
                  "),e+=t}else e+=`\n
                • \n \n ${a[i].innerHTML}\n \n
                  • \n `}return e})()}\n `;this.shadowRoot.querySelector("#container").innerHTML=e;let t=document.createElement("h3");t.innerHTML="Jump to section",this.shadowRoot.querySelector("pfe-accordion-header").appendChild(t)}_mutationCallback(){if(window.ShadyCSS&&this._observer.disconnect(),this.hasAttribute("autobuild"))this.hasAttribute("autobuild")&&this._buildNav();else{const e=this.querySelector("ul");this._menuContainer.innerHTML=e.outerHTML}window.ShadyCSS&&this._observer.observe(this,t)}_isValidLightDom(){return this.children.length?(!this.has_slot("logo")&&!this.has_slot("link")||this.hasAttribute("pfe-c-horizontal")||console.warn(`${a.tag}: logo and link slots NOT supported in vertical jump links`),"UL"===this.children[1].tagName||(this.hasAttribute("pfe-c-horizontal")||console.warn(`${a.tag}: The top-level list of links MUST be a
                    `),!1)):(console.warn(`${a.tag}: You must have a
                      tag in the light DOM`),!1)}_reportHeight(){const e=`--${this.tag}--Height--actual`,t=this.clientHeight+"px";this.panel.style.setProperty(e,t)}}class s extends e{static get version(){return"1.0.0-prerelease.50"}get html(){return""}static get tag(){return"pfe-jump-links-panel"}get schemaUrl(){return"pfe-jump-links-panel.json"}get templateUrl(){return"pfe-jump-links-panel.html"}get styleUrl(){return"pfe-jump-links-panel.scss"}static get events(){return{change:`${this.tag}:change`,activeNavItem:`${this.tag}:active-navItem`}}get offsetValue(){return this.sectionMargin||this.customVar}static get PfeType(){return e.PfeTypes.Content}static get observedAttributes(){return["pfe-c-offset"]}constructor(){super(s,{type:s.PfeType}),this._init=this._init.bind(this),this._slot=this.shadowRoot.querySelector("slot"),this._slot.addEventListener("slotchange",this._init),this._scrollCallback=this._scrollCallback.bind(this),this._mutationCallback=this._mutationCallback.bind(this),this._handleResize=this._handleResize.bind(this),this._observer=new MutationObserver(this._mutationCallback),this.currentActive=null,this.currentActive=0,this.current=-1,window.addEventListener("resize",this._handleResize)}connectedCallback(){super.connectedCallback(),this.nav=this._getNav(),this._init(),this.sectionMargin=this.getAttribute("pfe-c-offset"),this.customVar=this.cssVariable("--pfe-jump-links-panel--offset")||200,this.nav&&this.nav.hasAttribute("pfe-c-autobuild")&&this.nav._rebuildNav(),this._observer.observe(this,i)}disconnectedCallback(){this._observer.disconnect(),window.removeEventListener("scroll"),this._slot.removeEventListener("slotchange",this._init),window.removeEventListener("resize",this._handleResize)}attributeChangedCallback(e,t,i){switch(super.attributeChangedCallback(e,t,i),e){case"pfe-c-offset":this.sectionMargin=i}}_init(){window.addEventListener("scroll",this._scrollCallback),this.scrollTarget=this.getAttribute("pfe-c-scrolltarget"),this.JumpLinksNav=document.querySelector(`#${this.scrollTarget}`),this.sections=this.querySelectorAll(".pfe-jump-links-panel__section"),this.JumpLinksNav&&(this.menu_links=this.JumpLinksNav.querySelectorAll("a"))}_handleResize(){this.nav._reportHeight(),this.sectionMargin=this.getAttribute("pfe-c-offset"),this.customVar=this.cssVariable("--pfe-jump-links-panel--offset")||200}_getNav(){return document.querySelector(`pfe-jump-links-nav#${this.getAttribute("pfe-c-scrolltarget")}`)}_makeActive(e){if(this.menu_links[e]){this.menu_links[e].classList.contains("sub-section")?(this.menu_links[e].setAttribute("active",""),this.menu_links[e].parentNode.parentNode.parentNode.setAttribute("active",""),this.menu_links[e].parentNode.parentNode.parentNode.classList.add("expand")):this.menu_links[e].classList.contains("has-sub-section")?(this.menu_links[e].setAttribute("active",""),this.menu_links[e].parentNode.setAttribute("active",""),this.menu_links[e].parentNode.classList.add("expand")):(this.menu_links[e].setAttribute("active",""),this.menu_links[e].parentNode.setAttribute("active",""));let t=this.JumpLinksNav.querySelector("[active]");this.emitEvent(s.events.activeNavItem,{detail:{activeNavItem:t}})}}_removeActive(e){this.menu_links[e]&&(this.menu_links[e].classList.contains("sub-section")&&this.menu_links[e].parentNode.parentNode.parentNode.classList.remove("expand"),this.menu_links[e].removeAttribute("active"),this.menu_links[e].parentNode.removeAttribute("active"))}_removeAllActive(){Object.keys||(Object.keys=function(e){if(e!==Object(e))throw new TypeError("Object.keys called on a non-object");var t,i=[];for(t in e)Object.prototype.hasOwnProperty.call(e,t)&&i.push(t);return i},Object.keys.forEach=Array.forEach),[...Array(this.sections.length).keys()].forEach(e=>{this._removeActive(e)})}_mutationCallback(){window.ShadyCSS&&this._observer.disconnect(),this.nav||(this.nav=document.querySelector(`pfe-jump-links-nav#${this.getAttribute("pfe-c-scrolltarget")}`)),this.nav.hasAttribute("autobuild")&&(this._init(),this.emitEvent(s.events.change),this.nav._rebuildNav()),window.ShadyCSS&&this._observer.observe(this,i)}_scrollCallback(){let e,t;this.sections&&void 0!==this.sections?e=this.sections:this.sections=this.querySelectorAll(".pfe-jump-links-panel__section"),(this.menu_links.length<1||!this.menu_links)&&(this.menu_links=this.JumpLinksNav.shadowRoot.querySelectorAll("a"),t=this.menu_links);const i=[...e],a=i.filter(e=>window.scrollY>=e.offsetTop-this.offsetValue).reverse(),o=i.indexOf(a[0]);o!==this.currentActive&&(this._removeAllActive(),this.currentActive=o,this._makeActive(o))}}e.create(a),e.create(o),e.create(s);export default a; +//# sourceMappingURL=pfe-jump-links.min.js.map diff --git a/elements/pfe-jump-links/dist/pfe-jump-links.min.js.map b/elements/pfe-jump-links/dist/pfe-jump-links.min.js.map new file mode 100644 index 0000000000..03f8bbb594 --- /dev/null +++ b/elements/pfe-jump-links/dist/pfe-jump-links.min.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-jump-links.min.js","sources":["../_temp/pfe-jump-links.js"],"sourcesContent":["/*!\n * PatternFly Elements: PfeJumpLinks 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\nimport PFElement from \"../../pfelement/dist/pfelement.js\";\n\nconst pfeJumpLinksNavObserverConfig = {\n childList: true,\n subtree: true,\n characterData: true,\n attributes: true\n};\n\nconst pfeJumpLinksPanelObserverConfig = {\n childList: true,\n subtree: true,\n characterData: true,\n attributes: true\n};\n\nclass PfeJumpLinks extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return ``;\n }\n\n static get properties() {\n return {};\n }\n\n static get slots() {\n return {\"default\":{\"title\":\"Default slot\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-jump-links\";\n }\n\n get schemaUrl() {\n return \"pfe-jump-links.json\";\n }\n\n get templateUrl() {\n return \"pfe-jump-links.html\";\n }\n\n get styleUrl() {\n return \"pfe-jump-links.scss\";\n }\n\n static get PfeType() {\n return PFElement.PfeTypes.Content;\n }\n\n constructor() {\n super(PfeJumpLinks, { type: PfeJumpLinks.PfeType });\n }\n}\n\nclass PfeJumpLinksNav extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return `\n ${this.hasAttribute(\"pfe-c-horizontal\") ? `` :\n `\n \n \n `\n }\n \n ${this.hasAttribute(\"pfe-c-horizontal\") ? `` :\n `\n `\n }`;\n }\n static get tag() {\n return \"pfe-jump-links-nav\";\n }\n\n get schemaUrl() {\n return \"pfe-jump-links-nav.json\";\n }\n\n get templateUrl() {\n return \"pfe-jump-links-nav.html\";\n }\n\n get styleUrl() {\n return \"pfe-jump-links-nav.scss\";\n }\n\n static get PfeType() {\n return PFElement.PfeTypes.Content;\n }\n\n constructor() {\n super(PfeJumpLinksNav, { type: PfeJumpLinksNav.PfeType });\n\n this._buildNav = this._buildNav.bind(this);\n this._mutationCallback = this._mutationCallback.bind(this);\n this._menuContainer = this.shadowRoot.querySelector(\"#container\");\n this._observer = new MutationObserver(this._mutationCallback);\n this._reportHeight = this._reportHeight.bind(this);\n this.panel = document.querySelector(`[pfe-c-scrolltarget=${this.id}]`);\n\n window.addEventListener(\"resize\", () => {});\n }\n\n connectedCallback() {\n super.connectedCallback();\n //Check that the light DOM is there\n if (this.hasAttribute(\"autobuild\")) {\n this._buildNav();\n } else {\n //Check that the light DOM is valid\n if (this._isValidLightDom()) {\n const menu = this.querySelector(\"ul\");\n menu.classList.add(\"pfe-jump-links-nav\");\n this._menuContainer.innerHTML = menu.outerHTML;\n\n let div = document.createElement(\"div\");\n\n div.innerHTML = ``;\n\n if (this.getAttribute(\"sr-text\")) {\n this.shadowRoot.querySelector(\"nav\").prepend(div);\n }\n\n let html = \"\";\n if (this.querySelector(\"[slot='pfe-jump-links-nav--heading']\")) {\n html = this.querySelector(\n \"[slot='pfe-jump-links-nav--heading']\"\n ).cloneNode(true);\n }\n if (!this.hasAttribute(\"pfe-c-horizontal\") && html !== \"\") {\n this.shadowRoot\n .querySelector(\"pfe-accordion-header\")\n .appendChild(html);\n } else {\n const heading = document.createElement(\"h3\");\n heading.id = \"pfe-jump-links-nav--heading\";\n\n this.shadowRoot\n .querySelector(\"pfe-accordion-header\")\n .appendChild(heading);\n this.shadowRoot.querySelector(\n \"#pfe-jump-links-nav--heading\"\n ).innerHTML = \"Jump to section\";\n }\n }\n }\n this._reportHeight();\n\n this._observer.observe(this, pfeJumpLinksNavObserverConfig);\n\n this.panel = document.querySelector(`[pfe-c-scrolltarget=\"${this.id}\"]`);\n\n this.panel.addEventListener(\n PfeJumpLinksPanel.events.change,\n this._buildNav\n );\n }\n\n disconnectedCallback() {\n this._observer.disconnect();\n this.panel.removeEventListener(\n PfeJumpLinksPanel.events.change,\n this._buildNav\n );\n this.removeEventListener(\"click\");\n }\n\n _rebuildNav() {\n this._buildNav();\n }\n\n _buildNav() {\n const buildLinkList = () => {\n let linkList = ``;\n if (!this.panel) {\n this.panel = document.querySelector(\n `[pfe-c-scrolltarget=\"${this.id}\"]`\n );\n }\n let panelSections = this.panel.querySelectorAll(\n \".pfe-jump-links-panel__section\"\n );\n\n for (let i = 0; i < panelSections.length; i++) {\n let arr = [...panelSections];\n if (arr[i].classList.contains(\"has-sub-section\")) {\n let linkListItem = `\n
                    • \n \n ${arr[i].innerHTML}\n \n
                        \n `;\n linkList += linkListItem;\n } else if (arr[i].classList.contains(\"sub-section\")) {\n let linkSubItem = `\n
                      • \n \n ${arr[i].innerHTML}\n \n
                        • `;\n if (!arr[i + 1].classList.contains(\"sub-section\")) {\n linkSubItem += `
                      • `;\n }\n linkList += linkSubItem;\n } else {\n let linkListItem = `\n
                    • \n \n ${arr[i].innerHTML}\n \n
                      • \n `;\n linkList += linkListItem;\n }\n }\n return linkList;\n };\n\n let html = `\n
                        \n ${buildLinkList()}\n `;\n this.shadowRoot.querySelector(\"#container\").innerHTML = html;\n let heading = document.createElement(\"h3\");\n heading.innerHTML = \"Jump to section\";\n this.shadowRoot.querySelector(\"pfe-accordion-header\").appendChild(heading);\n }\n\n _mutationCallback() {\n if (window.ShadyCSS) {\n this._observer.disconnect();\n }\n\n if (!this.hasAttribute(\"autobuild\")) {\n const menu = this.querySelector(\"ul\");\n this._menuContainer.innerHTML = menu.outerHTML;\n } else if (this.hasAttribute(\"autobuild\")) {\n this._buildNav();\n }\n\n if (window.ShadyCSS) {\n this._observer.observe(this, pfeJumpLinksNavObserverConfig);\n }\n }\n\n _isValidLightDom() {\n if (!this.children.length) {\n console.warn(\n `${PfeJumpLinks.tag}: You must have a
                          tag in the light DOM`\n );\n return false;\n }\n if (\n (this.has_slot(\"logo\") || this.has_slot(\"link\")) &&\n !this.hasAttribute(\"pfe-c-horizontal\")\n ) {\n console.warn(\n `${PfeJumpLinks.tag}: logo and link slots NOT supported in vertical jump links`\n );\n }\n if (this.children[1].tagName !== \"UL\") {\n if (!this.hasAttribute(\"pfe-c-horizontal\")) {\n console.warn(\n `${PfeJumpLinks.tag}: The top-level list of links MUST be a
                            `\n );\n }\n\n return false;\n }\n\n return true;\n }\n\n _reportHeight() {\n const cssVarName = `--${this.tag}--Height--actual`;\n const height = this.clientHeight + \"px\";\n this.panel.style.setProperty(cssVarName, height);\n }\n}\n\nclass PfeJumpLinksPanel extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return ``;\n }\n static get tag() {\n return \"pfe-jump-links-panel\";\n }\n\n get schemaUrl() {\n return \"pfe-jump-links-panel.json\";\n }\n\n get templateUrl() {\n return \"pfe-jump-links-panel.html\";\n }\n\n get styleUrl() {\n return \"pfe-jump-links-panel.scss\";\n }\n\n static get events() {\n return {\n change: `${this.tag}:change`,\n activeNavItem: `${this.tag}:active-navItem`\n };\n }\n\n get offsetValue() {\n return this.sectionMargin || this.customVar;\n }\n\n static get PfeType() {\n return PFElement.PfeTypes.Content;\n }\n\n static get observedAttributes() {\n return [\"pfe-c-offset\"];\n }\n\n constructor() {\n super(PfeJumpLinksPanel, { type: PfeJumpLinksPanel.PfeType });\n this._init = this._init.bind(this);\n this._slot = this.shadowRoot.querySelector(\"slot\");\n this._slot.addEventListener(\"slotchange\", this._init);\n this._scrollCallback = this._scrollCallback.bind(this);\n this._mutationCallback = this._mutationCallback.bind(this);\n this._handleResize = this._handleResize.bind(this);\n this._observer = new MutationObserver(this._mutationCallback);\n this.currentActive = null;\n this.currentActive = 0;\n this.current = -1;\n window.addEventListener(\"resize\", this._handleResize);\n }\n\n connectedCallback() {\n super.connectedCallback();\n this.nav = this._getNav();\n this._init();\n this.sectionMargin = this.getAttribute(\"pfe-c-offset\");\n this.customVar = this.cssVariable(\"--pfe-jump-links-panel--offset\") || 200;\n if (this.nav && this.nav.hasAttribute(\"pfe-c-autobuild\")) {\n this.nav._rebuildNav();\n }\n\n this._observer.observe(this, pfeJumpLinksPanelObserverConfig);\n }\n\n disconnectedCallback() {\n this._observer.disconnect();\n window.removeEventListener(\"scroll\");\n this._slot.removeEventListener(\"slotchange\", this._init);\n window.removeEventListener(\"resize\", this._handleResize);\n }\n\n attributeChangedCallback(attr, oldVal, newVal) {\n super.attributeChangedCallback(attr, oldVal, newVal);\n\n switch (attr) {\n case \"pfe-c-offset\":\n this.sectionMargin = newVal;\n break;\n }\n }\n\n _init() {\n window.addEventListener(\"scroll\", this._scrollCallback);\n this.scrollTarget = this.getAttribute(\"pfe-c-scrolltarget\");\n this.JumpLinksNav = document.querySelector(`#${this.scrollTarget}`);\n this.sections = this.querySelectorAll(\".pfe-jump-links-panel__section\");\n\n if (this.JumpLinksNav) {\n this.menu_links = this.JumpLinksNav.querySelectorAll(\"a\");\n }\n }\n\n _handleResize() {\n this.nav._reportHeight();\n this.sectionMargin = this.getAttribute(\"pfe-c-offset\");\n this.customVar = this.cssVariable(\"--pfe-jump-links-panel--offset\") || 200;\n }\n\n _getNav() {\n return document.querySelector(\n `pfe-jump-links-nav#${this.getAttribute(\"pfe-c-scrolltarget\")}`\n );\n }\n\n _makeActive(link) {\n if (this.menu_links[link]) {\n // Check if this is a subnav or has subsections\n if (this.menu_links[link].classList.contains(\"sub-section\")) {\n this.menu_links[link].setAttribute(\"active\", \"\");\n this.menu_links[link].parentNode.parentNode.parentNode.setAttribute(\n \"active\",\n \"\"\n );\n this.menu_links[link].parentNode.parentNode.parentNode.classList.add(\n \"expand\"\n );\n } else if (this.menu_links[link].classList.contains(\"has-sub-section\")) {\n this.menu_links[link].setAttribute(\"active\", \"\");\n this.menu_links[link].parentNode.setAttribute(\"active\", \"\");\n this.menu_links[link].parentNode.classList.add(\"expand\");\n } else {\n this.menu_links[link].setAttribute(\"active\", \"\");\n this.menu_links[link].parentNode.setAttribute(\"active\", \"\");\n }\n\n let activeLink = this.JumpLinksNav.querySelector(\"[active]\");\n this.emitEvent(PfeJumpLinksPanel.events.activeNavItem, {\n detail: {\n activeNavItem: activeLink\n }\n });\n }\n }\n\n _removeActive(link) {\n if (this.menu_links[link]) {\n if (this.menu_links[link].classList.contains(\"sub-section\")) {\n this.menu_links[link].parentNode.parentNode.parentNode.classList.remove(\n \"expand\"\n );\n }\n this.menu_links[link].removeAttribute(\"active\");\n this.menu_links[link].parentNode.removeAttribute(\"active\");\n }\n }\n\n _removeAllActive() {\n if (!Object.keys) {\n Object.keys = function(obj) {\n if (obj !== Object(obj))\n throw new TypeError(\"Object.keys called on a non-object\");\n var k = [],\n p;\n for (p in obj)\n if (Object.prototype.hasOwnProperty.call(obj, p)) k.push(p);\n return k;\n };\n Object.keys.forEach = Array.forEach;\n }\n [...Array(this.sections.length).keys()].forEach(link => {\n this._removeActive(link);\n });\n }\n\n _mutationCallback() {\n if (window.ShadyCSS) {\n this._observer.disconnect();\n }\n\n //If we didn't get nav in the constructor, grab it now\n if (!this.nav) {\n this.nav = document.querySelector(\n `pfe-jump-links-nav#${this.getAttribute(\"pfe-c-scrolltarget\")}`\n );\n }\n //If we want the nav to be built automatically, re-init panel and rebuild nav\n if (this.nav.hasAttribute(\"autobuild\")) {\n this._init();\n this.emitEvent(PfeJumpLinksPanel.events.change);\n this.nav._rebuildNav();\n }\n\n if (window.ShadyCSS) {\n this._observer.observe(this, pfeJumpLinksPanelObserverConfig);\n }\n }\n\n _scrollCallback() {\n let sections;\n let menu_links;\n //Check sections to make sure we have them (if not, get them)\n if (!this.sections || typeof this.sections === \"undefined\") {\n this.sections = this.querySelectorAll(\".pfe-jump-links-panel__section\");\n } else {\n sections = this.sections;\n }\n //Check list of links to make sure we have them (if not, get them)\n if (this.menu_links.length < 1 || !this.menu_links) {\n this.menu_links = this.JumpLinksNav.shadowRoot.querySelectorAll(\"a\");\n menu_links = this.menu_links;\n }\n\n // Make an array from the node list\n const sectionArr = [...sections];\n // Get all the sections that match this point in the scroll\n const matches = sectionArr\n .filter(section => window.scrollY >= section.offsetTop - this.offsetValue)\n .reverse();\n\n //Identify the last one queried as the current section\n const current = sectionArr.indexOf(matches[0]);\n\n // If that section isn't already active,\n // remove active from the other links and make it active\n if (current !== this.currentActive) {\n this._removeAllActive();\n this.currentActive = current;\n this._makeActive(current);\n }\n }\n}\n\nPFElement.create(PfeJumpLinks);\nPFElement.create(PfeJumpLinksNav);\nPFElement.create(PfeJumpLinksPanel);\n\nexport default PfeJumpLinks;\n"],"names":["pfeJumpLinksNavObserverConfig","childList","subtree","characterData","attributes","pfeJumpLinksPanelObserverConfig","PfeJumpLinks","PFElement","version","html","properties","slots","default","title","type","namedSlot","items","oneOf","$ref","tag","schemaUrl","templateUrl","styleUrl","PfeType","PfeTypes","Content","[object Object]","super","PfeJumpLinksNav","this","hasAttribute","_buildNav","bind","_mutationCallback","_menuContainer","shadowRoot","querySelector","_observer","MutationObserver","_reportHeight","panel","document","id","window","addEventListener","connectedCallback","_isValidLightDom","menu","classList","add","innerHTML","outerHTML","div","createElement","getAttribute","prepend","cloneNode","heading","appendChild","observe","PfeJumpLinksPanel","events","change","disconnect","removeEventListener","linkList","panelSections","querySelectorAll","i","length","arr","contains","linkSubItem","buildLinkList","ShadyCSS","children","has_slot","console","warn","tagName","cssVarName","height","clientHeight","style","setProperty","activeNavItem","offsetValue","sectionMargin","customVar","observedAttributes","_init","_slot","_scrollCallback","_handleResize","currentActive","current","nav","_getNav","cssVariable","_rebuildNav","attr","oldVal","newVal","attributeChangedCallback","scrollTarget","JumpLinksNav","sections","menu_links","link","setAttribute","parentNode","activeLink","emitEvent","detail","remove","removeAttribute","Object","keys","obj","TypeError","p","k","prototype","hasOwnProperty","call","push","forEach","Array","_removeActive","sectionArr","matches","filter","section","scrollY","offsetTop","reverse","indexOf","_removeAllActive","_makeActive","create"],"mappings":"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"} \ No newline at end of file diff --git a/elements/pfe-jump-links/dist/pfe-jump-links.umd.js b/elements/pfe-jump-links/dist/pfe-jump-links.umd.js new file mode 100644 index 0000000000..3382beaefb --- /dev/null +++ b/elements/pfe-jump-links/dist/pfe-jump-links.umd.js @@ -0,0 +1,646 @@ +(function (global, factory) { + typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('../../pfelement/dist/pfelement.umd')) : + typeof define === 'function' && define.amd ? define(['../../pfelement/dist/pfelement.umd'], factory) : + (global.PfeJumpLinks = factory(global.PFElement)); +}(this, (function (PFElement) { 'use strict'; + + PFElement = PFElement && PFElement.hasOwnProperty('default') ? PFElement['default'] : PFElement; + + var classCallCheck = function (instance, Constructor) { + if (!(instance instanceof Constructor)) { + throw new TypeError("Cannot call a class as a function"); + } + }; + + var createClass = function () { + function defineProperties(target, props) { + for (var i = 0; i < props.length; i++) { + var descriptor = props[i]; + descriptor.enumerable = descriptor.enumerable || false; + descriptor.configurable = true; + if ("value" in descriptor) descriptor.writable = true; + Object.defineProperty(target, descriptor.key, descriptor); + } + } + + return function (Constructor, protoProps, staticProps) { + if (protoProps) defineProperties(Constructor.prototype, protoProps); + if (staticProps) defineProperties(Constructor, staticProps); + return Constructor; + }; + }(); + + var get = function get(object, property, receiver) { + if (object === null) object = Function.prototype; + var desc = Object.getOwnPropertyDescriptor(object, property); + + if (desc === undefined) { + var parent = Object.getPrototypeOf(object); + + if (parent === null) { + return undefined; + } else { + return get(parent, property, receiver); + } + } else if ("value" in desc) { + return desc.value; + } else { + var getter = desc.get; + + if (getter === undefined) { + return undefined; + } + + return getter.call(receiver); + } + }; + + var inherits = function (subClass, superClass) { + if (typeof superClass !== "function" && superClass !== null) { + throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); + } + + subClass.prototype = Object.create(superClass && superClass.prototype, { + constructor: { + value: subClass, + enumerable: false, + writable: true, + configurable: true + } + }); + if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; + }; + + var possibleConstructorReturn = function (self, call) { + if (!self) { + throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); + } + + return call && (typeof call === "object" || typeof call === "function") ? call : self; + }; + + var toConsumableArray = function (arr) { + if (Array.isArray(arr)) { + for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) arr2[i] = arr[i]; + + return arr2; + } else { + return Array.from(arr); + } + }; + + /*! + * PatternFly Elements: PfeJumpLinks 1.0.0-prerelease.50 + * @license + * Copyright 2020 Red Hat, Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + * + */ + + var pfeJumpLinksNavObserverConfig = { + childList: true, + subtree: true, + characterData: true, + attributes: true + }; + + var pfeJumpLinksPanelObserverConfig = { + childList: true, + subtree: true, + characterData: true, + attributes: true + }; + + var PfeJumpLinks = function (_PFElement) { + inherits(PfeJumpLinks, _PFElement); + createClass(PfeJumpLinks, [{ + key: "html", + get: function get$$1() { + return ""; + } + }, { + key: "schemaUrl", + get: function get$$1() { + return "pfe-jump-links.json"; + } + }, { + key: "templateUrl", + get: function get$$1() { + return "pfe-jump-links.html"; + } + }, { + key: "styleUrl", + get: function get$$1() { + return "pfe-jump-links.scss"; + } + }], [{ + key: "version", + get: function get$$1() { + return "1.0.0-prerelease.50"; + } + }, { + key: "properties", + get: function get$$1() { + return {}; + } + }, { + key: "slots", + get: function get$$1() { + return { "default": { "title": "Default slot", "type": "array", "namedSlot": false, "items": { "oneOf": [{ "$ref": "raw" }] } } }; + } + }, { + key: "tag", + get: function get$$1() { + return "pfe-jump-links"; + } + }, { + key: "PfeType", + get: function get$$1() { + return PFElement.PfeTypes.Content; + } + }]); + + function PfeJumpLinks() { + classCallCheck(this, PfeJumpLinks); + return possibleConstructorReturn(this, (PfeJumpLinks.__proto__ || Object.getPrototypeOf(PfeJumpLinks)).call(this, PfeJumpLinks, { type: PfeJumpLinks.PfeType })); + } + + return PfeJumpLinks; + }(PFElement); + + var PfeJumpLinksNav = function (_PFElement2) { + inherits(PfeJumpLinksNav, _PFElement2); + createClass(PfeJumpLinksNav, [{ + key: "html", + get: function get$$1() { + return "\n " + (this.hasAttribute("pfe-c-horizontal") ? "" : "\n \n \n ") + "\n \n " + (this.hasAttribute("pfe-c-horizontal") ? "" : "\n "); + } + }, { + key: "schemaUrl", + get: function get$$1() { + return "pfe-jump-links-nav.json"; + } + }, { + key: "templateUrl", + get: function get$$1() { + return "pfe-jump-links-nav.html"; + } + }, { + key: "styleUrl", + get: function get$$1() { + return "pfe-jump-links-nav.scss"; + } + }], [{ + key: "version", + get: function get$$1() { + return "1.0.0-prerelease.50"; + } + }, { + key: "tag", + get: function get$$1() { + return "pfe-jump-links-nav"; + } + }, { + key: "PfeType", + get: function get$$1() { + return PFElement.PfeTypes.Content; + } + }]); + + function PfeJumpLinksNav() { + classCallCheck(this, PfeJumpLinksNav); + + var _this2 = possibleConstructorReturn(this, (PfeJumpLinksNav.__proto__ || Object.getPrototypeOf(PfeJumpLinksNav)).call(this, PfeJumpLinksNav, { type: PfeJumpLinksNav.PfeType })); + + _this2._buildNav = _this2._buildNav.bind(_this2); + _this2._mutationCallback = _this2._mutationCallback.bind(_this2); + _this2._menuContainer = _this2.shadowRoot.querySelector("#container"); + _this2._observer = new MutationObserver(_this2._mutationCallback); + _this2._reportHeight = _this2._reportHeight.bind(_this2); + _this2.panel = document.querySelector("[pfe-c-scrolltarget=" + _this2.id + "]"); + + window.addEventListener("resize", function () {}); + return _this2; + } + + createClass(PfeJumpLinksNav, [{ + key: "connectedCallback", + value: function connectedCallback() { + get(PfeJumpLinksNav.prototype.__proto__ || Object.getPrototypeOf(PfeJumpLinksNav.prototype), "connectedCallback", this).call(this); + //Check that the light DOM is there + if (this.hasAttribute("autobuild")) { + this._buildNav(); + } else { + //Check that the light DOM is valid + if (this._isValidLightDom()) { + var menu = this.querySelector("ul"); + menu.classList.add("pfe-jump-links-nav"); + this._menuContainer.innerHTML = menu.outerHTML; + + var div = document.createElement("div"); + + div.innerHTML = ""; + + if (this.getAttribute("sr-text")) { + this.shadowRoot.querySelector("nav").prepend(div); + } + + var html = ""; + if (this.querySelector("[slot='pfe-jump-links-nav--heading']")) { + html = this.querySelector("[slot='pfe-jump-links-nav--heading']").cloneNode(true); + } + if (!this.hasAttribute("pfe-c-horizontal") && html !== "") { + this.shadowRoot.querySelector("pfe-accordion-header").appendChild(html); + } else { + var heading = document.createElement("h3"); + heading.id = "pfe-jump-links-nav--heading"; + + this.shadowRoot.querySelector("pfe-accordion-header").appendChild(heading); + this.shadowRoot.querySelector("#pfe-jump-links-nav--heading").innerHTML = "Jump to section"; + } + } + } + this._reportHeight(); + + this._observer.observe(this, pfeJumpLinksNavObserverConfig); + + this.panel = document.querySelector("[pfe-c-scrolltarget=\"" + this.id + "\"]"); + + this.panel.addEventListener(PfeJumpLinksPanel.events.change, this._buildNav); + } + }, { + key: "disconnectedCallback", + value: function disconnectedCallback() { + this._observer.disconnect(); + this.panel.removeEventListener(PfeJumpLinksPanel.events.change, this._buildNav); + this.removeEventListener("click"); + } + }, { + key: "_rebuildNav", + value: function _rebuildNav() { + this._buildNav(); + } + }, { + key: "_buildNav", + value: function _buildNav() { + var _this3 = this; + + var buildLinkList = function buildLinkList() { + var linkList = ""; + if (!_this3.panel) { + _this3.panel = document.querySelector("[pfe-c-scrolltarget=\"" + _this3.id + "\"]"); + } + var panelSections = _this3.panel.querySelectorAll(".pfe-jump-links-panel__section"); + + for (var i = 0; i < panelSections.length; i++) { + var arr = [].concat(toConsumableArray(panelSections)); + if (arr[i].classList.contains("has-sub-section")) { + var linkListItem = "\n
                          • \n \n " + arr[i].innerHTML + "\n \n
                              \n "; + linkList += linkListItem; + } else if (arr[i].classList.contains("sub-section")) { + var linkSubItem = "\n
                            • \n \n " + arr[i].innerHTML + "\n \n
                              • "; + if (!arr[i + 1].classList.contains("sub-section")) { + linkSubItem += "
                            • "; + } + linkList += linkSubItem; + } else { + var _linkListItem = "\n
                          • \n \n " + arr[i].innerHTML + "\n \n
                            • \n "; + linkList += _linkListItem; + } + } + return linkList; + }; + + var html = "\n
                              \n " + buildLinkList() + "\n "; + this.shadowRoot.querySelector("#container").innerHTML = html; + var heading = document.createElement("h3"); + heading.innerHTML = "Jump to section"; + this.shadowRoot.querySelector("pfe-accordion-header").appendChild(heading); + } + }, { + key: "_mutationCallback", + value: function _mutationCallback() { + if (window.ShadyCSS) { + this._observer.disconnect(); + } + + if (!this.hasAttribute("autobuild")) { + var menu = this.querySelector("ul"); + this._menuContainer.innerHTML = menu.outerHTML; + } else if (this.hasAttribute("autobuild")) { + this._buildNav(); + } + + if (window.ShadyCSS) { + this._observer.observe(this, pfeJumpLinksNavObserverConfig); + } + } + }, { + key: "_isValidLightDom", + value: function _isValidLightDom() { + if (!this.children.length) { + console.warn(PfeJumpLinks.tag + ": You must have a
                                tag in the light DOM"); + return false; + } + if ((this.has_slot("logo") || this.has_slot("link")) && !this.hasAttribute("pfe-c-horizontal")) { + console.warn(PfeJumpLinks.tag + ": logo and link slots NOT supported in vertical jump links"); + } + if (this.children[1].tagName !== "UL") { + if (!this.hasAttribute("pfe-c-horizontal")) { + console.warn(PfeJumpLinks.tag + ": The top-level list of links MUST be a
                                  "); + } + + return false; + } + + return true; + } + }, { + key: "_reportHeight", + value: function _reportHeight() { + var cssVarName = "--" + this.tag + "--Height--actual"; + var height = this.clientHeight + "px"; + this.panel.style.setProperty(cssVarName, height); + } + }]); + return PfeJumpLinksNav; + }(PFElement); + + var PfeJumpLinksPanel = function (_PFElement3) { + inherits(PfeJumpLinksPanel, _PFElement3); + createClass(PfeJumpLinksPanel, [{ + key: "html", + get: function get$$1() { + return ""; + } + }, { + key: "schemaUrl", + get: function get$$1() { + return "pfe-jump-links-panel.json"; + } + }, { + key: "templateUrl", + get: function get$$1() { + return "pfe-jump-links-panel.html"; + } + }, { + key: "styleUrl", + get: function get$$1() { + return "pfe-jump-links-panel.scss"; + } + }, { + key: "offsetValue", + get: function get$$1() { + return this.sectionMargin || this.customVar; + } + }], [{ + key: "version", + get: function get$$1() { + return "1.0.0-prerelease.50"; + } + }, { + key: "tag", + get: function get$$1() { + return "pfe-jump-links-panel"; + } + }, { + key: "events", + get: function get$$1() { + return { + change: this.tag + ":change", + activeNavItem: this.tag + ":active-navItem" + }; + } + }, { + key: "PfeType", + get: function get$$1() { + return PFElement.PfeTypes.Content; + } + }, { + key: "observedAttributes", + get: function get$$1() { + return ["pfe-c-offset"]; + } + }]); + + function PfeJumpLinksPanel() { + classCallCheck(this, PfeJumpLinksPanel); + + var _this4 = possibleConstructorReturn(this, (PfeJumpLinksPanel.__proto__ || Object.getPrototypeOf(PfeJumpLinksPanel)).call(this, PfeJumpLinksPanel, { type: PfeJumpLinksPanel.PfeType })); + + _this4._init = _this4._init.bind(_this4); + _this4._slot = _this4.shadowRoot.querySelector("slot"); + _this4._slot.addEventListener("slotchange", _this4._init); + _this4._scrollCallback = _this4._scrollCallback.bind(_this4); + _this4._mutationCallback = _this4._mutationCallback.bind(_this4); + _this4._handleResize = _this4._handleResize.bind(_this4); + _this4._observer = new MutationObserver(_this4._mutationCallback); + _this4.currentActive = null; + _this4.currentActive = 0; + _this4.current = -1; + window.addEventListener("resize", _this4._handleResize); + return _this4; + } + + createClass(PfeJumpLinksPanel, [{ + key: "connectedCallback", + value: function connectedCallback() { + get(PfeJumpLinksPanel.prototype.__proto__ || Object.getPrototypeOf(PfeJumpLinksPanel.prototype), "connectedCallback", this).call(this); + this.nav = this._getNav(); + this._init(); + this.sectionMargin = this.getAttribute("pfe-c-offset"); + this.customVar = this.cssVariable("--pfe-jump-links-panel--offset") || 200; + if (this.nav && this.nav.hasAttribute("pfe-c-autobuild")) { + this.nav._rebuildNav(); + } + + this._observer.observe(this, pfeJumpLinksPanelObserverConfig); + } + }, { + key: "disconnectedCallback", + value: function disconnectedCallback() { + this._observer.disconnect(); + window.removeEventListener("scroll"); + this._slot.removeEventListener("slotchange", this._init); + window.removeEventListener("resize", this._handleResize); + } + }, { + key: "attributeChangedCallback", + value: function attributeChangedCallback(attr, oldVal, newVal) { + get(PfeJumpLinksPanel.prototype.__proto__ || Object.getPrototypeOf(PfeJumpLinksPanel.prototype), "attributeChangedCallback", this).call(this, attr, oldVal, newVal); + + switch (attr) { + case "pfe-c-offset": + this.sectionMargin = newVal; + break; + } + } + }, { + key: "_init", + value: function _init() { + window.addEventListener("scroll", this._scrollCallback); + this.scrollTarget = this.getAttribute("pfe-c-scrolltarget"); + this.JumpLinksNav = document.querySelector("#" + this.scrollTarget); + this.sections = this.querySelectorAll(".pfe-jump-links-panel__section"); + + if (this.JumpLinksNav) { + this.menu_links = this.JumpLinksNav.querySelectorAll("a"); + } + } + }, { + key: "_handleResize", + value: function _handleResize() { + this.nav._reportHeight(); + this.sectionMargin = this.getAttribute("pfe-c-offset"); + this.customVar = this.cssVariable("--pfe-jump-links-panel--offset") || 200; + } + }, { + key: "_getNav", + value: function _getNav() { + return document.querySelector("pfe-jump-links-nav#" + this.getAttribute("pfe-c-scrolltarget")); + } + }, { + key: "_makeActive", + value: function _makeActive(link) { + if (this.menu_links[link]) { + // Check if this is a subnav or has subsections + if (this.menu_links[link].classList.contains("sub-section")) { + this.menu_links[link].setAttribute("active", ""); + this.menu_links[link].parentNode.parentNode.parentNode.setAttribute("active", ""); + this.menu_links[link].parentNode.parentNode.parentNode.classList.add("expand"); + } else if (this.menu_links[link].classList.contains("has-sub-section")) { + this.menu_links[link].setAttribute("active", ""); + this.menu_links[link].parentNode.setAttribute("active", ""); + this.menu_links[link].parentNode.classList.add("expand"); + } else { + this.menu_links[link].setAttribute("active", ""); + this.menu_links[link].parentNode.setAttribute("active", ""); + } + + var activeLink = this.JumpLinksNav.querySelector("[active]"); + this.emitEvent(PfeJumpLinksPanel.events.activeNavItem, { + detail: { + activeNavItem: activeLink + } + }); + } + } + }, { + key: "_removeActive", + value: function _removeActive(link) { + if (this.menu_links[link]) { + if (this.menu_links[link].classList.contains("sub-section")) { + this.menu_links[link].parentNode.parentNode.parentNode.classList.remove("expand"); + } + this.menu_links[link].removeAttribute("active"); + this.menu_links[link].parentNode.removeAttribute("active"); + } + } + }, { + key: "_removeAllActive", + value: function _removeAllActive() { + var _this5 = this; + + if (!Object.keys) { + Object.keys = function (obj) { + if (obj !== Object(obj)) throw new TypeError("Object.keys called on a non-object"); + var k = [], + p; + for (p in obj) { + if (Object.prototype.hasOwnProperty.call(obj, p)) k.push(p); + }return k; + }; + Object.keys.forEach = Array.forEach; + } + [].concat(toConsumableArray(Array(this.sections.length).keys())).forEach(function (link) { + _this5._removeActive(link); + }); + } + }, { + key: "_mutationCallback", + value: function _mutationCallback() { + if (window.ShadyCSS) { + this._observer.disconnect(); + } + + //If we didn't get nav in the constructor, grab it now + if (!this.nav) { + this.nav = document.querySelector("pfe-jump-links-nav#" + this.getAttribute("pfe-c-scrolltarget")); + } + //If we want the nav to be built automatically, re-init panel and rebuild nav + if (this.nav.hasAttribute("autobuild")) { + this._init(); + this.emitEvent(PfeJumpLinksPanel.events.change); + this.nav._rebuildNav(); + } + + if (window.ShadyCSS) { + this._observer.observe(this, pfeJumpLinksPanelObserverConfig); + } + } + }, { + key: "_scrollCallback", + value: function _scrollCallback() { + var _this6 = this; + + var sections = void 0; + var menu_links = void 0; + //Check sections to make sure we have them (if not, get them) + if (!this.sections || typeof this.sections === "undefined") { + this.sections = this.querySelectorAll(".pfe-jump-links-panel__section"); + } else { + sections = this.sections; + } + //Check list of links to make sure we have them (if not, get them) + if (this.menu_links.length < 1 || !this.menu_links) { + this.menu_links = this.JumpLinksNav.shadowRoot.querySelectorAll("a"); + menu_links = this.menu_links; + } + + // Make an array from the node list + var sectionArr = [].concat(toConsumableArray(sections)); + // Get all the sections that match this point in the scroll + var matches = sectionArr.filter(function (section) { + return window.scrollY >= section.offsetTop - _this6.offsetValue; + }).reverse(); + + //Identify the last one queried as the current section + var current = sectionArr.indexOf(matches[0]); + + // If that section isn't already active, + // remove active from the other links and make it active + if (current !== this.currentActive) { + this._removeAllActive(); + this.currentActive = current; + this._makeActive(current); + } + } + }]); + return PfeJumpLinksPanel; + }(PFElement); + + PFElement.create(PfeJumpLinks); + PFElement.create(PfeJumpLinksNav); + PFElement.create(PfeJumpLinksPanel); + + return PfeJumpLinks; + +}))); +//# sourceMappingURL=pfe-jump-links.umd.js.map diff --git a/elements/pfe-jump-links/dist/pfe-jump-links.umd.js.map b/elements/pfe-jump-links/dist/pfe-jump-links.umd.js.map new file mode 100644 index 0000000000..92e72e123b --- /dev/null +++ b/elements/pfe-jump-links/dist/pfe-jump-links.umd.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-jump-links.umd.js","sources":["../_temp/pfe-jump-links.umd.js"],"sourcesContent":["/*!\n * PatternFly Elements: PfeJumpLinks 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\nimport PFElement from \"../../pfelement/dist/pfelement.umd\";\n\nconst pfeJumpLinksNavObserverConfig = {\n childList: true,\n subtree: true,\n characterData: true,\n attributes: true\n};\n\nconst pfeJumpLinksPanelObserverConfig = {\n childList: true,\n subtree: true,\n characterData: true,\n attributes: true\n};\n\nclass PfeJumpLinks extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return ``;\n }\n\n static get properties() {\n return {};\n }\n\n static get slots() {\n return {\"default\":{\"title\":\"Default slot\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-jump-links\";\n }\n\n get schemaUrl() {\n return \"pfe-jump-links.json\";\n }\n\n get templateUrl() {\n return \"pfe-jump-links.html\";\n }\n\n get styleUrl() {\n return \"pfe-jump-links.scss\";\n }\n\n static get PfeType() {\n return PFElement.PfeTypes.Content;\n }\n\n constructor() {\n super(PfeJumpLinks, { type: PfeJumpLinks.PfeType });\n }\n}\n\nclass PfeJumpLinksNav extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return `\n ${this.hasAttribute(\"pfe-c-horizontal\") ? `` :\n `\n \n \n `\n }\n \n ${this.hasAttribute(\"pfe-c-horizontal\") ? `` :\n `\n `\n }`;\n }\n static get tag() {\n return \"pfe-jump-links-nav\";\n }\n\n get schemaUrl() {\n return \"pfe-jump-links-nav.json\";\n }\n\n get templateUrl() {\n return \"pfe-jump-links-nav.html\";\n }\n\n get styleUrl() {\n return \"pfe-jump-links-nav.scss\";\n }\n\n static get PfeType() {\n return PFElement.PfeTypes.Content;\n }\n\n constructor() {\n super(PfeJumpLinksNav, { type: PfeJumpLinksNav.PfeType });\n\n this._buildNav = this._buildNav.bind(this);\n this._mutationCallback = this._mutationCallback.bind(this);\n this._menuContainer = this.shadowRoot.querySelector(\"#container\");\n this._observer = new MutationObserver(this._mutationCallback);\n this._reportHeight = this._reportHeight.bind(this);\n this.panel = document.querySelector(`[pfe-c-scrolltarget=${this.id}]`);\n\n window.addEventListener(\"resize\", () => {});\n }\n\n connectedCallback() {\n super.connectedCallback();\n //Check that the light DOM is there\n if (this.hasAttribute(\"autobuild\")) {\n this._buildNav();\n } else {\n //Check that the light DOM is valid\n if (this._isValidLightDom()) {\n const menu = this.querySelector(\"ul\");\n menu.classList.add(\"pfe-jump-links-nav\");\n this._menuContainer.innerHTML = menu.outerHTML;\n\n let div = document.createElement(\"div\");\n\n div.innerHTML = ``;\n\n if (this.getAttribute(\"sr-text\")) {\n this.shadowRoot.querySelector(\"nav\").prepend(div);\n }\n\n let html = \"\";\n if (this.querySelector(\"[slot='pfe-jump-links-nav--heading']\")) {\n html = this.querySelector(\n \"[slot='pfe-jump-links-nav--heading']\"\n ).cloneNode(true);\n }\n if (!this.hasAttribute(\"pfe-c-horizontal\") && html !== \"\") {\n this.shadowRoot\n .querySelector(\"pfe-accordion-header\")\n .appendChild(html);\n } else {\n const heading = document.createElement(\"h3\");\n heading.id = \"pfe-jump-links-nav--heading\";\n\n this.shadowRoot\n .querySelector(\"pfe-accordion-header\")\n .appendChild(heading);\n this.shadowRoot.querySelector(\n \"#pfe-jump-links-nav--heading\"\n ).innerHTML = \"Jump to section\";\n }\n }\n }\n this._reportHeight();\n\n this._observer.observe(this, pfeJumpLinksNavObserverConfig);\n\n this.panel = document.querySelector(`[pfe-c-scrolltarget=\"${this.id}\"]`);\n\n this.panel.addEventListener(\n PfeJumpLinksPanel.events.change,\n this._buildNav\n );\n }\n\n disconnectedCallback() {\n this._observer.disconnect();\n this.panel.removeEventListener(\n PfeJumpLinksPanel.events.change,\n this._buildNav\n );\n this.removeEventListener(\"click\");\n }\n\n _rebuildNav() {\n this._buildNav();\n }\n\n _buildNav() {\n const buildLinkList = () => {\n let linkList = ``;\n if (!this.panel) {\n this.panel = document.querySelector(\n `[pfe-c-scrolltarget=\"${this.id}\"]`\n );\n }\n let panelSections = this.panel.querySelectorAll(\n \".pfe-jump-links-panel__section\"\n );\n\n for (let i = 0; i < panelSections.length; i++) {\n let arr = [...panelSections];\n if (arr[i].classList.contains(\"has-sub-section\")) {\n let linkListItem = `\n
                                • \n \n ${arr[i].innerHTML}\n \n
                                    \n `;\n linkList += linkListItem;\n } else if (arr[i].classList.contains(\"sub-section\")) {\n let linkSubItem = `\n
                                  • \n \n ${arr[i].innerHTML}\n \n
                                    • `;\n if (!arr[i + 1].classList.contains(\"sub-section\")) {\n linkSubItem += `
                                  • `;\n }\n linkList += linkSubItem;\n } else {\n let linkListItem = `\n
                                • \n \n ${arr[i].innerHTML}\n \n
                                  • \n `;\n linkList += linkListItem;\n }\n }\n return linkList;\n };\n\n let html = `\n
                                    \n ${buildLinkList()}\n `;\n this.shadowRoot.querySelector(\"#container\").innerHTML = html;\n let heading = document.createElement(\"h3\");\n heading.innerHTML = \"Jump to section\";\n this.shadowRoot.querySelector(\"pfe-accordion-header\").appendChild(heading);\n }\n\n _mutationCallback() {\n if (window.ShadyCSS) {\n this._observer.disconnect();\n }\n\n if (!this.hasAttribute(\"autobuild\")) {\n const menu = this.querySelector(\"ul\");\n this._menuContainer.innerHTML = menu.outerHTML;\n } else if (this.hasAttribute(\"autobuild\")) {\n this._buildNav();\n }\n\n if (window.ShadyCSS) {\n this._observer.observe(this, pfeJumpLinksNavObserverConfig);\n }\n }\n\n _isValidLightDom() {\n if (!this.children.length) {\n console.warn(\n `${PfeJumpLinks.tag}: You must have a
                                      tag in the light DOM`\n );\n return false;\n }\n if (\n (this.has_slot(\"logo\") || this.has_slot(\"link\")) &&\n !this.hasAttribute(\"pfe-c-horizontal\")\n ) {\n console.warn(\n `${PfeJumpLinks.tag}: logo and link slots NOT supported in vertical jump links`\n );\n }\n if (this.children[1].tagName !== \"UL\") {\n if (!this.hasAttribute(\"pfe-c-horizontal\")) {\n console.warn(\n `${PfeJumpLinks.tag}: The top-level list of links MUST be a
                                        `\n );\n }\n\n return false;\n }\n\n return true;\n }\n\n _reportHeight() {\n const cssVarName = `--${this.tag}--Height--actual`;\n const height = this.clientHeight + \"px\";\n this.panel.style.setProperty(cssVarName, height);\n }\n}\n\nclass PfeJumpLinksPanel extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return ``;\n }\n static get tag() {\n return \"pfe-jump-links-panel\";\n }\n\n get schemaUrl() {\n return \"pfe-jump-links-panel.json\";\n }\n\n get templateUrl() {\n return \"pfe-jump-links-panel.html\";\n }\n\n get styleUrl() {\n return \"pfe-jump-links-panel.scss\";\n }\n\n static get events() {\n return {\n change: `${this.tag}:change`,\n activeNavItem: `${this.tag}:active-navItem`\n };\n }\n\n get offsetValue() {\n return this.sectionMargin || this.customVar;\n }\n\n static get PfeType() {\n return PFElement.PfeTypes.Content;\n }\n\n static get observedAttributes() {\n return [\"pfe-c-offset\"];\n }\n\n constructor() {\n super(PfeJumpLinksPanel, { type: PfeJumpLinksPanel.PfeType });\n this._init = this._init.bind(this);\n this._slot = this.shadowRoot.querySelector(\"slot\");\n this._slot.addEventListener(\"slotchange\", this._init);\n this._scrollCallback = this._scrollCallback.bind(this);\n this._mutationCallback = this._mutationCallback.bind(this);\n this._handleResize = this._handleResize.bind(this);\n this._observer = new MutationObserver(this._mutationCallback);\n this.currentActive = null;\n this.currentActive = 0;\n this.current = -1;\n window.addEventListener(\"resize\", this._handleResize);\n }\n\n connectedCallback() {\n super.connectedCallback();\n this.nav = this._getNav();\n this._init();\n this.sectionMargin = this.getAttribute(\"pfe-c-offset\");\n this.customVar = this.cssVariable(\"--pfe-jump-links-panel--offset\") || 200;\n if (this.nav && this.nav.hasAttribute(\"pfe-c-autobuild\")) {\n this.nav._rebuildNav();\n }\n\n this._observer.observe(this, pfeJumpLinksPanelObserverConfig);\n }\n\n disconnectedCallback() {\n this._observer.disconnect();\n window.removeEventListener(\"scroll\");\n this._slot.removeEventListener(\"slotchange\", this._init);\n window.removeEventListener(\"resize\", this._handleResize);\n }\n\n attributeChangedCallback(attr, oldVal, newVal) {\n super.attributeChangedCallback(attr, oldVal, newVal);\n\n switch (attr) {\n case \"pfe-c-offset\":\n this.sectionMargin = newVal;\n break;\n }\n }\n\n _init() {\n window.addEventListener(\"scroll\", this._scrollCallback);\n this.scrollTarget = this.getAttribute(\"pfe-c-scrolltarget\");\n this.JumpLinksNav = document.querySelector(`#${this.scrollTarget}`);\n this.sections = this.querySelectorAll(\".pfe-jump-links-panel__section\");\n\n if (this.JumpLinksNav) {\n this.menu_links = this.JumpLinksNav.querySelectorAll(\"a\");\n }\n }\n\n _handleResize() {\n this.nav._reportHeight();\n this.sectionMargin = this.getAttribute(\"pfe-c-offset\");\n this.customVar = this.cssVariable(\"--pfe-jump-links-panel--offset\") || 200;\n }\n\n _getNav() {\n return document.querySelector(\n `pfe-jump-links-nav#${this.getAttribute(\"pfe-c-scrolltarget\")}`\n );\n }\n\n _makeActive(link) {\n if (this.menu_links[link]) {\n // Check if this is a subnav or has subsections\n if (this.menu_links[link].classList.contains(\"sub-section\")) {\n this.menu_links[link].setAttribute(\"active\", \"\");\n this.menu_links[link].parentNode.parentNode.parentNode.setAttribute(\n \"active\",\n \"\"\n );\n this.menu_links[link].parentNode.parentNode.parentNode.classList.add(\n \"expand\"\n );\n } else if (this.menu_links[link].classList.contains(\"has-sub-section\")) {\n this.menu_links[link].setAttribute(\"active\", \"\");\n this.menu_links[link].parentNode.setAttribute(\"active\", \"\");\n this.menu_links[link].parentNode.classList.add(\"expand\");\n } else {\n this.menu_links[link].setAttribute(\"active\", \"\");\n this.menu_links[link].parentNode.setAttribute(\"active\", \"\");\n }\n\n let activeLink = this.JumpLinksNav.querySelector(\"[active]\");\n this.emitEvent(PfeJumpLinksPanel.events.activeNavItem, {\n detail: {\n activeNavItem: activeLink\n }\n });\n }\n }\n\n _removeActive(link) {\n if (this.menu_links[link]) {\n if (this.menu_links[link].classList.contains(\"sub-section\")) {\n this.menu_links[link].parentNode.parentNode.parentNode.classList.remove(\n \"expand\"\n );\n }\n this.menu_links[link].removeAttribute(\"active\");\n this.menu_links[link].parentNode.removeAttribute(\"active\");\n }\n }\n\n _removeAllActive() {\n if (!Object.keys) {\n Object.keys = function(obj) {\n if (obj !== Object(obj))\n throw new TypeError(\"Object.keys called on a non-object\");\n var k = [],\n p;\n for (p in obj)\n if (Object.prototype.hasOwnProperty.call(obj, p)) k.push(p);\n return k;\n };\n Object.keys.forEach = Array.forEach;\n }\n [...Array(this.sections.length).keys()].forEach(link => {\n this._removeActive(link);\n });\n }\n\n _mutationCallback() {\n if (window.ShadyCSS) {\n this._observer.disconnect();\n }\n\n //If we didn't get nav in the constructor, grab it now\n if (!this.nav) {\n this.nav = document.querySelector(\n `pfe-jump-links-nav#${this.getAttribute(\"pfe-c-scrolltarget\")}`\n );\n }\n //If we want the nav to be built automatically, re-init panel and rebuild nav\n if (this.nav.hasAttribute(\"autobuild\")) {\n this._init();\n this.emitEvent(PfeJumpLinksPanel.events.change);\n this.nav._rebuildNav();\n }\n\n if (window.ShadyCSS) {\n this._observer.observe(this, pfeJumpLinksPanelObserverConfig);\n }\n }\n\n _scrollCallback() {\n let sections;\n let menu_links;\n //Check sections to make sure we have them (if not, get them)\n if (!this.sections || typeof this.sections === \"undefined\") {\n this.sections = this.querySelectorAll(\".pfe-jump-links-panel__section\");\n } else {\n sections = this.sections;\n }\n //Check list of links to make sure we have them (if not, get them)\n if (this.menu_links.length < 1 || !this.menu_links) {\n this.menu_links = this.JumpLinksNav.shadowRoot.querySelectorAll(\"a\");\n menu_links = this.menu_links;\n }\n\n // Make an array from the node list\n const sectionArr = [...sections];\n // Get all the sections that match this point in the scroll\n const matches = sectionArr\n .filter(section => window.scrollY >= section.offsetTop - this.offsetValue)\n .reverse();\n\n //Identify the last one queried as the current section\n const current = sectionArr.indexOf(matches[0]);\n\n // If that section isn't already active,\n // remove active from the other links and make it active\n if (current !== this.currentActive) {\n this._removeAllActive();\n this.currentActive = current;\n this._makeActive(current);\n }\n }\n}\n\nPFElement.create(PfeJumpLinks);\nPFElement.create(PfeJumpLinksNav);\nPFElement.create(PfeJumpLinksPanel);\n\nexport default PfeJumpLinks;\n"],"names":["pfeJumpLinksNavObserverConfig","childList","subtree","characterData","attributes","pfeJumpLinksPanelObserverConfig","PfeJumpLinks","PFElement","PfeTypes","Content","type","PfeType","PfeJumpLinksNav","hasAttribute","_buildNav","bind","_mutationCallback","_menuContainer","shadowRoot","querySelector","_observer","MutationObserver","_reportHeight","panel","document","id","window","addEventListener","_isValidLightDom","menu","classList","add","innerHTML","outerHTML","div","createElement","getAttribute","prepend","html","cloneNode","appendChild","heading","observe","PfeJumpLinksPanel","events","change","disconnect","removeEventListener","buildLinkList","linkList","panelSections","querySelectorAll","i","length","arr","contains","linkListItem","linkSubItem","ShadyCSS","children","console","warn","tag","has_slot","tagName","cssVarName","height","clientHeight","style","setProperty","sectionMargin","customVar","activeNavItem","_init","_slot","_scrollCallback","_handleResize","currentActive","current","nav","_getNav","cssVariable","_rebuildNav","attr","oldVal","newVal","scrollTarget","JumpLinksNav","sections","menu_links","link","setAttribute","parentNode","activeLink","emitEvent","detail","remove","removeAttribute","Object","keys","obj","TypeError","k","p","prototype","hasOwnProperty","call","push","forEach","Array","_removeActive","sectionArr","matches","filter","scrollY","section","offsetTop","offsetValue","reverse","indexOf","_removeAllActive","_makeActive","create"],"mappings":"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"} \ No newline at end of file diff --git a/elements/pfe-jump-links/dist/pfe-jump-links.umd.min.js b/elements/pfe-jump-links/dist/pfe-jump-links.umd.min.js new file mode 100644 index 0000000000..83cbbdda4d --- /dev/null +++ b/elements/pfe-jump-links/dist/pfe-jump-links.umd.min.js @@ -0,0 +1,2 @@ +!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("../../pfelement/dist/pfelement.umd")):"function"==typeof define&&define.amd?define(["../../pfelement/dist/pfelement.umd"],t):e.PfeJumpLinks=t(e.PFElement)}(this,function(e){"use strict";e=e&&e.hasOwnProperty("default")?e.default:e;function t(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var i=function(e,t,i){return t&&n(e.prototype,t),i&&n(e,i),e};function n(e,t){for(var i=0;i:host{display:block}:host([hidden]){display:none}\n/*# sourceMappingURL=pfe-jump-links.min.css.map */\n"}},{key:"schemaUrl",get:function(){return"pfe-jump-links.json"}},{key:"templateUrl",get:function(){return"pfe-jump-links.html"}},{key:"styleUrl",get:function(){return"pfe-jump-links.scss"}}],[{key:"version",get:function(){return"1.0.0-prerelease.50"}},{key:"properties",get:function(){return{}}},{key:"slots",get:function(){return{default:{title:"Default slot",type:"array",namedSlot:!1,items:{oneOf:[{$ref:"raw"}]}}}}},{key:"tag",get:function(){return"pfe-jump-links"}},{key:"PfeType",get:function(){return e.PfeTypes.Content}}]),f);function f(){return t(this,f),a(this,(f.__proto__||Object.getPrototypeOf(f)).call(this,f,{type:f.PfeType}))}var h=(o(u,e),i(u,[{key:"html",get:function(){return'\n '+(this.hasAttribute("pfe-c-horizontal")?"":"\n \n \n ")+'\n \n '+(this.hasAttribute("pfe-c-horizontal")?"":"\n ")}},{key:"schemaUrl",get:function(){return"pfe-jump-links-nav.json"}},{key:"templateUrl",get:function(){return"pfe-jump-links-nav.html"}},{key:"styleUrl",get:function(){return"pfe-jump-links-nav.scss"}}],[{key:"version",get:function(){return"1.0.0-prerelease.50"}},{key:"tag",get:function(){return"pfe-jump-links-nav"}},{key:"PfeType",get:function(){return e.PfeTypes.Content}}]),i(u,[{key:"connectedCallback",value:function(){if(r(u.prototype.__proto__||Object.getPrototypeOf(u.prototype),"connectedCallback",this).call(this),this.hasAttribute("autobuild"))this._buildNav();else if(this._isValidLightDom()){var e=this.querySelector("ul");e.classList.add("pfe-jump-links-nav"),this._menuContainer.innerHTML=e.outerHTML;var t=document.createElement("div");t.innerHTML='",this.getAttribute("sr-text")&&this.shadowRoot.querySelector("nav").prepend(t);var i="";if(this.querySelector("[slot='pfe-jump-links-nav--heading']")&&(i=this.querySelector("[slot='pfe-jump-links-nav--heading']").cloneNode(!0)),this.hasAttribute("pfe-c-horizontal")||""===i){var n=document.createElement("h3");n.id="pfe-jump-links-nav--heading",this.shadowRoot.querySelector("pfe-accordion-header").appendChild(n),this.shadowRoot.querySelector("#pfe-jump-links-nav--heading").innerHTML="Jump to section"}else this.shadowRoot.querySelector("pfe-accordion-header").appendChild(i)}this._reportHeight(),this._observer.observe(this,l),this.panel=document.querySelector('[pfe-c-scrolltarget="'+this.id+'"]'),this.panel.addEventListener(d.events.change,this._buildNav)}},{key:"disconnectedCallback",value:function(){this._observer.disconnect(),this.panel.removeEventListener(d.events.change,this._buildNav),this.removeEventListener("click")}},{key:"_rebuildNav",value:function(){this._buildNav()}},{key:"_buildNav",value:function(){var a=this,e='\n
                                          \n '+function(){var e="";a.panel||(a.panel=document.querySelector('[pfe-c-scrolltarget="'+a.id+'"]'));for(var t=a.panel.querySelectorAll(".pfe-jump-links-panel__section"),i=0;i\n \n '+n[i].innerHTML+'\n \n
                                            \n ';else if(n[i].classList.contains("sub-section")){var o='\n
                                          • \n \n '+n[i].innerHTML+"\n \n
                                            • ";n[i+1].classList.contains("sub-section")||(o+="
                                          "),e+=o}else e+='\n
                                        • \n \n '+n[i].innerHTML+"\n \n
                                          • \n "}return e}()+"\n ";this.shadowRoot.querySelector("#container").innerHTML=e;var t=document.createElement("h3");t.innerHTML="Jump to section",this.shadowRoot.querySelector("pfe-accordion-header").appendChild(t)}},{key:"_mutationCallback",value:function(){if(window.ShadyCSS&&this._observer.disconnect(),this.hasAttribute("autobuild"))this.hasAttribute("autobuild")&&this._buildNav();else{var e=this.querySelector("ul");this._menuContainer.innerHTML=e.outerHTML}window.ShadyCSS&&this._observer.observe(this,l)}},{key:"_isValidLightDom",value:function(){return this.children.length?(!this.has_slot("logo")&&!this.has_slot("link")||this.hasAttribute("pfe-c-horizontal")||console.warn(p.tag+": logo and link slots NOT supported in vertical jump links"),"UL"===this.children[1].tagName||(this.hasAttribute("pfe-c-horizontal")||console.warn(p.tag+": The top-level list of links MUST be a
                                            "),!1)):(console.warn(p.tag+": You must have a
                                              tag in the light DOM"),!1)}},{key:"_reportHeight",value:function(){var e="--"+this.tag+"--Height--actual",t=this.clientHeight+"px";this.panel.style.setProperty(e,t)}}]),u);function u(){t(this,u);var e=a(this,(u.__proto__||Object.getPrototypeOf(u)).call(this,u,{type:u.PfeType}));return e._buildNav=e._buildNav.bind(e),e._mutationCallback=e._mutationCallback.bind(e),e._menuContainer=e.shadowRoot.querySelector("#container"),e._observer=new MutationObserver(e._mutationCallback),e._reportHeight=e._reportHeight.bind(e),e.panel=document.querySelector("[pfe-c-scrolltarget="+e.id+"]"),window.addEventListener("resize",function(){}),e}var d=(o(v,e),i(v,[{key:"html",get:function(){return""}},{key:"schemaUrl",get:function(){return"pfe-jump-links-panel.json"}},{key:"templateUrl",get:function(){return"pfe-jump-links-panel.html"}},{key:"styleUrl",get:function(){return"pfe-jump-links-panel.scss"}},{key:"offsetValue",get:function(){return this.sectionMargin||this.customVar}}],[{key:"version",get:function(){return"1.0.0-prerelease.50"}},{key:"tag",get:function(){return"pfe-jump-links-panel"}},{key:"events",get:function(){return{change:this.tag+":change",activeNavItem:this.tag+":active-navItem"}}},{key:"PfeType",get:function(){return e.PfeTypes.Content}},{key:"observedAttributes",get:function(){return["pfe-c-offset"]}}]),i(v,[{key:"connectedCallback",value:function(){r(v.prototype.__proto__||Object.getPrototypeOf(v.prototype),"connectedCallback",this).call(this),this.nav=this._getNav(),this._init(),this.sectionMargin=this.getAttribute("pfe-c-offset"),this.customVar=this.cssVariable("--pfe-jump-links-panel--offset")||200,this.nav&&this.nav.hasAttribute("pfe-c-autobuild")&&this.nav._rebuildNav(),this._observer.observe(this,c)}},{key:"disconnectedCallback",value:function(){this._observer.disconnect(),window.removeEventListener("scroll"),this._slot.removeEventListener("slotchange",this._init),window.removeEventListener("resize",this._handleResize)}},{key:"attributeChangedCallback",value:function(e,t,i){switch(r(v.prototype.__proto__||Object.getPrototypeOf(v.prototype),"attributeChangedCallback",this).call(this,e,t,i),e){case"pfe-c-offset":this.sectionMargin=i}}},{key:"_init",value:function(){window.addEventListener("scroll",this._scrollCallback),this.scrollTarget=this.getAttribute("pfe-c-scrolltarget"),this.JumpLinksNav=document.querySelector("#"+this.scrollTarget),this.sections=this.querySelectorAll(".pfe-jump-links-panel__section"),this.JumpLinksNav&&(this.menu_links=this.JumpLinksNav.querySelectorAll("a"))}},{key:"_handleResize",value:function(){this.nav._reportHeight(),this.sectionMargin=this.getAttribute("pfe-c-offset"),this.customVar=this.cssVariable("--pfe-jump-links-panel--offset")||200}},{key:"_getNav",value:function(){return document.querySelector("pfe-jump-links-nav#"+this.getAttribute("pfe-c-scrolltarget"))}},{key:"_makeActive",value:function(e){if(this.menu_links[e]){this.menu_links[e].classList.contains("sub-section")?(this.menu_links[e].setAttribute("active",""),this.menu_links[e].parentNode.parentNode.parentNode.setAttribute("active",""),this.menu_links[e].parentNode.parentNode.parentNode.classList.add("expand")):this.menu_links[e].classList.contains("has-sub-section")?(this.menu_links[e].setAttribute("active",""),this.menu_links[e].parentNode.setAttribute("active",""),this.menu_links[e].parentNode.classList.add("expand")):(this.menu_links[e].setAttribute("active",""),this.menu_links[e].parentNode.setAttribute("active",""));var t=this.JumpLinksNav.querySelector("[active]");this.emitEvent(v.events.activeNavItem,{detail:{activeNavItem:t}})}}},{key:"_removeActive",value:function(e){this.menu_links[e]&&(this.menu_links[e].classList.contains("sub-section")&&this.menu_links[e].parentNode.parentNode.parentNode.classList.remove("expand"),this.menu_links[e].removeAttribute("active"),this.menu_links[e].parentNode.removeAttribute("active"))}},{key:"_removeAllActive",value:function(){var t=this;Object.keys||(Object.keys=function(e){if(e!==Object(e))throw new TypeError("Object.keys called on a non-object");var t,i=[];for(t in e)Object.prototype.hasOwnProperty.call(e,t)&&i.push(t);return i},Object.keys.forEach=Array.forEach),[].concat(s(Array(this.sections.length).keys())).forEach(function(e){t._removeActive(e)})}},{key:"_mutationCallback",value:function(){window.ShadyCSS&&this._observer.disconnect(),this.nav||(this.nav=document.querySelector("pfe-jump-links-nav#"+this.getAttribute("pfe-c-scrolltarget"))),this.nav.hasAttribute("autobuild")&&(this._init(),this.emitEvent(v.events.change),this.nav._rebuildNav()),window.ShadyCSS&&this._observer.observe(this,c)}},{key:"_scrollCallback",value:function(){var t=this,e=void 0;this.sections&&void 0!==this.sections?e=this.sections:this.sections=this.querySelectorAll(".pfe-jump-links-panel__section"),(this.menu_links.length<1||!this.menu_links)&&(this.menu_links=this.JumpLinksNav.shadowRoot.querySelectorAll("a"),this.menu_links);var i=[].concat(s(e)),n=i.filter(function(e){return window.scrollY>=e.offsetTop-t.offsetValue}).reverse(),o=i.indexOf(n[0]);o!==this.currentActive&&(this._removeAllActive(),this.currentActive=o,this._makeActive(o))}}]),v);function v(){t(this,v);var e=a(this,(v.__proto__||Object.getPrototypeOf(v)).call(this,v,{type:v.PfeType}));return e._init=e._init.bind(e),e._slot=e.shadowRoot.querySelector("slot"),e._slot.addEventListener("slotchange",e._init),e._scrollCallback=e._scrollCallback.bind(e),e._mutationCallback=e._mutationCallback.bind(e),e._handleResize=e._handleResize.bind(e),e._observer=new MutationObserver(e._mutationCallback),e.currentActive=null,e.currentActive=0,e.current=-1,window.addEventListener("resize",e._handleResize),e}return e.create(p),e.create(h),e.create(d),p}); +//# sourceMappingURL=pfe-jump-links.umd.min.js.map diff --git a/elements/pfe-jump-links/dist/pfe-jump-links.umd.min.js.map b/elements/pfe-jump-links/dist/pfe-jump-links.umd.min.js.map new file mode 100644 index 0000000000..d720d2c0ff --- /dev/null +++ b/elements/pfe-jump-links/dist/pfe-jump-links.umd.min.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-jump-links.umd.min.js","sources":["../_temp/pfe-jump-links.umd.js"],"sourcesContent":["/*!\n * PatternFly Elements: PfeJumpLinks 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\nimport PFElement from \"../../pfelement/dist/pfelement.umd\";\n\nconst pfeJumpLinksNavObserverConfig = {\n childList: true,\n subtree: true,\n characterData: true,\n attributes: true\n};\n\nconst pfeJumpLinksPanelObserverConfig = {\n childList: true,\n subtree: true,\n characterData: true,\n attributes: true\n};\n\nclass PfeJumpLinks extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return ``;\n }\n\n static get properties() {\n return {};\n }\n\n static get slots() {\n return {\"default\":{\"title\":\"Default slot\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-jump-links\";\n }\n\n get schemaUrl() {\n return \"pfe-jump-links.json\";\n }\n\n get templateUrl() {\n return \"pfe-jump-links.html\";\n }\n\n get styleUrl() {\n return \"pfe-jump-links.scss\";\n }\n\n static get PfeType() {\n return PFElement.PfeTypes.Content;\n }\n\n constructor() {\n super(PfeJumpLinks, { type: PfeJumpLinks.PfeType });\n }\n}\n\nclass PfeJumpLinksNav extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return `\n ${this.hasAttribute(\"pfe-c-horizontal\") ? `` :\n `\n \n \n `\n }\n \n ${this.hasAttribute(\"pfe-c-horizontal\") ? `` :\n `\n `\n }`;\n }\n static get tag() {\n return \"pfe-jump-links-nav\";\n }\n\n get schemaUrl() {\n return \"pfe-jump-links-nav.json\";\n }\n\n get templateUrl() {\n return \"pfe-jump-links-nav.html\";\n }\n\n get styleUrl() {\n return \"pfe-jump-links-nav.scss\";\n }\n\n static get PfeType() {\n return PFElement.PfeTypes.Content;\n }\n\n constructor() {\n super(PfeJumpLinksNav, { type: PfeJumpLinksNav.PfeType });\n\n this._buildNav = this._buildNav.bind(this);\n this._mutationCallback = this._mutationCallback.bind(this);\n this._menuContainer = this.shadowRoot.querySelector(\"#container\");\n this._observer = new MutationObserver(this._mutationCallback);\n this._reportHeight = this._reportHeight.bind(this);\n this.panel = document.querySelector(`[pfe-c-scrolltarget=${this.id}]`);\n\n window.addEventListener(\"resize\", () => {});\n }\n\n connectedCallback() {\n super.connectedCallback();\n //Check that the light DOM is there\n if (this.hasAttribute(\"autobuild\")) {\n this._buildNav();\n } else {\n //Check that the light DOM is valid\n if (this._isValidLightDom()) {\n const menu = this.querySelector(\"ul\");\n menu.classList.add(\"pfe-jump-links-nav\");\n this._menuContainer.innerHTML = menu.outerHTML;\n\n let div = document.createElement(\"div\");\n\n div.innerHTML = ``;\n\n if (this.getAttribute(\"sr-text\")) {\n this.shadowRoot.querySelector(\"nav\").prepend(div);\n }\n\n let html = \"\";\n if (this.querySelector(\"[slot='pfe-jump-links-nav--heading']\")) {\n html = this.querySelector(\n \"[slot='pfe-jump-links-nav--heading']\"\n ).cloneNode(true);\n }\n if (!this.hasAttribute(\"pfe-c-horizontal\") && html !== \"\") {\n this.shadowRoot\n .querySelector(\"pfe-accordion-header\")\n .appendChild(html);\n } else {\n const heading = document.createElement(\"h3\");\n heading.id = \"pfe-jump-links-nav--heading\";\n\n this.shadowRoot\n .querySelector(\"pfe-accordion-header\")\n .appendChild(heading);\n this.shadowRoot.querySelector(\n \"#pfe-jump-links-nav--heading\"\n ).innerHTML = \"Jump to section\";\n }\n }\n }\n this._reportHeight();\n\n this._observer.observe(this, pfeJumpLinksNavObserverConfig);\n\n this.panel = document.querySelector(`[pfe-c-scrolltarget=\"${this.id}\"]`);\n\n this.panel.addEventListener(\n PfeJumpLinksPanel.events.change,\n this._buildNav\n );\n }\n\n disconnectedCallback() {\n this._observer.disconnect();\n this.panel.removeEventListener(\n PfeJumpLinksPanel.events.change,\n this._buildNav\n );\n this.removeEventListener(\"click\");\n }\n\n _rebuildNav() {\n this._buildNav();\n }\n\n _buildNav() {\n const buildLinkList = () => {\n let linkList = ``;\n if (!this.panel) {\n this.panel = document.querySelector(\n `[pfe-c-scrolltarget=\"${this.id}\"]`\n );\n }\n let panelSections = this.panel.querySelectorAll(\n \".pfe-jump-links-panel__section\"\n );\n\n for (let i = 0; i < panelSections.length; i++) {\n let arr = [...panelSections];\n if (arr[i].classList.contains(\"has-sub-section\")) {\n let linkListItem = `\n
                                            • \n \n ${arr[i].innerHTML}\n \n
                                                \n `;\n linkList += linkListItem;\n } else if (arr[i].classList.contains(\"sub-section\")) {\n let linkSubItem = `\n
                                              • \n \n ${arr[i].innerHTML}\n \n
                                                • `;\n if (!arr[i + 1].classList.contains(\"sub-section\")) {\n linkSubItem += `
                                              • `;\n }\n linkList += linkSubItem;\n } else {\n let linkListItem = `\n
                                            • \n \n ${arr[i].innerHTML}\n \n
                                              • \n `;\n linkList += linkListItem;\n }\n }\n return linkList;\n };\n\n let html = `\n
                                                \n ${buildLinkList()}\n `;\n this.shadowRoot.querySelector(\"#container\").innerHTML = html;\n let heading = document.createElement(\"h3\");\n heading.innerHTML = \"Jump to section\";\n this.shadowRoot.querySelector(\"pfe-accordion-header\").appendChild(heading);\n }\n\n _mutationCallback() {\n if (window.ShadyCSS) {\n this._observer.disconnect();\n }\n\n if (!this.hasAttribute(\"autobuild\")) {\n const menu = this.querySelector(\"ul\");\n this._menuContainer.innerHTML = menu.outerHTML;\n } else if (this.hasAttribute(\"autobuild\")) {\n this._buildNav();\n }\n\n if (window.ShadyCSS) {\n this._observer.observe(this, pfeJumpLinksNavObserverConfig);\n }\n }\n\n _isValidLightDom() {\n if (!this.children.length) {\n console.warn(\n `${PfeJumpLinks.tag}: You must have a
                                                  tag in the light DOM`\n );\n return false;\n }\n if (\n (this.has_slot(\"logo\") || this.has_slot(\"link\")) &&\n !this.hasAttribute(\"pfe-c-horizontal\")\n ) {\n console.warn(\n `${PfeJumpLinks.tag}: logo and link slots NOT supported in vertical jump links`\n );\n }\n if (this.children[1].tagName !== \"UL\") {\n if (!this.hasAttribute(\"pfe-c-horizontal\")) {\n console.warn(\n `${PfeJumpLinks.tag}: The top-level list of links MUST be a
                                                    `\n );\n }\n\n return false;\n }\n\n return true;\n }\n\n _reportHeight() {\n const cssVarName = `--${this.tag}--Height--actual`;\n const height = this.clientHeight + \"px\";\n this.panel.style.setProperty(cssVarName, height);\n }\n}\n\nclass PfeJumpLinksPanel extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return ``;\n }\n static get tag() {\n return \"pfe-jump-links-panel\";\n }\n\n get schemaUrl() {\n return \"pfe-jump-links-panel.json\";\n }\n\n get templateUrl() {\n return \"pfe-jump-links-panel.html\";\n }\n\n get styleUrl() {\n return \"pfe-jump-links-panel.scss\";\n }\n\n static get events() {\n return {\n change: `${this.tag}:change`,\n activeNavItem: `${this.tag}:active-navItem`\n };\n }\n\n get offsetValue() {\n return this.sectionMargin || this.customVar;\n }\n\n static get PfeType() {\n return PFElement.PfeTypes.Content;\n }\n\n static get observedAttributes() {\n return [\"pfe-c-offset\"];\n }\n\n constructor() {\n super(PfeJumpLinksPanel, { type: PfeJumpLinksPanel.PfeType });\n this._init = this._init.bind(this);\n this._slot = this.shadowRoot.querySelector(\"slot\");\n this._slot.addEventListener(\"slotchange\", this._init);\n this._scrollCallback = this._scrollCallback.bind(this);\n this._mutationCallback = this._mutationCallback.bind(this);\n this._handleResize = this._handleResize.bind(this);\n this._observer = new MutationObserver(this._mutationCallback);\n this.currentActive = null;\n this.currentActive = 0;\n this.current = -1;\n window.addEventListener(\"resize\", this._handleResize);\n }\n\n connectedCallback() {\n super.connectedCallback();\n this.nav = this._getNav();\n this._init();\n this.sectionMargin = this.getAttribute(\"pfe-c-offset\");\n this.customVar = this.cssVariable(\"--pfe-jump-links-panel--offset\") || 200;\n if (this.nav && this.nav.hasAttribute(\"pfe-c-autobuild\")) {\n this.nav._rebuildNav();\n }\n\n this._observer.observe(this, pfeJumpLinksPanelObserverConfig);\n }\n\n disconnectedCallback() {\n this._observer.disconnect();\n window.removeEventListener(\"scroll\");\n this._slot.removeEventListener(\"slotchange\", this._init);\n window.removeEventListener(\"resize\", this._handleResize);\n }\n\n attributeChangedCallback(attr, oldVal, newVal) {\n super.attributeChangedCallback(attr, oldVal, newVal);\n\n switch (attr) {\n case \"pfe-c-offset\":\n this.sectionMargin = newVal;\n break;\n }\n }\n\n _init() {\n window.addEventListener(\"scroll\", this._scrollCallback);\n this.scrollTarget = this.getAttribute(\"pfe-c-scrolltarget\");\n this.JumpLinksNav = document.querySelector(`#${this.scrollTarget}`);\n this.sections = this.querySelectorAll(\".pfe-jump-links-panel__section\");\n\n if (this.JumpLinksNav) {\n this.menu_links = this.JumpLinksNav.querySelectorAll(\"a\");\n }\n }\n\n _handleResize() {\n this.nav._reportHeight();\n this.sectionMargin = this.getAttribute(\"pfe-c-offset\");\n this.customVar = this.cssVariable(\"--pfe-jump-links-panel--offset\") || 200;\n }\n\n _getNav() {\n return document.querySelector(\n `pfe-jump-links-nav#${this.getAttribute(\"pfe-c-scrolltarget\")}`\n );\n }\n\n _makeActive(link) {\n if (this.menu_links[link]) {\n // Check if this is a subnav or has subsections\n if (this.menu_links[link].classList.contains(\"sub-section\")) {\n this.menu_links[link].setAttribute(\"active\", \"\");\n this.menu_links[link].parentNode.parentNode.parentNode.setAttribute(\n \"active\",\n \"\"\n );\n this.menu_links[link].parentNode.parentNode.parentNode.classList.add(\n \"expand\"\n );\n } else if (this.menu_links[link].classList.contains(\"has-sub-section\")) {\n this.menu_links[link].setAttribute(\"active\", \"\");\n this.menu_links[link].parentNode.setAttribute(\"active\", \"\");\n this.menu_links[link].parentNode.classList.add(\"expand\");\n } else {\n this.menu_links[link].setAttribute(\"active\", \"\");\n this.menu_links[link].parentNode.setAttribute(\"active\", \"\");\n }\n\n let activeLink = this.JumpLinksNav.querySelector(\"[active]\");\n this.emitEvent(PfeJumpLinksPanel.events.activeNavItem, {\n detail: {\n activeNavItem: activeLink\n }\n });\n }\n }\n\n _removeActive(link) {\n if (this.menu_links[link]) {\n if (this.menu_links[link].classList.contains(\"sub-section\")) {\n this.menu_links[link].parentNode.parentNode.parentNode.classList.remove(\n \"expand\"\n );\n }\n this.menu_links[link].removeAttribute(\"active\");\n this.menu_links[link].parentNode.removeAttribute(\"active\");\n }\n }\n\n _removeAllActive() {\n if (!Object.keys) {\n Object.keys = function(obj) {\n if (obj !== Object(obj))\n throw new TypeError(\"Object.keys called on a non-object\");\n var k = [],\n p;\n for (p in obj)\n if (Object.prototype.hasOwnProperty.call(obj, p)) k.push(p);\n return k;\n };\n Object.keys.forEach = Array.forEach;\n }\n [...Array(this.sections.length).keys()].forEach(link => {\n this._removeActive(link);\n });\n }\n\n _mutationCallback() {\n if (window.ShadyCSS) {\n this._observer.disconnect();\n }\n\n //If we didn't get nav in the constructor, grab it now\n if (!this.nav) {\n this.nav = document.querySelector(\n `pfe-jump-links-nav#${this.getAttribute(\"pfe-c-scrolltarget\")}`\n );\n }\n //If we want the nav to be built automatically, re-init panel and rebuild nav\n if (this.nav.hasAttribute(\"autobuild\")) {\n this._init();\n this.emitEvent(PfeJumpLinksPanel.events.change);\n this.nav._rebuildNav();\n }\n\n if (window.ShadyCSS) {\n this._observer.observe(this, pfeJumpLinksPanelObserverConfig);\n }\n }\n\n _scrollCallback() {\n let sections;\n let menu_links;\n //Check sections to make sure we have them (if not, get them)\n if (!this.sections || typeof this.sections === \"undefined\") {\n this.sections = this.querySelectorAll(\".pfe-jump-links-panel__section\");\n } else {\n sections = this.sections;\n }\n //Check list of links to make sure we have them (if not, get them)\n if (this.menu_links.length < 1 || !this.menu_links) {\n this.menu_links = this.JumpLinksNav.shadowRoot.querySelectorAll(\"a\");\n menu_links = this.menu_links;\n }\n\n // Make an array from the node list\n const sectionArr = [...sections];\n // Get all the sections that match this point in the scroll\n const matches = sectionArr\n .filter(section => window.scrollY >= section.offsetTop - this.offsetValue)\n .reverse();\n\n //Identify the last one queried as the current section\n const current = sectionArr.indexOf(matches[0]);\n\n // If that section isn't already active,\n // remove active from the other links and make it active\n if (current !== this.currentActive) {\n this._removeAllActive();\n this.currentActive = current;\n this._makeActive(current);\n }\n }\n}\n\nPFElement.create(PfeJumpLinks);\nPFElement.create(PfeJumpLinksNav);\nPFElement.create(PfeJumpLinksPanel);\n\nexport default PfeJumpLinks;\n"],"names":["pfeJumpLinksNavObserverConfig","pfeJumpLinksPanelObserverConfig","PfeJumpLinks","PFElement","default","title","type","namedSlot","items","oneOf","$ref","PfeTypes","Content","PfeType","PfeJumpLinksNav","this","hasAttribute","_buildNav","_isValidLightDom","menu","querySelector","classList","add","_menuContainer","innerHTML","outerHTML","div","document","createElement","getAttribute","shadowRoot","prepend","html","cloneNode","heading","id","appendChild","_reportHeight","_observer","observe","panel","addEventListener","PfeJumpLinksPanel","events","change","disconnect","removeEventListener","linkList","_this3","panelSections","querySelectorAll","i","length","arr","contains","linkSubItem","buildLinkList","window","ShadyCSS","children","has_slot","warn","tag","tagName","cssVarName","height","clientHeight","style","setProperty","_this2","bind","_mutationCallback","MutationObserver","sectionMargin","customVar","nav","_getNav","_init","cssVariable","_rebuildNav","_slot","_handleResize","attr","oldVal","newVal","_scrollCallback","scrollTarget","JumpLinksNav","sections","menu_links","link","setAttribute","parentNode","activeLink","emitEvent","activeNavItem","remove","removeAttribute","Object","keys","obj","TypeError","p","k","prototype","hasOwnProperty","call","push","forEach","Array","_removeActive","sectionArr","matches","filter","scrollY","section","offsetTop","_this6","offsetValue","reverse","current","indexOf","currentActive","_removeAllActive","_makeActive","_this4","create"],"mappings":"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"} \ No newline at end of file diff --git a/elements/pfe-jump-links/package-lock.json b/elements/pfe-jump-links/package-lock.json index d016c649e5..cd16ba3eee 100644 --- a/elements/pfe-jump-links/package-lock.json +++ b/elements/pfe-jump-links/package-lock.json @@ -1,6 +1,6 @@ { "name": "@patternfly/pfe-jump-links", - "version": "1.0.0-prerelease.49", + "version": "1.0.0-prerelease.50", "lockfileVersion": 1, "requires": true, "dependencies": { diff --git a/elements/pfe-jump-links/package.json b/elements/pfe-jump-links/package.json index dde6f84132..e243ecdd56 100644 --- a/elements/pfe-jump-links/package.json +++ b/elements/pfe-jump-links/package.json @@ -11,7 +11,7 @@ }, "assets": [] }, - "version": "1.0.0-prerelease.49", + "version": "1.0.0-prerelease.50", "keywords": [ "web-components", "html" diff --git a/elements/pfe-markdown/dist/pfe-markdown.js b/elements/pfe-markdown/dist/pfe-markdown.js new file mode 100644 index 0000000000..d89f27d0b8 --- /dev/null +++ b/elements/pfe-markdown/dist/pfe-markdown.js @@ -0,0 +1,194 @@ +import PFElement from '../../pfelement/dist/pfelement.js'; + +var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {}; + +function createCommonjsModule(fn, module) { + return module = { exports: {} }, fn(module, module.exports), module.exports; +} + +var marked_min = createCommonjsModule(function (module, exports) { +/** + * marked - a markdown parser + * Copyright (c) 2011-2018, Christopher Jeffrey. (MIT Licensed) + * https://github.com/markedjs/marked + */ +!function(e){var x={newline:/^\n+/,code:/^( {4}[^\n]+\n*)+/,fences:f,hr:/^ {0,3}((?:- *){3,}|(?:_ *){3,}|(?:\* *){3,})(?:\n+|$)/,heading:/^ *(#{1,6}) *([^\n]+?) *(?:#+ *)?(?:\n+|$)/,nptable:f,blockquote:/^( {0,3}> ?(paragraph|[^\n]*)(?:\n|$))+/,list:/^( {0,3})(bull) [\s\S]+?(?:hr|def|\n{2,}(?! )(?!\1bull )\n*|\s*$)/,html:"^ {0,3}(?:<(script|pre|style)[\\s>][\\s\\S]*?(?:[^\\n]*\\n+|$)|comment[^\\n]*(\\n+|$)|<\\?[\\s\\S]*?\\?>\\n*|\\n*|\\n*|)[\\s\\S]*?(?:\\n{2,}|$)|<(?!script|pre|style)([a-z][\\w-]*)(?:attribute)*? */?>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:\\n{2,}|$)|(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:\\n{2,}|$))",def:/^ {0,3}\[(label)\]: *\n? *]+)>?(?:(?: +\n? *| *\n *)(title))? *(?:\n+|$)/,table:f,lheading:/^([^\n]+)\n {0,3}(=|-){2,} *(?:\n+|$)/,paragraph:/^([^\n]+(?:\n(?!hr|heading|lheading| {0,3}>|<\/?(?:tag)(?: +|\n|\/?>)|<(?:script|pre|style|!--))[^\n]+)*)/,text:/^[^\n]+/};function a(e){this.tokens=[],this.tokens.links=Object.create(null),this.options=e||b.defaults,this.rules=x.normal,this.options.pedantic?this.rules=x.pedantic:this.options.gfm&&(this.options.tables?this.rules=x.tables:this.rules=x.gfm);}x._label=/(?!\s*\])(?:\\[\[\]]|[^\[\]])+/,x._title=/(?:"(?:\\"?|[^"\\])*"|'[^'\n]*(?:\n[^'\n]+)*\n?'|\([^()]*\))/,x.def=i(x.def).replace("label",x._label).replace("title",x._title).getRegex(),x.bullet=/(?:[*+-]|\d{1,9}\.)/,x.item=/^( *)(bull) ?[^\n]*(?:\n(?!\1bull ?)[^\n]*)*/,x.item=i(x.item,"gm").replace(/bull/g,x.bullet).getRegex(),x.list=i(x.list).replace(/bull/g,x.bullet).replace("hr","\\n+(?=\\1?(?:(?:- *){3,}|(?:_ *){3,}|(?:\\* *){3,})(?:\\n+|$))").replace("def","\\n+(?="+x.def.source+")").getRegex(),x._tag="address|article|aside|base|basefont|blockquote|body|caption|center|col|colgroup|dd|details|dialog|dir|div|dl|dt|fieldset|figcaption|figure|footer|form|frame|frameset|h[1-6]|head|header|hr|html|iframe|legend|li|link|main|menu|menuitem|meta|nav|noframes|ol|optgroup|option|p|param|section|source|summary|table|tbody|td|tfoot|th|thead|title|tr|track|ul",x._comment=//,x.html=i(x.html,"i").replace("comment",x._comment).replace("tag",x._tag).replace("attribute",/ +[a-zA-Z:_][\w.:-]*(?: *= *"[^"\n]*"| *= *'[^'\n]*'| *= *[^\s"'=<>`]+)?/).getRegex(),x.paragraph=i(x.paragraph).replace("hr",x.hr).replace("heading",x.heading).replace("lheading",x.lheading).replace("tag",x._tag).getRegex(),x.blockquote=i(x.blockquote).replace("paragraph",x.paragraph).getRegex(),x.normal=d({},x),x.gfm=d({},x.normal,{fences:/^ {0,3}(`{3,}|~{3,})([^`\n]*)\n(?:|([\s\S]*?)\n)(?: {0,3}\1[~`]* *(?:\n+|$)|$)/,paragraph:/^/,heading:/^ *(#{1,6}) +([^\n]+?) *#* *(?:\n+|$)/}),x.gfm.paragraph=i(x.paragraph).replace("(?!","(?!"+x.gfm.fences.source.replace("\\1","\\2")+"|"+x.list.source.replace("\\1","\\3")+"|").getRegex(),x.tables=d({},x.gfm,{nptable:/^ *([^|\n ].*\|.*)\n *([-:]+ *\|[-| :]*)(?:\n((?:.*[^>\n ].*(?:\n|$))*)\n*|$)/,table:/^ *\|(.+)\n *\|?( *[-:]+[-| :]*)(?:\n((?: *[^>\n ].*(?:\n|$))*)\n*|$)/}),x.pedantic=d({},x.normal,{html:i("^ *(?:comment *(?:\\n|\\s*$)|<(tag)[\\s\\S]+? *(?:\\n{2,}|\\s*$)|\\s]*)*?/?> *(?:\\n{2,}|\\s*$))").replace("comment",x._comment).replace(/tag/g,"(?!(?:a|em|strong|small|s|cite|q|dfn|abbr|data|time|code|var|samp|kbd|sub|sup|i|b|u|mark|ruby|rt|rp|bdi|bdo|span|br|wbr|ins|del|img)\\b)\\w+(?!:|[^\\w\\s@]*@)\\b").getRegex(),def:/^ *\[([^\]]+)\]: *]+)>?(?: +(["(][^\n]+[")]))? *(?:\n+|$)/}),a.rules=x,a.lex=function(e,t){return new a(t).lex(e)},a.prototype.lex=function(e){return e=e.replace(/\r\n|\r/g,"\n").replace(/\t/g," ").replace(/\u00a0/g," ").replace(/\u2424/g,"\n"),this.token(e,!0)},a.prototype.token=function(e,t){var n,r,s,i,l,o,a,h,p,u,c,g,f,d,m,b;for(e=e.replace(/^ +$/gm,"");e;)if((s=this.rules.newline.exec(e))&&(e=e.substring(s[0].length),1 ?/gm,""),this.token(s,t),this.tokens.push({type:"blockquote_end"});else if(s=this.rules.list.exec(e)){for(e=e.substring(s[0].length),a={type:"list_start",ordered:d=1<(i=s[2]).length,start:d?+i:"",loose:!1},this.tokens.push(a),n=!(h=[]),f=(s=s[0].match(this.rules.item)).length,c=0;c?@\[\]\\^_`{|}~])/,autolink:/^<(scheme:[^\s\x00-\x1f<>]*|email)>/,url:f,tag:"^comment|^|^<[a-zA-Z][\\w-]*(?:attribute)*?\\s*/?>|^<\\?[\\s\\S]*?\\?>|^|^",link:/^!?\[(label)\]\(href(?:\s+(title))?\s*\)/,reflink:/^!?\[(label)\]\[(?!\s*\])((?:\\[\[\]]?|[^\[\]\\])+)\]/,nolink:/^!?\[(?!\s*\])((?:\[[^\[\]]*\]|\\[\[\]]|[^\[\]])*)\](?:\[\])?/,strong:/^__([^\s_])__(?!_)|^\*\*([^\s*])\*\*(?!\*)|^__([^\s][\s\S]*?[^\s])__(?!_)|^\*\*([^\s][\s\S]*?[^\s])\*\*(?!\*)/,em:/^_([^\s_])_(?!_)|^\*([^\s*<\[])\*(?!\*)|^_([^\s<][\s\S]*?[^\s_])_(?!_|[^\spunctuation])|^_([^\s_<][\s\S]*?[^\s])_(?!_|[^\spunctuation])|^\*([^\s<"][\s\S]*?[^\s\*])\*(?!\*|[^\spunctuation])|^\*([^\s*"<\[][\s\S]*?[^\s])\*(?!\*)/,code:/^(`+)([^`]|[^`][\s\S]*?[^`])\1(?!`)/,br:/^( {2,}|\\)\n(?!\s*$)/,del:f,text:/^(`+|[^`])(?:[\s\S]*?(?:(?=[\\?@\\[^_{|}~",n.em=i(n.em).replace(/punctuation/g,n._punctuation).getRegex(),n._escapes=/\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/g,n._scheme=/[a-zA-Z][a-zA-Z0-9+.-]{1,31}/,n._email=/[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+(@)[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+(?![-_])/,n.autolink=i(n.autolink).replace("scheme",n._scheme).replace("email",n._email).getRegex(),n._attribute=/\s+[a-zA-Z:_][\w.:-]*(?:\s*=\s*"[^"]*"|\s*=\s*'[^']*'|\s*=\s*[^\s"'=<>`]+)?/,n.tag=i(n.tag).replace("comment",x._comment).replace("attribute",n._attribute).getRegex(),n._label=/(?:\[[^\[\]]*\]|\\[\[\]]?|`[^`]*`|`(?!`)|[^\[\]\\`])*?/,n._href=/\s*(<(?:\\[<>]?|[^\s<>\\])*>|[^\s\x00-\x1f]*)/,n._title=/"(?:\\"?|[^"\\])*"|'(?:\\'?|[^'\\])*'|\((?:\\\)?|[^)\\])*\)/,n.link=i(n.link).replace("label",n._label).replace("href",n._href).replace("title",n._title).getRegex(),n.reflink=i(n.reflink).replace("label",n._label).getRegex(),n.normal=d({},n),n.pedantic=d({},n.normal,{strong:/^__(?=\S)([\s\S]*?\S)__(?!_)|^\*\*(?=\S)([\s\S]*?\S)\*\*(?!\*)/,em:/^_(?=\S)([\s\S]*?\S)_(?!_)|^\*(?=\S)([\s\S]*?\S)\*(?!\*)/,link:i(/^!?\[(label)\]\((.*?)\)/).replace("label",n._label).getRegex(),reflink:i(/^!?\[(label)\]\s*\[([^\]]*)\]/).replace("label",n._label).getRegex()}),n.gfm=d({},n.normal,{escape:i(n.escape).replace("])","~|])").getRegex(),_extended_email:/[A-Za-z0-9._+-]+(@)[a-zA-Z0-9-_]+(?:\.[a-zA-Z0-9-_]*[a-zA-Z0-9])+(?![-_])/,url:/^((?:ftp|https?):\/\/|www\.)(?:[a-zA-Z0-9\-]+\.?)+[^\s<]*|^email/,_backpedal:/(?:[^?!.,:;*_~()&]+|\([^)]*\)|&(?![a-zA-Z0-9]+;$)|[?!.,:;*_~)]+(?!$))+/,del:/^~+(?=\S)([\s\S]*?\S)~+/,text:/^(`+|[^`])(?:[\s\S]*?(?:(?=[\\/i.test(i[0])&&(this.inLink=!1),!this.inRawBlock&&/^<(pre|code|kbd|script)(\s|>)/i.test(i[0])?this.inRawBlock=!0:this.inRawBlock&&/^<\/(pre|code|kbd|script)(\s|>)/i.test(i[0])&&(this.inRawBlock=!1),e=e.substring(i[0].length),o+=this.options.sanitize?this.options.sanitizer?this.options.sanitizer(i[0]):u(i[0]):i[0];else if(i=this.rules.link.exec(e)){var a=m(i[2],"()");if(-1$/,"$1"),o+=this.outputLink(i,{href:p.escapes(r),title:p.escapes(s)}),this.inLink=!1;}else if((i=this.rules.reflink.exec(e))||(i=this.rules.nolink.exec(e))){if(e=e.substring(i[0].length),t=(i[2]||i[1]).replace(/\s+/g," "),!(t=this.links[t.toLowerCase()])||!t.href){o+=i[0].charAt(0),e=i[0].substring(1)+e;continue}this.inLink=!0,o+=this.outputLink(i,t),this.inLink=!1;}else if(i=this.rules.strong.exec(e))e=e.substring(i[0].length),o+=this.renderer.strong(this.output(i[4]||i[3]||i[2]||i[1]));else if(i=this.rules.em.exec(e))e=e.substring(i[0].length),o+=this.renderer.em(this.output(i[6]||i[5]||i[4]||i[3]||i[2]||i[1]));else if(i=this.rules.code.exec(e))e=e.substring(i[0].length),o+=this.renderer.codespan(u(i[2].trim(),!0));else if(i=this.rules.br.exec(e))e=e.substring(i[0].length),o+=this.renderer.br();else if(i=this.rules.del.exec(e))e=e.substring(i[0].length),o+=this.renderer.del(this.output(i[1]));else if(i=this.rules.autolink.exec(e))e=e.substring(i[0].length),r="@"===i[2]?"mailto:"+(n=u(this.mangle(i[1]))):n=u(i[1]),o+=this.renderer.link(r,null,n);else if(this.inLink||!(i=this.rules.url.exec(e))){if(i=this.rules.text.exec(e))e=e.substring(i[0].length),this.inRawBlock?o+=this.renderer.text(i[0]):o+=this.renderer.text(u(this.smartypants(i[0])));else if(e)throw new Error("Infinite loop on byte: "+e.charCodeAt(0))}else{if("@"===i[2])r="mailto:"+(n=u(i[0]));else{for(;l=i[0],i[0]=this.rules._backpedal.exec(i[0])[0],l!==i[0];);n=u(i[0]),r="www."===i[1]?"http://"+n:n;}e=e.substring(i[0].length),o+=this.renderer.link(r,null,n);}return o},p.escapes=function(e){return e?e.replace(p.rules._escapes,"$1"):e},p.prototype.outputLink=function(e,t){var n=t.href,r=t.title?u(t.title):null;return "!"!==e[0].charAt(0)?this.renderer.link(n,r,this.output(e[1])):this.renderer.image(n,r,u(e[1]))},p.prototype.smartypants=function(e){return this.options.smartypants?e.replace(/---/g,"—").replace(/--/g,"–").replace(/(^|[-\u2014/(\[{"\s])'/g,"$1‘").replace(/'/g,"’").replace(/(^|[-\u2014/(\[{\u2018\s])"/g,"$1“").replace(/"/g,"”").replace(/\.{3}/g,"…"):e},p.prototype.mangle=function(e){if(!this.options.mangle)return e;for(var t,n="",r=e.length,s=0;s'+(n?e:u(e,!0))+"\n":"
                                                    "+(n?e:u(e,!0))+"
                                                    "},r.prototype.blockquote=function(e){return "
                                                    \n"+e+"
                                                    \n"},r.prototype.html=function(e){return e},r.prototype.heading=function(e,t,n,r){return this.options.headerIds?"'+e+"\n":""+e+"\n"},r.prototype.hr=function(){return this.options.xhtml?"
                                                    \n":"
                                                    \n"},r.prototype.list=function(e,t,n){var r=t?"ol":"ul";return "<"+r+(t&&1!==n?' start="'+n+'"':"")+">\n"+e+"\n"},r.prototype.listitem=function(e){return "
                                                  • "+e+"
                                                    • \n"},r.prototype.checkbox=function(e){return " "},r.prototype.paragraph=function(e){return "

                                                    "+e+"

                                                    \n"},r.prototype.table=function(e,t){return t&&(t=""+t+""),"\n\n"+e+"\n"+t+"
                                                    \n"},r.prototype.tablerow=function(e){return "\n"+e+"\n"},r.prototype.tablecell=function(e,t){var n=t.header?"th":"td";return (t.align?"<"+n+' align="'+t.align+'">':"<"+n+">")+e+"\n"},r.prototype.strong=function(e){return ""+e+""},r.prototype.em=function(e){return ""+e+""},r.prototype.codespan=function(e){return ""+e+""},r.prototype.br=function(){return this.options.xhtml?"
                                                    ":"
                                                    "},r.prototype.del=function(e){return ""+e+""},r.prototype.link=function(e,t,n){if(null===(e=l(this.options.sanitize,this.options.baseUrl,e)))return n;var r='"},r.prototype.image=function(e,t,n){if(null===(e=l(this.options.sanitize,this.options.baseUrl,e)))return n;var r=''+n+'":">"},r.prototype.text=function(e){return e},s.prototype.strong=s.prototype.em=s.prototype.codespan=s.prototype.del=s.prototype.text=function(e){return e},s.prototype.link=s.prototype.image=function(e,t,n){return ""+n},s.prototype.br=function(){return ""},h.parse=function(e,t){return new h(t).parse(e)},h.prototype.parse=function(e){this.inline=new p(e.links,this.options),this.inlineText=new p(e.links,d({},this.options,{renderer:new s})),this.tokens=e.reverse();for(var t="";this.next();)t+=this.tok();return t},h.prototype.next=function(){return this.token=this.tokens.pop(),this.token},h.prototype.peek=function(){return this.tokens[this.tokens.length-1]||0},h.prototype.parseText=function(){for(var e=this.token.text;"text"===this.peek().type;)e+="\n"+this.next().text;return this.inline.output(e)},h.prototype.tok=function(){switch(this.token.type){case"space":return "";case"hr":return this.renderer.hr();case"heading":return this.renderer.heading(this.inline.output(this.token.text),this.token.depth,c(this.inlineText.output(this.token.text)),this.slugger);case"code":return this.renderer.code(this.token.text,this.token.lang,this.token.escaped);case"table":var e,t,n,r,s="",i="";for(n="",e=0;e?@[\]^`{|}~]/g,"").replace(/\s/g,"-");if(this.seen.hasOwnProperty(t))for(var n=t;this.seen[n]++,t=n+"-"+this.seen[n],this.seen.hasOwnProperty(t););return this.seen[t]=0,t},u.escapeTest=/[&<>"']/,u.escapeReplace=/[&<>"']/g,u.replacements={"&":"&","<":"<",">":">",'"':""","'":"'"},u.escapeTestNoEncode=/[<>"']|&(?!#?\w+;)/,u.escapeReplaceNoEncode=/[<>"']|&(?!#?\w+;)/g;var o={},g=/^$|^[a-z][a-z0-9+.-]*:|^[?#]/i;function f(){}function d(e){for(var t,n,r=1;rt)n.splice(t);else for(;n.lengthAn error occurred:

                                                    "+u(e.message+"",!0)+"
                                                    ";throw e}}f.exec=f,b.options=b.setOptions=function(e){return d(b.defaults,e),b},b.getDefaults=function(){return {baseUrl:null,breaks:!1,gfm:!0,headerIds:!0,headerPrefix:"",highlight:null,langPrefix:"language-",mangle:!0,pedantic:!1,renderer:new r,sanitize:!1,sanitizer:null,silent:!1,smartLists:!1,smartypants:!1,tables:!0,xhtml:!1}},b.defaults=b.getDefaults(),b.Parser=h,b.parser=h.parse,b.Renderer=r,b.TextRenderer=s,b.Lexer=a,b.lexer=a.lex,b.InlineLexer=p,b.inlineLexer=p.output,b.Slugger=t,b.parse=b,module.exports=b;}(commonjsGlobal||("undefined"!=typeof window?window:commonjsGlobal)); +}); + +/*! + * PatternFly Elements: PfeMarkdown 1.0.0-prerelease.50 + * @license + * Copyright 2020 Red Hat, Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + * +*/ + +class PfeMarkdown extends PFElement { + static get version() { + return "1.0.0-prerelease.50"; + } + + get html() { + return ``; + } + + static get properties() { + return {}; + } + + static get slots() { + return {"default":{"title":"Markdown","type":"array","namedSlot":false,"items":{"oneOf":[{"$ref":"raw"}]}}}; + } + static get tag() { + return "pfe-markdown"; + } + + get templateUrl() { + return "pfe-markdown.html"; + } + + get styleUrl() { + return "pfe-markdown.scss"; + } + + get schemaUrl() { + return "pfe-markdown.json"; + } + + get markdown() { + return this._markdown; + } + + set markdown(text) { + if (!text) { + return; + } + + this._markdown = this._unindent(text); + this.renderMarkdown(); + } + + constructor() { + super(PfeMarkdown); + + this._markdown = null; + this._markdownRender = null; + this._markdownContainer = null; + this._observerConfig = { childList: true, subtree: true }; + this._readyStateChangeHandler = this._readyStateChangeHandler.bind(this); + + this.observer = new MutationObserver((mutationList, observer) => { + if (!this._markdownContainer.textContent) { + this._markdownRender.innerHTML = ""; + return; + } + + // TODO: when we stop supporting IE11, the need to disconnect and + // then reconnect will no longer be needed + observer.disconnect(); + this.markdown = this._markdownContainer.textContent; + this._muationObserve(); + }); + } + + connectedCallback() { + super.connectedCallback(); + + this._markdownRender = document.createElement("div"); + this._markdownRender.setAttribute("pfe-markdown-render", ""); + this.appendChild(this._markdownRender); + + this.shadowRoot.querySelector("slot").addEventListener("slotchange", () => { + if (!this._markdownContainer) { + this._markdownContainer = this.querySelector( + "[pfe-markdown-container]" + ); + this._markdownContainer.style.display = "none"; + + this._init(); + } + }); + } + + disconnectedCallback() { + this.observer.disconnect(); + } + + _readyStateChangeHandler(event) { + if (event.target.readyState === "complete") { + document.removeEventListener( + "readystatechange", + this._readyStateChangeHandler + ); + this._init(); + } + } + + _init() { + if (this._markdownContainer.textContent) { + this.markdown = this._markdownContainer.textContent; + } + + this._muationObserve(); + } + + renderMarkdown() { + this._markdownRender.innerHTML = marked_min(this.markdown); + } + + _muationObserve() { + this.observer.observe(this._markdownContainer, this._observerConfig); + } + + // pulled from https://github.com/PolymerElements/marked-element/blob/master/marked-element.js#L340 + _unindent(text) { + if (!text) { + return text; + } + + const lines = text.replace(/\t/g, " ").split("\n"); + const indent = lines.reduce(function(prev, line) { + if (/^\s*$/.test(line)) { + return prev; // Completely ignore blank lines. + } + + const lineIndent = line.match(/^(\s*)/)[0].length; + + if (prev === null) { + return lineIndent; + } + + return lineIndent < prev ? lineIndent : prev; + }, null); + + return lines + .map(function(l) { + return l.substr(indent); + }) + .join("\n"); + } +} + +PFElement.create(PfeMarkdown); + +export default PfeMarkdown; +//# sourceMappingURL=pfe-markdown.js.map diff --git a/elements/pfe-markdown/dist/pfe-markdown.js.map b/elements/pfe-markdown/dist/pfe-markdown.js.map new file mode 100644 index 0000000000..085c2350fb --- /dev/null +++ b/elements/pfe-markdown/dist/pfe-markdown.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-markdown.js","sources":["../../../node_modules/marked/marked.min.js","../_temp/pfe-markdown.js"],"sourcesContent":["/**\n * marked - a markdown parser\n * Copyright (c) 2011-2018, Christopher Jeffrey. (MIT Licensed)\n * https://github.com/markedjs/marked\n */\n!function(e){\"use strict\";var x={newline:/^\\n+/,code:/^( {4}[^\\n]+\\n*)+/,fences:f,hr:/^ {0,3}((?:- *){3,}|(?:_ *){3,}|(?:\\* *){3,})(?:\\n+|$)/,heading:/^ *(#{1,6}) *([^\\n]+?) *(?:#+ *)?(?:\\n+|$)/,nptable:f,blockquote:/^( {0,3}> ?(paragraph|[^\\n]*)(?:\\n|$))+/,list:/^( {0,3})(bull) [\\s\\S]+?(?:hr|def|\\n{2,}(?! )(?!\\1bull )\\n*|\\s*$)/,html:\"^ {0,3}(?:<(script|pre|style)[\\\\s>][\\\\s\\\\S]*?(?:[^\\\\n]*\\\\n+|$)|comment[^\\\\n]*(\\\\n+|$)|<\\\\?[\\\\s\\\\S]*?\\\\?>\\\\n*|\\\\n*|\\\\n*|)[\\\\s\\\\S]*?(?:\\\\n{2,}|$)|<(?!script|pre|style)([a-z][\\\\w-]*)(?:attribute)*? */?>(?=[ \\\\t]*(?:\\\\n|$))[\\\\s\\\\S]*?(?:\\\\n{2,}|$)|(?=[ \\\\t]*(?:\\\\n|$))[\\\\s\\\\S]*?(?:\\\\n{2,}|$))\",def:/^ {0,3}\\[(label)\\]: *\\n? *]+)>?(?:(?: +\\n? *| *\\n *)(title))? *(?:\\n+|$)/,table:f,lheading:/^([^\\n]+)\\n {0,3}(=|-){2,} *(?:\\n+|$)/,paragraph:/^([^\\n]+(?:\\n(?!hr|heading|lheading| {0,3}>|<\\/?(?:tag)(?: +|\\n|\\/?>)|<(?:script|pre|style|!--))[^\\n]+)*)/,text:/^[^\\n]+/};function a(e){this.tokens=[],this.tokens.links=Object.create(null),this.options=e||b.defaults,this.rules=x.normal,this.options.pedantic?this.rules=x.pedantic:this.options.gfm&&(this.options.tables?this.rules=x.tables:this.rules=x.gfm)}x._label=/(?!\\s*\\])(?:\\\\[\\[\\]]|[^\\[\\]])+/,x._title=/(?:\"(?:\\\\\"?|[^\"\\\\])*\"|'[^'\\n]*(?:\\n[^'\\n]+)*\\n?'|\\([^()]*\\))/,x.def=i(x.def).replace(\"label\",x._label).replace(\"title\",x._title).getRegex(),x.bullet=/(?:[*+-]|\\d{1,9}\\.)/,x.item=/^( *)(bull) ?[^\\n]*(?:\\n(?!\\1bull ?)[^\\n]*)*/,x.item=i(x.item,\"gm\").replace(/bull/g,x.bullet).getRegex(),x.list=i(x.list).replace(/bull/g,x.bullet).replace(\"hr\",\"\\\\n+(?=\\\\1?(?:(?:- *){3,}|(?:_ *){3,}|(?:\\\\* *){3,})(?:\\\\n+|$))\").replace(\"def\",\"\\\\n+(?=\"+x.def.source+\")\").getRegex(),x._tag=\"address|article|aside|base|basefont|blockquote|body|caption|center|col|colgroup|dd|details|dialog|dir|div|dl|dt|fieldset|figcaption|figure|footer|form|frame|frameset|h[1-6]|head|header|hr|html|iframe|legend|li|link|main|menu|menuitem|meta|nav|noframes|ol|optgroup|option|p|param|section|source|summary|table|tbody|td|tfoot|th|thead|title|tr|track|ul\",x._comment=//,x.html=i(x.html,\"i\").replace(\"comment\",x._comment).replace(\"tag\",x._tag).replace(\"attribute\",/ +[a-zA-Z:_][\\w.:-]*(?: *= *\"[^\"\\n]*\"| *= *'[^'\\n]*'| *= *[^\\s\"'=<>`]+)?/).getRegex(),x.paragraph=i(x.paragraph).replace(\"hr\",x.hr).replace(\"heading\",x.heading).replace(\"lheading\",x.lheading).replace(\"tag\",x._tag).getRegex(),x.blockquote=i(x.blockquote).replace(\"paragraph\",x.paragraph).getRegex(),x.normal=d({},x),x.gfm=d({},x.normal,{fences:/^ {0,3}(`{3,}|~{3,})([^`\\n]*)\\n(?:|([\\s\\S]*?)\\n)(?: {0,3}\\1[~`]* *(?:\\n+|$)|$)/,paragraph:/^/,heading:/^ *(#{1,6}) +([^\\n]+?) *#* *(?:\\n+|$)/}),x.gfm.paragraph=i(x.paragraph).replace(\"(?!\",\"(?!\"+x.gfm.fences.source.replace(\"\\\\1\",\"\\\\2\")+\"|\"+x.list.source.replace(\"\\\\1\",\"\\\\3\")+\"|\").getRegex(),x.tables=d({},x.gfm,{nptable:/^ *([^|\\n ].*\\|.*)\\n *([-:]+ *\\|[-| :]*)(?:\\n((?:.*[^>\\n ].*(?:\\n|$))*)\\n*|$)/,table:/^ *\\|(.+)\\n *\\|?( *[-:]+[-| :]*)(?:\\n((?: *[^>\\n ].*(?:\\n|$))*)\\n*|$)/}),x.pedantic=d({},x.normal,{html:i(\"^ *(?:comment *(?:\\\\n|\\\\s*$)|<(tag)[\\\\s\\\\S]+? *(?:\\\\n{2,}|\\\\s*$)|\\\\s]*)*?/?> *(?:\\\\n{2,}|\\\\s*$))\").replace(\"comment\",x._comment).replace(/tag/g,\"(?!(?:a|em|strong|small|s|cite|q|dfn|abbr|data|time|code|var|samp|kbd|sub|sup|i|b|u|mark|ruby|rt|rp|bdi|bdo|span|br|wbr|ins|del|img)\\\\b)\\\\w+(?!:|[^\\\\w\\\\s@]*@)\\\\b\").getRegex(),def:/^ *\\[([^\\]]+)\\]: *]+)>?(?: +([\"(][^\\n]+[\")]))? *(?:\\n+|$)/}),a.rules=x,a.lex=function(e,t){return new a(t).lex(e)},a.prototype.lex=function(e){return e=e.replace(/\\r\\n|\\r/g,\"\\n\").replace(/\\t/g,\" \").replace(/\\u00a0/g,\" \").replace(/\\u2424/g,\"\\n\"),this.token(e,!0)},a.prototype.token=function(e,t){var n,r,s,i,l,o,a,h,p,u,c,g,f,d,m,b;for(e=e.replace(/^ +$/gm,\"\");e;)if((s=this.rules.newline.exec(e))&&(e=e.substring(s[0].length),1 ?/gm,\"\"),this.token(s,t),this.tokens.push({type:\"blockquote_end\"});else if(s=this.rules.list.exec(e)){for(e=e.substring(s[0].length),a={type:\"list_start\",ordered:d=1<(i=s[2]).length,start:d?+i:\"\",loose:!1},this.tokens.push(a),n=!(h=[]),f=(s=s[0].match(this.rules.item)).length,c=0;c?@\\[\\]\\\\^_`{|}~])/,autolink:/^<(scheme:[^\\s\\x00-\\x1f<>]*|email)>/,url:f,tag:\"^comment|^|^<[a-zA-Z][\\\\w-]*(?:attribute)*?\\\\s*/?>|^<\\\\?[\\\\s\\\\S]*?\\\\?>|^|^\",link:/^!?\\[(label)\\]\\(href(?:\\s+(title))?\\s*\\)/,reflink:/^!?\\[(label)\\]\\[(?!\\s*\\])((?:\\\\[\\[\\]]?|[^\\[\\]\\\\])+)\\]/,nolink:/^!?\\[(?!\\s*\\])((?:\\[[^\\[\\]]*\\]|\\\\[\\[\\]]|[^\\[\\]])*)\\](?:\\[\\])?/,strong:/^__([^\\s_])__(?!_)|^\\*\\*([^\\s*])\\*\\*(?!\\*)|^__([^\\s][\\s\\S]*?[^\\s])__(?!_)|^\\*\\*([^\\s][\\s\\S]*?[^\\s])\\*\\*(?!\\*)/,em:/^_([^\\s_])_(?!_)|^\\*([^\\s*<\\[])\\*(?!\\*)|^_([^\\s<][\\s\\S]*?[^\\s_])_(?!_|[^\\spunctuation])|^_([^\\s_<][\\s\\S]*?[^\\s])_(?!_|[^\\spunctuation])|^\\*([^\\s<\"][\\s\\S]*?[^\\s\\*])\\*(?!\\*|[^\\spunctuation])|^\\*([^\\s*\"<\\[][\\s\\S]*?[^\\s])\\*(?!\\*)/,code:/^(`+)([^`]|[^`][\\s\\S]*?[^`])\\1(?!`)/,br:/^( {2,}|\\\\)\\n(?!\\s*$)/,del:f,text:/^(`+|[^`])(?:[\\s\\S]*?(?:(?=[\\\\?@\\\\[^_{|}~\",n.em=i(n.em).replace(/punctuation/g,n._punctuation).getRegex(),n._escapes=/\\\\([!\"#$%&'()*+,\\-./:;<=>?@\\[\\]\\\\^_`{|}~])/g,n._scheme=/[a-zA-Z][a-zA-Z0-9+.-]{1,31}/,n._email=/[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+(@)[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+(?![-_])/,n.autolink=i(n.autolink).replace(\"scheme\",n._scheme).replace(\"email\",n._email).getRegex(),n._attribute=/\\s+[a-zA-Z:_][\\w.:-]*(?:\\s*=\\s*\"[^\"]*\"|\\s*=\\s*'[^']*'|\\s*=\\s*[^\\s\"'=<>`]+)?/,n.tag=i(n.tag).replace(\"comment\",x._comment).replace(\"attribute\",n._attribute).getRegex(),n._label=/(?:\\[[^\\[\\]]*\\]|\\\\[\\[\\]]?|`[^`]*`|`(?!`)|[^\\[\\]\\\\`])*?/,n._href=/\\s*(<(?:\\\\[<>]?|[^\\s<>\\\\])*>|[^\\s\\x00-\\x1f]*)/,n._title=/\"(?:\\\\\"?|[^\"\\\\])*\"|'(?:\\\\'?|[^'\\\\])*'|\\((?:\\\\\\)?|[^)\\\\])*\\)/,n.link=i(n.link).replace(\"label\",n._label).replace(\"href\",n._href).replace(\"title\",n._title).getRegex(),n.reflink=i(n.reflink).replace(\"label\",n._label).getRegex(),n.normal=d({},n),n.pedantic=d({},n.normal,{strong:/^__(?=\\S)([\\s\\S]*?\\S)__(?!_)|^\\*\\*(?=\\S)([\\s\\S]*?\\S)\\*\\*(?!\\*)/,em:/^_(?=\\S)([\\s\\S]*?\\S)_(?!_)|^\\*(?=\\S)([\\s\\S]*?\\S)\\*(?!\\*)/,link:i(/^!?\\[(label)\\]\\((.*?)\\)/).replace(\"label\",n._label).getRegex(),reflink:i(/^!?\\[(label)\\]\\s*\\[([^\\]]*)\\]/).replace(\"label\",n._label).getRegex()}),n.gfm=d({},n.normal,{escape:i(n.escape).replace(\"])\",\"~|])\").getRegex(),_extended_email:/[A-Za-z0-9._+-]+(@)[a-zA-Z0-9-_]+(?:\\.[a-zA-Z0-9-_]*[a-zA-Z0-9])+(?![-_])/,url:/^((?:ftp|https?):\\/\\/|www\\.)(?:[a-zA-Z0-9\\-]+\\.?)+[^\\s<]*|^email/,_backpedal:/(?:[^?!.,:;*_~()&]+|\\([^)]*\\)|&(?![a-zA-Z0-9]+;$)|[?!.,:;*_~)]+(?!$))+/,del:/^~+(?=\\S)([\\s\\S]*?\\S)~+/,text:/^(`+|[^`])(?:[\\s\\S]*?(?:(?=[\\\\/i.test(i[0])&&(this.inLink=!1),!this.inRawBlock&&/^<(pre|code|kbd|script)(\\s|>)/i.test(i[0])?this.inRawBlock=!0:this.inRawBlock&&/^<\\/(pre|code|kbd|script)(\\s|>)/i.test(i[0])&&(this.inRawBlock=!1),e=e.substring(i[0].length),o+=this.options.sanitize?this.options.sanitizer?this.options.sanitizer(i[0]):u(i[0]):i[0];else if(i=this.rules.link.exec(e)){var a=m(i[2],\"()\");if(-1$/,\"$1\"),o+=this.outputLink(i,{href:p.escapes(r),title:p.escapes(s)}),this.inLink=!1}else if((i=this.rules.reflink.exec(e))||(i=this.rules.nolink.exec(e))){if(e=e.substring(i[0].length),t=(i[2]||i[1]).replace(/\\s+/g,\" \"),!(t=this.links[t.toLowerCase()])||!t.href){o+=i[0].charAt(0),e=i[0].substring(1)+e;continue}this.inLink=!0,o+=this.outputLink(i,t),this.inLink=!1}else if(i=this.rules.strong.exec(e))e=e.substring(i[0].length),o+=this.renderer.strong(this.output(i[4]||i[3]||i[2]||i[1]));else if(i=this.rules.em.exec(e))e=e.substring(i[0].length),o+=this.renderer.em(this.output(i[6]||i[5]||i[4]||i[3]||i[2]||i[1]));else if(i=this.rules.code.exec(e))e=e.substring(i[0].length),o+=this.renderer.codespan(u(i[2].trim(),!0));else if(i=this.rules.br.exec(e))e=e.substring(i[0].length),o+=this.renderer.br();else if(i=this.rules.del.exec(e))e=e.substring(i[0].length),o+=this.renderer.del(this.output(i[1]));else if(i=this.rules.autolink.exec(e))e=e.substring(i[0].length),r=\"@\"===i[2]?\"mailto:\"+(n=u(this.mangle(i[1]))):n=u(i[1]),o+=this.renderer.link(r,null,n);else if(this.inLink||!(i=this.rules.url.exec(e))){if(i=this.rules.text.exec(e))e=e.substring(i[0].length),this.inRawBlock?o+=this.renderer.text(i[0]):o+=this.renderer.text(u(this.smartypants(i[0])));else if(e)throw new Error(\"Infinite loop on byte: \"+e.charCodeAt(0))}else{if(\"@\"===i[2])r=\"mailto:\"+(n=u(i[0]));else{for(;l=i[0],i[0]=this.rules._backpedal.exec(i[0])[0],l!==i[0];);n=u(i[0]),r=\"www.\"===i[1]?\"http://\"+n:n}e=e.substring(i[0].length),o+=this.renderer.link(r,null,n)}return o},p.escapes=function(e){return e?e.replace(p.rules._escapes,\"$1\"):e},p.prototype.outputLink=function(e,t){var n=t.href,r=t.title?u(t.title):null;return\"!\"!==e[0].charAt(0)?this.renderer.link(n,r,this.output(e[1])):this.renderer.image(n,r,u(e[1]))},p.prototype.smartypants=function(e){return this.options.smartypants?e.replace(/---/g,\"—\").replace(/--/g,\"–\").replace(/(^|[-\\u2014/(\\[{\"\\s])'/g,\"$1‘\").replace(/'/g,\"’\").replace(/(^|[-\\u2014/(\\[{\\u2018\\s])\"/g,\"$1“\").replace(/\"/g,\"”\").replace(/\\.{3}/g,\"…\"):e},p.prototype.mangle=function(e){if(!this.options.mangle)return e;for(var t,n=\"\",r=e.length,s=0;s'+(n?e:u(e,!0))+\"\\n\":\"
                                                    \"+(n?e:u(e,!0))+\"
                                                    \"},r.prototype.blockquote=function(e){return\"
                                                    \\n\"+e+\"
                                                    \\n\"},r.prototype.html=function(e){return e},r.prototype.heading=function(e,t,n,r){return this.options.headerIds?\"'+e+\"\\n\":\"\"+e+\"\\n\"},r.prototype.hr=function(){return this.options.xhtml?\"
                                                    \\n\":\"
                                                    \\n\"},r.prototype.list=function(e,t,n){var r=t?\"ol\":\"ul\";return\"<\"+r+(t&&1!==n?' start=\"'+n+'\"':\"\")+\">\\n\"+e+\"\\n\"},r.prototype.listitem=function(e){return\"
                                                  • \"+e+\"
                                                    • \\n\"},r.prototype.checkbox=function(e){return\" \"},r.prototype.paragraph=function(e){return\"

                                                    \"+e+\"

                                                    \\n\"},r.prototype.table=function(e,t){return t&&(t=\"\"+t+\"\"),\"\\n\\n\"+e+\"\\n\"+t+\"
                                                    \\n\"},r.prototype.tablerow=function(e){return\"\\n\"+e+\"\\n\"},r.prototype.tablecell=function(e,t){var n=t.header?\"th\":\"td\";return(t.align?\"<\"+n+' align=\"'+t.align+'\">':\"<\"+n+\">\")+e+\"\\n\"},r.prototype.strong=function(e){return\"\"+e+\"\"},r.prototype.em=function(e){return\"\"+e+\"\"},r.prototype.codespan=function(e){return\"\"+e+\"\"},r.prototype.br=function(){return this.options.xhtml?\"
                                                    \":\"
                                                    \"},r.prototype.del=function(e){return\"\"+e+\"\"},r.prototype.link=function(e,t,n){if(null===(e=l(this.options.sanitize,this.options.baseUrl,e)))return n;var r='                                                    \"+n+\"\"},r.prototype.image=function(e,t,n){if(null===(e=l(this.options.sanitize,this.options.baseUrl,e)))return n;var r='\"'+n+'\"';return\":\">\"},r.prototype.text=function(e){return e},s.prototype.strong=s.prototype.em=s.prototype.codespan=s.prototype.del=s.prototype.text=function(e){return e},s.prototype.link=s.prototype.image=function(e,t,n){return\"\"+n},s.prototype.br=function(){return\"\"},h.parse=function(e,t){return new h(t).parse(e)},h.prototype.parse=function(e){this.inline=new p(e.links,this.options),this.inlineText=new p(e.links,d({},this.options,{renderer:new s})),this.tokens=e.reverse();for(var t=\"\";this.next();)t+=this.tok();return t},h.prototype.next=function(){return this.token=this.tokens.pop(),this.token},h.prototype.peek=function(){return this.tokens[this.tokens.length-1]||0},h.prototype.parseText=function(){for(var e=this.token.text;\"text\"===this.peek().type;)e+=\"\\n\"+this.next().text;return this.inline.output(e)},h.prototype.tok=function(){switch(this.token.type){case\"space\":return\"\";case\"hr\":return this.renderer.hr();case\"heading\":return this.renderer.heading(this.inline.output(this.token.text),this.token.depth,c(this.inlineText.output(this.token.text)),this.slugger);case\"code\":return this.renderer.code(this.token.text,this.token.lang,this.token.escaped);case\"table\":var e,t,n,r,s=\"\",i=\"\";for(n=\"\",e=0;e?@[\\]^`{|}~]/g,\"\").replace(/\\s/g,\"-\");if(this.seen.hasOwnProperty(t))for(var n=t;this.seen[n]++,t=n+\"-\"+this.seen[n],this.seen.hasOwnProperty(t););return this.seen[t]=0,t},u.escapeTest=/[&<>\"']/,u.escapeReplace=/[&<>\"']/g,u.replacements={\"&\":\"&\",\"<\":\"<\",\">\":\">\",'\"':\""\",\"'\":\"'\"},u.escapeTestNoEncode=/[<>\"']|&(?!#?\\w+;)/,u.escapeReplaceNoEncode=/[<>\"']|&(?!#?\\w+;)/g;var o={},g=/^$|^[a-z][a-z0-9+.-]*:|^[?#]/i;function f(){}function d(e){for(var t,n,r=1;rt)n.splice(t);else for(;n.lengthAn error occurred:

                                                    \"+u(e.message+\"\",!0)+\"
                                                    \";throw e}}f.exec=f,b.options=b.setOptions=function(e){return d(b.defaults,e),b},b.getDefaults=function(){return{baseUrl:null,breaks:!1,gfm:!0,headerIds:!0,headerPrefix:\"\",highlight:null,langPrefix:\"language-\",mangle:!0,pedantic:!1,renderer:new r,sanitize:!1,sanitizer:null,silent:!1,smartLists:!1,smartypants:!1,tables:!0,xhtml:!1}},b.defaults=b.getDefaults(),b.Parser=h,b.parser=h.parse,b.Renderer=r,b.TextRenderer=s,b.Lexer=a,b.lexer=a.lex,b.InlineLexer=p,b.inlineLexer=p.output,b.Slugger=t,b.parse=b,\"undefined\"!=typeof module&&\"object\"==typeof exports?module.exports=b:\"function\"==typeof define&&define.amd?define(function(){return b}):e.marked=b}(this||(\"undefined\"!=typeof window?window:global));","/*!\n * PatternFly Elements: PfeMarkdown 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\nimport PFElement from \"../../pfelement/dist/pfelement.js\";\nimport marked from \"marked/marked.min.js\";\n\nclass PfeMarkdown extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return ``;\n }\n\n static get properties() {\n return {};\n }\n\n static get slots() {\n return {\"default\":{\"title\":\"Markdown\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-markdown\";\n }\n\n get templateUrl() {\n return \"pfe-markdown.html\";\n }\n\n get styleUrl() {\n return \"pfe-markdown.scss\";\n }\n\n get schemaUrl() {\n return \"pfe-markdown.json\";\n }\n\n get markdown() {\n return this._markdown;\n }\n\n set markdown(text) {\n if (!text) {\n return;\n }\n\n this._markdown = this._unindent(text);\n this.renderMarkdown();\n }\n\n constructor() {\n super(PfeMarkdown);\n\n this._markdown = null;\n this._markdownRender = null;\n this._markdownContainer = null;\n this._observerConfig = { childList: true, subtree: true };\n this._readyStateChangeHandler = this._readyStateChangeHandler.bind(this);\n\n this.observer = new MutationObserver((mutationList, observer) => {\n if (!this._markdownContainer.textContent) {\n this._markdownRender.innerHTML = \"\";\n return;\n }\n\n // TODO: when we stop supporting IE11, the need to disconnect and\n // then reconnect will no longer be needed\n observer.disconnect();\n this.markdown = this._markdownContainer.textContent;\n this._muationObserve();\n });\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this._markdownRender = document.createElement(\"div\");\n this._markdownRender.setAttribute(\"pfe-markdown-render\", \"\");\n this.appendChild(this._markdownRender);\n\n this.shadowRoot.querySelector(\"slot\").addEventListener(\"slotchange\", () => {\n if (!this._markdownContainer) {\n this._markdownContainer = this.querySelector(\n \"[pfe-markdown-container]\"\n );\n this._markdownContainer.style.display = \"none\";\n\n this._init();\n }\n });\n }\n\n disconnectedCallback() {\n this.observer.disconnect();\n }\n\n _readyStateChangeHandler(event) {\n if (event.target.readyState === \"complete\") {\n document.removeEventListener(\n \"readystatechange\",\n this._readyStateChangeHandler\n );\n this._init();\n }\n }\n\n _init() {\n if (this._markdownContainer.textContent) {\n this.markdown = this._markdownContainer.textContent;\n }\n\n this._muationObserve();\n }\n\n renderMarkdown() {\n this._markdownRender.innerHTML = marked(this.markdown);\n }\n\n _muationObserve() {\n this.observer.observe(this._markdownContainer, this._observerConfig);\n }\n\n // pulled from https://github.com/PolymerElements/marked-element/blob/master/marked-element.js#L340\n _unindent(text) {\n if (!text) {\n return text;\n }\n\n const lines = text.replace(/\\t/g, \" \").split(\"\\n\");\n const indent = lines.reduce(function(prev, line) {\n if (/^\\s*$/.test(line)) {\n return prev; // Completely ignore blank lines.\n }\n\n const lineIndent = line.match(/^(\\s*)/)[0].length;\n\n if (prev === null) {\n return lineIndent;\n }\n\n return lineIndent < prev ? lineIndent : prev;\n }, null);\n\n return lines\n .map(function(l) {\n return l.substr(indent);\n })\n .join(\"\\n\");\n }\n}\n\nPFElement.create(PfeMarkdown);\n\nexport default PfeMarkdown;\n"],"names":["this","global","marked"],"mappings":"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AC,QAAQ,CAAC,EAAE,EAAE,CAAC,IAAI,SAAS,CAAC,OAAO,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,MAAM,CAAC,OAAO,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,CA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AAC,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,EAAC,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAC,CAAC,KAAK,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,E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"} \ No newline at end of file diff --git a/elements/pfe-markdown/dist/pfe-markdown.json b/elements/pfe-markdown/dist/pfe-markdown.json new file mode 100644 index 0000000000..025d3b465a --- /dev/null +++ b/elements/pfe-markdown/dist/pfe-markdown.json @@ -0,0 +1,37 @@ +{ + "$schema": "http://json-schema.org/draft-04/schema#", + "title": "Markdown", + "description": "This element converts markdown into HTML.", + "type": "object", + "tag": "pfe-markdown", + "class": "pfe-markdown", + "category": "container", + "properties": { + "slots": { + "title": "Slots", + "description": "Definition of the supported slots", + "type": "object", + "properties": { + "default": { + "title": "Markdown", + "type": "array", + "namedSlot": false, + "items": { + "oneOf": [ + { + "$ref": "raw" + } + ] + } + } + } + }, + "attributes": { + "title": "Attributes", + "type": "object", + "properties": {} + } + }, + "required": ["slots", "attributes"], + "additionalProperties": false +} diff --git a/elements/pfe-markdown/dist/pfe-markdown.min.js b/elements/pfe-markdown/dist/pfe-markdown.min.js new file mode 100644 index 0000000000..100eabfac7 --- /dev/null +++ b/elements/pfe-markdown/dist/pfe-markdown.min.js @@ -0,0 +1,26 @@ +import e from"../../pfelement/dist/pfelement.min.js";var t="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};var n,r=(function(e,n){!function(t){var n={newline:/^\n+/,code:/^( {4}[^\n]+\n*)+/,fences:m,hr:/^ {0,3}((?:- *){3,}|(?:_ *){3,}|(?:\* *){3,})(?:\n+|$)/,heading:/^ *(#{1,6}) *([^\n]+?) *(?:#+ *)?(?:\n+|$)/,nptable:m,blockquote:/^( {0,3}> ?(paragraph|[^\n]*)(?:\n|$))+/,list:/^( {0,3})(bull) [\s\S]+?(?:hr|def|\n{2,}(?! )(?!\1bull )\n*|\s*$)/,html:"^ {0,3}(?:<(script|pre|style)[\\s>][\\s\\S]*?(?:[^\\n]*\\n+|$)|comment[^\\n]*(\\n+|$)|<\\?[\\s\\S]*?\\?>\\n*|\\n*|\\n*|)[\\s\\S]*?(?:\\n{2,}|$)|<(?!script|pre|style)([a-z][\\w-]*)(?:attribute)*? */?>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:\\n{2,}|$)|(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:\\n{2,}|$))",def:/^ {0,3}\[(label)\]: *\n? *]+)>?(?:(?: +\n? *| *\n *)(title))? *(?:\n+|$)/,table:m,lheading:/^([^\n]+)\n {0,3}(=|-){2,} *(?:\n+|$)/,paragraph:/^([^\n]+(?:\n(?!hr|heading|lheading| {0,3}>|<\/?(?:tag)(?: +|\n|\/?>)|<(?:script|pre|style|!--))[^\n]+)*)/,text:/^[^\n]+/};function r(e){this.tokens=[],this.tokens.links=Object.create(null),this.options=e||y.defaults,this.rules=n.normal,this.options.pedantic?this.rules=n.pedantic:this.options.gfm&&(this.options.tables?this.rules=n.tables:this.rules=n.gfm)}n._label=/(?!\s*\])(?:\\[\[\]]|[^\[\]])+/,n._title=/(?:"(?:\\"?|[^"\\])*"|'[^'\n]*(?:\n[^'\n]+)*\n?'|\([^()]*\))/,n.def=u(n.def).replace("label",n._label).replace("title",n._title).getRegex(),n.bullet=/(?:[*+-]|\d{1,9}\.)/,n.item=/^( *)(bull) ?[^\n]*(?:\n(?!\1bull ?)[^\n]*)*/,n.item=u(n.item,"gm").replace(/bull/g,n.bullet).getRegex(),n.list=u(n.list).replace(/bull/g,n.bullet).replace("hr","\\n+(?=\\1?(?:(?:- *){3,}|(?:_ *){3,}|(?:\\* *){3,})(?:\\n+|$))").replace("def","\\n+(?="+n.def.source+")").getRegex(),n._tag="address|article|aside|base|basefont|blockquote|body|caption|center|col|colgroup|dd|details|dialog|dir|div|dl|dt|fieldset|figcaption|figure|footer|form|frame|frameset|h[1-6]|head|header|hr|html|iframe|legend|li|link|main|menu|menuitem|meta|nav|noframes|ol|optgroup|option|p|param|section|source|summary|table|tbody|td|tfoot|th|thead|title|tr|track|ul",n._comment=//,n.html=u(n.html,"i").replace("comment",n._comment).replace("tag",n._tag).replace("attribute",/ +[a-zA-Z:_][\w.:-]*(?: *= *"[^"\n]*"| *= *'[^'\n]*'| *= *[^\s"'=<>`]+)?/).getRegex(),n.paragraph=u(n.paragraph).replace("hr",n.hr).replace("heading",n.heading).replace("lheading",n.lheading).replace("tag",n._tag).getRegex(),n.blockquote=u(n.blockquote).replace("paragraph",n.paragraph).getRegex(),n.normal=k({},n),n.gfm=k({},n.normal,{fences:/^ {0,3}(`{3,}|~{3,})([^`\n]*)\n(?:|([\s\S]*?)\n)(?: {0,3}\1[~`]* *(?:\n+|$)|$)/,paragraph:/^/,heading:/^ *(#{1,6}) +([^\n]+?) *#* *(?:\n+|$)/}),n.gfm.paragraph=u(n.paragraph).replace("(?!","(?!"+n.gfm.fences.source.replace("\\1","\\2")+"|"+n.list.source.replace("\\1","\\3")+"|").getRegex(),n.tables=k({},n.gfm,{nptable:/^ *([^|\n ].*\|.*)\n *([-:]+ *\|[-| :]*)(?:\n((?:.*[^>\n ].*(?:\n|$))*)\n*|$)/,table:/^ *\|(.+)\n *\|?( *[-:]+[-| :]*)(?:\n((?: *[^>\n ].*(?:\n|$))*)\n*|$)/}),n.pedantic=k({},n.normal,{html:u("^ *(?:comment *(?:\\n|\\s*$)|<(tag)[\\s\\S]+? *(?:\\n{2,}|\\s*$)|\\s]*)*?/?> *(?:\\n{2,}|\\s*$))").replace("comment",n._comment).replace(/tag/g,"(?!(?:a|em|strong|small|s|cite|q|dfn|abbr|data|time|code|var|samp|kbd|sub|sup|i|b|u|mark|ruby|rt|rp|bdi|bdo|span|br|wbr|ins|del|img)\\b)\\w+(?!:|[^\\w\\s@]*@)\\b").getRegex(),def:/^ *\[([^\]]+)\]: *]+)>?(?: +(["(][^\n]+[")]))? *(?:\n+|$)/}),r.rules=n,r.lex=function(e,t){return new r(t).lex(e)},r.prototype.lex=function(e){return e=e.replace(/\r\n|\r/g,"\n").replace(/\t/g," ").replace(/\u00a0/g," ").replace(/\u2424/g,"\n"),this.token(e,!0)},r.prototype.token=function(e,t){var r,s,i,o,a,l,h,p,c,u,d,g,f,m,k,_;for(e=e.replace(/^ +$/gm,"");e;)if((i=this.rules.newline.exec(e))&&(e=e.substring(i[0].length),1 ?/gm,""),this.token(i,t),this.tokens.push({type:"blockquote_end"});else if(i=this.rules.list.exec(e)){for(e=e.substring(i[0].length),h={type:"list_start",ordered:m=1<(o=i[2]).length,start:m?+o:"",loose:!1},this.tokens.push(h),r=!(p=[]),f=(i=i[0].match(this.rules.item)).length,d=0;d?@\[\]\\^_`{|}~])/,autolink:/^<(scheme:[^\s\x00-\x1f<>]*|email)>/,url:m,tag:"^comment|^|^<[a-zA-Z][\\w-]*(?:attribute)*?\\s*/?>|^<\\?[\\s\\S]*?\\?>|^|^",link:/^!?\[(label)\]\(href(?:\s+(title))?\s*\)/,reflink:/^!?\[(label)\]\[(?!\s*\])((?:\\[\[\]]?|[^\[\]\\])+)\]/,nolink:/^!?\[(?!\s*\])((?:\[[^\[\]]*\]|\\[\[\]]|[^\[\]])*)\](?:\[\])?/,strong:/^__([^\s_])__(?!_)|^\*\*([^\s*])\*\*(?!\*)|^__([^\s][\s\S]*?[^\s])__(?!_)|^\*\*([^\s][\s\S]*?[^\s])\*\*(?!\*)/,em:/^_([^\s_])_(?!_)|^\*([^\s*<\[])\*(?!\*)|^_([^\s<][\s\S]*?[^\s_])_(?!_|[^\spunctuation])|^_([^\s_<][\s\S]*?[^\s])_(?!_|[^\spunctuation])|^\*([^\s<"][\s\S]*?[^\s\*])\*(?!\*|[^\spunctuation])|^\*([^\s*"<\[][\s\S]*?[^\s])\*(?!\*)/,code:/^(`+)([^`]|[^`][\s\S]*?[^`])\1(?!`)/,br:/^( {2,}|\\)\n(?!\s*$)/,del:m,text:/^(`+|[^`])(?:[\s\S]*?(?:(?=[\\?@\\[^_{|}~",s.em=u(s.em).replace(/punctuation/g,s._punctuation).getRegex(),s._escapes=/\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/g,s._scheme=/[a-zA-Z][a-zA-Z0-9+.-]{1,31}/,s._email=/[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+(@)[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+(?![-_])/,s.autolink=u(s.autolink).replace("scheme",s._scheme).replace("email",s._email).getRegex(),s._attribute=/\s+[a-zA-Z:_][\w.:-]*(?:\s*=\s*"[^"]*"|\s*=\s*'[^']*'|\s*=\s*[^\s"'=<>`]+)?/,s.tag=u(s.tag).replace("comment",n._comment).replace("attribute",s._attribute).getRegex(),s._label=/(?:\[[^\[\]]*\]|\\[\[\]]?|`[^`]*`|`(?!`)|[^\[\]\\`])*?/,s._href=/\s*(<(?:\\[<>]?|[^\s<>\\])*>|[^\s\x00-\x1f]*)/,s._title=/"(?:\\"?|[^"\\])*"|'(?:\\'?|[^'\\])*'|\((?:\\\)?|[^)\\])*\)/,s.link=u(s.link).replace("label",s._label).replace("href",s._href).replace("title",s._title).getRegex(),s.reflink=u(s.reflink).replace("label",s._label).getRegex(),s.normal=k({},s),s.pedantic=k({},s.normal,{strong:/^__(?=\S)([\s\S]*?\S)__(?!_)|^\*\*(?=\S)([\s\S]*?\S)\*\*(?!\*)/,em:/^_(?=\S)([\s\S]*?\S)_(?!_)|^\*(?=\S)([\s\S]*?\S)\*(?!\*)/,link:u(/^!?\[(label)\]\((.*?)\)/).replace("label",s._label).getRegex(),reflink:u(/^!?\[(label)\]\s*\[([^\]]*)\]/).replace("label",s._label).getRegex()}),s.gfm=k({},s.normal,{escape:u(s.escape).replace("])","~|])").getRegex(),_extended_email:/[A-Za-z0-9._+-]+(@)[a-zA-Z0-9-_]+(?:\.[a-zA-Z0-9-_]*[a-zA-Z0-9])+(?![-_])/,url:/^((?:ftp|https?):\/\/|www\.)(?:[a-zA-Z0-9\-]+\.?)+[^\s<]*|^email/,_backpedal:/(?:[^?!.,:;*_~()&]+|\([^)]*\)|&(?![a-zA-Z0-9]+;$)|[?!.,:;*_~)]+(?!$))+/,del:/^~+(?=\S)([\s\S]*?\S)~+/,text:/^(`+|[^`])(?:[\s\S]*?(?:(?=[\\/i.test(o[0])&&(this.inLink=!1),!this.inRawBlock&&/^<(pre|code|kbd|script)(\s|>)/i.test(o[0])?this.inRawBlock=!0:this.inRawBlock&&/^<\/(pre|code|kbd|script)(\s|>)/i.test(o[0])&&(this.inRawBlock=!1),e=e.substring(o[0].length),l+=this.options.sanitize?this.options.sanitizer?this.options.sanitizer(o[0]):p(o[0]):o[0];else if(o=this.rules.link.exec(e)){var h=_(o[2],"()");if(-1$/,"$1"),l+=this.outputLink(o,{href:i.escapes(r),title:i.escapes(s)}),this.inLink=!1}else if((o=this.rules.reflink.exec(e))||(o=this.rules.nolink.exec(e))){if(e=e.substring(o[0].length),t=(o[2]||o[1]).replace(/\s+/g," "),!(t=this.links[t.toLowerCase()])||!t.href){l+=o[0].charAt(0),e=o[0].substring(1)+e;continue}this.inLink=!0,l+=this.outputLink(o,t),this.inLink=!1}else if(o=this.rules.strong.exec(e))e=e.substring(o[0].length),l+=this.renderer.strong(this.output(o[4]||o[3]||o[2]||o[1]));else if(o=this.rules.em.exec(e))e=e.substring(o[0].length),l+=this.renderer.em(this.output(o[6]||o[5]||o[4]||o[3]||o[2]||o[1]));else if(o=this.rules.code.exec(e))e=e.substring(o[0].length),l+=this.renderer.codespan(p(o[2].trim(),!0));else if(o=this.rules.br.exec(e))e=e.substring(o[0].length),l+=this.renderer.br();else if(o=this.rules.del.exec(e))e=e.substring(o[0].length),l+=this.renderer.del(this.output(o[1]));else if(o=this.rules.autolink.exec(e))e=e.substring(o[0].length),r="@"===o[2]?"mailto:"+(n=p(this.mangle(o[1]))):n=p(o[1]),l+=this.renderer.link(r,null,n);else if(this.inLink||!(o=this.rules.url.exec(e))){if(o=this.rules.text.exec(e))e=e.substring(o[0].length),this.inRawBlock?l+=this.renderer.text(o[0]):l+=this.renderer.text(p(this.smartypants(o[0])));else if(e)throw new Error("Infinite loop on byte: "+e.charCodeAt(0))}else{if("@"===o[2])r="mailto:"+(n=p(o[0]));else{for(;a=o[0],o[0]=this.rules._backpedal.exec(o[0])[0],a!==o[0];);n=p(o[0]),r="www."===o[1]?"http://"+n:n}e=e.substring(o[0].length),l+=this.renderer.link(r,null,n)}return l},i.escapes=function(e){return e?e.replace(i.rules._escapes,"$1"):e},i.prototype.outputLink=function(e,t){var n=t.href,r=t.title?p(t.title):null;return"!"!==e[0].charAt(0)?this.renderer.link(n,r,this.output(e[1])):this.renderer.image(n,r,p(e[1]))},i.prototype.smartypants=function(e){return this.options.smartypants?e.replace(/---/g,"—").replace(/--/g,"–").replace(/(^|[-\u2014/(\[{"\s])'/g,"$1‘").replace(/'/g,"’").replace(/(^|[-\u2014/(\[{\u2018\s])"/g,"$1“").replace(/"/g,"”").replace(/\.{3}/g,"…"):e},i.prototype.mangle=function(e){if(!this.options.mangle)return e;for(var t,n="",r=e.length,s=0;s'+(n?e:p(e,!0))+"\n":"
                                                    "+(n?e:p(e,!0))+"
                                                    "},o.prototype.blockquote=function(e){return"
                                                    \n"+e+"
                                                    \n"},o.prototype.html=function(e){return e},o.prototype.heading=function(e,t,n,r){return this.options.headerIds?"'+e+"\n":""+e+"\n"},o.prototype.hr=function(){return this.options.xhtml?"
                                                    \n":"
                                                    \n"},o.prototype.list=function(e,t,n){var r=t?"ol":"ul";return"<"+r+(t&&1!==n?' start="'+n+'"':"")+">\n"+e+"\n"},o.prototype.listitem=function(e){return"
                                                  • "+e+"
                                                    • \n"},o.prototype.checkbox=function(e){return" "},o.prototype.paragraph=function(e){return"

                                                    "+e+"

                                                    \n"},o.prototype.table=function(e,t){return t&&(t=""+t+""),"\n\n"+e+"\n"+t+"
                                                    \n"},o.prototype.tablerow=function(e){return"\n"+e+"\n"},o.prototype.tablecell=function(e,t){var n=t.header?"th":"td";return(t.align?"<"+n+' align="'+t.align+'">':"<"+n+">")+e+"\n"},o.prototype.strong=function(e){return""+e+""},o.prototype.em=function(e){return""+e+""},o.prototype.codespan=function(e){return""+e+""},o.prototype.br=function(){return this.options.xhtml?"
                                                    ":"
                                                    "},o.prototype.del=function(e){return""+e+""},o.prototype.link=function(e,t,n){if(null===(e=d(this.options.sanitize,this.options.baseUrl,e)))return n;var r='"+n+""},o.prototype.image=function(e,t,n){if(null===(e=d(this.options.sanitize,this.options.baseUrl,e)))return n;var r=''+n+'":">")},o.prototype.text=function(e){return e},a.prototype.strong=a.prototype.em=a.prototype.codespan=a.prototype.del=a.prototype.text=function(e){return e},a.prototype.link=a.prototype.image=function(e,t,n){return""+n},a.prototype.br=function(){return""},l.parse=function(e,t){return new l(t).parse(e)},l.prototype.parse=function(e){this.inline=new i(e.links,this.options),this.inlineText=new i(e.links,k({},this.options,{renderer:new a})),this.tokens=e.reverse();for(var t="";this.next();)t+=this.tok();return t},l.prototype.next=function(){return this.token=this.tokens.pop(),this.token},l.prototype.peek=function(){return this.tokens[this.tokens.length-1]||0},l.prototype.parseText=function(){for(var e=this.token.text;"text"===this.peek().type;)e+="\n"+this.next().text;return this.inline.output(e)},l.prototype.tok=function(){switch(this.token.type){case"space":return"";case"hr":return this.renderer.hr();case"heading":return this.renderer.heading(this.inline.output(this.token.text),this.token.depth,c(this.inlineText.output(this.token.text)),this.slugger);case"code":return this.renderer.code(this.token.text,this.token.lang,this.token.escaped);case"table":var e,t,n,r,s="",i="";for(n="",e=0;e?@[\]^`{|}~]/g,"").replace(/\s/g,"-");if(this.seen.hasOwnProperty(t))for(var n=t;this.seen[n]++,t=n+"-"+this.seen[n],this.seen.hasOwnProperty(t););return this.seen[t]=0,t},p.escapeTest=/[&<>"']/,p.escapeReplace=/[&<>"']/g,p.replacements={"&":"&","<":"<",">":">",'"':""","'":"'"},p.escapeTestNoEncode=/[<>"']|&(?!#?\w+;)/,p.escapeReplaceNoEncode=/[<>"']|&(?!#?\w+;)/g;var g={},f=/^$|^[a-z][a-z0-9+.-]*:|^[?#]/i;function m(){}function k(e){for(var t,n,r=1;rt)n.splice(t);else for(;n.lengthAn error occurred:

                                                    "+p(e.message+"",!0)+"
                                                    ";throw e}}m.exec=m,y.options=y.setOptions=function(e){return k(y.defaults,e),y},y.getDefaults=function(){return{baseUrl:null,breaks:!1,gfm:!0,headerIds:!0,headerPrefix:"",highlight:null,langPrefix:"language-",mangle:!0,pedantic:!1,renderer:new o,sanitize:!1,sanitizer:null,silent:!1,smartLists:!1,smartypants:!1,tables:!0,xhtml:!1}},y.defaults=y.getDefaults(),y.Parser=l,y.parser=l.parse,y.Renderer=o,y.TextRenderer=a,y.Lexer=r,y.lexer=r.lex,y.InlineLexer=i,y.inlineLexer=i.output,y.Slugger=h,y.parse=y,e.exports=y}(t||"undefined"!=typeof window&&window)}(n={exports:{}},n.exports),n.exports); +/*! + * PatternFly Elements: PfeMarkdown 1.0.0-prerelease.50 + * @license + * Copyright 2020 Red Hat, Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + * +*/class s extends e{static get version(){return"1.0.0-prerelease.50"}get html(){return""}static get properties(){return{}}static get slots(){return{default:{title:"Markdown",type:"array",namedSlot:!1,items:{oneOf:[{$ref:"raw"}]}}}}static get tag(){return"pfe-markdown"}get templateUrl(){return"pfe-markdown.html"}get styleUrl(){return"pfe-markdown.scss"}get schemaUrl(){return"pfe-markdown.json"}get markdown(){return this._markdown}set markdown(e){e&&(this._markdown=this._unindent(e),this.renderMarkdown())}constructor(){super(s),this._markdown=null,this._markdownRender=null,this._markdownContainer=null,this._observerConfig={childList:!0,subtree:!0},this._readyStateChangeHandler=this._readyStateChangeHandler.bind(this),this.observer=new MutationObserver((e,t)=>{this._markdownContainer.textContent?(t.disconnect(),this.markdown=this._markdownContainer.textContent,this._muationObserve()):this._markdownRender.innerHTML=""})}connectedCallback(){super.connectedCallback(),this._markdownRender=document.createElement("div"),this._markdownRender.setAttribute("pfe-markdown-render",""),this.appendChild(this._markdownRender),this.shadowRoot.querySelector("slot").addEventListener("slotchange",()=>{this._markdownContainer||(this._markdownContainer=this.querySelector("[pfe-markdown-container]"),this._markdownContainer.style.display="none",this._init())})}disconnectedCallback(){this.observer.disconnect()}_readyStateChangeHandler(e){"complete"===e.target.readyState&&(document.removeEventListener("readystatechange",this._readyStateChangeHandler),this._init())}_init(){this._markdownContainer.textContent&&(this.markdown=this._markdownContainer.textContent),this._muationObserve()}renderMarkdown(){this._markdownRender.innerHTML=r(this.markdown)}_muationObserve(){this.observer.observe(this._markdownContainer,this._observerConfig)}_unindent(e){if(!e)return e;const t=e.replace(/\t/g," ").split("\n"),n=t.reduce(function(e,t){if(/^\s*$/.test(t))return e;const n=t.match(/^(\s*)/)[0].length;return null===e?n:n ?(paragraph|[^\\n]*)(?:\\n|$))+/,list:/^( {0,3})(bull) [\\s\\S]+?(?:hr|def|\\n{2,}(?! )(?!\\1bull )\\n*|\\s*$)/,html:\"^ {0,3}(?:<(script|pre|style)[\\\\s>][\\\\s\\\\S]*?(?:[^\\\\n]*\\\\n+|$)|comment[^\\\\n]*(\\\\n+|$)|<\\\\?[\\\\s\\\\S]*?\\\\?>\\\\n*|\\\\n*|\\\\n*|)[\\\\s\\\\S]*?(?:\\\\n{2,}|$)|<(?!script|pre|style)([a-z][\\\\w-]*)(?:attribute)*? */?>(?=[ \\\\t]*(?:\\\\n|$))[\\\\s\\\\S]*?(?:\\\\n{2,}|$)|(?=[ \\\\t]*(?:\\\\n|$))[\\\\s\\\\S]*?(?:\\\\n{2,}|$))\",def:/^ {0,3}\\[(label)\\]: *\\n? *]+)>?(?:(?: +\\n? *| *\\n *)(title))? *(?:\\n+|$)/,table:f,lheading:/^([^\\n]+)\\n {0,3}(=|-){2,} *(?:\\n+|$)/,paragraph:/^([^\\n]+(?:\\n(?!hr|heading|lheading| {0,3}>|<\\/?(?:tag)(?: +|\\n|\\/?>)|<(?:script|pre|style|!--))[^\\n]+)*)/,text:/^[^\\n]+/};function a(e){this.tokens=[],this.tokens.links=Object.create(null),this.options=e||b.defaults,this.rules=x.normal,this.options.pedantic?this.rules=x.pedantic:this.options.gfm&&(this.options.tables?this.rules=x.tables:this.rules=x.gfm)}x._label=/(?!\\s*\\])(?:\\\\[\\[\\]]|[^\\[\\]])+/,x._title=/(?:\"(?:\\\\\"?|[^\"\\\\])*\"|'[^'\\n]*(?:\\n[^'\\n]+)*\\n?'|\\([^()]*\\))/,x.def=i(x.def).replace(\"label\",x._label).replace(\"title\",x._title).getRegex(),x.bullet=/(?:[*+-]|\\d{1,9}\\.)/,x.item=/^( *)(bull) ?[^\\n]*(?:\\n(?!\\1bull ?)[^\\n]*)*/,x.item=i(x.item,\"gm\").replace(/bull/g,x.bullet).getRegex(),x.list=i(x.list).replace(/bull/g,x.bullet).replace(\"hr\",\"\\\\n+(?=\\\\1?(?:(?:- *){3,}|(?:_ *){3,}|(?:\\\\* *){3,})(?:\\\\n+|$))\").replace(\"def\",\"\\\\n+(?=\"+x.def.source+\")\").getRegex(),x._tag=\"address|article|aside|base|basefont|blockquote|body|caption|center|col|colgroup|dd|details|dialog|dir|div|dl|dt|fieldset|figcaption|figure|footer|form|frame|frameset|h[1-6]|head|header|hr|html|iframe|legend|li|link|main|menu|menuitem|meta|nav|noframes|ol|optgroup|option|p|param|section|source|summary|table|tbody|td|tfoot|th|thead|title|tr|track|ul\",x._comment=//,x.html=i(x.html,\"i\").replace(\"comment\",x._comment).replace(\"tag\",x._tag).replace(\"attribute\",/ +[a-zA-Z:_][\\w.:-]*(?: *= *\"[^\"\\n]*\"| *= *'[^'\\n]*'| *= *[^\\s\"'=<>`]+)?/).getRegex(),x.paragraph=i(x.paragraph).replace(\"hr\",x.hr).replace(\"heading\",x.heading).replace(\"lheading\",x.lheading).replace(\"tag\",x._tag).getRegex(),x.blockquote=i(x.blockquote).replace(\"paragraph\",x.paragraph).getRegex(),x.normal=d({},x),x.gfm=d({},x.normal,{fences:/^ {0,3}(`{3,}|~{3,})([^`\\n]*)\\n(?:|([\\s\\S]*?)\\n)(?: {0,3}\\1[~`]* *(?:\\n+|$)|$)/,paragraph:/^/,heading:/^ *(#{1,6}) +([^\\n]+?) *#* *(?:\\n+|$)/}),x.gfm.paragraph=i(x.paragraph).replace(\"(?!\",\"(?!\"+x.gfm.fences.source.replace(\"\\\\1\",\"\\\\2\")+\"|\"+x.list.source.replace(\"\\\\1\",\"\\\\3\")+\"|\").getRegex(),x.tables=d({},x.gfm,{nptable:/^ *([^|\\n ].*\\|.*)\\n *([-:]+ *\\|[-| :]*)(?:\\n((?:.*[^>\\n ].*(?:\\n|$))*)\\n*|$)/,table:/^ *\\|(.+)\\n *\\|?( *[-:]+[-| :]*)(?:\\n((?: *[^>\\n ].*(?:\\n|$))*)\\n*|$)/}),x.pedantic=d({},x.normal,{html:i(\"^ *(?:comment *(?:\\\\n|\\\\s*$)|<(tag)[\\\\s\\\\S]+? *(?:\\\\n{2,}|\\\\s*$)|\\\\s]*)*?/?> *(?:\\\\n{2,}|\\\\s*$))\").replace(\"comment\",x._comment).replace(/tag/g,\"(?!(?:a|em|strong|small|s|cite|q|dfn|abbr|data|time|code|var|samp|kbd|sub|sup|i|b|u|mark|ruby|rt|rp|bdi|bdo|span|br|wbr|ins|del|img)\\\\b)\\\\w+(?!:|[^\\\\w\\\\s@]*@)\\\\b\").getRegex(),def:/^ *\\[([^\\]]+)\\]: *]+)>?(?: +([\"(][^\\n]+[\")]))? *(?:\\n+|$)/}),a.rules=x,a.lex=function(e,t){return new a(t).lex(e)},a.prototype.lex=function(e){return e=e.replace(/\\r\\n|\\r/g,\"\\n\").replace(/\\t/g,\" \").replace(/\\u00a0/g,\" \").replace(/\\u2424/g,\"\\n\"),this.token(e,!0)},a.prototype.token=function(e,t){var n,r,s,i,l,o,a,h,p,u,c,g,f,d,m,b;for(e=e.replace(/^ +$/gm,\"\");e;)if((s=this.rules.newline.exec(e))&&(e=e.substring(s[0].length),1 ?/gm,\"\"),this.token(s,t),this.tokens.push({type:\"blockquote_end\"});else if(s=this.rules.list.exec(e)){for(e=e.substring(s[0].length),a={type:\"list_start\",ordered:d=1<(i=s[2]).length,start:d?+i:\"\",loose:!1},this.tokens.push(a),n=!(h=[]),f=(s=s[0].match(this.rules.item)).length,c=0;c?@\\[\\]\\\\^_`{|}~])/,autolink:/^<(scheme:[^\\s\\x00-\\x1f<>]*|email)>/,url:f,tag:\"^comment|^|^<[a-zA-Z][\\\\w-]*(?:attribute)*?\\\\s*/?>|^<\\\\?[\\\\s\\\\S]*?\\\\?>|^|^\",link:/^!?\\[(label)\\]\\(href(?:\\s+(title))?\\s*\\)/,reflink:/^!?\\[(label)\\]\\[(?!\\s*\\])((?:\\\\[\\[\\]]?|[^\\[\\]\\\\])+)\\]/,nolink:/^!?\\[(?!\\s*\\])((?:\\[[^\\[\\]]*\\]|\\\\[\\[\\]]|[^\\[\\]])*)\\](?:\\[\\])?/,strong:/^__([^\\s_])__(?!_)|^\\*\\*([^\\s*])\\*\\*(?!\\*)|^__([^\\s][\\s\\S]*?[^\\s])__(?!_)|^\\*\\*([^\\s][\\s\\S]*?[^\\s])\\*\\*(?!\\*)/,em:/^_([^\\s_])_(?!_)|^\\*([^\\s*<\\[])\\*(?!\\*)|^_([^\\s<][\\s\\S]*?[^\\s_])_(?!_|[^\\spunctuation])|^_([^\\s_<][\\s\\S]*?[^\\s])_(?!_|[^\\spunctuation])|^\\*([^\\s<\"][\\s\\S]*?[^\\s\\*])\\*(?!\\*|[^\\spunctuation])|^\\*([^\\s*\"<\\[][\\s\\S]*?[^\\s])\\*(?!\\*)/,code:/^(`+)([^`]|[^`][\\s\\S]*?[^`])\\1(?!`)/,br:/^( {2,}|\\\\)\\n(?!\\s*$)/,del:f,text:/^(`+|[^`])(?:[\\s\\S]*?(?:(?=[\\\\?@\\\\[^_{|}~\",n.em=i(n.em).replace(/punctuation/g,n._punctuation).getRegex(),n._escapes=/\\\\([!\"#$%&'()*+,\\-./:;<=>?@\\[\\]\\\\^_`{|}~])/g,n._scheme=/[a-zA-Z][a-zA-Z0-9+.-]{1,31}/,n._email=/[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+(@)[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+(?![-_])/,n.autolink=i(n.autolink).replace(\"scheme\",n._scheme).replace(\"email\",n._email).getRegex(),n._attribute=/\\s+[a-zA-Z:_][\\w.:-]*(?:\\s*=\\s*\"[^\"]*\"|\\s*=\\s*'[^']*'|\\s*=\\s*[^\\s\"'=<>`]+)?/,n.tag=i(n.tag).replace(\"comment\",x._comment).replace(\"attribute\",n._attribute).getRegex(),n._label=/(?:\\[[^\\[\\]]*\\]|\\\\[\\[\\]]?|`[^`]*`|`(?!`)|[^\\[\\]\\\\`])*?/,n._href=/\\s*(<(?:\\\\[<>]?|[^\\s<>\\\\])*>|[^\\s\\x00-\\x1f]*)/,n._title=/\"(?:\\\\\"?|[^\"\\\\])*\"|'(?:\\\\'?|[^'\\\\])*'|\\((?:\\\\\\)?|[^)\\\\])*\\)/,n.link=i(n.link).replace(\"label\",n._label).replace(\"href\",n._href).replace(\"title\",n._title).getRegex(),n.reflink=i(n.reflink).replace(\"label\",n._label).getRegex(),n.normal=d({},n),n.pedantic=d({},n.normal,{strong:/^__(?=\\S)([\\s\\S]*?\\S)__(?!_)|^\\*\\*(?=\\S)([\\s\\S]*?\\S)\\*\\*(?!\\*)/,em:/^_(?=\\S)([\\s\\S]*?\\S)_(?!_)|^\\*(?=\\S)([\\s\\S]*?\\S)\\*(?!\\*)/,link:i(/^!?\\[(label)\\]\\((.*?)\\)/).replace(\"label\",n._label).getRegex(),reflink:i(/^!?\\[(label)\\]\\s*\\[([^\\]]*)\\]/).replace(\"label\",n._label).getRegex()}),n.gfm=d({},n.normal,{escape:i(n.escape).replace(\"])\",\"~|])\").getRegex(),_extended_email:/[A-Za-z0-9._+-]+(@)[a-zA-Z0-9-_]+(?:\\.[a-zA-Z0-9-_]*[a-zA-Z0-9])+(?![-_])/,url:/^((?:ftp|https?):\\/\\/|www\\.)(?:[a-zA-Z0-9\\-]+\\.?)+[^\\s<]*|^email/,_backpedal:/(?:[^?!.,:;*_~()&]+|\\([^)]*\\)|&(?![a-zA-Z0-9]+;$)|[?!.,:;*_~)]+(?!$))+/,del:/^~+(?=\\S)([\\s\\S]*?\\S)~+/,text:/^(`+|[^`])(?:[\\s\\S]*?(?:(?=[\\\\/i.test(i[0])&&(this.inLink=!1),!this.inRawBlock&&/^<(pre|code|kbd|script)(\\s|>)/i.test(i[0])?this.inRawBlock=!0:this.inRawBlock&&/^<\\/(pre|code|kbd|script)(\\s|>)/i.test(i[0])&&(this.inRawBlock=!1),e=e.substring(i[0].length),o+=this.options.sanitize?this.options.sanitizer?this.options.sanitizer(i[0]):u(i[0]):i[0];else if(i=this.rules.link.exec(e)){var a=m(i[2],\"()\");if(-1$/,\"$1\"),o+=this.outputLink(i,{href:p.escapes(r),title:p.escapes(s)}),this.inLink=!1}else if((i=this.rules.reflink.exec(e))||(i=this.rules.nolink.exec(e))){if(e=e.substring(i[0].length),t=(i[2]||i[1]).replace(/\\s+/g,\" \"),!(t=this.links[t.toLowerCase()])||!t.href){o+=i[0].charAt(0),e=i[0].substring(1)+e;continue}this.inLink=!0,o+=this.outputLink(i,t),this.inLink=!1}else if(i=this.rules.strong.exec(e))e=e.substring(i[0].length),o+=this.renderer.strong(this.output(i[4]||i[3]||i[2]||i[1]));else if(i=this.rules.em.exec(e))e=e.substring(i[0].length),o+=this.renderer.em(this.output(i[6]||i[5]||i[4]||i[3]||i[2]||i[1]));else if(i=this.rules.code.exec(e))e=e.substring(i[0].length),o+=this.renderer.codespan(u(i[2].trim(),!0));else if(i=this.rules.br.exec(e))e=e.substring(i[0].length),o+=this.renderer.br();else if(i=this.rules.del.exec(e))e=e.substring(i[0].length),o+=this.renderer.del(this.output(i[1]));else if(i=this.rules.autolink.exec(e))e=e.substring(i[0].length),r=\"@\"===i[2]?\"mailto:\"+(n=u(this.mangle(i[1]))):n=u(i[1]),o+=this.renderer.link(r,null,n);else if(this.inLink||!(i=this.rules.url.exec(e))){if(i=this.rules.text.exec(e))e=e.substring(i[0].length),this.inRawBlock?o+=this.renderer.text(i[0]):o+=this.renderer.text(u(this.smartypants(i[0])));else if(e)throw new Error(\"Infinite loop on byte: \"+e.charCodeAt(0))}else{if(\"@\"===i[2])r=\"mailto:\"+(n=u(i[0]));else{for(;l=i[0],i[0]=this.rules._backpedal.exec(i[0])[0],l!==i[0];);n=u(i[0]),r=\"www.\"===i[1]?\"http://\"+n:n}e=e.substring(i[0].length),o+=this.renderer.link(r,null,n)}return o},p.escapes=function(e){return e?e.replace(p.rules._escapes,\"$1\"):e},p.prototype.outputLink=function(e,t){var n=t.href,r=t.title?u(t.title):null;return\"!\"!==e[0].charAt(0)?this.renderer.link(n,r,this.output(e[1])):this.renderer.image(n,r,u(e[1]))},p.prototype.smartypants=function(e){return this.options.smartypants?e.replace(/---/g,\"—\").replace(/--/g,\"–\").replace(/(^|[-\\u2014/(\\[{\"\\s])'/g,\"$1‘\").replace(/'/g,\"’\").replace(/(^|[-\\u2014/(\\[{\\u2018\\s])\"/g,\"$1“\").replace(/\"/g,\"”\").replace(/\\.{3}/g,\"…\"):e},p.prototype.mangle=function(e){if(!this.options.mangle)return e;for(var t,n=\"\",r=e.length,s=0;s'+(n?e:u(e,!0))+\"\\n\":\"
                                                    \"+(n?e:u(e,!0))+\"
                                                    \"},r.prototype.blockquote=function(e){return\"
                                                    \\n\"+e+\"
                                                    \\n\"},r.prototype.html=function(e){return e},r.prototype.heading=function(e,t,n,r){return this.options.headerIds?\"'+e+\"\\n\":\"\"+e+\"\\n\"},r.prototype.hr=function(){return this.options.xhtml?\"
                                                    \\n\":\"
                                                    \\n\"},r.prototype.list=function(e,t,n){var r=t?\"ol\":\"ul\";return\"<\"+r+(t&&1!==n?' start=\"'+n+'\"':\"\")+\">\\n\"+e+\"\\n\"},r.prototype.listitem=function(e){return\"
                                                  • \"+e+\"
                                                    • \\n\"},r.prototype.checkbox=function(e){return\" \"},r.prototype.paragraph=function(e){return\"

                                                    \"+e+\"

                                                    \\n\"},r.prototype.table=function(e,t){return t&&(t=\"\"+t+\"\"),\"\\n\\n\"+e+\"\\n\"+t+\"
                                                    \\n\"},r.prototype.tablerow=function(e){return\"\\n\"+e+\"\\n\"},r.prototype.tablecell=function(e,t){var n=t.header?\"th\":\"td\";return(t.align?\"<\"+n+' align=\"'+t.align+'\">':\"<\"+n+\">\")+e+\"\\n\"},r.prototype.strong=function(e){return\"\"+e+\"\"},r.prototype.em=function(e){return\"\"+e+\"\"},r.prototype.codespan=function(e){return\"\"+e+\"\"},r.prototype.br=function(){return this.options.xhtml?\"
                                                    \":\"
                                                    \"},r.prototype.del=function(e){return\"\"+e+\"\"},r.prototype.link=function(e,t,n){if(null===(e=l(this.options.sanitize,this.options.baseUrl,e)))return n;var r='\"+n+\"\"},r.prototype.image=function(e,t,n){if(null===(e=l(this.options.sanitize,this.options.baseUrl,e)))return n;var r='\"'+n+'\"';return\":\">\"},r.prototype.text=function(e){return e},s.prototype.strong=s.prototype.em=s.prototype.codespan=s.prototype.del=s.prototype.text=function(e){return e},s.prototype.link=s.prototype.image=function(e,t,n){return\"\"+n},s.prototype.br=function(){return\"\"},h.parse=function(e,t){return new h(t).parse(e)},h.prototype.parse=function(e){this.inline=new p(e.links,this.options),this.inlineText=new p(e.links,d({},this.options,{renderer:new s})),this.tokens=e.reverse();for(var t=\"\";this.next();)t+=this.tok();return t},h.prototype.next=function(){return this.token=this.tokens.pop(),this.token},h.prototype.peek=function(){return this.tokens[this.tokens.length-1]||0},h.prototype.parseText=function(){for(var e=this.token.text;\"text\"===this.peek().type;)e+=\"\\n\"+this.next().text;return this.inline.output(e)},h.prototype.tok=function(){switch(this.token.type){case\"space\":return\"\";case\"hr\":return this.renderer.hr();case\"heading\":return this.renderer.heading(this.inline.output(this.token.text),this.token.depth,c(this.inlineText.output(this.token.text)),this.slugger);case\"code\":return this.renderer.code(this.token.text,this.token.lang,this.token.escaped);case\"table\":var e,t,n,r,s=\"\",i=\"\";for(n=\"\",e=0;e?@[\\]^`{|}~]/g,\"\").replace(/\\s/g,\"-\");if(this.seen.hasOwnProperty(t))for(var n=t;this.seen[n]++,t=n+\"-\"+this.seen[n],this.seen.hasOwnProperty(t););return this.seen[t]=0,t},u.escapeTest=/[&<>\"']/,u.escapeReplace=/[&<>\"']/g,u.replacements={\"&\":\"&\",\"<\":\"<\",\">\":\">\",'\"':\""\",\"'\":\"'\"},u.escapeTestNoEncode=/[<>\"']|&(?!#?\\w+;)/,u.escapeReplaceNoEncode=/[<>\"']|&(?!#?\\w+;)/g;var o={},g=/^$|^[a-z][a-z0-9+.-]*:|^[?#]/i;function f(){}function d(e){for(var t,n,r=1;rt)n.splice(t);else for(;n.lengthAn error occurred:

                                                    \"+u(e.message+\"\",!0)+\"
                                                    \";throw e}}f.exec=f,b.options=b.setOptions=function(e){return d(b.defaults,e),b},b.getDefaults=function(){return{baseUrl:null,breaks:!1,gfm:!0,headerIds:!0,headerPrefix:\"\",highlight:null,langPrefix:\"language-\",mangle:!0,pedantic:!1,renderer:new r,sanitize:!1,sanitizer:null,silent:!1,smartLists:!1,smartypants:!1,tables:!0,xhtml:!1}},b.defaults=b.getDefaults(),b.Parser=h,b.parser=h.parse,b.Renderer=r,b.TextRenderer=s,b.Lexer=a,b.lexer=a.lex,b.InlineLexer=p,b.inlineLexer=p.output,b.Slugger=t,b.parse=b,\"undefined\"!=typeof module&&\"object\"==typeof exports?module.exports=b:\"function\"==typeof define&&define.amd?define(function(){return b}):e.marked=b}(this||(\"undefined\"!=typeof window?window:global));","/*!\n * PatternFly Elements: PfeMarkdown 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\nimport PFElement from \"../../pfelement/dist/pfelement.js\";\nimport marked from \"marked/marked.min.js\";\n\nclass PfeMarkdown extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return ``;\n }\n\n static get properties() {\n return {};\n }\n\n static get slots() {\n return {\"default\":{\"title\":\"Markdown\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-markdown\";\n }\n\n get templateUrl() {\n return \"pfe-markdown.html\";\n }\n\n get styleUrl() {\n return \"pfe-markdown.scss\";\n }\n\n get schemaUrl() {\n return \"pfe-markdown.json\";\n }\n\n get markdown() {\n return this._markdown;\n }\n\n set markdown(text) {\n if (!text) {\n return;\n }\n\n this._markdown = this._unindent(text);\n this.renderMarkdown();\n }\n\n constructor() {\n super(PfeMarkdown);\n\n this._markdown = null;\n this._markdownRender = null;\n this._markdownContainer = null;\n this._observerConfig = { childList: true, subtree: true };\n this._readyStateChangeHandler = this._readyStateChangeHandler.bind(this);\n\n this.observer = new MutationObserver((mutationList, observer) => {\n if (!this._markdownContainer.textContent) {\n this._markdownRender.innerHTML = \"\";\n return;\n }\n\n // TODO: when we stop supporting IE11, the need to disconnect and\n // then reconnect will no longer be needed\n observer.disconnect();\n this.markdown = this._markdownContainer.textContent;\n this._muationObserve();\n });\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this._markdownRender = document.createElement(\"div\");\n this._markdownRender.setAttribute(\"pfe-markdown-render\", \"\");\n this.appendChild(this._markdownRender);\n\n this.shadowRoot.querySelector(\"slot\").addEventListener(\"slotchange\", () => {\n if (!this._markdownContainer) {\n this._markdownContainer = this.querySelector(\n \"[pfe-markdown-container]\"\n );\n this._markdownContainer.style.display = \"none\";\n\n this._init();\n }\n });\n }\n\n disconnectedCallback() {\n this.observer.disconnect();\n }\n\n _readyStateChangeHandler(event) {\n if (event.target.readyState === \"complete\") {\n document.removeEventListener(\n \"readystatechange\",\n this._readyStateChangeHandler\n );\n this._init();\n }\n }\n\n _init() {\n if (this._markdownContainer.textContent) {\n this.markdown = this._markdownContainer.textContent;\n }\n\n this._muationObserve();\n }\n\n renderMarkdown() {\n this._markdownRender.innerHTML = marked(this.markdown);\n }\n\n _muationObserve() {\n this.observer.observe(this._markdownContainer, this._observerConfig);\n }\n\n // pulled from https://github.com/PolymerElements/marked-element/blob/master/marked-element.js#L340\n _unindent(text) {\n if (!text) {\n return text;\n }\n\n const lines = text.replace(/\\t/g, \" \").split(\"\\n\");\n const indent = lines.reduce(function(prev, line) {\n if (/^\\s*$/.test(line)) {\n return prev; // Completely ignore blank lines.\n }\n\n const lineIndent = line.match(/^(\\s*)/)[0].length;\n\n if (prev === null) {\n return lineIndent;\n }\n\n return lineIndent < prev ? lineIndent : prev;\n }, null);\n\n return lines\n .map(function(l) {\n return l.substr(indent);\n })\n .join(\"\\n\");\n }\n}\n\nPFElement.create(PfeMarkdown);\n\nexport default PfeMarkdown;\n"],"names":["e","x","newline","code","fences","f","hr","heading","nptable","blockquote","list","html","def","table","lheading","paragraph","text","a","this","tokens","links","Object","create","options","b","defaults","rules","normal","pedantic","gfm","tables","_label","_title","i","replace","getRegex","bullet","item","source","_tag","_comment","d","lex","t","prototype","token","n","r","s","l","o","h","p","u","c","g","m","exec","substring","length","push","type","k","trimRight","codeBlockStyle","_","lang","trim","depth","header","y","align","split","cells","test","ordered","start","loose","match","indexOf","RegExp","smartLists","slice","join","charAt","task","checked","sanitize","pre","sanitizer","toLowerCase","href","title","Error","charCodeAt","escape","autolink","url","tag","link","reflink","nolink","strong","em","br","del","renderer","breaks","slugger","seen","escapeTest","escapeReplace","replacements","escapeTestNoEncode","escapeReplaceNoEncode","String","fromCharCode","parseInt","decodeURIComponent","encodeURI","_punctuation","_escapes","_scheme","_email","_attribute","_href","_extended_email","_backpedal","output","inLink","inRawBlock","outputLink","escapes","codespan","mangle","smartypants","image","Math","random","toString","highlight","langPrefix","headerIds","headerPrefix","slug","xhtml","listitem","checkbox","tablerow","tablecell","baseUrl","parse","inline","inlineText","reverse","next","tok","pop","peek","parseText","escaped","silent","console","log","hasOwnProperty","&","<",">","\"","'","arguments","call","splice","substr","message","setOptions","getDefaults","Parser","parser","Renderer","TextRenderer","Lexer","lexer","InlineLexer","inlineLexer","Slugger","module","window","PfeMarkdown","PFElement","version","properties","slots","default","namedSlot","items","oneOf","$ref","templateUrl","styleUrl","schemaUrl","markdown","_markdown","_unindent","renderMarkdown","[object Object]","super","_markdownRender","_markdownContainer","_observerConfig","childList","subtree","_readyStateChangeHandler","bind","observer","MutationObserver","mutationList","textContent","disconnect","_muationObserve","innerHTML","connectedCallback","document","createElement","setAttribute","appendChild","shadowRoot","querySelector","addEventListener","style","display","_init","event","target","readyState","removeEventListener","marked","observe","lines","indent","reduce","prev","line","lineIndent","map"],"mappings":"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"} \ No newline at end of file diff --git a/elements/pfe-markdown/dist/pfe-markdown.umd.js b/elements/pfe-markdown/dist/pfe-markdown.umd.js new file mode 100644 index 0000000000..42a6161b75 --- /dev/null +++ b/elements/pfe-markdown/dist/pfe-markdown.umd.js @@ -0,0 +1,554 @@ +(function (global, factory) { + typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('../../pfelement/dist/pfelement.umd')) : + typeof define === 'function' && define.amd ? define(['../../pfelement/dist/pfelement.umd'], factory) : + (global.PfeMarkdown = factory(global.PFElement)); +}(this, (function (PFElement) { 'use strict'; + + PFElement = PFElement && PFElement.hasOwnProperty('default') ? PFElement['default'] : PFElement; + + var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {}; + + function createCommonjsModule(fn, module) { + return module = { exports: {} }, fn(module, module.exports), module.exports; + } + + var marked_min = createCommonjsModule(function (module, exports) { + /** + * marked - a markdown parser + * Copyright (c) 2011-2018, Christopher Jeffrey. (MIT Licensed) + * https://github.com/markedjs/marked + */ + !function (e) { + var x = { newline: /^\n+/, code: /^( {4}[^\n]+\n*)+/, fences: f, hr: /^ {0,3}((?:- *){3,}|(?:_ *){3,}|(?:\* *){3,})(?:\n+|$)/, heading: /^ *(#{1,6}) *([^\n]+?) *(?:#+ *)?(?:\n+|$)/, nptable: f, blockquote: /^( {0,3}> ?(paragraph|[^\n]*)(?:\n|$))+/, list: /^( {0,3})(bull) [\s\S]+?(?:hr|def|\n{2,}(?! )(?!\1bull )\n*|\s*$)/, html: "^ {0,3}(?:<(script|pre|style)[\\s>][\\s\\S]*?(?:[^\\n]*\\n+|$)|comment[^\\n]*(\\n+|$)|<\\?[\\s\\S]*?\\?>\\n*|\\n*|\\n*|)[\\s\\S]*?(?:\\n{2,}|$)|<(?!script|pre|style)([a-z][\\w-]*)(?:attribute)*? */?>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:\\n{2,}|$)|(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:\\n{2,}|$))", def: /^ {0,3}\[(label)\]: *\n? *]+)>?(?:(?: +\n? *| *\n *)(title))? *(?:\n+|$)/, table: f, lheading: /^([^\n]+)\n {0,3}(=|-){2,} *(?:\n+|$)/, paragraph: /^([^\n]+(?:\n(?!hr|heading|lheading| {0,3}>|<\/?(?:tag)(?: +|\n|\/?>)|<(?:script|pre|style|!--))[^\n]+)*)/, text: /^[^\n]+/ };function a(e) { + this.tokens = [], this.tokens.links = Object.create(null), this.options = e || b.defaults, this.rules = x.normal, this.options.pedantic ? this.rules = x.pedantic : this.options.gfm && (this.options.tables ? this.rules = x.tables : this.rules = x.gfm); + }x._label = /(?!\s*\])(?:\\[\[\]]|[^\[\]])+/, x._title = /(?:"(?:\\"?|[^"\\])*"|'[^'\n]*(?:\n[^'\n]+)*\n?'|\([^()]*\))/, x.def = i(x.def).replace("label", x._label).replace("title", x._title).getRegex(), x.bullet = /(?:[*+-]|\d{1,9}\.)/, x.item = /^( *)(bull) ?[^\n]*(?:\n(?!\1bull ?)[^\n]*)*/, x.item = i(x.item, "gm").replace(/bull/g, x.bullet).getRegex(), x.list = i(x.list).replace(/bull/g, x.bullet).replace("hr", "\\n+(?=\\1?(?:(?:- *){3,}|(?:_ *){3,}|(?:\\* *){3,})(?:\\n+|$))").replace("def", "\\n+(?=" + x.def.source + ")").getRegex(), x._tag = "address|article|aside|base|basefont|blockquote|body|caption|center|col|colgroup|dd|details|dialog|dir|div|dl|dt|fieldset|figcaption|figure|footer|form|frame|frameset|h[1-6]|head|header|hr|html|iframe|legend|li|link|main|menu|menuitem|meta|nav|noframes|ol|optgroup|option|p|param|section|source|summary|table|tbody|td|tfoot|th|thead|title|tr|track|ul", x._comment = //, x.html = i(x.html, "i").replace("comment", x._comment).replace("tag", x._tag).replace("attribute", / +[a-zA-Z:_][\w.:-]*(?: *= *"[^"\n]*"| *= *'[^'\n]*'| *= *[^\s"'=<>`]+)?/).getRegex(), x.paragraph = i(x.paragraph).replace("hr", x.hr).replace("heading", x.heading).replace("lheading", x.lheading).replace("tag", x._tag).getRegex(), x.blockquote = i(x.blockquote).replace("paragraph", x.paragraph).getRegex(), x.normal = d({}, x), x.gfm = d({}, x.normal, { fences: /^ {0,3}(`{3,}|~{3,})([^`\n]*)\n(?:|([\s\S]*?)\n)(?: {0,3}\1[~`]* *(?:\n+|$)|$)/, paragraph: /^/, heading: /^ *(#{1,6}) +([^\n]+?) *#* *(?:\n+|$)/ }), x.gfm.paragraph = i(x.paragraph).replace("(?!", "(?!" + x.gfm.fences.source.replace("\\1", "\\2") + "|" + x.list.source.replace("\\1", "\\3") + "|").getRegex(), x.tables = d({}, x.gfm, { nptable: /^ *([^|\n ].*\|.*)\n *([-:]+ *\|[-| :]*)(?:\n((?:.*[^>\n ].*(?:\n|$))*)\n*|$)/, table: /^ *\|(.+)\n *\|?( *[-:]+[-| :]*)(?:\n((?: *[^>\n ].*(?:\n|$))*)\n*|$)/ }), x.pedantic = d({}, x.normal, { html: i("^ *(?:comment *(?:\\n|\\s*$)|<(tag)[\\s\\S]+? *(?:\\n{2,}|\\s*$)|\\s]*)*?/?> *(?:\\n{2,}|\\s*$))").replace("comment", x._comment).replace(/tag/g, "(?!(?:a|em|strong|small|s|cite|q|dfn|abbr|data|time|code|var|samp|kbd|sub|sup|i|b|u|mark|ruby|rt|rp|bdi|bdo|span|br|wbr|ins|del|img)\\b)\\w+(?!:|[^\\w\\s@]*@)\\b").getRegex(), def: /^ *\[([^\]]+)\]: *]+)>?(?: +(["(][^\n]+[")]))? *(?:\n+|$)/ }), a.rules = x, a.lex = function (e, t) { + return new a(t).lex(e); + }, a.prototype.lex = function (e) { + return e = e.replace(/\r\n|\r/g, "\n").replace(/\t/g, " ").replace(/\u00a0/g, " ").replace(/\u2424/g, "\n"), this.token(e, !0); + }, a.prototype.token = function (e, t) { + var n, r, s, i, l, o, a, h, p, u, c, g, f, d, m, b;for (e = e.replace(/^ +$/gm, ""); e;) { + if ((s = this.rules.newline.exec(e)) && (e = e.substring(s[0].length), 1 < s[0].length && this.tokens.push({ type: "space" })), s = this.rules.code.exec(e)) { + var k = this.tokens[this.tokens.length - 1];e = e.substring(s[0].length), k && "paragraph" === k.type ? k.text += "\n" + s[0].trimRight() : (s = s[0].replace(/^ {4}/gm, ""), this.tokens.push({ type: "code", codeBlockStyle: "indented", text: this.options.pedantic ? s : _(s, "\n") })); + } else if (s = this.rules.fences.exec(e)) e = e.substring(s[0].length), this.tokens.push({ type: "code", lang: s[2] ? s[2].trim() : s[2], text: s[3] || "" });else if (s = this.rules.heading.exec(e)) e = e.substring(s[0].length), this.tokens.push({ type: "heading", depth: s[1].length, text: s[2] });else if ((s = this.rules.nptable.exec(e)) && (o = { type: "table", header: y(s[1].replace(/^ *| *\| *$/g, "")), align: s[2].replace(/^ *|\| *$/g, "").split(/ *\| */), cells: s[3] ? s[3].replace(/\n$/, "").split("\n") : [] }).header.length === o.align.length) { + for (e = e.substring(s[0].length), c = 0; c < o.align.length; c++) { + /^ *-+: *$/.test(o.align[c]) ? o.align[c] = "right" : /^ *:-+: *$/.test(o.align[c]) ? o.align[c] = "center" : /^ *:-+ *$/.test(o.align[c]) ? o.align[c] = "left" : o.align[c] = null; + }for (c = 0; c < o.cells.length; c++) { + o.cells[c] = y(o.cells[c], o.header.length); + }this.tokens.push(o); + } else if (s = this.rules.hr.exec(e)) e = e.substring(s[0].length), this.tokens.push({ type: "hr" });else if (s = this.rules.blockquote.exec(e)) e = e.substring(s[0].length), this.tokens.push({ type: "blockquote_start" }), s = s[0].replace(/^ *> ?/gm, ""), this.token(s, t), this.tokens.push({ type: "blockquote_end" });else if (s = this.rules.list.exec(e)) { + for (e = e.substring(s[0].length), a = { type: "list_start", ordered: d = 1 < (i = s[2]).length, start: d ? +i : "", loose: !1 }, this.tokens.push(a), n = !(h = []), f = (s = s[0].match(this.rules.item)).length, c = 0; c < f; c++) { + u = (o = s[c]).length, ~(o = o.replace(/^ *([*+-]|\d+\.) */, "")).indexOf("\n ") && (u -= o.length, o = this.options.pedantic ? o.replace(/^ {1,4}/gm, "") : o.replace(new RegExp("^ {1," + u + "}", "gm"), "")), c !== f - 1 && (l = x.bullet.exec(s[c + 1])[0], (1 < i.length ? 1 === l.length : 1 < l.length || this.options.smartLists && l !== i) && (e = s.slice(c + 1).join("\n") + e, c = f - 1)), r = n || /\n\n(?!\s*$)/.test(o), c !== f - 1 && (n = "\n" === o.charAt(o.length - 1), r || (r = n)), r && (a.loose = !0), b = void 0, (m = /^\[[ xX]\] /.test(o)) && (b = " " !== o[1], o = o.replace(/^\[[ xX]\] +/, "")), p = { type: "list_item_start", task: m, checked: b, loose: r }, h.push(p), this.tokens.push(p), this.token(o, !1), this.tokens.push({ type: "list_item_end" }); + }if (a.loose) for (f = h.length, c = 0; c < f; c++) { + h[c].loose = !0; + }this.tokens.push({ type: "list_end" }); + } else if (s = this.rules.html.exec(e)) e = e.substring(s[0].length), this.tokens.push({ type: this.options.sanitize ? "paragraph" : "html", pre: !this.options.sanitizer && ("pre" === s[1] || "script" === s[1] || "style" === s[1]), text: s[0] });else if (t && (s = this.rules.def.exec(e))) e = e.substring(s[0].length), s[3] && (s[3] = s[3].substring(1, s[3].length - 1)), g = s[1].toLowerCase().replace(/\s+/g, " "), this.tokens.links[g] || (this.tokens.links[g] = { href: s[2], title: s[3] });else if ((s = this.rules.table.exec(e)) && (o = { type: "table", header: y(s[1].replace(/^ *| *\| *$/g, "")), align: s[2].replace(/^ *|\| *$/g, "").split(/ *\| */), cells: s[3] ? s[3].replace(/\n$/, "").split("\n") : [] }).header.length === o.align.length) { + for (e = e.substring(s[0].length), c = 0; c < o.align.length; c++) { + /^ *-+: *$/.test(o.align[c]) ? o.align[c] = "right" : /^ *:-+: *$/.test(o.align[c]) ? o.align[c] = "center" : /^ *:-+ *$/.test(o.align[c]) ? o.align[c] = "left" : o.align[c] = null; + }for (c = 0; c < o.cells.length; c++) { + o.cells[c] = y(o.cells[c].replace(/^ *\| *| *\| *$/g, ""), o.header.length); + }this.tokens.push(o); + } else if (s = this.rules.lheading.exec(e)) e = e.substring(s[0].length), this.tokens.push({ type: "heading", depth: "=" === s[2] ? 1 : 2, text: s[1] });else if (t && (s = this.rules.paragraph.exec(e))) e = e.substring(s[0].length), this.tokens.push({ type: "paragraph", text: "\n" === s[1].charAt(s[1].length - 1) ? s[1].slice(0, -1) : s[1] });else if (s = this.rules.text.exec(e)) e = e.substring(s[0].length), this.tokens.push({ type: "text", text: s[0] });else if (e) throw new Error("Infinite loop on byte: " + e.charCodeAt(0)); + }return this.tokens; + };var n = { escape: /^\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/, autolink: /^<(scheme:[^\s\x00-\x1f<>]*|email)>/, url: f, tag: "^comment|^|^<[a-zA-Z][\\w-]*(?:attribute)*?\\s*/?>|^<\\?[\\s\\S]*?\\?>|^|^", link: /^!?\[(label)\]\(href(?:\s+(title))?\s*\)/, reflink: /^!?\[(label)\]\[(?!\s*\])((?:\\[\[\]]?|[^\[\]\\])+)\]/, nolink: /^!?\[(?!\s*\])((?:\[[^\[\]]*\]|\\[\[\]]|[^\[\]])*)\](?:\[\])?/, strong: /^__([^\s_])__(?!_)|^\*\*([^\s*])\*\*(?!\*)|^__([^\s][\s\S]*?[^\s])__(?!_)|^\*\*([^\s][\s\S]*?[^\s])\*\*(?!\*)/, em: /^_([^\s_])_(?!_)|^\*([^\s*<\[])\*(?!\*)|^_([^\s<][\s\S]*?[^\s_])_(?!_|[^\spunctuation])|^_([^\s_<][\s\S]*?[^\s])_(?!_|[^\spunctuation])|^\*([^\s<"][\s\S]*?[^\s\*])\*(?!\*|[^\spunctuation])|^\*([^\s*"<\[][\s\S]*?[^\s])\*(?!\*)/, code: /^(`+)([^`]|[^`][\s\S]*?[^`])\1(?!`)/, br: /^( {2,}|\\)\n(?!\s*$)/, del: f, text: /^(`+|[^`])(?:[\s\S]*?(?:(?=[\\?@\\[^_{|}~", n.em = i(n.em).replace(/punctuation/g, n._punctuation).getRegex(), n._escapes = /\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/g, n._scheme = /[a-zA-Z][a-zA-Z0-9+.-]{1,31}/, n._email = /[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+(@)[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+(?![-_])/, n.autolink = i(n.autolink).replace("scheme", n._scheme).replace("email", n._email).getRegex(), n._attribute = /\s+[a-zA-Z:_][\w.:-]*(?:\s*=\s*"[^"]*"|\s*=\s*'[^']*'|\s*=\s*[^\s"'=<>`]+)?/, n.tag = i(n.tag).replace("comment", x._comment).replace("attribute", n._attribute).getRegex(), n._label = /(?:\[[^\[\]]*\]|\\[\[\]]?|`[^`]*`|`(?!`)|[^\[\]\\`])*?/, n._href = /\s*(<(?:\\[<>]?|[^\s<>\\])*>|[^\s\x00-\x1f]*)/, n._title = /"(?:\\"?|[^"\\])*"|'(?:\\'?|[^'\\])*'|\((?:\\\)?|[^)\\])*\)/, n.link = i(n.link).replace("label", n._label).replace("href", n._href).replace("title", n._title).getRegex(), n.reflink = i(n.reflink).replace("label", n._label).getRegex(), n.normal = d({}, n), n.pedantic = d({}, n.normal, { strong: /^__(?=\S)([\s\S]*?\S)__(?!_)|^\*\*(?=\S)([\s\S]*?\S)\*\*(?!\*)/, em: /^_(?=\S)([\s\S]*?\S)_(?!_)|^\*(?=\S)([\s\S]*?\S)\*(?!\*)/, link: i(/^!?\[(label)\]\((.*?)\)/).replace("label", n._label).getRegex(), reflink: i(/^!?\[(label)\]\s*\[([^\]]*)\]/).replace("label", n._label).getRegex() }), n.gfm = d({}, n.normal, { escape: i(n.escape).replace("])", "~|])").getRegex(), _extended_email: /[A-Za-z0-9._+-]+(@)[a-zA-Z0-9-_]+(?:\.[a-zA-Z0-9-_]*[a-zA-Z0-9])+(?![-_])/, url: /^((?:ftp|https?):\/\/|www\.)(?:[a-zA-Z0-9\-]+\.?)+[^\s<]*|^email/, _backpedal: /(?:[^?!.,:;*_~()&]+|\([^)]*\)|&(?![a-zA-Z0-9]+;$)|[?!.,:;*_~)]+(?!$))+/, del: /^~+(?=\S)([\s\S]*?\S)~+/, text: /^(`+|[^`])(?:[\s\S]*?(?:(?=[\\/i.test(i[0]) && (this.inLink = !1), !this.inRawBlock && /^<(pre|code|kbd|script)(\s|>)/i.test(i[0]) ? this.inRawBlock = !0 : this.inRawBlock && /^<\/(pre|code|kbd|script)(\s|>)/i.test(i[0]) && (this.inRawBlock = !1), e = e.substring(i[0].length), o += this.options.sanitize ? this.options.sanitizer ? this.options.sanitizer(i[0]) : u(i[0]) : i[0];else if (i = this.rules.link.exec(e)) { + var a = m(i[2], "()");if (-1 < a) { + var h = i[0].length - (i[2].length - a) - (i[3] || "").length;i[2] = i[2].substring(0, a), i[0] = i[0].substring(0, h).trim(), i[3] = ""; + }e = e.substring(i[0].length), this.inLink = !0, r = i[2], s = this.options.pedantic ? (t = /^([^'"]*[^\s])\s+(['"])(.*)\2/.exec(r)) ? (r = t[1], t[3]) : "" : i[3] ? i[3].slice(1, -1) : "", r = r.trim().replace(/^<([\s\S]*)>$/, "$1"), o += this.outputLink(i, { href: p.escapes(r), title: p.escapes(s) }), this.inLink = !1; + } else if ((i = this.rules.reflink.exec(e)) || (i = this.rules.nolink.exec(e))) { + if (e = e.substring(i[0].length), t = (i[2] || i[1]).replace(/\s+/g, " "), !(t = this.links[t.toLowerCase()]) || !t.href) { + o += i[0].charAt(0), e = i[0].substring(1) + e;continue; + }this.inLink = !0, o += this.outputLink(i, t), this.inLink = !1; + } else if (i = this.rules.strong.exec(e)) e = e.substring(i[0].length), o += this.renderer.strong(this.output(i[4] || i[3] || i[2] || i[1]));else if (i = this.rules.em.exec(e)) e = e.substring(i[0].length), o += this.renderer.em(this.output(i[6] || i[5] || i[4] || i[3] || i[2] || i[1]));else if (i = this.rules.code.exec(e)) e = e.substring(i[0].length), o += this.renderer.codespan(u(i[2].trim(), !0));else if (i = this.rules.br.exec(e)) e = e.substring(i[0].length), o += this.renderer.br();else if (i = this.rules.del.exec(e)) e = e.substring(i[0].length), o += this.renderer.del(this.output(i[1]));else if (i = this.rules.autolink.exec(e)) e = e.substring(i[0].length), r = "@" === i[2] ? "mailto:" + (n = u(this.mangle(i[1]))) : n = u(i[1]), o += this.renderer.link(r, null, n);else if (this.inLink || !(i = this.rules.url.exec(e))) { + if (i = this.rules.text.exec(e)) e = e.substring(i[0].length), this.inRawBlock ? o += this.renderer.text(i[0]) : o += this.renderer.text(u(this.smartypants(i[0])));else if (e) throw new Error("Infinite loop on byte: " + e.charCodeAt(0)); + } else { + if ("@" === i[2]) r = "mailto:" + (n = u(i[0]));else { + for (; l = i[0], i[0] = this.rules._backpedal.exec(i[0])[0], l !== i[0];) {}n = u(i[0]), r = "www." === i[1] ? "http://" + n : n; + }e = e.substring(i[0].length), o += this.renderer.link(r, null, n); + } + }return o; + }, p.escapes = function (e) { + return e ? e.replace(p.rules._escapes, "$1") : e; + }, p.prototype.outputLink = function (e, t) { + var n = t.href, + r = t.title ? u(t.title) : null;return "!" !== e[0].charAt(0) ? this.renderer.link(n, r, this.output(e[1])) : this.renderer.image(n, r, u(e[1])); + }, p.prototype.smartypants = function (e) { + return this.options.smartypants ? e.replace(/---/g, "—").replace(/--/g, "–").replace(/(^|[-\u2014/(\[{"\s])'/g, "$1‘").replace(/'/g, "’").replace(/(^|[-\u2014/(\[{\u2018\s])"/g, "$1“").replace(/"/g, "”").replace(/\.{3}/g, "…") : e; + }, p.prototype.mangle = function (e) { + if (!this.options.mangle) return e;for (var t, n = "", r = e.length, s = 0; s < r; s++) { + t = e.charCodeAt(s), .5 < Math.random() && (t = "x" + t.toString(16)), n += "&#" + t + ";"; + }return n; + }, r.prototype.code = function (e, t, n) { + var r = (t || "").match(/\S*/)[0];if (this.options.highlight) { + var s = this.options.highlight(e, r);null != s && s !== e && (n = !0, e = s); + }return r ? '
                                                    ' + (n ? e : u(e, !0)) + "
                                                    \n" : "
                                                    " + (n ? e : u(e, !0)) + "
                                                    "; + }, r.prototype.blockquote = function (e) { + return "
                                                    \n" + e + "
                                                    \n"; + }, r.prototype.html = function (e) { + return e; + }, r.prototype.heading = function (e, t, n, r) { + return this.options.headerIds ? "' + e + "\n" : "" + e + "\n"; + }, r.prototype.hr = function () { + return this.options.xhtml ? "
                                                    \n" : "
                                                    \n"; + }, r.prototype.list = function (e, t, n) { + var r = t ? "ol" : "ul";return "<" + r + (t && 1 !== n ? ' start="' + n + '"' : "") + ">\n" + e + "\n"; + }, r.prototype.listitem = function (e) { + return "
                                                  • " + e + "
                                                    • \n"; + }, r.prototype.checkbox = function (e) { + return " "; + }, r.prototype.paragraph = function (e) { + return "

                                                    " + e + "

                                                    \n"; + }, r.prototype.table = function (e, t) { + return t && (t = "" + t + ""), "\n\n" + e + "\n" + t + "
                                                    \n"; + }, r.prototype.tablerow = function (e) { + return "\n" + e + "\n"; + }, r.prototype.tablecell = function (e, t) { + var n = t.header ? "th" : "td";return (t.align ? "<" + n + ' align="' + t.align + '">' : "<" + n + ">") + e + "\n"; + }, r.prototype.strong = function (e) { + return "" + e + ""; + }, r.prototype.em = function (e) { + return "" + e + ""; + }, r.prototype.codespan = function (e) { + return "" + e + ""; + }, r.prototype.br = function () { + return this.options.xhtml ? "
                                                    " : "
                                                    "; + }, r.prototype.del = function (e) { + return "" + e + ""; + }, r.prototype.link = function (e, t, n) { + if (null === (e = l(this.options.sanitize, this.options.baseUrl, e))) return n;var r = '"; + }, r.prototype.image = function (e, t, n) { + if (null === (e = l(this.options.sanitize, this.options.baseUrl, e))) return n;var r = '' + n + '" : ">"; + }, r.prototype.text = function (e) { + return e; + }, s.prototype.strong = s.prototype.em = s.prototype.codespan = s.prototype.del = s.prototype.text = function (e) { + return e; + }, s.prototype.link = s.prototype.image = function (e, t, n) { + return "" + n; + }, s.prototype.br = function () { + return ""; + }, h.parse = function (e, t) { + return new h(t).parse(e); + }, h.prototype.parse = function (e) { + this.inline = new p(e.links, this.options), this.inlineText = new p(e.links, d({}, this.options, { renderer: new s() })), this.tokens = e.reverse();for (var t = ""; this.next();) { + t += this.tok(); + }return t; + }, h.prototype.next = function () { + return this.token = this.tokens.pop(), this.token; + }, h.prototype.peek = function () { + return this.tokens[this.tokens.length - 1] || 0; + }, h.prototype.parseText = function () { + for (var e = this.token.text; "text" === this.peek().type;) { + e += "\n" + this.next().text; + }return this.inline.output(e); + }, h.prototype.tok = function () { + switch (this.token.type) {case "space": + return "";case "hr": + return this.renderer.hr();case "heading": + return this.renderer.heading(this.inline.output(this.token.text), this.token.depth, c(this.inlineText.output(this.token.text)), this.slugger);case "code": + return this.renderer.code(this.token.text, this.token.lang, this.token.escaped);case "table": + var e, + t, + n, + r, + s = "", + i = "";for (n = "", e = 0; e < this.token.header.length; e++) { + n += this.renderer.tablecell(this.inline.output(this.token.header[e]), { header: !0, align: this.token.align[e] }); + }for (s += this.renderer.tablerow(n), e = 0; e < this.token.cells.length; e++) { + for (t = this.token.cells[e], n = "", r = 0; r < t.length; r++) { + n += this.renderer.tablecell(this.inline.output(t[r]), { header: !1, align: this.token.align[r] }); + }i += this.renderer.tablerow(n); + }return this.renderer.table(s, i);case "blockquote_start": + for (i = ""; "blockquote_end" !== this.next().type;) { + i += this.tok(); + }return this.renderer.blockquote(i);case "list_start": + i = "";for (var l = this.token.ordered, o = this.token.start; "list_end" !== this.next().type;) { + i += this.tok(); + }return this.renderer.list(i, l, o);case "list_item_start": + i = "";var a = this.token.loose, + h = this.token.checked, + p = this.token.task;for (this.token.task && (i += this.renderer.checkbox(h)); "list_item_end" !== this.next().type;) { + i += a || "text" !== this.token.type ? this.tok() : this.parseText(); + }return this.renderer.listitem(i, p, h);case "html": + return this.renderer.html(this.token.text);case "paragraph": + return this.renderer.paragraph(this.inline.output(this.token.text));case "text": + return this.renderer.paragraph(this.parseText());default: + var u = 'Token with "' + this.token.type + '" type was not found.';if (!this.options.silent) throw new Error(u);console.log(u);} + }, t.prototype.slug = function (e) { + var t = e.toLowerCase().trim().replace(/[\u2000-\u206F\u2E00-\u2E7F\\'!"#$%&()*+,./:;<=>?@[\]^`{|}~]/g, "").replace(/\s/g, "-");if (this.seen.hasOwnProperty(t)) for (var n = t; this.seen[n]++, t = n + "-" + this.seen[n], this.seen.hasOwnProperty(t);) {}return this.seen[t] = 0, t; + }, u.escapeTest = /[&<>"']/, u.escapeReplace = /[&<>"']/g, u.replacements = { "&": "&", "<": "<", ">": ">", '"': """, "'": "'" }, u.escapeTestNoEncode = /[<>"']|&(?!#?\w+;)/, u.escapeReplaceNoEncode = /[<>"']|&(?!#?\w+;)/g;var o = {}, + g = /^$|^[a-z][a-z0-9+.-]*:|^[?#]/i;function f() {}function d(e) { + for (var t, n, r = 1; r < arguments.length; r++) { + for (n in t = arguments[r]) { + Object.prototype.hasOwnProperty.call(t, n) && (e[n] = t[n]); + } + }return e; + }function y(e, t) { + var n = e.replace(/\|/g, function (e, t, n) { + for (var r = !1, s = t; 0 <= --s && "\\" === n[s];) { + r = !r; + }return r ? "|" : " |"; + }).split(/ \|/), + r = 0;if (n.length > t) n.splice(t);else for (; n.length < t;) { + n.push(""); + }for (; r < n.length; r++) { + n[r] = n[r].trim().replace(/\\\|/g, "|"); + }return n; + }function _(e, t, n) { + if (0 === e.length) return "";for (var r = 0; r < e.length;) { + var s = e.charAt(e.length - r - 1);if (s !== t || n) { + if (s === t || !n) break;r++; + } else r++; + }return e.substr(0, e.length - r); + }function m(e, t) { + if (-1 === e.indexOf(t[1])) return -1;for (var n = 0, r = 0; r < e.length; r++) { + if ("\\" === e[r]) r++;else if (e[r] === t[0]) n++;else if (e[r] === t[1] && --n < 0) return r; + }return -1; + }function b(e, n, r) { + if (null == e) throw new Error("marked(): input parameter is undefined or null");if ("string" != typeof e) throw new Error("marked(): input parameter is of type " + Object.prototype.toString.call(e) + ", string expected");if (r || "function" == typeof n) { + r || (r = n, n = null);var s, + i, + l = (n = d({}, b.defaults, n || {})).highlight, + t = 0;try { + s = a.lex(e, n); + } catch (e) { + return r(e); + }i = s.length;var o = function o(t) { + if (t) return n.highlight = l, r(t);var e;try { + e = h.parse(s, n); + } catch (e) { + t = e; + }return n.highlight = l, t ? r(t) : r(null, e); + };if (!l || l.length < 3) return o();if (delete n.highlight, !i) return o();for (; t < s.length; t++) { + !function (n) { + "code" !== n.type ? --i || o() : l(n.text, n.lang, function (e, t) { + return e ? o(e) : null == t || t === n.text ? --i || o() : (n.text = t, n.escaped = !0, void (--i || o())); + }); + }(s[t]); + } + } else try { + return n && (n = d({}, b.defaults, n)), h.parse(a.lex(e, n), n); + } catch (e) { + if (e.message += "\nPlease report this to https://github.com/markedjs/marked.", (n || b.defaults).silent) return "

                                                    An error occurred:

                                                    " + u(e.message + "", !0) + "
                                                    ";throw e; + } + }f.exec = f, b.options = b.setOptions = function (e) { + return d(b.defaults, e), b; + }, b.getDefaults = function () { + return { baseUrl: null, breaks: !1, gfm: !0, headerIds: !0, headerPrefix: "", highlight: null, langPrefix: "language-", mangle: !0, pedantic: !1, renderer: new r(), sanitize: !1, sanitizer: null, silent: !1, smartLists: !1, smartypants: !1, tables: !0, xhtml: !1 }; + }, b.defaults = b.getDefaults(), b.Parser = h, b.parser = h.parse, b.Renderer = r, b.TextRenderer = s, b.Lexer = a, b.lexer = a.lex, b.InlineLexer = p, b.inlineLexer = p.output, b.Slugger = t, b.parse = b, module.exports = b; + }(commonjsGlobal || ("undefined" != typeof window ? window : commonjsGlobal)); + }); + + var classCallCheck = function (instance, Constructor) { + if (!(instance instanceof Constructor)) { + throw new TypeError("Cannot call a class as a function"); + } + }; + + var createClass = function () { + function defineProperties(target, props) { + for (var i = 0; i < props.length; i++) { + var descriptor = props[i]; + descriptor.enumerable = descriptor.enumerable || false; + descriptor.configurable = true; + if ("value" in descriptor) descriptor.writable = true; + Object.defineProperty(target, descriptor.key, descriptor); + } + } + + return function (Constructor, protoProps, staticProps) { + if (protoProps) defineProperties(Constructor.prototype, protoProps); + if (staticProps) defineProperties(Constructor, staticProps); + return Constructor; + }; + }(); + + var get = function get(object, property, receiver) { + if (object === null) object = Function.prototype; + var desc = Object.getOwnPropertyDescriptor(object, property); + + if (desc === undefined) { + var parent = Object.getPrototypeOf(object); + + if (parent === null) { + return undefined; + } else { + return get(parent, property, receiver); + } + } else if ("value" in desc) { + return desc.value; + } else { + var getter = desc.get; + + if (getter === undefined) { + return undefined; + } + + return getter.call(receiver); + } + }; + + var inherits = function (subClass, superClass) { + if (typeof superClass !== "function" && superClass !== null) { + throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); + } + + subClass.prototype = Object.create(superClass && superClass.prototype, { + constructor: { + value: subClass, + enumerable: false, + writable: true, + configurable: true + } + }); + if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; + }; + + var possibleConstructorReturn = function (self, call) { + if (!self) { + throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); + } + + return call && (typeof call === "object" || typeof call === "function") ? call : self; + }; + + /*! + * PatternFly Elements: PfeMarkdown 1.0.0-prerelease.50 + * @license + * Copyright 2020 Red Hat, Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + * + */ + + var PfeMarkdown = function (_PFElement) { + inherits(PfeMarkdown, _PFElement); + createClass(PfeMarkdown, [{ + key: "html", + get: function get$$1() { + return ""; + } + }, { + key: "templateUrl", + get: function get$$1() { + return "pfe-markdown.html"; + } + }, { + key: "styleUrl", + get: function get$$1() { + return "pfe-markdown.scss"; + } + }, { + key: "schemaUrl", + get: function get$$1() { + return "pfe-markdown.json"; + } + }, { + key: "markdown", + get: function get$$1() { + return this._markdown; + }, + set: function set$$1(text) { + if (!text) { + return; + } + + this._markdown = this._unindent(text); + this.renderMarkdown(); + } + }], [{ + key: "version", + get: function get$$1() { + return "1.0.0-prerelease.50"; + } + }, { + key: "properties", + get: function get$$1() { + return {}; + } + }, { + key: "slots", + get: function get$$1() { + return { "default": { "title": "Markdown", "type": "array", "namedSlot": false, "items": { "oneOf": [{ "$ref": "raw" }] } } }; + } + }, { + key: "tag", + get: function get$$1() { + return "pfe-markdown"; + } + }]); + + function PfeMarkdown() { + classCallCheck(this, PfeMarkdown); + + var _this = possibleConstructorReturn(this, (PfeMarkdown.__proto__ || Object.getPrototypeOf(PfeMarkdown)).call(this, PfeMarkdown)); + + _this._markdown = null; + _this._markdownRender = null; + _this._markdownContainer = null; + _this._observerConfig = { childList: true, subtree: true }; + _this._readyStateChangeHandler = _this._readyStateChangeHandler.bind(_this); + + _this.observer = new MutationObserver(function (mutationList, observer) { + if (!_this._markdownContainer.textContent) { + _this._markdownRender.innerHTML = ""; + return; + } + + // TODO: when we stop supporting IE11, the need to disconnect and + // then reconnect will no longer be needed + observer.disconnect(); + _this.markdown = _this._markdownContainer.textContent; + _this._muationObserve(); + }); + return _this; + } + + createClass(PfeMarkdown, [{ + key: "connectedCallback", + value: function connectedCallback() { + var _this2 = this; + + get(PfeMarkdown.prototype.__proto__ || Object.getPrototypeOf(PfeMarkdown.prototype), "connectedCallback", this).call(this); + + this._markdownRender = document.createElement("div"); + this._markdownRender.setAttribute("pfe-markdown-render", ""); + this.appendChild(this._markdownRender); + + this.shadowRoot.querySelector("slot").addEventListener("slotchange", function () { + if (!_this2._markdownContainer) { + _this2._markdownContainer = _this2.querySelector("[pfe-markdown-container]"); + _this2._markdownContainer.style.display = "none"; + + _this2._init(); + } + }); + } + }, { + key: "disconnectedCallback", + value: function disconnectedCallback() { + this.observer.disconnect(); + } + }, { + key: "_readyStateChangeHandler", + value: function _readyStateChangeHandler(event) { + if (event.target.readyState === "complete") { + document.removeEventListener("readystatechange", this._readyStateChangeHandler); + this._init(); + } + } + }, { + key: "_init", + value: function _init() { + if (this._markdownContainer.textContent) { + this.markdown = this._markdownContainer.textContent; + } + + this._muationObserve(); + } + }, { + key: "renderMarkdown", + value: function renderMarkdown() { + this._markdownRender.innerHTML = marked_min(this.markdown); + } + }, { + key: "_muationObserve", + value: function _muationObserve() { + this.observer.observe(this._markdownContainer, this._observerConfig); + } + + // pulled from https://github.com/PolymerElements/marked-element/blob/master/marked-element.js#L340 + + }, { + key: "_unindent", + value: function _unindent(text) { + if (!text) { + return text; + } + + var lines = text.replace(/\t/g, " ").split("\n"); + var indent = lines.reduce(function (prev, line) { + if (/^\s*$/.test(line)) { + return prev; // Completely ignore blank lines. + } + + var lineIndent = line.match(/^(\s*)/)[0].length; + + if (prev === null) { + return lineIndent; + } + + return lineIndent < prev ? lineIndent : prev; + }, null); + + return lines.map(function (l) { + return l.substr(indent); + }).join("\n"); + } + }]); + return PfeMarkdown; + }(PFElement); + + PFElement.create(PfeMarkdown); + + return PfeMarkdown; + +}))); +//# sourceMappingURL=pfe-markdown.umd.js.map diff --git a/elements/pfe-markdown/dist/pfe-markdown.umd.js.map b/elements/pfe-markdown/dist/pfe-markdown.umd.js.map new file mode 100644 index 0000000000..113c776265 --- /dev/null +++ b/elements/pfe-markdown/dist/pfe-markdown.umd.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-markdown.umd.js","sources":["../../../node_modules/marked/marked.min.js","../_temp/pfe-markdown.umd.js"],"sourcesContent":["/**\n * marked - a markdown parser\n * Copyright (c) 2011-2018, Christopher Jeffrey. (MIT Licensed)\n * https://github.com/markedjs/marked\n */\n!function(e){\"use strict\";var x={newline:/^\\n+/,code:/^( {4}[^\\n]+\\n*)+/,fences:f,hr:/^ {0,3}((?:- *){3,}|(?:_ *){3,}|(?:\\* *){3,})(?:\\n+|$)/,heading:/^ *(#{1,6}) *([^\\n]+?) *(?:#+ *)?(?:\\n+|$)/,nptable:f,blockquote:/^( {0,3}> ?(paragraph|[^\\n]*)(?:\\n|$))+/,list:/^( {0,3})(bull) [\\s\\S]+?(?:hr|def|\\n{2,}(?! )(?!\\1bull )\\n*|\\s*$)/,html:\"^ {0,3}(?:<(script|pre|style)[\\\\s>][\\\\s\\\\S]*?(?:[^\\\\n]*\\\\n+|$)|comment[^\\\\n]*(\\\\n+|$)|<\\\\?[\\\\s\\\\S]*?\\\\?>\\\\n*|\\\\n*|\\\\n*|)[\\\\s\\\\S]*?(?:\\\\n{2,}|$)|<(?!script|pre|style)([a-z][\\\\w-]*)(?:attribute)*? */?>(?=[ \\\\t]*(?:\\\\n|$))[\\\\s\\\\S]*?(?:\\\\n{2,}|$)|(?=[ \\\\t]*(?:\\\\n|$))[\\\\s\\\\S]*?(?:\\\\n{2,}|$))\",def:/^ {0,3}\\[(label)\\]: *\\n? *]+)>?(?:(?: +\\n? *| *\\n *)(title))? *(?:\\n+|$)/,table:f,lheading:/^([^\\n]+)\\n {0,3}(=|-){2,} *(?:\\n+|$)/,paragraph:/^([^\\n]+(?:\\n(?!hr|heading|lheading| {0,3}>|<\\/?(?:tag)(?: +|\\n|\\/?>)|<(?:script|pre|style|!--))[^\\n]+)*)/,text:/^[^\\n]+/};function a(e){this.tokens=[],this.tokens.links=Object.create(null),this.options=e||b.defaults,this.rules=x.normal,this.options.pedantic?this.rules=x.pedantic:this.options.gfm&&(this.options.tables?this.rules=x.tables:this.rules=x.gfm)}x._label=/(?!\\s*\\])(?:\\\\[\\[\\]]|[^\\[\\]])+/,x._title=/(?:\"(?:\\\\\"?|[^\"\\\\])*\"|'[^'\\n]*(?:\\n[^'\\n]+)*\\n?'|\\([^()]*\\))/,x.def=i(x.def).replace(\"label\",x._label).replace(\"title\",x._title).getRegex(),x.bullet=/(?:[*+-]|\\d{1,9}\\.)/,x.item=/^( *)(bull) ?[^\\n]*(?:\\n(?!\\1bull ?)[^\\n]*)*/,x.item=i(x.item,\"gm\").replace(/bull/g,x.bullet).getRegex(),x.list=i(x.list).replace(/bull/g,x.bullet).replace(\"hr\",\"\\\\n+(?=\\\\1?(?:(?:- *){3,}|(?:_ *){3,}|(?:\\\\* *){3,})(?:\\\\n+|$))\").replace(\"def\",\"\\\\n+(?=\"+x.def.source+\")\").getRegex(),x._tag=\"address|article|aside|base|basefont|blockquote|body|caption|center|col|colgroup|dd|details|dialog|dir|div|dl|dt|fieldset|figcaption|figure|footer|form|frame|frameset|h[1-6]|head|header|hr|html|iframe|legend|li|link|main|menu|menuitem|meta|nav|noframes|ol|optgroup|option|p|param|section|source|summary|table|tbody|td|tfoot|th|thead|title|tr|track|ul\",x._comment=//,x.html=i(x.html,\"i\").replace(\"comment\",x._comment).replace(\"tag\",x._tag).replace(\"attribute\",/ +[a-zA-Z:_][\\w.:-]*(?: *= *\"[^\"\\n]*\"| *= *'[^'\\n]*'| *= *[^\\s\"'=<>`]+)?/).getRegex(),x.paragraph=i(x.paragraph).replace(\"hr\",x.hr).replace(\"heading\",x.heading).replace(\"lheading\",x.lheading).replace(\"tag\",x._tag).getRegex(),x.blockquote=i(x.blockquote).replace(\"paragraph\",x.paragraph).getRegex(),x.normal=d({},x),x.gfm=d({},x.normal,{fences:/^ {0,3}(`{3,}|~{3,})([^`\\n]*)\\n(?:|([\\s\\S]*?)\\n)(?: {0,3}\\1[~`]* *(?:\\n+|$)|$)/,paragraph:/^/,heading:/^ *(#{1,6}) +([^\\n]+?) *#* *(?:\\n+|$)/}),x.gfm.paragraph=i(x.paragraph).replace(\"(?!\",\"(?!\"+x.gfm.fences.source.replace(\"\\\\1\",\"\\\\2\")+\"|\"+x.list.source.replace(\"\\\\1\",\"\\\\3\")+\"|\").getRegex(),x.tables=d({},x.gfm,{nptable:/^ *([^|\\n ].*\\|.*)\\n *([-:]+ *\\|[-| :]*)(?:\\n((?:.*[^>\\n ].*(?:\\n|$))*)\\n*|$)/,table:/^ *\\|(.+)\\n *\\|?( *[-:]+[-| :]*)(?:\\n((?: *[^>\\n ].*(?:\\n|$))*)\\n*|$)/}),x.pedantic=d({},x.normal,{html:i(\"^ *(?:comment *(?:\\\\n|\\\\s*$)|<(tag)[\\\\s\\\\S]+? *(?:\\\\n{2,}|\\\\s*$)|\\\\s]*)*?/?> *(?:\\\\n{2,}|\\\\s*$))\").replace(\"comment\",x._comment).replace(/tag/g,\"(?!(?:a|em|strong|small|s|cite|q|dfn|abbr|data|time|code|var|samp|kbd|sub|sup|i|b|u|mark|ruby|rt|rp|bdi|bdo|span|br|wbr|ins|del|img)\\\\b)\\\\w+(?!:|[^\\\\w\\\\s@]*@)\\\\b\").getRegex(),def:/^ *\\[([^\\]]+)\\]: *]+)>?(?: +([\"(][^\\n]+[\")]))? *(?:\\n+|$)/}),a.rules=x,a.lex=function(e,t){return new a(t).lex(e)},a.prototype.lex=function(e){return e=e.replace(/\\r\\n|\\r/g,\"\\n\").replace(/\\t/g,\" \").replace(/\\u00a0/g,\" \").replace(/\\u2424/g,\"\\n\"),this.token(e,!0)},a.prototype.token=function(e,t){var n,r,s,i,l,o,a,h,p,u,c,g,f,d,m,b;for(e=e.replace(/^ +$/gm,\"\");e;)if((s=this.rules.newline.exec(e))&&(e=e.substring(s[0].length),1 ?/gm,\"\"),this.token(s,t),this.tokens.push({type:\"blockquote_end\"});else if(s=this.rules.list.exec(e)){for(e=e.substring(s[0].length),a={type:\"list_start\",ordered:d=1<(i=s[2]).length,start:d?+i:\"\",loose:!1},this.tokens.push(a),n=!(h=[]),f=(s=s[0].match(this.rules.item)).length,c=0;c?@\\[\\]\\\\^_`{|}~])/,autolink:/^<(scheme:[^\\s\\x00-\\x1f<>]*|email)>/,url:f,tag:\"^comment|^|^<[a-zA-Z][\\\\w-]*(?:attribute)*?\\\\s*/?>|^<\\\\?[\\\\s\\\\S]*?\\\\?>|^|^\",link:/^!?\\[(label)\\]\\(href(?:\\s+(title))?\\s*\\)/,reflink:/^!?\\[(label)\\]\\[(?!\\s*\\])((?:\\\\[\\[\\]]?|[^\\[\\]\\\\])+)\\]/,nolink:/^!?\\[(?!\\s*\\])((?:\\[[^\\[\\]]*\\]|\\\\[\\[\\]]|[^\\[\\]])*)\\](?:\\[\\])?/,strong:/^__([^\\s_])__(?!_)|^\\*\\*([^\\s*])\\*\\*(?!\\*)|^__([^\\s][\\s\\S]*?[^\\s])__(?!_)|^\\*\\*([^\\s][\\s\\S]*?[^\\s])\\*\\*(?!\\*)/,em:/^_([^\\s_])_(?!_)|^\\*([^\\s*<\\[])\\*(?!\\*)|^_([^\\s<][\\s\\S]*?[^\\s_])_(?!_|[^\\spunctuation])|^_([^\\s_<][\\s\\S]*?[^\\s])_(?!_|[^\\spunctuation])|^\\*([^\\s<\"][\\s\\S]*?[^\\s\\*])\\*(?!\\*|[^\\spunctuation])|^\\*([^\\s*\"<\\[][\\s\\S]*?[^\\s])\\*(?!\\*)/,code:/^(`+)([^`]|[^`][\\s\\S]*?[^`])\\1(?!`)/,br:/^( {2,}|\\\\)\\n(?!\\s*$)/,del:f,text:/^(`+|[^`])(?:[\\s\\S]*?(?:(?=[\\\\?@\\\\[^_{|}~\",n.em=i(n.em).replace(/punctuation/g,n._punctuation).getRegex(),n._escapes=/\\\\([!\"#$%&'()*+,\\-./:;<=>?@\\[\\]\\\\^_`{|}~])/g,n._scheme=/[a-zA-Z][a-zA-Z0-9+.-]{1,31}/,n._email=/[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+(@)[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+(?![-_])/,n.autolink=i(n.autolink).replace(\"scheme\",n._scheme).replace(\"email\",n._email).getRegex(),n._attribute=/\\s+[a-zA-Z:_][\\w.:-]*(?:\\s*=\\s*\"[^\"]*\"|\\s*=\\s*'[^']*'|\\s*=\\s*[^\\s\"'=<>`]+)?/,n.tag=i(n.tag).replace(\"comment\",x._comment).replace(\"attribute\",n._attribute).getRegex(),n._label=/(?:\\[[^\\[\\]]*\\]|\\\\[\\[\\]]?|`[^`]*`|`(?!`)|[^\\[\\]\\\\`])*?/,n._href=/\\s*(<(?:\\\\[<>]?|[^\\s<>\\\\])*>|[^\\s\\x00-\\x1f]*)/,n._title=/\"(?:\\\\\"?|[^\"\\\\])*\"|'(?:\\\\'?|[^'\\\\])*'|\\((?:\\\\\\)?|[^)\\\\])*\\)/,n.link=i(n.link).replace(\"label\",n._label).replace(\"href\",n._href).replace(\"title\",n._title).getRegex(),n.reflink=i(n.reflink).replace(\"label\",n._label).getRegex(),n.normal=d({},n),n.pedantic=d({},n.normal,{strong:/^__(?=\\S)([\\s\\S]*?\\S)__(?!_)|^\\*\\*(?=\\S)([\\s\\S]*?\\S)\\*\\*(?!\\*)/,em:/^_(?=\\S)([\\s\\S]*?\\S)_(?!_)|^\\*(?=\\S)([\\s\\S]*?\\S)\\*(?!\\*)/,link:i(/^!?\\[(label)\\]\\((.*?)\\)/).replace(\"label\",n._label).getRegex(),reflink:i(/^!?\\[(label)\\]\\s*\\[([^\\]]*)\\]/).replace(\"label\",n._label).getRegex()}),n.gfm=d({},n.normal,{escape:i(n.escape).replace(\"])\",\"~|])\").getRegex(),_extended_email:/[A-Za-z0-9._+-]+(@)[a-zA-Z0-9-_]+(?:\\.[a-zA-Z0-9-_]*[a-zA-Z0-9])+(?![-_])/,url:/^((?:ftp|https?):\\/\\/|www\\.)(?:[a-zA-Z0-9\\-]+\\.?)+[^\\s<]*|^email/,_backpedal:/(?:[^?!.,:;*_~()&]+|\\([^)]*\\)|&(?![a-zA-Z0-9]+;$)|[?!.,:;*_~)]+(?!$))+/,del:/^~+(?=\\S)([\\s\\S]*?\\S)~+/,text:/^(`+|[^`])(?:[\\s\\S]*?(?:(?=[\\\\/i.test(i[0])&&(this.inLink=!1),!this.inRawBlock&&/^<(pre|code|kbd|script)(\\s|>)/i.test(i[0])?this.inRawBlock=!0:this.inRawBlock&&/^<\\/(pre|code|kbd|script)(\\s|>)/i.test(i[0])&&(this.inRawBlock=!1),e=e.substring(i[0].length),o+=this.options.sanitize?this.options.sanitizer?this.options.sanitizer(i[0]):u(i[0]):i[0];else if(i=this.rules.link.exec(e)){var a=m(i[2],\"()\");if(-1$/,\"$1\"),o+=this.outputLink(i,{href:p.escapes(r),title:p.escapes(s)}),this.inLink=!1}else if((i=this.rules.reflink.exec(e))||(i=this.rules.nolink.exec(e))){if(e=e.substring(i[0].length),t=(i[2]||i[1]).replace(/\\s+/g,\" \"),!(t=this.links[t.toLowerCase()])||!t.href){o+=i[0].charAt(0),e=i[0].substring(1)+e;continue}this.inLink=!0,o+=this.outputLink(i,t),this.inLink=!1}else if(i=this.rules.strong.exec(e))e=e.substring(i[0].length),o+=this.renderer.strong(this.output(i[4]||i[3]||i[2]||i[1]));else if(i=this.rules.em.exec(e))e=e.substring(i[0].length),o+=this.renderer.em(this.output(i[6]||i[5]||i[4]||i[3]||i[2]||i[1]));else if(i=this.rules.code.exec(e))e=e.substring(i[0].length),o+=this.renderer.codespan(u(i[2].trim(),!0));else if(i=this.rules.br.exec(e))e=e.substring(i[0].length),o+=this.renderer.br();else if(i=this.rules.del.exec(e))e=e.substring(i[0].length),o+=this.renderer.del(this.output(i[1]));else if(i=this.rules.autolink.exec(e))e=e.substring(i[0].length),r=\"@\"===i[2]?\"mailto:\"+(n=u(this.mangle(i[1]))):n=u(i[1]),o+=this.renderer.link(r,null,n);else if(this.inLink||!(i=this.rules.url.exec(e))){if(i=this.rules.text.exec(e))e=e.substring(i[0].length),this.inRawBlock?o+=this.renderer.text(i[0]):o+=this.renderer.text(u(this.smartypants(i[0])));else if(e)throw new Error(\"Infinite loop on byte: \"+e.charCodeAt(0))}else{if(\"@\"===i[2])r=\"mailto:\"+(n=u(i[0]));else{for(;l=i[0],i[0]=this.rules._backpedal.exec(i[0])[0],l!==i[0];);n=u(i[0]),r=\"www.\"===i[1]?\"http://\"+n:n}e=e.substring(i[0].length),o+=this.renderer.link(r,null,n)}return o},p.escapes=function(e){return e?e.replace(p.rules._escapes,\"$1\"):e},p.prototype.outputLink=function(e,t){var n=t.href,r=t.title?u(t.title):null;return\"!\"!==e[0].charAt(0)?this.renderer.link(n,r,this.output(e[1])):this.renderer.image(n,r,u(e[1]))},p.prototype.smartypants=function(e){return this.options.smartypants?e.replace(/---/g,\"—\").replace(/--/g,\"–\").replace(/(^|[-\\u2014/(\\[{\"\\s])'/g,\"$1‘\").replace(/'/g,\"’\").replace(/(^|[-\\u2014/(\\[{\\u2018\\s])\"/g,\"$1“\").replace(/\"/g,\"”\").replace(/\\.{3}/g,\"…\"):e},p.prototype.mangle=function(e){if(!this.options.mangle)return e;for(var t,n=\"\",r=e.length,s=0;s'+(n?e:u(e,!0))+\"\\n\":\"
                                                    \"+(n?e:u(e,!0))+\"
                                                    \"},r.prototype.blockquote=function(e){return\"
                                                    \\n\"+e+\"
                                                    \\n\"},r.prototype.html=function(e){return e},r.prototype.heading=function(e,t,n,r){return this.options.headerIds?\"'+e+\"\\n\":\"\"+e+\"\\n\"},r.prototype.hr=function(){return this.options.xhtml?\"
                                                    \\n\":\"
                                                    \\n\"},r.prototype.list=function(e,t,n){var r=t?\"ol\":\"ul\";return\"<\"+r+(t&&1!==n?' start=\"'+n+'\"':\"\")+\">\\n\"+e+\"\\n\"},r.prototype.listitem=function(e){return\"
                                                  • \"+e+\"
                                                    • \\n\"},r.prototype.checkbox=function(e){return\" \"},r.prototype.paragraph=function(e){return\"

                                                    \"+e+\"

                                                    \\n\"},r.prototype.table=function(e,t){return t&&(t=\"\"+t+\"\"),\"\\n\\n\"+e+\"\\n\"+t+\"
                                                    \\n\"},r.prototype.tablerow=function(e){return\"\\n\"+e+\"\\n\"},r.prototype.tablecell=function(e,t){var n=t.header?\"th\":\"td\";return(t.align?\"<\"+n+' align=\"'+t.align+'\">':\"<\"+n+\">\")+e+\"\\n\"},r.prototype.strong=function(e){return\"\"+e+\"\"},r.prototype.em=function(e){return\"\"+e+\"\"},r.prototype.codespan=function(e){return\"\"+e+\"\"},r.prototype.br=function(){return this.options.xhtml?\"
                                                    \":\"
                                                    \"},r.prototype.del=function(e){return\"\"+e+\"\"},r.prototype.link=function(e,t,n){if(null===(e=l(this.options.sanitize,this.options.baseUrl,e)))return n;var r='                                                    \"+n+\"\"},r.prototype.image=function(e,t,n){if(null===(e=l(this.options.sanitize,this.options.baseUrl,e)))return n;var r='\"'+n+'\"';return\":\">\"},r.prototype.text=function(e){return e},s.prototype.strong=s.prototype.em=s.prototype.codespan=s.prototype.del=s.prototype.text=function(e){return e},s.prototype.link=s.prototype.image=function(e,t,n){return\"\"+n},s.prototype.br=function(){return\"\"},h.parse=function(e,t){return new h(t).parse(e)},h.prototype.parse=function(e){this.inline=new p(e.links,this.options),this.inlineText=new p(e.links,d({},this.options,{renderer:new s})),this.tokens=e.reverse();for(var t=\"\";this.next();)t+=this.tok();return t},h.prototype.next=function(){return this.token=this.tokens.pop(),this.token},h.prototype.peek=function(){return this.tokens[this.tokens.length-1]||0},h.prototype.parseText=function(){for(var e=this.token.text;\"text\"===this.peek().type;)e+=\"\\n\"+this.next().text;return this.inline.output(e)},h.prototype.tok=function(){switch(this.token.type){case\"space\":return\"\";case\"hr\":return this.renderer.hr();case\"heading\":return this.renderer.heading(this.inline.output(this.token.text),this.token.depth,c(this.inlineText.output(this.token.text)),this.slugger);case\"code\":return this.renderer.code(this.token.text,this.token.lang,this.token.escaped);case\"table\":var e,t,n,r,s=\"\",i=\"\";for(n=\"\",e=0;e?@[\\]^`{|}~]/g,\"\").replace(/\\s/g,\"-\");if(this.seen.hasOwnProperty(t))for(var n=t;this.seen[n]++,t=n+\"-\"+this.seen[n],this.seen.hasOwnProperty(t););return this.seen[t]=0,t},u.escapeTest=/[&<>\"']/,u.escapeReplace=/[&<>\"']/g,u.replacements={\"&\":\"&\",\"<\":\"<\",\">\":\">\",'\"':\""\",\"'\":\"'\"},u.escapeTestNoEncode=/[<>\"']|&(?!#?\\w+;)/,u.escapeReplaceNoEncode=/[<>\"']|&(?!#?\\w+;)/g;var o={},g=/^$|^[a-z][a-z0-9+.-]*:|^[?#]/i;function f(){}function d(e){for(var t,n,r=1;rt)n.splice(t);else for(;n.lengthAn error occurred:

                                                    \"+u(e.message+\"\",!0)+\"
                                                    \";throw e}}f.exec=f,b.options=b.setOptions=function(e){return d(b.defaults,e),b},b.getDefaults=function(){return{baseUrl:null,breaks:!1,gfm:!0,headerIds:!0,headerPrefix:\"\",highlight:null,langPrefix:\"language-\",mangle:!0,pedantic:!1,renderer:new r,sanitize:!1,sanitizer:null,silent:!1,smartLists:!1,smartypants:!1,tables:!0,xhtml:!1}},b.defaults=b.getDefaults(),b.Parser=h,b.parser=h.parse,b.Renderer=r,b.TextRenderer=s,b.Lexer=a,b.lexer=a.lex,b.InlineLexer=p,b.inlineLexer=p.output,b.Slugger=t,b.parse=b,\"undefined\"!=typeof module&&\"object\"==typeof exports?module.exports=b:\"function\"==typeof define&&define.amd?define(function(){return b}):e.marked=b}(this||(\"undefined\"!=typeof window?window:global));","/*!\n * PatternFly Elements: PfeMarkdown 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\nimport PFElement from \"../../pfelement/dist/pfelement.umd\";\nimport marked from \"marked/marked.min.js\";\n\nclass PfeMarkdown extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return ``;\n }\n\n static get properties() {\n return {};\n }\n\n static get slots() {\n return {\"default\":{\"title\":\"Markdown\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-markdown\";\n }\n\n get templateUrl() {\n return \"pfe-markdown.html\";\n }\n\n get styleUrl() {\n return \"pfe-markdown.scss\";\n }\n\n get schemaUrl() {\n return \"pfe-markdown.json\";\n }\n\n get markdown() {\n return this._markdown;\n }\n\n set markdown(text) {\n if (!text) {\n return;\n }\n\n this._markdown = this._unindent(text);\n this.renderMarkdown();\n }\n\n constructor() {\n super(PfeMarkdown);\n\n this._markdown = null;\n this._markdownRender = null;\n this._markdownContainer = null;\n this._observerConfig = { childList: true, subtree: true };\n this._readyStateChangeHandler = this._readyStateChangeHandler.bind(this);\n\n this.observer = new MutationObserver((mutationList, observer) => {\n if (!this._markdownContainer.textContent) {\n this._markdownRender.innerHTML = \"\";\n return;\n }\n\n // TODO: when we stop supporting IE11, the need to disconnect and\n // then reconnect will no longer be needed\n observer.disconnect();\n this.markdown = this._markdownContainer.textContent;\n this._muationObserve();\n });\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this._markdownRender = document.createElement(\"div\");\n this._markdownRender.setAttribute(\"pfe-markdown-render\", \"\");\n this.appendChild(this._markdownRender);\n\n this.shadowRoot.querySelector(\"slot\").addEventListener(\"slotchange\", () => {\n if (!this._markdownContainer) {\n this._markdownContainer = this.querySelector(\n \"[pfe-markdown-container]\"\n );\n this._markdownContainer.style.display = \"none\";\n\n this._init();\n }\n });\n }\n\n disconnectedCallback() {\n this.observer.disconnect();\n }\n\n _readyStateChangeHandler(event) {\n if (event.target.readyState === \"complete\") {\n document.removeEventListener(\n \"readystatechange\",\n this._readyStateChangeHandler\n );\n this._init();\n }\n }\n\n _init() {\n if (this._markdownContainer.textContent) {\n this.markdown = this._markdownContainer.textContent;\n }\n\n this._muationObserve();\n }\n\n renderMarkdown() {\n this._markdownRender.innerHTML = marked(this.markdown);\n }\n\n _muationObserve() {\n this.observer.observe(this._markdownContainer, this._observerConfig);\n }\n\n // pulled from https://github.com/PolymerElements/marked-element/blob/master/marked-element.js#L340\n _unindent(text) {\n if (!text) {\n return text;\n }\n\n const lines = text.replace(/\\t/g, \" \").split(\"\\n\");\n const indent = lines.reduce(function(prev, line) {\n if (/^\\s*$/.test(line)) {\n return prev; // Completely ignore blank lines.\n }\n\n const lineIndent = line.match(/^(\\s*)/)[0].length;\n\n if (prev === null) {\n return lineIndent;\n }\n\n return lineIndent < prev ? lineIndent : prev;\n }, null);\n\n return lines\n .map(function(l) {\n return l.substr(indent);\n })\n .join(\"\\n\");\n }\n}\n\nPFElement.create(PfeMarkdown);\n\nexport default PfeMarkdown;\n"],"names":["e","x","newline","code","fences","f","hr","heading","nptable","blockquote","list","html","def","table","lheading","paragraph","text","a","tokens","links","Object","create","options","b","defaults","rules","normal","pedantic","gfm","tables","_label","_title","i","replace","getRegex","bullet","item","source","_tag","_comment","d","lex","t","prototype","token","n","r","s","l","o","h","p","u","c","g","m","exec","substring","length","push","type","k","trimRight","codeBlockStyle","_","lang","trim","depth","header","y","align","split","cells","test","ordered","start","loose","match","indexOf","RegExp","smartLists","slice","join","charAt","task","checked","sanitize","pre","sanitizer","toLowerCase","href","title","Error","charCodeAt","escape","autolink","url","tag","link","reflink","nolink","strong","em","br","del","renderer","breaks","slugger","seen","escapeTest","escapeReplace","replacements","escapeTestNoEncode","escapeReplaceNoEncode","String","fromCharCode","parseInt","decodeURIComponent","encodeURI","_punctuation","_escapes","_scheme","_email","_attribute","_href","_extended_email","_backpedal","output","inLink","inRawBlock","outputLink","escapes","codespan","mangle","smartypants","image","Math","random","toString","highlight","langPrefix","headerIds","headerPrefix","slug","xhtml","listitem","checkbox","tablerow","tablecell","baseUrl","parse","inline","inlineText","reverse","next","tok","pop","peek","parseText","escaped","silent","console","log","hasOwnProperty","arguments","call","splice","substr","message","setOptions","getDefaults","Parser","parser","Renderer","TextRenderer","Lexer","lexer","InlineLexer","inlineLexer","Slugger","module","this","window","global","PfeMarkdown","_markdown","_unindent","renderMarkdown","_markdownRender","_markdownContainer","_observerConfig","childList","subtree","_readyStateChangeHandler","bind","observer","MutationObserver","mutationList","textContent","innerHTML","disconnect","markdown","_muationObserve","document","createElement","setAttribute","appendChild","shadowRoot","querySelector","addEventListener","style","display","_init","event","target","readyState","removeEventListener","marked","observe","lines","indent","reduce","prev","line","lineIndent","map","PFElement"],"mappings":"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"} \ No newline at end of file diff --git a/elements/pfe-markdown/dist/pfe-markdown.umd.min.js b/elements/pfe-markdown/dist/pfe-markdown.umd.min.js new file mode 100644 index 0000000000..6112b4211a --- /dev/null +++ b/elements/pfe-markdown/dist/pfe-markdown.umd.min.js @@ -0,0 +1,2 @@ +!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("../../pfelement/dist/pfelement.umd")):"function"==typeof define&&define.amd?define(["../../pfelement/dist/pfelement.umd"],t):e.PfeMarkdown=t(e.PFElement)}(this,function(e){"use strict";e=e&&e.hasOwnProperty("default")?e.default:e;var t="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};var n,r=(function(m,e){!function(){var y={newline:/^\n+/,code:/^( {4}[^\n]+\n*)+/,fences:d,hr:/^ {0,3}((?:- *){3,}|(?:_ *){3,}|(?:\* *){3,})(?:\n+|$)/,heading:/^ *(#{1,6}) *([^\n]+?) *(?:#+ *)?(?:\n+|$)/,nptable:d,blockquote:/^( {0,3}> ?(paragraph|[^\n]*)(?:\n|$))+/,list:/^( {0,3})(bull) [\s\S]+?(?:hr|def|\n{2,}(?! )(?!\1bull )\n*|\s*$)/,html:"^ {0,3}(?:<(script|pre|style)[\\s>][\\s\\S]*?(?:[^\\n]*\\n+|$)|comment[^\\n]*(\\n+|$)|<\\?[\\s\\S]*?\\?>\\n*|\\n*|\\n*|)[\\s\\S]*?(?:\\n{2,}|$)|<(?!script|pre|style)([a-z][\\w-]*)(?:attribute)*? */?>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:\\n{2,}|$)|(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:\\n{2,}|$))",def:/^ {0,3}\[(label)\]: *\n? *]+)>?(?:(?: +\n? *| *\n *)(title))? *(?:\n+|$)/,table:d,lheading:/^([^\n]+)\n {0,3}(=|-){2,} *(?:\n+|$)/,paragraph:/^([^\n]+(?:\n(?!hr|heading|lheading| {0,3}>|<\/?(?:tag)(?: +|\n|\/?>)|<(?:script|pre|style|!--))[^\n]+)*)/,text:/^[^\n]+/};function l(e){this.tokens=[],this.tokens.links=Object.create(null),this.options=e||k.defaults,this.rules=y.normal,this.options.pedantic?this.rules=y.pedantic:this.options.gfm&&(this.options.tables?this.rules=y.tables:this.rules=y.gfm)}y._label=/(?!\s*\])(?:\\[\[\]]|[^\[\]])+/,y._title=/(?:"(?:\\"?|[^"\\])*"|'[^'\n]*(?:\n[^'\n]+)*\n?'|\([^()]*\))/,y.def=e(y.def).replace("label",y._label).replace("title",y._title).getRegex(),y.bullet=/(?:[*+-]|\d{1,9}\.)/,y.item=/^( *)(bull) ?[^\n]*(?:\n(?!\1bull ?)[^\n]*)*/,y.item=e(y.item,"gm").replace(/bull/g,y.bullet).getRegex(),y.list=e(y.list).replace(/bull/g,y.bullet).replace("hr","\\n+(?=\\1?(?:(?:- *){3,}|(?:_ *){3,}|(?:\\* *){3,})(?:\\n+|$))").replace("def","\\n+(?="+y.def.source+")").getRegex(),y._tag="address|article|aside|base|basefont|blockquote|body|caption|center|col|colgroup|dd|details|dialog|dir|div|dl|dt|fieldset|figcaption|figure|footer|form|frame|frameset|h[1-6]|head|header|hr|html|iframe|legend|li|link|main|menu|menuitem|meta|nav|noframes|ol|optgroup|option|p|param|section|source|summary|table|tbody|td|tfoot|th|thead|title|tr|track|ul",y._comment=//,y.html=e(y.html,"i").replace("comment",y._comment).replace("tag",y._tag).replace("attribute",/ +[a-zA-Z:_][\w.:-]*(?: *= *"[^"\n]*"| *= *'[^'\n]*'| *= *[^\s"'=<>`]+)?/).getRegex(),y.paragraph=e(y.paragraph).replace("hr",y.hr).replace("heading",y.heading).replace("lheading",y.lheading).replace("tag",y._tag).getRegex(),y.blockquote=e(y.blockquote).replace("paragraph",y.paragraph).getRegex(),y.normal=f({},y),y.gfm=f({},y.normal,{fences:/^ {0,3}(`{3,}|~{3,})([^`\n]*)\n(?:|([\s\S]*?)\n)(?: {0,3}\1[~`]* *(?:\n+|$)|$)/,paragraph:/^/,heading:/^ *(#{1,6}) +([^\n]+?) *#* *(?:\n+|$)/}),y.gfm.paragraph=e(y.paragraph).replace("(?!","(?!"+y.gfm.fences.source.replace("\\1","\\2")+"|"+y.list.source.replace("\\1","\\3")+"|").getRegex(),y.tables=f({},y.gfm,{nptable:/^ *([^|\n ].*\|.*)\n *([-:]+ *\|[-| :]*)(?:\n((?:.*[^>\n ].*(?:\n|$))*)\n*|$)/,table:/^ *\|(.+)\n *\|?( *[-:]+[-| :]*)(?:\n((?: *[^>\n ].*(?:\n|$))*)\n*|$)/}),y.pedantic=f({},y.normal,{html:e("^ *(?:comment *(?:\\n|\\s*$)|<(tag)[\\s\\S]+? *(?:\\n{2,}|\\s*$)|\\s]*)*?/?> *(?:\\n{2,}|\\s*$))").replace("comment",y._comment).replace(/tag/g,"(?!(?:a|em|strong|small|s|cite|q|dfn|abbr|data|time|code|var|samp|kbd|sub|sup|i|b|u|mark|ruby|rt|rp|bdi|bdo|span|br|wbr|ins|del|img)\\b)\\w+(?!:|[^\\w\\s@]*@)\\b").getRegex(),def:/^ *\[([^\]]+)\]: *]+)>?(?: +(["(][^\n]+[")]))? *(?:\n+|$)/}),l.rules=y,l.lex=function(e,t){return new l(t).lex(e)},l.prototype.lex=function(e){return e=e.replace(/\r\n|\r/g,"\n").replace(/\t/g," ").replace(/\u00a0/g," ").replace(/\u2424/g,"\n"),this.token(e,!0)},l.prototype.token=function(e,t){var n,r,s,i,o,a,l,c,h,p,u,d,f,g,k,m;for(e=e.replace(/^ +$/gm,"");e;)if((s=this.rules.newline.exec(e))&&(e=e.substring(s[0].length),1 ?/gm,""),this.token(s,t),this.tokens.push({type:"blockquote_end"});else if(s=this.rules.list.exec(e)){for(e=e.substring(s[0].length),l={type:"list_start",ordered:g=1<(i=s[2]).length,start:g?+i:"",loose:!1},this.tokens.push(l),n=!(c=[]),f=(s=s[0].match(this.rules.item)).length,u=0;u?@\[\]\\^_`{|}~])/,autolink:/^<(scheme:[^\s\x00-\x1f<>]*|email)>/,url:d,tag:"^comment|^|^<[a-zA-Z][\\w-]*(?:attribute)*?\\s*/?>|^<\\?[\\s\\S]*?\\?>|^|^",link:/^!?\[(label)\]\(href(?:\s+(title))?\s*\)/,reflink:/^!?\[(label)\]\[(?!\s*\])((?:\\[\[\]]?|[^\[\]\\])+)\]/,nolink:/^!?\[(?!\s*\])((?:\[[^\[\]]*\]|\\[\[\]]|[^\[\]])*)\](?:\[\])?/,strong:/^__([^\s_])__(?!_)|^\*\*([^\s*])\*\*(?!\*)|^__([^\s][\s\S]*?[^\s])__(?!_)|^\*\*([^\s][\s\S]*?[^\s])\*\*(?!\*)/,em:/^_([^\s_])_(?!_)|^\*([^\s*<\[])\*(?!\*)|^_([^\s<][\s\S]*?[^\s_])_(?!_|[^\spunctuation])|^_([^\s_<][\s\S]*?[^\s])_(?!_|[^\spunctuation])|^\*([^\s<"][\s\S]*?[^\s\*])\*(?!\*|[^\spunctuation])|^\*([^\s*"<\[][\s\S]*?[^\s])\*(?!\*)/,code:/^(`+)([^`]|[^`][\s\S]*?[^`])\1(?!`)/,br:/^( {2,}|\\)\n(?!\s*$)/,del:d,text:/^(`+|[^`])(?:[\s\S]*?(?:(?=[\\?@\\[^_{|}~",n.em=e(n.em).replace(/punctuation/g,n._punctuation).getRegex(),n._escapes=/\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/g,n._scheme=/[a-zA-Z][a-zA-Z0-9+.-]{1,31}/,n._email=/[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+(@)[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+(?![-_])/,n.autolink=e(n.autolink).replace("scheme",n._scheme).replace("email",n._email).getRegex(),n._attribute=/\s+[a-zA-Z:_][\w.:-]*(?:\s*=\s*"[^"]*"|\s*=\s*'[^']*'|\s*=\s*[^\s"'=<>`]+)?/,n.tag=e(n.tag).replace("comment",y._comment).replace("attribute",n._attribute).getRegex(),n._label=/(?:\[[^\[\]]*\]|\\[\[\]]?|`[^`]*`|`(?!`)|[^\[\]\\`])*?/,n._href=/\s*(<(?:\\[<>]?|[^\s<>\\])*>|[^\s\x00-\x1f]*)/,n._title=/"(?:\\"?|[^"\\])*"|'(?:\\'?|[^'\\])*'|\((?:\\\)?|[^)\\])*\)/,n.link=e(n.link).replace("label",n._label).replace("href",n._href).replace("title",n._title).getRegex(),n.reflink=e(n.reflink).replace("label",n._label).getRegex(),n.normal=f({},n),n.pedantic=f({},n.normal,{strong:/^__(?=\S)([\s\S]*?\S)__(?!_)|^\*\*(?=\S)([\s\S]*?\S)\*\*(?!\*)/,em:/^_(?=\S)([\s\S]*?\S)_(?!_)|^\*(?=\S)([\s\S]*?\S)\*(?!\*)/,link:e(/^!?\[(label)\]\((.*?)\)/).replace("label",n._label).getRegex(),reflink:e(/^!?\[(label)\]\s*\[([^\]]*)\]/).replace("label",n._label).getRegex()}),n.gfm=f({},n.normal,{escape:e(n.escape).replace("])","~|])").getRegex(),_extended_email:/[A-Za-z0-9._+-]+(@)[a-zA-Z0-9-_]+(?:\.[a-zA-Z0-9-_]*[a-zA-Z0-9])+(?![-_])/,url:/^((?:ftp|https?):\/\/|www\.)(?:[a-zA-Z0-9\-]+\.?)+[^\s<]*|^email/,_backpedal:/(?:[^?!.,:;*_~()&]+|\([^)]*\)|&(?![a-zA-Z0-9]+;$)|[?!.,:;*_~)]+(?!$))+/,del:/^~+(?=\S)([\s\S]*?\S)~+/,text:/^(`+|[^`])(?:[\s\S]*?(?:(?=[\\/i.test(i[0])&&(this.inLink=!1),!this.inRawBlock&&/^<(pre|code|kbd|script)(\s|>)/i.test(i[0])?this.inRawBlock=!0:this.inRawBlock&&/^<\/(pre|code|kbd|script)(\s|>)/i.test(i[0])&&(this.inRawBlock=!1),e=e.substring(i[0].length),a+=this.options.sanitize?this.options.sanitizer?this.options.sanitizer(i[0]):p(i[0]):i[0];else if(i=this.rules.link.exec(e)){var l=g(i[2],"()");if(-1$/,"$1"),a+=this.outputLink(i,{href:h.escapes(r),title:h.escapes(s)}),this.inLink=!1}else if((i=this.rules.reflink.exec(e))||(i=this.rules.nolink.exec(e))){if(e=e.substring(i[0].length),t=(i[2]||i[1]).replace(/\s+/g," "),!(t=this.links[t.toLowerCase()])||!t.href){a+=i[0].charAt(0),e=i[0].substring(1)+e;continue}this.inLink=!0,a+=this.outputLink(i,t),this.inLink=!1}else if(i=this.rules.strong.exec(e))e=e.substring(i[0].length),a+=this.renderer.strong(this.output(i[4]||i[3]||i[2]||i[1]));else if(i=this.rules.em.exec(e))e=e.substring(i[0].length),a+=this.renderer.em(this.output(i[6]||i[5]||i[4]||i[3]||i[2]||i[1]));else if(i=this.rules.code.exec(e))e=e.substring(i[0].length),a+=this.renderer.codespan(p(i[2].trim(),!0));else if(i=this.rules.br.exec(e))e=e.substring(i[0].length),a+=this.renderer.br();else if(i=this.rules.del.exec(e))e=e.substring(i[0].length),a+=this.renderer.del(this.output(i[1]));else if(i=this.rules.autolink.exec(e))e=e.substring(i[0].length),r="@"===i[2]?"mailto:"+(n=p(this.mangle(i[1]))):n=p(i[1]),a+=this.renderer.link(r,null,n);else if(this.inLink||!(i=this.rules.url.exec(e))){if(i=this.rules.text.exec(e))e=e.substring(i[0].length),this.inRawBlock?a+=this.renderer.text(i[0]):a+=this.renderer.text(p(this.smartypants(i[0])));else if(e)throw new Error("Infinite loop on byte: "+e.charCodeAt(0))}else{if("@"===i[2])r="mailto:"+(n=p(i[0]));else{for(;o=i[0],i[0]=this.rules._backpedal.exec(i[0])[0],o!==i[0];);n=p(i[0]),r="www."===i[1]?"http://"+n:n}e=e.substring(i[0].length),a+=this.renderer.link(r,null,n)}return a},h.escapes=function(e){return e?e.replace(h.rules._escapes,"$1"):e},h.prototype.outputLink=function(e,t){var n=t.href,r=t.title?p(t.title):null;return"!"!==e[0].charAt(0)?this.renderer.link(n,r,this.output(e[1])):this.renderer.image(n,r,p(e[1]))},h.prototype.smartypants=function(e){return this.options.smartypants?e.replace(/---/g,"—").replace(/--/g,"–").replace(/(^|[-\u2014/(\[{"\s])'/g,"$1‘").replace(/'/g,"’").replace(/(^|[-\u2014/(\[{\u2018\s])"/g,"$1“").replace(/"/g,"”").replace(/\.{3}/g,"…"):e},h.prototype.mangle=function(e){if(!this.options.mangle)return e;for(var t,n="",r=e.length,s=0;s'+(n?e:p(e,!0))+"\n":"
                                                    "+(n?e:p(e,!0))+"
                                                    "},r.prototype.blockquote=function(e){return"
                                                    \n"+e+"
                                                    \n"},r.prototype.html=function(e){return e},r.prototype.heading=function(e,t,n,r){return this.options.headerIds?"'+e+"\n":""+e+"\n"},r.prototype.hr=function(){return this.options.xhtml?"
                                                    \n":"
                                                    \n"},r.prototype.list=function(e,t,n){var r=t?"ol":"ul";return"<"+r+(t&&1!==n?' start="'+n+'"':"")+">\n"+e+"\n"},r.prototype.listitem=function(e){return"
                                                  • "+e+"
                                                    • \n"},r.prototype.checkbox=function(e){return" "},r.prototype.paragraph=function(e){return"

                                                    "+e+"

                                                    \n"},r.prototype.table=function(e,t){return"\n\n"+e+"\n"+(t=t&&""+t+"")+"
                                                    \n"},r.prototype.tablerow=function(e){return"\n"+e+"\n"},r.prototype.tablecell=function(e,t){var n=t.header?"th":"td";return(t.align?"<"+n+' align="'+t.align+'">':"<"+n+">")+e+"\n"},r.prototype.strong=function(e){return""+e+""},r.prototype.em=function(e){return""+e+""},r.prototype.codespan=function(e){return""+e+""},r.prototype.br=function(){return this.options.xhtml?"
                                                    ":"
                                                    "},r.prototype.del=function(e){return""+e+""},r.prototype.link=function(e,t,n){if(null===(e=i(this.options.sanitize,this.options.baseUrl,e)))return n;var r='"+n+""},r.prototype.image=function(e,t,n){if(null===(e=i(this.options.sanitize,this.options.baseUrl,e)))return n;var r=''+n+'":">")},r.prototype.text=function(e){return e},s.prototype.strong=s.prototype.em=s.prototype.codespan=s.prototype.del=s.prototype.text=function(e){return e},s.prototype.link=s.prototype.image=function(e,t,n){return""+n},s.prototype.br=function(){return""},c.parse=function(e,t){return new c(t).parse(e)},c.prototype.parse=function(e){this.inline=new h(e.links,this.options),this.inlineText=new h(e.links,f({},this.options,{renderer:new s})),this.tokens=e.reverse();for(var t="";this.next();)t+=this.tok();return t},c.prototype.next=function(){return this.token=this.tokens.pop(),this.token},c.prototype.peek=function(){return this.tokens[this.tokens.length-1]||0},c.prototype.parseText=function(){for(var e=this.token.text;"text"===this.peek().type;)e+="\n"+this.next().text;return this.inline.output(e)},c.prototype.tok=function(){switch(this.token.type){case"space":return"";case"hr":return this.renderer.hr();case"heading":return this.renderer.heading(this.inline.output(this.token.text),this.token.depth,u(this.inlineText.output(this.token.text)),this.slugger);case"code":return this.renderer.code(this.token.text,this.token.lang,this.token.escaped);case"table":var e,t,n,r,s="",i="";for(n="",e=0;e?@[\]^`{|}~]/g,"").replace(/\s/g,"-");if(this.seen.hasOwnProperty(t))for(var n=t;this.seen[n]++,t=n+"-"+this.seen[n],this.seen.hasOwnProperty(t););return this.seen[t]=0,t},p.escapeTest=/[&<>"']/,p.escapeReplace=/[&<>"']/g,p.replacements={"&":"&","<":"<",">":">",'"':""","'":"'"},p.escapeTestNoEncode=/[<>"']|&(?!#?\w+;)/,p.escapeReplaceNoEncode=/[<>"']|&(?!#?\w+;)/g;var o={},a=/^$|^[a-z][a-z0-9+.-]*:|^[?#]/i;function d(){}function f(e){for(var t,n,r=1;rt)n.splice(t);else for(;n.lengthAn error occurred:

                                                    "+p(e.message+"",!0)+"
                                                    ";throw e}}d.exec=d,k.options=k.setOptions=function(e){return f(k.defaults,e),k},k.getDefaults=function(){return{baseUrl:null,breaks:!1,gfm:!0,headerIds:!0,headerPrefix:"",highlight:null,langPrefix:"language-",mangle:!0,pedantic:!1,renderer:new r,sanitize:!1,sanitizer:null,silent:!1,smartLists:!1,smartypants:!1,tables:!0,xhtml:!1}},k.defaults=k.getDefaults(),k.Parser=c,k.parser=c.parse,k.Renderer=r,k.TextRenderer=s,k.Lexer=l,k.lexer=l.lex,k.InlineLexer=h,k.inlineLexer=h.output,k.Slugger=t,k.parse=k,m.exports=k}(t||"undefined"!=typeof window&&window)}(n={exports:{}},n.exports),n.exports),s=function(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),e};function i(e,t){for(var n=0;n:host([on=dark]){--pfe-broadcasted--text:var(--pfe-theme--color--text--on-dark, #fff);--pfe-broadcasted--link:var(--pfe-theme--color--link--on-dark, #99ccff);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover--on-dark, #cce6ff);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus--on-dark, #cce6ff);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited--on-dark, #b38cd9);--pfe-broadcasted--link-decoration:none;--pfe-broadcasted--link-decoration--hover:underline;--pfe-broadcasted--link-decoration--focus:underline;--pfe-broadcasted--link-decoration--visited:none}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host{color:#333!important;color:var(--pfe-theme--color--text,#333)!important}}:host([on=saturated]){--pfe-broadcasted--text:var(--pfe-theme--color--text--on-saturated, #fff);--pfe-broadcasted--link:var(--pfe-theme--color--link--on-saturated, #fff);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover--on-saturated, white);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus--on-saturated, white);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited--on-saturated, #b38cd9);--pfe-broadcasted--link-decoration:underline;--pfe-broadcasted--link-decoration--hover:underline;--pfe-broadcasted--link-decoration--focus:underline;--pfe-broadcasted--link-decoration--visited:underline}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host{color:#333!important;color:var(--pfe-theme--color--text,#333)!important}}:host([on=light]){--pfe-broadcasted--text:var(--pfe-theme--color--text, #333);--pfe-broadcasted--link:var(--pfe-theme--color--link, #06c);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover, #003366);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus, #003366);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited, rebeccapurple);--pfe-broadcasted--link-decoration:none;--pfe-broadcasted--link-decoration--hover:underline;--pfe-broadcasted--link-decoration--focus:underline;--pfe-broadcasted--link-decoration--visited:none}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host{color:#333!important;color:var(--pfe-theme--color--text,#333)!important}}:host{display:block;color:#333;color:var(--pfe-broadcasted--text,#333)}:host([hidden]){display:none}\n/*# sourceMappingURL=pfe-markdown.min.css.map */\n"}},{key:"templateUrl",get:function(){return"pfe-markdown.html"}},{key:"styleUrl",get:function(){return"pfe-markdown.scss"}},{key:"schemaUrl",get:function(){return"pfe-markdown.json"}},{key:"markdown",get:function(){return this._markdown},set:function(e){e&&(this._markdown=this._unindent(e),this.renderMarkdown())}}],[{key:"version",get:function(){return"1.0.0-prerelease.50"}},{key:"properties",get:function(){return{}}},{key:"slots",get:function(){return{default:{title:"Markdown",type:"array",namedSlot:!1,items:{oneOf:[{$ref:"raw"}]}}}}},{key:"tag",get:function(){return"pfe-markdown"}}]),s(a,[{key:"connectedCallback",value:function(){var e=this;(function e(t,n,r){null===t&&(t=Function.prototype);var s=Object.getOwnPropertyDescriptor(t,n);if(void 0===s){var i=Object.getPrototypeOf(t);return null===i?void 0:e(i,n,r)}if("value"in s)return s.value;var o=s.get;return void 0!==o?o.call(r):void 0})(a.prototype.__proto__||Object.getPrototypeOf(a.prototype),"connectedCallback",this).call(this),this._markdownRender=document.createElement("div"),this._markdownRender.setAttribute("pfe-markdown-render",""),this.appendChild(this._markdownRender),this.shadowRoot.querySelector("slot").addEventListener("slotchange",function(){e._markdownContainer||(e._markdownContainer=e.querySelector("[pfe-markdown-container]"),e._markdownContainer.style.display="none",e._init())})}},{key:"disconnectedCallback",value:function(){this.observer.disconnect()}},{key:"_readyStateChangeHandler",value:function(e){"complete"===e.target.readyState&&(document.removeEventListener("readystatechange",this._readyStateChangeHandler),this._init())}},{key:"_init",value:function(){this._markdownContainer.textContent&&(this.markdown=this._markdownContainer.textContent),this._muationObserve()}},{key:"renderMarkdown",value:function(){this._markdownRender.innerHTML=r(this.markdown)}},{key:"_muationObserve",value:function(){this.observer.observe(this._markdownContainer,this._observerConfig)}},{key:"_unindent",value:function(e){if(!e)return e;var t=e.replace(/\t/g," ").split("\n"),n=t.reduce(function(e,t){if(/^\s*$/.test(t))return e;var n=t.match(/^(\s*)/)[0].length;return null===e?n:n ?(paragraph|[^\\n]*)(?:\\n|$))+/,list:/^( {0,3})(bull) [\\s\\S]+?(?:hr|def|\\n{2,}(?! )(?!\\1bull )\\n*|\\s*$)/,html:\"^ {0,3}(?:<(script|pre|style)[\\\\s>][\\\\s\\\\S]*?(?:[^\\\\n]*\\\\n+|$)|comment[^\\\\n]*(\\\\n+|$)|<\\\\?[\\\\s\\\\S]*?\\\\?>\\\\n*|\\\\n*|\\\\n*|)[\\\\s\\\\S]*?(?:\\\\n{2,}|$)|<(?!script|pre|style)([a-z][\\\\w-]*)(?:attribute)*? */?>(?=[ \\\\t]*(?:\\\\n|$))[\\\\s\\\\S]*?(?:\\\\n{2,}|$)|(?=[ \\\\t]*(?:\\\\n|$))[\\\\s\\\\S]*?(?:\\\\n{2,}|$))\",def:/^ {0,3}\\[(label)\\]: *\\n? *]+)>?(?:(?: +\\n? *| *\\n *)(title))? *(?:\\n+|$)/,table:f,lheading:/^([^\\n]+)\\n {0,3}(=|-){2,} *(?:\\n+|$)/,paragraph:/^([^\\n]+(?:\\n(?!hr|heading|lheading| {0,3}>|<\\/?(?:tag)(?: +|\\n|\\/?>)|<(?:script|pre|style|!--))[^\\n]+)*)/,text:/^[^\\n]+/};function a(e){this.tokens=[],this.tokens.links=Object.create(null),this.options=e||b.defaults,this.rules=x.normal,this.options.pedantic?this.rules=x.pedantic:this.options.gfm&&(this.options.tables?this.rules=x.tables:this.rules=x.gfm)}x._label=/(?!\\s*\\])(?:\\\\[\\[\\]]|[^\\[\\]])+/,x._title=/(?:\"(?:\\\\\"?|[^\"\\\\])*\"|'[^'\\n]*(?:\\n[^'\\n]+)*\\n?'|\\([^()]*\\))/,x.def=i(x.def).replace(\"label\",x._label).replace(\"title\",x._title).getRegex(),x.bullet=/(?:[*+-]|\\d{1,9}\\.)/,x.item=/^( *)(bull) ?[^\\n]*(?:\\n(?!\\1bull ?)[^\\n]*)*/,x.item=i(x.item,\"gm\").replace(/bull/g,x.bullet).getRegex(),x.list=i(x.list).replace(/bull/g,x.bullet).replace(\"hr\",\"\\\\n+(?=\\\\1?(?:(?:- *){3,}|(?:_ *){3,}|(?:\\\\* *){3,})(?:\\\\n+|$))\").replace(\"def\",\"\\\\n+(?=\"+x.def.source+\")\").getRegex(),x._tag=\"address|article|aside|base|basefont|blockquote|body|caption|center|col|colgroup|dd|details|dialog|dir|div|dl|dt|fieldset|figcaption|figure|footer|form|frame|frameset|h[1-6]|head|header|hr|html|iframe|legend|li|link|main|menu|menuitem|meta|nav|noframes|ol|optgroup|option|p|param|section|source|summary|table|tbody|td|tfoot|th|thead|title|tr|track|ul\",x._comment=//,x.html=i(x.html,\"i\").replace(\"comment\",x._comment).replace(\"tag\",x._tag).replace(\"attribute\",/ +[a-zA-Z:_][\\w.:-]*(?: *= *\"[^\"\\n]*\"| *= *'[^'\\n]*'| *= *[^\\s\"'=<>`]+)?/).getRegex(),x.paragraph=i(x.paragraph).replace(\"hr\",x.hr).replace(\"heading\",x.heading).replace(\"lheading\",x.lheading).replace(\"tag\",x._tag).getRegex(),x.blockquote=i(x.blockquote).replace(\"paragraph\",x.paragraph).getRegex(),x.normal=d({},x),x.gfm=d({},x.normal,{fences:/^ {0,3}(`{3,}|~{3,})([^`\\n]*)\\n(?:|([\\s\\S]*?)\\n)(?: {0,3}\\1[~`]* *(?:\\n+|$)|$)/,paragraph:/^/,heading:/^ *(#{1,6}) +([^\\n]+?) *#* *(?:\\n+|$)/}),x.gfm.paragraph=i(x.paragraph).replace(\"(?!\",\"(?!\"+x.gfm.fences.source.replace(\"\\\\1\",\"\\\\2\")+\"|\"+x.list.source.replace(\"\\\\1\",\"\\\\3\")+\"|\").getRegex(),x.tables=d({},x.gfm,{nptable:/^ *([^|\\n ].*\\|.*)\\n *([-:]+ *\\|[-| :]*)(?:\\n((?:.*[^>\\n ].*(?:\\n|$))*)\\n*|$)/,table:/^ *\\|(.+)\\n *\\|?( *[-:]+[-| :]*)(?:\\n((?: *[^>\\n ].*(?:\\n|$))*)\\n*|$)/}),x.pedantic=d({},x.normal,{html:i(\"^ *(?:comment *(?:\\\\n|\\\\s*$)|<(tag)[\\\\s\\\\S]+? *(?:\\\\n{2,}|\\\\s*$)|\\\\s]*)*?/?> *(?:\\\\n{2,}|\\\\s*$))\").replace(\"comment\",x._comment).replace(/tag/g,\"(?!(?:a|em|strong|small|s|cite|q|dfn|abbr|data|time|code|var|samp|kbd|sub|sup|i|b|u|mark|ruby|rt|rp|bdi|bdo|span|br|wbr|ins|del|img)\\\\b)\\\\w+(?!:|[^\\\\w\\\\s@]*@)\\\\b\").getRegex(),def:/^ *\\[([^\\]]+)\\]: *]+)>?(?: +([\"(][^\\n]+[\")]))? *(?:\\n+|$)/}),a.rules=x,a.lex=function(e,t){return new a(t).lex(e)},a.prototype.lex=function(e){return e=e.replace(/\\r\\n|\\r/g,\"\\n\").replace(/\\t/g,\" \").replace(/\\u00a0/g,\" \").replace(/\\u2424/g,\"\\n\"),this.token(e,!0)},a.prototype.token=function(e,t){var n,r,s,i,l,o,a,h,p,u,c,g,f,d,m,b;for(e=e.replace(/^ +$/gm,\"\");e;)if((s=this.rules.newline.exec(e))&&(e=e.substring(s[0].length),1 ?/gm,\"\"),this.token(s,t),this.tokens.push({type:\"blockquote_end\"});else if(s=this.rules.list.exec(e)){for(e=e.substring(s[0].length),a={type:\"list_start\",ordered:d=1<(i=s[2]).length,start:d?+i:\"\",loose:!1},this.tokens.push(a),n=!(h=[]),f=(s=s[0].match(this.rules.item)).length,c=0;c?@\\[\\]\\\\^_`{|}~])/,autolink:/^<(scheme:[^\\s\\x00-\\x1f<>]*|email)>/,url:f,tag:\"^comment|^|^<[a-zA-Z][\\\\w-]*(?:attribute)*?\\\\s*/?>|^<\\\\?[\\\\s\\\\S]*?\\\\?>|^|^\",link:/^!?\\[(label)\\]\\(href(?:\\s+(title))?\\s*\\)/,reflink:/^!?\\[(label)\\]\\[(?!\\s*\\])((?:\\\\[\\[\\]]?|[^\\[\\]\\\\])+)\\]/,nolink:/^!?\\[(?!\\s*\\])((?:\\[[^\\[\\]]*\\]|\\\\[\\[\\]]|[^\\[\\]])*)\\](?:\\[\\])?/,strong:/^__([^\\s_])__(?!_)|^\\*\\*([^\\s*])\\*\\*(?!\\*)|^__([^\\s][\\s\\S]*?[^\\s])__(?!_)|^\\*\\*([^\\s][\\s\\S]*?[^\\s])\\*\\*(?!\\*)/,em:/^_([^\\s_])_(?!_)|^\\*([^\\s*<\\[])\\*(?!\\*)|^_([^\\s<][\\s\\S]*?[^\\s_])_(?!_|[^\\spunctuation])|^_([^\\s_<][\\s\\S]*?[^\\s])_(?!_|[^\\spunctuation])|^\\*([^\\s<\"][\\s\\S]*?[^\\s\\*])\\*(?!\\*|[^\\spunctuation])|^\\*([^\\s*\"<\\[][\\s\\S]*?[^\\s])\\*(?!\\*)/,code:/^(`+)([^`]|[^`][\\s\\S]*?[^`])\\1(?!`)/,br:/^( {2,}|\\\\)\\n(?!\\s*$)/,del:f,text:/^(`+|[^`])(?:[\\s\\S]*?(?:(?=[\\\\?@\\\\[^_{|}~\",n.em=i(n.em).replace(/punctuation/g,n._punctuation).getRegex(),n._escapes=/\\\\([!\"#$%&'()*+,\\-./:;<=>?@\\[\\]\\\\^_`{|}~])/g,n._scheme=/[a-zA-Z][a-zA-Z0-9+.-]{1,31}/,n._email=/[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+(@)[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+(?![-_])/,n.autolink=i(n.autolink).replace(\"scheme\",n._scheme).replace(\"email\",n._email).getRegex(),n._attribute=/\\s+[a-zA-Z:_][\\w.:-]*(?:\\s*=\\s*\"[^\"]*\"|\\s*=\\s*'[^']*'|\\s*=\\s*[^\\s\"'=<>`]+)?/,n.tag=i(n.tag).replace(\"comment\",x._comment).replace(\"attribute\",n._attribute).getRegex(),n._label=/(?:\\[[^\\[\\]]*\\]|\\\\[\\[\\]]?|`[^`]*`|`(?!`)|[^\\[\\]\\\\`])*?/,n._href=/\\s*(<(?:\\\\[<>]?|[^\\s<>\\\\])*>|[^\\s\\x00-\\x1f]*)/,n._title=/\"(?:\\\\\"?|[^\"\\\\])*\"|'(?:\\\\'?|[^'\\\\])*'|\\((?:\\\\\\)?|[^)\\\\])*\\)/,n.link=i(n.link).replace(\"label\",n._label).replace(\"href\",n._href).replace(\"title\",n._title).getRegex(),n.reflink=i(n.reflink).replace(\"label\",n._label).getRegex(),n.normal=d({},n),n.pedantic=d({},n.normal,{strong:/^__(?=\\S)([\\s\\S]*?\\S)__(?!_)|^\\*\\*(?=\\S)([\\s\\S]*?\\S)\\*\\*(?!\\*)/,em:/^_(?=\\S)([\\s\\S]*?\\S)_(?!_)|^\\*(?=\\S)([\\s\\S]*?\\S)\\*(?!\\*)/,link:i(/^!?\\[(label)\\]\\((.*?)\\)/).replace(\"label\",n._label).getRegex(),reflink:i(/^!?\\[(label)\\]\\s*\\[([^\\]]*)\\]/).replace(\"label\",n._label).getRegex()}),n.gfm=d({},n.normal,{escape:i(n.escape).replace(\"])\",\"~|])\").getRegex(),_extended_email:/[A-Za-z0-9._+-]+(@)[a-zA-Z0-9-_]+(?:\\.[a-zA-Z0-9-_]*[a-zA-Z0-9])+(?![-_])/,url:/^((?:ftp|https?):\\/\\/|www\\.)(?:[a-zA-Z0-9\\-]+\\.?)+[^\\s<]*|^email/,_backpedal:/(?:[^?!.,:;*_~()&]+|\\([^)]*\\)|&(?![a-zA-Z0-9]+;$)|[?!.,:;*_~)]+(?!$))+/,del:/^~+(?=\\S)([\\s\\S]*?\\S)~+/,text:/^(`+|[^`])(?:[\\s\\S]*?(?:(?=[\\\\/i.test(i[0])&&(this.inLink=!1),!this.inRawBlock&&/^<(pre|code|kbd|script)(\\s|>)/i.test(i[0])?this.inRawBlock=!0:this.inRawBlock&&/^<\\/(pre|code|kbd|script)(\\s|>)/i.test(i[0])&&(this.inRawBlock=!1),e=e.substring(i[0].length),o+=this.options.sanitize?this.options.sanitizer?this.options.sanitizer(i[0]):u(i[0]):i[0];else if(i=this.rules.link.exec(e)){var a=m(i[2],\"()\");if(-1$/,\"$1\"),o+=this.outputLink(i,{href:p.escapes(r),title:p.escapes(s)}),this.inLink=!1}else if((i=this.rules.reflink.exec(e))||(i=this.rules.nolink.exec(e))){if(e=e.substring(i[0].length),t=(i[2]||i[1]).replace(/\\s+/g,\" \"),!(t=this.links[t.toLowerCase()])||!t.href){o+=i[0].charAt(0),e=i[0].substring(1)+e;continue}this.inLink=!0,o+=this.outputLink(i,t),this.inLink=!1}else if(i=this.rules.strong.exec(e))e=e.substring(i[0].length),o+=this.renderer.strong(this.output(i[4]||i[3]||i[2]||i[1]));else if(i=this.rules.em.exec(e))e=e.substring(i[0].length),o+=this.renderer.em(this.output(i[6]||i[5]||i[4]||i[3]||i[2]||i[1]));else if(i=this.rules.code.exec(e))e=e.substring(i[0].length),o+=this.renderer.codespan(u(i[2].trim(),!0));else if(i=this.rules.br.exec(e))e=e.substring(i[0].length),o+=this.renderer.br();else if(i=this.rules.del.exec(e))e=e.substring(i[0].length),o+=this.renderer.del(this.output(i[1]));else if(i=this.rules.autolink.exec(e))e=e.substring(i[0].length),r=\"@\"===i[2]?\"mailto:\"+(n=u(this.mangle(i[1]))):n=u(i[1]),o+=this.renderer.link(r,null,n);else if(this.inLink||!(i=this.rules.url.exec(e))){if(i=this.rules.text.exec(e))e=e.substring(i[0].length),this.inRawBlock?o+=this.renderer.text(i[0]):o+=this.renderer.text(u(this.smartypants(i[0])));else if(e)throw new Error(\"Infinite loop on byte: \"+e.charCodeAt(0))}else{if(\"@\"===i[2])r=\"mailto:\"+(n=u(i[0]));else{for(;l=i[0],i[0]=this.rules._backpedal.exec(i[0])[0],l!==i[0];);n=u(i[0]),r=\"www.\"===i[1]?\"http://\"+n:n}e=e.substring(i[0].length),o+=this.renderer.link(r,null,n)}return o},p.escapes=function(e){return e?e.replace(p.rules._escapes,\"$1\"):e},p.prototype.outputLink=function(e,t){var n=t.href,r=t.title?u(t.title):null;return\"!\"!==e[0].charAt(0)?this.renderer.link(n,r,this.output(e[1])):this.renderer.image(n,r,u(e[1]))},p.prototype.smartypants=function(e){return this.options.smartypants?e.replace(/---/g,\"—\").replace(/--/g,\"–\").replace(/(^|[-\\u2014/(\\[{\"\\s])'/g,\"$1‘\").replace(/'/g,\"’\").replace(/(^|[-\\u2014/(\\[{\\u2018\\s])\"/g,\"$1“\").replace(/\"/g,\"”\").replace(/\\.{3}/g,\"…\"):e},p.prototype.mangle=function(e){if(!this.options.mangle)return e;for(var t,n=\"\",r=e.length,s=0;s'+(n?e:u(e,!0))+\"\\n\":\"
                                                    \"+(n?e:u(e,!0))+\"
                                                    \"},r.prototype.blockquote=function(e){return\"
                                                    \\n\"+e+\"
                                                    \\n\"},r.prototype.html=function(e){return e},r.prototype.heading=function(e,t,n,r){return this.options.headerIds?\"'+e+\"\\n\":\"\"+e+\"\\n\"},r.prototype.hr=function(){return this.options.xhtml?\"
                                                    \\n\":\"
                                                    \\n\"},r.prototype.list=function(e,t,n){var r=t?\"ol\":\"ul\";return\"<\"+r+(t&&1!==n?' start=\"'+n+'\"':\"\")+\">\\n\"+e+\"\\n\"},r.prototype.listitem=function(e){return\"
                                                  • \"+e+\"
                                                    • \\n\"},r.prototype.checkbox=function(e){return\" \"},r.prototype.paragraph=function(e){return\"

                                                    \"+e+\"

                                                    \\n\"},r.prototype.table=function(e,t){return t&&(t=\"\"+t+\"\"),\"\\n\\n\"+e+\"\\n\"+t+\"
                                                    \\n\"},r.prototype.tablerow=function(e){return\"\\n\"+e+\"\\n\"},r.prototype.tablecell=function(e,t){var n=t.header?\"th\":\"td\";return(t.align?\"<\"+n+' align=\"'+t.align+'\">':\"<\"+n+\">\")+e+\"\\n\"},r.prototype.strong=function(e){return\"\"+e+\"\"},r.prototype.em=function(e){return\"\"+e+\"\"},r.prototype.codespan=function(e){return\"\"+e+\"\"},r.prototype.br=function(){return this.options.xhtml?\"
                                                    \":\"
                                                    \"},r.prototype.del=function(e){return\"\"+e+\"\"},r.prototype.link=function(e,t,n){if(null===(e=l(this.options.sanitize,this.options.baseUrl,e)))return n;var r='\"+n+\"\"},r.prototype.image=function(e,t,n){if(null===(e=l(this.options.sanitize,this.options.baseUrl,e)))return n;var r='\"'+n+'\"';return\":\">\"},r.prototype.text=function(e){return e},s.prototype.strong=s.prototype.em=s.prototype.codespan=s.prototype.del=s.prototype.text=function(e){return e},s.prototype.link=s.prototype.image=function(e,t,n){return\"\"+n},s.prototype.br=function(){return\"\"},h.parse=function(e,t){return new h(t).parse(e)},h.prototype.parse=function(e){this.inline=new p(e.links,this.options),this.inlineText=new p(e.links,d({},this.options,{renderer:new s})),this.tokens=e.reverse();for(var t=\"\";this.next();)t+=this.tok();return t},h.prototype.next=function(){return this.token=this.tokens.pop(),this.token},h.prototype.peek=function(){return this.tokens[this.tokens.length-1]||0},h.prototype.parseText=function(){for(var e=this.token.text;\"text\"===this.peek().type;)e+=\"\\n\"+this.next().text;return this.inline.output(e)},h.prototype.tok=function(){switch(this.token.type){case\"space\":return\"\";case\"hr\":return this.renderer.hr();case\"heading\":return this.renderer.heading(this.inline.output(this.token.text),this.token.depth,c(this.inlineText.output(this.token.text)),this.slugger);case\"code\":return this.renderer.code(this.token.text,this.token.lang,this.token.escaped);case\"table\":var e,t,n,r,s=\"\",i=\"\";for(n=\"\",e=0;e?@[\\]^`{|}~]/g,\"\").replace(/\\s/g,\"-\");if(this.seen.hasOwnProperty(t))for(var n=t;this.seen[n]++,t=n+\"-\"+this.seen[n],this.seen.hasOwnProperty(t););return this.seen[t]=0,t},u.escapeTest=/[&<>\"']/,u.escapeReplace=/[&<>\"']/g,u.replacements={\"&\":\"&\",\"<\":\"<\",\">\":\">\",'\"':\""\",\"'\":\"'\"},u.escapeTestNoEncode=/[<>\"']|&(?!#?\\w+;)/,u.escapeReplaceNoEncode=/[<>\"']|&(?!#?\\w+;)/g;var o={},g=/^$|^[a-z][a-z0-9+.-]*:|^[?#]/i;function f(){}function d(e){for(var t,n,r=1;rt)n.splice(t);else for(;n.lengthAn error occurred:

                                                    \"+u(e.message+\"\",!0)+\"
                                                    \";throw e}}f.exec=f,b.options=b.setOptions=function(e){return d(b.defaults,e),b},b.getDefaults=function(){return{baseUrl:null,breaks:!1,gfm:!0,headerIds:!0,headerPrefix:\"\",highlight:null,langPrefix:\"language-\",mangle:!0,pedantic:!1,renderer:new r,sanitize:!1,sanitizer:null,silent:!1,smartLists:!1,smartypants:!1,tables:!0,xhtml:!1}},b.defaults=b.getDefaults(),b.Parser=h,b.parser=h.parse,b.Renderer=r,b.TextRenderer=s,b.Lexer=a,b.lexer=a.lex,b.InlineLexer=p,b.inlineLexer=p.output,b.Slugger=t,b.parse=b,\"undefined\"!=typeof module&&\"object\"==typeof exports?module.exports=b:\"function\"==typeof define&&define.amd?define(function(){return b}):e.marked=b}(this||(\"undefined\"!=typeof window?window:global));","/*!\n * PatternFly Elements: PfeMarkdown 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\nimport PFElement from \"../../pfelement/dist/pfelement.umd\";\nimport marked from \"marked/marked.min.js\";\n\nclass PfeMarkdown extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return ``;\n }\n\n static get properties() {\n return {};\n }\n\n static get slots() {\n return {\"default\":{\"title\":\"Markdown\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-markdown\";\n }\n\n get templateUrl() {\n return \"pfe-markdown.html\";\n }\n\n get styleUrl() {\n return \"pfe-markdown.scss\";\n }\n\n get schemaUrl() {\n return \"pfe-markdown.json\";\n }\n\n get markdown() {\n return this._markdown;\n }\n\n set markdown(text) {\n if (!text) {\n return;\n }\n\n this._markdown = this._unindent(text);\n this.renderMarkdown();\n }\n\n constructor() {\n super(PfeMarkdown);\n\n this._markdown = null;\n this._markdownRender = null;\n this._markdownContainer = null;\n this._observerConfig = { childList: true, subtree: true };\n this._readyStateChangeHandler = this._readyStateChangeHandler.bind(this);\n\n this.observer = new MutationObserver((mutationList, observer) => {\n if (!this._markdownContainer.textContent) {\n this._markdownRender.innerHTML = \"\";\n return;\n }\n\n // TODO: when we stop supporting IE11, the need to disconnect and\n // then reconnect will no longer be needed\n observer.disconnect();\n this.markdown = this._markdownContainer.textContent;\n this._muationObserve();\n });\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this._markdownRender = document.createElement(\"div\");\n this._markdownRender.setAttribute(\"pfe-markdown-render\", \"\");\n this.appendChild(this._markdownRender);\n\n this.shadowRoot.querySelector(\"slot\").addEventListener(\"slotchange\", () => {\n if (!this._markdownContainer) {\n this._markdownContainer = this.querySelector(\n \"[pfe-markdown-container]\"\n );\n this._markdownContainer.style.display = \"none\";\n\n this._init();\n }\n });\n }\n\n disconnectedCallback() {\n this.observer.disconnect();\n }\n\n _readyStateChangeHandler(event) {\n if (event.target.readyState === \"complete\") {\n document.removeEventListener(\n \"readystatechange\",\n this._readyStateChangeHandler\n );\n this._init();\n }\n }\n\n _init() {\n if (this._markdownContainer.textContent) {\n this.markdown = this._markdownContainer.textContent;\n }\n\n this._muationObserve();\n }\n\n renderMarkdown() {\n this._markdownRender.innerHTML = marked(this.markdown);\n }\n\n _muationObserve() {\n this.observer.observe(this._markdownContainer, this._observerConfig);\n }\n\n // pulled from https://github.com/PolymerElements/marked-element/blob/master/marked-element.js#L340\n _unindent(text) {\n if (!text) {\n return text;\n }\n\n const lines = text.replace(/\\t/g, \" \").split(\"\\n\");\n const indent = lines.reduce(function(prev, line) {\n if (/^\\s*$/.test(line)) {\n return prev; // Completely ignore blank lines.\n }\n\n const lineIndent = line.match(/^(\\s*)/)[0].length;\n\n if (prev === null) {\n return lineIndent;\n }\n\n return lineIndent < prev ? lineIndent : prev;\n }, null);\n\n return lines\n .map(function(l) {\n return l.substr(indent);\n })\n .join(\"\\n\");\n }\n}\n\nPFElement.create(PfeMarkdown);\n\nexport default PfeMarkdown;\n"],"names":["x","newline","code","fences","f","hr","heading","nptable","blockquote","list","html","def","table","lheading","paragraph","text","a","e","tokens","this","links","Object","create","options","b","defaults","rules","normal","pedantic","gfm","tables","_label","_title","i","replace","getRegex","bullet","item","source","_tag","_comment","d","lex","t","prototype","token","n","r","s","l","o","h","p","u","c","g","m","exec","substring","length","push","type","k","trimRight","codeBlockStyle","_","lang","trim","depth","header","y","align","split","cells","test","ordered","start","loose","match","indexOf","RegExp","smartLists","slice","join","charAt","task","checked","sanitize","pre","sanitizer","toLowerCase","href","title","Error","charCodeAt","escape","autolink","url","tag","link","reflink","nolink","strong","em","br","del","renderer","breaks","slugger","seen","escapeTest","escapeReplace","replacements","escapeTestNoEncode","escapeReplaceNoEncode","String","fromCharCode","parseInt","decodeURIComponent","encodeURI","_punctuation","_escapes","_scheme","_email","_attribute","_href","_extended_email","_backpedal","output","inLink","inRawBlock","outputLink","escapes","codespan","mangle","smartypants","image","Math","random","toString","highlight","langPrefix","headerIds","headerPrefix","slug","xhtml","listitem","checkbox","tablerow","tablecell","baseUrl","parse","inline","inlineText","reverse","next","tok","pop","peek","parseText","escaped","silent","console","log","hasOwnProperty","&","<",">","\"","'","arguments","call","splice","substr","message","setOptions","getDefaults","Parser","parser","Renderer","TextRenderer","Lexer","lexer","InlineLexer","inlineLexer","Slugger","module","window","PfeMarkdown","PFElement","_markdown","_unindent","renderMarkdown","default","namedSlot","items","oneOf","$ref","_markdownRender","document","createElement","setAttribute","appendChild","shadowRoot","querySelector","addEventListener","_this2","_markdownContainer","style","display","_init","observer","disconnect","event","target","readyState","removeEventListener","_readyStateChangeHandler","textContent","markdown","_muationObserve","innerHTML","marked","observe","_observerConfig","lines","indent","reduce","prev","line","lineIndent","map","childList","subtree","_this","bind","MutationObserver","mutationList"],"mappings":"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"} \ No newline at end of file diff --git a/elements/pfe-markdown/package-lock.json b/elements/pfe-markdown/package-lock.json index 70acf01d53..518a8d12b4 100644 --- a/elements/pfe-markdown/package-lock.json +++ b/elements/pfe-markdown/package-lock.json @@ -1,6 +1,6 @@ { "name": "@patternfly/pfe-markdown", - "version": "1.0.0-prerelease.49", + "version": "1.0.0-prerelease.50", "lockfileVersion": 1, "requires": true, "dependencies": { diff --git a/elements/pfe-markdown/package.json b/elements/pfe-markdown/package.json index 7aed079763..cde9023420 100644 --- a/elements/pfe-markdown/package.json +++ b/elements/pfe-markdown/package.json @@ -4,7 +4,7 @@ "className": "PfeMarkdown", "elementName": "pfe-markdown" }, - "version": "1.0.0-prerelease.49", + "version": "1.0.0-prerelease.50", "description": "Markdown element for PatternFly Elements", "repository": { "type": "git", @@ -39,8 +39,8 @@ ], "license": "MIT", "dependencies": { - "@patternfly/pfe-sass": "^1.0.0-prerelease.49", - "@patternfly/pfelement": "^1.0.0-prerelease.49", + "@patternfly/pfe-sass": "^1.0.0-prerelease.50", + "@patternfly/pfelement": "^1.0.0-prerelease.50", "marked": "^0.6.1" }, "generator-pfelement-version": "1.1.0", diff --git a/elements/pfe-modal/dist/pfe-modal.js b/elements/pfe-modal/dist/pfe-modal.js new file mode 100644 index 0000000000..a565b4febb --- /dev/null +++ b/elements/pfe-modal/dist/pfe-modal.js @@ -0,0 +1,274 @@ +import PFElement from '../../pfelement/dist/pfelement.js'; + +// @POLYFILL String.prototype.startsWith +// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/startsWith +if (!String.prototype.startsWith) { + Object.defineProperty(String.prototype, "startsWith", { + value: function(search, rawPos) { + var pos = rawPos > 0 ? rawPos | 0 : 0; + return this.substring(pos, pos + search.length) === search; + } + }); +} + +/*! + * PatternFly Elements: PfeModal 1.0.0-prerelease.50 + * @license + * Copyright 2020 Red Hat, Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + * +*/ + +class PfeModal extends PFElement { + static get version() { + return "1.0.0-prerelease.50"; + } + + get html() { + return ` +`; + } + + static get properties() { + return {}; + } + + static get slots() { + return {"trigger":{"title":"Trigger","type":"array","namedSlot":true,"items":{"oneOf":[{"$ref":"raw"}]}},"header":{"title":"Header","type":"array","namedSlot":true,"items":{"oneOf":[{"$ref":"raw"}]}},"body":{"title":"Body","type":"array","namedSlot":false,"items":{"oneOf":[{"$ref":"raw"}]}}}; + } + static get tag() { + return "pfe-modal"; + } + + get templateUrl() { + return "pfe-modal.html"; + } + + get schemaUrl() { + return "pfe-modal.json"; + } + + get styleUrl() { + return "pfe-modal.scss"; + } + + // Declare the type of this component + static get PfeType() { + return PFElement.PfeTypes.Container; + } + + static get events() { + return { + open: `${this.tag}:open`, + close: `${this.tag}:close` + }; + } + + constructor() { + super(PfeModal, { type: PfeModal.PfeType }); + + this.header_id = this.randomId; + this.isOpen = false; + + this._keydownHandler = this._keydownHandler.bind(this); + this.toggle = this.toggle.bind(this); + + // These fire custom events + this.open = this.open.bind(this); + this.close = this.close.bind(this); + + this._modalWindow = this.shadowRoot.querySelector(`.${this.tag}__window`); + this._modalCloseButton = this.shadowRoot.querySelector( + `.${this.tag}__close` + ); + this._overlay = this.shadowRoot.querySelector(`.${this.tag}__overlay`); + this._container = this.shadowRoot.querySelector(`.${this.tag}__container`); + this._outer = this.shadowRoot.querySelector(`.${this.tag}__outer`); + + this._observer = new MutationObserver(() => { + this._mapSchemaToSlots(this.tag, this.slots); + this._init(); + }); + } + + connectedCallback() { + super.connectedCallback(); + + this._init(); + + this.addEventListener("keydown", this._keydownHandler); + this._modalCloseButton.addEventListener("keydown", this._keydownHandler); + this._modalCloseButton.addEventListener("click", this.close); + this._overlay.addEventListener("click", this.close); + + this._observer.observe(this, { childList: true }); + } + + disconnectedCallback() { + this.removeEventListener("keydown", this._keydownHandler); + this._modalCloseButton.removeEventListener("click", this.close); + this._modalCloseButton.removeEventListener("click", this.close); + this._overlay.removeEventListener("click", this.close); + + if (this.trigger) { + this.trigger.removeEventListener("click", this.open); + } + + this._observer.disconnect(); + } + + attributeChangedCallback(attr, oldVal, newVal) { + super.attributeChangedCallback(attr, oldVal, newVal); + } + + _init() { + this.trigger = this.querySelector(`[slot="${this.tag}--trigger"]`); + this.header = this.querySelector(`[slot="${this.tag}--header"]`); + this.body = [...this.querySelectorAll(`*:not([slot])`)]; + + if (this.trigger) { + this.trigger.addEventListener("click", this.open); + this.removeAttribute("hidden"); + } + + if (this.header) { + this.header.setAttribute("id", this.header_id); + this._modalWindow.setAttribute("aria-labelledby", this.header_id); + } else { + // Get the first heading in the modal if it exists + const headings = this.body.filter(el => el.tagName.startsWith("H")); + if (headings.length > 0) { + headings[0].setAttribute("id", this.header_id); + this._modalWindow.setAttribute("aria-labelledby", this.header_id); + } else if (this.trigger) { + this._modalWindow.setAttribute("aria-label", this.trigger.innerText); + } + } + } + + _keydownHandler(event) { + let target = event.target || window.event.srcElement; + let key = event.key || event.keyCode; + switch (key) { + case "Tab": + case 9: + if (target === this._modalCloseButton) { + event.preventDefault(); + this._modalWindow.focus(); + } + return; + case "Escape": + case "Esc": + case 27: + this.close(event); + return; + case "Enter": + case 13: + if (target === this.trigger) { + this.open(event); + } + return; + } + } + + toggle(event) { + this.isOpen ? this.close(event) : this.open(event); + return this; + } + + open(event) { + if (event) { + event.preventDefault(); + this.trigger = event ? event.target : window.event.srcElement; + } + + const detail = { + open: true + }; + + if (event && this.trigger) { + detail.trigger = this.trigger; + } + + this.isOpen = true; + // Reveal the container and overlay + this._modalWindow.removeAttribute("hidden"); + this._overlay.removeAttribute("hidden"); + this._outer.removeAttribute("hidden"); + // This prevents background scroll + document.body.style.overflow = "hidden"; + // Set the focus to the container + this._modalWindow.focus(); + + this.emitEvent(PfeModal.events.open, { detail }); + + return this; + } + + close(event) { + if (event) { + event.preventDefault(); + } + + this.isOpen = false; + // Hide the container and overlay + this._modalWindow.setAttribute("hidden", true); + this._overlay.setAttribute("hidden", true); + this._outer.setAttribute("hidden", true); + // Return scrollability + document.body.style.overflow = "auto"; + + if (this.trigger) { + // Move focus back to the trigger element + this.trigger.focus(); + this.trigger = null; + } + + this.emitEvent(PfeModal.events.close, { + detail: { + open: false + } + }); + + return this; + } +} + +PFElement.create(PfeModal); + +export default PfeModal; +//# sourceMappingURL=pfe-modal.js.map diff --git a/elements/pfe-modal/dist/pfe-modal.js.map b/elements/pfe-modal/dist/pfe-modal.js.map new file mode 100644 index 0000000000..a96b9c07c8 --- /dev/null +++ b/elements/pfe-modal/dist/pfe-modal.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-modal.js","sources":["../_temp/polyfills--pfe-modal.js","../_temp/pfe-modal.js"],"sourcesContent":["// @POLYFILL String.prototype.startsWith\n// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/startsWith\nif (!String.prototype.startsWith) {\n Object.defineProperty(String.prototype, \"startsWith\", {\n value: function(search, rawPos) {\n var pos = rawPos > 0 ? rawPos | 0 : 0;\n return this.substring(pos, pos + search.length) === search;\n }\n });\n}\n","/*!\n * PatternFly Elements: PfeModal 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\n// Import polyfills: startsWith\nimport \"./polyfills--pfe-modal.js\";\n\nimport PFElement from \"../../pfelement/dist/pfelement.js\";\n\nclass PfeModal extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return `\n`;\n }\n\n static get properties() {\n return {};\n }\n\n static get slots() {\n return {\"trigger\":{\"title\":\"Trigger\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"oneOf\":[{\"$ref\":\"raw\"}]}},\"header\":{\"title\":\"Header\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"oneOf\":[{\"$ref\":\"raw\"}]}},\"body\":{\"title\":\"Body\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-modal\";\n }\n\n get templateUrl() {\n return \"pfe-modal.html\";\n }\n\n get schemaUrl() {\n return \"pfe-modal.json\";\n }\n\n get styleUrl() {\n return \"pfe-modal.scss\";\n }\n\n // Declare the type of this component\n static get PfeType() {\n return PFElement.PfeTypes.Container;\n }\n\n static get events() {\n return {\n open: `${this.tag}:open`,\n close: `${this.tag}:close`\n };\n }\n\n constructor() {\n super(PfeModal, { type: PfeModal.PfeType });\n\n this.header_id = this.randomId;\n this.isOpen = false;\n\n this._keydownHandler = this._keydownHandler.bind(this);\n this.toggle = this.toggle.bind(this);\n\n // These fire custom events\n this.open = this.open.bind(this);\n this.close = this.close.bind(this);\n\n this._modalWindow = this.shadowRoot.querySelector(`.${this.tag}__window`);\n this._modalCloseButton = this.shadowRoot.querySelector(\n `.${this.tag}__close`\n );\n this._overlay = this.shadowRoot.querySelector(`.${this.tag}__overlay`);\n this._container = this.shadowRoot.querySelector(`.${this.tag}__container`);\n this._outer = this.shadowRoot.querySelector(`.${this.tag}__outer`);\n\n this._observer = new MutationObserver(() => {\n this._mapSchemaToSlots(this.tag, this.slots);\n this._init();\n });\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this._init();\n\n this.addEventListener(\"keydown\", this._keydownHandler);\n this._modalCloseButton.addEventListener(\"keydown\", this._keydownHandler);\n this._modalCloseButton.addEventListener(\"click\", this.close);\n this._overlay.addEventListener(\"click\", this.close);\n\n this._observer.observe(this, { childList: true });\n }\n\n disconnectedCallback() {\n this.removeEventListener(\"keydown\", this._keydownHandler);\n this._modalCloseButton.removeEventListener(\"click\", this.close);\n this._modalCloseButton.removeEventListener(\"click\", this.close);\n this._overlay.removeEventListener(\"click\", this.close);\n\n if (this.trigger) {\n this.trigger.removeEventListener(\"click\", this.open);\n }\n\n this._observer.disconnect();\n }\n\n attributeChangedCallback(attr, oldVal, newVal) {\n super.attributeChangedCallback(attr, oldVal, newVal);\n }\n\n _init() {\n this.trigger = this.querySelector(`[slot=\"${this.tag}--trigger\"]`);\n this.header = this.querySelector(`[slot=\"${this.tag}--header\"]`);\n this.body = [...this.querySelectorAll(`*:not([slot])`)];\n\n if (this.trigger) {\n this.trigger.addEventListener(\"click\", this.open);\n this.removeAttribute(\"hidden\");\n }\n\n if (this.header) {\n this.header.setAttribute(\"id\", this.header_id);\n this._modalWindow.setAttribute(\"aria-labelledby\", this.header_id);\n } else {\n // Get the first heading in the modal if it exists\n const headings = this.body.filter(el => el.tagName.startsWith(\"H\"));\n if (headings.length > 0) {\n headings[0].setAttribute(\"id\", this.header_id);\n this._modalWindow.setAttribute(\"aria-labelledby\", this.header_id);\n } else if (this.trigger) {\n this._modalWindow.setAttribute(\"aria-label\", this.trigger.innerText);\n }\n }\n }\n\n _keydownHandler(event) {\n let target = event.target || window.event.srcElement;\n let key = event.key || event.keyCode;\n switch (key) {\n case \"Tab\":\n case 9:\n if (target === this._modalCloseButton) {\n event.preventDefault();\n this._modalWindow.focus();\n }\n return;\n case \"Escape\":\n case \"Esc\":\n case 27:\n this.close(event);\n return;\n case \"Enter\":\n case 13:\n if (target === this.trigger) {\n this.open(event);\n }\n return;\n }\n }\n\n toggle(event) {\n this.isOpen ? this.close(event) : this.open(event);\n return this;\n }\n\n open(event) {\n if (event) {\n event.preventDefault();\n this.trigger = event ? event.target : window.event.srcElement;\n }\n\n const detail = {\n open: true\n };\n\n if (event && this.trigger) {\n detail.trigger = this.trigger;\n }\n\n this.isOpen = true;\n // Reveal the container and overlay\n this._modalWindow.removeAttribute(\"hidden\");\n this._overlay.removeAttribute(\"hidden\");\n this._outer.removeAttribute(\"hidden\");\n // This prevents background scroll\n document.body.style.overflow = \"hidden\";\n // Set the focus to the container\n this._modalWindow.focus();\n\n this.emitEvent(PfeModal.events.open, { detail });\n\n return this;\n }\n\n close(event) {\n if (event) {\n event.preventDefault();\n }\n\n this.isOpen = false;\n // Hide the container and overlay\n this._modalWindow.setAttribute(\"hidden\", true);\n this._overlay.setAttribute(\"hidden\", true);\n this._outer.setAttribute(\"hidden\", true);\n // Return scrollability\n document.body.style.overflow = \"auto\";\n\n if (this.trigger) {\n // Move focus back to the trigger element\n this.trigger.focus();\n this.trigger = null;\n }\n\n this.emitEvent(PfeModal.events.close, {\n detail: {\n open: false\n }\n });\n\n return this;\n }\n}\n\nPFElement.create(PfeModal);\n\nexport default PfeModal;\n"],"names":[],"mappings":"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"} \ No newline at end of file diff --git a/elements/pfe-modal/dist/pfe-modal.json b/elements/pfe-modal/dist/pfe-modal.json new file mode 100644 index 0000000000..8ec92ebbf3 --- /dev/null +++ b/elements/pfe-modal/dist/pfe-modal.json @@ -0,0 +1,56 @@ +{ + "$schema": "http://json-schema.org/draft-04/schema#", + "title": "Modal", + "description": "This element renders slotted content in a modal.", + "type": "object", + "tag": "pfe-modal", + "class": "pfe-modal", + "category": "container", + "properties": { + "slots": { + "title": "Slots", + "description": "Definition of the supported slots", + "type": "object", + "properties": { + "trigger": { + "title": "Trigger", + "type": "array", + "namedSlot": true, + "items": { + "oneOf": [ + { + "$ref": "raw" + } + ] + } + }, + "header": { + "title": "Header", + "type": "array", + "namedSlot": true, + "items": { + "oneOf": [ + { + "$ref": "raw" + } + ] + } + }, + "body": { + "title": "Body", + "type": "array", + "namedSlot": false, + "items": { + "oneOf": [ + { + "$ref": "raw" + } + ] + } + } + } + } + }, + "required": ["slots"], + "additionalProperties": false +} diff --git a/elements/pfe-modal/dist/pfe-modal.min.js b/elements/pfe-modal/dist/pfe-modal.min.js new file mode 100644 index 0000000000..e4d1fd14de --- /dev/null +++ b/elements/pfe-modal/dist/pfe-modal.min.js @@ -0,0 +1,26 @@ +import e from"../../pfelement/dist/pfelement.min.js";String.prototype.startsWith||Object.defineProperty(String.prototype,"startsWith",{value:function(e,t){var i=t>0?0|t:0;return this.substring(i,i+e.length)===e}}) +/*! + * PatternFly Elements: PfeModal 1.0.0-prerelease.50 + * @license + * Copyright 2020 Red Hat, Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + * +*/;class t extends e{static get version(){return"1.0.0-prerelease.50"}get html(){return'\n'}static get properties(){return{}}static get slots(){return{trigger:{title:"Trigger",type:"array",namedSlot:!0,items:{oneOf:[{$ref:"raw"}]}},header:{title:"Header",type:"array",namedSlot:!0,items:{oneOf:[{$ref:"raw"}]}},body:{title:"Body",type:"array",namedSlot:!1,items:{oneOf:[{$ref:"raw"}]}}}}static get tag(){return"pfe-modal"}get templateUrl(){return"pfe-modal.html"}get schemaUrl(){return"pfe-modal.json"}get styleUrl(){return"pfe-modal.scss"}static get PfeType(){return e.PfeTypes.Container}static get events(){return{open:`${this.tag}:open`,close:`${this.tag}:close`}}constructor(){super(t,{type:t.PfeType}),this.header_id=this.randomId,this.isOpen=!1,this._keydownHandler=this._keydownHandler.bind(this),this.toggle=this.toggle.bind(this),this.open=this.open.bind(this),this.close=this.close.bind(this),this._modalWindow=this.shadowRoot.querySelector(`.${this.tag}__window`),this._modalCloseButton=this.shadowRoot.querySelector(`.${this.tag}__close`),this._overlay=this.shadowRoot.querySelector(`.${this.tag}__overlay`),this._container=this.shadowRoot.querySelector(`.${this.tag}__container`),this._outer=this.shadowRoot.querySelector(`.${this.tag}__outer`),this._observer=new MutationObserver(()=>{this._mapSchemaToSlots(this.tag,this.slots),this._init()})}connectedCallback(){super.connectedCallback(),this._init(),this.addEventListener("keydown",this._keydownHandler),this._modalCloseButton.addEventListener("keydown",this._keydownHandler),this._modalCloseButton.addEventListener("click",this.close),this._overlay.addEventListener("click",this.close),this._observer.observe(this,{childList:!0})}disconnectedCallback(){this.removeEventListener("keydown",this._keydownHandler),this._modalCloseButton.removeEventListener("click",this.close),this._modalCloseButton.removeEventListener("click",this.close),this._overlay.removeEventListener("click",this.close),this.trigger&&this.trigger.removeEventListener("click",this.open),this._observer.disconnect()}attributeChangedCallback(e,t,i){super.attributeChangedCallback(e,t,i)}_init(){if(this.trigger=this.querySelector(`[slot="${this.tag}--trigger"]`),this.header=this.querySelector(`[slot="${this.tag}--header"]`),this.body=[...this.querySelectorAll("*:not([slot])")],this.trigger&&(this.trigger.addEventListener("click",this.open),this.removeAttribute("hidden")),this.header)this.header.setAttribute("id",this.header_id),this._modalWindow.setAttribute("aria-labelledby",this.header_id);else{const e=this.body.filter(e=>e.tagName.startsWith("H"));e.length>0?(e[0].setAttribute("id",this.header_id),this._modalWindow.setAttribute("aria-labelledby",this.header_id)):this.trigger&&this._modalWindow.setAttribute("aria-label",this.trigger.innerText)}}_keydownHandler(e){let t=e.target||window.event.srcElement;switch(e.key||e.keyCode){case"Tab":case 9:return void(t===this._modalCloseButton&&(e.preventDefault(),this._modalWindow.focus()));case"Escape":case"Esc":case 27:return void this.close(e);case"Enter":case 13:return void(t===this.trigger&&this.open(e))}}toggle(e){return this.isOpen?this.close(e):this.open(e),this}open(e){e&&(e.preventDefault(),this.trigger=e?e.target:window.event.srcElement);const i={open:!0};return e&&this.trigger&&(i.trigger=this.trigger),this.isOpen=!0,this._modalWindow.removeAttribute("hidden"),this._overlay.removeAttribute("hidden"),this._outer.removeAttribute("hidden"),document.body.style.overflow="hidden",this._modalWindow.focus(),this.emitEvent(t.events.open,{detail:i}),this}close(e){return e&&e.preventDefault(),this.isOpen=!1,this._modalWindow.setAttribute("hidden",!0),this._overlay.setAttribute("hidden",!0),this._outer.setAttribute("hidden",!0),document.body.style.overflow="auto",this.trigger&&(this.trigger.focus(),this.trigger=null),this.emitEvent(t.events.close,{detail:{open:!1}}),this}}e.create(t);export default t; +//# sourceMappingURL=pfe-modal.min.js.map diff --git a/elements/pfe-modal/dist/pfe-modal.min.js.map b/elements/pfe-modal/dist/pfe-modal.min.js.map new file mode 100644 index 0000000000..a650aeb99c --- /dev/null +++ b/elements/pfe-modal/dist/pfe-modal.min.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-modal.min.js","sources":["../_temp/polyfills--pfe-modal.js","../_temp/pfe-modal.js"],"sourcesContent":["// @POLYFILL String.prototype.startsWith\n// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/startsWith\nif (!String.prototype.startsWith) {\n Object.defineProperty(String.prototype, \"startsWith\", {\n value: function(search, rawPos) {\n var pos = rawPos > 0 ? rawPos | 0 : 0;\n return this.substring(pos, pos + search.length) === search;\n }\n });\n}\n","/*!\n * PatternFly Elements: PfeModal 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\n// Import polyfills: startsWith\nimport \"./polyfills--pfe-modal.js\";\n\nimport PFElement from \"../../pfelement/dist/pfelement.js\";\n\nclass PfeModal extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return `\n`;\n }\n\n static get properties() {\n return {};\n }\n\n static get slots() {\n return {\"trigger\":{\"title\":\"Trigger\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"oneOf\":[{\"$ref\":\"raw\"}]}},\"header\":{\"title\":\"Header\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"oneOf\":[{\"$ref\":\"raw\"}]}},\"body\":{\"title\":\"Body\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-modal\";\n }\n\n get templateUrl() {\n return \"pfe-modal.html\";\n }\n\n get schemaUrl() {\n return \"pfe-modal.json\";\n }\n\n get styleUrl() {\n return \"pfe-modal.scss\";\n }\n\n // Declare the type of this component\n static get PfeType() {\n return PFElement.PfeTypes.Container;\n }\n\n static get events() {\n return {\n open: `${this.tag}:open`,\n close: `${this.tag}:close`\n };\n }\n\n constructor() {\n super(PfeModal, { type: PfeModal.PfeType });\n\n this.header_id = this.randomId;\n this.isOpen = false;\n\n this._keydownHandler = this._keydownHandler.bind(this);\n this.toggle = this.toggle.bind(this);\n\n // These fire custom events\n this.open = this.open.bind(this);\n this.close = this.close.bind(this);\n\n this._modalWindow = this.shadowRoot.querySelector(`.${this.tag}__window`);\n this._modalCloseButton = this.shadowRoot.querySelector(\n `.${this.tag}__close`\n );\n this._overlay = this.shadowRoot.querySelector(`.${this.tag}__overlay`);\n this._container = this.shadowRoot.querySelector(`.${this.tag}__container`);\n this._outer = this.shadowRoot.querySelector(`.${this.tag}__outer`);\n\n this._observer = new MutationObserver(() => {\n this._mapSchemaToSlots(this.tag, this.slots);\n this._init();\n });\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this._init();\n\n this.addEventListener(\"keydown\", this._keydownHandler);\n this._modalCloseButton.addEventListener(\"keydown\", this._keydownHandler);\n this._modalCloseButton.addEventListener(\"click\", this.close);\n this._overlay.addEventListener(\"click\", this.close);\n\n this._observer.observe(this, { childList: true });\n }\n\n disconnectedCallback() {\n this.removeEventListener(\"keydown\", this._keydownHandler);\n this._modalCloseButton.removeEventListener(\"click\", this.close);\n this._modalCloseButton.removeEventListener(\"click\", this.close);\n this._overlay.removeEventListener(\"click\", this.close);\n\n if (this.trigger) {\n this.trigger.removeEventListener(\"click\", this.open);\n }\n\n this._observer.disconnect();\n }\n\n attributeChangedCallback(attr, oldVal, newVal) {\n super.attributeChangedCallback(attr, oldVal, newVal);\n }\n\n _init() {\n this.trigger = this.querySelector(`[slot=\"${this.tag}--trigger\"]`);\n this.header = this.querySelector(`[slot=\"${this.tag}--header\"]`);\n this.body = [...this.querySelectorAll(`*:not([slot])`)];\n\n if (this.trigger) {\n this.trigger.addEventListener(\"click\", this.open);\n this.removeAttribute(\"hidden\");\n }\n\n if (this.header) {\n this.header.setAttribute(\"id\", this.header_id);\n this._modalWindow.setAttribute(\"aria-labelledby\", this.header_id);\n } else {\n // Get the first heading in the modal if it exists\n const headings = this.body.filter(el => el.tagName.startsWith(\"H\"));\n if (headings.length > 0) {\n headings[0].setAttribute(\"id\", this.header_id);\n this._modalWindow.setAttribute(\"aria-labelledby\", this.header_id);\n } else if (this.trigger) {\n this._modalWindow.setAttribute(\"aria-label\", this.trigger.innerText);\n }\n }\n }\n\n _keydownHandler(event) {\n let target = event.target || window.event.srcElement;\n let key = event.key || event.keyCode;\n switch (key) {\n case \"Tab\":\n case 9:\n if (target === this._modalCloseButton) {\n event.preventDefault();\n this._modalWindow.focus();\n }\n return;\n case \"Escape\":\n case \"Esc\":\n case 27:\n this.close(event);\n return;\n case \"Enter\":\n case 13:\n if (target === this.trigger) {\n this.open(event);\n }\n return;\n }\n }\n\n toggle(event) {\n this.isOpen ? this.close(event) : this.open(event);\n return this;\n }\n\n open(event) {\n if (event) {\n event.preventDefault();\n this.trigger = event ? event.target : window.event.srcElement;\n }\n\n const detail = {\n open: true\n };\n\n if (event && this.trigger) {\n detail.trigger = this.trigger;\n }\n\n this.isOpen = true;\n // Reveal the container and overlay\n this._modalWindow.removeAttribute(\"hidden\");\n this._overlay.removeAttribute(\"hidden\");\n this._outer.removeAttribute(\"hidden\");\n // This prevents background scroll\n document.body.style.overflow = \"hidden\";\n // Set the focus to the container\n this._modalWindow.focus();\n\n this.emitEvent(PfeModal.events.open, { detail });\n\n return this;\n }\n\n close(event) {\n if (event) {\n event.preventDefault();\n }\n\n this.isOpen = false;\n // Hide the container and overlay\n this._modalWindow.setAttribute(\"hidden\", true);\n this._overlay.setAttribute(\"hidden\", true);\n this._outer.setAttribute(\"hidden\", true);\n // Return scrollability\n document.body.style.overflow = \"auto\";\n\n if (this.trigger) {\n // Move focus back to the trigger element\n this.trigger.focus();\n this.trigger = null;\n }\n\n this.emitEvent(PfeModal.events.close, {\n detail: {\n open: false\n }\n });\n\n return this;\n }\n}\n\nPFElement.create(PfeModal);\n\nexport default PfeModal;\n"],"names":["String","prototype","startsWith","Object","defineProperty","value","search","rawPos","pos","this","substring","length","PfeModal","PFElement","version","html","properties","slots","trigger","title","type","namedSlot","items","oneOf","$ref","header","body","tag","templateUrl","schemaUrl","styleUrl","PfeType","PfeTypes","Container","events","open","close","[object Object]","super","header_id","randomId","isOpen","_keydownHandler","bind","toggle","_modalWindow","shadowRoot","querySelector","_modalCloseButton","_overlay","_container","_outer","_observer","MutationObserver","_mapSchemaToSlots","_init","connectedCallback","addEventListener","observe","childList","removeEventListener","disconnect","attr","oldVal","newVal","attributeChangedCallback","querySelectorAll","removeAttribute","setAttribute","headings","filter","el","tagName","innerText","event","target","window","srcElement","key","keyCode","preventDefault","focus","detail","document","style","overflow","emitEvent","create"],"mappings":"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"} \ No newline at end of file diff --git a/elements/pfe-modal/dist/pfe-modal.umd.js b/elements/pfe-modal/dist/pfe-modal.umd.js new file mode 100644 index 0000000000..150f062e79 --- /dev/null +++ b/elements/pfe-modal/dist/pfe-modal.umd.js @@ -0,0 +1,377 @@ +(function (global, factory) { + typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('../../pfelement/dist/pfelement.umd')) : + typeof define === 'function' && define.amd ? define(['../../pfelement/dist/pfelement.umd'], factory) : + (global.PfeModal = factory(global.PFElement)); +}(this, (function (PFElement) { 'use strict'; + + PFElement = PFElement && PFElement.hasOwnProperty('default') ? PFElement['default'] : PFElement; + + // @POLYFILL String.prototype.startsWith + // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/startsWith + if (!String.prototype.startsWith) { + Object.defineProperty(String.prototype, "startsWith", { + value: function value(search, rawPos) { + var pos = rawPos > 0 ? rawPos | 0 : 0; + return this.substring(pos, pos + search.length) === search; + } + }); + } + + var classCallCheck = function (instance, Constructor) { + if (!(instance instanceof Constructor)) { + throw new TypeError("Cannot call a class as a function"); + } + }; + + var createClass = function () { + function defineProperties(target, props) { + for (var i = 0; i < props.length; i++) { + var descriptor = props[i]; + descriptor.enumerable = descriptor.enumerable || false; + descriptor.configurable = true; + if ("value" in descriptor) descriptor.writable = true; + Object.defineProperty(target, descriptor.key, descriptor); + } + } + + return function (Constructor, protoProps, staticProps) { + if (protoProps) defineProperties(Constructor.prototype, protoProps); + if (staticProps) defineProperties(Constructor, staticProps); + return Constructor; + }; + }(); + + var get = function get(object, property, receiver) { + if (object === null) object = Function.prototype; + var desc = Object.getOwnPropertyDescriptor(object, property); + + if (desc === undefined) { + var parent = Object.getPrototypeOf(object); + + if (parent === null) { + return undefined; + } else { + return get(parent, property, receiver); + } + } else if ("value" in desc) { + return desc.value; + } else { + var getter = desc.get; + + if (getter === undefined) { + return undefined; + } + + return getter.call(receiver); + } + }; + + var inherits = function (subClass, superClass) { + if (typeof superClass !== "function" && superClass !== null) { + throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); + } + + subClass.prototype = Object.create(superClass && superClass.prototype, { + constructor: { + value: subClass, + enumerable: false, + writable: true, + configurable: true + } + }); + if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; + }; + + var possibleConstructorReturn = function (self, call) { + if (!self) { + throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); + } + + return call && (typeof call === "object" || typeof call === "function") ? call : self; + }; + + var toConsumableArray = function (arr) { + if (Array.isArray(arr)) { + for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) arr2[i] = arr[i]; + + return arr2; + } else { + return Array.from(arr); + } + }; + + /*! + * PatternFly Elements: PfeModal 1.0.0-prerelease.50 + * @license + * Copyright 2020 Red Hat, Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + * + */ + + var PfeModal = function (_PFElement) { + inherits(PfeModal, _PFElement); + createClass(PfeModal, [{ + key: "html", + get: function get$$1() { + return "\n"; + } + }, { + key: "templateUrl", + get: function get$$1() { + return "pfe-modal.html"; + } + }, { + key: "schemaUrl", + get: function get$$1() { + return "pfe-modal.json"; + } + }, { + key: "styleUrl", + get: function get$$1() { + return "pfe-modal.scss"; + } + + // Declare the type of this component + + }], [{ + key: "version", + get: function get$$1() { + return "1.0.0-prerelease.50"; + } + }, { + key: "properties", + get: function get$$1() { + return {}; + } + }, { + key: "slots", + get: function get$$1() { + return { "trigger": { "title": "Trigger", "type": "array", "namedSlot": true, "items": { "oneOf": [{ "$ref": "raw" }] } }, "header": { "title": "Header", "type": "array", "namedSlot": true, "items": { "oneOf": [{ "$ref": "raw" }] } }, "body": { "title": "Body", "type": "array", "namedSlot": false, "items": { "oneOf": [{ "$ref": "raw" }] } } }; + } + }, { + key: "tag", + get: function get$$1() { + return "pfe-modal"; + } + }, { + key: "PfeType", + get: function get$$1() { + return PFElement.PfeTypes.Container; + } + }, { + key: "events", + get: function get$$1() { + return { + open: this.tag + ":open", + close: this.tag + ":close" + }; + } + }]); + + function PfeModal() { + classCallCheck(this, PfeModal); + + var _this = possibleConstructorReturn(this, (PfeModal.__proto__ || Object.getPrototypeOf(PfeModal)).call(this, PfeModal, { type: PfeModal.PfeType })); + + _this.header_id = _this.randomId; + _this.isOpen = false; + + _this._keydownHandler = _this._keydownHandler.bind(_this); + _this.toggle = _this.toggle.bind(_this); + + // These fire custom events + _this.open = _this.open.bind(_this); + _this.close = _this.close.bind(_this); + + _this._modalWindow = _this.shadowRoot.querySelector("." + _this.tag + "__window"); + _this._modalCloseButton = _this.shadowRoot.querySelector("." + _this.tag + "__close"); + _this._overlay = _this.shadowRoot.querySelector("." + _this.tag + "__overlay"); + _this._container = _this.shadowRoot.querySelector("." + _this.tag + "__container"); + _this._outer = _this.shadowRoot.querySelector("." + _this.tag + "__outer"); + + _this._observer = new MutationObserver(function () { + _this._mapSchemaToSlots(_this.tag, _this.slots); + _this._init(); + }); + return _this; + } + + createClass(PfeModal, [{ + key: "connectedCallback", + value: function connectedCallback() { + get(PfeModal.prototype.__proto__ || Object.getPrototypeOf(PfeModal.prototype), "connectedCallback", this).call(this); + + this._init(); + + this.addEventListener("keydown", this._keydownHandler); + this._modalCloseButton.addEventListener("keydown", this._keydownHandler); + this._modalCloseButton.addEventListener("click", this.close); + this._overlay.addEventListener("click", this.close); + + this._observer.observe(this, { childList: true }); + } + }, { + key: "disconnectedCallback", + value: function disconnectedCallback() { + this.removeEventListener("keydown", this._keydownHandler); + this._modalCloseButton.removeEventListener("click", this.close); + this._modalCloseButton.removeEventListener("click", this.close); + this._overlay.removeEventListener("click", this.close); + + if (this.trigger) { + this.trigger.removeEventListener("click", this.open); + } + + this._observer.disconnect(); + } + }, { + key: "attributeChangedCallback", + value: function attributeChangedCallback(attr, oldVal, newVal) { + get(PfeModal.prototype.__proto__ || Object.getPrototypeOf(PfeModal.prototype), "attributeChangedCallback", this).call(this, attr, oldVal, newVal); + } + }, { + key: "_init", + value: function _init() { + this.trigger = this.querySelector("[slot=\"" + this.tag + "--trigger\"]"); + this.header = this.querySelector("[slot=\"" + this.tag + "--header\"]"); + this.body = [].concat(toConsumableArray(this.querySelectorAll("*:not([slot])"))); + + if (this.trigger) { + this.trigger.addEventListener("click", this.open); + this.removeAttribute("hidden"); + } + + if (this.header) { + this.header.setAttribute("id", this.header_id); + this._modalWindow.setAttribute("aria-labelledby", this.header_id); + } else { + // Get the first heading in the modal if it exists + var headings = this.body.filter(function (el) { + return el.tagName.startsWith("H"); + }); + if (headings.length > 0) { + headings[0].setAttribute("id", this.header_id); + this._modalWindow.setAttribute("aria-labelledby", this.header_id); + } else if (this.trigger) { + this._modalWindow.setAttribute("aria-label", this.trigger.innerText); + } + } + } + }, { + key: "_keydownHandler", + value: function _keydownHandler(event) { + var target = event.target || window.event.srcElement; + var key = event.key || event.keyCode; + switch (key) { + case "Tab": + case 9: + if (target === this._modalCloseButton) { + event.preventDefault(); + this._modalWindow.focus(); + } + return; + case "Escape": + case "Esc": + case 27: + this.close(event); + return; + case "Enter": + case 13: + if (target === this.trigger) { + this.open(event); + } + return; + } + } + }, { + key: "toggle", + value: function toggle(event) { + this.isOpen ? this.close(event) : this.open(event); + return this; + } + }, { + key: "open", + value: function open(event) { + if (event) { + event.preventDefault(); + this.trigger = event ? event.target : window.event.srcElement; + } + + var detail = { + open: true + }; + + if (event && this.trigger) { + detail.trigger = this.trigger; + } + + this.isOpen = true; + // Reveal the container and overlay + this._modalWindow.removeAttribute("hidden"); + this._overlay.removeAttribute("hidden"); + this._outer.removeAttribute("hidden"); + // This prevents background scroll + document.body.style.overflow = "hidden"; + // Set the focus to the container + this._modalWindow.focus(); + + this.emitEvent(PfeModal.events.open, { detail: detail }); + + return this; + } + }, { + key: "close", + value: function close(event) { + if (event) { + event.preventDefault(); + } + + this.isOpen = false; + // Hide the container and overlay + this._modalWindow.setAttribute("hidden", true); + this._overlay.setAttribute("hidden", true); + this._outer.setAttribute("hidden", true); + // Return scrollability + document.body.style.overflow = "auto"; + + if (this.trigger) { + // Move focus back to the trigger element + this.trigger.focus(); + this.trigger = null; + } + + this.emitEvent(PfeModal.events.close, { + detail: { + open: false + } + }); + + return this; + } + }]); + return PfeModal; + }(PFElement); + + PFElement.create(PfeModal); + + return PfeModal; + +}))); +//# sourceMappingURL=pfe-modal.umd.js.map diff --git a/elements/pfe-modal/dist/pfe-modal.umd.js.map b/elements/pfe-modal/dist/pfe-modal.umd.js.map new file mode 100644 index 0000000000..51ec59cb92 --- /dev/null +++ b/elements/pfe-modal/dist/pfe-modal.umd.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-modal.umd.js","sources":["../_temp/polyfills--pfe-modal.js","../_temp/pfe-modal.umd.js"],"sourcesContent":["// @POLYFILL String.prototype.startsWith\n// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/startsWith\nif (!String.prototype.startsWith) {\n Object.defineProperty(String.prototype, \"startsWith\", {\n value: function(search, rawPos) {\n var pos = rawPos > 0 ? rawPos | 0 : 0;\n return this.substring(pos, pos + search.length) === search;\n }\n });\n}\n","/*!\n * PatternFly Elements: PfeModal 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\n// Import polyfills: startsWith\nimport \"./polyfills--pfe-modal.js\";\n\nimport PFElement from \"../../pfelement/dist/pfelement.umd\";\n\nclass PfeModal extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return `\n`;\n }\n\n static get properties() {\n return {};\n }\n\n static get slots() {\n return {\"trigger\":{\"title\":\"Trigger\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"oneOf\":[{\"$ref\":\"raw\"}]}},\"header\":{\"title\":\"Header\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"oneOf\":[{\"$ref\":\"raw\"}]}},\"body\":{\"title\":\"Body\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-modal\";\n }\n\n get templateUrl() {\n return \"pfe-modal.html\";\n }\n\n get schemaUrl() {\n return \"pfe-modal.json\";\n }\n\n get styleUrl() {\n return \"pfe-modal.scss\";\n }\n\n // Declare the type of this component\n static get PfeType() {\n return PFElement.PfeTypes.Container;\n }\n\n static get events() {\n return {\n open: `${this.tag}:open`,\n close: `${this.tag}:close`\n };\n }\n\n constructor() {\n super(PfeModal, { type: PfeModal.PfeType });\n\n this.header_id = this.randomId;\n this.isOpen = false;\n\n this._keydownHandler = this._keydownHandler.bind(this);\n this.toggle = this.toggle.bind(this);\n\n // These fire custom events\n this.open = this.open.bind(this);\n this.close = this.close.bind(this);\n\n this._modalWindow = this.shadowRoot.querySelector(`.${this.tag}__window`);\n this._modalCloseButton = this.shadowRoot.querySelector(\n `.${this.tag}__close`\n );\n this._overlay = this.shadowRoot.querySelector(`.${this.tag}__overlay`);\n this._container = this.shadowRoot.querySelector(`.${this.tag}__container`);\n this._outer = this.shadowRoot.querySelector(`.${this.tag}__outer`);\n\n this._observer = new MutationObserver(() => {\n this._mapSchemaToSlots(this.tag, this.slots);\n this._init();\n });\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this._init();\n\n this.addEventListener(\"keydown\", this._keydownHandler);\n this._modalCloseButton.addEventListener(\"keydown\", this._keydownHandler);\n this._modalCloseButton.addEventListener(\"click\", this.close);\n this._overlay.addEventListener(\"click\", this.close);\n\n this._observer.observe(this, { childList: true });\n }\n\n disconnectedCallback() {\n this.removeEventListener(\"keydown\", this._keydownHandler);\n this._modalCloseButton.removeEventListener(\"click\", this.close);\n this._modalCloseButton.removeEventListener(\"click\", this.close);\n this._overlay.removeEventListener(\"click\", this.close);\n\n if (this.trigger) {\n this.trigger.removeEventListener(\"click\", this.open);\n }\n\n this._observer.disconnect();\n }\n\n attributeChangedCallback(attr, oldVal, newVal) {\n super.attributeChangedCallback(attr, oldVal, newVal);\n }\n\n _init() {\n this.trigger = this.querySelector(`[slot=\"${this.tag}--trigger\"]`);\n this.header = this.querySelector(`[slot=\"${this.tag}--header\"]`);\n this.body = [...this.querySelectorAll(`*:not([slot])`)];\n\n if (this.trigger) {\n this.trigger.addEventListener(\"click\", this.open);\n this.removeAttribute(\"hidden\");\n }\n\n if (this.header) {\n this.header.setAttribute(\"id\", this.header_id);\n this._modalWindow.setAttribute(\"aria-labelledby\", this.header_id);\n } else {\n // Get the first heading in the modal if it exists\n const headings = this.body.filter(el => el.tagName.startsWith(\"H\"));\n if (headings.length > 0) {\n headings[0].setAttribute(\"id\", this.header_id);\n this._modalWindow.setAttribute(\"aria-labelledby\", this.header_id);\n } else if (this.trigger) {\n this._modalWindow.setAttribute(\"aria-label\", this.trigger.innerText);\n }\n }\n }\n\n _keydownHandler(event) {\n let target = event.target || window.event.srcElement;\n let key = event.key || event.keyCode;\n switch (key) {\n case \"Tab\":\n case 9:\n if (target === this._modalCloseButton) {\n event.preventDefault();\n this._modalWindow.focus();\n }\n return;\n case \"Escape\":\n case \"Esc\":\n case 27:\n this.close(event);\n return;\n case \"Enter\":\n case 13:\n if (target === this.trigger) {\n this.open(event);\n }\n return;\n }\n }\n\n toggle(event) {\n this.isOpen ? this.close(event) : this.open(event);\n return this;\n }\n\n open(event) {\n if (event) {\n event.preventDefault();\n this.trigger = event ? event.target : window.event.srcElement;\n }\n\n const detail = {\n open: true\n };\n\n if (event && this.trigger) {\n detail.trigger = this.trigger;\n }\n\n this.isOpen = true;\n // Reveal the container and overlay\n this._modalWindow.removeAttribute(\"hidden\");\n this._overlay.removeAttribute(\"hidden\");\n this._outer.removeAttribute(\"hidden\");\n // This prevents background scroll\n document.body.style.overflow = \"hidden\";\n // Set the focus to the container\n this._modalWindow.focus();\n\n this.emitEvent(PfeModal.events.open, { detail });\n\n return this;\n }\n\n close(event) {\n if (event) {\n event.preventDefault();\n }\n\n this.isOpen = false;\n // Hide the container and overlay\n this._modalWindow.setAttribute(\"hidden\", true);\n this._overlay.setAttribute(\"hidden\", true);\n this._outer.setAttribute(\"hidden\", true);\n // Return scrollability\n document.body.style.overflow = \"auto\";\n\n if (this.trigger) {\n // Move focus back to the trigger element\n this.trigger.focus();\n this.trigger = null;\n }\n\n this.emitEvent(PfeModal.events.close, {\n detail: {\n open: false\n }\n });\n\n return this;\n }\n}\n\nPFElement.create(PfeModal);\n\nexport default PfeModal;\n"],"names":["String","prototype","startsWith","Object","defineProperty","value","search","rawPos","pos","substring","length","PfeModal","PFElement","PfeTypes","Container","open","tag","close","type","PfeType","header_id","randomId","isOpen","_keydownHandler","bind","toggle","_modalWindow","shadowRoot","querySelector","_modalCloseButton","_overlay","_container","_outer","_observer","MutationObserver","_mapSchemaToSlots","slots","_init","addEventListener","observe","childList","removeEventListener","trigger","disconnect","attr","oldVal","newVal","header","body","querySelectorAll","removeAttribute","setAttribute","headings","filter","el","tagName","innerText","event","target","window","srcElement","key","keyCode","preventDefault","focus","detail","document","style","overflow","emitEvent","events","create"],"mappings":"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"} \ No newline at end of file diff --git a/elements/pfe-modal/dist/pfe-modal.umd.min.js b/elements/pfe-modal/dist/pfe-modal.umd.min.js new file mode 100644 index 0000000000..f21329f450 --- /dev/null +++ b/elements/pfe-modal/dist/pfe-modal.umd.min.js @@ -0,0 +1,2 @@ +!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("../../pfelement/dist/pfelement.umd")):"function"==typeof define&&define.amd?define(["../../pfelement/dist/pfelement.umd"],t):e.PfeModal=t(e.PFElement)}(this,function(e){"use strict";e=e&&e.hasOwnProperty("default")?e.default:e,String.prototype.startsWith||Object.defineProperty(String.prototype,"startsWith",{value:function(e,t){var o=0.pfe-modal__close{background-color:transparent;border:none;margin:0;padding:0;text-align:left}:host{--pfe-modal--MaxWidth:70vw;--pfe-modal--MinWidth:50vw;--pfe-modal--MaxWidth--mobile:94vw;--pfe-modal--MaxHeight:90vh;--pfe-modal--Padding:calc(var(--pfe-theme--container-padding, 16px) * 2) calc(var(--pfe-theme--container-padding, 16px) * 3.5) calc(var(--pfe-theme--container-padding, 16px) * 2) calc(var(--pfe-theme--container-padding, 16px) * 2);--pfe-modal__overlay--BackgroundColor:var(--pfe-theme--color--overlay, rgba(45, 45, 45, 0.5));--pfe-modal__close--size:calc(var(--pfe-theme--ui--element--size, 20px) - 4px);display:block;position:relative}@media screen and (max-height:640px){:host{--pfe-modal--Padding:0 0 0 calc(var(--pfe-theme--container-padding, 16px) * 2)}}.pfe-modal__outer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;height:100%;width:100%;top:0;left:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;z-index:99;z-index:var(--pfe-theme--zindex--modal,99)}.pfe-modal__outer[hidden]{display:none}.pfe-modal__overlay{position:fixed;height:100%;width:100%;top:0;left:0;background-color:var(--pfe-modal__overlay--BackgroundColor);cursor:pointer}.pfe-modal__overlay[hidden]{display:none}.pfe-modal__window{--pfe-broadcasted--text:var(--pfe-theme--color--text, #333);--pfe-broadcasted--link:var(--pfe-theme--color--link, #06c);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover, #003366);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus, #003366);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited, rebeccapurple);--pfe-broadcasted--link-decoration:none;--pfe-broadcasted--link-decoration--hover:underline;--pfe-broadcasted--link-decoration--focus:underline;--pfe-broadcasted--link-decoration--visited:none;--theme:light;position:relative;max-width:var(--pfe-modal--MaxWidth--mobile);min-width:var(--pfe-modal--MinWidth);max-height:var(--pfe-modal--MaxHeight);margin:0 auto;-webkit-box-shadow:0 .1875rem .4375rem .1875rem rgba(19,19,19,.13),0 .6875rem 1.5rem 1rem rgba(19,19,19,.12);box-shadow:0 .1875rem .4375rem .1875rem rgba(19,19,19,.13),0 .6875rem 1.5rem 1rem rgba(19,19,19,.12);-webkit-box-shadow:var(--pfe-theme--box-shadow--lg,0 .1875rem .4375rem .1875rem rgba(19,19,19,.13),0 .6875rem 1.5rem 1rem rgba(19,19,19,.12));box-shadow:var(--pfe-theme--box-shadow--lg,0 .1875rem .4375rem .1875rem rgba(19,19,19,.13),0 .6875rem 1.5rem 1rem rgba(19,19,19,.12));background-color:#fff;background-color:var(--pfe-theme--color--surface--lightest,#fff);color:#333;color:var(--pfe-broadcasted--text,#333);border-radius:2px;border-radius:var(--pfe-theme--ui--border-radius,2px)}@media screen and (min-width:640px){.pfe-modal__window{max-width:var(--pfe-modal--MaxWidth)}}.pfe-modal__container{position:relative;max-height:inherit}.pfe-modal__container[hidden]{display:none}.pfe-modal__content{overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:contain;max-height:var(--pfe-modal--MaxHeight);padding:var(--pfe-modal--Padding);-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (max-height:640px){.pfe-modal__content{--pfe-modal--Padding:var(--pfe-theme--container-padding, 16px) calc(var(--pfe-theme--container-padding, 16px) * 3) var(--pfe-theme--container-padding, 16px) var(--pfe-theme--container-padding, 16px)}}:host(:not([has_header])) .pfe-modal__content ::slotted(:nth-child(1)),:host(:not([has_header])) .pfe-modal__content ::slotted(:nth-child(2)){margin-top:0!important}.pfe-modal__content ::slotted([slot=pfe-modal--header]){margin-top:0!important}.pfe-modal__close{position:absolute;top:calc(16px * .25);top:calc(var(--pfe-theme--container-padding,16px) * .25);right:calc(16px * .25);right:calc(var(--pfe-theme--container-padding,16px) * .25);cursor:pointer;line-height:.5;padding:16px;padding:var(--pfe-theme--container-padding,16px)}@media screen and (min-width:640px){.pfe-modal__close{top:16px;top:var(--pfe-theme--container-padding,16px);right:16px;right:var(--pfe-theme--container-padding,16px)}}@media screen and (max-height:640px) and (min-width:640px){.pfe-modal__close{top:calc(16px / 2);top:calc(var(--pfe-theme--container-padding,16px)/ 2);right:calc(16px / 2);right:calc(var(--pfe-theme--container-padding,16px)/ 2)}}.pfe-modal__close>svg{fill:#333;fill:var(--pfe-broadcasted--text,#333);height:20px;height:var(--pfe-theme--ui--element--size,20px);width:20px;width:var(--pfe-theme--ui--element--size,20px);height:var(--pfe-modal__close--size);width:var(--pfe-modal__close--size)}\n/*# sourceMappingURL=pfe-modal.min.css.map */\n\n'}},{key:"templateUrl",get:function(){return"pfe-modal.html"}},{key:"schemaUrl",get:function(){return"pfe-modal.json"}},{key:"styleUrl",get:function(){return"pfe-modal.scss"}}],[{key:"version",get:function(){return"1.0.0-prerelease.50"}},{key:"properties",get:function(){return{}}},{key:"slots",get:function(){return{trigger:{title:"Trigger",type:"array",namedSlot:!0,items:{oneOf:[{$ref:"raw"}]}},header:{title:"Header",type:"array",namedSlot:!0,items:{oneOf:[{$ref:"raw"}]}},body:{title:"Body",type:"array",namedSlot:!1,items:{oneOf:[{$ref:"raw"}]}}}}},{key:"tag",get:function(){return"pfe-modal"}},{key:"PfeType",get:function(){return e.PfeTypes.Container}},{key:"events",get:function(){return{open:this.tag+":open",close:this.tag+":close"}}}]),t(i,[{key:"connectedCallback",value:function(){a(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"connectedCallback",this).call(this),this._init(),this.addEventListener("keydown",this._keydownHandler),this._modalCloseButton.addEventListener("keydown",this._keydownHandler),this._modalCloseButton.addEventListener("click",this.close),this._overlay.addEventListener("click",this.close),this._observer.observe(this,{childList:!0})}},{key:"disconnectedCallback",value:function(){this.removeEventListener("keydown",this._keydownHandler),this._modalCloseButton.removeEventListener("click",this.close),this._modalCloseButton.removeEventListener("click",this.close),this._overlay.removeEventListener("click",this.close),this.trigger&&this.trigger.removeEventListener("click",this.open),this._observer.disconnect()}},{key:"attributeChangedCallback",value:function(e,t,o){a(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"attributeChangedCallback",this).call(this,e,t,o)}},{key:"_init",value:function(){if(this.trigger=this.querySelector('[slot="'+this.tag+'--trigger"]'),this.header=this.querySelector('[slot="'+this.tag+'--header"]'),this.body=[].concat(function(e){if(Array.isArray(e)){for(var t=0,o=Array(e.length);t 0 ? rawPos | 0 : 0;\n return this.substring(pos, pos + search.length) === search;\n }\n });\n}\n","/*!\n * PatternFly Elements: PfeModal 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\n// Import polyfills: startsWith\nimport \"./polyfills--pfe-modal.js\";\n\nimport PFElement from \"../../pfelement/dist/pfelement.umd\";\n\nclass PfeModal extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return `\n`;\n }\n\n static get properties() {\n return {};\n }\n\n static get slots() {\n return {\"trigger\":{\"title\":\"Trigger\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"oneOf\":[{\"$ref\":\"raw\"}]}},\"header\":{\"title\":\"Header\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"oneOf\":[{\"$ref\":\"raw\"}]}},\"body\":{\"title\":\"Body\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-modal\";\n }\n\n get templateUrl() {\n return \"pfe-modal.html\";\n }\n\n get schemaUrl() {\n return \"pfe-modal.json\";\n }\n\n get styleUrl() {\n return \"pfe-modal.scss\";\n }\n\n // Declare the type of this component\n static get PfeType() {\n return PFElement.PfeTypes.Container;\n }\n\n static get events() {\n return {\n open: `${this.tag}:open`,\n close: `${this.tag}:close`\n };\n }\n\n constructor() {\n super(PfeModal, { type: PfeModal.PfeType });\n\n this.header_id = this.randomId;\n this.isOpen = false;\n\n this._keydownHandler = this._keydownHandler.bind(this);\n this.toggle = this.toggle.bind(this);\n\n // These fire custom events\n this.open = this.open.bind(this);\n this.close = this.close.bind(this);\n\n this._modalWindow = this.shadowRoot.querySelector(`.${this.tag}__window`);\n this._modalCloseButton = this.shadowRoot.querySelector(\n `.${this.tag}__close`\n );\n this._overlay = this.shadowRoot.querySelector(`.${this.tag}__overlay`);\n this._container = this.shadowRoot.querySelector(`.${this.tag}__container`);\n this._outer = this.shadowRoot.querySelector(`.${this.tag}__outer`);\n\n this._observer = new MutationObserver(() => {\n this._mapSchemaToSlots(this.tag, this.slots);\n this._init();\n });\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this._init();\n\n this.addEventListener(\"keydown\", this._keydownHandler);\n this._modalCloseButton.addEventListener(\"keydown\", this._keydownHandler);\n this._modalCloseButton.addEventListener(\"click\", this.close);\n this._overlay.addEventListener(\"click\", this.close);\n\n this._observer.observe(this, { childList: true });\n }\n\n disconnectedCallback() {\n this.removeEventListener(\"keydown\", this._keydownHandler);\n this._modalCloseButton.removeEventListener(\"click\", this.close);\n this._modalCloseButton.removeEventListener(\"click\", this.close);\n this._overlay.removeEventListener(\"click\", this.close);\n\n if (this.trigger) {\n this.trigger.removeEventListener(\"click\", this.open);\n }\n\n this._observer.disconnect();\n }\n\n attributeChangedCallback(attr, oldVal, newVal) {\n super.attributeChangedCallback(attr, oldVal, newVal);\n }\n\n _init() {\n this.trigger = this.querySelector(`[slot=\"${this.tag}--trigger\"]`);\n this.header = this.querySelector(`[slot=\"${this.tag}--header\"]`);\n this.body = [...this.querySelectorAll(`*:not([slot])`)];\n\n if (this.trigger) {\n this.trigger.addEventListener(\"click\", this.open);\n this.removeAttribute(\"hidden\");\n }\n\n if (this.header) {\n this.header.setAttribute(\"id\", this.header_id);\n this._modalWindow.setAttribute(\"aria-labelledby\", this.header_id);\n } else {\n // Get the first heading in the modal if it exists\n const headings = this.body.filter(el => el.tagName.startsWith(\"H\"));\n if (headings.length > 0) {\n headings[0].setAttribute(\"id\", this.header_id);\n this._modalWindow.setAttribute(\"aria-labelledby\", this.header_id);\n } else if (this.trigger) {\n this._modalWindow.setAttribute(\"aria-label\", this.trigger.innerText);\n }\n }\n }\n\n _keydownHandler(event) {\n let target = event.target || window.event.srcElement;\n let key = event.key || event.keyCode;\n switch (key) {\n case \"Tab\":\n case 9:\n if (target === this._modalCloseButton) {\n event.preventDefault();\n this._modalWindow.focus();\n }\n return;\n case \"Escape\":\n case \"Esc\":\n case 27:\n this.close(event);\n return;\n case \"Enter\":\n case 13:\n if (target === this.trigger) {\n this.open(event);\n }\n return;\n }\n }\n\n toggle(event) {\n this.isOpen ? this.close(event) : this.open(event);\n return this;\n }\n\n open(event) {\n if (event) {\n event.preventDefault();\n this.trigger = event ? event.target : window.event.srcElement;\n }\n\n const detail = {\n open: true\n };\n\n if (event && this.trigger) {\n detail.trigger = this.trigger;\n }\n\n this.isOpen = true;\n // Reveal the container and overlay\n this._modalWindow.removeAttribute(\"hidden\");\n this._overlay.removeAttribute(\"hidden\");\n this._outer.removeAttribute(\"hidden\");\n // This prevents background scroll\n document.body.style.overflow = \"hidden\";\n // Set the focus to the container\n this._modalWindow.focus();\n\n this.emitEvent(PfeModal.events.open, { detail });\n\n return this;\n }\n\n close(event) {\n if (event) {\n event.preventDefault();\n }\n\n this.isOpen = false;\n // Hide the container and overlay\n this._modalWindow.setAttribute(\"hidden\", true);\n this._overlay.setAttribute(\"hidden\", true);\n this._outer.setAttribute(\"hidden\", true);\n // Return scrollability\n document.body.style.overflow = \"auto\";\n\n if (this.trigger) {\n // Move focus back to the trigger element\n this.trigger.focus();\n this.trigger = null;\n }\n\n this.emitEvent(PfeModal.events.close, {\n detail: {\n open: false\n }\n });\n\n return this;\n }\n}\n\nPFElement.create(PfeModal);\n\nexport default PfeModal;\n"],"names":["String","prototype","startsWith","defineProperty","search","rawPos","pos","this","substring","length","PfeModal","PFElement","trigger","title","type","namedSlot","items","oneOf","$ref","header","body","PfeTypes","Container","tag","_init","addEventListener","_keydownHandler","_modalCloseButton","close","_overlay","_observer","observe","childList","removeEventListener","open","disconnect","attr","oldVal","newVal","querySelector","querySelectorAll","removeAttribute","setAttribute","header_id","_modalWindow","headings","filter","el","tagName","innerText","event","target","window","srcElement","key","keyCode","preventDefault","focus","isOpen","detail","_outer","style","overflow","emitEvent","events","PfeType","_this","randomId","bind","toggle","shadowRoot","_container","MutationObserver","_mapSchemaToSlots","slots","create"],"mappings":"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"} \ No newline at end of file diff --git a/elements/pfe-modal/package-lock.json b/elements/pfe-modal/package-lock.json index 2642c5b136..12e45ea382 100644 --- a/elements/pfe-modal/package-lock.json +++ b/elements/pfe-modal/package-lock.json @@ -1,6 +1,6 @@ { "name": "@patternfly/pfe-modal", - "version": "1.0.0-prerelease.49", + "version": "1.0.0-prerelease.50", "lockfileVersion": 1, "requires": true, "dependencies": { diff --git a/elements/pfe-modal/package.json b/elements/pfe-modal/package.json index 3b6d17b391..fd73ae3d75 100644 --- a/elements/pfe-modal/package.json +++ b/elements/pfe-modal/package.json @@ -4,7 +4,7 @@ "className": "PfeModal", "elementName": "pfe-modal" }, - "version": "1.0.0-prerelease.49", + "version": "1.0.0-prerelease.50", "publishConfig": { "access": "public" }, @@ -41,8 +41,8 @@ ], "license": "MIT", "dependencies": { - "@patternfly/pfe-sass": "^1.0.0-prerelease.49", - "@patternfly/pfelement": "^1.0.0-prerelease.49" + "@patternfly/pfe-sass": "^1.0.0-prerelease.50", + "@patternfly/pfelement": "^1.0.0-prerelease.50" }, "generator-pfelement-version": "1.1.0", "bugs": { diff --git a/elements/pfe-navigation/dist/pfe-navigation--lightdom.css b/elements/pfe-navigation/dist/pfe-navigation--lightdom.css new file mode 100644 index 0000000000..992b8ad79a --- /dev/null +++ b/elements/pfe-navigation/dist/pfe-navigation--lightdom.css @@ -0,0 +1,2785 @@ +pfe-navigation-item .pfe-link-list--group-item > a { + color: #06c; + color: var(--pfe-broadcasted--link, #06c); + text-decoration: none; + -webkit-text-decoration: var(--pfe-broadcasted--link-decoration, none); + text-decoration: var(--pfe-broadcasted--link-decoration, none); +} + +pfe-navigation-item .pfe-link-list--group-item > a:visited { + color: rebeccapurple; + color: var(--pfe-broadcasted--link--visited, rebeccapurple); +} + +pfe-navigation-item .pfe-link-list--group-item > a:hover { + color: #003366; + color: var(--pfe-broadcasted--link--hover, #003366); + text-decoration: underline; + -webkit-text-decoration: var(--pfe-broadcasted--link-decoration--hover, underline); + text-decoration: var(--pfe-broadcasted--link-decoration--hover, underline); +} + +pfe-navigation-item .pfe-link-list--group-item > a:focus { + outline-offset: 1px; + outline-style: dotted; + outline-width: 1px; + outline-color: #003366; + outline-color: var(--pfe-broadcasted--link--focus, #003366); + color: #003366; + color: var(--pfe-broadcasted--link--focus, #003366); +} + +.pfe-l-grid { + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +.pfe-l-grid > *, .pfe-l-grid__item { + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 100%; + margin: 0 auto; +} + +@media screen and (min-width: 576px) { + .pfe-l-grid.pfe-m-all-1-col > * { + width: calc(8.33333% - 16px); + } + .pfe-l-grid.pfe-m-all-2-col > * { + width: calc(16.66667% - 16px); + } + .pfe-l-grid.pfe-m-all-3-col > * { + width: calc(25% - 16px); + } + .pfe-l-grid.pfe-m-all-4-col > * { + width: calc(33.33333% - 16px); + } + .pfe-l-grid.pfe-m-all-5-col > * { + width: calc(41.66667% - 16px); + } + .pfe-l-grid.pfe-m-all-6-col > * { + width: calc(50% - 16px); + } + .pfe-l-grid.pfe-m-all-7-col > * { + width: calc(58.33333% - 16px); + } + .pfe-l-grid.pfe-m-all-8-col > * { + width: calc(66.66667% - 16px); + } + .pfe-l-grid.pfe-m-all-9-col > * { + width: calc(75% - 16px); + } + .pfe-l-grid.pfe-m-all-10-col > * { + width: calc(83.33333% - 16px); + } + .pfe-l-grid.pfe-m-all-11-col > * { + width: calc(91.66667% - 16px); + } + .pfe-l-grid.pfe-m-all-12-col > * { + width: calc(100% - 16px); + } + .pfe-l-grid > .pfe-m-1-col { + width: calc(8.33333% - 16px); + } + .pfe-l-grid > .pfe-m-2-col { + width: calc(16.66667% - 16px); + } + .pfe-l-grid > .pfe-m-3-col { + width: calc(25% - 16px); + } + .pfe-l-grid > .pfe-m-4-col { + width: calc(33.33333% - 16px); + } + .pfe-l-grid > .pfe-m-5-col { + width: calc(41.66667% - 16px); + } + .pfe-l-grid > .pfe-m-6-col { + width: calc(50% - 16px); + } + .pfe-l-grid > .pfe-m-7-col { + width: calc(58.33333% - 16px); + } + .pfe-l-grid > .pfe-m-8-col { + width: calc(66.66667% - 16px); + } + .pfe-l-grid > .pfe-m-9-col { + width: calc(75% - 16px); + } + .pfe-l-grid > .pfe-m-10-col { + width: calc(83.33333% - 16px); + } + .pfe-l-grid > .pfe-m-11-col { + width: calc(91.66667% - 16px); + } + .pfe-l-grid > .pfe-m-12-col { + width: calc(100% - 16px); + } +} + +@media screen and (max-width: 0) { + .pfe-l-grid.pfe-m-all-1-col-on-xs > * { + width: calc(8.33333% - 16px); + } + .pfe-l-grid.pfe-m-all-2-col-on-xs > * { + width: calc(16.66667% - 16px); + } + .pfe-l-grid.pfe-m-all-3-col-on-xs > * { + width: calc(25% - 16px); + } + .pfe-l-grid.pfe-m-all-4-col-on-xs > * { + width: calc(33.33333% - 16px); + } + .pfe-l-grid.pfe-m-all-5-col-on-xs > * { + width: calc(41.66667% - 16px); + } + .pfe-l-grid.pfe-m-all-6-col-on-xs > * { + width: calc(50% - 16px); + } + .pfe-l-grid.pfe-m-all-7-col-on-xs > * { + width: calc(58.33333% - 16px); + } + .pfe-l-grid.pfe-m-all-8-col-on-xs > * { + width: calc(66.66667% - 16px); + } + .pfe-l-grid.pfe-m-all-9-col-on-xs > * { + width: calc(75% - 16px); + } + .pfe-l-grid.pfe-m-all-10-col-on-xs > * { + width: calc(83.33333% - 16px); + } + .pfe-l-grid.pfe-m-all-11-col-on-xs > * { + width: calc(91.66667% - 16px); + } + .pfe-l-grid.pfe-m-all-12-col-on-xs > * { + width: calc(100% - 16px); + } + .pfe-l-grid > .pfe-m-1-col-on-xs { + width: calc(8.33333% - 16px); + } + .pfe-l-grid > .pfe-m-2-col-on-xs { + width: calc(16.66667% - 16px); + } + .pfe-l-grid > .pfe-m-3-col-on-xs { + width: calc(25% - 16px); + } + .pfe-l-grid > .pfe-m-4-col-on-xs { + width: calc(33.33333% - 16px); + } + .pfe-l-grid > .pfe-m-5-col-on-xs { + width: calc(41.66667% - 16px); + } + .pfe-l-grid > .pfe-m-6-col-on-xs { + width: calc(50% - 16px); + } + .pfe-l-grid > .pfe-m-7-col-on-xs { + width: calc(58.33333% - 16px); + } + .pfe-l-grid > .pfe-m-8-col-on-xs { + width: calc(66.66667% - 16px); + } + .pfe-l-grid > .pfe-m-9-col-on-xs { + width: calc(75% - 16px); + } + .pfe-l-grid > .pfe-m-10-col-on-xs { + width: calc(83.33333% - 16px); + } + .pfe-l-grid > .pfe-m-11-col-on-xs { + width: calc(91.66667% - 16px); + } + .pfe-l-grid > .pfe-m-12-col-on-xs { + width: calc(100% - 16px); + } +} + +@media screen and (min-width: 576px) { + .pfe-l-grid.pfe-m-all-1-col-on-sm > * { + width: calc(8.33333% - 16px); + } + .pfe-l-grid.pfe-m-all-2-col-on-sm > * { + width: calc(16.66667% - 16px); + } + .pfe-l-grid.pfe-m-all-3-col-on-sm > * { + width: calc(25% - 16px); + } + .pfe-l-grid.pfe-m-all-4-col-on-sm > * { + width: calc(33.33333% - 16px); + } + .pfe-l-grid.pfe-m-all-5-col-on-sm > * { + width: calc(41.66667% - 16px); + } + .pfe-l-grid.pfe-m-all-6-col-on-sm > * { + width: calc(50% - 16px); + } + .pfe-l-grid.pfe-m-all-7-col-on-sm > * { + width: calc(58.33333% - 16px); + } + .pfe-l-grid.pfe-m-all-8-col-on-sm > * { + width: calc(66.66667% - 16px); + } + .pfe-l-grid.pfe-m-all-9-col-on-sm > * { + width: calc(75% - 16px); + } + .pfe-l-grid.pfe-m-all-10-col-on-sm > * { + width: calc(83.33333% - 16px); + } + .pfe-l-grid.pfe-m-all-11-col-on-sm > * { + width: calc(91.66667% - 16px); + } + .pfe-l-grid.pfe-m-all-12-col-on-sm > * { + width: calc(100% - 16px); + } + .pfe-l-grid > .pfe-m-1-col-on-sm { + width: calc(8.33333% - 16px); + } + .pfe-l-grid > .pfe-m-2-col-on-sm { + width: calc(16.66667% - 16px); + } + .pfe-l-grid > .pfe-m-3-col-on-sm { + width: calc(25% - 16px); + } + .pfe-l-grid > .pfe-m-4-col-on-sm { + width: calc(33.33333% - 16px); + } + .pfe-l-grid > .pfe-m-5-col-on-sm { + width: calc(41.66667% - 16px); + } + .pfe-l-grid > .pfe-m-6-col-on-sm { + width: calc(50% - 16px); + } + .pfe-l-grid > .pfe-m-7-col-on-sm { + width: calc(58.33333% - 16px); + } + .pfe-l-grid > .pfe-m-8-col-on-sm { + width: calc(66.66667% - 16px); + } + .pfe-l-grid > .pfe-m-9-col-on-sm { + width: calc(75% - 16px); + } + .pfe-l-grid > .pfe-m-10-col-on-sm { + width: calc(83.33333% - 16px); + } + .pfe-l-grid > .pfe-m-11-col-on-sm { + width: calc(91.66667% - 16px); + } + .pfe-l-grid > .pfe-m-12-col-on-sm { + width: calc(100% - 16px); + } +} + +@media screen and (min-width: 768px) { + .pfe-l-grid.pfe-m-all-1-col-on-md > * { + width: calc(8.33333% - 16px); + } + .pfe-l-grid.pfe-m-all-2-col-on-md > * { + width: calc(16.66667% - 16px); + } + .pfe-l-grid.pfe-m-all-3-col-on-md > * { + width: calc(25% - 16px); + } + .pfe-l-grid.pfe-m-all-4-col-on-md > * { + width: calc(33.33333% - 16px); + } + .pfe-l-grid.pfe-m-all-5-col-on-md > * { + width: calc(41.66667% - 16px); + } + .pfe-l-grid.pfe-m-all-6-col-on-md > * { + width: calc(50% - 16px); + } + .pfe-l-grid.pfe-m-all-7-col-on-md > * { + width: calc(58.33333% - 16px); + } + .pfe-l-grid.pfe-m-all-8-col-on-md > * { + width: calc(66.66667% - 16px); + } + .pfe-l-grid.pfe-m-all-9-col-on-md > * { + width: calc(75% - 16px); + } + .pfe-l-grid.pfe-m-all-10-col-on-md > * { + width: calc(83.33333% - 16px); + } + .pfe-l-grid.pfe-m-all-11-col-on-md > * { + width: calc(91.66667% - 16px); + } + .pfe-l-grid.pfe-m-all-12-col-on-md > * { + width: calc(100% - 16px); + } + .pfe-l-grid > .pfe-m-1-col-on-md { + width: calc(8.33333% - 16px); + } + .pfe-l-grid > .pfe-m-2-col-on-md { + width: calc(16.66667% - 16px); + } + .pfe-l-grid > .pfe-m-3-col-on-md { + width: calc(25% - 16px); + } + .pfe-l-grid > .pfe-m-4-col-on-md { + width: calc(33.33333% - 16px); + } + .pfe-l-grid > .pfe-m-5-col-on-md { + width: calc(41.66667% - 16px); + } + .pfe-l-grid > .pfe-m-6-col-on-md { + width: calc(50% - 16px); + } + .pfe-l-grid > .pfe-m-7-col-on-md { + width: calc(58.33333% - 16px); + } + .pfe-l-grid > .pfe-m-8-col-on-md { + width: calc(66.66667% - 16px); + } + .pfe-l-grid > .pfe-m-9-col-on-md { + width: calc(75% - 16px); + } + .pfe-l-grid > .pfe-m-10-col-on-md { + width: calc(83.33333% - 16px); + } + .pfe-l-grid > .pfe-m-11-col-on-md { + width: calc(91.66667% - 16px); + } + .pfe-l-grid > .pfe-m-12-col-on-md { + width: calc(100% - 16px); + } +} + +@media screen and (min-width: 992px) { + .pfe-l-grid.pfe-m-all-1-col-on-lg > * { + width: calc(8.33333% - 16px); + } + .pfe-l-grid.pfe-m-all-2-col-on-lg > * { + width: calc(16.66667% - 16px); + } + .pfe-l-grid.pfe-m-all-3-col-on-lg > * { + width: calc(25% - 16px); + } + .pfe-l-grid.pfe-m-all-4-col-on-lg > * { + width: calc(33.33333% - 16px); + } + .pfe-l-grid.pfe-m-all-5-col-on-lg > * { + width: calc(41.66667% - 16px); + } + .pfe-l-grid.pfe-m-all-6-col-on-lg > * { + width: calc(50% - 16px); + } + .pfe-l-grid.pfe-m-all-7-col-on-lg > * { + width: calc(58.33333% - 16px); + } + .pfe-l-grid.pfe-m-all-8-col-on-lg > * { + width: calc(66.66667% - 16px); + } + .pfe-l-grid.pfe-m-all-9-col-on-lg > * { + width: calc(75% - 16px); + } + .pfe-l-grid.pfe-m-all-10-col-on-lg > * { + width: calc(83.33333% - 16px); + } + .pfe-l-grid.pfe-m-all-11-col-on-lg > * { + width: calc(91.66667% - 16px); + } + .pfe-l-grid.pfe-m-all-12-col-on-lg > * { + width: calc(100% - 16px); + } + .pfe-l-grid > .pfe-m-1-col-on-lg { + width: calc(8.33333% - 16px); + } + .pfe-l-grid > .pfe-m-2-col-on-lg { + width: calc(16.66667% - 16px); + } + .pfe-l-grid > .pfe-m-3-col-on-lg { + width: calc(25% - 16px); + } + .pfe-l-grid > .pfe-m-4-col-on-lg { + width: calc(33.33333% - 16px); + } + .pfe-l-grid > .pfe-m-5-col-on-lg { + width: calc(41.66667% - 16px); + } + .pfe-l-grid > .pfe-m-6-col-on-lg { + width: calc(50% - 16px); + } + .pfe-l-grid > .pfe-m-7-col-on-lg { + width: calc(58.33333% - 16px); + } + .pfe-l-grid > .pfe-m-8-col-on-lg { + width: calc(66.66667% - 16px); + } + .pfe-l-grid > .pfe-m-9-col-on-lg { + width: calc(75% - 16px); + } + .pfe-l-grid > .pfe-m-10-col-on-lg { + width: calc(83.33333% - 16px); + } + .pfe-l-grid > .pfe-m-11-col-on-lg { + width: calc(91.66667% - 16px); + } + .pfe-l-grid > .pfe-m-12-col-on-lg { + width: calc(100% - 16px); + } +} + +@media screen and (min-width: 1200px) { + .pfe-l-grid.pfe-m-all-1-col-on-xl > * { + width: calc(8.33333% - 16px); + } + .pfe-l-grid.pfe-m-all-2-col-on-xl > * { + width: calc(16.66667% - 16px); + } + .pfe-l-grid.pfe-m-all-3-col-on-xl > * { + width: calc(25% - 16px); + } + .pfe-l-grid.pfe-m-all-4-col-on-xl > * { + width: calc(33.33333% - 16px); + } + .pfe-l-grid.pfe-m-all-5-col-on-xl > * { + width: calc(41.66667% - 16px); + } + .pfe-l-grid.pfe-m-all-6-col-on-xl > * { + width: calc(50% - 16px); + } + .pfe-l-grid.pfe-m-all-7-col-on-xl > * { + width: calc(58.33333% - 16px); + } + .pfe-l-grid.pfe-m-all-8-col-on-xl > * { + width: calc(66.66667% - 16px); + } + .pfe-l-grid.pfe-m-all-9-col-on-xl > * { + width: calc(75% - 16px); + } + .pfe-l-grid.pfe-m-all-10-col-on-xl > * { + width: calc(83.33333% - 16px); + } + .pfe-l-grid.pfe-m-all-11-col-on-xl > * { + width: calc(91.66667% - 16px); + } + .pfe-l-grid.pfe-m-all-12-col-on-xl > * { + width: calc(100% - 16px); + } + .pfe-l-grid > .pfe-m-1-col-on-xl { + width: calc(8.33333% - 16px); + } + .pfe-l-grid > .pfe-m-2-col-on-xl { + width: calc(16.66667% - 16px); + } + .pfe-l-grid > .pfe-m-3-col-on-xl { + width: calc(25% - 16px); + } + .pfe-l-grid > .pfe-m-4-col-on-xl { + width: calc(33.33333% - 16px); + } + .pfe-l-grid > .pfe-m-5-col-on-xl { + width: calc(41.66667% - 16px); + } + .pfe-l-grid > .pfe-m-6-col-on-xl { + width: calc(50% - 16px); + } + .pfe-l-grid > .pfe-m-7-col-on-xl { + width: calc(58.33333% - 16px); + } + .pfe-l-grid > .pfe-m-8-col-on-xl { + width: calc(66.66667% - 16px); + } + .pfe-l-grid > .pfe-m-9-col-on-xl { + width: calc(75% - 16px); + } + .pfe-l-grid > .pfe-m-10-col-on-xl { + width: calc(83.33333% - 16px); + } + .pfe-l-grid > .pfe-m-11-col-on-xl { + width: calc(91.66667% - 16px); + } + .pfe-l-grid > .pfe-m-12-col-on-xl { + width: calc(100% - 16px); + } +} + +.pfe-l-grid.pfe-m-gutters { + margin: calc(8px * -1); +} + +.pfe-l-grid.pfe-m-gutters > * { + margin: 8px; +} + +@supports (display: grid) { + .pfe-l-grid { + display: -ms-grid; + display: grid; + -ms-grid-columns: ([col-start] 1fr)[12]; + grid-template-columns: repeat(12, [col-start] 1fr); + } + .pfe-l-grid > *, .pfe-l-grid__item { + width: auto; + margin: 0; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 12; + grid-column-end: span 12; + } + .pfe-l-grid.pfe-l-grid-fill-height { + height: 100%; + } + @media screen and (min-width: 576px) { + .pfe-l-grid.pfe-m-all-1-col > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 1; + grid-column-end: span 1; + } + .pfe-l-grid.pfe-m-all-2-col > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 2; + grid-column-end: span 2; + } + .pfe-l-grid.pfe-m-all-3-col > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 3; + grid-column-end: span 3; + } + .pfe-l-grid.pfe-m-all-4-col > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 4; + grid-column-end: span 4; + } + .pfe-l-grid.pfe-m-all-5-col > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 5; + grid-column-end: span 5; + } + .pfe-l-grid.pfe-m-all-6-col > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 6; + grid-column-end: span 6; + } + .pfe-l-grid.pfe-m-all-7-col > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 7; + grid-column-end: span 7; + } + .pfe-l-grid.pfe-m-all-8-col > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 8; + grid-column-end: span 8; + } + .pfe-l-grid.pfe-m-all-9-col > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 9; + grid-column-end: span 9; + } + .pfe-l-grid.pfe-m-all-10-col > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 10; + grid-column-end: span 10; + } + .pfe-l-grid.pfe-m-all-11-col > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 11; + grid-column-end: span 11; + } + .pfe-l-grid.pfe-m-all-12-col > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 12; + grid-column-end: span 12; + } + .pfe-l-grid > .pfe-m-1-col { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 1; + grid-column-end: span 1; + } + .pfe-l-grid > .pfe-m-2-col { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 2; + grid-column-end: span 2; + } + .pfe-l-grid > .pfe-m-3-col { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 3; + grid-column-end: span 3; + } + .pfe-l-grid > .pfe-m-4-col { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 4; + grid-column-end: span 4; + } + .pfe-l-grid > .pfe-m-5-col { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 5; + grid-column-end: span 5; + } + .pfe-l-grid > .pfe-m-6-col { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 6; + grid-column-end: span 6; + } + .pfe-l-grid > .pfe-m-7-col { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 7; + grid-column-end: span 7; + } + .pfe-l-grid > .pfe-m-8-col { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 8; + grid-column-end: span 8; + } + .pfe-l-grid > .pfe-m-9-col { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 9; + grid-column-end: span 9; + } + .pfe-l-grid > .pfe-m-10-col { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 10; + grid-column-end: span 10; + } + .pfe-l-grid > .pfe-m-11-col { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 11; + grid-column-end: span 11; + } + .pfe-l-grid > .pfe-m-12-col { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 12; + grid-column-end: span 12; + } + .pfe-l-grid > .pfe-m-startat-1-col { + -ms-grid-column: col-start 1; + grid-column-start: col-start 1; + } + .pfe-l-grid > .pfe-m-startat-2-col { + -ms-grid-column: col-start 2; + grid-column-start: col-start 2; + } + .pfe-l-grid > .pfe-m-startat-3-col { + -ms-grid-column: col-start 3; + grid-column-start: col-start 3; + } + .pfe-l-grid > .pfe-m-startat-4-col { + -ms-grid-column: col-start 4; + grid-column-start: col-start 4; + } + .pfe-l-grid > .pfe-m-startat-5-col { + -ms-grid-column: col-start 5; + grid-column-start: col-start 5; + } + .pfe-l-grid > .pfe-m-startat-6-col { + -ms-grid-column: col-start 6; + grid-column-start: col-start 6; + } + .pfe-l-grid > .pfe-m-startat-7-col { + -ms-grid-column: col-start 7; + grid-column-start: col-start 7; + } + .pfe-l-grid > .pfe-m-startat-8-col { + -ms-grid-column: col-start 8; + grid-column-start: col-start 8; + } + .pfe-l-grid > .pfe-m-startat-9-col { + -ms-grid-column: col-start 9; + grid-column-start: col-start 9; + } + .pfe-l-grid > .pfe-m-startat-10-col { + -ms-grid-column: col-start 10; + grid-column-start: col-start 10; + } + .pfe-l-grid > .pfe-m-startat-11-col { + -ms-grid-column: col-start 11; + grid-column-start: col-start 11; + } + .pfe-l-grid > .pfe-m-startat-12-col { + -ms-grid-column: col-start 12; + grid-column-start: col-start 12; + } + .pfe-l-grid > .pfe-m-1-row { + -ms-grid-row-span: 1; + grid-row: span 1; + } + .pfe-l-grid > .pfe-m-2-row { + -ms-grid-row-span: 2; + grid-row: span 2; + } + .pfe-l-grid > .pfe-m-3-row { + -ms-grid-row-span: 3; + grid-row: span 3; + } + .pfe-l-grid > .pfe-m-4-row { + -ms-grid-row-span: 4; + grid-row: span 4; + } + .pfe-l-grid > .pfe-m-5-row { + -ms-grid-row-span: 5; + grid-row: span 5; + } + .pfe-l-grid > .pfe-m-6-row { + -ms-grid-row-span: 6; + grid-row: span 6; + } + .pfe-l-grid > .pfe-m-7-row { + -ms-grid-row-span: 7; + grid-row: span 7; + } + .pfe-l-grid > .pfe-m-8-row { + -ms-grid-row-span: 8; + grid-row: span 8; + } + .pfe-l-grid > .pfe-m-9-row { + -ms-grid-row-span: 9; + grid-row: span 9; + } + .pfe-l-grid > .pfe-m-10-row { + -ms-grid-row-span: 10; + grid-row: span 10; + } + .pfe-l-grid > .pfe-m-11-row { + -ms-grid-row-span: 11; + grid-row: span 11; + } + .pfe-l-grid > .pfe-m-12-row { + -ms-grid-row-span: 12; + grid-row: span 12; + } + } + @media screen and (max-width: 0) { + .pfe-l-grid.pfe-m-all-1-col-on-xs > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 1; + grid-column-end: span 1; + } + .pfe-l-grid.pfe-m-all-2-col-on-xs > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 2; + grid-column-end: span 2; + } + .pfe-l-grid.pfe-m-all-3-col-on-xs > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 3; + grid-column-end: span 3; + } + .pfe-l-grid.pfe-m-all-4-col-on-xs > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 4; + grid-column-end: span 4; + } + .pfe-l-grid.pfe-m-all-5-col-on-xs > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 5; + grid-column-end: span 5; + } + .pfe-l-grid.pfe-m-all-6-col-on-xs > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 6; + grid-column-end: span 6; + } + .pfe-l-grid.pfe-m-all-7-col-on-xs > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 7; + grid-column-end: span 7; + } + .pfe-l-grid.pfe-m-all-8-col-on-xs > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 8; + grid-column-end: span 8; + } + .pfe-l-grid.pfe-m-all-9-col-on-xs > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 9; + grid-column-end: span 9; + } + .pfe-l-grid.pfe-m-all-10-col-on-xs > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 10; + grid-column-end: span 10; + } + .pfe-l-grid.pfe-m-all-11-col-on-xs > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 11; + grid-column-end: span 11; + } + .pfe-l-grid.pfe-m-all-12-col-on-xs > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 12; + grid-column-end: span 12; + } + .pfe-l-grid > .pfe-m-1-col-on-xs { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 1; + grid-column-end: span 1; + } + .pfe-l-grid > .pfe-m-2-col-on-xs { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 2; + grid-column-end: span 2; + } + .pfe-l-grid > .pfe-m-3-col-on-xs { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 3; + grid-column-end: span 3; + } + .pfe-l-grid > .pfe-m-4-col-on-xs { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 4; + grid-column-end: span 4; + } + .pfe-l-grid > .pfe-m-5-col-on-xs { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 5; + grid-column-end: span 5; + } + .pfe-l-grid > .pfe-m-6-col-on-xs { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 6; + grid-column-end: span 6; + } + .pfe-l-grid > .pfe-m-7-col-on-xs { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 7; + grid-column-end: span 7; + } + .pfe-l-grid > .pfe-m-8-col-on-xs { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 8; + grid-column-end: span 8; + } + .pfe-l-grid > .pfe-m-9-col-on-xs { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 9; + grid-column-end: span 9; + } + .pfe-l-grid > .pfe-m-10-col-on-xs { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 10; + grid-column-end: span 10; + } + .pfe-l-grid > .pfe-m-11-col-on-xs { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 11; + grid-column-end: span 11; + } + .pfe-l-grid > .pfe-m-12-col-on-xs { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 12; + grid-column-end: span 12; + } + .pfe-l-grid > .pfe-m-startat-1-col-on-xs { + -ms-grid-column: col-start 1; + grid-column-start: col-start 1; + } + .pfe-l-grid > .pfe-m-startat-2-col-on-xs { + -ms-grid-column: col-start 2; + grid-column-start: col-start 2; + } + .pfe-l-grid > .pfe-m-startat-3-col-on-xs { + -ms-grid-column: col-start 3; + grid-column-start: col-start 3; + } + .pfe-l-grid > .pfe-m-startat-4-col-on-xs { + -ms-grid-column: col-start 4; + grid-column-start: col-start 4; + } + .pfe-l-grid > .pfe-m-startat-5-col-on-xs { + -ms-grid-column: col-start 5; + grid-column-start: col-start 5; + } + .pfe-l-grid > .pfe-m-startat-6-col-on-xs { + -ms-grid-column: col-start 6; + grid-column-start: col-start 6; + } + .pfe-l-grid > .pfe-m-startat-7-col-on-xs { + -ms-grid-column: col-start 7; + grid-column-start: col-start 7; + } + .pfe-l-grid > .pfe-m-startat-8-col-on-xs { + -ms-grid-column: col-start 8; + grid-column-start: col-start 8; + } + .pfe-l-grid > .pfe-m-startat-9-col-on-xs { + -ms-grid-column: col-start 9; + grid-column-start: col-start 9; + } + .pfe-l-grid > .pfe-m-startat-10-col-on-xs { + -ms-grid-column: col-start 10; + grid-column-start: col-start 10; + } + .pfe-l-grid > .pfe-m-startat-11-col-on-xs { + -ms-grid-column: col-start 11; + grid-column-start: col-start 11; + } + .pfe-l-grid > .pfe-m-startat-12-col-on-xs { + -ms-grid-column: col-start 12; + grid-column-start: col-start 12; + } + .pfe-l-grid > .pfe-m-1-row-on-xs { + -ms-grid-row-span: 1; + grid-row: span 1; + } + .pfe-l-grid > .pfe-m-2-row-on-xs { + -ms-grid-row-span: 2; + grid-row: span 2; + } + .pfe-l-grid > .pfe-m-3-row-on-xs { + -ms-grid-row-span: 3; + grid-row: span 3; + } + .pfe-l-grid > .pfe-m-4-row-on-xs { + -ms-grid-row-span: 4; + grid-row: span 4; + } + .pfe-l-grid > .pfe-m-5-row-on-xs { + -ms-grid-row-span: 5; + grid-row: span 5; + } + .pfe-l-grid > .pfe-m-6-row-on-xs { + -ms-grid-row-span: 6; + grid-row: span 6; + } + .pfe-l-grid > .pfe-m-7-row-on-xs { + -ms-grid-row-span: 7; + grid-row: span 7; + } + .pfe-l-grid > .pfe-m-8-row-on-xs { + -ms-grid-row-span: 8; + grid-row: span 8; + } + .pfe-l-grid > .pfe-m-9-row-on-xs { + -ms-grid-row-span: 9; + grid-row: span 9; + } + .pfe-l-grid > .pfe-m-10-row-on-xs { + -ms-grid-row-span: 10; + grid-row: span 10; + } + .pfe-l-grid > .pfe-m-11-row-on-xs { + -ms-grid-row-span: 11; + grid-row: span 11; + } + .pfe-l-grid > .pfe-m-12-row-on-xs { + -ms-grid-row-span: 12; + grid-row: span 12; + } + } + @media screen and (min-width: 576px) { + .pfe-l-grid.pfe-m-all-1-col-on-sm > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 1; + grid-column-end: span 1; + } + .pfe-l-grid.pfe-m-all-2-col-on-sm > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 2; + grid-column-end: span 2; + } + .pfe-l-grid.pfe-m-all-3-col-on-sm > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 3; + grid-column-end: span 3; + } + .pfe-l-grid.pfe-m-all-4-col-on-sm > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 4; + grid-column-end: span 4; + } + .pfe-l-grid.pfe-m-all-5-col-on-sm > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 5; + grid-column-end: span 5; + } + .pfe-l-grid.pfe-m-all-6-col-on-sm > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 6; + grid-column-end: span 6; + } + .pfe-l-grid.pfe-m-all-7-col-on-sm > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 7; + grid-column-end: span 7; + } + .pfe-l-grid.pfe-m-all-8-col-on-sm > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 8; + grid-column-end: span 8; + } + .pfe-l-grid.pfe-m-all-9-col-on-sm > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 9; + grid-column-end: span 9; + } + .pfe-l-grid.pfe-m-all-10-col-on-sm > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 10; + grid-column-end: span 10; + } + .pfe-l-grid.pfe-m-all-11-col-on-sm > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 11; + grid-column-end: span 11; + } + .pfe-l-grid.pfe-m-all-12-col-on-sm > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 12; + grid-column-end: span 12; + } + .pfe-l-grid > .pfe-m-1-col-on-sm { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 1; + grid-column-end: span 1; + } + .pfe-l-grid > .pfe-m-2-col-on-sm { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 2; + grid-column-end: span 2; + } + .pfe-l-grid > .pfe-m-3-col-on-sm { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 3; + grid-column-end: span 3; + } + .pfe-l-grid > .pfe-m-4-col-on-sm { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 4; + grid-column-end: span 4; + } + .pfe-l-grid > .pfe-m-5-col-on-sm { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 5; + grid-column-end: span 5; + } + .pfe-l-grid > .pfe-m-6-col-on-sm { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 6; + grid-column-end: span 6; + } + .pfe-l-grid > .pfe-m-7-col-on-sm { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 7; + grid-column-end: span 7; + } + .pfe-l-grid > .pfe-m-8-col-on-sm { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 8; + grid-column-end: span 8; + } + .pfe-l-grid > .pfe-m-9-col-on-sm { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 9; + grid-column-end: span 9; + } + .pfe-l-grid > .pfe-m-10-col-on-sm { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 10; + grid-column-end: span 10; + } + .pfe-l-grid > .pfe-m-11-col-on-sm { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 11; + grid-column-end: span 11; + } + .pfe-l-grid > .pfe-m-12-col-on-sm { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 12; + grid-column-end: span 12; + } + .pfe-l-grid > .pfe-m-startat-1-col-on-sm { + -ms-grid-column: col-start 1; + grid-column-start: col-start 1; + } + .pfe-l-grid > .pfe-m-startat-2-col-on-sm { + -ms-grid-column: col-start 2; + grid-column-start: col-start 2; + } + .pfe-l-grid > .pfe-m-startat-3-col-on-sm { + -ms-grid-column: col-start 3; + grid-column-start: col-start 3; + } + .pfe-l-grid > .pfe-m-startat-4-col-on-sm { + -ms-grid-column: col-start 4; + grid-column-start: col-start 4; + } + .pfe-l-grid > .pfe-m-startat-5-col-on-sm { + -ms-grid-column: col-start 5; + grid-column-start: col-start 5; + } + .pfe-l-grid > .pfe-m-startat-6-col-on-sm { + -ms-grid-column: col-start 6; + grid-column-start: col-start 6; + } + .pfe-l-grid > .pfe-m-startat-7-col-on-sm { + -ms-grid-column: col-start 7; + grid-column-start: col-start 7; + } + .pfe-l-grid > .pfe-m-startat-8-col-on-sm { + -ms-grid-column: col-start 8; + grid-column-start: col-start 8; + } + .pfe-l-grid > .pfe-m-startat-9-col-on-sm { + -ms-grid-column: col-start 9; + grid-column-start: col-start 9; + } + .pfe-l-grid > .pfe-m-startat-10-col-on-sm { + -ms-grid-column: col-start 10; + grid-column-start: col-start 10; + } + .pfe-l-grid > .pfe-m-startat-11-col-on-sm { + -ms-grid-column: col-start 11; + grid-column-start: col-start 11; + } + .pfe-l-grid > .pfe-m-startat-12-col-on-sm { + -ms-grid-column: col-start 12; + grid-column-start: col-start 12; + } + .pfe-l-grid > .pfe-m-1-row-on-sm { + -ms-grid-row-span: 1; + grid-row: span 1; + } + .pfe-l-grid > .pfe-m-2-row-on-sm { + -ms-grid-row-span: 2; + grid-row: span 2; + } + .pfe-l-grid > .pfe-m-3-row-on-sm { + -ms-grid-row-span: 3; + grid-row: span 3; + } + .pfe-l-grid > .pfe-m-4-row-on-sm { + -ms-grid-row-span: 4; + grid-row: span 4; + } + .pfe-l-grid > .pfe-m-5-row-on-sm { + -ms-grid-row-span: 5; + grid-row: span 5; + } + .pfe-l-grid > .pfe-m-6-row-on-sm { + -ms-grid-row-span: 6; + grid-row: span 6; + } + .pfe-l-grid > .pfe-m-7-row-on-sm { + -ms-grid-row-span: 7; + grid-row: span 7; + } + .pfe-l-grid > .pfe-m-8-row-on-sm { + -ms-grid-row-span: 8; + grid-row: span 8; + } + .pfe-l-grid > .pfe-m-9-row-on-sm { + -ms-grid-row-span: 9; + grid-row: span 9; + } + .pfe-l-grid > .pfe-m-10-row-on-sm { + -ms-grid-row-span: 10; + grid-row: span 10; + } + .pfe-l-grid > .pfe-m-11-row-on-sm { + -ms-grid-row-span: 11; + grid-row: span 11; + } + .pfe-l-grid > .pfe-m-12-row-on-sm { + -ms-grid-row-span: 12; + grid-row: span 12; + } + } + @media screen and (min-width: 768px) { + .pfe-l-grid.pfe-m-all-1-col-on-md > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 1; + grid-column-end: span 1; + } + .pfe-l-grid.pfe-m-all-2-col-on-md > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 2; + grid-column-end: span 2; + } + .pfe-l-grid.pfe-m-all-3-col-on-md > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 3; + grid-column-end: span 3; + } + .pfe-l-grid.pfe-m-all-4-col-on-md > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 4; + grid-column-end: span 4; + } + .pfe-l-grid.pfe-m-all-5-col-on-md > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 5; + grid-column-end: span 5; + } + .pfe-l-grid.pfe-m-all-6-col-on-md > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 6; + grid-column-end: span 6; + } + .pfe-l-grid.pfe-m-all-7-col-on-md > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 7; + grid-column-end: span 7; + } + .pfe-l-grid.pfe-m-all-8-col-on-md > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 8; + grid-column-end: span 8; + } + .pfe-l-grid.pfe-m-all-9-col-on-md > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 9; + grid-column-end: span 9; + } + .pfe-l-grid.pfe-m-all-10-col-on-md > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 10; + grid-column-end: span 10; + } + .pfe-l-grid.pfe-m-all-11-col-on-md > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 11; + grid-column-end: span 11; + } + .pfe-l-grid.pfe-m-all-12-col-on-md > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 12; + grid-column-end: span 12; + } + .pfe-l-grid > .pfe-m-1-col-on-md { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 1; + grid-column-end: span 1; + } + .pfe-l-grid > .pfe-m-2-col-on-md { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 2; + grid-column-end: span 2; + } + .pfe-l-grid > .pfe-m-3-col-on-md { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 3; + grid-column-end: span 3; + } + .pfe-l-grid > .pfe-m-4-col-on-md { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 4; + grid-column-end: span 4; + } + .pfe-l-grid > .pfe-m-5-col-on-md { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 5; + grid-column-end: span 5; + } + .pfe-l-grid > .pfe-m-6-col-on-md { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 6; + grid-column-end: span 6; + } + .pfe-l-grid > .pfe-m-7-col-on-md { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 7; + grid-column-end: span 7; + } + .pfe-l-grid > .pfe-m-8-col-on-md { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 8; + grid-column-end: span 8; + } + .pfe-l-grid > .pfe-m-9-col-on-md { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 9; + grid-column-end: span 9; + } + .pfe-l-grid > .pfe-m-10-col-on-md { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 10; + grid-column-end: span 10; + } + .pfe-l-grid > .pfe-m-11-col-on-md { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 11; + grid-column-end: span 11; + } + .pfe-l-grid > .pfe-m-12-col-on-md { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 12; + grid-column-end: span 12; + } + .pfe-l-grid > .pfe-m-startat-1-col-on-md { + -ms-grid-column: col-start 1; + grid-column-start: col-start 1; + } + .pfe-l-grid > .pfe-m-startat-2-col-on-md { + -ms-grid-column: col-start 2; + grid-column-start: col-start 2; + } + .pfe-l-grid > .pfe-m-startat-3-col-on-md { + -ms-grid-column: col-start 3; + grid-column-start: col-start 3; + } + .pfe-l-grid > .pfe-m-startat-4-col-on-md { + -ms-grid-column: col-start 4; + grid-column-start: col-start 4; + } + .pfe-l-grid > .pfe-m-startat-5-col-on-md { + -ms-grid-column: col-start 5; + grid-column-start: col-start 5; + } + .pfe-l-grid > .pfe-m-startat-6-col-on-md { + -ms-grid-column: col-start 6; + grid-column-start: col-start 6; + } + .pfe-l-grid > .pfe-m-startat-7-col-on-md { + -ms-grid-column: col-start 7; + grid-column-start: col-start 7; + } + .pfe-l-grid > .pfe-m-startat-8-col-on-md { + -ms-grid-column: col-start 8; + grid-column-start: col-start 8; + } + .pfe-l-grid > .pfe-m-startat-9-col-on-md { + -ms-grid-column: col-start 9; + grid-column-start: col-start 9; + } + .pfe-l-grid > .pfe-m-startat-10-col-on-md { + -ms-grid-column: col-start 10; + grid-column-start: col-start 10; + } + .pfe-l-grid > .pfe-m-startat-11-col-on-md { + -ms-grid-column: col-start 11; + grid-column-start: col-start 11; + } + .pfe-l-grid > .pfe-m-startat-12-col-on-md { + -ms-grid-column: col-start 12; + grid-column-start: col-start 12; + } + .pfe-l-grid > .pfe-m-1-row-on-md { + -ms-grid-row-span: 1; + grid-row: span 1; + } + .pfe-l-grid > .pfe-m-2-row-on-md { + -ms-grid-row-span: 2; + grid-row: span 2; + } + .pfe-l-grid > .pfe-m-3-row-on-md { + -ms-grid-row-span: 3; + grid-row: span 3; + } + .pfe-l-grid > .pfe-m-4-row-on-md { + -ms-grid-row-span: 4; + grid-row: span 4; + } + .pfe-l-grid > .pfe-m-5-row-on-md { + -ms-grid-row-span: 5; + grid-row: span 5; + } + .pfe-l-grid > .pfe-m-6-row-on-md { + -ms-grid-row-span: 6; + grid-row: span 6; + } + .pfe-l-grid > .pfe-m-7-row-on-md { + -ms-grid-row-span: 7; + grid-row: span 7; + } + .pfe-l-grid > .pfe-m-8-row-on-md { + -ms-grid-row-span: 8; + grid-row: span 8; + } + .pfe-l-grid > .pfe-m-9-row-on-md { + -ms-grid-row-span: 9; + grid-row: span 9; + } + .pfe-l-grid > .pfe-m-10-row-on-md { + -ms-grid-row-span: 10; + grid-row: span 10; + } + .pfe-l-grid > .pfe-m-11-row-on-md { + -ms-grid-row-span: 11; + grid-row: span 11; + } + .pfe-l-grid > .pfe-m-12-row-on-md { + -ms-grid-row-span: 12; + grid-row: span 12; + } + } + @media screen and (min-width: 992px) { + .pfe-l-grid.pfe-m-all-1-col-on-lg > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 1; + grid-column-end: span 1; + } + .pfe-l-grid.pfe-m-all-2-col-on-lg > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 2; + grid-column-end: span 2; + } + .pfe-l-grid.pfe-m-all-3-col-on-lg > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 3; + grid-column-end: span 3; + } + .pfe-l-grid.pfe-m-all-4-col-on-lg > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 4; + grid-column-end: span 4; + } + .pfe-l-grid.pfe-m-all-5-col-on-lg > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 5; + grid-column-end: span 5; + } + .pfe-l-grid.pfe-m-all-6-col-on-lg > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 6; + grid-column-end: span 6; + } + .pfe-l-grid.pfe-m-all-7-col-on-lg > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 7; + grid-column-end: span 7; + } + .pfe-l-grid.pfe-m-all-8-col-on-lg > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 8; + grid-column-end: span 8; + } + .pfe-l-grid.pfe-m-all-9-col-on-lg > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 9; + grid-column-end: span 9; + } + .pfe-l-grid.pfe-m-all-10-col-on-lg > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 10; + grid-column-end: span 10; + } + .pfe-l-grid.pfe-m-all-11-col-on-lg > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 11; + grid-column-end: span 11; + } + .pfe-l-grid.pfe-m-all-12-col-on-lg > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 12; + grid-column-end: span 12; + } + .pfe-l-grid > .pfe-m-1-col-on-lg { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 1; + grid-column-end: span 1; + } + .pfe-l-grid > .pfe-m-2-col-on-lg { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 2; + grid-column-end: span 2; + } + .pfe-l-grid > .pfe-m-3-col-on-lg { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 3; + grid-column-end: span 3; + } + .pfe-l-grid > .pfe-m-4-col-on-lg { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 4; + grid-column-end: span 4; + } + .pfe-l-grid > .pfe-m-5-col-on-lg { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 5; + grid-column-end: span 5; + } + .pfe-l-grid > .pfe-m-6-col-on-lg { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 6; + grid-column-end: span 6; + } + .pfe-l-grid > .pfe-m-7-col-on-lg { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 7; + grid-column-end: span 7; + } + .pfe-l-grid > .pfe-m-8-col-on-lg { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 8; + grid-column-end: span 8; + } + .pfe-l-grid > .pfe-m-9-col-on-lg { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 9; + grid-column-end: span 9; + } + .pfe-l-grid > .pfe-m-10-col-on-lg { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 10; + grid-column-end: span 10; + } + .pfe-l-grid > .pfe-m-11-col-on-lg { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 11; + grid-column-end: span 11; + } + .pfe-l-grid > .pfe-m-12-col-on-lg { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 12; + grid-column-end: span 12; + } + .pfe-l-grid > .pfe-m-startat-1-col-on-lg { + -ms-grid-column: col-start 1; + grid-column-start: col-start 1; + } + .pfe-l-grid > .pfe-m-startat-2-col-on-lg { + -ms-grid-column: col-start 2; + grid-column-start: col-start 2; + } + .pfe-l-grid > .pfe-m-startat-3-col-on-lg { + -ms-grid-column: col-start 3; + grid-column-start: col-start 3; + } + .pfe-l-grid > .pfe-m-startat-4-col-on-lg { + -ms-grid-column: col-start 4; + grid-column-start: col-start 4; + } + .pfe-l-grid > .pfe-m-startat-5-col-on-lg { + -ms-grid-column: col-start 5; + grid-column-start: col-start 5; + } + .pfe-l-grid > .pfe-m-startat-6-col-on-lg { + -ms-grid-column: col-start 6; + grid-column-start: col-start 6; + } + .pfe-l-grid > .pfe-m-startat-7-col-on-lg { + -ms-grid-column: col-start 7; + grid-column-start: col-start 7; + } + .pfe-l-grid > .pfe-m-startat-8-col-on-lg { + -ms-grid-column: col-start 8; + grid-column-start: col-start 8; + } + .pfe-l-grid > .pfe-m-startat-9-col-on-lg { + -ms-grid-column: col-start 9; + grid-column-start: col-start 9; + } + .pfe-l-grid > .pfe-m-startat-10-col-on-lg { + -ms-grid-column: col-start 10; + grid-column-start: col-start 10; + } + .pfe-l-grid > .pfe-m-startat-11-col-on-lg { + -ms-grid-column: col-start 11; + grid-column-start: col-start 11; + } + .pfe-l-grid > .pfe-m-startat-12-col-on-lg { + -ms-grid-column: col-start 12; + grid-column-start: col-start 12; + } + .pfe-l-grid > .pfe-m-1-row-on-lg { + -ms-grid-row-span: 1; + grid-row: span 1; + } + .pfe-l-grid > .pfe-m-2-row-on-lg { + -ms-grid-row-span: 2; + grid-row: span 2; + } + .pfe-l-grid > .pfe-m-3-row-on-lg { + -ms-grid-row-span: 3; + grid-row: span 3; + } + .pfe-l-grid > .pfe-m-4-row-on-lg { + -ms-grid-row-span: 4; + grid-row: span 4; + } + .pfe-l-grid > .pfe-m-5-row-on-lg { + -ms-grid-row-span: 5; + grid-row: span 5; + } + .pfe-l-grid > .pfe-m-6-row-on-lg { + -ms-grid-row-span: 6; + grid-row: span 6; + } + .pfe-l-grid > .pfe-m-7-row-on-lg { + -ms-grid-row-span: 7; + grid-row: span 7; + } + .pfe-l-grid > .pfe-m-8-row-on-lg { + -ms-grid-row-span: 8; + grid-row: span 8; + } + .pfe-l-grid > .pfe-m-9-row-on-lg { + -ms-grid-row-span: 9; + grid-row: span 9; + } + .pfe-l-grid > .pfe-m-10-row-on-lg { + -ms-grid-row-span: 10; + grid-row: span 10; + } + .pfe-l-grid > .pfe-m-11-row-on-lg { + -ms-grid-row-span: 11; + grid-row: span 11; + } + .pfe-l-grid > .pfe-m-12-row-on-lg { + -ms-grid-row-span: 12; + grid-row: span 12; + } + } + @media screen and (min-width: 1200px) { + .pfe-l-grid.pfe-m-all-1-col-on-xl > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 1; + grid-column-end: span 1; + } + .pfe-l-grid.pfe-m-all-2-col-on-xl > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 2; + grid-column-end: span 2; + } + .pfe-l-grid.pfe-m-all-3-col-on-xl > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 3; + grid-column-end: span 3; + } + .pfe-l-grid.pfe-m-all-4-col-on-xl > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 4; + grid-column-end: span 4; + } + .pfe-l-grid.pfe-m-all-5-col-on-xl > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 5; + grid-column-end: span 5; + } + .pfe-l-grid.pfe-m-all-6-col-on-xl > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 6; + grid-column-end: span 6; + } + .pfe-l-grid.pfe-m-all-7-col-on-xl > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 7; + grid-column-end: span 7; + } + .pfe-l-grid.pfe-m-all-8-col-on-xl > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 8; + grid-column-end: span 8; + } + .pfe-l-grid.pfe-m-all-9-col-on-xl > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 9; + grid-column-end: span 9; + } + .pfe-l-grid.pfe-m-all-10-col-on-xl > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 10; + grid-column-end: span 10; + } + .pfe-l-grid.pfe-m-all-11-col-on-xl > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 11; + grid-column-end: span 11; + } + .pfe-l-grid.pfe-m-all-12-col-on-xl > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 12; + grid-column-end: span 12; + } + .pfe-l-grid > .pfe-m-1-col-on-xl { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 1; + grid-column-end: span 1; + } + .pfe-l-grid > .pfe-m-2-col-on-xl { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 2; + grid-column-end: span 2; + } + .pfe-l-grid > .pfe-m-3-col-on-xl { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 3; + grid-column-end: span 3; + } + .pfe-l-grid > .pfe-m-4-col-on-xl { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 4; + grid-column-end: span 4; + } + .pfe-l-grid > .pfe-m-5-col-on-xl { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 5; + grid-column-end: span 5; + } + .pfe-l-grid > .pfe-m-6-col-on-xl { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 6; + grid-column-end: span 6; + } + .pfe-l-grid > .pfe-m-7-col-on-xl { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 7; + grid-column-end: span 7; + } + .pfe-l-grid > .pfe-m-8-col-on-xl { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 8; + grid-column-end: span 8; + } + .pfe-l-grid > .pfe-m-9-col-on-xl { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 9; + grid-column-end: span 9; + } + .pfe-l-grid > .pfe-m-10-col-on-xl { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 10; + grid-column-end: span 10; + } + .pfe-l-grid > .pfe-m-11-col-on-xl { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 11; + grid-column-end: span 11; + } + .pfe-l-grid > .pfe-m-12-col-on-xl { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 12; + grid-column-end: span 12; + } + .pfe-l-grid > .pfe-m-startat-1-col-on-xl { + -ms-grid-column: col-start 1; + grid-column-start: col-start 1; + } + .pfe-l-grid > .pfe-m-startat-2-col-on-xl { + -ms-grid-column: col-start 2; + grid-column-start: col-start 2; + } + .pfe-l-grid > .pfe-m-startat-3-col-on-xl { + -ms-grid-column: col-start 3; + grid-column-start: col-start 3; + } + .pfe-l-grid > .pfe-m-startat-4-col-on-xl { + -ms-grid-column: col-start 4; + grid-column-start: col-start 4; + } + .pfe-l-grid > .pfe-m-startat-5-col-on-xl { + -ms-grid-column: col-start 5; + grid-column-start: col-start 5; + } + .pfe-l-grid > .pfe-m-startat-6-col-on-xl { + -ms-grid-column: col-start 6; + grid-column-start: col-start 6; + } + .pfe-l-grid > .pfe-m-startat-7-col-on-xl { + -ms-grid-column: col-start 7; + grid-column-start: col-start 7; + } + .pfe-l-grid > .pfe-m-startat-8-col-on-xl { + -ms-grid-column: col-start 8; + grid-column-start: col-start 8; + } + .pfe-l-grid > .pfe-m-startat-9-col-on-xl { + -ms-grid-column: col-start 9; + grid-column-start: col-start 9; + } + .pfe-l-grid > .pfe-m-startat-10-col-on-xl { + -ms-grid-column: col-start 10; + grid-column-start: col-start 10; + } + .pfe-l-grid > .pfe-m-startat-11-col-on-xl { + -ms-grid-column: col-start 11; + grid-column-start: col-start 11; + } + .pfe-l-grid > .pfe-m-startat-12-col-on-xl { + -ms-grid-column: col-start 12; + grid-column-start: col-start 12; + } + .pfe-l-grid > .pfe-m-1-row-on-xl { + -ms-grid-row-span: 1; + grid-row: span 1; + } + .pfe-l-grid > .pfe-m-2-row-on-xl { + -ms-grid-row-span: 2; + grid-row: span 2; + } + .pfe-l-grid > .pfe-m-3-row-on-xl { + -ms-grid-row-span: 3; + grid-row: span 3; + } + .pfe-l-grid > .pfe-m-4-row-on-xl { + -ms-grid-row-span: 4; + grid-row: span 4; + } + .pfe-l-grid > .pfe-m-5-row-on-xl { + -ms-grid-row-span: 5; + grid-row: span 5; + } + .pfe-l-grid > .pfe-m-6-row-on-xl { + -ms-grid-row-span: 6; + grid-row: span 6; + } + .pfe-l-grid > .pfe-m-7-row-on-xl { + -ms-grid-row-span: 7; + grid-row: span 7; + } + .pfe-l-grid > .pfe-m-8-row-on-xl { + -ms-grid-row-span: 8; + grid-row: span 8; + } + .pfe-l-grid > .pfe-m-9-row-on-xl { + -ms-grid-row-span: 9; + grid-row: span 9; + } + .pfe-l-grid > .pfe-m-10-row-on-xl { + -ms-grid-row-span: 10; + grid-row: span 10; + } + .pfe-l-grid > .pfe-m-11-row-on-xl { + -ms-grid-row-span: 11; + grid-row: span 11; + } + .pfe-l-grid > .pfe-m-12-row-on-xl { + -ms-grid-row-span: 12; + grid-row: span 12; + } + } + .pfe-l-grid.pfe-m-gutters { + grid-gap: 16px; + margin: 0; + } + .pfe-l-grid.pfe-m-gutters > * { + margin: 0; + } +} + +#main-menu { + background: transparent !important; +} + +@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { + /* IE10+ */ + pfe-navigation-item [slot="trigger"] { + width: 100%; + max-width: 130px; + font-size: 12px; + margin: 0; + } + pfe-navigation-item [slot="trigger"] a { + color: #fff; + color: var(--pfe-theme--color--text--on-dark, #fff); + } +} + +@media screen and (-ms-high-contrast: active) and (min-width: 992px), screen and (-ms-high-contrast: none) and (min-width: 992px) { + pfe-navigation-item.expanded { + background-color: #fff; + background-color: var(--pfe-theme--color--surface--lightest, #fff); + border-top-color: #e00; + border-top-color: var(--pfe-theme--color--surface--accent, #e00); + } +} + +@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { + pfe-navigation-item.expanded [slot="trigger"] a { + color: #333; + color: var(--pfe-theme--color--text, #333); + } +} + +@media screen and (-ms-high-contrast: active) and (min-width: 768px), screen and (-ms-high-contrast: none) and (min-width: 768px) { + .pfe-navigation__container { + max-width: 768px; + } +} + +@media screen and (-ms-high-contrast: active) and (min-width: 992px), screen and (-ms-high-contrast: none) and (min-width: 992px) { + .pfe-navigation__container { + max-width: 992px; + } +} + +@media screen and (-ms-high-contrast: active) and (min-width: 1200px), screen and (-ms-high-contrast: none) and (min-width: 1200px) { + .pfe-navigation__container { + max-width: 1140px; + } +} + +@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { + .pfe-navigation-item__tray--container { + padding: 1em 0; + } + [slot="tray"] { + width: 100%; + min-height: 60px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } +} + +@media screen and (-ms-high-contrast: active) and (min-width: 992px), screen and (-ms-high-contrast: none) and (min-width: 992px) { + .pfe-navigation-item__tray--container { + margin: 0 auto; + } +} + +@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { + [is_nested][parent_hidden] .pfe-navigation-item__tray { + max-height: none; + overflow: visible; + } +} + +@media screen and (-ms-high-contrast: active) and (max-width: 1023px), screen and (-ms-high-contrast: none) and (max-width: 1023px) { + .pfe-navigation__main { + display: block !important; + } + .pfe-navigation-item__tray { + max-height: none !important; + } + .pfe-navigation-item-2 .pfe-navigation-item__trigger.pfe-navigation-item[aria-expanded=true] { + border-left: 4px solid #06c; + border-right: 1px solid #d2d2d2; + } + [class*="pfe-navigation-item-"] .pfe-navigation-item__trigger.pfe-navigation-item[aria-expanded=true] { + background-color: white; + border-top: 3px solid #ee0000; + } + [pfe-icon=web-mobile-menu]:not([show_links]) { + border-bottom: none; + } + [pfe-icon=web-mobile-menu]:not([show_links]) .pfe-navigation-item__tray.pfe-navigation-item .pfe-navigation-item__tray.pfe-navigation-item { + max-height: 500px !important; + overflow-y: scroll; + } + [pfe-icon=web-mobile-menu]:not([show_links]) .pfe-navigation-item__tray.pfe-navigation-item .pfe-navigation-item__trigger.pfe-navigation-item:not([aria-expanded=true]) { + border-bottom: 1px solid #d2d2d2; + border-bottom: 1px solid var(--pfe-theme--color--surface--border, #d2d2d2); + } + [pfe-icon=web-user], + [pfe-icon=web-globe] { + padding-left: 0 !important; + } + [pfe-icon=web-user] .pfe-navigation-item__trigger a, + [pfe-icon=web-globe] .pfe-navigation-item__trigger a { + font-size: 12px; + } + [pfe-icon=web-user] .pfe-navigation-item__trigger.pfe-navigation-item, + [pfe-icon=web-globe] .pfe-navigation-item__trigger.pfe-navigation-item { + border-bottom: none !important; + } +} + +@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { + .pfe-navigation-1 .pfe-navigation__wrapper.pfe-navigation { + min-height: 0; + } + .pfe-navigation-item__trigger.pfe-navigation-item:hover { + cursor: pointer; + border-top: 4px solid #e00; + border-top: var(--pfe-theme--surface--border-width--heavy, 4px) solid var(--pfe-theme--color--surface--accent, #e00); + } + .pfe-navigation-item__trigger .pfe-navigation__utility--mobile > *:not(:last-child) { + margin-bottom: 16px; + margin-bottom: var(--pfe-theme--container-spacer, 16px); + } + .pfe-navigation-item__trigger .pfe-navigation-item__tray--container { + padding-top: 16px; + padding-top: var(--pfe-theme--container-spacer, 16px); + } + .pfe-navigation-item__trigger > *.pfe-navigation-item__trigger--icon:first-child { + display: none; + } + .pfe-navigation-item__trigger > *:not(.pfe-navigation-item__trigger--icon) { + color: #fff; + color: var(--pfe-navigation--Color, #fff); + } + .expanded .pfe-navigation-item__trigger > *:not(.pfe-navigation-item__trigger--icon) { + color: #333; + color: var(--pfe-theme--color--text, #333); + } + .pfe-navigation-item__trigger > *:not(.pfe-navigation-item__trigger--icon) a, + .pfe-navigation-item__trigger > *:not(.pfe-navigation-item__trigger--icon) a:hover, + .pfe-navigation-item__trigger > *:not(.pfe-navigation-item__trigger--icon) a:visited { + color: inherit; + } + .pfe-navigation-item__trigger pfe-icon { + display: none; + } + .pfe-navigation--column-span-2 { + -ms-grid-column-span: 1 !important; + } + :not([pfe-icon=web-mobile-menu]):not([is_nested]).pfe-navigation-item-1 .pfe-navigation-item__tray.pfe-navigation-item { + color: #464646 !important; + color: var(--pfe-theme--color--ui-complement, #464646) !important; + } + [pfe-icon=web-mobile-menu]:not([show_links]).pfe-navigation-item-3 .pfe-navigation__main .pfe-navigation-item__tray.pfe-navigation-item { + top: 0 !important; + } + pfe-navigation [slot="logo"] { + max-width: 100%; + } +} + +@media screen and (-ms-high-contrast: active) and (min-width: 768px), screen and (-ms-high-contrast: none) and (min-width: 768px) { + .pfe-navigation--footer .pfe-navigation--column { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + } +} + +@supports (-ms-ime-align: auto) { + /* Microsoft Edge Browser 16+ (All) */ + pfe-navigation-item[pfe-icon] > .pfe-navigation-item__trigger > [slot="trigger"] { + font-size: 12px; + text-align: center; + } + pfe-navigation-item [slot="tray"] { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + } + pfe-navigation-item [slot="trigger"] { + font-size: 16px; + margin: 0; + } + pfe-navigation-item .pfe-navigation-item__trigger[aria-expanded=true]::after { + display: block !important; + } + pfe-navigation-item.expanded .pfe-navigation-item__trigger pfe-icon:not(.load-failed) svg.pfe-icon filter.pfe-icon feFlood.pfe-icon { + flood-color: #464646 !important; + flood-color: var(--pfe-theme--color--ui-complement, #464646) !important; + } + pfe-navigation-item.expanded [slot="trigger"] a { + color: #333 !important; + color: var(--pfe-theme--color--text, #333) !important; + } + pfe-navigation-item[is_nested]:not([parent_hidden]) .pfe-navigation-item__trigger.pfe-navigation-item::after { + height: .5em !important; + width: .5em !important; + top: 22px !important; + } + .pfe-navigation-item__trigger { + -webkit-transition: none !important; + transition: none !important; + } + @media screen and (max-width: 1023px) { + pfe-navigation-item.expanded[pfe-icon=web-mobile-menu]:not([has_tray]) { + background-color: #fff; + background-color: var(--pfe-theme--color--surface--lightest, #fff); + } + pfe-navigation-item:not([parent_hidden])[is_nested].expanded .pfe-navigation-item__trigger.pfe-navigation-item[aria-expanded="true"] { + border-left: 4px solid #06c !important; + border-right: 1px solid #d2d2d2 !important; + } + pfe-navigation-item:not([parent_hidden])[is_nested] .pfe-navigation-item__trigger.pfe-navigation-item[aria-expanded="true"] { + border-left: 4px solid #06c !important; + border-right: 1px solid #d2d2d2 !important; + } + } + @media screen and (min-width: 1024px) { + .pfe-navigation-item__trigger::after { + display: none !important; + } + .pfe-navigation-item__trigger:hover::after { + display: block !important; + } + } + .pfe-navigation-item__trigger { + --pfe-navigation__trigger-icon--Visible: hidden; + } + .pfe-navigation-item__trigger:hover { + --pfe-navigation__trigger-icon--Visible: visible; + } + .pfe-navigation-item__trigger.pfe-navigation-item { + -webkit-box-sizing: border-box; + box-sizing: border-box; + } + .pfe-navigation-item__trigger.pfe-navigation-item:hover { + cursor: pointer; + border-top: 4px solid #e00; + border-top: var(--pfe-theme--surface--border-width--heavy, 4px) solid var(--pfe-theme--color--surface--accent, #e00); + } + .pfe-navigation-item__trigger pfe-icon { + max-height: 20px; + } + .pfe-navigation-item__trigger pfe-icon:not(.load-failed) svg.pfe-icon filter.pfe-icon feFlood.pfe-icon { + flood-color: #fff !important; + flood-color: var(--pfe-theme--color--text--on-dark, #fff) !important; + } + pfe-navigation-item:not([parent_hidden])[is_nested].expanded .pfe-navigation-item__tray.pfe-navigation-item { + top: 0; + } + .pfe-navigation__logo { + margin-right: 20px; + } + @media (min-width: 768px) { + .pfe-navigation--footer .pfe-navigation--column { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + } + } +} + +pfe-navigation [slot="logo"] { + margin: 0; +} + +pfe-navigation [slot="logo"] > a { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +pfe-navigation [slot="logo"] > a > * { + max-height: 32px; +} + +pfe-navigation-item [slot="trigger"] { + font-family: "Overpass", Overpass, Helvetica, helvetica, arial, sans-serif; + font-family: var(--pfe-theme--font-family, "Overpass", Overpass, Helvetica, helvetica, arial, sans-serif); + margin: 0.25em 0 0 0 !important; + line-height: 1.3; +} + +pfe-navigation-item pfe-icon + [slot="trigger"] > a { + font-size: 12px; +} + +pfe-navigation-item [slot="trigger"] > a { + outline: none; + text-decoration: none; + color: #fff !important; + color: var(--pfe-theme--color--ui-base--text, #fff) !important; +} + +pfe-navigation-item [slot="trigger"] > a:hover, pfe-navigation-item [slot="trigger"] > a:focus { + text-decoration: none; +} + +pfe-navigation-item.expanded [slot="trigger"] > a, +pfe-navigation-item.expanded [slot="trigger"] > a.active { + color: #333 !important; + color: var(--pfe-theme--color--text, #333) !important; +} + +pfe-navigation-main[show_content] pfe-navigation-item.expanded [slot="trigger"] > a.active { + color: #333 !important; + color: var(--pfe-theme--color--text, #333) !important; +} + +pfe-navigation-main[show_content] pfe-navigation-item [slot="trigger"] > a.active { + color: #fff !important; + color: var(--pfe-theme--color--ui-base--text, #fff) !important; +} + +pfe-navigation-item[parent_hidden] [slot="trigger"] { + text-align: center; +} + +pfe-navigation-item:not([parent_hidden])[is_nested] [slot="trigger"] > a { + color: #464646 !important; + color: var(--pfe-theme--color--ui-complement, #464646) !important; +} + +[slot="mobile-search"] input[type="text"] { + padding: 5px 10px; +} + +@media (min-width: 576px) { + .pfe-navigation-grid { + -webkit-column-count: 2; + -moz-column-count: 2; + column-count: 2; + -webkit-column-gap: 32px; + -moz-column-gap: 32px; + column-gap: 32px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + } +} + +@media (min-width: 992px) { + .pfe-navigation-grid { + -webkit-column-count: 3; + -moz-column-count: 3; + column-count: 3; + } +} + +@media (min-width: 1200px) { + .pfe-navigation-grid { + /* autoprefixer grid: autoplace */ + display: -ms-grid; + display: grid; + grid-gap: 32px; + grid-template-columns: repeat(4, 1fr); + -ms-grid-columns: 1fr 1fr 1fr 1fr; + } + .pfe-navigation-grid .pfe-navigation--column:nth-child(1) { + -ms-grid-column: 1; + } + .pfe-navigation-grid .pfe-navigation--column:nth-child(2) { + -ms-grid-column: 2; + } + .pfe-navigation-grid .pfe-navigation--column:nth-child(3) { + -ms-grid-column: 3; + } + .pfe-navigation-grid .pfe-navigation--column:nth-child(4) { + -ms-grid-column: 4; + } +} + +@media (min-width: 1200px) { + .pfe-navigation--column-span-2 { + -ms-grid-column-span: 2; + grid-column: span 2; + } +} + +.pfe-navigation--footer:not(:empty) { + margin: calc(16px * 2) 0 calc(16px * 1.5); + margin: calc(var(--pfe-theme--container-padding, 16px) * 2) 0 calc(var(--pfe-theme--container-padding, 16px) * 1.5); + border-top: 1px solid lightgray; + padding: calc(16px * 2.5) 0 0; + padding: calc(var(--pfe-theme--container-padding, 16px) * 2.5) 0 0; +} + +.pfe-navigation--footer:not(:empty) > *:not(:last-child) { + margin-bottom: 32px; +} + +.pfe-navigation--footer:not(:empty) > * { + -webkit-box-flex: 0; + -webkit-flex: 0 1 45%; + -ms-flex: 0 1 45%; + flex: 0 1 45%; +} + +@media (min-width: 576px) { + .pfe-navigation--footer:not(:empty) { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + } + .pfe-navigation--footer:not(:empty) > *:not(:last-child) { + margin-bottom: 0; + } + .pfe-navigation--footer:not(:empty) > *:nth-child(3), + .pfe-navigation--footer:not(:empty) > *:nth-child(4) { + margin-top: 32px; + } +} + +@media (min-width: 768px) { + .pfe-navigation--footer:not(:empty) { + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + } +} + +@media (min-width: 992px) { + .pfe-navigation--footer:not(:empty) { + display: -ms-grid; + display: grid; + grid-gap: 32px; + grid-auto-flow: column; + -ms-grid-columns: 1fr 1fr 1fr 1fr; + } + .pfe-navigation--footer:not(:empty) .pfe-navigation--column:nth-child(1) { + -ms-grid-column: 1; + } + .pfe-navigation--footer:not(:empty) .pfe-navigation--column:nth-child(2) { + -ms-grid-column: 2; + } + .pfe-navigation--footer:not(:empty) .pfe-navigation--column:nth-child(3) { + -ms-grid-column: 3; + } + .pfe-navigation--footer:not(:empty) .pfe-navigation--column:nth-child(4) { + -ms-grid-column: 4; + } + .pfe-navigation--footer:not(:empty) > *:nth-child(3), + .pfe-navigation--footer:not(:empty) > *:nth-child(4) { + margin-top: 0; + } +} + +@media (min-width: 1200px) { + .pfe-navigation--footer:not(:empty) { + padding-bottom: 0; + display: -ms-grid; + grid-template-columns: repeat(4, 1fr); + -ms-grid-columns: 1fr 1fr 1fr 1fr; + } +} + +.pfe-navigation-item__tray--container { + width: 100%; +} + +@media screen and (min-width: 768px) { + .pfe-navigation-item__tray--container { + padding: 0; + max-width: 1140px; + max-width: var(--pfe-navigation--Width, 1140px); + } +} + +@media screen and (min-width: 768px) { + pfe-navigation-item:not([pfe-full-width]) .pfe-navigation-item__tray--container { + --pfe-navigation--Width: calc(768px - var(--pfe-navigation--MaxWidth)); + } +} + +@media screen and (min-width: 992px) { + pfe-navigation-item:not([pfe-full-width]) .pfe-navigation-item__tray--container { + --pfe-navigation--Width: calc(992px - var(--pfe-navigation--MaxWidth)); + } +} + +@media screen and (min-width: 1200px) { + pfe-navigation-item:not([pfe-full-width]) .pfe-navigation-item__tray--container { + --pfe-navigation--Width: calc(1200px - var(--pfe-navigation--MaxWidth)); + } +} + +@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { + .pfe-navigation-item__tray--container { + /* IE10+ */ + padding-top: 1.5em; + padding-bottom: 1.5em; + } +} + +.pfe-navigation-item__tray--container input[type="text"] { + padding: 5px 10px; +} + +pfe-navigation-item .pfe-link-list { + -webkit-column-break-inside: avoid; + page-break-inside: avoid; + -moz-column-break-inside: avoid; + break-inside: avoid; + display: block; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 100%; + margin-bottom: 1em; +} + +pfe-navigation-item .pfe-link-list--header { + font-family: "Overpass", Overpass, Helvetica, helvetica, arial, sans-serif; + font-family: var(--pfe-theme--font-family, "Overpass", Overpass, Helvetica, helvetica, arial, sans-serif); + margin: 0 0 .75em 0; + font-size: 16px; + font-weight: 400; + line-height: 1.75; + color: #464646; + color: var(--pfe-theme--color--ui-complement, #464646); +} + +@media (min-width: 1200px) { + pfe-navigation-item .pfe-link-list--header { + font-size: 16px; + } +} + +pfe-navigation-item .pfe-link-list--header a { + color: #464646; + color: var(--pfe-theme--color--ui-complement, #464646); + text-decoration: underline; +} + +pfe-navigation-item .pfe-link-list--header a:hover { + color: #464646; + color: var(--pfe-theme--color--ui-complement, #464646); + text-decoration: none; +} + +pfe-navigation-item .pfe-link-list--header a:focus { + outline-offset: 1px; + outline-style: dotted; + outline-width: 1px; + outline-color: #003366; + outline-color: var(--pfe-broadcasted--link--focus, #003366); +} + +pfe-navigation-item .pfe-link-list--group { + list-style: none; + padding: 0; +} + +pfe-navigation-item .pfe-link-list--group-item { + line-height: 1.3; + margin-bottom: .75em; +} + +pfe-navigation-item .pfe-link-list--group-item > a { + font-size: 16px; +} + +pfe-navigation-item.expanded pfe-navigation-item[parent_hidden]:not(.expanded) [slot="trigger"] > a, +pfe-navigation-item.expanded pfe-navigation-item[parent_hidden]:not(.expanded) [slot="trigger"] > a.active { + color: #fff !important; +} + +[slot="trigger"], +[slot="trigger"] > a { + font-size: 12px; +} + +pfe-navigation-main [slot="trigger"], +pfe-navigation-main [slot="trigger"] > a { + font-size: 16px; + font-size: var(--pfe-theme--font-size--heading--epsilon, 16px); +} + +@media screen and (min-width: 1024px) and (max-width: 1199px) { + pfe-navigation-main [slot="trigger"], + pfe-navigation-main [slot="trigger"] > a { + font-size: 13px; + } +} + +[slot="tray"] { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} + +@media screen and (max-width: 1023px) { + .pfe-navigation__main .pfe-navigation-item__tray { + position: relative; + top: 0 !important; + } +} + +@media screen and (max-width: 1023px) { + .pfe-navigation-item .pfe-navigation-item__tray { + max-height: none !important; + } +} + +/*# sourceMappingURL=pfe-navigation--lightdom.css.map */ diff --git a/elements/pfe-navigation/dist/pfe-navigation--lightdom.css.map b/elements/pfe-navigation/dist/pfe-navigation--lightdom.css.map new file mode 100644 index 0000000000..d30c450855 --- /dev/null +++ b/elements/pfe-navigation/dist/pfe-navigation--lightdom.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["pfe-navigation--lightdom.scss","_shared-assets.scss","pfe-navigation--lightdom.css","../../pfe-styles/src/layouts/_grid.scss","../../pfe-sass/mixins/_mixins.scss"],"names":[],"mappings":"AA4eA;EChdI,WAAO;EAAP,yCAAO;EACP,qBAAiB;EAAjB,sEAAiB;UAAjB,8DAAiB;AC1BrB;;AFyeA;EC7cQ,oBAAO;EAAP,2DAAO;ACxBf;;AFqeA;EC1cQ,cAAO;EAAP,mDAAO;EACP,0BAAiB;EAAjB,kFAAiB;UAAjB,0EAAiB;ACvBzB;;AFgeA;ECtcQ,mBAAmB;EACnB,qBAAqB;EACrB,kBAAkB;EAClB,sBAAe;EAAf,2DAAe;EACf,cAAO;EAAP,mDAAO;ACtBf;;ACmGA;EACE,8BAAsB;UAAtB,sBAAsB;EACtB,oBAAa;EAAb,qBAAa;EAAb,oBAAa;EAAb,aAAa;EACb,uBAAe;MAAf,mBAAe;UAAf,eAAe;ADhGjB;;AC6FA;EAOI,8BAAsB;UAAtB,sBAAsB;EACtB,WAAW;EACX,cAAc;ADhGlB;;ACNI;EAqEE;IAEE,4BAAyC;ED5D/C;EC0DI;IAEE,6BAAyC;EDzD/C;ECuDI;IAEE,uBAAyC;EDtD/C;ECoDI;IAEE,6BAAyC;EDnD/C;ECiDI;IAEE,6BAAyC;EDhD/C;EC8CI;IAEE,uBAAyC;ED7C/C;EC2CI;IAEE,6BAAyC;ED1C/C;ECwCI;IAEE,6BAAyC;EDvC/C;ECqCI;IAEE,uBAAyC;EDpC/C;ECkCI;IAEE,6BAAyC;EDjC/C;EC+BI;IAEE,6BAAyC;ED9B/C;EC4BI;IAEE,wBAAyC;ED3B/C;EChBE;IAEE,4BAAyC;EDiB7C;ECnBE;IAEE,6BAAyC;EDoB7C;ECtBE;IAEE,uBAAyC;EDuB7C;ECzBE;IAEE,6BAAyC;ED0B7C;EC5BE;IAEE,6BAAyC;ED6B7C;EC/BE;IAEE,uBAAyC;EDgC7C;EClCE;IAEE,6BAAyC;EDmC7C;ECrCE;IAEE,6BAAyC;EDsC7C;ECxCE;IAEE,uBAAyC;EDyC7C;EC3CE;IAEE,6BAAyC;ED4C7C;EC9CE;IAEE,6BAAyC;ED+C7C;ECjDE;IAEE,wBAAyC;EDkD7C;AACF;;ACtFI;EA0EE;IAEE,4BAAyC;EDe/C;ECjBI;IAEE,6BAAyC;EDkB/C;ECpBI;IAEE,uBAAyC;EDqB/C;ECvBI;IAEE,6BAAyC;EDwB/C;EC1BI;IAEE,6BAAyC;ED2B/C;EC7BI;IAEE,uBAAyC;ED8B/C;EChCI;IAEE,6BAAyC;EDiC/C;ECnCI;IAEE,6BAAyC;EDoC/C;ECtCI;IAEE,uBAAyC;EDuC/C;ECzCI;IAEE,6BAAyC;ED0C/C;EC5CI;IAEE,6BAAyC;ED6C/C;EC/CI;IAEE,wBAAyC;EDgD/C;EC3FE;IAEE,4BAAyC;ED4F7C;EC9FE;IAEE,6BAAyC;ED+F7C;ECjGE;IAEE,uBAAyC;EDkG7C;ECpGE;IAEE,6BAAyC;EDqG7C;ECvGE;IAEE,6BAAyC;EDwG7C;EC1GE;IAEE,uBAAyC;ED2G7C;EC7GE;IAEE,6BAAyC;ED8G7C;EChHE;IAEE,6BAAyC;EDiH7C;ECnHE;IAEE,uBAAyC;EDoH7C;ECtHE;IAEE,6BAAyC;EDuH7C;ECzHE;IAEE,6BAAyC;ED0H7C;EC5HE;IAEE,wBAAyC;ED6H7C;AACF;;AC5JI;EAqEE;IAEE,4BAAyC;ED0F/C;EC5FI;IAEE,6BAAyC;ED6F/C;EC/FI;IAEE,uBAAyC;EDgG/C;EClGI;IAEE,6BAAyC;EDmG/C;ECrGI;IAEE,6BAAyC;EDsG/C;ECxGI;IAEE,uBAAyC;EDyG/C;EC3GI;IAEE,6BAAyC;ED4G/C;EC9GI;IAEE,6BAAyC;ED+G/C;ECjHI;IAEE,uBAAyC;EDkH/C;ECpHI;IAEE,6BAAyC;EDqH/C;ECvHI;IAEE,6BAAyC;EDwH/C;EC1HI;IAEE,wBAAyC;ED2H/C;ECtKE;IAEE,4BAAyC;EDuK7C;ECzKE;IAEE,6BAAyC;ED0K7C;EC5KE;IAEE,uBAAyC;ED6K7C;EC/KE;IAEE,6BAAyC;EDgL7C;EClLE;IAEE,6BAAyC;EDmL7C;ECrLE;IAEE,uBAAyC;EDsL7C;ECxLE;IAEE,6BAAyC;EDyL7C;EC3LE;IAEE,6BAAyC;ED4L7C;EC9LE;IAEE,uBAAyC;ED+L7C;ECjME;IAEE,6BAAyC;EDkM7C;ECpME;IAEE,6BAAyC;EDqM7C;ECvME;IAEE,wBAAyC;EDwM7C;AACF;;AClOI;EAgEE;IAEE,4BAAyC;EDqK/C;ECvKI;IAEE,6BAAyC;EDwK/C;EC1KI;IAEE,uBAAyC;ED2K/C;EC7KI;IAEE,6BAAyC;ED8K/C;EChLI;IAEE,6BAAyC;EDiL/C;ECnLI;IAEE,uBAAyC;EDoL/C;ECtLI;IAEE,6BAAyC;EDuL/C;ECzLI;IAEE,6BAAyC;ED0L/C;EC5LI;IAEE,uBAAyC;ED6L/C;EC/LI;IAEE,6BAAyC;EDgM/C;EClMI;IAEE,6BAAyC;EDmM/C;ECrMI;IAEE,wBAAyC;EDsM/C;ECjPE;IAEE,4BAAyC;EDkP7C;ECpPE;IAEE,6BAAyC;EDqP7C;ECvPE;IAEE,uBAAyC;EDwP7C;EC1PE;IAEE,6BAAyC;ED2P7C;EC7PE;IAEE,6BAAyC;ED8P7C;EChQE;IAEE,uBAAyC;EDiQ7C;ECnQE;IAEE,6BAAyC;EDoQ7C;ECtQE;IAEE,6BAAyC;EDuQ7C;ECzQE;IAEE,uBAAyC;ED0Q7C;EC5QE;IAEE,6BAAyC;ED6Q7C;EC/QE;IAEE,6BAAyC;EDgR7C;EClRE;IAEE,wBAAyC;EDmR7C;AACF;;ACxSI;EA2DE;IAEE,4BAAyC;EDgP/C;EClPI;IAEE,6BAAyC;EDmP/C;ECrPI;IAEE,uBAAyC;EDsP/C;ECxPI;IAEE,6BAAyC;EDyP/C;EC3PI;IAEE,6BAAyC;ED4P/C;EC9PI;IAEE,uBAAyC;ED+P/C;ECjQI;IAEE,6BAAyC;EDkQ/C;ECpQI;IAEE,6BAAyC;EDqQ/C;ECvQI;IAEE,uBAAyC;EDwQ/C;EC1QI;IAEE,6BAAyC;ED2Q/C;EC7QI;IAEE,6BAAyC;ED8Q/C;EChRI;IAEE,wBAAyC;EDiR/C;EC5TE;IAEE,4BAAyC;ED6T7C;EC/TE;IAEE,6BAAyC;EDgU7C;EClUE;IAEE,uBAAyC;EDmU7C;ECrUE;IAEE,6BAAyC;EDsU7C;ECxUE;IAEE,6BAAyC;EDyU7C;EC3UE;IAEE,uBAAyC;ED4U7C;EC9UE;IAEE,6BAAyC;ED+U7C;ECjVE;IAEE,6BAAyC;EDkV7C;ECpVE;IAEE,uBAAyC;EDqV7C;ECvVE;IAEE,6BAAyC;EDwV7C;EC1VE;IAEE,6BAAyC;ED2V7C;EC7VE;IAEE,wBAAyC;ED8V7C;AACF;;AC9WI;EAsDE;IAEE,4BAAyC;ED2T/C;EC7TI;IAEE,6BAAyC;ED8T/C;EChUI;IAEE,uBAAyC;EDiU/C;ECnUI;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","file":"pfe-navigation--lightdom.css","sourcesContent":["@import \"../../pfe-sass/pfe-sass\";\n@import \"_shared-assets.scss\";\n@import \"../../pfe-styles/src/layouts/_grid\";\n$nav-light-dom-variables: (\n);\n$variables: map-merge($variables, $nav-light-dom-variables);\n\n#main-menu {\n background: transparent !important; // Remove this.\n}\n\n// IE11 styles\n@include browser-query(ie11) {\n\n pfe-navigation-item {\n [slot=\"trigger\"] {\n width: 100%;\n max-width: 130px;\n font-size: 12px;\n margin: 0;\n\n a {\n color: #{pfe-color(text--on-dark)};\n }\n }\n // Accordion trigger styles when expanded.\n &.expanded {\n @media screen and (min-width: #{pfe-breakpoint(lg)}) {\n background-color: #{pfe-color(surface--lightest)};\n border-top-color: #{pfe-color(surface--accent)};\n }\n [slot=\"trigger\"] {\n a {\n color: #{pfe-color(text)};\n }\n }\n }\n }\n\n .pfe-navigation__container {\n @each $size in (md, lg) {\n @media screen and (min-width: #{pfe-breakpoint(#{$size})}) {\n max-width:#{pfe-breakpoint(#{$size})};\n }\n }\n @media screen and (min-width: #{pfe-breakpoint(xl)}) {\n max-width: 1140px;\n }\n }\n .pfe-navigation-item__tray--container {\n padding: 1em 0;\n }\n\n [slot=\"tray\"] {\n width: 100%;\n min-height: 60px;\n flex-direction: column;\n }\n\n @media screen and (min-width: #{pfe-breakpoint(lg)}) {\n .pfe-navigation-item__tray--container {\n margin: 0 auto;\n }\n }\n\n [is_nested][parent_hidden] .pfe-navigation-item__tray {\n max-height: none;\n overflow: visible;\n }\n\n @media screen and (max-width: 1023px) {\n .pfe-navigation__main {\n display: block !important;\n }\n\n .pfe-navigation-item__tray {\n max-height: none !important;\n }\n .pfe-navigation-item-2 .pfe-navigation-item__trigger.pfe-navigation-item[aria-expanded=true] {\n border-left: 4px solid #06c;\n border-right: 1px solid #d2d2d2;\n }\n\n [class*=\"pfe-navigation-item-\"] .pfe-navigation-item__trigger.pfe-navigation-item[aria-expanded=true] {\n background-color: white;\n border-top: 3px solid #ee0000;\n }\n\n [pfe-icon=web-mobile-menu]:not([show_links]) {\n border-bottom: none;\n\n // Set max-height for nested accordions so that they can scroll.\n .pfe-navigation-item__tray.pfe-navigation-item .pfe-navigation-item__tray.pfe-navigation-item {\n max-height: 500px !important;\n overflow-y: scroll;\n }\n\n .pfe-navigation-item__tray.pfe-navigation-item .pfe-navigation-item__trigger.pfe-navigation-item:not([aria-expanded=true]) {\n border-bottom: 1px solid #{pfe-color(surface--border)};\n }\n }\n\n [pfe-icon=web-user],\n [pfe-icon=web-globe] {\n padding-left: 0 !important;\n\n .pfe-navigation-item__trigger a {\n font-size: 12px;\n }\n .pfe-navigation-item__trigger.pfe-navigation-item {\n border-bottom: none !important;\n }\n }\n }\n\n .pfe-navigation-1 .pfe-navigation__wrapper.pfe-navigation {\n min-height: 0;\n }\n\n .pfe-navigation-item__trigger {\n &.pfe-navigation-item {\n &:hover {\n cursor: pointer;\n border-top: #{pfe-var(surface--border-width--heavy)} solid #{pfe-color(surface--accent)};\n }\n }\n\n .pfe-navigation__utility--mobile > *:not(:last-child) {\n margin-bottom: #{pfe-var(container-spacer)};\n }\n\n .pfe-navigation-item__tray--container {\n padding-top: #{pfe-var(container-spacer)};\n }\n\n > *.pfe-navigation-item__trigger--icon:first-child {\n display: none;\n }\n\n > *:not(.pfe-navigation-item__trigger--icon) {\n color: #{pfe-local($cssvar: Color, $fallback: #{map-get($pfe-colors, text--on-dark)})};\n\n .expanded & {\n color: #{pfe-color(text)};\n }\n\n a,\n a:hover,\n a:visited {\n color: inherit;\n }\n }\n pfe-icon {\n display: none;\n }\n }\n .pfe-navigation--column-span-2 {\n -ms-grid-column-span: 1 !important;\n }\n :not([pfe-icon=web-mobile-menu]):not([is_nested]).pfe-navigation-item-1 .pfe-navigation-item__tray.pfe-navigation-item {\n color: #{pfe-color(ui-complement)} !important;\n }\n [pfe-icon=web-mobile-menu]:not([show_links]).pfe-navigation-item-3 .pfe-navigation__main .pfe-navigation-item__tray.pfe-navigation-item {\n top: 0 !important;\n }\n pfe-navigation [slot=\"logo\"] {\n max-width: 100%;\n }\n .pfe-navigation--footer .pfe-navigation--column {\n @media (min-width: #{pfe-breakpoint(md)}) {\n display: flex;\n align-items: center;\n }\n }\n}\n\n@include browser-query(edge) {\n pfe-navigation-item {\n &[pfe-icon] {\n > .pfe-navigation-item__trigger {\n > [slot=\"trigger\"] {\n font-size: 12px;\n text-align: center;\n }\n }\n }\n\n [slot=\"tray\"] {\n display: flex;\n }\n\n [slot=\"trigger\"] {\n font-size: 16px;\n margin: 0;\n }\n\n .pfe-navigation-item__trigger[aria-expanded=true] {\n &::after {\n display: block !important;\n }\n }\n\n &.expanded {\n .pfe-navigation-item__trigger {\n pfe-icon:not(.load-failed) svg.pfe-icon filter.pfe-icon feFlood.pfe-icon {\n flood-color: #{pfe-color(ui-complement)} !important;\n }\n }\n\n [slot=\"trigger\"] {\n a {\n color: #{pfe-color(text)} !important;\n }\n }\n }\n &[is_nested]:not([parent_hidden]) .pfe-navigation-item__trigger.pfe-navigation-item::after {\n height: .5em !important;\n width: .5em !important;\n top: 22px !important;\n }\n }\n\n .pfe-navigation-item__trigger {\n transition: none !important;\n }\n\n @media screen and (max-width: pfe-breakpoint(\"sm-desktop\", $max: true, $map: false)) {\n pfe-navigation-item.expanded[pfe-icon=web-mobile-menu]:not([has_tray]) {\n background-color: #{pfe-color(surface--lightest)};\n }\n pfe-navigation-item:not([parent_hidden])[is_nested].expanded .pfe-navigation-item__trigger.pfe-navigation-item[aria-expanded=\"true\"] {\n border-left: 4px solid #06c !important;\n border-right: 1px solid #d2d2d2 !important;\n }\n pfe-navigation-item:not([parent_hidden])[is_nested] .pfe-navigation-item__trigger.pfe-navigation-item[aria-expanded=\"true\"] {\n border-left: 4px solid #06c !important;\n border-right: 1px solid #d2d2d2 !important;\n }\n }\n\n // Hide the carets on desktop.\n @media screen and (min-width: 1024px) {\n .pfe-navigation-item__trigger::after {\n display: none !important;\n }\n .pfe-navigation-item__trigger:hover::after {\n display: block !important;\n }\n }\n\n .pfe-navigation-item__trigger {\n --pfe-navigation__trigger-icon--Visible: hidden;\n\n &:hover {\n --pfe-navigation__trigger-icon--Visible: visible;\n }\n &.pfe-navigation-item {\n box-sizing: border-box;\n\n &:hover {\n cursor: pointer;\n border-top: #{pfe-var(surface--border-width--heavy)} solid #{pfe-color(surface--accent)};\n }\n }\n pfe-icon {\n max-height: 20px;\n }\n pfe-icon:not(.load-failed) svg.pfe-icon filter.pfe-icon feFlood.pfe-icon {\n flood-color: #{pfe-color(text--on-dark)} !important;\n }\n }\n\n pfe-navigation-item:not([parent_hidden])[is_nested].expanded .pfe-navigation-item__tray.pfe-navigation-item {\n top: 0;\n }\n .pfe-navigation__logo {\n margin-right: 20px; // Account for collapsed padding-right: 20px;\n }\n .pfe-navigation--footer .pfe-navigation--column {\n @media (min-width: #{pfe-breakpoint(md)}) {\n display: flex;\n align-items: center;\n }\n }\n}\n\npfe-navigation [slot=\"logo\"] {\n margin: 0;\n > a {\n display: flex;\n align-items: center;\n\n > * {\n max-height: 32px;\n }\n }\n}\n\n// Turn off internal link outline\npfe-navigation-item {\n [slot=\"trigger\"] {\n font-family: #{pfe-var(font-family)};\n margin: .25em 0 0 0!important;\n line-height: 1.3;\n }\n // Utility links.\n pfe-icon + [slot=\"trigger\"] > a {\n font-size: 12px;\n }\n [slot=\"trigger\"] > a {\n outline: none;\n text-decoration: none;\n color: #{pfe-color(ui-base--text)} !important;\n\n &:hover,\n &:focus {\n text-decoration: none; //Override bootstrap.\n }\n }\n &.expanded {\n [slot=\"trigger\"] > a,\n [slot=\"trigger\"] > a.active {\n color: #{pfe-color(text)} !important;\n }\n pfe-navigation-main[show_content] & {\n [slot=\"trigger\"] > a.active {\n color: #{pfe-color(text)} !important;\n }\n }\n }\n // Override active link color.\n pfe-navigation-main[show_content] & {\n [slot=\"trigger\"] > a.active {\n color: #{pfe-color(ui-base--text)} !important;\n }\n }\n &[parent_hidden] [slot=\"trigger\"] {\n text-align: center;\n }\n\n // Style main menu links when in the tray.\n &:not([parent_hidden])[is_nested] [slot=\"trigger\"] > a {\n color: #{pfe-color(ui-complement)} !important;\n }\n}\n\n[slot=\"mobile-search\"] {\n input[type=\"text\"] {\n padding: 5px 10px;\n }\n}\n\n.pfe-navigation {\n &-grid {\n @media (min-width: #{pfe-breakpoint(sm)}) {\n column-count: 2;\n column-gap: 32px;\n flex: 1;\n }\n\n @media (min-width: #{pfe-breakpoint(lg)}) {\n column-count: 3;\n }\n\n @media (min-width: #{pfe-breakpoint(xl)}) {\n /* autoprefixer grid: autoplace */\n display: grid;\n grid-gap: 32px;\n grid-template-columns: repeat(4, 1fr);\n -ms-grid-columns: 1fr 1fr 1fr 1fr;\n\n .pfe-navigation--column:nth-child(1) {\n -ms-grid-column: 1;\n }\n\n .pfe-navigation--column:nth-child(2) {\n -ms-grid-column: 2;\n }\n\n .pfe-navigation--column:nth-child(3) {\n -ms-grid-column: 3;\n }\n\n .pfe-navigation--column:nth-child(4) {\n -ms-grid-column: 4;\n }\n }\n }\n &--column-span-2 {\n // intentinally not setting for IE prefix to prevent column overlap\n @media (min-width: #{pfe-breakpoint(xl)}) {\n grid-column: span 2;\n }\n }\n &--footer:not(:empty) {\n margin: calc(#{pfe-var(container-padding, $fallback: 16px)} * 2) 0 calc(#{pfe-var(container-padding, $fallback: 16px)} * 1.5);\n border-top: 1px solid lightgray;\n padding: calc(#{pfe-var(container-padding, $fallback: 16px)} * 2.5) 0 0;\n\n >*:not(:last-child) {\n margin-bottom: 32px;\n }\n\n >* {\n flex: 0 1 45%;\n }\n\n @media (min-width: #{pfe-breakpoint(sm)}) {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n\n >*:not(:last-child) {\n margin-bottom: 0;\n }\n\n >*:nth-child(3),\n >*:nth-child(4) {\n margin-top: 32px;\n }\n }\n\n @media (min-width: #{pfe-breakpoint(md)}) {\n justify-content: flex-start;\n }\n\n @media (min-width: #{pfe-breakpoint(lg)}) {\n // Not setting grid prefix here since IE doesn't support auto-flow\n display: grid;\n grid-gap: 32px;\n grid-auto-flow: column;\n -ms-grid-columns: 1fr 1fr 1fr 1fr;\n\n .pfe-navigation--column:nth-child(1) {\n -ms-grid-column: 1;\n }\n\n .pfe-navigation--column:nth-child(2) {\n -ms-grid-column: 2;\n }\n\n .pfe-navigation--column:nth-child(3) {\n -ms-grid-column: 3;\n }\n\n .pfe-navigation--column:nth-child(4) {\n -ms-grid-column: 4;\n } \n\n >*:nth-child(3),\n >*:nth-child(4) {\n margin-top: 0;\n }\n }\n\n @media (min-width: #{pfe-breakpoint(xl)}) {\n padding-bottom: 0;\n display: -ms-grid;\n grid-template-columns: repeat(4, 1fr);\n -ms-grid-columns: 1fr 1fr 1fr 1fr;\n }\n }\n}\n\n// This class is added manually inside the tray on the light DOM content\n.pfe-navigation-item__tray--container {\n width: 100%;\n\n // stop using padding, start using max width at medium breakpoint\n @media screen and (min-width: pfe-breakpoint(md)) {\n padding: 0;\n max-width: #{pfe-local(Width, $fallback: 1140px)};\n }\n // Loop through the other breakpoints\n\n pfe-navigation-item:not([pfe-full-width]) & {\n @each $size in (\"md\", \"lg\", \"xl\") {\n @media screen and (min-width: pfe-breakpoint( #{$size} ) ) {\n --pfe-navigation--Width: calc(#{pfe-breakpoint( #{$size} )} - #{pfe-local(MaxWidth)});\n }\n }\n }\n @include browser-query(ie11) {\n padding-top: 1.5em;\n padding-bottom: 1.5em\n }\n input[type=\"text\"] {\n padding: 5px 10px;\n }\n}\n\npfe-navigation-item .pfe-link-list {\n -webkit-column-break-inside: avoid;\n page-break-inside: avoid;\n break-inside: avoid;\n display: block;\n box-sizing: border-box;\n width: 100%;\n margin-bottom: 1em;\n\n &--header {\n font-family: #{pfe-var(font-family)};\n margin: 0 0 .75em 0;\n font-size: 16px;\n font-weight: 400;\n line-height: 1.75;\n color: #{pfe-color(ui-complement)};\n\n @media (min-width: #{pfe-breakpoint(xl)}) {\n font-size: 16px;\n }\n\n a {\n color: #{pfe-color(ui-complement)};\n text-decoration: underline;\n\n &:hover {\n color: #{pfe-color(ui-complement)};\n text-decoration: none;\n }\n\n &:focus {\n outline-offset: 1px;\n outline-style: dotted;\n outline-width: 1px;\n outline-color: #{pfe-apply-broadcast(link--focus)};\n }\n }\n }\n\n &--group {\n list-style: none;\n padding: 0;\n\n &-item {\n line-height: 1.3;\n margin-bottom: .75em;\n }\n\n &-item > a {\n @extend %link-styles;\n font-size: 16px;\n }\n }\n}\n\n// Set collapsed trigger links to always appear white.\npfe-navigation-item.expanded pfe-navigation-item[parent_hidden]:not(.expanded) [slot=\"trigger\"] > a,\npfe-navigation-item.expanded pfe-navigation-item[parent_hidden]:not(.expanded) [slot=\"trigger\"] > a.active {\n color: #fff !important;\n}\n\n// Override trigger font-size on older browsers.\n[slot=\"trigger\"],\n[slot=\"trigger\"] > a {\n font-size: 12px;\n}\n\npfe-navigation-main [slot=\"trigger\"],\npfe-navigation-main [slot=\"trigger\"] > a {\n font-size: $trigger--FontSize--fallback;\n\n @media screen and (min-width: pfe-breakpoint(\"sm-desktop\", $map: false) )\n and (max-width: pfe-breakpoint(\"xl\", $max: true) ) {\n font-size: 13px;\n }\n}\n\n// Apply flexbox styles to older browsers that don't support ShadowDOM.\n[slot=\"tray\"] {\n display: flex;\n flex-grow: 1;\n justify-content: center;\n}\n\n@media screen and (max-width: pfe-breakpoint(\"sm-desktop\", $max: true, $map: false) ) {\n .pfe-navigation__main .pfe-navigation-item__tray {\n position: relative;\n top: 0 !important;\n }\n}\n\n@media screen and (max-width: 1023px) {\n .pfe-navigation-item .pfe-navigation-item__tray {\n max-height: none !important;\n }\n}\n","@import \"../../pfe-sass/pfe-sass\";\n\n$overlay--BackgroundColor--fallback: rgba(37, 37, 37, 0.5);\n\n$trigger--FontSize--fallback: #{pfe-var(font-size--heading--epsilon)};\n$trigger--FontWeight--fallback: #{pfe-var(font-weight--light)};\n$trigger--Color--fallback: #{pfe-color(text--on-dark)};\n\n$LOCAL: navigation;\n$variables: (\n\n// Supplemental breakpoints, \n// Usage: @media screen and (min-width: pfe-breakpoint(lg-mobile, $map: false)) { \n\n// grid-breakpoint--xs: 0,\n sm-mobile: 500px,\n// grid-breakpoint--sm: 576px,\n lg-mobile: 640px,\n// grid-breakpoint--md: 768px,\n// grid-breakpoint--lg: 992px,\n sm-desktop: 1024px,\n// grid-breakpoint--xl: 1200px,\n);\n\n// turn on automatic fallbacks for broadcasted variables\n\n// -- Typography\n%link-styles {\n color: #{pfe-apply-broadcast(link)};\n text-decoration: #{pfe-apply-broadcast(link-decoration)};\n &:visited {\n color: #{pfe-apply-broadcast(link--visited)};\n }\n &:hover {\n color: #{pfe-apply-broadcast(link--hover)};\n text-decoration: #{pfe-apply-broadcast(link-decoration--hover)};\n }\n &:focus {\n outline-offset: 1px;\n outline-style: dotted;\n outline-width: 1px;\n outline-color: #{pfe-apply-broadcast(link--focus)};\n color: #{pfe-apply-broadcast(link--focus)};\n }\n}\n\n%trigger {\n font-family: pfe-var(font-family);\n font-size: #{pfe-local(\n $cssvar: FontSize, \n $region: trigger, \n $fallback: #{$trigger--FontSize--fallback}\n )} !important;\n font-weight: #{pfe-local(\n $cssvar: FontWeight,\n $fallback: #{$trigger--FontWeight--fallback}\n )};\n color: #{pfe-local(\n $cssvar: Color,\n $fallback: #{$trigger--Color--fallback}\n )};\n z-index: 2;\n line-height: 1.1;\n margin: 0 !important;\n max-width: 100%; // added\n text-align: center;\n\n @media screen and (min-width: pfe-breakpoint(xs) ) {\n max-width: 100%;\n }\n @media screen and (min-width: pfe-breakpoint(xl) ) {\n max-width: 190px;\n }\n}","pfe-navigation-item .pfe-link-list--group-item > a {\n color: var(--pfe-broadcasted--link, #06c);\n text-decoration: var(--pfe-broadcasted--link-decoration, none); }\n pfe-navigation-item .pfe-link-list--group-item > a:visited {\n color: var(--pfe-broadcasted--link--visited, rebeccapurple); }\n pfe-navigation-item .pfe-link-list--group-item > a:hover {\n color: var(--pfe-broadcasted--link--hover, #003366);\n text-decoration: var(--pfe-broadcasted--link-decoration--hover, underline); }\n pfe-navigation-item .pfe-link-list--group-item > a:focus {\n outline-offset: 1px;\n outline-style: dotted;\n outline-width: 1px;\n outline-color: var(--pfe-broadcasted--link--focus, #003366);\n color: var(--pfe-broadcasted--link--focus, #003366); }\n\n.pfe-l-grid {\n box-sizing: border-box;\n display: flex;\n flex-wrap: wrap; }\n .pfe-l-grid > *, .pfe-l-grid__item {\n box-sizing: border-box;\n width: 100%;\n margin: 0 auto; }\n @media screen and (min-width: 576px) {\n .pfe-l-grid.pfe-m-all-1-col > * {\n width: calc(8.33333% - 16px); }\n .pfe-l-grid.pfe-m-all-2-col > * {\n width: calc(16.66667% - 16px); }\n .pfe-l-grid.pfe-m-all-3-col > * {\n width: calc(25% - 16px); }\n .pfe-l-grid.pfe-m-all-4-col > * {\n width: calc(33.33333% - 16px); }\n .pfe-l-grid.pfe-m-all-5-col > * {\n width: calc(41.66667% - 16px); }\n .pfe-l-grid.pfe-m-all-6-col > * {\n width: calc(50% - 16px); }\n .pfe-l-grid.pfe-m-all-7-col > * {\n width: calc(58.33333% - 16px); }\n .pfe-l-grid.pfe-m-all-8-col > * {\n width: calc(66.66667% - 16px); }\n .pfe-l-grid.pfe-m-all-9-col > * {\n width: calc(75% - 16px); }\n .pfe-l-grid.pfe-m-all-10-col > * {\n width: calc(83.33333% - 16px); }\n .pfe-l-grid.pfe-m-all-11-col > * {\n width: calc(91.66667% - 16px); }\n .pfe-l-grid.pfe-m-all-12-col > * {\n width: calc(100% - 16px); }\n .pfe-l-grid > .pfe-m-1-col {\n width: calc(8.33333% - 16px); }\n .pfe-l-grid > .pfe-m-2-col {\n width: calc(16.66667% - 16px); }\n .pfe-l-grid > .pfe-m-3-col {\n width: calc(25% - 16px); }\n .pfe-l-grid > .pfe-m-4-col {\n width: calc(33.33333% - 16px); }\n .pfe-l-grid > .pfe-m-5-col {\n width: calc(41.66667% - 16px); }\n .pfe-l-grid > .pfe-m-6-col {\n width: calc(50% - 16px); }\n .pfe-l-grid > .pfe-m-7-col {\n width: calc(58.33333% - 16px); }\n .pfe-l-grid > .pfe-m-8-col {\n width: calc(66.66667% - 16px); }\n .pfe-l-grid > .pfe-m-9-col {\n width: calc(75% - 16px); }\n .pfe-l-grid > .pfe-m-10-col {\n width: calc(83.33333% - 16px); }\n .pfe-l-grid > .pfe-m-11-col {\n width: calc(91.66667% - 16px); }\n .pfe-l-grid > .pfe-m-12-col {\n width: calc(100% - 16px); } }\n @media screen and (max-width: 0) {\n .pfe-l-grid.pfe-m-all-1-col-on-xs > * {\n width: calc(8.33333% - 16px); }\n .pfe-l-grid.pfe-m-all-2-col-on-xs > * {\n width: calc(16.66667% - 16px); }\n .pfe-l-grid.pfe-m-all-3-col-on-xs > * {\n width: calc(25% - 16px); }\n .pfe-l-grid.pfe-m-all-4-col-on-xs > * {\n width: calc(33.33333% - 16px); }\n .pfe-l-grid.pfe-m-all-5-col-on-xs > * {\n width: calc(41.66667% - 16px); }\n .pfe-l-grid.pfe-m-all-6-col-on-xs > * {\n width: calc(50% - 16px); }\n .pfe-l-grid.pfe-m-all-7-col-on-xs > * {\n width: calc(58.33333% - 16px); }\n .pfe-l-grid.pfe-m-all-8-col-on-xs > * {\n width: calc(66.66667% - 16px); }\n .pfe-l-grid.pfe-m-all-9-col-on-xs > * {\n width: calc(75% - 16px); }\n .pfe-l-grid.pfe-m-all-10-col-on-xs > * {\n width: calc(83.33333% - 16px); }\n .pfe-l-grid.pfe-m-all-11-col-on-xs > * {\n width: calc(91.66667% - 16px); }\n .pfe-l-grid.pfe-m-all-12-col-on-xs > * {\n width: calc(100% - 16px); }\n .pfe-l-grid > .pfe-m-1-col-on-xs {\n width: calc(8.33333% - 16px); }\n .pfe-l-grid > .pfe-m-2-col-on-xs {\n width: calc(16.66667% - 16px); }\n .pfe-l-grid > .pfe-m-3-col-on-xs {\n width: calc(25% - 16px); }\n .pfe-l-grid > .pfe-m-4-col-on-xs {\n width: calc(33.33333% - 16px); }\n .pfe-l-grid > .pfe-m-5-col-on-xs {\n width: calc(41.66667% - 16px); }\n .pfe-l-grid > .pfe-m-6-col-on-xs {\n width: calc(50% - 16px); }\n .pfe-l-grid > .pfe-m-7-col-on-xs {\n width: calc(58.33333% - 16px); }\n .pfe-l-grid > .pfe-m-8-col-on-xs {\n width: calc(66.66667% - 16px); }\n .pfe-l-grid > .pfe-m-9-col-on-xs {\n width: calc(75% - 16px); }\n .pfe-l-grid > .pfe-m-10-col-on-xs {\n width: calc(83.33333% - 16px); }\n .pfe-l-grid > .pfe-m-11-col-on-xs {\n width: calc(91.66667% - 16px); }\n .pfe-l-grid > .pfe-m-12-col-on-xs {\n width: calc(100% - 16px); } }\n @media screen and (min-width: 576px) {\n .pfe-l-grid.pfe-m-all-1-col-on-sm > * {\n width: calc(8.33333% - 16px); }\n .pfe-l-grid.pfe-m-all-2-col-on-sm > * {\n width: calc(16.66667% - 16px); }\n .pfe-l-grid.pfe-m-all-3-col-on-sm > * {\n width: calc(25% - 16px); }\n .pfe-l-grid.pfe-m-all-4-col-on-sm > * {\n width: calc(33.33333% - 16px); }\n .pfe-l-grid.pfe-m-all-5-col-on-sm > * {\n width: calc(41.66667% - 16px); }\n .pfe-l-grid.pfe-m-all-6-col-on-sm > * {\n width: calc(50% - 16px); }\n .pfe-l-grid.pfe-m-all-7-col-on-sm > * {\n width: calc(58.33333% - 16px); }\n .pfe-l-grid.pfe-m-all-8-col-on-sm > * {\n width: calc(66.66667% - 16px); }\n .pfe-l-grid.pfe-m-all-9-col-on-sm > * {\n width: calc(75% - 16px); }\n .pfe-l-grid.pfe-m-all-10-col-on-sm > * {\n width: calc(83.33333% - 16px); }\n .pfe-l-grid.pfe-m-all-11-col-on-sm > * {\n width: calc(91.66667% - 16px); }\n .pfe-l-grid.pfe-m-all-12-col-on-sm > * {\n width: calc(100% - 16px); }\n .pfe-l-grid > .pfe-m-1-col-on-sm {\n width: calc(8.33333% - 16px); }\n .pfe-l-grid > .pfe-m-2-col-on-sm {\n width: calc(16.66667% - 16px); }\n .pfe-l-grid > .pfe-m-3-col-on-sm {\n width: calc(25% - 16px); }\n .pfe-l-grid > .pfe-m-4-col-on-sm {\n width: calc(33.33333% - 16px); }\n .pfe-l-grid > .pfe-m-5-col-on-sm {\n width: calc(41.66667% - 16px); }\n .pfe-l-grid > .pfe-m-6-col-on-sm {\n width: calc(50% - 16px); }\n .pfe-l-grid > .pfe-m-7-col-on-sm {\n width: calc(58.33333% - 16px); }\n .pfe-l-grid > .pfe-m-8-col-on-sm {\n width: calc(66.66667% - 16px); }\n .pfe-l-grid > .pfe-m-9-col-on-sm {\n width: calc(75% - 16px); }\n .pfe-l-grid > .pfe-m-10-col-on-sm {\n width: calc(83.33333% - 16px); }\n .pfe-l-grid > .pfe-m-11-col-on-sm {\n width: calc(91.66667% - 16px); }\n .pfe-l-grid > .pfe-m-12-col-on-sm {\n width: calc(100% - 16px); } }\n @media screen and (min-width: 768px) {\n .pfe-l-grid.pfe-m-all-1-col-on-md > * {\n width: calc(8.33333% - 16px); }\n .pfe-l-grid.pfe-m-all-2-col-on-md > * {\n width: calc(16.66667% - 16px); }\n .pfe-l-grid.pfe-m-all-3-col-on-md > * {\n width: calc(25% - 16px); }\n .pfe-l-grid.pfe-m-all-4-col-on-md > * {\n width: calc(33.33333% - 16px); }\n .pfe-l-grid.pfe-m-all-5-col-on-md > * {\n width: calc(41.66667% - 16px); }\n .pfe-l-grid.pfe-m-all-6-col-on-md > * {\n width: calc(50% - 16px); }\n .pfe-l-grid.pfe-m-all-7-col-on-md > * {\n width: calc(58.33333% - 16px); }\n .pfe-l-grid.pfe-m-all-8-col-on-md > * {\n width: calc(66.66667% - 16px); }\n .pfe-l-grid.pfe-m-all-9-col-on-md > * {\n width: calc(75% - 16px); }\n .pfe-l-grid.pfe-m-all-10-col-on-md > * {\n width: calc(83.33333% - 16px); }\n .pfe-l-grid.pfe-m-all-11-col-on-md > * {\n width: calc(91.66667% - 16px); }\n .pfe-l-grid.pfe-m-all-12-col-on-md > * {\n width: calc(100% - 16px); }\n .pfe-l-grid > .pfe-m-1-col-on-md {\n width: calc(8.33333% - 16px); }\n .pfe-l-grid > .pfe-m-2-col-on-md {\n width: calc(16.66667% - 16px); }\n .pfe-l-grid > .pfe-m-3-col-on-md {\n width: calc(25% - 16px); }\n .pfe-l-grid > .pfe-m-4-col-on-md {\n width: calc(33.33333% - 16px); }\n .pfe-l-grid > .pfe-m-5-col-on-md {\n width: calc(41.66667% - 16px); }\n .pfe-l-grid > .pfe-m-6-col-on-md {\n width: calc(50% - 16px); }\n .pfe-l-grid > .pfe-m-7-col-on-md {\n width: calc(58.33333% - 16px); }\n .pfe-l-grid > .pfe-m-8-col-on-md {\n width: calc(66.66667% - 16px); }\n .pfe-l-grid > .pfe-m-9-col-on-md {\n width: calc(75% - 16px); }\n .pfe-l-grid > .pfe-m-10-col-on-md {\n width: calc(83.33333% - 16px); }\n .pfe-l-grid > .pfe-m-11-col-on-md {\n width: calc(91.66667% - 16px); }\n .pfe-l-grid > .pfe-m-12-col-on-md {\n width: calc(100% - 16px); } }\n @media screen and (min-width: 992px) {\n .pfe-l-grid.pfe-m-all-1-col-on-lg > * {\n width: calc(8.33333% - 16px); }\n .pfe-l-grid.pfe-m-all-2-col-on-lg > * {\n width: calc(16.66667% - 16px); }\n .pfe-l-grid.pfe-m-all-3-col-on-lg > * {\n width: calc(25% - 16px); }\n .pfe-l-grid.pfe-m-all-4-col-on-lg > * {\n width: calc(33.33333% - 16px); }\n .pfe-l-grid.pfe-m-all-5-col-on-lg > * {\n width: calc(41.66667% - 16px); }\n .pfe-l-grid.pfe-m-all-6-col-on-lg > * {\n width: calc(50% - 16px); }\n .pfe-l-grid.pfe-m-all-7-col-on-lg > * {\n width: calc(58.33333% - 16px); }\n .pfe-l-grid.pfe-m-all-8-col-on-lg > * {\n width: calc(66.66667% - 16px); }\n .pfe-l-grid.pfe-m-all-9-col-on-lg > * {\n width: calc(75% - 16px); }\n .pfe-l-grid.pfe-m-all-10-col-on-lg > * {\n width: calc(83.33333% - 16px); }\n .pfe-l-grid.pfe-m-all-11-col-on-lg > * {\n width: calc(91.66667% - 16px); }\n .pfe-l-grid.pfe-m-all-12-col-on-lg > * {\n width: calc(100% - 16px); }\n .pfe-l-grid > .pfe-m-1-col-on-lg {\n width: calc(8.33333% - 16px); }\n .pfe-l-grid > .pfe-m-2-col-on-lg {\n width: calc(16.66667% - 16px); }\n .pfe-l-grid > .pfe-m-3-col-on-lg {\n width: calc(25% - 16px); }\n .pfe-l-grid > .pfe-m-4-col-on-lg {\n width: calc(33.33333% - 16px); }\n .pfe-l-grid > .pfe-m-5-col-on-lg {\n width: calc(41.66667% - 16px); }\n .pfe-l-grid > .pfe-m-6-col-on-lg {\n width: calc(50% - 16px); }\n .pfe-l-grid > .pfe-m-7-col-on-lg {\n width: calc(58.33333% - 16px); }\n .pfe-l-grid > .pfe-m-8-col-on-lg {\n width: calc(66.66667% - 16px); }\n .pfe-l-grid > .pfe-m-9-col-on-lg {\n width: calc(75% - 16px); }\n .pfe-l-grid > .pfe-m-10-col-on-lg {\n width: calc(83.33333% - 16px); }\n .pfe-l-grid > .pfe-m-11-col-on-lg {\n width: calc(91.66667% - 16px); }\n .pfe-l-grid > .pfe-m-12-col-on-lg {\n width: calc(100% - 16px); } }\n @media screen and (min-width: 1200px) {\n .pfe-l-grid.pfe-m-all-1-col-on-xl > * {\n width: calc(8.33333% - 16px); }\n .pfe-l-grid.pfe-m-all-2-col-on-xl > * {\n width: calc(16.66667% - 16px); }\n .pfe-l-grid.pfe-m-all-3-col-on-xl > * {\n width: calc(25% - 16px); }\n .pfe-l-grid.pfe-m-all-4-col-on-xl > * {\n width: calc(33.33333% - 16px); }\n .pfe-l-grid.pfe-m-all-5-col-on-xl > * {\n width: calc(41.66667% - 16px); }\n .pfe-l-grid.pfe-m-all-6-col-on-xl > * {\n width: calc(50% - 16px); }\n .pfe-l-grid.pfe-m-all-7-col-on-xl > * {\n width: calc(58.33333% - 16px); }\n .pfe-l-grid.pfe-m-all-8-col-on-xl > * {\n width: calc(66.66667% - 16px); }\n .pfe-l-grid.pfe-m-all-9-col-on-xl > * {\n width: calc(75% - 16px); }\n .pfe-l-grid.pfe-m-all-10-col-on-xl > * {\n width: calc(83.33333% - 16px); }\n .pfe-l-grid.pfe-m-all-11-col-on-xl > * {\n width: calc(91.66667% - 16px); }\n .pfe-l-grid.pfe-m-all-12-col-on-xl > * {\n width: calc(100% - 16px); }\n .pfe-l-grid > .pfe-m-1-col-on-xl {\n width: calc(8.33333% - 16px); }\n .pfe-l-grid > .pfe-m-2-col-on-xl {\n width: calc(16.66667% - 16px); }\n .pfe-l-grid > .pfe-m-3-col-on-xl {\n width: calc(25% - 16px); }\n .pfe-l-grid > .pfe-m-4-col-on-xl {\n width: calc(33.33333% - 16px); }\n .pfe-l-grid > .pfe-m-5-col-on-xl {\n width: calc(41.66667% - 16px); }\n .pfe-l-grid > .pfe-m-6-col-on-xl {\n width: calc(50% - 16px); }\n .pfe-l-grid > .pfe-m-7-col-on-xl {\n width: calc(58.33333% - 16px); }\n .pfe-l-grid > .pfe-m-8-col-on-xl {\n width: calc(66.66667% - 16px); }\n .pfe-l-grid > .pfe-m-9-col-on-xl {\n width: calc(75% - 16px); }\n .pfe-l-grid > .pfe-m-10-col-on-xl {\n width: calc(83.33333% - 16px); }\n .pfe-l-grid > .pfe-m-11-col-on-xl {\n width: calc(91.66667% - 16px); }\n .pfe-l-grid > .pfe-m-12-col-on-xl {\n width: calc(100% - 16px); } }\n .pfe-l-grid.pfe-m-gutters {\n margin: calc(8px * -1); }\n .pfe-l-grid.pfe-m-gutters > * {\n margin: 8px; }\n\n@supports (display: grid) {\n .pfe-l-grid {\n display: grid;\n grid-template-columns: repeat(12, [col-start] 1fr); }\n .pfe-l-grid > *, .pfe-l-grid__item {\n width: auto;\n margin: 0;\n grid-column-start: auto;\n grid-column-end: span 12; }\n .pfe-l-grid.pfe-l-grid-fill-height {\n height: 100%; }\n @media screen and (min-width: 576px) {\n .pfe-l-grid.pfe-m-all-1-col > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 1; }\n .pfe-l-grid.pfe-m-all-2-col > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 2; }\n .pfe-l-grid.pfe-m-all-3-col > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 3; }\n .pfe-l-grid.pfe-m-all-4-col > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 4; }\n .pfe-l-grid.pfe-m-all-5-col > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 5; }\n .pfe-l-grid.pfe-m-all-6-col > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 6; }\n .pfe-l-grid.pfe-m-all-7-col > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 7; }\n .pfe-l-grid.pfe-m-all-8-col > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 8; }\n .pfe-l-grid.pfe-m-all-9-col > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 9; }\n .pfe-l-grid.pfe-m-all-10-col > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 10; }\n .pfe-l-grid.pfe-m-all-11-col > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 11; }\n .pfe-l-grid.pfe-m-all-12-col > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 12; }\n .pfe-l-grid > .pfe-m-1-col {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 1; }\n .pfe-l-grid > .pfe-m-2-col {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 2; }\n .pfe-l-grid > .pfe-m-3-col {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 3; }\n .pfe-l-grid > .pfe-m-4-col {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 4; }\n .pfe-l-grid > .pfe-m-5-col {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 5; }\n .pfe-l-grid > .pfe-m-6-col {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 6; }\n .pfe-l-grid > .pfe-m-7-col {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 7; }\n .pfe-l-grid > .pfe-m-8-col {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 8; }\n .pfe-l-grid > .pfe-m-9-col {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 9; }\n .pfe-l-grid > .pfe-m-10-col {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 10; }\n .pfe-l-grid > .pfe-m-11-col {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 11; }\n .pfe-l-grid > .pfe-m-12-col {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 12; }\n .pfe-l-grid > .pfe-m-startat-1-col {\n grid-column-start: col-start 1; }\n .pfe-l-grid > .pfe-m-startat-2-col {\n grid-column-start: col-start 2; }\n .pfe-l-grid > .pfe-m-startat-3-col {\n grid-column-start: col-start 3; }\n .pfe-l-grid > .pfe-m-startat-4-col {\n grid-column-start: col-start 4; }\n .pfe-l-grid > .pfe-m-startat-5-col {\n grid-column-start: col-start 5; }\n .pfe-l-grid > .pfe-m-startat-6-col {\n grid-column-start: col-start 6; }\n .pfe-l-grid > .pfe-m-startat-7-col {\n grid-column-start: col-start 7; }\n .pfe-l-grid > .pfe-m-startat-8-col {\n grid-column-start: col-start 8; }\n .pfe-l-grid > .pfe-m-startat-9-col {\n grid-column-start: col-start 9; }\n .pfe-l-grid > .pfe-m-startat-10-col {\n grid-column-start: col-start 10; }\n .pfe-l-grid > .pfe-m-startat-11-col {\n grid-column-start: col-start 11; }\n .pfe-l-grid > .pfe-m-startat-12-col {\n grid-column-start: col-start 12; }\n .pfe-l-grid > .pfe-m-1-row {\n grid-row: span 1; }\n .pfe-l-grid > .pfe-m-2-row {\n grid-row: span 2; }\n .pfe-l-grid > .pfe-m-3-row {\n grid-row: span 3; }\n .pfe-l-grid > .pfe-m-4-row {\n grid-row: span 4; }\n .pfe-l-grid > .pfe-m-5-row {\n grid-row: span 5; }\n .pfe-l-grid > .pfe-m-6-row {\n grid-row: span 6; }\n .pfe-l-grid > .pfe-m-7-row {\n grid-row: span 7; }\n .pfe-l-grid > .pfe-m-8-row {\n grid-row: span 8; }\n .pfe-l-grid > .pfe-m-9-row {\n grid-row: span 9; }\n .pfe-l-grid > .pfe-m-10-row {\n grid-row: span 10; }\n .pfe-l-grid > .pfe-m-11-row {\n grid-row: span 11; }\n .pfe-l-grid > .pfe-m-12-row {\n grid-row: span 12; } }\n @media screen and (max-width: 0) {\n .pfe-l-grid.pfe-m-all-1-col-on-xs > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 1; }\n .pfe-l-grid.pfe-m-all-2-col-on-xs > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 2; }\n .pfe-l-grid.pfe-m-all-3-col-on-xs > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 3; }\n .pfe-l-grid.pfe-m-all-4-col-on-xs > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 4; }\n .pfe-l-grid.pfe-m-all-5-col-on-xs > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 5; }\n .pfe-l-grid.pfe-m-all-6-col-on-xs > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 6; }\n .pfe-l-grid.pfe-m-all-7-col-on-xs > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 7; }\n .pfe-l-grid.pfe-m-all-8-col-on-xs > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 8; }\n .pfe-l-grid.pfe-m-all-9-col-on-xs > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 9; }\n .pfe-l-grid.pfe-m-all-10-col-on-xs > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 10; }\n .pfe-l-grid.pfe-m-all-11-col-on-xs > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 11; }\n .pfe-l-grid.pfe-m-all-12-col-on-xs > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 12; }\n .pfe-l-grid > .pfe-m-1-col-on-xs {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 1; }\n .pfe-l-grid > .pfe-m-2-col-on-xs {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 2; }\n .pfe-l-grid > .pfe-m-3-col-on-xs {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 3; }\n .pfe-l-grid > .pfe-m-4-col-on-xs {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 4; }\n .pfe-l-grid > .pfe-m-5-col-on-xs {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 5; }\n .pfe-l-grid > .pfe-m-6-col-on-xs {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 6; }\n .pfe-l-grid > .pfe-m-7-col-on-xs {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 7; }\n .pfe-l-grid > .pfe-m-8-col-on-xs {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 8; }\n .pfe-l-grid > .pfe-m-9-col-on-xs {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 9; }\n .pfe-l-grid > .pfe-m-10-col-on-xs {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 10; }\n .pfe-l-grid > .pfe-m-11-col-on-xs {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 11; }\n .pfe-l-grid > .pfe-m-12-col-on-xs {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 12; }\n .pfe-l-grid > .pfe-m-startat-1-col-on-xs {\n grid-column-start: col-start 1; }\n .pfe-l-grid > .pfe-m-startat-2-col-on-xs {\n grid-column-start: col-start 2; }\n .pfe-l-grid > .pfe-m-startat-3-col-on-xs {\n grid-column-start: col-start 3; }\n .pfe-l-grid > .pfe-m-startat-4-col-on-xs {\n grid-column-start: col-start 4; }\n .pfe-l-grid > .pfe-m-startat-5-col-on-xs {\n grid-column-start: col-start 5; }\n .pfe-l-grid > .pfe-m-startat-6-col-on-xs {\n grid-column-start: col-start 6; }\n .pfe-l-grid > .pfe-m-startat-7-col-on-xs {\n grid-column-start: col-start 7; }\n .pfe-l-grid > .pfe-m-startat-8-col-on-xs {\n grid-column-start: col-start 8; }\n .pfe-l-grid > .pfe-m-startat-9-col-on-xs {\n grid-column-start: col-start 9; }\n .pfe-l-grid > .pfe-m-startat-10-col-on-xs {\n grid-column-start: col-start 10; }\n .pfe-l-grid > .pfe-m-startat-11-col-on-xs {\n grid-column-start: col-start 11; }\n .pfe-l-grid > .pfe-m-startat-12-col-on-xs {\n grid-column-start: col-start 12; }\n .pfe-l-grid > .pfe-m-1-row-on-xs {\n grid-row: span 1; }\n .pfe-l-grid > .pfe-m-2-row-on-xs {\n grid-row: span 2; }\n .pfe-l-grid > .pfe-m-3-row-on-xs {\n grid-row: span 3; }\n .pfe-l-grid > .pfe-m-4-row-on-xs {\n grid-row: span 4; }\n .pfe-l-grid > .pfe-m-5-row-on-xs {\n grid-row: span 5; }\n .pfe-l-grid > .pfe-m-6-row-on-xs {\n grid-row: span 6; }\n .pfe-l-grid > .pfe-m-7-row-on-xs {\n grid-row: span 7; }\n .pfe-l-grid > .pfe-m-8-row-on-xs {\n grid-row: span 8; }\n .pfe-l-grid > .pfe-m-9-row-on-xs {\n grid-row: span 9; }\n .pfe-l-grid > .pfe-m-10-row-on-xs {\n grid-row: span 10; }\n .pfe-l-grid > .pfe-m-11-row-on-xs {\n grid-row: span 11; }\n .pfe-l-grid > .pfe-m-12-row-on-xs {\n grid-row: span 12; } }\n @media screen and (min-width: 576px) {\n .pfe-l-grid.pfe-m-all-1-col-on-sm > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 1; }\n .pfe-l-grid.pfe-m-all-2-col-on-sm > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 2; }\n .pfe-l-grid.pfe-m-all-3-col-on-sm > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 3; }\n .pfe-l-grid.pfe-m-all-4-col-on-sm > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 4; }\n .pfe-l-grid.pfe-m-all-5-col-on-sm > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 5; }\n .pfe-l-grid.pfe-m-all-6-col-on-sm > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 6; }\n .pfe-l-grid.pfe-m-all-7-col-on-sm > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 7; }\n .pfe-l-grid.pfe-m-all-8-col-on-sm > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 8; }\n .pfe-l-grid.pfe-m-all-9-col-on-sm > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 9; }\n .pfe-l-grid.pfe-m-all-10-col-on-sm > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 10; }\n .pfe-l-grid.pfe-m-all-11-col-on-sm > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 11; }\n .pfe-l-grid.pfe-m-all-12-col-on-sm > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 12; }\n .pfe-l-grid > .pfe-m-1-col-on-sm {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 1; }\n .pfe-l-grid > .pfe-m-2-col-on-sm {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 2; }\n .pfe-l-grid > .pfe-m-3-col-on-sm {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 3; }\n .pfe-l-grid > .pfe-m-4-col-on-sm {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 4; }\n .pfe-l-grid > .pfe-m-5-col-on-sm {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 5; }\n .pfe-l-grid > .pfe-m-6-col-on-sm {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 6; }\n .pfe-l-grid > .pfe-m-7-col-on-sm {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 7; }\n .pfe-l-grid > .pfe-m-8-col-on-sm {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 8; }\n .pfe-l-grid > .pfe-m-9-col-on-sm {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 9; }\n .pfe-l-grid > .pfe-m-10-col-on-sm {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 10; }\n .pfe-l-grid > .pfe-m-11-col-on-sm {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 11; }\n .pfe-l-grid > .pfe-m-12-col-on-sm {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 12; }\n .pfe-l-grid > .pfe-m-startat-1-col-on-sm {\n grid-column-start: col-start 1; }\n .pfe-l-grid > .pfe-m-startat-2-col-on-sm {\n grid-column-start: col-start 2; }\n .pfe-l-grid > .pfe-m-startat-3-col-on-sm {\n grid-column-start: col-start 3; }\n .pfe-l-grid > .pfe-m-startat-4-col-on-sm {\n grid-column-start: col-start 4; }\n .pfe-l-grid > .pfe-m-startat-5-col-on-sm {\n grid-column-start: col-start 5; }\n .pfe-l-grid > .pfe-m-startat-6-col-on-sm {\n grid-column-start: col-start 6; }\n .pfe-l-grid > .pfe-m-startat-7-col-on-sm {\n grid-column-start: col-start 7; }\n .pfe-l-grid > .pfe-m-startat-8-col-on-sm {\n grid-column-start: col-start 8; }\n .pfe-l-grid > .pfe-m-startat-9-col-on-sm {\n grid-column-start: col-start 9; }\n .pfe-l-grid > .pfe-m-startat-10-col-on-sm {\n grid-column-start: col-start 10; }\n .pfe-l-grid > .pfe-m-startat-11-col-on-sm {\n grid-column-start: col-start 11; }\n .pfe-l-grid > .pfe-m-startat-12-col-on-sm {\n grid-column-start: col-start 12; }\n .pfe-l-grid > .pfe-m-1-row-on-sm {\n grid-row: span 1; }\n .pfe-l-grid > .pfe-m-2-row-on-sm {\n grid-row: span 2; }\n .pfe-l-grid > .pfe-m-3-row-on-sm {\n grid-row: span 3; }\n .pfe-l-grid > .pfe-m-4-row-on-sm {\n grid-row: span 4; }\n .pfe-l-grid > .pfe-m-5-row-on-sm {\n grid-row: span 5; }\n .pfe-l-grid > .pfe-m-6-row-on-sm {\n grid-row: span 6; }\n .pfe-l-grid > .pfe-m-7-row-on-sm {\n grid-row: span 7; }\n .pfe-l-grid > .pfe-m-8-row-on-sm {\n grid-row: span 8; }\n .pfe-l-grid > .pfe-m-9-row-on-sm {\n grid-row: span 9; }\n .pfe-l-grid > .pfe-m-10-row-on-sm {\n grid-row: span 10; }\n .pfe-l-grid > .pfe-m-11-row-on-sm {\n grid-row: span 11; }\n .pfe-l-grid > .pfe-m-12-row-on-sm {\n grid-row: span 12; } }\n @media screen and (min-width: 768px) {\n .pfe-l-grid.pfe-m-all-1-col-on-md > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 1; }\n .pfe-l-grid.pfe-m-all-2-col-on-md > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 2; }\n .pfe-l-grid.pfe-m-all-3-col-on-md > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 3; }\n .pfe-l-grid.pfe-m-all-4-col-on-md > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 4; }\n .pfe-l-grid.pfe-m-all-5-col-on-md > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 5; }\n .pfe-l-grid.pfe-m-all-6-col-on-md > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 6; }\n .pfe-l-grid.pfe-m-all-7-col-on-md > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 7; }\n .pfe-l-grid.pfe-m-all-8-col-on-md > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 8; }\n .pfe-l-grid.pfe-m-all-9-col-on-md > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 9; }\n .pfe-l-grid.pfe-m-all-10-col-on-md > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 10; }\n .pfe-l-grid.pfe-m-all-11-col-on-md > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 11; }\n .pfe-l-grid.pfe-m-all-12-col-on-md > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 12; }\n .pfe-l-grid > .pfe-m-1-col-on-md {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 1; }\n .pfe-l-grid > .pfe-m-2-col-on-md {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 2; }\n .pfe-l-grid > .pfe-m-3-col-on-md {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 3; }\n .pfe-l-grid > .pfe-m-4-col-on-md {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 4; }\n .pfe-l-grid > .pfe-m-5-col-on-md {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 5; }\n .pfe-l-grid > .pfe-m-6-col-on-md {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 6; }\n .pfe-l-grid > .pfe-m-7-col-on-md {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 7; }\n .pfe-l-grid > .pfe-m-8-col-on-md {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 8; }\n .pfe-l-grid > .pfe-m-9-col-on-md {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 9; }\n .pfe-l-grid > .pfe-m-10-col-on-md {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 10; }\n .pfe-l-grid > .pfe-m-11-col-on-md {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 11; }\n .pfe-l-grid > .pfe-m-12-col-on-md {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 12; }\n .pfe-l-grid > .pfe-m-startat-1-col-on-md {\n grid-column-start: col-start 1; }\n .pfe-l-grid > .pfe-m-startat-2-col-on-md {\n grid-column-start: col-start 2; }\n .pfe-l-grid > .pfe-m-startat-3-col-on-md {\n grid-column-start: col-start 3; }\n .pfe-l-grid > .pfe-m-startat-4-col-on-md {\n grid-column-start: col-start 4; }\n .pfe-l-grid > .pfe-m-startat-5-col-on-md {\n grid-column-start: col-start 5; }\n .pfe-l-grid > .pfe-m-startat-6-col-on-md {\n grid-column-start: col-start 6; }\n .pfe-l-grid > .pfe-m-startat-7-col-on-md {\n grid-column-start: col-start 7; }\n .pfe-l-grid > .pfe-m-startat-8-col-on-md {\n grid-column-start: col-start 8; }\n .pfe-l-grid > .pfe-m-startat-9-col-on-md {\n grid-column-start: col-start 9; }\n .pfe-l-grid > .pfe-m-startat-10-col-on-md {\n grid-column-start: col-start 10; }\n .pfe-l-grid > .pfe-m-startat-11-col-on-md {\n grid-column-start: col-start 11; }\n .pfe-l-grid > .pfe-m-startat-12-col-on-md {\n grid-column-start: col-start 12; }\n .pfe-l-grid > .pfe-m-1-row-on-md {\n grid-row: span 1; }\n .pfe-l-grid > .pfe-m-2-row-on-md {\n grid-row: span 2; }\n .pfe-l-grid > .pfe-m-3-row-on-md {\n grid-row: span 3; }\n .pfe-l-grid > .pfe-m-4-row-on-md {\n grid-row: span 4; }\n .pfe-l-grid > .pfe-m-5-row-on-md {\n grid-row: span 5; }\n .pfe-l-grid > .pfe-m-6-row-on-md {\n grid-row: span 6; }\n .pfe-l-grid > .pfe-m-7-row-on-md {\n grid-row: span 7; }\n .pfe-l-grid > .pfe-m-8-row-on-md {\n grid-row: span 8; }\n .pfe-l-grid > .pfe-m-9-row-on-md {\n grid-row: span 9; }\n .pfe-l-grid > .pfe-m-10-row-on-md {\n grid-row: span 10; }\n .pfe-l-grid > .pfe-m-11-row-on-md {\n grid-row: span 11; }\n .pfe-l-grid > .pfe-m-12-row-on-md {\n grid-row: span 12; } }\n @media screen and (min-width: 992px) {\n .pfe-l-grid.pfe-m-all-1-col-on-lg > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 1; }\n .pfe-l-grid.pfe-m-all-2-col-on-lg > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 2; }\n .pfe-l-grid.pfe-m-all-3-col-on-lg > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 3; }\n .pfe-l-grid.pfe-m-all-4-col-on-lg > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 4; }\n .pfe-l-grid.pfe-m-all-5-col-on-lg > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 5; }\n .pfe-l-grid.pfe-m-all-6-col-on-lg > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 6; }\n .pfe-l-grid.pfe-m-all-7-col-on-lg > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 7; }\n .pfe-l-grid.pfe-m-all-8-col-on-lg > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 8; }\n .pfe-l-grid.pfe-m-all-9-col-on-lg > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 9; }\n .pfe-l-grid.pfe-m-all-10-col-on-lg > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 10; }\n .pfe-l-grid.pfe-m-all-11-col-on-lg > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 11; }\n .pfe-l-grid.pfe-m-all-12-col-on-lg > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 12; }\n .pfe-l-grid > .pfe-m-1-col-on-lg {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 1; }\n .pfe-l-grid > .pfe-m-2-col-on-lg {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 2; }\n .pfe-l-grid > .pfe-m-3-col-on-lg {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 3; }\n .pfe-l-grid > .pfe-m-4-col-on-lg {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 4; }\n .pfe-l-grid > .pfe-m-5-col-on-lg {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 5; }\n .pfe-l-grid > .pfe-m-6-col-on-lg {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 6; }\n .pfe-l-grid > .pfe-m-7-col-on-lg {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 7; }\n .pfe-l-grid > .pfe-m-8-col-on-lg {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 8; }\n .pfe-l-grid > .pfe-m-9-col-on-lg {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 9; }\n .pfe-l-grid > .pfe-m-10-col-on-lg {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 10; }\n .pfe-l-grid > .pfe-m-11-col-on-lg {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 11; }\n .pfe-l-grid > .pfe-m-12-col-on-lg {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 12; }\n .pfe-l-grid > .pfe-m-startat-1-col-on-lg {\n grid-column-start: col-start 1; }\n .pfe-l-grid > .pfe-m-startat-2-col-on-lg {\n grid-column-start: col-start 2; }\n .pfe-l-grid > .pfe-m-startat-3-col-on-lg {\n grid-column-start: col-start 3; }\n .pfe-l-grid > .pfe-m-startat-4-col-on-lg {\n grid-column-start: col-start 4; }\n .pfe-l-grid > .pfe-m-startat-5-col-on-lg {\n grid-column-start: col-start 5; }\n .pfe-l-grid > .pfe-m-startat-6-col-on-lg {\n grid-column-start: col-start 6; }\n .pfe-l-grid > .pfe-m-startat-7-col-on-lg {\n grid-column-start: col-start 7; }\n .pfe-l-grid > .pfe-m-startat-8-col-on-lg {\n grid-column-start: col-start 8; }\n .pfe-l-grid > .pfe-m-startat-9-col-on-lg {\n grid-column-start: col-start 9; }\n .pfe-l-grid > .pfe-m-startat-10-col-on-lg {\n grid-column-start: col-start 10; }\n .pfe-l-grid > .pfe-m-startat-11-col-on-lg {\n grid-column-start: col-start 11; }\n .pfe-l-grid > .pfe-m-startat-12-col-on-lg {\n grid-column-start: col-start 12; }\n .pfe-l-grid > .pfe-m-1-row-on-lg {\n grid-row: span 1; }\n .pfe-l-grid > .pfe-m-2-row-on-lg {\n grid-row: span 2; }\n .pfe-l-grid > .pfe-m-3-row-on-lg {\n grid-row: span 3; }\n .pfe-l-grid > .pfe-m-4-row-on-lg {\n grid-row: span 4; }\n .pfe-l-grid > .pfe-m-5-row-on-lg {\n grid-row: span 5; }\n .pfe-l-grid > .pfe-m-6-row-on-lg {\n grid-row: span 6; }\n .pfe-l-grid > .pfe-m-7-row-on-lg {\n grid-row: span 7; }\n .pfe-l-grid > .pfe-m-8-row-on-lg {\n grid-row: span 8; }\n .pfe-l-grid > .pfe-m-9-row-on-lg {\n grid-row: span 9; }\n .pfe-l-grid > .pfe-m-10-row-on-lg {\n grid-row: span 10; }\n .pfe-l-grid > .pfe-m-11-row-on-lg {\n grid-row: span 11; }\n .pfe-l-grid > .pfe-m-12-row-on-lg {\n grid-row: span 12; } }\n @media screen and (min-width: 1200px) {\n .pfe-l-grid.pfe-m-all-1-col-on-xl > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 1; }\n .pfe-l-grid.pfe-m-all-2-col-on-xl > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 2; }\n .pfe-l-grid.pfe-m-all-3-col-on-xl > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 3; }\n .pfe-l-grid.pfe-m-all-4-col-on-xl > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 4; }\n .pfe-l-grid.pfe-m-all-5-col-on-xl > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 5; }\n .pfe-l-grid.pfe-m-all-6-col-on-xl > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 6; }\n .pfe-l-grid.pfe-m-all-7-col-on-xl > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 7; }\n .pfe-l-grid.pfe-m-all-8-col-on-xl > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 8; }\n .pfe-l-grid.pfe-m-all-9-col-on-xl > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 9; }\n .pfe-l-grid.pfe-m-all-10-col-on-xl > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 10; }\n .pfe-l-grid.pfe-m-all-11-col-on-xl > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 11; }\n .pfe-l-grid.pfe-m-all-12-col-on-xl > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 12; }\n .pfe-l-grid > .pfe-m-1-col-on-xl {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 1; }\n .pfe-l-grid > .pfe-m-2-col-on-xl {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 2; }\n .pfe-l-grid > .pfe-m-3-col-on-xl {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 3; }\n .pfe-l-grid > .pfe-m-4-col-on-xl {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 4; }\n .pfe-l-grid > .pfe-m-5-col-on-xl {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 5; }\n .pfe-l-grid > .pfe-m-6-col-on-xl {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 6; }\n .pfe-l-grid > .pfe-m-7-col-on-xl {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 7; }\n .pfe-l-grid > .pfe-m-8-col-on-xl {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 8; }\n .pfe-l-grid > .pfe-m-9-col-on-xl {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 9; }\n .pfe-l-grid > .pfe-m-10-col-on-xl {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 10; }\n .pfe-l-grid > .pfe-m-11-col-on-xl {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 11; }\n .pfe-l-grid > .pfe-m-12-col-on-xl {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 12; }\n .pfe-l-grid > .pfe-m-startat-1-col-on-xl {\n grid-column-start: col-start 1; }\n .pfe-l-grid > .pfe-m-startat-2-col-on-xl {\n grid-column-start: col-start 2; }\n .pfe-l-grid > .pfe-m-startat-3-col-on-xl {\n grid-column-start: col-start 3; }\n .pfe-l-grid > .pfe-m-startat-4-col-on-xl {\n grid-column-start: col-start 4; }\n .pfe-l-grid > .pfe-m-startat-5-col-on-xl {\n grid-column-start: col-start 5; }\n .pfe-l-grid > .pfe-m-startat-6-col-on-xl {\n grid-column-start: col-start 6; }\n .pfe-l-grid > .pfe-m-startat-7-col-on-xl {\n grid-column-start: col-start 7; }\n .pfe-l-grid > .pfe-m-startat-8-col-on-xl {\n grid-column-start: col-start 8; }\n .pfe-l-grid > .pfe-m-startat-9-col-on-xl {\n grid-column-start: col-start 9; }\n .pfe-l-grid > .pfe-m-startat-10-col-on-xl {\n grid-column-start: col-start 10; }\n .pfe-l-grid > .pfe-m-startat-11-col-on-xl {\n grid-column-start: col-start 11; }\n .pfe-l-grid > .pfe-m-startat-12-col-on-xl {\n grid-column-start: col-start 12; }\n .pfe-l-grid > .pfe-m-1-row-on-xl {\n grid-row: span 1; }\n .pfe-l-grid > .pfe-m-2-row-on-xl {\n grid-row: span 2; }\n .pfe-l-grid > .pfe-m-3-row-on-xl {\n grid-row: span 3; }\n .pfe-l-grid > .pfe-m-4-row-on-xl {\n grid-row: span 4; }\n .pfe-l-grid > .pfe-m-5-row-on-xl {\n grid-row: span 5; }\n .pfe-l-grid > .pfe-m-6-row-on-xl {\n grid-row: span 6; }\n .pfe-l-grid > .pfe-m-7-row-on-xl {\n grid-row: span 7; }\n .pfe-l-grid > .pfe-m-8-row-on-xl {\n grid-row: span 8; }\n .pfe-l-grid > .pfe-m-9-row-on-xl {\n grid-row: span 9; }\n .pfe-l-grid > .pfe-m-10-row-on-xl {\n grid-row: span 10; }\n .pfe-l-grid > .pfe-m-11-row-on-xl {\n grid-row: span 11; }\n .pfe-l-grid > .pfe-m-12-row-on-xl {\n grid-row: span 12; } }\n .pfe-l-grid.pfe-m-gutters {\n grid-gap: 16px;\n margin: 0; }\n .pfe-l-grid.pfe-m-gutters > * {\n margin: 0; } }\n\n#main-menu {\n background: transparent !important; }\n\n@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {\n /* IE10+ */\n pfe-navigation-item [slot=\"trigger\"] {\n width: 100%;\n max-width: 130px;\n font-size: 12px;\n margin: 0; }\n pfe-navigation-item [slot=\"trigger\"] a {\n color: var(--pfe-theme--color--text--on-dark, #fff); } }\n\n@media screen and (-ms-high-contrast: active) and (min-width: 992px), screen and (-ms-high-contrast: none) and (min-width: 992px) {\n pfe-navigation-item.expanded {\n background-color: var(--pfe-theme--color--surface--lightest, #fff);\n border-top-color: var(--pfe-theme--color--surface--accent, #e00); } }\n\n@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {\n pfe-navigation-item.expanded [slot=\"trigger\"] a {\n color: var(--pfe-theme--color--text, #333); } }\n\n@media screen and (-ms-high-contrast: active) and (min-width: 768px), screen and (-ms-high-contrast: none) and (min-width: 768px) {\n .pfe-navigation__container {\n max-width: 768px; } }\n\n@media screen and (-ms-high-contrast: active) and (min-width: 992px), screen and (-ms-high-contrast: none) and (min-width: 992px) {\n .pfe-navigation__container {\n max-width: 992px; } }\n\n@media screen and (-ms-high-contrast: active) and (min-width: 1200px), screen and (-ms-high-contrast: none) and (min-width: 1200px) {\n .pfe-navigation__container {\n max-width: 1140px; } }\n\n@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {\n .pfe-navigation-item__tray--container {\n padding: 1em 0; }\n [slot=\"tray\"] {\n width: 100%;\n min-height: 60px;\n flex-direction: column; } }\n\n@media screen and (-ms-high-contrast: active) and (min-width: 992px), screen and (-ms-high-contrast: none) and (min-width: 992px) {\n .pfe-navigation-item__tray--container {\n margin: 0 auto; } }\n\n@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {\n [is_nested][parent_hidden] .pfe-navigation-item__tray {\n max-height: none;\n overflow: visible; } }\n\n@media screen and (-ms-high-contrast: active) and (max-width: 1023px), screen and (-ms-high-contrast: none) and (max-width: 1023px) {\n .pfe-navigation__main {\n display: block !important; }\n .pfe-navigation-item__tray {\n max-height: none !important; }\n .pfe-navigation-item-2 .pfe-navigation-item__trigger.pfe-navigation-item[aria-expanded=true] {\n border-left: 4px solid #06c;\n border-right: 1px solid #d2d2d2; }\n [class*=\"pfe-navigation-item-\"] .pfe-navigation-item__trigger.pfe-navigation-item[aria-expanded=true] {\n background-color: white;\n border-top: 3px solid #ee0000; }\n [pfe-icon=web-mobile-menu]:not([show_links]) {\n border-bottom: none; }\n [pfe-icon=web-mobile-menu]:not([show_links]) .pfe-navigation-item__tray.pfe-navigation-item .pfe-navigation-item__tray.pfe-navigation-item {\n max-height: 500px !important;\n overflow-y: scroll; }\n [pfe-icon=web-mobile-menu]:not([show_links]) .pfe-navigation-item__tray.pfe-navigation-item .pfe-navigation-item__trigger.pfe-navigation-item:not([aria-expanded=true]) {\n border-bottom: 1px solid var(--pfe-theme--color--surface--border, #d2d2d2); }\n [pfe-icon=web-user],\n [pfe-icon=web-globe] {\n padding-left: 0 !important; }\n [pfe-icon=web-user] .pfe-navigation-item__trigger a,\n [pfe-icon=web-globe] .pfe-navigation-item__trigger a {\n font-size: 12px; }\n [pfe-icon=web-user] .pfe-navigation-item__trigger.pfe-navigation-item,\n [pfe-icon=web-globe] .pfe-navigation-item__trigger.pfe-navigation-item {\n border-bottom: none !important; } }\n\n@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {\n .pfe-navigation-1 .pfe-navigation__wrapper.pfe-navigation {\n min-height: 0; }\n .pfe-navigation-item__trigger.pfe-navigation-item:hover {\n cursor: pointer;\n border-top: var(--pfe-theme--surface--border-width--heavy, 4px) solid var(--pfe-theme--color--surface--accent, #e00); }\n .pfe-navigation-item__trigger .pfe-navigation__utility--mobile > *:not(:last-child) {\n margin-bottom: var(--pfe-theme--container-spacer, 16px); }\n .pfe-navigation-item__trigger .pfe-navigation-item__tray--container {\n padding-top: var(--pfe-theme--container-spacer, 16px); }\n .pfe-navigation-item__trigger > *.pfe-navigation-item__trigger--icon:first-child {\n display: none; }\n .pfe-navigation-item__trigger > *:not(.pfe-navigation-item__trigger--icon) {\n color: var(--pfe-navigation--Color, #fff); }\n .expanded .pfe-navigation-item__trigger > *:not(.pfe-navigation-item__trigger--icon) {\n color: var(--pfe-theme--color--text, #333); }\n .pfe-navigation-item__trigger > *:not(.pfe-navigation-item__trigger--icon) a,\n .pfe-navigation-item__trigger > *:not(.pfe-navigation-item__trigger--icon) a:hover,\n .pfe-navigation-item__trigger > *:not(.pfe-navigation-item__trigger--icon) a:visited {\n color: inherit; }\n .pfe-navigation-item__trigger pfe-icon {\n display: none; }\n .pfe-navigation--column-span-2 {\n -ms-grid-column-span: 1 !important; }\n :not([pfe-icon=web-mobile-menu]):not([is_nested]).pfe-navigation-item-1 .pfe-navigation-item__tray.pfe-navigation-item {\n color: var(--pfe-theme--color--ui-complement, #464646) !important; }\n [pfe-icon=web-mobile-menu]:not([show_links]).pfe-navigation-item-3 .pfe-navigation__main .pfe-navigation-item__tray.pfe-navigation-item {\n top: 0 !important; }\n pfe-navigation [slot=\"logo\"] {\n max-width: 100%; } }\n\n@media screen and (-ms-high-contrast: active) and (min-width: 768px), screen and (-ms-high-contrast: none) and (min-width: 768px) {\n .pfe-navigation--footer .pfe-navigation--column {\n display: flex;\n align-items: center; } }\n\n@supports (-ms-ime-align: auto) {\n /* Microsoft Edge Browser 16+ (All) */\n pfe-navigation-item[pfe-icon] > .pfe-navigation-item__trigger > [slot=\"trigger\"] {\n font-size: 12px;\n text-align: center; }\n pfe-navigation-item [slot=\"tray\"] {\n display: flex; }\n pfe-navigation-item [slot=\"trigger\"] {\n font-size: 16px;\n margin: 0; }\n pfe-navigation-item .pfe-navigation-item__trigger[aria-expanded=true]::after {\n display: block !important; }\n pfe-navigation-item.expanded .pfe-navigation-item__trigger pfe-icon:not(.load-failed) svg.pfe-icon filter.pfe-icon feFlood.pfe-icon {\n flood-color: var(--pfe-theme--color--ui-complement, #464646) !important; }\n pfe-navigation-item.expanded [slot=\"trigger\"] a {\n color: var(--pfe-theme--color--text, #333) !important; }\n pfe-navigation-item[is_nested]:not([parent_hidden]) .pfe-navigation-item__trigger.pfe-navigation-item::after {\n height: .5em !important;\n width: .5em !important;\n top: 22px !important; }\n .pfe-navigation-item__trigger {\n transition: none !important; }\n @media screen and (max-width: 1023px) {\n pfe-navigation-item.expanded[pfe-icon=web-mobile-menu]:not([has_tray]) {\n background-color: var(--pfe-theme--color--surface--lightest, #fff); }\n pfe-navigation-item:not([parent_hidden])[is_nested].expanded .pfe-navigation-item__trigger.pfe-navigation-item[aria-expanded=\"true\"] {\n border-left: 4px solid #06c !important;\n border-right: 1px solid #d2d2d2 !important; }\n pfe-navigation-item:not([parent_hidden])[is_nested] .pfe-navigation-item__trigger.pfe-navigation-item[aria-expanded=\"true\"] {\n border-left: 4px solid #06c !important;\n border-right: 1px solid #d2d2d2 !important; } }\n @media screen and (min-width: 1024px) {\n .pfe-navigation-item__trigger::after {\n display: none !important; }\n .pfe-navigation-item__trigger:hover::after {\n display: block !important; } }\n .pfe-navigation-item__trigger {\n --pfe-navigation__trigger-icon--Visible: hidden; }\n .pfe-navigation-item__trigger:hover {\n --pfe-navigation__trigger-icon--Visible: visible; }\n .pfe-navigation-item__trigger.pfe-navigation-item {\n box-sizing: border-box; }\n .pfe-navigation-item__trigger.pfe-navigation-item:hover {\n cursor: pointer;\n border-top: var(--pfe-theme--surface--border-width--heavy, 4px) solid var(--pfe-theme--color--surface--accent, #e00); }\n .pfe-navigation-item__trigger pfe-icon {\n max-height: 20px; }\n .pfe-navigation-item__trigger pfe-icon:not(.load-failed) svg.pfe-icon filter.pfe-icon feFlood.pfe-icon {\n flood-color: var(--pfe-theme--color--text--on-dark, #fff) !important; }\n pfe-navigation-item:not([parent_hidden])[is_nested].expanded .pfe-navigation-item__tray.pfe-navigation-item {\n top: 0; }\n .pfe-navigation__logo {\n margin-right: 20px; }\n @media (min-width: 768px) {\n .pfe-navigation--footer .pfe-navigation--column {\n display: flex;\n align-items: center; } } }\n\npfe-navigation [slot=\"logo\"] {\n margin: 0; }\n pfe-navigation [slot=\"logo\"] > a {\n display: flex;\n align-items: center; }\n pfe-navigation [slot=\"logo\"] > a > * {\n max-height: 32px; }\n\npfe-navigation-item [slot=\"trigger\"] {\n font-family: var(--pfe-theme--font-family, \"Overpass\", Overpass, Helvetica, helvetica, arial, sans-serif);\n margin: 0.25em 0 0 0 !important;\n line-height: 1.3; }\n\npfe-navigation-item pfe-icon + [slot=\"trigger\"] > a {\n font-size: 12px; }\n\npfe-navigation-item [slot=\"trigger\"] > a {\n outline: none;\n text-decoration: none;\n color: var(--pfe-theme--color--ui-base--text, #fff) !important; }\n pfe-navigation-item [slot=\"trigger\"] > a:hover, pfe-navigation-item [slot=\"trigger\"] > a:focus {\n text-decoration: none; }\n\npfe-navigation-item.expanded [slot=\"trigger\"] > a,\npfe-navigation-item.expanded [slot=\"trigger\"] > a.active {\n color: var(--pfe-theme--color--text, #333) !important; }\n\npfe-navigation-main[show_content] pfe-navigation-item.expanded [slot=\"trigger\"] > a.active {\n color: var(--pfe-theme--color--text, #333) !important; }\n\npfe-navigation-main[show_content] pfe-navigation-item [slot=\"trigger\"] > a.active {\n color: var(--pfe-theme--color--ui-base--text, #fff) !important; }\n\npfe-navigation-item[parent_hidden] [slot=\"trigger\"] {\n text-align: center; }\n\npfe-navigation-item:not([parent_hidden])[is_nested] [slot=\"trigger\"] > a {\n color: var(--pfe-theme--color--ui-complement, #464646) !important; }\n\n[slot=\"mobile-search\"] input[type=\"text\"] {\n padding: 5px 10px; }\n\n@media (min-width: 576px) {\n .pfe-navigation-grid {\n column-count: 2;\n column-gap: 32px;\n flex: 1; } }\n\n@media (min-width: 992px) {\n .pfe-navigation-grid {\n column-count: 3; } }\n\n@media (min-width: 1200px) {\n .pfe-navigation-grid {\n /* autoprefixer grid: autoplace */\n display: grid;\n grid-gap: 32px;\n grid-template-columns: repeat(4, 1fr);\n -ms-grid-columns: 1fr 1fr 1fr 1fr; }\n .pfe-navigation-grid .pfe-navigation--column:nth-child(1) {\n -ms-grid-column: 1; }\n .pfe-navigation-grid .pfe-navigation--column:nth-child(2) {\n -ms-grid-column: 2; }\n .pfe-navigation-grid .pfe-navigation--column:nth-child(3) {\n -ms-grid-column: 3; }\n .pfe-navigation-grid .pfe-navigation--column:nth-child(4) {\n -ms-grid-column: 4; } }\n\n@media (min-width: 1200px) {\n .pfe-navigation--column-span-2 {\n grid-column: span 2; } }\n\n.pfe-navigation--footer:not(:empty) {\n margin: calc(var(--pfe-theme--container-padding, 16px) * 2) 0 calc(var(--pfe-theme--container-padding, 16px) * 1.5);\n border-top: 1px solid lightgray;\n padding: calc(var(--pfe-theme--container-padding, 16px) * 2.5) 0 0; }\n .pfe-navigation--footer:not(:empty) > *:not(:last-child) {\n margin-bottom: 32px; }\n .pfe-navigation--footer:not(:empty) > * {\n flex: 0 1 45%; }\n @media (min-width: 576px) {\n .pfe-navigation--footer:not(:empty) {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between; }\n .pfe-navigation--footer:not(:empty) > *:not(:last-child) {\n margin-bottom: 0; }\n .pfe-navigation--footer:not(:empty) > *:nth-child(3),\n .pfe-navigation--footer:not(:empty) > *:nth-child(4) {\n margin-top: 32px; } }\n @media (min-width: 768px) {\n .pfe-navigation--footer:not(:empty) {\n justify-content: flex-start; } }\n @media (min-width: 992px) {\n .pfe-navigation--footer:not(:empty) {\n display: grid;\n grid-gap: 32px;\n grid-auto-flow: column;\n -ms-grid-columns: 1fr 1fr 1fr 1fr; }\n .pfe-navigation--footer:not(:empty) .pfe-navigation--column:nth-child(1) {\n -ms-grid-column: 1; }\n .pfe-navigation--footer:not(:empty) .pfe-navigation--column:nth-child(2) {\n -ms-grid-column: 2; }\n .pfe-navigation--footer:not(:empty) .pfe-navigation--column:nth-child(3) {\n -ms-grid-column: 3; }\n .pfe-navigation--footer:not(:empty) .pfe-navigation--column:nth-child(4) {\n -ms-grid-column: 4; }\n .pfe-navigation--footer:not(:empty) > *:nth-child(3),\n .pfe-navigation--footer:not(:empty) > *:nth-child(4) {\n margin-top: 0; } }\n @media (min-width: 1200px) {\n .pfe-navigation--footer:not(:empty) {\n padding-bottom: 0;\n display: -ms-grid;\n grid-template-columns: repeat(4, 1fr);\n -ms-grid-columns: 1fr 1fr 1fr 1fr; } }\n\n.pfe-navigation-item__tray--container {\n width: 100%; }\n @media screen and (min-width: 768px) {\n .pfe-navigation-item__tray--container {\n padding: 0;\n max-width: var(--pfe-navigation--Width, 1140px); } }\n @media screen and (min-width: 768px) {\n pfe-navigation-item:not([pfe-full-width]) .pfe-navigation-item__tray--container {\n --pfe-navigation--Width: calc(768px - var(--pfe-navigation--MaxWidth)); } }\n @media screen and (min-width: 992px) {\n pfe-navigation-item:not([pfe-full-width]) .pfe-navigation-item__tray--container {\n --pfe-navigation--Width: calc(992px - var(--pfe-navigation--MaxWidth)); } }\n @media screen and (min-width: 1200px) {\n pfe-navigation-item:not([pfe-full-width]) .pfe-navigation-item__tray--container {\n --pfe-navigation--Width: calc(1200px - var(--pfe-navigation--MaxWidth)); } }\n @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {\n .pfe-navigation-item__tray--container {\n /* IE10+ */\n padding-top: 1.5em;\n padding-bottom: 1.5em; } }\n .pfe-navigation-item__tray--container input[type=\"text\"] {\n padding: 5px 10px; }\n\npfe-navigation-item .pfe-link-list {\n -webkit-column-break-inside: avoid;\n page-break-inside: avoid;\n break-inside: avoid;\n display: block;\n box-sizing: border-box;\n width: 100%;\n margin-bottom: 1em; }\n pfe-navigation-item .pfe-link-list--header {\n font-family: var(--pfe-theme--font-family, \"Overpass\", Overpass, Helvetica, helvetica, arial, sans-serif);\n margin: 0 0 .75em 0;\n font-size: 16px;\n font-weight: 400;\n line-height: 1.75;\n color: var(--pfe-theme--color--ui-complement, #464646); }\n @media (min-width: 1200px) {\n pfe-navigation-item .pfe-link-list--header {\n font-size: 16px; } }\n pfe-navigation-item .pfe-link-list--header a {\n color: var(--pfe-theme--color--ui-complement, #464646);\n text-decoration: underline; }\n pfe-navigation-item .pfe-link-list--header a:hover {\n color: var(--pfe-theme--color--ui-complement, #464646);\n text-decoration: none; }\n pfe-navigation-item .pfe-link-list--header a:focus {\n outline-offset: 1px;\n outline-style: dotted;\n outline-width: 1px;\n outline-color: var(--pfe-broadcasted--link--focus, #003366); }\n pfe-navigation-item .pfe-link-list--group {\n list-style: none;\n padding: 0; }\n pfe-navigation-item .pfe-link-list--group-item {\n line-height: 1.3;\n margin-bottom: .75em; }\n pfe-navigation-item .pfe-link-list--group-item > a {\n font-size: 16px; }\n\npfe-navigation-item.expanded pfe-navigation-item[parent_hidden]:not(.expanded) [slot=\"trigger\"] > a,\npfe-navigation-item.expanded pfe-navigation-item[parent_hidden]:not(.expanded) [slot=\"trigger\"] > a.active {\n color: #fff !important; }\n\n[slot=\"trigger\"],\n[slot=\"trigger\"] > a {\n font-size: 12px; }\n\npfe-navigation-main [slot=\"trigger\"],\npfe-navigation-main [slot=\"trigger\"] > a {\n font-size: var(--pfe-theme--font-size--heading--epsilon, 16px); }\n @media screen and (min-width: 1024px) and (max-width: 1199px) {\n pfe-navigation-main [slot=\"trigger\"],\n pfe-navigation-main [slot=\"trigger\"] > a {\n font-size: 13px; } }\n\n[slot=\"tray\"] {\n display: flex;\n flex-grow: 1;\n justify-content: center; }\n\n@media screen and (max-width: 1023px) {\n .pfe-navigation__main .pfe-navigation-item__tray {\n position: relative;\n top: 0 !important; } }\n\n@media screen and (max-width: 1023px) {\n .pfe-navigation-item .pfe-navigation-item__tray {\n max-height: none !important; } }\n","// Grid Layout\n\n/// ===========================================================================\n/// Component Specific SASS Vars\n/// ===========================================================================\n\n$breakpoints: (\"\": null, \"xs\": \"-on-xs\", \"sm\": \"-on-sm\", \"md\": \"-on-md\", \"lg\": \"-on-lg\", \"xl\": \"-on-xl\");\n$grip-gap: map-get($pfe-vars, 'container-spacer');\n$half-grip-gap: map-get($pfe-vars, 'container-spacer') / 2;\n\n\n/// ===========================================================================\n/// Media Queries for Grid\n/// ===========================================================================\n\n/// Media query used to create responsive grid items\n/// @group mixins\n/// @moduleType mixin\n/// @parameter {Point} xs, sm, md, lg, xl, null\n@mixin GridMediaQuery($point) {\n @if $point == \"xs\" {\n @media screen and (max-width: #{map-get($pfe-vars, 'grid-breakpoint--xs')}) {\n @content;\n }\n }\n @else if $point == \"sm\" or $point == \"\" or $point == null {\n @media screen and (min-width: #{map-get($pfe-vars, 'grid-breakpoint--sm')}) {\n @content;\n }\n }\n @else if $point == \"md\" {\n @media screen and (min-width: #{map-get($pfe-vars, 'grid-breakpoint--md')}) {\n @content;\n }\n }\n @else if $point == \"lg\" {\n @media screen and (min-width: #{map-get($pfe-vars, 'grid-breakpoint--lg')}) {\n @content;\n }\n }\n @else if $point == \"xl\" {\n @media screen and (min-width: #{map-get($pfe-vars, 'grid-breakpoint--xl')}) {\n @content;\n }\n }\n}\n\n/// Creates flexbox item\n/// @group mixins\n/// @moduleType mixin\n/// @parameter {Suffix} xs, sm, md, lg, xl, null\n@mixin FlexItemModifiers($suffix: null) {\n // generate column span modifiers\n @for $col-num from 1 through 12 {\n > .pfe-m-#{$col-num}-col#{$suffix} {\n $this-size: ($col-num / 12) * 100%;\n width: calc(#{$this-size} - #{$grip-gap});\n }\n }\n\n // Start-at and row-span aren't available in fallbacks.\n}\n\n/// Creates grid item\n/// @group mixins\n/// @moduleType mixin\n/// @parameter {Suffix} xs, sm, md, lg, xl, null\n@mixin GridItemModifiers($suffix: null) {\n // generate column span modifiers\n @for $col-num from 1 through 12 {\n > .pfe-m-#{$col-num}-col#{$suffix} {\n width: auto; // Remove IE11\n grid-column-start: auto;\n grid-column-end: span $col-num;\n }\n }\n\n // generate column startat modfiers\n @for $col-num from 1 through 12 {\n > .pfe-m-startat-#{$col-num}-col#{$suffix} {\n grid-column-start: col-start ($col-num); // removed +1 so it's value is literal.\n }\n }\n\n // generate row span modfiers\n @for $row-num from 1 through 12 {\n > .pfe-m-#{$row-num}-row#{$suffix} {\n grid-row: span $row-num;\n }\n }\n}\n\n@mixin FlexAllModifiers($suffix: null) {\n @for $col-num from 1 through 12 {\n &.pfe-m-all-#{$col-num}-col#{$suffix} {\n > * {\n $this-size: ($col-num / 12) * 100%;\n width: calc(#{$this-size} - #{$grip-gap});\n }\n }\n }\n}\n\n@mixin GridAllModifiers($suffix: null) {\n @for $col-num from 1 through 12 {\n &.pfe-m-all-#{$col-num}-col#{$suffix} {\n > * {\n width: auto; // Remove IE11\n grid-column-start: auto;\n grid-column-end: span $col-num;\n }\n }\n }\n}\n\n\n/// ===========================================================================\n/// Flexbox for IE11 support\n/// ===========================================================================\n.pfe-l-grid {\n box-sizing: border-box;\n display: flex;\n flex-wrap: wrap;\n\n > *,\n &__item {\n box-sizing: border-box;\n width: 100%;\n margin: 0 auto;\n }\n\n // Loop through $breakpoints map to generate responsive classes\n @each $breakpoint, $value in $breakpoints {\n @include GridMediaQuery($breakpoint) {\n @include FlexAllModifiers($value);\n @include FlexItemModifiers($value);\n }\n }\n\n &.pfe-m-gutters {\n margin: calc(#{$half-grip-gap} * -1);\n\n & > * {\n margin: #{$half-grip-gap};\n }\n }\n}\n\n/// ===========================================================================\n/// Grid for Smarter Browsers\n/// ===========================================================================\n\n@supports (display: grid) {\n .pfe-l-grid {\n display: grid;\n grid-template-columns: repeat(12, [col-start] 1fr);\n\n > *,\n &__item {\n width: auto; // Remove IE11\n margin: 0; // Remove IE11\n grid-column-start: auto;\n grid-column-end: span 12;\n }\n\n &.pfe-l-grid-fill-height {\n height: 100%;\n }\n\n // Loop through $breakpoints map to generate responsive classes\n @each $breakpoint, $value in $breakpoints {\n @include GridMediaQuery($breakpoint) {\n @include GridAllModifiers($value);\n @include GridItemModifiers($value);\n }\n }\n\n &.pfe-m-gutters {\n grid-gap: #{$grip-gap};\n margin: 0; // Remove IE11\n\n & > * {\n margin: 0; // Remove IE11\n }\n }\n }\n}\n","@mixin browser-query($browser-list) {\n @each $browser in $browser-list {\n @if $browser == ie11 {\n @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { /* IE10+ */\n @content;\n }\n }\n @if $browser == edge12 {\n @supports (-ms-accelerator: true) { /* Microsoft Edge Browser 12+ */\n @content;\n }\n }\n @if $browser == edge {\n @supports (-ms-ime-align: auto) { /* Microsoft Edge Browser 16+ (All) */\n @content;\n }\n }\n @if $browser == firefox {\n @media all and (min--moz-device-pixel-ratio:0) { /* Mozilla Firefox (All) */\n @content;\n }\n }\n }\n}\n\n@mixin pfe-transition($properties...) {\n $return: null;\n @each $property in $properties {\n @if length($property) == 1 {\n $return: append($return, #{$property} 250ms $pfe-global--animation-timing, comma);\n }\n @else if length($property) == 2 {\n $return: append($return, nth($property, 1) nth($property, 2), comma);\n }\n }\n transition: $return;\n}\n\n// Make a CSS arrow\n@mixin pfe-arrow($type, $color, $width: 8px, $height: 5px, $pseudo: false) {\n $direction: (\n up: 180deg,\n down: 0deg,\n right: -90deg,\n left: 90deg,\n );\n border-style: #{pfe-var(surface--border-style)};\n border-width: $width $height 0;\n border-color: transparent;\n border-top-color: $color;\n transform: rotate(map-get($direction, $type));\n @if $pseudo {\n display: inline-block;\n content: \"\";\n @content;\n }\n}\n\n@mixin pfe-arrow-color($color) {\n border-top-color: $color;\n}\n\n@mixin pfe-print-media {\n @media print {\n @content;\n }\n}\n\n@mixin pfe-print-background {\n -webkit-print-color-adjust: exact;\n color-adjust: exact;\n}\n\n@mixin pfe-no-print-background {\n @include pfe-print-media {\n background-color: white !important;\n background-image: none !important;\n box-shadow: none !important;\n }\n}\n\n@mixin pfe-pipe( $position: right, $padding: 0, $margin: 0, $color: $border-color) {\n border: #{pfe-var(surface--border-width)} #{pfe-var(surface--border-style)} transparent;\n border-#{$position}-color: $color;\n @if $position == right {\n padding-left: $padding;\n margin-right: $margin;\n }\n @else if $position == left {\n padding-right: $padding;\n margin-left: $margin;\n }\n}\n\n@mixin pfe-retina {\n @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {\n @content;\n }\n}\n\n@mixin pfe-icon($path, $display: flex, $size: 1em) {\n display: #{$display};\n @if $path {\n background: #{$path} no-repeat;\n background-size: contain;\n background-position: center;\n }\n width: #{$size};\n height: #{$size};\n @content;\n}\n"]} \ No newline at end of file diff --git a/elements/pfe-navigation/dist/pfe-navigation--lightdom.min.css b/elements/pfe-navigation/dist/pfe-navigation--lightdom.min.css new file mode 100644 index 0000000000..3fcfa3a8fc --- /dev/null +++ b/elements/pfe-navigation/dist/pfe-navigation--lightdom.min.css @@ -0,0 +1,2 @@ +pfe-navigation-item .pfe-link-list--group-item>a{color:#06c;color:var(--pfe-broadcasted--link,#06c);text-decoration:none;-webkit-text-decoration:var(--pfe-broadcasted--link-decoration,none);text-decoration:var(--pfe-broadcasted--link-decoration,none)}pfe-navigation-item .pfe-link-list--group-item>a:visited{color:#663399;color:var(--pfe-broadcasted--link--visited,#663399)}pfe-navigation-item .pfe-link-list--group-item>a:hover{color:#036;color:var(--pfe-broadcasted--link--hover,#036);text-decoration:underline;-webkit-text-decoration:var(--pfe-broadcasted--link-decoration--hover,underline);text-decoration:var(--pfe-broadcasted--link-decoration--hover,underline)}pfe-navigation-item .pfe-link-list--group-item>a:focus{outline-offset:1px;outline-style:dotted;outline-width:1px;outline-color:#036;outline-color:var(--pfe-broadcasted--link--focus,#036);color:#036;color:var(--pfe-broadcasted--link--focus,#036)}.pfe-l-grid{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.pfe-l-grid>*,.pfe-l-grid__item{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;margin:0 auto}@media screen and (min-width:576px){.pfe-l-grid.pfe-m-all-1-col>*{width:calc(8.33333% - 16px)}.pfe-l-grid.pfe-m-all-2-col>*{width:calc(16.66667% - 16px)}.pfe-l-grid.pfe-m-all-3-col>*{width:calc(25% - 16px)}.pfe-l-grid.pfe-m-all-4-col>*{width:calc(33.33333% - 16px)}.pfe-l-grid.pfe-m-all-5-col>*{width:calc(41.66667% - 16px)}.pfe-l-grid.pfe-m-all-6-col>*{width:calc(50% - 16px)}.pfe-l-grid.pfe-m-all-7-col>*{width:calc(58.33333% - 16px)}.pfe-l-grid.pfe-m-all-8-col>*{width:calc(66.66667% - 16px)}.pfe-l-grid.pfe-m-all-9-col>*{width:calc(75% - 16px)}.pfe-l-grid.pfe-m-all-10-col>*{width:calc(83.33333% - 16px)}.pfe-l-grid.pfe-m-all-11-col>*{width:calc(91.66667% - 16px)}.pfe-l-grid.pfe-m-all-12-col>*{width:calc(100% - 16px)}.pfe-l-grid>.pfe-m-1-col{width:calc(8.33333% - 16px)}.pfe-l-grid>.pfe-m-2-col{width:calc(16.66667% - 16px)}.pfe-l-grid>.pfe-m-3-col{width:calc(25% - 16px)}.pfe-l-grid>.pfe-m-4-col{width:calc(33.33333% - 16px)}.pfe-l-grid>.pfe-m-5-col{width:calc(41.66667% - 16px)}.pfe-l-grid>.pfe-m-6-col{width:calc(50% - 16px)}.pfe-l-grid>.pfe-m-7-col{width:calc(58.33333% - 16px)}.pfe-l-grid>.pfe-m-8-col{width:calc(66.66667% - 16px)}.pfe-l-grid>.pfe-m-9-col{width:calc(75% - 16px)}.pfe-l-grid>.pfe-m-10-col{width:calc(83.33333% - 16px)}.pfe-l-grid>.pfe-m-11-col{width:calc(91.66667% - 16px)}.pfe-l-grid>.pfe-m-12-col{width:calc(100% - 16px)}}@media screen and (max-width:0){.pfe-l-grid.pfe-m-all-1-col-on-xs>*{width:calc(8.33333% - 16px)}.pfe-l-grid.pfe-m-all-2-col-on-xs>*{width:calc(16.66667% - 16px)}.pfe-l-grid.pfe-m-all-3-col-on-xs>*{width:calc(25% - 16px)}.pfe-l-grid.pfe-m-all-4-col-on-xs>*{width:calc(33.33333% - 16px)}.pfe-l-grid.pfe-m-all-5-col-on-xs>*{width:calc(41.66667% - 16px)}.pfe-l-grid.pfe-m-all-6-col-on-xs>*{width:calc(50% - 16px)}.pfe-l-grid.pfe-m-all-7-col-on-xs>*{width:calc(58.33333% - 16px)}.pfe-l-grid.pfe-m-all-8-col-on-xs>*{width:calc(66.66667% - 16px)}.pfe-l-grid.pfe-m-all-9-col-on-xs>*{width:calc(75% - 16px)}.pfe-l-grid.pfe-m-all-10-col-on-xs>*{width:calc(83.33333% - 16px)}.pfe-l-grid.pfe-m-all-11-col-on-xs>*{width:calc(91.66667% - 16px)}.pfe-l-grid.pfe-m-all-12-col-on-xs>*{width:calc(100% - 16px)}.pfe-l-grid>.pfe-m-1-col-on-xs{width:calc(8.33333% - 16px)}.pfe-l-grid>.pfe-m-2-col-on-xs{width:calc(16.66667% - 16px)}.pfe-l-grid>.pfe-m-3-col-on-xs{width:calc(25% - 16px)}.pfe-l-grid>.pfe-m-4-col-on-xs{width:calc(33.33333% - 16px)}.pfe-l-grid>.pfe-m-5-col-on-xs{width:calc(41.66667% - 16px)}.pfe-l-grid>.pfe-m-6-col-on-xs{width:calc(50% - 16px)}.pfe-l-grid>.pfe-m-7-col-on-xs{width:calc(58.33333% - 16px)}.pfe-l-grid>.pfe-m-8-col-on-xs{width:calc(66.66667% - 16px)}.pfe-l-grid>.pfe-m-9-col-on-xs{width:calc(75% - 16px)}.pfe-l-grid>.pfe-m-10-col-on-xs{width:calc(83.33333% - 16px)}.pfe-l-grid>.pfe-m-11-col-on-xs{width:calc(91.66667% - 16px)}.pfe-l-grid>.pfe-m-12-col-on-xs{width:calc(100% - 16px)}}@media screen and (min-width:576px){.pfe-l-grid.pfe-m-all-1-col-on-sm>*{width:calc(8.33333% - 16px)}.pfe-l-grid.pfe-m-all-2-col-on-sm>*{width:calc(16.66667% - 16px)}.pfe-l-grid.pfe-m-all-3-col-on-sm>*{width:calc(25% - 16px)}.pfe-l-grid.pfe-m-all-4-col-on-sm>*{width:calc(33.33333% - 16px)}.pfe-l-grid.pfe-m-all-5-col-on-sm>*{width:calc(41.66667% - 16px)}.pfe-l-grid.pfe-m-all-6-col-on-sm>*{width:calc(50% - 16px)}.pfe-l-grid.pfe-m-all-7-col-on-sm>*{width:calc(58.33333% - 16px)}.pfe-l-grid.pfe-m-all-8-col-on-sm>*{width:calc(66.66667% - 16px)}.pfe-l-grid.pfe-m-all-9-col-on-sm>*{width:calc(75% - 16px)}.pfe-l-grid.pfe-m-all-10-col-on-sm>*{width:calc(83.33333% - 16px)}.pfe-l-grid.pfe-m-all-11-col-on-sm>*{width:calc(91.66667% - 16px)}.pfe-l-grid.pfe-m-all-12-col-on-sm>*{width:calc(100% - 16px)}.pfe-l-grid>.pfe-m-1-col-on-sm{width:calc(8.33333% - 16px)}.pfe-l-grid>.pfe-m-2-col-on-sm{width:calc(16.66667% - 16px)}.pfe-l-grid>.pfe-m-3-col-on-sm{width:calc(25% - 16px)}.pfe-l-grid>.pfe-m-4-col-on-sm{width:calc(33.33333% - 16px)}.pfe-l-grid>.pfe-m-5-col-on-sm{width:calc(41.66667% - 16px)}.pfe-l-grid>.pfe-m-6-col-on-sm{width:calc(50% - 16px)}.pfe-l-grid>.pfe-m-7-col-on-sm{width:calc(58.33333% - 16px)}.pfe-l-grid>.pfe-m-8-col-on-sm{width:calc(66.66667% - 16px)}.pfe-l-grid>.pfe-m-9-col-on-sm{width:calc(75% - 16px)}.pfe-l-grid>.pfe-m-10-col-on-sm{width:calc(83.33333% - 16px)}.pfe-l-grid>.pfe-m-11-col-on-sm{width:calc(91.66667% - 16px)}.pfe-l-grid>.pfe-m-12-col-on-sm{width:calc(100% - 16px)}}@media screen and (min-width:768px){.pfe-l-grid.pfe-m-all-1-col-on-md>*{width:calc(8.33333% - 16px)}.pfe-l-grid.pfe-m-all-2-col-on-md>*{width:calc(16.66667% - 16px)}.pfe-l-grid.pfe-m-all-3-col-on-md>*{width:calc(25% - 16px)}.pfe-l-grid.pfe-m-all-4-col-on-md>*{width:calc(33.33333% - 16px)}.pfe-l-grid.pfe-m-all-5-col-on-md>*{width:calc(41.66667% - 16px)}.pfe-l-grid.pfe-m-all-6-col-on-md>*{width:calc(50% - 16px)}.pfe-l-grid.pfe-m-all-7-col-on-md>*{width:calc(58.33333% - 16px)}.pfe-l-grid.pfe-m-all-8-col-on-md>*{width:calc(66.66667% - 16px)}.pfe-l-grid.pfe-m-all-9-col-on-md>*{width:calc(75% - 16px)}.pfe-l-grid.pfe-m-all-10-col-on-md>*{width:calc(83.33333% - 16px)}.pfe-l-grid.pfe-m-all-11-col-on-md>*{width:calc(91.66667% - 16px)}.pfe-l-grid.pfe-m-all-12-col-on-md>*{width:calc(100% - 16px)}.pfe-l-grid>.pfe-m-1-col-on-md{width:calc(8.33333% - 16px)}.pfe-l-grid>.pfe-m-2-col-on-md{width:calc(16.66667% - 16px)}.pfe-l-grid>.pfe-m-3-col-on-md{width:calc(25% - 16px)}.pfe-l-grid>.pfe-m-4-col-on-md{width:calc(33.33333% - 16px)}.pfe-l-grid>.pfe-m-5-col-on-md{width:calc(41.66667% - 16px)}.pfe-l-grid>.pfe-m-6-col-on-md{width:calc(50% - 16px)}.pfe-l-grid>.pfe-m-7-col-on-md{width:calc(58.33333% - 16px)}.pfe-l-grid>.pfe-m-8-col-on-md{width:calc(66.66667% - 16px)}.pfe-l-grid>.pfe-m-9-col-on-md{width:calc(75% - 16px)}.pfe-l-grid>.pfe-m-10-col-on-md{width:calc(83.33333% - 16px)}.pfe-l-grid>.pfe-m-11-col-on-md{width:calc(91.66667% - 16px)}.pfe-l-grid>.pfe-m-12-col-on-md{width:calc(100% - 16px)}}@media screen and (min-width:992px){.pfe-l-grid.pfe-m-all-1-col-on-lg>*{width:calc(8.33333% - 16px)}.pfe-l-grid.pfe-m-all-2-col-on-lg>*{width:calc(16.66667% - 16px)}.pfe-l-grid.pfe-m-all-3-col-on-lg>*{width:calc(25% - 16px)}.pfe-l-grid.pfe-m-all-4-col-on-lg>*{width:calc(33.33333% - 16px)}.pfe-l-grid.pfe-m-all-5-col-on-lg>*{width:calc(41.66667% - 16px)}.pfe-l-grid.pfe-m-all-6-col-on-lg>*{width:calc(50% - 16px)}.pfe-l-grid.pfe-m-all-7-col-on-lg>*{width:calc(58.33333% - 16px)}.pfe-l-grid.pfe-m-all-8-col-on-lg>*{width:calc(66.66667% - 16px)}.pfe-l-grid.pfe-m-all-9-col-on-lg>*{width:calc(75% - 16px)}.pfe-l-grid.pfe-m-all-10-col-on-lg>*{width:calc(83.33333% - 16px)}.pfe-l-grid.pfe-m-all-11-col-on-lg>*{width:calc(91.66667% - 16px)}.pfe-l-grid.pfe-m-all-12-col-on-lg>*{width:calc(100% - 16px)}.pfe-l-grid>.pfe-m-1-col-on-lg{width:calc(8.33333% - 16px)}.pfe-l-grid>.pfe-m-2-col-on-lg{width:calc(16.66667% - 16px)}.pfe-l-grid>.pfe-m-3-col-on-lg{width:calc(25% - 16px)}.pfe-l-grid>.pfe-m-4-col-on-lg{width:calc(33.33333% - 16px)}.pfe-l-grid>.pfe-m-5-col-on-lg{width:calc(41.66667% - 16px)}.pfe-l-grid>.pfe-m-6-col-on-lg{width:calc(50% - 16px)}.pfe-l-grid>.pfe-m-7-col-on-lg{width:calc(58.33333% - 16px)}.pfe-l-grid>.pfe-m-8-col-on-lg{width:calc(66.66667% - 16px)}.pfe-l-grid>.pfe-m-9-col-on-lg{width:calc(75% - 16px)}.pfe-l-grid>.pfe-m-10-col-on-lg{width:calc(83.33333% - 16px)}.pfe-l-grid>.pfe-m-11-col-on-lg{width:calc(91.66667% - 16px)}.pfe-l-grid>.pfe-m-12-col-on-lg{width:calc(100% - 16px)}}@media screen and (min-width:1200px){.pfe-l-grid.pfe-m-all-1-col-on-xl>*{width:calc(8.33333% - 16px)}.pfe-l-grid.pfe-m-all-2-col-on-xl>*{width:calc(16.66667% - 16px)}.pfe-l-grid.pfe-m-all-3-col-on-xl>*{width:calc(25% - 16px)}.pfe-l-grid.pfe-m-all-4-col-on-xl>*{width:calc(33.33333% - 16px)}.pfe-l-grid.pfe-m-all-5-col-on-xl>*{width:calc(41.66667% - 16px)}.pfe-l-grid.pfe-m-all-6-col-on-xl>*{width:calc(50% - 16px)}.pfe-l-grid.pfe-m-all-7-col-on-xl>*{width:calc(58.33333% - 16px)}.pfe-l-grid.pfe-m-all-8-col-on-xl>*{width:calc(66.66667% - 16px)}.pfe-l-grid.pfe-m-all-9-col-on-xl>*{width:calc(75% - 16px)}.pfe-l-grid.pfe-m-all-10-col-on-xl>*{width:calc(83.33333% - 16px)}.pfe-l-grid.pfe-m-all-11-col-on-xl>*{width:calc(91.66667% - 16px)}.pfe-l-grid.pfe-m-all-12-col-on-xl>*{width:calc(100% - 16px)}.pfe-l-grid>.pfe-m-1-col-on-xl{width:calc(8.33333% - 16px)}.pfe-l-grid>.pfe-m-2-col-on-xl{width:calc(16.66667% - 16px)}.pfe-l-grid>.pfe-m-3-col-on-xl{width:calc(25% - 16px)}.pfe-l-grid>.pfe-m-4-col-on-xl{width:calc(33.33333% - 16px)}.pfe-l-grid>.pfe-m-5-col-on-xl{width:calc(41.66667% - 16px)}.pfe-l-grid>.pfe-m-6-col-on-xl{width:calc(50% - 16px)}.pfe-l-grid>.pfe-m-7-col-on-xl{width:calc(58.33333% - 16px)}.pfe-l-grid>.pfe-m-8-col-on-xl{width:calc(66.66667% - 16px)}.pfe-l-grid>.pfe-m-9-col-on-xl{width:calc(75% - 16px)}.pfe-l-grid>.pfe-m-10-col-on-xl{width:calc(83.33333% - 16px)}.pfe-l-grid>.pfe-m-11-col-on-xl{width:calc(91.66667% - 16px)}.pfe-l-grid>.pfe-m-12-col-on-xl{width:calc(100% - 16px)}}.pfe-l-grid.pfe-m-gutters{margin:calc(8px * -1)}.pfe-l-grid.pfe-m-gutters>*{margin:8px}@supports (display:grid){.pfe-l-grid{display:-ms-grid;display:grid;-ms-grid-columns:([col-start] 1fr)[12];grid-template-columns:repeat(12,[col-start] 1fr)}.pfe-l-grid>*,.pfe-l-grid__item{width:auto;margin:0;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:12;grid-column-end:span 12}.pfe-l-grid.pfe-l-grid-fill-height{height:100%}@media screen and (min-width:576px){.pfe-l-grid.pfe-m-all-1-col>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:1;grid-column-end:span 1}.pfe-l-grid.pfe-m-all-2-col>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:2;grid-column-end:span 2}.pfe-l-grid.pfe-m-all-3-col>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:3;grid-column-end:span 3}.pfe-l-grid.pfe-m-all-4-col>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:4;grid-column-end:span 4}.pfe-l-grid.pfe-m-all-5-col>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:5;grid-column-end:span 5}.pfe-l-grid.pfe-m-all-6-col>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:6;grid-column-end:span 6}.pfe-l-grid.pfe-m-all-7-col>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:7;grid-column-end:span 7}.pfe-l-grid.pfe-m-all-8-col>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:8;grid-column-end:span 8}.pfe-l-grid.pfe-m-all-9-col>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:9;grid-column-end:span 9}.pfe-l-grid.pfe-m-all-10-col>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:10;grid-column-end:span 10}.pfe-l-grid.pfe-m-all-11-col>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:11;grid-column-end:span 11}.pfe-l-grid.pfe-m-all-12-col>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:12;grid-column-end:span 12}.pfe-l-grid>.pfe-m-1-col{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:1;grid-column-end:span 1}.pfe-l-grid>.pfe-m-2-col{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:2;grid-column-end:span 2}.pfe-l-grid>.pfe-m-3-col{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:3;grid-column-end:span 3}.pfe-l-grid>.pfe-m-4-col{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:4;grid-column-end:span 4}.pfe-l-grid>.pfe-m-5-col{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:5;grid-column-end:span 5}.pfe-l-grid>.pfe-m-6-col{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:6;grid-column-end:span 6}.pfe-l-grid>.pfe-m-7-col{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:7;grid-column-end:span 7}.pfe-l-grid>.pfe-m-8-col{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:8;grid-column-end:span 8}.pfe-l-grid>.pfe-m-9-col{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:9;grid-column-end:span 9}.pfe-l-grid>.pfe-m-10-col{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:10;grid-column-end:span 10}.pfe-l-grid>.pfe-m-11-col{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:11;grid-column-end:span 11}.pfe-l-grid>.pfe-m-12-col{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:12;grid-column-end:span 12}.pfe-l-grid>.pfe-m-startat-1-col{-ms-grid-column:col-start 1;grid-column-start:col-start 1}.pfe-l-grid>.pfe-m-startat-2-col{-ms-grid-column:col-start 2;grid-column-start:col-start 2}.pfe-l-grid>.pfe-m-startat-3-col{-ms-grid-column:col-start 3;grid-column-start:col-start 3}.pfe-l-grid>.pfe-m-startat-4-col{-ms-grid-column:col-start 4;grid-column-start:col-start 4}.pfe-l-grid>.pfe-m-startat-5-col{-ms-grid-column:col-start 5;grid-column-start:col-start 5}.pfe-l-grid>.pfe-m-startat-6-col{-ms-grid-column:col-start 6;grid-column-start:col-start 6}.pfe-l-grid>.pfe-m-startat-7-col{-ms-grid-column:col-start 7;grid-column-start:col-start 7}.pfe-l-grid>.pfe-m-startat-8-col{-ms-grid-column:col-start 8;grid-column-start:col-start 8}.pfe-l-grid>.pfe-m-startat-9-col{-ms-grid-column:col-start 9;grid-column-start:col-start 9}.pfe-l-grid>.pfe-m-startat-10-col{-ms-grid-column:col-start 10;grid-column-start:col-start 10}.pfe-l-grid>.pfe-m-startat-11-col{-ms-grid-column:col-start 11;grid-column-start:col-start 11}.pfe-l-grid>.pfe-m-startat-12-col{-ms-grid-column:col-start 12;grid-column-start:col-start 12}.pfe-l-grid>.pfe-m-1-row{-ms-grid-row-span:1;grid-row:span 1}.pfe-l-grid>.pfe-m-2-row{-ms-grid-row-span:2;grid-row:span 2}.pfe-l-grid>.pfe-m-3-row{-ms-grid-row-span:3;grid-row:span 3}.pfe-l-grid>.pfe-m-4-row{-ms-grid-row-span:4;grid-row:span 4}.pfe-l-grid>.pfe-m-5-row{-ms-grid-row-span:5;grid-row:span 5}.pfe-l-grid>.pfe-m-6-row{-ms-grid-row-span:6;grid-row:span 6}.pfe-l-grid>.pfe-m-7-row{-ms-grid-row-span:7;grid-row:span 7}.pfe-l-grid>.pfe-m-8-row{-ms-grid-row-span:8;grid-row:span 8}.pfe-l-grid>.pfe-m-9-row{-ms-grid-row-span:9;grid-row:span 9}.pfe-l-grid>.pfe-m-10-row{-ms-grid-row-span:10;grid-row:span 10}.pfe-l-grid>.pfe-m-11-row{-ms-grid-row-span:11;grid-row:span 11}.pfe-l-grid>.pfe-m-12-row{-ms-grid-row-span:12;grid-row:span 12}}@media screen and (max-width:0){.pfe-l-grid.pfe-m-all-1-col-on-xs>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:1;grid-column-end:span 1}.pfe-l-grid.pfe-m-all-2-col-on-xs>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:2;grid-column-end:span 2}.pfe-l-grid.pfe-m-all-3-col-on-xs>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:3;grid-column-end:span 3}.pfe-l-grid.pfe-m-all-4-col-on-xs>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:4;grid-column-end:span 4}.pfe-l-grid.pfe-m-all-5-col-on-xs>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:5;grid-column-end:span 5}.pfe-l-grid.pfe-m-all-6-col-on-xs>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:6;grid-column-end:span 6}.pfe-l-grid.pfe-m-all-7-col-on-xs>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:7;grid-column-end:span 7}.pfe-l-grid.pfe-m-all-8-col-on-xs>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:8;grid-column-end:span 8}.pfe-l-grid.pfe-m-all-9-col-on-xs>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:9;grid-column-end:span 9}.pfe-l-grid.pfe-m-all-10-col-on-xs>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:10;grid-column-end:span 10}.pfe-l-grid.pfe-m-all-11-col-on-xs>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:11;grid-column-end:span 11}.pfe-l-grid.pfe-m-all-12-col-on-xs>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:12;grid-column-end:span 12}.pfe-l-grid>.pfe-m-1-col-on-xs{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:1;grid-column-end:span 1}.pfe-l-grid>.pfe-m-2-col-on-xs{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:2;grid-column-end:span 2}.pfe-l-grid>.pfe-m-3-col-on-xs{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:3;grid-column-end:span 3}.pfe-l-grid>.pfe-m-4-col-on-xs{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:4;grid-column-end:span 4}.pfe-l-grid>.pfe-m-5-col-on-xs{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:5;grid-column-end:span 5}.pfe-l-grid>.pfe-m-6-col-on-xs{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:6;grid-column-end:span 6}.pfe-l-grid>.pfe-m-7-col-on-xs{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:7;grid-column-end:span 7}.pfe-l-grid>.pfe-m-8-col-on-xs{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:8;grid-column-end:span 8}.pfe-l-grid>.pfe-m-9-col-on-xs{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:9;grid-column-end:span 9}.pfe-l-grid>.pfe-m-10-col-on-xs{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:10;grid-column-end:span 10}.pfe-l-grid>.pfe-m-11-col-on-xs{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:11;grid-column-end:span 11}.pfe-l-grid>.pfe-m-12-col-on-xs{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:12;grid-column-end:span 12}.pfe-l-grid>.pfe-m-startat-1-col-on-xs{-ms-grid-column:col-start 1;grid-column-start:col-start 1}.pfe-l-grid>.pfe-m-startat-2-col-on-xs{-ms-grid-column:col-start 2;grid-column-start:col-start 2}.pfe-l-grid>.pfe-m-startat-3-col-on-xs{-ms-grid-column:col-start 3;grid-column-start:col-start 3}.pfe-l-grid>.pfe-m-startat-4-col-on-xs{-ms-grid-column:col-start 4;grid-column-start:col-start 4}.pfe-l-grid>.pfe-m-startat-5-col-on-xs{-ms-grid-column:col-start 5;grid-column-start:col-start 5}.pfe-l-grid>.pfe-m-startat-6-col-on-xs{-ms-grid-column:col-start 6;grid-column-start:col-start 6}.pfe-l-grid>.pfe-m-startat-7-col-on-xs{-ms-grid-column:col-start 7;grid-column-start:col-start 7}.pfe-l-grid>.pfe-m-startat-8-col-on-xs{-ms-grid-column:col-start 8;grid-column-start:col-start 8}.pfe-l-grid>.pfe-m-startat-9-col-on-xs{-ms-grid-column:col-start 9;grid-column-start:col-start 9}.pfe-l-grid>.pfe-m-startat-10-col-on-xs{-ms-grid-column:col-start 10;grid-column-start:col-start 10}.pfe-l-grid>.pfe-m-startat-11-col-on-xs{-ms-grid-column:col-start 11;grid-column-start:col-start 11}.pfe-l-grid>.pfe-m-startat-12-col-on-xs{-ms-grid-column:col-start 12;grid-column-start:col-start 12}.pfe-l-grid>.pfe-m-1-row-on-xs{-ms-grid-row-span:1;grid-row:span 1}.pfe-l-grid>.pfe-m-2-row-on-xs{-ms-grid-row-span:2;grid-row:span 2}.pfe-l-grid>.pfe-m-3-row-on-xs{-ms-grid-row-span:3;grid-row:span 3}.pfe-l-grid>.pfe-m-4-row-on-xs{-ms-grid-row-span:4;grid-row:span 4}.pfe-l-grid>.pfe-m-5-row-on-xs{-ms-grid-row-span:5;grid-row:span 5}.pfe-l-grid>.pfe-m-6-row-on-xs{-ms-grid-row-span:6;grid-row:span 6}.pfe-l-grid>.pfe-m-7-row-on-xs{-ms-grid-row-span:7;grid-row:span 7}.pfe-l-grid>.pfe-m-8-row-on-xs{-ms-grid-row-span:8;grid-row:span 8}.pfe-l-grid>.pfe-m-9-row-on-xs{-ms-grid-row-span:9;grid-row:span 9}.pfe-l-grid>.pfe-m-10-row-on-xs{-ms-grid-row-span:10;grid-row:span 10}.pfe-l-grid>.pfe-m-11-row-on-xs{-ms-grid-row-span:11;grid-row:span 11}.pfe-l-grid>.pfe-m-12-row-on-xs{-ms-grid-row-span:12;grid-row:span 12}}@media screen and (min-width:576px){.pfe-l-grid.pfe-m-all-1-col-on-sm>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:1;grid-column-end:span 1}.pfe-l-grid.pfe-m-all-2-col-on-sm>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:2;grid-column-end:span 2}.pfe-l-grid.pfe-m-all-3-col-on-sm>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:3;grid-column-end:span 3}.pfe-l-grid.pfe-m-all-4-col-on-sm>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:4;grid-column-end:span 4}.pfe-l-grid.pfe-m-all-5-col-on-sm>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:5;grid-column-end:span 5}.pfe-l-grid.pfe-m-all-6-col-on-sm>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:6;grid-column-end:span 6}.pfe-l-grid.pfe-m-all-7-col-on-sm>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:7;grid-column-end:span 7}.pfe-l-grid.pfe-m-all-8-col-on-sm>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:8;grid-column-end:span 8}.pfe-l-grid.pfe-m-all-9-col-on-sm>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:9;grid-column-end:span 9}.pfe-l-grid.pfe-m-all-10-col-on-sm>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:10;grid-column-end:span 10}.pfe-l-grid.pfe-m-all-11-col-on-sm>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:11;grid-column-end:span 11}.pfe-l-grid.pfe-m-all-12-col-on-sm>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:12;grid-column-end:span 12}.pfe-l-grid>.pfe-m-1-col-on-sm{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:1;grid-column-end:span 1}.pfe-l-grid>.pfe-m-2-col-on-sm{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:2;grid-column-end:span 2}.pfe-l-grid>.pfe-m-3-col-on-sm{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:3;grid-column-end:span 3}.pfe-l-grid>.pfe-m-4-col-on-sm{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:4;grid-column-end:span 4}.pfe-l-grid>.pfe-m-5-col-on-sm{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:5;grid-column-end:span 5}.pfe-l-grid>.pfe-m-6-col-on-sm{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:6;grid-column-end:span 6}.pfe-l-grid>.pfe-m-7-col-on-sm{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:7;grid-column-end:span 7}.pfe-l-grid>.pfe-m-8-col-on-sm{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:8;grid-column-end:span 8}.pfe-l-grid>.pfe-m-9-col-on-sm{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:9;grid-column-end:span 9}.pfe-l-grid>.pfe-m-10-col-on-sm{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:10;grid-column-end:span 10}.pfe-l-grid>.pfe-m-11-col-on-sm{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:11;grid-column-end:span 11}.pfe-l-grid>.pfe-m-12-col-on-sm{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:12;grid-column-end:span 12}.pfe-l-grid>.pfe-m-startat-1-col-on-sm{-ms-grid-column:col-start 1;grid-column-start:col-start 1}.pfe-l-grid>.pfe-m-startat-2-col-on-sm{-ms-grid-column:col-start 2;grid-column-start:col-start 2}.pfe-l-grid>.pfe-m-startat-3-col-on-sm{-ms-grid-column:col-start 3;grid-column-start:col-start 3}.pfe-l-grid>.pfe-m-startat-4-col-on-sm{-ms-grid-column:col-start 4;grid-column-start:col-start 4}.pfe-l-grid>.pfe-m-startat-5-col-on-sm{-ms-grid-column:col-start 5;grid-column-start:col-start 5}.pfe-l-grid>.pfe-m-startat-6-col-on-sm{-ms-grid-column:col-start 6;grid-column-start:col-start 6}.pfe-l-grid>.pfe-m-startat-7-col-on-sm{-ms-grid-column:col-start 7;grid-column-start:col-start 7}.pfe-l-grid>.pfe-m-startat-8-col-on-sm{-ms-grid-column:col-start 8;grid-column-start:col-start 8}.pfe-l-grid>.pfe-m-startat-9-col-on-sm{-ms-grid-column:col-start 9;grid-column-start:col-start 9}.pfe-l-grid>.pfe-m-startat-10-col-on-sm{-ms-grid-column:col-start 10;grid-column-start:col-start 10}.pfe-l-grid>.pfe-m-startat-11-col-on-sm{-ms-grid-column:col-start 11;grid-column-start:col-start 11}.pfe-l-grid>.pfe-m-startat-12-col-on-sm{-ms-grid-column:col-start 12;grid-column-start:col-start 12}.pfe-l-grid>.pfe-m-1-row-on-sm{-ms-grid-row-span:1;grid-row:span 1}.pfe-l-grid>.pfe-m-2-row-on-sm{-ms-grid-row-span:2;grid-row:span 2}.pfe-l-grid>.pfe-m-3-row-on-sm{-ms-grid-row-span:3;grid-row:span 3}.pfe-l-grid>.pfe-m-4-row-on-sm{-ms-grid-row-span:4;grid-row:span 4}.pfe-l-grid>.pfe-m-5-row-on-sm{-ms-grid-row-span:5;grid-row:span 5}.pfe-l-grid>.pfe-m-6-row-on-sm{-ms-grid-row-span:6;grid-row:span 6}.pfe-l-grid>.pfe-m-7-row-on-sm{-ms-grid-row-span:7;grid-row:span 7}.pfe-l-grid>.pfe-m-8-row-on-sm{-ms-grid-row-span:8;grid-row:span 8}.pfe-l-grid>.pfe-m-9-row-on-sm{-ms-grid-row-span:9;grid-row:span 9}.pfe-l-grid>.pfe-m-10-row-on-sm{-ms-grid-row-span:10;grid-row:span 10}.pfe-l-grid>.pfe-m-11-row-on-sm{-ms-grid-row-span:11;grid-row:span 11}.pfe-l-grid>.pfe-m-12-row-on-sm{-ms-grid-row-span:12;grid-row:span 12}}@media screen and (min-width:768px){.pfe-l-grid.pfe-m-all-1-col-on-md>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:1;grid-column-end:span 1}.pfe-l-grid.pfe-m-all-2-col-on-md>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:2;grid-column-end:span 2}.pfe-l-grid.pfe-m-all-3-col-on-md>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:3;grid-column-end:span 3}.pfe-l-grid.pfe-m-all-4-col-on-md>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:4;grid-column-end:span 4}.pfe-l-grid.pfe-m-all-5-col-on-md>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:5;grid-column-end:span 5}.pfe-l-grid.pfe-m-all-6-col-on-md>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:6;grid-column-end:span 6}.pfe-l-grid.pfe-m-all-7-col-on-md>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:7;grid-column-end:span 7}.pfe-l-grid.pfe-m-all-8-col-on-md>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:8;grid-column-end:span 8}.pfe-l-grid.pfe-m-all-9-col-on-md>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:9;grid-column-end:span 9}.pfe-l-grid.pfe-m-all-10-col-on-md>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:10;grid-column-end:span 10}.pfe-l-grid.pfe-m-all-11-col-on-md>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:11;grid-column-end:span 11}.pfe-l-grid.pfe-m-all-12-col-on-md>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:12;grid-column-end:span 12}.pfe-l-grid>.pfe-m-1-col-on-md{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:1;grid-column-end:span 1}.pfe-l-grid>.pfe-m-2-col-on-md{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:2;grid-column-end:span 2}.pfe-l-grid>.pfe-m-3-col-on-md{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:3;grid-column-end:span 3}.pfe-l-grid>.pfe-m-4-col-on-md{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:4;grid-column-end:span 4}.pfe-l-grid>.pfe-m-5-col-on-md{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:5;grid-column-end:span 5}.pfe-l-grid>.pfe-m-6-col-on-md{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:6;grid-column-end:span 6}.pfe-l-grid>.pfe-m-7-col-on-md{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:7;grid-column-end:span 7}.pfe-l-grid>.pfe-m-8-col-on-md{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:8;grid-column-end:span 8}.pfe-l-grid>.pfe-m-9-col-on-md{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:9;grid-column-end:span 9}.pfe-l-grid>.pfe-m-10-col-on-md{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:10;grid-column-end:span 10}.pfe-l-grid>.pfe-m-11-col-on-md{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:11;grid-column-end:span 11}.pfe-l-grid>.pfe-m-12-col-on-md{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:12;grid-column-end:span 12}.pfe-l-grid>.pfe-m-startat-1-col-on-md{-ms-grid-column:col-start 1;grid-column-start:col-start 1}.pfe-l-grid>.pfe-m-startat-2-col-on-md{-ms-grid-column:col-start 2;grid-column-start:col-start 2}.pfe-l-grid>.pfe-m-startat-3-col-on-md{-ms-grid-column:col-start 3;grid-column-start:col-start 3}.pfe-l-grid>.pfe-m-startat-4-col-on-md{-ms-grid-column:col-start 4;grid-column-start:col-start 4}.pfe-l-grid>.pfe-m-startat-5-col-on-md{-ms-grid-column:col-start 5;grid-column-start:col-start 5}.pfe-l-grid>.pfe-m-startat-6-col-on-md{-ms-grid-column:col-start 6;grid-column-start:col-start 6}.pfe-l-grid>.pfe-m-startat-7-col-on-md{-ms-grid-column:col-start 7;grid-column-start:col-start 7}.pfe-l-grid>.pfe-m-startat-8-col-on-md{-ms-grid-column:col-start 8;grid-column-start:col-start 8}.pfe-l-grid>.pfe-m-startat-9-col-on-md{-ms-grid-column:col-start 9;grid-column-start:col-start 9}.pfe-l-grid>.pfe-m-startat-10-col-on-md{-ms-grid-column:col-start 10;grid-column-start:col-start 10}.pfe-l-grid>.pfe-m-startat-11-col-on-md{-ms-grid-column:col-start 11;grid-column-start:col-start 11}.pfe-l-grid>.pfe-m-startat-12-col-on-md{-ms-grid-column:col-start 12;grid-column-start:col-start 12}.pfe-l-grid>.pfe-m-1-row-on-md{-ms-grid-row-span:1;grid-row:span 1}.pfe-l-grid>.pfe-m-2-row-on-md{-ms-grid-row-span:2;grid-row:span 2}.pfe-l-grid>.pfe-m-3-row-on-md{-ms-grid-row-span:3;grid-row:span 3}.pfe-l-grid>.pfe-m-4-row-on-md{-ms-grid-row-span:4;grid-row:span 4}.pfe-l-grid>.pfe-m-5-row-on-md{-ms-grid-row-span:5;grid-row:span 5}.pfe-l-grid>.pfe-m-6-row-on-md{-ms-grid-row-span:6;grid-row:span 6}.pfe-l-grid>.pfe-m-7-row-on-md{-ms-grid-row-span:7;grid-row:span 7}.pfe-l-grid>.pfe-m-8-row-on-md{-ms-grid-row-span:8;grid-row:span 8}.pfe-l-grid>.pfe-m-9-row-on-md{-ms-grid-row-span:9;grid-row:span 9}.pfe-l-grid>.pfe-m-10-row-on-md{-ms-grid-row-span:10;grid-row:span 10}.pfe-l-grid>.pfe-m-11-row-on-md{-ms-grid-row-span:11;grid-row:span 11}.pfe-l-grid>.pfe-m-12-row-on-md{-ms-grid-row-span:12;grid-row:span 12}}@media screen and (min-width:992px){.pfe-l-grid.pfe-m-all-1-col-on-lg>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:1;grid-column-end:span 1}.pfe-l-grid.pfe-m-all-2-col-on-lg>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:2;grid-column-end:span 2}.pfe-l-grid.pfe-m-all-3-col-on-lg>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:3;grid-column-end:span 3}.pfe-l-grid.pfe-m-all-4-col-on-lg>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:4;grid-column-end:span 4}.pfe-l-grid.pfe-m-all-5-col-on-lg>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:5;grid-column-end:span 5}.pfe-l-grid.pfe-m-all-6-col-on-lg>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:6;grid-column-end:span 6}.pfe-l-grid.pfe-m-all-7-col-on-lg>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:7;grid-column-end:span 7}.pfe-l-grid.pfe-m-all-8-col-on-lg>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:8;grid-column-end:span 8}.pfe-l-grid.pfe-m-all-9-col-on-lg>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:9;grid-column-end:span 9}.pfe-l-grid.pfe-m-all-10-col-on-lg>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:10;grid-column-end:span 10}.pfe-l-grid.pfe-m-all-11-col-on-lg>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:11;grid-column-end:span 11}.pfe-l-grid.pfe-m-all-12-col-on-lg>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:12;grid-column-end:span 12}.pfe-l-grid>.pfe-m-1-col-on-lg{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:1;grid-column-end:span 1}.pfe-l-grid>.pfe-m-2-col-on-lg{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:2;grid-column-end:span 2}.pfe-l-grid>.pfe-m-3-col-on-lg{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:3;grid-column-end:span 3}.pfe-l-grid>.pfe-m-4-col-on-lg{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:4;grid-column-end:span 4}.pfe-l-grid>.pfe-m-5-col-on-lg{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:5;grid-column-end:span 5}.pfe-l-grid>.pfe-m-6-col-on-lg{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:6;grid-column-end:span 6}.pfe-l-grid>.pfe-m-7-col-on-lg{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:7;grid-column-end:span 7}.pfe-l-grid>.pfe-m-8-col-on-lg{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:8;grid-column-end:span 8}.pfe-l-grid>.pfe-m-9-col-on-lg{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:9;grid-column-end:span 9}.pfe-l-grid>.pfe-m-10-col-on-lg{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:10;grid-column-end:span 10}.pfe-l-grid>.pfe-m-11-col-on-lg{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:11;grid-column-end:span 11}.pfe-l-grid>.pfe-m-12-col-on-lg{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:12;grid-column-end:span 12}.pfe-l-grid>.pfe-m-startat-1-col-on-lg{-ms-grid-column:col-start 1;grid-column-start:col-start 1}.pfe-l-grid>.pfe-m-startat-2-col-on-lg{-ms-grid-column:col-start 2;grid-column-start:col-start 2}.pfe-l-grid>.pfe-m-startat-3-col-on-lg{-ms-grid-column:col-start 3;grid-column-start:col-start 3}.pfe-l-grid>.pfe-m-startat-4-col-on-lg{-ms-grid-column:col-start 4;grid-column-start:col-start 4}.pfe-l-grid>.pfe-m-startat-5-col-on-lg{-ms-grid-column:col-start 5;grid-column-start:col-start 5}.pfe-l-grid>.pfe-m-startat-6-col-on-lg{-ms-grid-column:col-start 6;grid-column-start:col-start 6}.pfe-l-grid>.pfe-m-startat-7-col-on-lg{-ms-grid-column:col-start 7;grid-column-start:col-start 7}.pfe-l-grid>.pfe-m-startat-8-col-on-lg{-ms-grid-column:col-start 8;grid-column-start:col-start 8}.pfe-l-grid>.pfe-m-startat-9-col-on-lg{-ms-grid-column:col-start 9;grid-column-start:col-start 9}.pfe-l-grid>.pfe-m-startat-10-col-on-lg{-ms-grid-column:col-start 10;grid-column-start:col-start 10}.pfe-l-grid>.pfe-m-startat-11-col-on-lg{-ms-grid-column:col-start 11;grid-column-start:col-start 11}.pfe-l-grid>.pfe-m-startat-12-col-on-lg{-ms-grid-column:col-start 12;grid-column-start:col-start 12}.pfe-l-grid>.pfe-m-1-row-on-lg{-ms-grid-row-span:1;grid-row:span 1}.pfe-l-grid>.pfe-m-2-row-on-lg{-ms-grid-row-span:2;grid-row:span 2}.pfe-l-grid>.pfe-m-3-row-on-lg{-ms-grid-row-span:3;grid-row:span 3}.pfe-l-grid>.pfe-m-4-row-on-lg{-ms-grid-row-span:4;grid-row:span 4}.pfe-l-grid>.pfe-m-5-row-on-lg{-ms-grid-row-span:5;grid-row:span 5}.pfe-l-grid>.pfe-m-6-row-on-lg{-ms-grid-row-span:6;grid-row:span 6}.pfe-l-grid>.pfe-m-7-row-on-lg{-ms-grid-row-span:7;grid-row:span 7}.pfe-l-grid>.pfe-m-8-row-on-lg{-ms-grid-row-span:8;grid-row:span 8}.pfe-l-grid>.pfe-m-9-row-on-lg{-ms-grid-row-span:9;grid-row:span 9}.pfe-l-grid>.pfe-m-10-row-on-lg{-ms-grid-row-span:10;grid-row:span 10}.pfe-l-grid>.pfe-m-11-row-on-lg{-ms-grid-row-span:11;grid-row:span 11}.pfe-l-grid>.pfe-m-12-row-on-lg{-ms-grid-row-span:12;grid-row:span 12}}@media screen and (min-width:1200px){.pfe-l-grid.pfe-m-all-1-col-on-xl>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:1;grid-column-end:span 1}.pfe-l-grid.pfe-m-all-2-col-on-xl>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:2;grid-column-end:span 2}.pfe-l-grid.pfe-m-all-3-col-on-xl>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:3;grid-column-end:span 3}.pfe-l-grid.pfe-m-all-4-col-on-xl>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:4;grid-column-end:span 4}.pfe-l-grid.pfe-m-all-5-col-on-xl>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:5;grid-column-end:span 5}.pfe-l-grid.pfe-m-all-6-col-on-xl>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:6;grid-column-end:span 6}.pfe-l-grid.pfe-m-all-7-col-on-xl>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:7;grid-column-end:span 7}.pfe-l-grid.pfe-m-all-8-col-on-xl>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:8;grid-column-end:span 8}.pfe-l-grid.pfe-m-all-9-col-on-xl>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:9;grid-column-end:span 9}.pfe-l-grid.pfe-m-all-10-col-on-xl>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:10;grid-column-end:span 10}.pfe-l-grid.pfe-m-all-11-col-on-xl>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:11;grid-column-end:span 11}.pfe-l-grid.pfe-m-all-12-col-on-xl>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:12;grid-column-end:span 12}.pfe-l-grid>.pfe-m-1-col-on-xl{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:1;grid-column-end:span 1}.pfe-l-grid>.pfe-m-2-col-on-xl{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:2;grid-column-end:span 2}.pfe-l-grid>.pfe-m-3-col-on-xl{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:3;grid-column-end:span 3}.pfe-l-grid>.pfe-m-4-col-on-xl{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:4;grid-column-end:span 4}.pfe-l-grid>.pfe-m-5-col-on-xl{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:5;grid-column-end:span 5}.pfe-l-grid>.pfe-m-6-col-on-xl{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:6;grid-column-end:span 6}.pfe-l-grid>.pfe-m-7-col-on-xl{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:7;grid-column-end:span 7}.pfe-l-grid>.pfe-m-8-col-on-xl{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:8;grid-column-end:span 8}.pfe-l-grid>.pfe-m-9-col-on-xl{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:9;grid-column-end:span 9}.pfe-l-grid>.pfe-m-10-col-on-xl{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:10;grid-column-end:span 10}.pfe-l-grid>.pfe-m-11-col-on-xl{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:11;grid-column-end:span 11}.pfe-l-grid>.pfe-m-12-col-on-xl{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:12;grid-column-end:span 12}.pfe-l-grid>.pfe-m-startat-1-col-on-xl{-ms-grid-column:col-start 1;grid-column-start:col-start 1}.pfe-l-grid>.pfe-m-startat-2-col-on-xl{-ms-grid-column:col-start 2;grid-column-start:col-start 2}.pfe-l-grid>.pfe-m-startat-3-col-on-xl{-ms-grid-column:col-start 3;grid-column-start:col-start 3}.pfe-l-grid>.pfe-m-startat-4-col-on-xl{-ms-grid-column:col-start 4;grid-column-start:col-start 4}.pfe-l-grid>.pfe-m-startat-5-col-on-xl{-ms-grid-column:col-start 5;grid-column-start:col-start 5}.pfe-l-grid>.pfe-m-startat-6-col-on-xl{-ms-grid-column:col-start 6;grid-column-start:col-start 6}.pfe-l-grid>.pfe-m-startat-7-col-on-xl{-ms-grid-column:col-start 7;grid-column-start:col-start 7}.pfe-l-grid>.pfe-m-startat-8-col-on-xl{-ms-grid-column:col-start 8;grid-column-start:col-start 8}.pfe-l-grid>.pfe-m-startat-9-col-on-xl{-ms-grid-column:col-start 9;grid-column-start:col-start 9}.pfe-l-grid>.pfe-m-startat-10-col-on-xl{-ms-grid-column:col-start 10;grid-column-start:col-start 10}.pfe-l-grid>.pfe-m-startat-11-col-on-xl{-ms-grid-column:col-start 11;grid-column-start:col-start 11}.pfe-l-grid>.pfe-m-startat-12-col-on-xl{-ms-grid-column:col-start 12;grid-column-start:col-start 12}.pfe-l-grid>.pfe-m-1-row-on-xl{-ms-grid-row-span:1;grid-row:span 1}.pfe-l-grid>.pfe-m-2-row-on-xl{-ms-grid-row-span:2;grid-row:span 2}.pfe-l-grid>.pfe-m-3-row-on-xl{-ms-grid-row-span:3;grid-row:span 3}.pfe-l-grid>.pfe-m-4-row-on-xl{-ms-grid-row-span:4;grid-row:span 4}.pfe-l-grid>.pfe-m-5-row-on-xl{-ms-grid-row-span:5;grid-row:span 5}.pfe-l-grid>.pfe-m-6-row-on-xl{-ms-grid-row-span:6;grid-row:span 6}.pfe-l-grid>.pfe-m-7-row-on-xl{-ms-grid-row-span:7;grid-row:span 7}.pfe-l-grid>.pfe-m-8-row-on-xl{-ms-grid-row-span:8;grid-row:span 8}.pfe-l-grid>.pfe-m-9-row-on-xl{-ms-grid-row-span:9;grid-row:span 9}.pfe-l-grid>.pfe-m-10-row-on-xl{-ms-grid-row-span:10;grid-row:span 10}.pfe-l-grid>.pfe-m-11-row-on-xl{-ms-grid-row-span:11;grid-row:span 11}.pfe-l-grid>.pfe-m-12-row-on-xl{-ms-grid-row-span:12;grid-row:span 12}}.pfe-l-grid.pfe-m-gutters{grid-gap:16px;margin:0}.pfe-l-grid.pfe-m-gutters>*{margin:0}}#main-menu{background:0 0!important}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){pfe-navigation-item [slot=trigger]{width:100%;max-width:130px;font-size:12px;margin:0}pfe-navigation-item [slot=trigger] a{color:#fff;color:var(--pfe-theme--color--text--on-dark,#fff)}}@media screen and (-ms-high-contrast:active) and (min-width:992px),screen and (-ms-high-contrast:none) and (min-width:992px){pfe-navigation-item.expanded{background-color:#fff;background-color:var(--pfe-theme--color--surface--lightest,#fff);border-top-color:#e00;border-top-color:var(--pfe-theme--color--surface--accent,#e00)}}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){pfe-navigation-item.expanded [slot=trigger] a{color:#333;color:var(--pfe-theme--color--text,#333)}}@media screen and (-ms-high-contrast:active) and (min-width:768px),screen and (-ms-high-contrast:none) and (min-width:768px){.pfe-navigation__container{max-width:768px}}@media screen and (-ms-high-contrast:active) and (min-width:992px),screen and (-ms-high-contrast:none) and (min-width:992px){.pfe-navigation__container{max-width:992px}}@media screen and (-ms-high-contrast:active) and (min-width:1200px),screen and (-ms-high-contrast:none) and (min-width:1200px){.pfe-navigation__container{max-width:1140px}}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){.pfe-navigation-item__tray--container{padding:1em 0}[slot=tray]{width:100%;min-height:60px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}}@media screen and (-ms-high-contrast:active) and (min-width:992px),screen and (-ms-high-contrast:none) and (min-width:992px){.pfe-navigation-item__tray--container{margin:0 auto}}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){[is_nested][parent_hidden] .pfe-navigation-item__tray{max-height:none;overflow:visible}}@media screen and (-ms-high-contrast:active) and (max-width:1023px),screen and (-ms-high-contrast:none) and (max-width:1023px){.pfe-navigation__main{display:block!important}.pfe-navigation-item__tray{max-height:none!important}.pfe-navigation-item-2 .pfe-navigation-item__trigger.pfe-navigation-item[aria-expanded=true]{border-left:4px solid #06c;border-right:1px solid #d2d2d2}[class*=pfe-navigation-item-] .pfe-navigation-item__trigger.pfe-navigation-item[aria-expanded=true]{background-color:#fff;border-top:3px solid #e00}[pfe-icon=web-mobile-menu]:not([show_links]){border-bottom:none}[pfe-icon=web-mobile-menu]:not([show_links]) .pfe-navigation-item__tray.pfe-navigation-item .pfe-navigation-item__tray.pfe-navigation-item{max-height:500px!important;overflow-y:scroll}[pfe-icon=web-mobile-menu]:not([show_links]) .pfe-navigation-item__tray.pfe-navigation-item .pfe-navigation-item__trigger.pfe-navigation-item:not([aria-expanded=true]){border-bottom:1px solid #d2d2d2;border-bottom:1px solid var(--pfe-theme--color--surface--border,#d2d2d2)}[pfe-icon=web-globe],[pfe-icon=web-user]{padding-left:0!important}[pfe-icon=web-globe] .pfe-navigation-item__trigger a,[pfe-icon=web-user] .pfe-navigation-item__trigger a{font-size:12px}[pfe-icon=web-globe] .pfe-navigation-item__trigger.pfe-navigation-item,[pfe-icon=web-user] .pfe-navigation-item__trigger.pfe-navigation-item{border-bottom:none!important}}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){.pfe-navigation-1 .pfe-navigation__wrapper.pfe-navigation{min-height:0}.pfe-navigation-item__trigger.pfe-navigation-item:hover{cursor:pointer;border-top:4px solid #e00;border-top:var(--pfe-theme--surface--border-width--heavy,4px) solid var(--pfe-theme--color--surface--accent,#e00)}.pfe-navigation-item__trigger .pfe-navigation__utility--mobile>:not(:last-child){margin-bottom:16px;margin-bottom:var(--pfe-theme--container-spacer,16px)}.pfe-navigation-item__trigger .pfe-navigation-item__tray--container{padding-top:16px;padding-top:var(--pfe-theme--container-spacer,16px)}.pfe-navigation-item__trigger>.pfe-navigation-item__trigger--icon:first-child{display:none}.pfe-navigation-item__trigger>:not(.pfe-navigation-item__trigger--icon){color:#fff;color:var(--pfe-navigation--Color,#fff)}.expanded .pfe-navigation-item__trigger>:not(.pfe-navigation-item__trigger--icon){color:#333;color:var(--pfe-theme--color--text,#333)}.pfe-navigation-item__trigger>:not(.pfe-navigation-item__trigger--icon) a,.pfe-navigation-item__trigger>:not(.pfe-navigation-item__trigger--icon) a:hover,.pfe-navigation-item__trigger>:not(.pfe-navigation-item__trigger--icon) a:visited{color:inherit}.pfe-navigation-item__trigger pfe-icon{display:none}.pfe-navigation--column-span-2{-ms-grid-column-span:1!important}:not([pfe-icon=web-mobile-menu]):not([is_nested]).pfe-navigation-item-1 .pfe-navigation-item__tray.pfe-navigation-item{color:#464646!important;color:var(--pfe-theme--color--ui-complement,#464646)!important}[pfe-icon=web-mobile-menu]:not([show_links]).pfe-navigation-item-3 .pfe-navigation__main .pfe-navigation-item__tray.pfe-navigation-item{top:0!important}pfe-navigation [slot=logo]{max-width:100%}}@media screen and (-ms-high-contrast:active) and (min-width:768px),screen and (-ms-high-contrast:none) and (min-width:768px){.pfe-navigation--footer .pfe-navigation--column{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}}@supports (-ms-ime-align:auto){pfe-navigation-item[pfe-icon]>.pfe-navigation-item__trigger>[slot=trigger]{font-size:12px;text-align:center}pfe-navigation-item [slot=tray]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}pfe-navigation-item [slot=trigger]{font-size:16px;margin:0}pfe-navigation-item .pfe-navigation-item__trigger[aria-expanded=true]::after{display:block!important}pfe-navigation-item.expanded .pfe-navigation-item__trigger pfe-icon:not(.load-failed) svg.pfe-icon filter.pfe-icon feFlood.pfe-icon{flood-color:#464646!important;flood-color:var(--pfe-theme--color--ui-complement,#464646)!important}pfe-navigation-item.expanded [slot=trigger] a{color:#333!important;color:var(--pfe-theme--color--text,#333)!important}pfe-navigation-item[is_nested]:not([parent_hidden]) .pfe-navigation-item__trigger.pfe-navigation-item::after{height:.5em!important;width:.5em!important;top:22px!important}.pfe-navigation-item__trigger{-webkit-transition:none!important;transition:none!important}@media screen and (max-width:1023px){pfe-navigation-item.expanded[pfe-icon=web-mobile-menu]:not([has_tray]){background-color:#fff;background-color:var(--pfe-theme--color--surface--lightest,#fff)}pfe-navigation-item:not([parent_hidden])[is_nested].expanded .pfe-navigation-item__trigger.pfe-navigation-item[aria-expanded=true]{border-left:4px solid #06c!important;border-right:1px solid #d2d2d2!important}pfe-navigation-item:not([parent_hidden])[is_nested] .pfe-navigation-item__trigger.pfe-navigation-item[aria-expanded=true]{border-left:4px solid #06c!important;border-right:1px solid #d2d2d2!important}}@media screen and (min-width:1024px){.pfe-navigation-item__trigger::after{display:none!important}.pfe-navigation-item__trigger:hover::after{display:block!important}}.pfe-navigation-item__trigger{--pfe-navigation__trigger-icon--Visible:hidden}.pfe-navigation-item__trigger:hover{--pfe-navigation__trigger-icon--Visible:visible}.pfe-navigation-item__trigger.pfe-navigation-item{-webkit-box-sizing:border-box;box-sizing:border-box}.pfe-navigation-item__trigger.pfe-navigation-item:hover{cursor:pointer;border-top:4px solid #e00;border-top:var(--pfe-theme--surface--border-width--heavy,4px) solid var(--pfe-theme--color--surface--accent,#e00)}.pfe-navigation-item__trigger pfe-icon{max-height:20px}.pfe-navigation-item__trigger pfe-icon:not(.load-failed) svg.pfe-icon filter.pfe-icon feFlood.pfe-icon{flood-color:#fff!important;flood-color:var(--pfe-theme--color--text--on-dark,#fff)!important}pfe-navigation-item:not([parent_hidden])[is_nested].expanded .pfe-navigation-item__tray.pfe-navigation-item{top:0}.pfe-navigation__logo{margin-right:20px}@media (min-width:768px){.pfe-navigation--footer .pfe-navigation--column{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}}}pfe-navigation [slot=logo]{margin:0}pfe-navigation [slot=logo]>a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}pfe-navigation [slot=logo]>a>*{max-height:32px}pfe-navigation-item [slot=trigger]{font-family:Overpass,Overpass,Helvetica,helvetica,arial,sans-serif;font-family:var(--pfe-theme--font-family, "Overpass", Overpass, Helvetica, helvetica, arial, sans-serif);margin:.25em 0 0 0!important;line-height:1.3}pfe-navigation-item pfe-icon+[slot=trigger]>a{font-size:12px}pfe-navigation-item [slot=trigger]>a{outline:0;text-decoration:none;color:#fff!important;color:var(--pfe-theme--color--ui-base--text,#fff)!important}pfe-navigation-item [slot=trigger]>a:focus,pfe-navigation-item [slot=trigger]>a:hover{text-decoration:none}pfe-navigation-item.expanded [slot=trigger]>a,pfe-navigation-item.expanded [slot=trigger]>a.active{color:#333!important;color:var(--pfe-theme--color--text,#333)!important}pfe-navigation-main[show_content] pfe-navigation-item.expanded [slot=trigger]>a.active{color:#333!important;color:var(--pfe-theme--color--text,#333)!important}pfe-navigation-main[show_content] pfe-navigation-item [slot=trigger]>a.active{color:#fff!important;color:var(--pfe-theme--color--ui-base--text,#fff)!important}pfe-navigation-item[parent_hidden] [slot=trigger]{text-align:center}pfe-navigation-item:not([parent_hidden])[is_nested] [slot=trigger]>a{color:#464646!important;color:var(--pfe-theme--color--ui-complement,#464646)!important}[slot=mobile-search] input[type=text]{padding:5px 10px}@media (min-width:576px){.pfe-navigation-grid{-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-gap:32px;-moz-column-gap:32px;column-gap:32px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}}@media (min-width:992px){.pfe-navigation-grid{-webkit-column-count:3;-moz-column-count:3;column-count:3}}@media (min-width:1200px){.pfe-navigation-grid{display:-ms-grid;display:grid;grid-gap:32px;grid-template-columns:repeat(4,1fr);-ms-grid-columns:1fr 1fr 1fr 1fr}.pfe-navigation-grid .pfe-navigation--column:nth-child(1){-ms-grid-column:1}.pfe-navigation-grid .pfe-navigation--column:nth-child(2){-ms-grid-column:2}.pfe-navigation-grid .pfe-navigation--column:nth-child(3){-ms-grid-column:3}.pfe-navigation-grid .pfe-navigation--column:nth-child(4){-ms-grid-column:4}}@media (min-width:1200px){.pfe-navigation--column-span-2{-ms-grid-column-span:2;grid-column:span 2}}.pfe-navigation--footer:not(:empty){margin:calc(16px * 2) 0 calc(16px * 1.5);margin:calc(var(--pfe-theme--container-padding,16px) * 2) 0 calc(var(--pfe-theme--container-padding,16px) * 1.5);border-top:1px solid #d3d3d3;padding:calc(16px * 2.5) 0 0;padding:calc(var(--pfe-theme--container-padding,16px) * 2.5) 0 0}.pfe-navigation--footer:not(:empty)>:not(:last-child){margin-bottom:32px}.pfe-navigation--footer:not(:empty)>*{-webkit-box-flex:0;-webkit-flex:0 1 45%;-ms-flex:0 1 45%;flex:0 1 45%}@media (min-width:576px){.pfe-navigation--footer:not(:empty){display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.pfe-navigation--footer:not(:empty)>:not(:last-child){margin-bottom:0}.pfe-navigation--footer:not(:empty)>:nth-child(3),.pfe-navigation--footer:not(:empty)>:nth-child(4){margin-top:32px}}@media (min-width:768px){.pfe-navigation--footer:not(:empty){-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}}@media (min-width:992px){.pfe-navigation--footer:not(:empty){display:-ms-grid;display:grid;grid-gap:32px;grid-auto-flow:column;-ms-grid-columns:1fr 1fr 1fr 1fr}.pfe-navigation--footer:not(:empty) .pfe-navigation--column:nth-child(1){-ms-grid-column:1}.pfe-navigation--footer:not(:empty) .pfe-navigation--column:nth-child(2){-ms-grid-column:2}.pfe-navigation--footer:not(:empty) .pfe-navigation--column:nth-child(3){-ms-grid-column:3}.pfe-navigation--footer:not(:empty) .pfe-navigation--column:nth-child(4){-ms-grid-column:4}.pfe-navigation--footer:not(:empty)>:nth-child(3),.pfe-navigation--footer:not(:empty)>:nth-child(4){margin-top:0}}@media (min-width:1200px){.pfe-navigation--footer:not(:empty){padding-bottom:0;display:-ms-grid;grid-template-columns:repeat(4,1fr);-ms-grid-columns:1fr 1fr 1fr 1fr}}.pfe-navigation-item__tray--container{width:100%}@media screen and (min-width:768px){.pfe-navigation-item__tray--container{padding:0;max-width:1140px;max-width:var(--pfe-navigation--Width,1140px)}}@media screen and (min-width:768px){pfe-navigation-item:not([pfe-full-width]) .pfe-navigation-item__tray--container{--pfe-navigation--Width:calc(768px - var(--pfe-navigation--MaxWidth))}}@media screen and (min-width:992px){pfe-navigation-item:not([pfe-full-width]) .pfe-navigation-item__tray--container{--pfe-navigation--Width:calc(992px - var(--pfe-navigation--MaxWidth))}}@media screen and (min-width:1200px){pfe-navigation-item:not([pfe-full-width]) .pfe-navigation-item__tray--container{--pfe-navigation--Width:calc(1200px - var(--pfe-navigation--MaxWidth))}}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){.pfe-navigation-item__tray--container{padding-top:1.5em;padding-bottom:1.5em}}.pfe-navigation-item__tray--container input[type=text]{padding:5px 10px}pfe-navigation-item .pfe-link-list{-webkit-column-break-inside:avoid;page-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;margin-bottom:1em}pfe-navigation-item .pfe-link-list--header{font-family:Overpass,Overpass,Helvetica,helvetica,arial,sans-serif;font-family:var(--pfe-theme--font-family, "Overpass", Overpass, Helvetica, helvetica, arial, sans-serif);margin:0 0 .75em 0;font-size:16px;font-weight:400;line-height:1.75;color:#464646;color:var(--pfe-theme--color--ui-complement,#464646)}@media (min-width:1200px){pfe-navigation-item .pfe-link-list--header{font-size:16px}}pfe-navigation-item .pfe-link-list--header a{color:#464646;color:var(--pfe-theme--color--ui-complement,#464646);text-decoration:underline}pfe-navigation-item .pfe-link-list--header a:hover{color:#464646;color:var(--pfe-theme--color--ui-complement,#464646);text-decoration:none}pfe-navigation-item .pfe-link-list--header a:focus{outline-offset:1px;outline-style:dotted;outline-width:1px;outline-color:#036;outline-color:var(--pfe-broadcasted--link--focus,#036)}pfe-navigation-item .pfe-link-list--group{list-style:none;padding:0}pfe-navigation-item .pfe-link-list--group-item{line-height:1.3;margin-bottom:.75em}pfe-navigation-item .pfe-link-list--group-item>a{font-size:16px}pfe-navigation-item.expanded pfe-navigation-item[parent_hidden]:not(.expanded) [slot=trigger]>a,pfe-navigation-item.expanded pfe-navigation-item[parent_hidden]:not(.expanded) [slot=trigger]>a.active{color:#fff!important}[slot=trigger],[slot=trigger]>a{font-size:12px}pfe-navigation-main [slot=trigger],pfe-navigation-main [slot=trigger]>a{font-size:16px;font-size:var(--pfe-theme--font-size--heading--epsilon,16px)}@media screen and (min-width:1024px) and (max-width:1199px){pfe-navigation-main [slot=trigger],pfe-navigation-main [slot=trigger]>a{font-size:13px}}[slot=tray]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}@media screen and (max-width:1023px){.pfe-navigation__main .pfe-navigation-item__tray{position:relative;top:0!important}}@media screen and (max-width:1023px){.pfe-navigation-item .pfe-navigation-item__tray{max-height:none!important}} +/*# sourceMappingURL=pfe-navigation--lightdom.min.css.map */ diff --git a/elements/pfe-navigation/dist/pfe-navigation--lightdom.min.css.map b/elements/pfe-navigation/dist/pfe-navigation--lightdom.min.css.map new file mode 100644 index 0000000000..ea96cdf01b --- /dev/null +++ b/elements/pfe-navigation/dist/pfe-navigation--lightdom.min.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["../pfe-navigation--lightdom.scss","../_shared-assets.scss","../../../pfe-styles/src/layouts/_grid.scss","../../../pfe-sass/mixins/_mixins.scss","../pfe-navigation--lightdom.css","pfe-navigation--lightdom.css"],"names":[],"mappings":"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","file":"pfe-navigation--lightdom.min.css","sourcesContent":[null,null,null,null,null,"pfe-navigation-item .pfe-link-list--group-item > a {\n color: #06c;\n color: var(--pfe-broadcasted--link, #06c);\n text-decoration: none;\n -webkit-text-decoration: var(--pfe-broadcasted--link-decoration, none);\n text-decoration: var(--pfe-broadcasted--link-decoration, none);\n}\n\npfe-navigation-item .pfe-link-list--group-item > a:visited {\n color: rebeccapurple;\n color: var(--pfe-broadcasted--link--visited, rebeccapurple);\n}\n\npfe-navigation-item .pfe-link-list--group-item > a:hover {\n color: #003366;\n color: var(--pfe-broadcasted--link--hover, #003366);\n text-decoration: underline;\n -webkit-text-decoration: var(--pfe-broadcasted--link-decoration--hover, underline);\n text-decoration: var(--pfe-broadcasted--link-decoration--hover, underline);\n}\n\npfe-navigation-item .pfe-link-list--group-item > a:focus {\n outline-offset: 1px;\n outline-style: dotted;\n outline-width: 1px;\n outline-color: #003366;\n outline-color: var(--pfe-broadcasted--link--focus, #003366);\n color: #003366;\n color: var(--pfe-broadcasted--link--focus, #003366);\n}\n\n.pfe-l-grid {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-flex-wrap: wrap;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n}\n\n.pfe-l-grid > *, .pfe-l-grid__item {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n width: 100%;\n margin: 0 auto;\n}\n\n@media screen and (min-width: 576px) {\n .pfe-l-grid.pfe-m-all-1-col > * {\n width: calc(8.33333% - 16px);\n }\n .pfe-l-grid.pfe-m-all-2-col > * {\n width: calc(16.66667% - 16px);\n }\n .pfe-l-grid.pfe-m-all-3-col > * {\n width: calc(25% - 16px);\n }\n .pfe-l-grid.pfe-m-all-4-col > * {\n width: calc(33.33333% - 16px);\n }\n .pfe-l-grid.pfe-m-all-5-col > * {\n width: calc(41.66667% - 16px);\n }\n .pfe-l-grid.pfe-m-all-6-col > * {\n width: calc(50% - 16px);\n }\n .pfe-l-grid.pfe-m-all-7-col > * {\n width: calc(58.33333% - 16px);\n }\n .pfe-l-grid.pfe-m-all-8-col > * {\n width: calc(66.66667% - 16px);\n }\n .pfe-l-grid.pfe-m-all-9-col > * {\n width: calc(75% - 16px);\n }\n .pfe-l-grid.pfe-m-all-10-col > * {\n width: calc(83.33333% - 16px);\n }\n .pfe-l-grid.pfe-m-all-11-col > * {\n width: calc(91.66667% - 16px);\n }\n .pfe-l-grid.pfe-m-all-12-col > * {\n width: calc(100% - 16px);\n }\n .pfe-l-grid > .pfe-m-1-col {\n width: calc(8.33333% - 16px);\n }\n .pfe-l-grid > .pfe-m-2-col {\n width: calc(16.66667% - 16px);\n }\n .pfe-l-grid > .pfe-m-3-col {\n width: calc(25% - 16px);\n }\n .pfe-l-grid > .pfe-m-4-col {\n width: calc(33.33333% - 16px);\n }\n .pfe-l-grid > .pfe-m-5-col {\n width: calc(41.66667% - 16px);\n }\n .pfe-l-grid > .pfe-m-6-col {\n width: calc(50% - 16px);\n }\n .pfe-l-grid > .pfe-m-7-col {\n width: calc(58.33333% - 16px);\n }\n .pfe-l-grid > .pfe-m-8-col {\n width: calc(66.66667% - 16px);\n }\n .pfe-l-grid > .pfe-m-9-col {\n width: calc(75% - 16px);\n }\n .pfe-l-grid > .pfe-m-10-col {\n width: calc(83.33333% - 16px);\n }\n .pfe-l-grid > .pfe-m-11-col {\n width: calc(91.66667% - 16px);\n }\n .pfe-l-grid > .pfe-m-12-col {\n width: calc(100% - 16px);\n }\n}\n\n@media screen and (max-width: 0) {\n .pfe-l-grid.pfe-m-all-1-col-on-xs > * {\n width: calc(8.33333% - 16px);\n }\n .pfe-l-grid.pfe-m-all-2-col-on-xs > * {\n width: calc(16.66667% - 16px);\n }\n .pfe-l-grid.pfe-m-all-3-col-on-xs > * {\n width: calc(25% - 16px);\n }\n .pfe-l-grid.pfe-m-all-4-col-on-xs > * {\n width: calc(33.33333% - 16px);\n }\n .pfe-l-grid.pfe-m-all-5-col-on-xs > * {\n width: calc(41.66667% - 16px);\n }\n .pfe-l-grid.pfe-m-all-6-col-on-xs > * {\n width: calc(50% - 16px);\n }\n .pfe-l-grid.pfe-m-all-7-col-on-xs > * {\n width: calc(58.33333% - 16px);\n }\n .pfe-l-grid.pfe-m-all-8-col-on-xs > * {\n width: calc(66.66667% - 16px);\n }\n .pfe-l-grid.pfe-m-all-9-col-on-xs > * {\n width: calc(75% - 16px);\n }\n .pfe-l-grid.pfe-m-all-10-col-on-xs > * {\n width: calc(83.33333% - 16px);\n }\n .pfe-l-grid.pfe-m-all-11-col-on-xs > * {\n width: calc(91.66667% - 16px);\n }\n .pfe-l-grid.pfe-m-all-12-col-on-xs > * {\n width: calc(100% - 16px);\n }\n .pfe-l-grid > .pfe-m-1-col-on-xs {\n width: calc(8.33333% - 16px);\n }\n .pfe-l-grid > .pfe-m-2-col-on-xs {\n width: calc(16.66667% - 16px);\n }\n .pfe-l-grid > .pfe-m-3-col-on-xs {\n width: calc(25% - 16px);\n }\n .pfe-l-grid > .pfe-m-4-col-on-xs {\n width: calc(33.33333% - 16px);\n }\n .pfe-l-grid > .pfe-m-5-col-on-xs {\n width: calc(41.66667% - 16px);\n }\n .pfe-l-grid > .pfe-m-6-col-on-xs {\n width: calc(50% - 16px);\n }\n .pfe-l-grid > .pfe-m-7-col-on-xs {\n width: calc(58.33333% - 16px);\n }\n .pfe-l-grid > .pfe-m-8-col-on-xs {\n width: calc(66.66667% - 16px);\n }\n .pfe-l-grid > .pfe-m-9-col-on-xs {\n width: calc(75% - 16px);\n }\n .pfe-l-grid > .pfe-m-10-col-on-xs {\n width: calc(83.33333% - 16px);\n }\n .pfe-l-grid > .pfe-m-11-col-on-xs {\n width: calc(91.66667% - 16px);\n }\n .pfe-l-grid > .pfe-m-12-col-on-xs {\n width: calc(100% - 16px);\n }\n}\n\n@media screen and (min-width: 576px) {\n .pfe-l-grid.pfe-m-all-1-col-on-sm > * {\n width: calc(8.33333% - 16px);\n }\n .pfe-l-grid.pfe-m-all-2-col-on-sm > * {\n width: calc(16.66667% - 16px);\n }\n .pfe-l-grid.pfe-m-all-3-col-on-sm > * {\n width: calc(25% - 16px);\n }\n .pfe-l-grid.pfe-m-all-4-col-on-sm > * {\n width: calc(33.33333% - 16px);\n }\n .pfe-l-grid.pfe-m-all-5-col-on-sm > * {\n width: calc(41.66667% - 16px);\n }\n .pfe-l-grid.pfe-m-all-6-col-on-sm > * {\n width: calc(50% - 16px);\n }\n .pfe-l-grid.pfe-m-all-7-col-on-sm > * {\n width: calc(58.33333% - 16px);\n }\n .pfe-l-grid.pfe-m-all-8-col-on-sm > * {\n width: calc(66.66667% - 16px);\n }\n .pfe-l-grid.pfe-m-all-9-col-on-sm > * {\n width: calc(75% - 16px);\n }\n .pfe-l-grid.pfe-m-all-10-col-on-sm > * {\n width: calc(83.33333% - 16px);\n }\n .pfe-l-grid.pfe-m-all-11-col-on-sm > * {\n width: calc(91.66667% - 16px);\n }\n .pfe-l-grid.pfe-m-all-12-col-on-sm > * {\n width: calc(100% - 16px);\n }\n .pfe-l-grid > .pfe-m-1-col-on-sm {\n width: calc(8.33333% - 16px);\n }\n .pfe-l-grid > .pfe-m-2-col-on-sm {\n width: calc(16.66667% - 16px);\n }\n .pfe-l-grid > .pfe-m-3-col-on-sm {\n width: calc(25% - 16px);\n }\n .pfe-l-grid > .pfe-m-4-col-on-sm {\n width: calc(33.33333% - 16px);\n }\n .pfe-l-grid > .pfe-m-5-col-on-sm {\n width: calc(41.66667% - 16px);\n }\n .pfe-l-grid > .pfe-m-6-col-on-sm {\n width: calc(50% - 16px);\n }\n .pfe-l-grid > .pfe-m-7-col-on-sm {\n width: calc(58.33333% - 16px);\n }\n .pfe-l-grid > .pfe-m-8-col-on-sm {\n width: calc(66.66667% - 16px);\n }\n .pfe-l-grid > .pfe-m-9-col-on-sm {\n width: calc(75% - 16px);\n }\n .pfe-l-grid > .pfe-m-10-col-on-sm {\n width: calc(83.33333% - 16px);\n }\n .pfe-l-grid > .pfe-m-11-col-on-sm {\n width: calc(91.66667% - 16px);\n }\n .pfe-l-grid > .pfe-m-12-col-on-sm {\n width: calc(100% - 16px);\n }\n}\n\n@media screen and (min-width: 768px) {\n .pfe-l-grid.pfe-m-all-1-col-on-md > * {\n width: calc(8.33333% - 16px);\n }\n .pfe-l-grid.pfe-m-all-2-col-on-md > * {\n width: calc(16.66667% - 16px);\n }\n .pfe-l-grid.pfe-m-all-3-col-on-md > * {\n width: calc(25% - 16px);\n }\n .pfe-l-grid.pfe-m-all-4-col-on-md > * {\n width: calc(33.33333% - 16px);\n }\n .pfe-l-grid.pfe-m-all-5-col-on-md > * {\n width: calc(41.66667% - 16px);\n }\n .pfe-l-grid.pfe-m-all-6-col-on-md > * {\n width: calc(50% - 16px);\n }\n .pfe-l-grid.pfe-m-all-7-col-on-md > * {\n width: calc(58.33333% - 16px);\n }\n .pfe-l-grid.pfe-m-all-8-col-on-md > * {\n width: calc(66.66667% - 16px);\n }\n .pfe-l-grid.pfe-m-all-9-col-on-md > * {\n width: calc(75% - 16px);\n }\n .pfe-l-grid.pfe-m-all-10-col-on-md > * {\n width: calc(83.33333% - 16px);\n }\n .pfe-l-grid.pfe-m-all-11-col-on-md > * {\n width: calc(91.66667% - 16px);\n }\n .pfe-l-grid.pfe-m-all-12-col-on-md > * {\n width: calc(100% - 16px);\n }\n .pfe-l-grid > .pfe-m-1-col-on-md {\n width: calc(8.33333% - 16px);\n }\n .pfe-l-grid > .pfe-m-2-col-on-md {\n width: calc(16.66667% - 16px);\n }\n .pfe-l-grid > .pfe-m-3-col-on-md {\n width: calc(25% - 16px);\n }\n .pfe-l-grid > .pfe-m-4-col-on-md {\n width: calc(33.33333% - 16px);\n }\n .pfe-l-grid > .pfe-m-5-col-on-md {\n width: calc(41.66667% - 16px);\n }\n .pfe-l-grid > .pfe-m-6-col-on-md {\n width: calc(50% - 16px);\n }\n .pfe-l-grid > .pfe-m-7-col-on-md {\n width: calc(58.33333% - 16px);\n }\n .pfe-l-grid > .pfe-m-8-col-on-md {\n width: calc(66.66667% - 16px);\n }\n .pfe-l-grid > .pfe-m-9-col-on-md {\n width: calc(75% - 16px);\n }\n .pfe-l-grid > .pfe-m-10-col-on-md {\n width: calc(83.33333% - 16px);\n }\n .pfe-l-grid > .pfe-m-11-col-on-md {\n width: calc(91.66667% - 16px);\n }\n .pfe-l-grid > .pfe-m-12-col-on-md {\n width: calc(100% - 16px);\n }\n}\n\n@media screen and (min-width: 992px) {\n .pfe-l-grid.pfe-m-all-1-col-on-lg > * {\n width: calc(8.33333% - 16px);\n }\n .pfe-l-grid.pfe-m-all-2-col-on-lg > * {\n width: calc(16.66667% - 16px);\n }\n .pfe-l-grid.pfe-m-all-3-col-on-lg > * {\n width: calc(25% - 16px);\n }\n .pfe-l-grid.pfe-m-all-4-col-on-lg > * {\n width: calc(33.33333% - 16px);\n }\n .pfe-l-grid.pfe-m-all-5-col-on-lg > * {\n width: calc(41.66667% - 16px);\n }\n .pfe-l-grid.pfe-m-all-6-col-on-lg > * {\n width: calc(50% - 16px);\n }\n .pfe-l-grid.pfe-m-all-7-col-on-lg > * {\n width: calc(58.33333% - 16px);\n }\n .pfe-l-grid.pfe-m-all-8-col-on-lg > * {\n width: calc(66.66667% - 16px);\n }\n .pfe-l-grid.pfe-m-all-9-col-on-lg > * {\n width: calc(75% - 16px);\n }\n .pfe-l-grid.pfe-m-all-10-col-on-lg > * {\n width: calc(83.33333% - 16px);\n }\n .pfe-l-grid.pfe-m-all-11-col-on-lg > * {\n width: calc(91.66667% - 16px);\n }\n .pfe-l-grid.pfe-m-all-12-col-on-lg > * {\n width: calc(100% - 16px);\n }\n .pfe-l-grid > .pfe-m-1-col-on-lg {\n width: calc(8.33333% - 16px);\n }\n .pfe-l-grid > .pfe-m-2-col-on-lg {\n width: calc(16.66667% - 16px);\n }\n .pfe-l-grid > .pfe-m-3-col-on-lg {\n width: calc(25% - 16px);\n }\n .pfe-l-grid > .pfe-m-4-col-on-lg {\n width: calc(33.33333% - 16px);\n }\n .pfe-l-grid > .pfe-m-5-col-on-lg {\n width: calc(41.66667% - 16px);\n }\n .pfe-l-grid > .pfe-m-6-col-on-lg {\n width: calc(50% - 16px);\n }\n .pfe-l-grid > .pfe-m-7-col-on-lg {\n width: calc(58.33333% - 16px);\n }\n .pfe-l-grid > .pfe-m-8-col-on-lg {\n width: calc(66.66667% - 16px);\n }\n .pfe-l-grid > .pfe-m-9-col-on-lg {\n width: calc(75% - 16px);\n }\n .pfe-l-grid > .pfe-m-10-col-on-lg {\n width: calc(83.33333% - 16px);\n }\n .pfe-l-grid > .pfe-m-11-col-on-lg {\n width: calc(91.66667% - 16px);\n }\n .pfe-l-grid > .pfe-m-12-col-on-lg {\n width: calc(100% - 16px);\n }\n}\n\n@media screen and (min-width: 1200px) {\n .pfe-l-grid.pfe-m-all-1-col-on-xl > * {\n width: calc(8.33333% - 16px);\n }\n .pfe-l-grid.pfe-m-all-2-col-on-xl > * {\n width: calc(16.66667% - 16px);\n }\n .pfe-l-grid.pfe-m-all-3-col-on-xl > * {\n width: calc(25% - 16px);\n }\n .pfe-l-grid.pfe-m-all-4-col-on-xl > * {\n width: calc(33.33333% - 16px);\n }\n .pfe-l-grid.pfe-m-all-5-col-on-xl > * {\n width: calc(41.66667% - 16px);\n }\n .pfe-l-grid.pfe-m-all-6-col-on-xl > * {\n width: calc(50% - 16px);\n }\n .pfe-l-grid.pfe-m-all-7-col-on-xl > * {\n width: calc(58.33333% - 16px);\n }\n .pfe-l-grid.pfe-m-all-8-col-on-xl > * {\n width: calc(66.66667% - 16px);\n }\n .pfe-l-grid.pfe-m-all-9-col-on-xl > * {\n width: calc(75% - 16px);\n }\n .pfe-l-grid.pfe-m-all-10-col-on-xl > * {\n width: calc(83.33333% - 16px);\n }\n .pfe-l-grid.pfe-m-all-11-col-on-xl > * {\n width: calc(91.66667% - 16px);\n }\n .pfe-l-grid.pfe-m-all-12-col-on-xl > * {\n width: calc(100% - 16px);\n }\n .pfe-l-grid > .pfe-m-1-col-on-xl {\n width: calc(8.33333% - 16px);\n }\n .pfe-l-grid > .pfe-m-2-col-on-xl {\n width: calc(16.66667% - 16px);\n }\n .pfe-l-grid > .pfe-m-3-col-on-xl {\n width: calc(25% - 16px);\n }\n .pfe-l-grid > .pfe-m-4-col-on-xl {\n width: calc(33.33333% - 16px);\n }\n .pfe-l-grid > .pfe-m-5-col-on-xl {\n width: calc(41.66667% - 16px);\n }\n .pfe-l-grid > .pfe-m-6-col-on-xl {\n width: calc(50% - 16px);\n }\n .pfe-l-grid > .pfe-m-7-col-on-xl {\n width: calc(58.33333% - 16px);\n }\n .pfe-l-grid > .pfe-m-8-col-on-xl {\n width: calc(66.66667% - 16px);\n }\n .pfe-l-grid > .pfe-m-9-col-on-xl {\n width: calc(75% - 16px);\n }\n .pfe-l-grid > .pfe-m-10-col-on-xl {\n width: calc(83.33333% - 16px);\n }\n .pfe-l-grid > .pfe-m-11-col-on-xl {\n width: calc(91.66667% - 16px);\n }\n .pfe-l-grid > .pfe-m-12-col-on-xl {\n width: calc(100% - 16px);\n }\n}\n\n.pfe-l-grid.pfe-m-gutters {\n margin: calc(8px * -1);\n}\n\n.pfe-l-grid.pfe-m-gutters > * {\n margin: 8px;\n}\n\n@supports (display: grid) {\n .pfe-l-grid {\n display: -ms-grid;\n display: grid;\n -ms-grid-columns: ([col-start] 1fr)[12];\n grid-template-columns: repeat(12, [col-start] 1fr);\n }\n .pfe-l-grid > *, .pfe-l-grid__item {\n width: auto;\n margin: 0;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 12;\n grid-column-end: span 12;\n }\n .pfe-l-grid.pfe-l-grid-fill-height {\n height: 100%;\n }\n @media screen and (min-width: 576px) {\n .pfe-l-grid.pfe-m-all-1-col > * {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 1;\n grid-column-end: span 1;\n }\n .pfe-l-grid.pfe-m-all-2-col > * {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 2;\n grid-column-end: span 2;\n }\n .pfe-l-grid.pfe-m-all-3-col > * {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 3;\n grid-column-end: span 3;\n }\n .pfe-l-grid.pfe-m-all-4-col > * {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 4;\n grid-column-end: span 4;\n }\n .pfe-l-grid.pfe-m-all-5-col > * {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 5;\n grid-column-end: span 5;\n }\n .pfe-l-grid.pfe-m-all-6-col > * {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 6;\n grid-column-end: span 6;\n }\n .pfe-l-grid.pfe-m-all-7-col > * {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 7;\n grid-column-end: span 7;\n }\n .pfe-l-grid.pfe-m-all-8-col > * {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 8;\n grid-column-end: span 8;\n }\n .pfe-l-grid.pfe-m-all-9-col > * {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 9;\n grid-column-end: span 9;\n }\n .pfe-l-grid.pfe-m-all-10-col > * {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 10;\n grid-column-end: span 10;\n }\n .pfe-l-grid.pfe-m-all-11-col > * {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 11;\n grid-column-end: span 11;\n }\n .pfe-l-grid.pfe-m-all-12-col > * {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 12;\n grid-column-end: span 12;\n }\n .pfe-l-grid > .pfe-m-1-col {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 1;\n grid-column-end: span 1;\n }\n .pfe-l-grid > .pfe-m-2-col {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 2;\n grid-column-end: span 2;\n }\n .pfe-l-grid > .pfe-m-3-col {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 3;\n grid-column-end: span 3;\n }\n .pfe-l-grid > .pfe-m-4-col {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 4;\n grid-column-end: span 4;\n }\n .pfe-l-grid > .pfe-m-5-col {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 5;\n grid-column-end: span 5;\n }\n .pfe-l-grid > .pfe-m-6-col {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 6;\n grid-column-end: span 6;\n }\n .pfe-l-grid > .pfe-m-7-col {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 7;\n grid-column-end: span 7;\n }\n .pfe-l-grid > .pfe-m-8-col {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 8;\n grid-column-end: span 8;\n }\n .pfe-l-grid > .pfe-m-9-col {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 9;\n grid-column-end: span 9;\n }\n .pfe-l-grid > .pfe-m-10-col {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 10;\n grid-column-end: span 10;\n }\n .pfe-l-grid > .pfe-m-11-col {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 11;\n grid-column-end: span 11;\n }\n .pfe-l-grid > .pfe-m-12-col {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 12;\n grid-column-end: span 12;\n }\n .pfe-l-grid > .pfe-m-startat-1-col {\n -ms-grid-column: col-start 1;\n grid-column-start: col-start 1;\n }\n .pfe-l-grid > .pfe-m-startat-2-col {\n -ms-grid-column: col-start 2;\n grid-column-start: col-start 2;\n }\n .pfe-l-grid > .pfe-m-startat-3-col {\n -ms-grid-column: col-start 3;\n grid-column-start: col-start 3;\n }\n .pfe-l-grid > .pfe-m-startat-4-col {\n -ms-grid-column: col-start 4;\n grid-column-start: col-start 4;\n }\n .pfe-l-grid > .pfe-m-startat-5-col {\n -ms-grid-column: col-start 5;\n grid-column-start: col-start 5;\n }\n .pfe-l-grid > .pfe-m-startat-6-col {\n -ms-grid-column: col-start 6;\n grid-column-start: col-start 6;\n }\n .pfe-l-grid > .pfe-m-startat-7-col {\n -ms-grid-column: col-start 7;\n grid-column-start: col-start 7;\n }\n .pfe-l-grid > .pfe-m-startat-8-col {\n -ms-grid-column: col-start 8;\n grid-column-start: col-start 8;\n }\n .pfe-l-grid > .pfe-m-startat-9-col {\n -ms-grid-column: col-start 9;\n grid-column-start: col-start 9;\n }\n .pfe-l-grid > .pfe-m-startat-10-col {\n -ms-grid-column: col-start 10;\n grid-column-start: col-start 10;\n }\n .pfe-l-grid > .pfe-m-startat-11-col {\n -ms-grid-column: col-start 11;\n grid-column-start: col-start 11;\n }\n .pfe-l-grid > .pfe-m-startat-12-col {\n -ms-grid-column: col-start 12;\n grid-column-start: col-start 12;\n }\n .pfe-l-grid > .pfe-m-1-row {\n -ms-grid-row-span: 1;\n grid-row: span 1;\n }\n .pfe-l-grid > .pfe-m-2-row {\n -ms-grid-row-span: 2;\n grid-row: span 2;\n }\n .pfe-l-grid > .pfe-m-3-row {\n -ms-grid-row-span: 3;\n grid-row: span 3;\n }\n .pfe-l-grid > .pfe-m-4-row {\n -ms-grid-row-span: 4;\n grid-row: span 4;\n }\n .pfe-l-grid > .pfe-m-5-row {\n -ms-grid-row-span: 5;\n grid-row: span 5;\n }\n .pfe-l-grid > .pfe-m-6-row {\n -ms-grid-row-span: 6;\n grid-row: span 6;\n }\n .pfe-l-grid > .pfe-m-7-row {\n -ms-grid-row-span: 7;\n grid-row: span 7;\n }\n .pfe-l-grid > .pfe-m-8-row {\n -ms-grid-row-span: 8;\n grid-row: span 8;\n }\n .pfe-l-grid > .pfe-m-9-row {\n -ms-grid-row-span: 9;\n grid-row: span 9;\n }\n .pfe-l-grid > .pfe-m-10-row {\n -ms-grid-row-span: 10;\n grid-row: span 10;\n }\n .pfe-l-grid > .pfe-m-11-row {\n -ms-grid-row-span: 11;\n grid-row: span 11;\n }\n .pfe-l-grid > .pfe-m-12-row {\n -ms-grid-row-span: 12;\n grid-row: span 12;\n }\n }\n @media screen and (max-width: 0) {\n .pfe-l-grid.pfe-m-all-1-col-on-xs > * {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 1;\n grid-column-end: span 1;\n }\n .pfe-l-grid.pfe-m-all-2-col-on-xs > * {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 2;\n grid-column-end: span 2;\n }\n .pfe-l-grid.pfe-m-all-3-col-on-xs > * {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 3;\n grid-column-end: span 3;\n }\n .pfe-l-grid.pfe-m-all-4-col-on-xs > * {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 4;\n grid-column-end: span 4;\n }\n .pfe-l-grid.pfe-m-all-5-col-on-xs > * {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 5;\n grid-column-end: span 5;\n }\n .pfe-l-grid.pfe-m-all-6-col-on-xs > * {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 6;\n grid-column-end: span 6;\n }\n .pfe-l-grid.pfe-m-all-7-col-on-xs > * {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 7;\n grid-column-end: span 7;\n }\n .pfe-l-grid.pfe-m-all-8-col-on-xs > * {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 8;\n grid-column-end: span 8;\n }\n .pfe-l-grid.pfe-m-all-9-col-on-xs > * {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 9;\n grid-column-end: span 9;\n }\n .pfe-l-grid.pfe-m-all-10-col-on-xs > * {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 10;\n grid-column-end: span 10;\n }\n .pfe-l-grid.pfe-m-all-11-col-on-xs > * {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 11;\n grid-column-end: span 11;\n }\n .pfe-l-grid.pfe-m-all-12-col-on-xs > * {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 12;\n grid-column-end: span 12;\n }\n .pfe-l-grid > .pfe-m-1-col-on-xs {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 1;\n grid-column-end: span 1;\n }\n .pfe-l-grid > .pfe-m-2-col-on-xs {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 2;\n grid-column-end: span 2;\n }\n .pfe-l-grid > .pfe-m-3-col-on-xs {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 3;\n grid-column-end: span 3;\n }\n .pfe-l-grid > .pfe-m-4-col-on-xs {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 4;\n grid-column-end: span 4;\n }\n .pfe-l-grid > .pfe-m-5-col-on-xs {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 5;\n grid-column-end: span 5;\n }\n .pfe-l-grid > .pfe-m-6-col-on-xs {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 6;\n grid-column-end: span 6;\n }\n .pfe-l-grid > .pfe-m-7-col-on-xs {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 7;\n grid-column-end: span 7;\n }\n .pfe-l-grid > .pfe-m-8-col-on-xs {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 8;\n grid-column-end: span 8;\n }\n .pfe-l-grid > .pfe-m-9-col-on-xs {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 9;\n grid-column-end: span 9;\n }\n .pfe-l-grid > .pfe-m-10-col-on-xs {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 10;\n grid-column-end: span 10;\n }\n .pfe-l-grid > .pfe-m-11-col-on-xs {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 11;\n grid-column-end: span 11;\n }\n .pfe-l-grid > .pfe-m-12-col-on-xs {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 12;\n grid-column-end: span 12;\n }\n .pfe-l-grid > .pfe-m-startat-1-col-on-xs {\n -ms-grid-column: col-start 1;\n grid-column-start: col-start 1;\n }\n .pfe-l-grid > .pfe-m-startat-2-col-on-xs {\n -ms-grid-column: col-start 2;\n grid-column-start: col-start 2;\n }\n .pfe-l-grid > .pfe-m-startat-3-col-on-xs {\n -ms-grid-column: col-start 3;\n grid-column-start: col-start 3;\n }\n .pfe-l-grid > .pfe-m-startat-4-col-on-xs {\n -ms-grid-column: col-start 4;\n grid-column-start: col-start 4;\n }\n .pfe-l-grid > .pfe-m-startat-5-col-on-xs {\n -ms-grid-column: col-start 5;\n grid-column-start: col-start 5;\n }\n .pfe-l-grid > .pfe-m-startat-6-col-on-xs {\n -ms-grid-column: col-start 6;\n grid-column-start: col-start 6;\n }\n .pfe-l-grid > .pfe-m-startat-7-col-on-xs {\n -ms-grid-column: col-start 7;\n grid-column-start: col-start 7;\n }\n .pfe-l-grid > .pfe-m-startat-8-col-on-xs {\n -ms-grid-column: col-start 8;\n grid-column-start: col-start 8;\n }\n .pfe-l-grid > .pfe-m-startat-9-col-on-xs {\n -ms-grid-column: col-start 9;\n grid-column-start: col-start 9;\n }\n .pfe-l-grid > .pfe-m-startat-10-col-on-xs {\n -ms-grid-column: col-start 10;\n grid-column-start: col-start 10;\n }\n .pfe-l-grid > .pfe-m-startat-11-col-on-xs {\n -ms-grid-column: col-start 11;\n grid-column-start: col-start 11;\n }\n .pfe-l-grid > .pfe-m-startat-12-col-on-xs {\n -ms-grid-column: col-start 12;\n grid-column-start: col-start 12;\n }\n .pfe-l-grid > .pfe-m-1-row-on-xs {\n -ms-grid-row-span: 1;\n grid-row: span 1;\n }\n .pfe-l-grid > .pfe-m-2-row-on-xs {\n -ms-grid-row-span: 2;\n grid-row: span 2;\n }\n .pfe-l-grid > .pfe-m-3-row-on-xs {\n -ms-grid-row-span: 3;\n grid-row: span 3;\n }\n .pfe-l-grid > .pfe-m-4-row-on-xs {\n -ms-grid-row-span: 4;\n grid-row: span 4;\n }\n .pfe-l-grid > .pfe-m-5-row-on-xs {\n -ms-grid-row-span: 5;\n grid-row: span 5;\n }\n .pfe-l-grid > .pfe-m-6-row-on-xs {\n -ms-grid-row-span: 6;\n grid-row: span 6;\n }\n .pfe-l-grid > .pfe-m-7-row-on-xs {\n -ms-grid-row-span: 7;\n grid-row: span 7;\n }\n .pfe-l-grid > .pfe-m-8-row-on-xs {\n -ms-grid-row-span: 8;\n grid-row: span 8;\n }\n .pfe-l-grid > .pfe-m-9-row-on-xs {\n -ms-grid-row-span: 9;\n grid-row: span 9;\n }\n .pfe-l-grid > .pfe-m-10-row-on-xs {\n -ms-grid-row-span: 10;\n grid-row: span 10;\n }\n .pfe-l-grid > .pfe-m-11-row-on-xs {\n -ms-grid-row-span: 11;\n grid-row: span 11;\n }\n .pfe-l-grid > .pfe-m-12-row-on-xs {\n -ms-grid-row-span: 12;\n grid-row: span 12;\n }\n }\n @media screen and (min-width: 576px) {\n .pfe-l-grid.pfe-m-all-1-col-on-sm > * {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 1;\n grid-column-end: span 1;\n }\n .pfe-l-grid.pfe-m-all-2-col-on-sm > * {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 2;\n grid-column-end: span 2;\n }\n .pfe-l-grid.pfe-m-all-3-col-on-sm > * {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 3;\n grid-column-end: span 3;\n }\n .pfe-l-grid.pfe-m-all-4-col-on-sm > * {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 4;\n grid-column-end: span 4;\n }\n .pfe-l-grid.pfe-m-all-5-col-on-sm > * {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 5;\n grid-column-end: span 5;\n }\n .pfe-l-grid.pfe-m-all-6-col-on-sm > * {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 6;\n grid-column-end: span 6;\n }\n .pfe-l-grid.pfe-m-all-7-col-on-sm > * {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 7;\n grid-column-end: span 7;\n }\n .pfe-l-grid.pfe-m-all-8-col-on-sm > * {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 8;\n grid-column-end: span 8;\n }\n .pfe-l-grid.pfe-m-all-9-col-on-sm > * {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 9;\n grid-column-end: span 9;\n }\n .pfe-l-grid.pfe-m-all-10-col-on-sm > * {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 10;\n grid-column-end: span 10;\n }\n .pfe-l-grid.pfe-m-all-11-col-on-sm > * {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 11;\n grid-column-end: span 11;\n }\n .pfe-l-grid.pfe-m-all-12-col-on-sm > * {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 12;\n grid-column-end: span 12;\n }\n .pfe-l-grid > .pfe-m-1-col-on-sm {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 1;\n grid-column-end: span 1;\n }\n .pfe-l-grid > .pfe-m-2-col-on-sm {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 2;\n grid-column-end: span 2;\n }\n .pfe-l-grid > .pfe-m-3-col-on-sm {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 3;\n grid-column-end: span 3;\n }\n .pfe-l-grid > .pfe-m-4-col-on-sm {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 4;\n grid-column-end: span 4;\n }\n .pfe-l-grid > .pfe-m-5-col-on-sm {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 5;\n grid-column-end: span 5;\n }\n .pfe-l-grid > .pfe-m-6-col-on-sm {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 6;\n grid-column-end: span 6;\n }\n .pfe-l-grid > .pfe-m-7-col-on-sm {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 7;\n grid-column-end: span 7;\n }\n .pfe-l-grid > .pfe-m-8-col-on-sm {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 8;\n grid-column-end: span 8;\n }\n .pfe-l-grid > .pfe-m-9-col-on-sm {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 9;\n grid-column-end: span 9;\n }\n .pfe-l-grid > .pfe-m-10-col-on-sm {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 10;\n grid-column-end: span 10;\n }\n .pfe-l-grid > .pfe-m-11-col-on-sm {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 11;\n grid-column-end: span 11;\n }\n .pfe-l-grid > .pfe-m-12-col-on-sm {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 12;\n grid-column-end: span 12;\n }\n .pfe-l-grid > .pfe-m-startat-1-col-on-sm {\n -ms-grid-column: col-start 1;\n grid-column-start: col-start 1;\n }\n .pfe-l-grid > .pfe-m-startat-2-col-on-sm {\n -ms-grid-column: col-start 2;\n grid-column-start: col-start 2;\n }\n .pfe-l-grid > .pfe-m-startat-3-col-on-sm {\n -ms-grid-column: col-start 3;\n grid-column-start: col-start 3;\n }\n .pfe-l-grid > .pfe-m-startat-4-col-on-sm {\n -ms-grid-column: col-start 4;\n grid-column-start: col-start 4;\n }\n .pfe-l-grid > .pfe-m-startat-5-col-on-sm {\n -ms-grid-column: col-start 5;\n grid-column-start: col-start 5;\n }\n .pfe-l-grid > .pfe-m-startat-6-col-on-sm {\n -ms-grid-column: col-start 6;\n grid-column-start: col-start 6;\n }\n .pfe-l-grid > .pfe-m-startat-7-col-on-sm {\n -ms-grid-column: col-start 7;\n grid-column-start: col-start 7;\n }\n .pfe-l-grid > .pfe-m-startat-8-col-on-sm {\n -ms-grid-column: col-start 8;\n grid-column-start: col-start 8;\n }\n .pfe-l-grid > .pfe-m-startat-9-col-on-sm {\n -ms-grid-column: col-start 9;\n grid-column-start: col-start 9;\n }\n .pfe-l-grid > .pfe-m-startat-10-col-on-sm {\n -ms-grid-column: col-start 10;\n grid-column-start: col-start 10;\n }\n .pfe-l-grid > .pfe-m-startat-11-col-on-sm {\n -ms-grid-column: col-start 11;\n grid-column-start: col-start 11;\n }\n .pfe-l-grid > .pfe-m-startat-12-col-on-sm {\n -ms-grid-column: col-start 12;\n grid-column-start: col-start 12;\n }\n .pfe-l-grid > .pfe-m-1-row-on-sm {\n -ms-grid-row-span: 1;\n grid-row: span 1;\n }\n .pfe-l-grid > .pfe-m-2-row-on-sm {\n -ms-grid-row-span: 2;\n grid-row: span 2;\n }\n .pfe-l-grid > .pfe-m-3-row-on-sm {\n -ms-grid-row-span: 3;\n grid-row: span 3;\n }\n .pfe-l-grid > .pfe-m-4-row-on-sm {\n -ms-grid-row-span: 4;\n grid-row: span 4;\n }\n .pfe-l-grid > .pfe-m-5-row-on-sm {\n -ms-grid-row-span: 5;\n grid-row: span 5;\n }\n .pfe-l-grid > .pfe-m-6-row-on-sm {\n -ms-grid-row-span: 6;\n grid-row: span 6;\n }\n .pfe-l-grid > .pfe-m-7-row-on-sm {\n -ms-grid-row-span: 7;\n grid-row: span 7;\n }\n .pfe-l-grid > .pfe-m-8-row-on-sm {\n -ms-grid-row-span: 8;\n grid-row: span 8;\n }\n .pfe-l-grid > .pfe-m-9-row-on-sm {\n -ms-grid-row-span: 9;\n grid-row: span 9;\n }\n .pfe-l-grid > .pfe-m-10-row-on-sm {\n -ms-grid-row-span: 10;\n grid-row: span 10;\n }\n .pfe-l-grid > .pfe-m-11-row-on-sm {\n -ms-grid-row-span: 11;\n grid-row: span 11;\n }\n .pfe-l-grid > .pfe-m-12-row-on-sm {\n -ms-grid-row-span: 12;\n grid-row: span 12;\n }\n }\n @media screen and (min-width: 768px) {\n .pfe-l-grid.pfe-m-all-1-col-on-md > * {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 1;\n grid-column-end: span 1;\n }\n .pfe-l-grid.pfe-m-all-2-col-on-md > * {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 2;\n grid-column-end: span 2;\n }\n .pfe-l-grid.pfe-m-all-3-col-on-md > * {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 3;\n grid-column-end: span 3;\n }\n .pfe-l-grid.pfe-m-all-4-col-on-md > * {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 4;\n grid-column-end: span 4;\n }\n .pfe-l-grid.pfe-m-all-5-col-on-md > * {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 5;\n grid-column-end: span 5;\n }\n .pfe-l-grid.pfe-m-all-6-col-on-md > * {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 6;\n grid-column-end: span 6;\n }\n .pfe-l-grid.pfe-m-all-7-col-on-md > * {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 7;\n grid-column-end: span 7;\n }\n .pfe-l-grid.pfe-m-all-8-col-on-md > * {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 8;\n grid-column-end: span 8;\n }\n .pfe-l-grid.pfe-m-all-9-col-on-md > * {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 9;\n grid-column-end: span 9;\n }\n .pfe-l-grid.pfe-m-all-10-col-on-md > * {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 10;\n grid-column-end: span 10;\n }\n .pfe-l-grid.pfe-m-all-11-col-on-md > * {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 11;\n grid-column-end: span 11;\n }\n .pfe-l-grid.pfe-m-all-12-col-on-md > * {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 12;\n grid-column-end: span 12;\n }\n .pfe-l-grid > .pfe-m-1-col-on-md {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 1;\n grid-column-end: span 1;\n }\n .pfe-l-grid > .pfe-m-2-col-on-md {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 2;\n grid-column-end: span 2;\n }\n .pfe-l-grid > .pfe-m-3-col-on-md {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 3;\n grid-column-end: span 3;\n }\n .pfe-l-grid > .pfe-m-4-col-on-md {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 4;\n grid-column-end: span 4;\n }\n .pfe-l-grid > .pfe-m-5-col-on-md {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 5;\n grid-column-end: span 5;\n }\n .pfe-l-grid > .pfe-m-6-col-on-md {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 6;\n grid-column-end: span 6;\n }\n .pfe-l-grid > .pfe-m-7-col-on-md {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 7;\n grid-column-end: span 7;\n }\n .pfe-l-grid > .pfe-m-8-col-on-md {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 8;\n grid-column-end: span 8;\n }\n .pfe-l-grid > .pfe-m-9-col-on-md {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 9;\n grid-column-end: span 9;\n }\n .pfe-l-grid > .pfe-m-10-col-on-md {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 10;\n grid-column-end: span 10;\n }\n .pfe-l-grid > .pfe-m-11-col-on-md {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 11;\n grid-column-end: span 11;\n }\n .pfe-l-grid > .pfe-m-12-col-on-md {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 12;\n grid-column-end: span 12;\n }\n .pfe-l-grid > .pfe-m-startat-1-col-on-md {\n -ms-grid-column: col-start 1;\n grid-column-start: col-start 1;\n }\n .pfe-l-grid > .pfe-m-startat-2-col-on-md {\n -ms-grid-column: col-start 2;\n grid-column-start: col-start 2;\n }\n .pfe-l-grid > .pfe-m-startat-3-col-on-md {\n -ms-grid-column: col-start 3;\n grid-column-start: col-start 3;\n }\n .pfe-l-grid > .pfe-m-startat-4-col-on-md {\n -ms-grid-column: col-start 4;\n grid-column-start: col-start 4;\n }\n .pfe-l-grid > .pfe-m-startat-5-col-on-md {\n -ms-grid-column: col-start 5;\n grid-column-start: col-start 5;\n }\n .pfe-l-grid > .pfe-m-startat-6-col-on-md {\n -ms-grid-column: col-start 6;\n grid-column-start: col-start 6;\n }\n .pfe-l-grid > .pfe-m-startat-7-col-on-md {\n -ms-grid-column: col-start 7;\n grid-column-start: col-start 7;\n }\n .pfe-l-grid > .pfe-m-startat-8-col-on-md {\n -ms-grid-column: col-start 8;\n grid-column-start: col-start 8;\n }\n .pfe-l-grid > .pfe-m-startat-9-col-on-md {\n -ms-grid-column: col-start 9;\n grid-column-start: col-start 9;\n }\n .pfe-l-grid > .pfe-m-startat-10-col-on-md {\n -ms-grid-column: col-start 10;\n grid-column-start: col-start 10;\n }\n .pfe-l-grid > .pfe-m-startat-11-col-on-md {\n -ms-grid-column: col-start 11;\n grid-column-start: col-start 11;\n }\n .pfe-l-grid > .pfe-m-startat-12-col-on-md {\n -ms-grid-column: col-start 12;\n grid-column-start: col-start 12;\n }\n .pfe-l-grid > .pfe-m-1-row-on-md {\n -ms-grid-row-span: 1;\n grid-row: span 1;\n }\n .pfe-l-grid > .pfe-m-2-row-on-md {\n -ms-grid-row-span: 2;\n grid-row: span 2;\n }\n .pfe-l-grid > .pfe-m-3-row-on-md {\n -ms-grid-row-span: 3;\n grid-row: span 3;\n }\n .pfe-l-grid > .pfe-m-4-row-on-md {\n -ms-grid-row-span: 4;\n grid-row: span 4;\n }\n .pfe-l-grid > .pfe-m-5-row-on-md {\n -ms-grid-row-span: 5;\n grid-row: span 5;\n }\n .pfe-l-grid > .pfe-m-6-row-on-md {\n -ms-grid-row-span: 6;\n grid-row: span 6;\n }\n .pfe-l-grid > .pfe-m-7-row-on-md {\n -ms-grid-row-span: 7;\n grid-row: span 7;\n }\n .pfe-l-grid > .pfe-m-8-row-on-md {\n -ms-grid-row-span: 8;\n grid-row: span 8;\n }\n .pfe-l-grid > .pfe-m-9-row-on-md {\n -ms-grid-row-span: 9;\n grid-row: span 9;\n }\n .pfe-l-grid > .pfe-m-10-row-on-md {\n -ms-grid-row-span: 10;\n grid-row: span 10;\n }\n .pfe-l-grid > .pfe-m-11-row-on-md {\n -ms-grid-row-span: 11;\n grid-row: span 11;\n }\n .pfe-l-grid > .pfe-m-12-row-on-md {\n -ms-grid-row-span: 12;\n grid-row: span 12;\n }\n }\n @media screen and (min-width: 992px) {\n .pfe-l-grid.pfe-m-all-1-col-on-lg > * {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 1;\n grid-column-end: span 1;\n }\n .pfe-l-grid.pfe-m-all-2-col-on-lg > * {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 2;\n grid-column-end: span 2;\n }\n .pfe-l-grid.pfe-m-all-3-col-on-lg > * {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 3;\n grid-column-end: span 3;\n }\n .pfe-l-grid.pfe-m-all-4-col-on-lg > * {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 4;\n grid-column-end: span 4;\n }\n .pfe-l-grid.pfe-m-all-5-col-on-lg > * {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 5;\n grid-column-end: span 5;\n }\n .pfe-l-grid.pfe-m-all-6-col-on-lg > * {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 6;\n grid-column-end: span 6;\n }\n .pfe-l-grid.pfe-m-all-7-col-on-lg > * {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 7;\n grid-column-end: span 7;\n }\n .pfe-l-grid.pfe-m-all-8-col-on-lg > * {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 8;\n grid-column-end: span 8;\n }\n .pfe-l-grid.pfe-m-all-9-col-on-lg > * {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 9;\n grid-column-end: span 9;\n }\n .pfe-l-grid.pfe-m-all-10-col-on-lg > * {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 10;\n grid-column-end: span 10;\n }\n .pfe-l-grid.pfe-m-all-11-col-on-lg > * {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 11;\n grid-column-end: span 11;\n }\n .pfe-l-grid.pfe-m-all-12-col-on-lg > * {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 12;\n grid-column-end: span 12;\n }\n .pfe-l-grid > .pfe-m-1-col-on-lg {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 1;\n grid-column-end: span 1;\n }\n .pfe-l-grid > .pfe-m-2-col-on-lg {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 2;\n grid-column-end: span 2;\n }\n .pfe-l-grid > .pfe-m-3-col-on-lg {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 3;\n grid-column-end: span 3;\n }\n .pfe-l-grid > .pfe-m-4-col-on-lg {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 4;\n grid-column-end: span 4;\n }\n .pfe-l-grid > .pfe-m-5-col-on-lg {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 5;\n grid-column-end: span 5;\n }\n .pfe-l-grid > .pfe-m-6-col-on-lg {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 6;\n grid-column-end: span 6;\n }\n .pfe-l-grid > .pfe-m-7-col-on-lg {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 7;\n grid-column-end: span 7;\n }\n .pfe-l-grid > .pfe-m-8-col-on-lg {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 8;\n grid-column-end: span 8;\n }\n .pfe-l-grid > .pfe-m-9-col-on-lg {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 9;\n grid-column-end: span 9;\n }\n .pfe-l-grid > .pfe-m-10-col-on-lg {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 10;\n grid-column-end: span 10;\n }\n .pfe-l-grid > .pfe-m-11-col-on-lg {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 11;\n grid-column-end: span 11;\n }\n .pfe-l-grid > .pfe-m-12-col-on-lg {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 12;\n grid-column-end: span 12;\n }\n .pfe-l-grid > .pfe-m-startat-1-col-on-lg {\n -ms-grid-column: col-start 1;\n grid-column-start: col-start 1;\n }\n .pfe-l-grid > .pfe-m-startat-2-col-on-lg {\n -ms-grid-column: col-start 2;\n grid-column-start: col-start 2;\n }\n .pfe-l-grid > .pfe-m-startat-3-col-on-lg {\n -ms-grid-column: col-start 3;\n grid-column-start: col-start 3;\n }\n .pfe-l-grid > .pfe-m-startat-4-col-on-lg {\n -ms-grid-column: col-start 4;\n grid-column-start: col-start 4;\n }\n .pfe-l-grid > .pfe-m-startat-5-col-on-lg {\n -ms-grid-column: col-start 5;\n grid-column-start: col-start 5;\n }\n .pfe-l-grid > .pfe-m-startat-6-col-on-lg {\n -ms-grid-column: col-start 6;\n grid-column-start: col-start 6;\n }\n .pfe-l-grid > .pfe-m-startat-7-col-on-lg {\n -ms-grid-column: col-start 7;\n grid-column-start: col-start 7;\n }\n .pfe-l-grid > .pfe-m-startat-8-col-on-lg {\n -ms-grid-column: col-start 8;\n grid-column-start: col-start 8;\n }\n .pfe-l-grid > .pfe-m-startat-9-col-on-lg {\n -ms-grid-column: col-start 9;\n grid-column-start: col-start 9;\n }\n .pfe-l-grid > .pfe-m-startat-10-col-on-lg {\n -ms-grid-column: col-start 10;\n grid-column-start: col-start 10;\n }\n .pfe-l-grid > .pfe-m-startat-11-col-on-lg {\n -ms-grid-column: col-start 11;\n grid-column-start: col-start 11;\n }\n .pfe-l-grid > .pfe-m-startat-12-col-on-lg {\n -ms-grid-column: col-start 12;\n grid-column-start: col-start 12;\n }\n .pfe-l-grid > .pfe-m-1-row-on-lg {\n -ms-grid-row-span: 1;\n grid-row: span 1;\n }\n .pfe-l-grid > .pfe-m-2-row-on-lg {\n -ms-grid-row-span: 2;\n grid-row: span 2;\n }\n .pfe-l-grid > .pfe-m-3-row-on-lg {\n -ms-grid-row-span: 3;\n grid-row: span 3;\n }\n .pfe-l-grid > .pfe-m-4-row-on-lg {\n -ms-grid-row-span: 4;\n grid-row: span 4;\n }\n .pfe-l-grid > .pfe-m-5-row-on-lg {\n -ms-grid-row-span: 5;\n grid-row: span 5;\n }\n .pfe-l-grid > .pfe-m-6-row-on-lg {\n -ms-grid-row-span: 6;\n grid-row: span 6;\n }\n .pfe-l-grid > .pfe-m-7-row-on-lg {\n -ms-grid-row-span: 7;\n grid-row: span 7;\n }\n .pfe-l-grid > .pfe-m-8-row-on-lg {\n -ms-grid-row-span: 8;\n grid-row: span 8;\n }\n .pfe-l-grid > .pfe-m-9-row-on-lg {\n -ms-grid-row-span: 9;\n grid-row: span 9;\n }\n .pfe-l-grid > .pfe-m-10-row-on-lg {\n -ms-grid-row-span: 10;\n grid-row: span 10;\n }\n .pfe-l-grid > .pfe-m-11-row-on-lg {\n -ms-grid-row-span: 11;\n grid-row: span 11;\n }\n .pfe-l-grid > .pfe-m-12-row-on-lg {\n -ms-grid-row-span: 12;\n grid-row: span 12;\n }\n }\n @media screen and (min-width: 1200px) {\n .pfe-l-grid.pfe-m-all-1-col-on-xl > * {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 1;\n grid-column-end: span 1;\n }\n .pfe-l-grid.pfe-m-all-2-col-on-xl > * {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 2;\n grid-column-end: span 2;\n }\n .pfe-l-grid.pfe-m-all-3-col-on-xl > * {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 3;\n grid-column-end: span 3;\n }\n .pfe-l-grid.pfe-m-all-4-col-on-xl > * {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 4;\n grid-column-end: span 4;\n }\n .pfe-l-grid.pfe-m-all-5-col-on-xl > * {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 5;\n grid-column-end: span 5;\n }\n .pfe-l-grid.pfe-m-all-6-col-on-xl > * {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 6;\n grid-column-end: span 6;\n }\n .pfe-l-grid.pfe-m-all-7-col-on-xl > * {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 7;\n grid-column-end: span 7;\n }\n .pfe-l-grid.pfe-m-all-8-col-on-xl > * {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 8;\n grid-column-end: span 8;\n }\n .pfe-l-grid.pfe-m-all-9-col-on-xl > * {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 9;\n grid-column-end: span 9;\n }\n .pfe-l-grid.pfe-m-all-10-col-on-xl > * {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 10;\n grid-column-end: span 10;\n }\n .pfe-l-grid.pfe-m-all-11-col-on-xl > * {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 11;\n grid-column-end: span 11;\n }\n .pfe-l-grid.pfe-m-all-12-col-on-xl > * {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 12;\n grid-column-end: span 12;\n }\n .pfe-l-grid > .pfe-m-1-col-on-xl {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 1;\n grid-column-end: span 1;\n }\n .pfe-l-grid > .pfe-m-2-col-on-xl {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 2;\n grid-column-end: span 2;\n }\n .pfe-l-grid > .pfe-m-3-col-on-xl {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 3;\n grid-column-end: span 3;\n }\n .pfe-l-grid > .pfe-m-4-col-on-xl {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 4;\n grid-column-end: span 4;\n }\n .pfe-l-grid > .pfe-m-5-col-on-xl {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 5;\n grid-column-end: span 5;\n }\n .pfe-l-grid > .pfe-m-6-col-on-xl {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 6;\n grid-column-end: span 6;\n }\n .pfe-l-grid > .pfe-m-7-col-on-xl {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 7;\n grid-column-end: span 7;\n }\n .pfe-l-grid > .pfe-m-8-col-on-xl {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 8;\n grid-column-end: span 8;\n }\n .pfe-l-grid > .pfe-m-9-col-on-xl {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 9;\n grid-column-end: span 9;\n }\n .pfe-l-grid > .pfe-m-10-col-on-xl {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 10;\n grid-column-end: span 10;\n }\n .pfe-l-grid > .pfe-m-11-col-on-xl {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 11;\n grid-column-end: span 11;\n }\n .pfe-l-grid > .pfe-m-12-col-on-xl {\n width: auto;\n -ms-grid-column: auto;\n grid-column-start: auto;\n -ms-grid-column-span: 12;\n grid-column-end: span 12;\n }\n .pfe-l-grid > .pfe-m-startat-1-col-on-xl {\n -ms-grid-column: col-start 1;\n grid-column-start: col-start 1;\n }\n .pfe-l-grid > .pfe-m-startat-2-col-on-xl {\n -ms-grid-column: col-start 2;\n grid-column-start: col-start 2;\n }\n .pfe-l-grid > .pfe-m-startat-3-col-on-xl {\n -ms-grid-column: col-start 3;\n grid-column-start: col-start 3;\n }\n .pfe-l-grid > .pfe-m-startat-4-col-on-xl {\n -ms-grid-column: col-start 4;\n grid-column-start: col-start 4;\n }\n .pfe-l-grid > .pfe-m-startat-5-col-on-xl {\n -ms-grid-column: col-start 5;\n grid-column-start: col-start 5;\n }\n .pfe-l-grid > .pfe-m-startat-6-col-on-xl {\n -ms-grid-column: col-start 6;\n grid-column-start: col-start 6;\n }\n .pfe-l-grid > .pfe-m-startat-7-col-on-xl {\n -ms-grid-column: col-start 7;\n grid-column-start: col-start 7;\n }\n .pfe-l-grid > .pfe-m-startat-8-col-on-xl {\n -ms-grid-column: col-start 8;\n grid-column-start: col-start 8;\n }\n .pfe-l-grid > .pfe-m-startat-9-col-on-xl {\n -ms-grid-column: col-start 9;\n grid-column-start: col-start 9;\n }\n .pfe-l-grid > .pfe-m-startat-10-col-on-xl {\n -ms-grid-column: col-start 10;\n grid-column-start: col-start 10;\n }\n .pfe-l-grid > .pfe-m-startat-11-col-on-xl {\n -ms-grid-column: col-start 11;\n grid-column-start: col-start 11;\n }\n .pfe-l-grid > .pfe-m-startat-12-col-on-xl {\n -ms-grid-column: col-start 12;\n grid-column-start: col-start 12;\n }\n .pfe-l-grid > .pfe-m-1-row-on-xl {\n -ms-grid-row-span: 1;\n grid-row: span 1;\n }\n .pfe-l-grid > .pfe-m-2-row-on-xl {\n -ms-grid-row-span: 2;\n grid-row: span 2;\n }\n .pfe-l-grid > .pfe-m-3-row-on-xl {\n -ms-grid-row-span: 3;\n grid-row: span 3;\n }\n .pfe-l-grid > .pfe-m-4-row-on-xl {\n -ms-grid-row-span: 4;\n grid-row: span 4;\n }\n .pfe-l-grid > .pfe-m-5-row-on-xl {\n -ms-grid-row-span: 5;\n grid-row: span 5;\n }\n .pfe-l-grid > .pfe-m-6-row-on-xl {\n -ms-grid-row-span: 6;\n grid-row: span 6;\n }\n .pfe-l-grid > .pfe-m-7-row-on-xl {\n -ms-grid-row-span: 7;\n grid-row: span 7;\n }\n .pfe-l-grid > .pfe-m-8-row-on-xl {\n -ms-grid-row-span: 8;\n grid-row: span 8;\n }\n .pfe-l-grid > .pfe-m-9-row-on-xl {\n -ms-grid-row-span: 9;\n grid-row: span 9;\n }\n .pfe-l-grid > .pfe-m-10-row-on-xl {\n -ms-grid-row-span: 10;\n grid-row: span 10;\n }\n .pfe-l-grid > .pfe-m-11-row-on-xl {\n -ms-grid-row-span: 11;\n grid-row: span 11;\n }\n .pfe-l-grid > .pfe-m-12-row-on-xl {\n -ms-grid-row-span: 12;\n grid-row: span 12;\n }\n }\n .pfe-l-grid.pfe-m-gutters {\n grid-gap: 16px;\n margin: 0;\n }\n .pfe-l-grid.pfe-m-gutters > * {\n margin: 0;\n }\n}\n\n#main-menu {\n background: transparent !important;\n}\n\n@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {\n /* IE10+ */\n pfe-navigation-item [slot=\"trigger\"] {\n width: 100%;\n max-width: 130px;\n font-size: 12px;\n margin: 0;\n }\n pfe-navigation-item [slot=\"trigger\"] a {\n color: #fff;\n color: var(--pfe-theme--color--text--on-dark, #fff);\n }\n}\n\n@media screen and (-ms-high-contrast: active) and (min-width: 992px), screen and (-ms-high-contrast: none) and (min-width: 992px) {\n pfe-navigation-item.expanded {\n background-color: #fff;\n background-color: var(--pfe-theme--color--surface--lightest, #fff);\n border-top-color: #e00;\n border-top-color: var(--pfe-theme--color--surface--accent, #e00);\n }\n}\n\n@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {\n pfe-navigation-item.expanded [slot=\"trigger\"] a {\n color: #333;\n color: var(--pfe-theme--color--text, #333);\n }\n}\n\n@media screen and (-ms-high-contrast: active) and (min-width: 768px), screen and (-ms-high-contrast: none) and (min-width: 768px) {\n .pfe-navigation__container {\n max-width: 768px;\n }\n}\n\n@media screen and (-ms-high-contrast: active) and (min-width: 992px), screen and (-ms-high-contrast: none) and (min-width: 992px) {\n .pfe-navigation__container {\n max-width: 992px;\n }\n}\n\n@media screen and (-ms-high-contrast: active) and (min-width: 1200px), screen and (-ms-high-contrast: none) and (min-width: 1200px) {\n .pfe-navigation__container {\n max-width: 1140px;\n }\n}\n\n@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {\n .pfe-navigation-item__tray--container {\n padding: 1em 0;\n }\n [slot=\"tray\"] {\n width: 100%;\n min-height: 60px;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -webkit-flex-direction: column;\n -ms-flex-direction: column;\n flex-direction: column;\n }\n}\n\n@media screen and (-ms-high-contrast: active) and (min-width: 992px), screen and (-ms-high-contrast: none) and (min-width: 992px) {\n .pfe-navigation-item__tray--container {\n margin: 0 auto;\n }\n}\n\n@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {\n [is_nested][parent_hidden] .pfe-navigation-item__tray {\n max-height: none;\n overflow: visible;\n }\n}\n\n@media screen and (-ms-high-contrast: active) and (max-width: 1023px), screen and (-ms-high-contrast: none) and (max-width: 1023px) {\n .pfe-navigation__main {\n display: block !important;\n }\n .pfe-navigation-item__tray {\n max-height: none !important;\n }\n .pfe-navigation-item-2 .pfe-navigation-item__trigger.pfe-navigation-item[aria-expanded=true] {\n border-left: 4px solid #06c;\n border-right: 1px solid #d2d2d2;\n }\n [class*=\"pfe-navigation-item-\"] .pfe-navigation-item__trigger.pfe-navigation-item[aria-expanded=true] {\n background-color: white;\n border-top: 3px solid #ee0000;\n }\n [pfe-icon=web-mobile-menu]:not([show_links]) {\n border-bottom: none;\n }\n [pfe-icon=web-mobile-menu]:not([show_links]) .pfe-navigation-item__tray.pfe-navigation-item .pfe-navigation-item__tray.pfe-navigation-item {\n max-height: 500px !important;\n overflow-y: scroll;\n }\n [pfe-icon=web-mobile-menu]:not([show_links]) .pfe-navigation-item__tray.pfe-navigation-item .pfe-navigation-item__trigger.pfe-navigation-item:not([aria-expanded=true]) {\n border-bottom: 1px solid #d2d2d2;\n border-bottom: 1px solid var(--pfe-theme--color--surface--border, #d2d2d2);\n }\n [pfe-icon=web-user],\n [pfe-icon=web-globe] {\n padding-left: 0 !important;\n }\n [pfe-icon=web-user] .pfe-navigation-item__trigger a,\n [pfe-icon=web-globe] .pfe-navigation-item__trigger a {\n font-size: 12px;\n }\n [pfe-icon=web-user] .pfe-navigation-item__trigger.pfe-navigation-item,\n [pfe-icon=web-globe] .pfe-navigation-item__trigger.pfe-navigation-item {\n border-bottom: none !important;\n }\n}\n\n@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {\n .pfe-navigation-1 .pfe-navigation__wrapper.pfe-navigation {\n min-height: 0;\n }\n .pfe-navigation-item__trigger.pfe-navigation-item:hover {\n cursor: pointer;\n border-top: 4px solid #e00;\n border-top: var(--pfe-theme--surface--border-width--heavy, 4px) solid var(--pfe-theme--color--surface--accent, #e00);\n }\n .pfe-navigation-item__trigger .pfe-navigation__utility--mobile > *:not(:last-child) {\n margin-bottom: 16px;\n margin-bottom: var(--pfe-theme--container-spacer, 16px);\n }\n .pfe-navigation-item__trigger .pfe-navigation-item__tray--container {\n padding-top: 16px;\n padding-top: var(--pfe-theme--container-spacer, 16px);\n }\n .pfe-navigation-item__trigger > *.pfe-navigation-item__trigger--icon:first-child {\n display: none;\n }\n .pfe-navigation-item__trigger > *:not(.pfe-navigation-item__trigger--icon) {\n color: #fff;\n color: var(--pfe-navigation--Color, #fff);\n }\n .expanded .pfe-navigation-item__trigger > *:not(.pfe-navigation-item__trigger--icon) {\n color: #333;\n color: var(--pfe-theme--color--text, #333);\n }\n .pfe-navigation-item__trigger > *:not(.pfe-navigation-item__trigger--icon) a,\n .pfe-navigation-item__trigger > *:not(.pfe-navigation-item__trigger--icon) a:hover,\n .pfe-navigation-item__trigger > *:not(.pfe-navigation-item__trigger--icon) a:visited {\n color: inherit;\n }\n .pfe-navigation-item__trigger pfe-icon {\n display: none;\n }\n .pfe-navigation--column-span-2 {\n -ms-grid-column-span: 1 !important;\n }\n :not([pfe-icon=web-mobile-menu]):not([is_nested]).pfe-navigation-item-1 .pfe-navigation-item__tray.pfe-navigation-item {\n color: #464646 !important;\n color: var(--pfe-theme--color--ui-complement, #464646) !important;\n }\n [pfe-icon=web-mobile-menu]:not([show_links]).pfe-navigation-item-3 .pfe-navigation__main .pfe-navigation-item__tray.pfe-navigation-item {\n top: 0 !important;\n }\n pfe-navigation [slot=\"logo\"] {\n max-width: 100%;\n }\n}\n\n@media screen and (-ms-high-contrast: active) and (min-width: 768px), screen and (-ms-high-contrast: none) and (min-width: 768px) {\n .pfe-navigation--footer .pfe-navigation--column {\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -webkit-align-items: center;\n -ms-flex-align: center;\n align-items: center;\n }\n}\n\n@supports (-ms-ime-align: auto) {\n /* Microsoft Edge Browser 16+ (All) */\n pfe-navigation-item[pfe-icon] > .pfe-navigation-item__trigger > [slot=\"trigger\"] {\n font-size: 12px;\n text-align: center;\n }\n pfe-navigation-item [slot=\"tray\"] {\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n }\n pfe-navigation-item [slot=\"trigger\"] {\n font-size: 16px;\n margin: 0;\n }\n pfe-navigation-item .pfe-navigation-item__trigger[aria-expanded=true]::after {\n display: block !important;\n }\n pfe-navigation-item.expanded .pfe-navigation-item__trigger pfe-icon:not(.load-failed) svg.pfe-icon filter.pfe-icon feFlood.pfe-icon {\n flood-color: #464646 !important;\n flood-color: var(--pfe-theme--color--ui-complement, #464646) !important;\n }\n pfe-navigation-item.expanded [slot=\"trigger\"] a {\n color: #333 !important;\n color: var(--pfe-theme--color--text, #333) !important;\n }\n pfe-navigation-item[is_nested]:not([parent_hidden]) .pfe-navigation-item__trigger.pfe-navigation-item::after {\n height: .5em !important;\n width: .5em !important;\n top: 22px !important;\n }\n .pfe-navigation-item__trigger {\n -webkit-transition: none !important;\n transition: none !important;\n }\n @media screen and (max-width: 1023px) {\n pfe-navigation-item.expanded[pfe-icon=web-mobile-menu]:not([has_tray]) {\n background-color: #fff;\n background-color: var(--pfe-theme--color--surface--lightest, #fff);\n }\n pfe-navigation-item:not([parent_hidden])[is_nested].expanded .pfe-navigation-item__trigger.pfe-navigation-item[aria-expanded=\"true\"] {\n border-left: 4px solid #06c !important;\n border-right: 1px solid #d2d2d2 !important;\n }\n pfe-navigation-item:not([parent_hidden])[is_nested] .pfe-navigation-item__trigger.pfe-navigation-item[aria-expanded=\"true\"] {\n border-left: 4px solid #06c !important;\n border-right: 1px solid #d2d2d2 !important;\n }\n }\n @media screen and (min-width: 1024px) {\n .pfe-navigation-item__trigger::after {\n display: none !important;\n }\n .pfe-navigation-item__trigger:hover::after {\n display: block !important;\n }\n }\n .pfe-navigation-item__trigger {\n --pfe-navigation__trigger-icon--Visible: hidden;\n }\n .pfe-navigation-item__trigger:hover {\n --pfe-navigation__trigger-icon--Visible: visible;\n }\n .pfe-navigation-item__trigger.pfe-navigation-item {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n }\n .pfe-navigation-item__trigger.pfe-navigation-item:hover {\n cursor: pointer;\n border-top: 4px solid #e00;\n border-top: var(--pfe-theme--surface--border-width--heavy, 4px) solid var(--pfe-theme--color--surface--accent, #e00);\n }\n .pfe-navigation-item__trigger pfe-icon {\n max-height: 20px;\n }\n .pfe-navigation-item__trigger pfe-icon:not(.load-failed) svg.pfe-icon filter.pfe-icon feFlood.pfe-icon {\n flood-color: #fff !important;\n flood-color: var(--pfe-theme--color--text--on-dark, #fff) !important;\n }\n pfe-navigation-item:not([parent_hidden])[is_nested].expanded .pfe-navigation-item__tray.pfe-navigation-item {\n top: 0;\n }\n .pfe-navigation__logo {\n margin-right: 20px;\n }\n @media (min-width: 768px) {\n .pfe-navigation--footer .pfe-navigation--column {\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -webkit-align-items: center;\n -ms-flex-align: center;\n align-items: center;\n }\n }\n}\n\npfe-navigation [slot=\"logo\"] {\n margin: 0;\n}\n\npfe-navigation [slot=\"logo\"] > a {\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -webkit-align-items: center;\n -ms-flex-align: center;\n align-items: center;\n}\n\npfe-navigation [slot=\"logo\"] > a > * {\n max-height: 32px;\n}\n\npfe-navigation-item [slot=\"trigger\"] {\n font-family: \"Overpass\", Overpass, Helvetica, helvetica, arial, sans-serif;\n font-family: var(--pfe-theme--font-family, \"Overpass\", Overpass, Helvetica, helvetica, arial, sans-serif);\n margin: 0.25em 0 0 0 !important;\n line-height: 1.3;\n}\n\npfe-navigation-item pfe-icon + [slot=\"trigger\"] > a {\n font-size: 12px;\n}\n\npfe-navigation-item [slot=\"trigger\"] > a {\n outline: none;\n text-decoration: none;\n color: #fff !important;\n color: var(--pfe-theme--color--ui-base--text, #fff) !important;\n}\n\npfe-navigation-item [slot=\"trigger\"] > a:hover, pfe-navigation-item [slot=\"trigger\"] > a:focus {\n text-decoration: none;\n}\n\npfe-navigation-item.expanded [slot=\"trigger\"] > a,\npfe-navigation-item.expanded [slot=\"trigger\"] > a.active {\n color: #333 !important;\n color: var(--pfe-theme--color--text, #333) !important;\n}\n\npfe-navigation-main[show_content] pfe-navigation-item.expanded [slot=\"trigger\"] > a.active {\n color: #333 !important;\n color: var(--pfe-theme--color--text, #333) !important;\n}\n\npfe-navigation-main[show_content] pfe-navigation-item [slot=\"trigger\"] > a.active {\n color: #fff !important;\n color: var(--pfe-theme--color--ui-base--text, #fff) !important;\n}\n\npfe-navigation-item[parent_hidden] [slot=\"trigger\"] {\n text-align: center;\n}\n\npfe-navigation-item:not([parent_hidden])[is_nested] [slot=\"trigger\"] > a {\n color: #464646 !important;\n color: var(--pfe-theme--color--ui-complement, #464646) !important;\n}\n\n[slot=\"mobile-search\"] input[type=\"text\"] {\n padding: 5px 10px;\n}\n\n@media (min-width: 576px) {\n .pfe-navigation-grid {\n -webkit-column-count: 2;\n -moz-column-count: 2;\n column-count: 2;\n -webkit-column-gap: 32px;\n -moz-column-gap: 32px;\n column-gap: 32px;\n -webkit-box-flex: 1;\n -webkit-flex: 1;\n -ms-flex: 1;\n flex: 1;\n }\n}\n\n@media (min-width: 992px) {\n .pfe-navigation-grid {\n -webkit-column-count: 3;\n -moz-column-count: 3;\n column-count: 3;\n }\n}\n\n@media (min-width: 1200px) {\n .pfe-navigation-grid {\n /* autoprefixer grid: autoplace */\n display: -ms-grid;\n display: grid;\n grid-gap: 32px;\n grid-template-columns: repeat(4, 1fr);\n -ms-grid-columns: 1fr 1fr 1fr 1fr;\n }\n .pfe-navigation-grid .pfe-navigation--column:nth-child(1) {\n -ms-grid-column: 1;\n }\n .pfe-navigation-grid .pfe-navigation--column:nth-child(2) {\n -ms-grid-column: 2;\n }\n .pfe-navigation-grid .pfe-navigation--column:nth-child(3) {\n -ms-grid-column: 3;\n }\n .pfe-navigation-grid .pfe-navigation--column:nth-child(4) {\n -ms-grid-column: 4;\n }\n}\n\n@media (min-width: 1200px) {\n .pfe-navigation--column-span-2 {\n -ms-grid-column-span: 2;\n grid-column: span 2;\n }\n}\n\n.pfe-navigation--footer:not(:empty) {\n margin: calc(16px * 2) 0 calc(16px * 1.5);\n margin: calc(var(--pfe-theme--container-padding, 16px) * 2) 0 calc(var(--pfe-theme--container-padding, 16px) * 1.5);\n border-top: 1px solid lightgray;\n padding: calc(16px * 2.5) 0 0;\n padding: calc(var(--pfe-theme--container-padding, 16px) * 2.5) 0 0;\n}\n\n.pfe-navigation--footer:not(:empty) > *:not(:last-child) {\n margin-bottom: 32px;\n}\n\n.pfe-navigation--footer:not(:empty) > * {\n -webkit-box-flex: 0;\n -webkit-flex: 0 1 45%;\n -ms-flex: 0 1 45%;\n flex: 0 1 45%;\n}\n\n@media (min-width: 576px) {\n .pfe-navigation--footer:not(:empty) {\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-flex-wrap: wrap;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n -webkit-box-align: center;\n -webkit-align-items: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: justify;\n -webkit-justify-content: space-between;\n -ms-flex-pack: justify;\n justify-content: space-between;\n }\n .pfe-navigation--footer:not(:empty) > *:not(:last-child) {\n margin-bottom: 0;\n }\n .pfe-navigation--footer:not(:empty) > *:nth-child(3),\n .pfe-navigation--footer:not(:empty) > *:nth-child(4) {\n margin-top: 32px;\n }\n}\n\n@media (min-width: 768px) {\n .pfe-navigation--footer:not(:empty) {\n -webkit-box-pack: start;\n -webkit-justify-content: flex-start;\n -ms-flex-pack: start;\n justify-content: flex-start;\n }\n}\n\n@media (min-width: 992px) {\n .pfe-navigation--footer:not(:empty) {\n display: -ms-grid;\n display: grid;\n grid-gap: 32px;\n grid-auto-flow: column;\n -ms-grid-columns: 1fr 1fr 1fr 1fr;\n }\n .pfe-navigation--footer:not(:empty) .pfe-navigation--column:nth-child(1) {\n -ms-grid-column: 1;\n }\n .pfe-navigation--footer:not(:empty) .pfe-navigation--column:nth-child(2) {\n -ms-grid-column: 2;\n }\n .pfe-navigation--footer:not(:empty) .pfe-navigation--column:nth-child(3) {\n -ms-grid-column: 3;\n }\n .pfe-navigation--footer:not(:empty) .pfe-navigation--column:nth-child(4) {\n -ms-grid-column: 4;\n }\n .pfe-navigation--footer:not(:empty) > *:nth-child(3),\n .pfe-navigation--footer:not(:empty) > *:nth-child(4) {\n margin-top: 0;\n }\n}\n\n@media (min-width: 1200px) {\n .pfe-navigation--footer:not(:empty) {\n padding-bottom: 0;\n display: -ms-grid;\n grid-template-columns: repeat(4, 1fr);\n -ms-grid-columns: 1fr 1fr 1fr 1fr;\n }\n}\n\n.pfe-navigation-item__tray--container {\n width: 100%;\n}\n\n@media screen and (min-width: 768px) {\n .pfe-navigation-item__tray--container {\n padding: 0;\n max-width: 1140px;\n max-width: var(--pfe-navigation--Width, 1140px);\n }\n}\n\n@media screen and (min-width: 768px) {\n pfe-navigation-item:not([pfe-full-width]) .pfe-navigation-item__tray--container {\n --pfe-navigation--Width: calc(768px - var(--pfe-navigation--MaxWidth));\n }\n}\n\n@media screen and (min-width: 992px) {\n pfe-navigation-item:not([pfe-full-width]) .pfe-navigation-item__tray--container {\n --pfe-navigation--Width: calc(992px - var(--pfe-navigation--MaxWidth));\n }\n}\n\n@media screen and (min-width: 1200px) {\n pfe-navigation-item:not([pfe-full-width]) .pfe-navigation-item__tray--container {\n --pfe-navigation--Width: calc(1200px - var(--pfe-navigation--MaxWidth));\n }\n}\n\n@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {\n .pfe-navigation-item__tray--container {\n /* IE10+ */\n padding-top: 1.5em;\n padding-bottom: 1.5em;\n }\n}\n\n.pfe-navigation-item__tray--container input[type=\"text\"] {\n padding: 5px 10px;\n}\n\npfe-navigation-item .pfe-link-list {\n -webkit-column-break-inside: avoid;\n page-break-inside: avoid;\n -moz-column-break-inside: avoid;\n break-inside: avoid;\n display: block;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n width: 100%;\n margin-bottom: 1em;\n}\n\npfe-navigation-item .pfe-link-list--header {\n font-family: \"Overpass\", Overpass, Helvetica, helvetica, arial, sans-serif;\n font-family: var(--pfe-theme--font-family, \"Overpass\", Overpass, Helvetica, helvetica, arial, sans-serif);\n margin: 0 0 .75em 0;\n font-size: 16px;\n font-weight: 400;\n line-height: 1.75;\n color: #464646;\n color: var(--pfe-theme--color--ui-complement, #464646);\n}\n\n@media (min-width: 1200px) {\n pfe-navigation-item .pfe-link-list--header {\n font-size: 16px;\n }\n}\n\npfe-navigation-item .pfe-link-list--header a {\n color: #464646;\n color: var(--pfe-theme--color--ui-complement, #464646);\n text-decoration: underline;\n}\n\npfe-navigation-item .pfe-link-list--header a:hover {\n color: #464646;\n color: var(--pfe-theme--color--ui-complement, #464646);\n text-decoration: none;\n}\n\npfe-navigation-item .pfe-link-list--header a:focus {\n outline-offset: 1px;\n outline-style: dotted;\n outline-width: 1px;\n outline-color: #003366;\n outline-color: var(--pfe-broadcasted--link--focus, #003366);\n}\n\npfe-navigation-item .pfe-link-list--group {\n list-style: none;\n padding: 0;\n}\n\npfe-navigation-item .pfe-link-list--group-item {\n line-height: 1.3;\n margin-bottom: .75em;\n}\n\npfe-navigation-item .pfe-link-list--group-item > a {\n font-size: 16px;\n}\n\npfe-navigation-item.expanded pfe-navigation-item[parent_hidden]:not(.expanded) [slot=\"trigger\"] > a,\npfe-navigation-item.expanded pfe-navigation-item[parent_hidden]:not(.expanded) [slot=\"trigger\"] > a.active {\n color: #fff !important;\n}\n\n[slot=\"trigger\"],\n[slot=\"trigger\"] > a {\n font-size: 12px;\n}\n\npfe-navigation-main [slot=\"trigger\"],\npfe-navigation-main [slot=\"trigger\"] > a {\n font-size: 16px;\n font-size: var(--pfe-theme--font-size--heading--epsilon, 16px);\n}\n\n@media screen and (min-width: 1024px) and (max-width: 1199px) {\n pfe-navigation-main [slot=\"trigger\"],\n pfe-navigation-main [slot=\"trigger\"] > a {\n font-size: 13px;\n }\n}\n\n[slot=\"tray\"] {\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-flex: 1;\n -webkit-flex-grow: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n -webkit-box-pack: center;\n -webkit-justify-content: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n\n@media screen and (max-width: 1023px) {\n .pfe-navigation__main .pfe-navigation-item__tray {\n position: relative;\n top: 0 !important;\n }\n}\n\n@media screen and (max-width: 1023px) {\n .pfe-navigation-item .pfe-navigation-item__tray {\n max-height: none !important;\n }\n}\n\n/*# sourceMappingURL=pfe-navigation--lightdom.css.map */\n"]} \ No newline at end of file diff --git a/elements/pfe-navigation/dist/pfe-navigation--noscript.css b/elements/pfe-navigation/dist/pfe-navigation--noscript.css new file mode 100644 index 0000000000..0faf4c21fc --- /dev/null +++ b/elements/pfe-navigation/dist/pfe-navigation--noscript.css @@ -0,0 +1,102 @@ +pfe-navigation { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + background-color: #131313 !important; + background-color: var(--pfe-theme--color--surface--darkest, #131313) !important; + padding: 1em; +} + +@media screen and (min-width: 960px) { + pfe-navigation { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + } + pfe-navigation > pfe-navigation-item { + margin-left: 1em; + } +} + +pfe-navigation [slot="skip"] { + display: none; +} + +pfe-navigation a { + color: #fff !important; + color: var(--pfe-theme--color--ui-base--text, #fff) !important; + text-decoration: none; +} + +pfe-navigation a:visited { + color: #fff !important; + color: var(--pfe-theme--color--ui-base--text, #fff) !important; +} + +pfe-navigation [slot="mobile-language"], +pfe-navigation [slot="mobile-login"] { + display: none; +} + +pfe-navigation-main { + display: block; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; +} + +pfe-navigation-main ul { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + padding-left: 0; + margin: 0; +} + +@media screen and (min-width: 960px) { + pfe-navigation-main ul { + -webkit-justify-content: space-around; + -ms-flex-pack: distribute; + justify-content: space-around; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + } +} + +pfe-navigation-main li { + list-style-type: none; +} + +pfe-navigation-item > * { + font-size: 16px; + margin-bottom: 0; + margin-top: 0; +} + +/*# sourceMappingURL=pfe-navigation--noscript.css.map */ diff --git a/elements/pfe-navigation/dist/pfe-navigation--noscript.css.map b/elements/pfe-navigation/dist/pfe-navigation--noscript.css.map new file mode 100644 index 0000000000..84d0646a54 --- /dev/null +++ b/elements/pfe-navigation/dist/pfe-navigation--noscript.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["pfe-navigation--noscript.scss","pfe-navigation--noscript.css"],"names":[],"mappings":"AAEA;EACI,oBAAa;EAAb,qBAAa;EAAb,oBAAa;EAAb,aAAa;EACb,4BAAsB;EAAtB,6BAAsB;EAAtB,8BAAsB;MAAtB,0BAAsB;UAAtB,sBAAsB;EACtB,wBAAuB;EAAvB,+BAAuB;MAAvB,qBAAuB;UAAvB,uBAAuB;EACvB,oCAA2D;EAA3D,+EAA2D;EAC3D,YAAY;ACDhB;;ADGI;EAPJ;IAQQ,8BAAmB;IAAnB,6BAAmB;IAAnB,2BAAmB;QAAnB,uBAAmB;YAAnB,mBAAmB;IACnB,yBAAmB;IAAnB,2BAAmB;QAAnB,sBAAmB;YAAnB,mBAAmB;ECCzB;EDVF;IAYY,gBAAgB;ECC1B;AACF;;ADdA;EAiBQ,aAAa;ACCrB;;ADlBA;EAoBQ,sBAA6C;EAA7C,8DAA6C;EAC7C,qBAAqB;ACE7B;;ADvBA;EAuBY,sBAA6C;EAA7C,8DAA6C;ACIzD;;AD3BA;;EA4BQ,aAAa;ACIrB;;ADAA;EACI,cAAc;EACd,mBAAY;EAAZ,oBAAY;MAAZ,oBAAY;UAAZ,YAAY;ACGhB;;ADLA;EAKQ,oBAAa;EAAb,qBAAa;EAAb,oBAAa;EAAb,aAAa;EACb,4BAAsB;EAAtB,6BAAsB;EAAtB,8BAAsB;MAAtB,0BAAsB;UAAtB,sBAAsB;EACtB,eAAe;EACf,SAAS;ACIjB;;ADFQ;EAVR;IAWY,qCAA6B;QAA7B,yBAA6B;YAA7B,6BAA6B;IAC7B,8BAAmB;IAAnB,6BAAmB;IAAnB,2BAAmB;QAAnB,uBAAmB;YAAnB,mBAAmB;ECM7B;AACF;;ADnBA;EAgBQ,qBAAqB;ACO7B;;ADHA;EAEQ,eAAe;EACf,gBAAgB;EAChB,aAAa;ACKrB","file":"pfe-navigation--noscript.css","sourcesContent":["@import \"../../pfe-sass/pfe-sass\";\n\npfe-navigation {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n background-color: #{pfe-color(surface--darkest)} !important;\n padding: 1em;\n\n @media screen and (min-width: 960px) {\n flex-direction: row;\n align-items: center;\n\n > pfe-navigation-item {\n margin-left: 1em;\n }\n }\n\n [slot=\"skip\"] {\n display: none; \n }\n a {\n color: #{pfe-color(ui-base--text)} !important;\n text-decoration: none;\n &:visited {\n color: #{pfe-color(ui-base--text)} !important;\n }\n }\n [slot=\"mobile-language\"],\n [slot=\"mobile-login\"] {\n display: none;\n }\n}\n\npfe-navigation-main {\n display: block;\n flex-grow: 1;\n\n ul {\n display: flex;\n flex-direction: column;\n padding-left: 0;\n margin: 0;\n\n @media screen and (min-width: 960px) {\n justify-content: space-around;\n flex-direction: row;\n }\n }\n li{\n list-style-type: none;\n }\n}\n\npfe-navigation-item {\n > * {\n font-size: 16px;\n margin-bottom: 0;\n margin-top: 0;\n }\n}","pfe-navigation {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n background-color: var(--pfe-theme--color--surface--darkest, #131313) !important;\n padding: 1em;\n}\n\n@media screen and (min-width: 960px) {\n pfe-navigation {\n flex-direction: row;\n align-items: center;\n }\n pfe-navigation > pfe-navigation-item {\n margin-left: 1em;\n }\n}\n\npfe-navigation [slot=\"skip\"] {\n display: none;\n}\n\npfe-navigation a {\n color: var(--pfe-theme--color--ui-base--text, #fff) !important;\n text-decoration: none;\n}\n\npfe-navigation a:visited {\n color: var(--pfe-theme--color--ui-base--text, #fff) !important;\n}\n\npfe-navigation [slot=\"mobile-language\"],\npfe-navigation [slot=\"mobile-login\"] {\n display: none;\n}\n\npfe-navigation-main {\n display: block;\n flex-grow: 1;\n}\n\npfe-navigation-main ul {\n display: flex;\n flex-direction: column;\n padding-left: 0;\n margin: 0;\n}\n\n@media screen and (min-width: 960px) {\n pfe-navigation-main ul {\n justify-content: space-around;\n flex-direction: row;\n }\n}\n\npfe-navigation-main li {\n list-style-type: none;\n}\n\npfe-navigation-item > * {\n font-size: 16px;\n margin-bottom: 0;\n margin-top: 0;\n}\n"]} \ No newline at end of file diff --git a/elements/pfe-navigation/dist/pfe-navigation--noscript.min.css b/elements/pfe-navigation/dist/pfe-navigation--noscript.min.css new file mode 100644 index 0000000000..79cd2cab21 --- /dev/null +++ b/elements/pfe-navigation/dist/pfe-navigation--noscript.min.css @@ -0,0 +1,2 @@ +pfe-navigation{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;background-color:#131313!important;background-color:var(--pfe-theme--color--surface--darkest,#131313)!important;padding:1em}@media screen and (min-width:960px){pfe-navigation{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}pfe-navigation>pfe-navigation-item{margin-left:1em}}pfe-navigation [slot=skip]{display:none}pfe-navigation a{color:#fff!important;color:var(--pfe-theme--color--ui-base--text,#fff)!important;text-decoration:none}pfe-navigation a:visited{color:#fff!important;color:var(--pfe-theme--color--ui-base--text,#fff)!important}pfe-navigation [slot=mobile-language],pfe-navigation [slot=mobile-login]{display:none}pfe-navigation-main{display:block;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}pfe-navigation-main ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin:0}@media screen and (min-width:960px){pfe-navigation-main ul{-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}}pfe-navigation-main li{list-style-type:none}pfe-navigation-item>*{font-size:16px;margin-bottom:0;margin-top:0} +/*# sourceMappingURL=pfe-navigation--noscript.min.css.map */ diff --git a/elements/pfe-navigation/dist/pfe-navigation--noscript.min.css.map b/elements/pfe-navigation/dist/pfe-navigation--noscript.min.css.map new file mode 100644 index 0000000000..119530e33b --- /dev/null +++ b/elements/pfe-navigation/dist/pfe-navigation--noscript.min.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["../pfe-navigation--noscript.scss","pfe-navigation--noscript.css"],"names":[],"mappings":"AAEA,eACI,QAAA,YAAA,QAAA,aAAA,QAAA,YAAA,QAAA,KACA,mBAAA,SAAA,sBAAA,OAAA,uBAAA,OAAA,mBAAA,OAAA,eAAA,OACA,kBAAA,MAAA,oBAAA,WAAA,eAAA,MAAA,YAAA,WACA,iBAAA,kBAAA,iBAAA,4DACA,QAAA,IAEA,oCAPJ,eAQQ,mBAAA,WAAA,sBAAA,OAAA,uBAAA,IAAA,mBAAA,IAAA,eAAA,IACA,kBAAA,OAAA,oBAAA,OAAA,eAAA,OAAA,YAAA,OATR,mCAYY,YAAA,KAZZ,2BAiBQ,QAAA,KAjBR,iBAoBQ,MAAA,eAAA,MAAA,sDACA,gBAAA,KArBR,yBAuBY,MAAA,eAAA,MAAA,sDAvBZ,sCCkDA,mCDtBQ,QAAA,KAIR,oBACI,QAAA,MACA,iBAAA,EAAA,kBAAA,EAAA,kBAAA,EAAA,UAAA,EAFJ,uBAKQ,QAAA,YAAA,QAAA,aAAA,QAAA,YAAA,QAAA,KACA,mBAAA,SAAA,sBAAA,OAAA,uBAAA,OAAA,mBAAA,OAAA,eAAA,OACA,aAAA,EACA,OAAA,EAEA,oCAVR,uBAWY,wBAAA,aAAA,cAAA,WAAA,gBAAA,aACA,mBAAA,WAAA,sBAAA,OAAA,uBAAA,IAAA,mBAAA,IAAA,eAAA,KAZZ,uBAgBQ,gBAAA,KAIR,sBAEQ,UAAA,KACA,cAAA,EACA,WAAA","file":"pfe-navigation--noscript.min.css","sourcesContent":[null,"pfe-navigation {\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -webkit-flex-direction: column;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-align: start;\n -webkit-align-items: flex-start;\n -ms-flex-align: start;\n align-items: flex-start;\n background-color: #131313 !important;\n background-color: var(--pfe-theme--color--surface--darkest, #131313) !important;\n padding: 1em;\n}\n\n@media screen and (min-width: 960px) {\n pfe-navigation {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -webkit-flex-direction: row;\n -ms-flex-direction: row;\n flex-direction: row;\n -webkit-box-align: center;\n -webkit-align-items: center;\n -ms-flex-align: center;\n align-items: center;\n }\n pfe-navigation > pfe-navigation-item {\n margin-left: 1em;\n }\n}\n\npfe-navigation [slot=\"skip\"] {\n display: none;\n}\n\npfe-navigation a {\n color: #fff !important;\n color: var(--pfe-theme--color--ui-base--text, #fff) !important;\n text-decoration: none;\n}\n\npfe-navigation a:visited {\n color: #fff !important;\n color: var(--pfe-theme--color--ui-base--text, #fff) !important;\n}\n\npfe-navigation [slot=\"mobile-language\"],\npfe-navigation [slot=\"mobile-login\"] {\n display: none;\n}\n\npfe-navigation-main {\n display: block;\n -webkit-box-flex: 1;\n -webkit-flex-grow: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n}\n\npfe-navigation-main ul {\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -webkit-flex-direction: column;\n -ms-flex-direction: column;\n flex-direction: column;\n padding-left: 0;\n margin: 0;\n}\n\n@media screen and (min-width: 960px) {\n pfe-navigation-main ul {\n -webkit-justify-content: space-around;\n -ms-flex-pack: distribute;\n justify-content: space-around;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -webkit-flex-direction: row;\n -ms-flex-direction: row;\n flex-direction: row;\n }\n}\n\npfe-navigation-main li {\n list-style-type: none;\n}\n\npfe-navigation-item > * {\n font-size: 16px;\n margin-bottom: 0;\n margin-top: 0;\n}\n\n/*# sourceMappingURL=pfe-navigation--noscript.css.map */\n"]} \ No newline at end of file diff --git a/elements/pfe-navigation/dist/pfe-navigation.js b/elements/pfe-navigation/dist/pfe-navigation.js new file mode 100644 index 0000000000..33b9cf0db8 --- /dev/null +++ b/elements/pfe-navigation/dist/pfe-navigation.js @@ -0,0 +1,1143 @@ +import PFElement from '../../pfelement/dist/pfelement.js'; +import '../../pfe-icon/dist/pfe-icon.js'; + +// @POLYFILL Array.prototype.filter +// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter +if (!Array.prototype.filter) { + Array.prototype.filter = function(func, thisArg) { + if (!((typeof func === "Function" || typeof func === "function") && this)) + throw new TypeError(); + + var len = this.length >>> 0, + res = new Array(len), // preallocate array + t = this, + c = 0, + i = -1; + + var kValue; + if (thisArg === undefined) { + while (++i !== len) { + // checks to see if the key was set + if (i in this) { + kValue = t[i]; // in case t is changed in callback + if (func(t[i], i, t)) { + res[c++] = kValue; + } + } + } + } else { + while (++i !== len) { + // checks to see if the key was set + if (i in this) { + kValue = t[i]; + if (func.call(thisArg, t[i], i, t)) { + res[c++] = kValue; + } + } + } + } + + res.length = c; // shrink down array to proper size + return res; + }; +} + +// @POLYFILL Element.prototype.matches +// https://developer.mozilla.org/en-US/docs/Web/API/Element/matches +if (!Element.prototype.matches) { + Element.prototype.matches = + Element.prototype.msMatchesSelector || + Element.prototype.webkitMatchesSelector; +} + +// @POLYFILL Element.prototype.closest +// https://developer.mozilla.org/en-US/docs/Web/API/Element/closest +if (!Element.prototype.closest) { + Element.prototype.closest = function(s) { + var el = this; + + do { + if (el.matches(s)) return el; + el = el.parentElement || el.parentNode; + } while (el !== null && el.nodeType === 1); + return null; + }; +} + +// @POLYFILL Array.prototype.includes +// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/includes +if (!Array.prototype.includes) { + Object.defineProperty(Array.prototype, "includes", { + value: function(searchElement, fromIndex) { + // 1. Let O be ? ToObject(this value). + if (this == null) { + throw new TypeError('"this" is null or not defined'); + } + + var o = Object(this); + + // 2. Let len be ? ToLength(? Get(O, "length")). + var len = o.length >>> 0; + + // 3. If len is 0, return false. + if (len === 0) { + return false; + } + + // 4. Let n be ? ToInteger(fromIndex). + // (If fromIndex is undefined, this step produces the value 0.) + var n = fromIndex | 0; + + // 5. If n ≥ 0, then + // a. Let k be n. + // 6. Else n < 0, + // a. Let k be len + n. + // b. If k < 0, let k be 0. + var k = Math.max(n >= 0 ? n : len - Math.abs(n), 0); + + function sameValueZero(x, y) { + return ( + x === y || + (typeof x === "number" && + typeof y === "number" && + isNaN(x) && + isNaN(y)) + ); + } + + // 7. Repeat, while k < len + while (k < len) { + // a. Let elementK be the result of ? Get(O, ! ToString(k)). + // b. If SameValueZero(searchElement, elementK) is true, return true. + // c. Increase k by 1. + if (sameValueZero(o[k], searchElement)) { + return true; + } + k++; + } + + // 8. Return false + return false; + } + }); +} + +// @POLYFILL Event.prototype.path +// https://stackoverflow.com/questions/36845515/mouseevent-path-equivalent-in-firefox-safari +if (!("path" in Event.prototype)) { + Object.defineProperty(Event.prototype, "path", { + get: function() { + var path = []; + var currentElem = this.target; + while (currentElem) { + path.push(currentElem); + currentElem = currentElem.parentElement; + } + if (path.indexOf(window) === -1 && path.indexOf(document) === -1) + path.push(document); + if (path.indexOf(window) === -1) path.push(window); + return path; + } + }); +} + +/*! + * PatternFly Elements: PfeNavigation 1.0.0-prerelease.50 + * @license + * Copyright 2020 Red Hat, Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + * +*/ + +class PfeNavigationItem extends PFElement { + static get version() { + return "1.0.0-prerelease.50"; + } + + get html() { + return ` +${ this.has_slot("tray") ? `
                                                    + +
                                                    ` : ""}`; + } + + static get properties() { + return {"icon":{"title":"Icon name","type":"string","prefixed":true}}; + } + + static get slots() { + return {"trigger":{"title":"Navigation trigger","type":"array","namedSlot":true,"items":{"title":"Item","oneOf":[{"$ref":"raw"}]}},"tray":{"title":"Navigation tray","type":"array","namedSlot":true,"items":{"title":"Item","oneOf":[{"$ref":"raw"}]}}}; + } + static get tag() { + return "pfe-navigation-item"; + } + + get templateUrl() { + return "pfe-navigation-item.html"; + } + + get styleUrl() { + return "pfe-navigation-item.scss"; + } + + get schemaUrl() { + return "pfe-navigation-item.json"; + } + + static get PfeType() { + return PFElement.PfeTypes.Container; + } + + static get observedAttributes() { + return ["pfe-icon", "pfe-full-width"]; + } + + static get cascadingAttributes() { + return { + "pfe-full-width": ".pfe-navigation-item__tray" + }; + } + + get hasIcon() { + return this.hasAttribute("pfe-icon"); + } + + get iconName() { + return this.getAttribute("pfe-icon"); + } + + get nested() { + return this.hasAttribute("is_nested"); + } + + set nested(isNested) { + isNested = Boolean(isNested); + + if (isNested) { + this.setAttribute("is_nested", ""); + } else { + this.removeAttribute("is_nested"); + } + } + + get expanded() { + return this.classList.contains("expanded"); + } + + set expanded(isExpanded) { + isExpanded = Boolean(isExpanded); + + if (isExpanded) { + this.classList.add("expanded"); + + if (this.iconName === "web-mobile-menu") { + if (this._icon) this._icon.setAttribute("icon", "web-plus"); + } + + if (this._trigger) { + this._trigger.setAttribute("aria-expanded", true); + } + + if (this.tray) { + this.tray.removeAttribute("hidden"); + } + + if (this._tray) { + this._tray.setAttribute("aria-expanded", true); + } + } else { + this.classList.remove("expanded"); + + if (this.iconName === "web-mobile-menu") { + if (this._icon) this._icon.setAttribute("icon", "web-mobile-menu"); + } + + if (this._trigger) { + this._trigger.setAttribute("aria-expanded", false); + } + + if (this.tray) { + this.tray.setAttribute("hidden", ""); + } + + if (this._tray) { + this._tray.setAttribute("aria-expanded", false); + } + } + } + + get visible() { + return !this.hasAttribute("hidden"); + } + + set visible(isVisible) { + isVisible = Boolean(isVisible); + + if (isVisible) { + this.removeAttribute("hidden"); + } else { + this.setAttribute("hidden", ""); + } + } + + open(event) { + if (event) event.preventDefault(); + + // Close the other active item(s) unless it's this item's parent + if (this.navigationWrapper) { + this.navigationWrapper._activeNavigationItems = this.navigationWrapper._activeNavigationItems.filter( + item => { + let stayOpen = item === this.parent; + if (!stayOpen) item.close(); + return stayOpen; + } + ); + + // Open that item and add it to the active array + this.navigationWrapper._activeNavigationItems.push(this); + + this.expanded = true; + this.navigationWrapper.overlay = true; + } + + // Dispatch the event + this.dispatchEvent( + new CustomEvent(`${this.tag}:open`, { + detail: {}, + bubbles: true, + composed: true + }) + ); + } + + close(event) { + if (event) event.preventDefault(); + + // Close the children elements + this.navigationWrapper._activeNavigationItems = this.navigationWrapper._activeNavigationItems.filter( + item => { + let close = this.nestedItems && this.nestedItems.includes(item); + if (close) item.close(); + return !close && item !== this; + } + ); + + this.expanded = false; + + // Clear the overlay + this.navigationWrapper.overlay = + this.navigationWrapper._activeNavigationItems.length > 0; + + this.focus(); + + // Dispatch the event + this.dispatchEvent( + new CustomEvent(`${this.tag}:close`, { + detail: {}, + bubbles: true, + composed: true + }) + ); + } + + toggle(event) { + if (event) event.preventDefault(); + + if (this.visible && !this.expanded) { + this.open(event); + } else { + this.close(event); + } + } + + constructor() { + super(PfeNavigationItem); + + this._handlersAdded = false; + + // States + this.nested = false; + this.expanded = false; + + // Objects + this.trigger = null; + this.tray = null; + this.directLink = null; + this.linkUrl = null; + + // Lists + this.nestedItems = []; + + // Shadow elements + this._trigger = this.shadowRoot.querySelector(`.${this.tag}__trigger`); + this._icon = this.shadowRoot.querySelector("pfe-icon"); + this._tray = this.shadowRoot.querySelector(`.${this.tag}__tray`); + + // Externally accessible events + this.close = this.close.bind(this); + this.open = this.open.bind(this); + this.toggle = this.toggle.bind(this); + + // Initializers + this._init__trigger = this._init__trigger.bind(this); + this._init__tray = this._init__tray.bind(this); + + // Event handlers + this._keydownHandler = this._keydownHandler.bind(this); + this._keyupHandler = this._keyupHandler.bind(this); + this._navigateToUrl = this._navigateToUrl.bind(this); + this._directLinkHandler = this._directLinkHandler.bind(this); + } + + connectedCallback() { + super.connectedCallback(); + + this._init__trigger(); + this._init__tray(); + + // Add a slotchange listeners to the lightDOM elements + if (this.trigger) + this.trigger.addEventListener("slotchange", this._init__trigger); + if (this.tray) this.tray.addEventListener("slotchange", this._init__tray); + } + + disconnectedCallback() { + this.trigger.removeEventListener("slotchange", this._init); + + if (this.tray) { + this.tray.removeEventListener("slotchange", this._init); + + this.removeEventListener("keydown", this._keydownHandler); + this.removeEventListener("keyup", this._exit); + + this._trigger.removeEventListener("click", this.toggle); + this._trigger.removeEventListener("keyup", this._keyupHandler); + } else { + this._trigger.removeEventListener("click", this._navigateToUrl); + this._trigger.removeEventListener("keyup", this._directLinkHandler); + } + } + + _init__trigger() { + // If no slots have been assigned, assign it to the trigger slot + const unassigned = [...this.children].filter( + child => !child.hasAttribute("slot") + ); + unassigned.map(item => item.setAttribute("slot", "trigger")); + + // Get the LightDOM trigger & tray content + this.trigger = this.querySelector(`[slot="trigger"]`); + + // Check the light dom for the link + if (this.trigger) { + this.directLink = this.trigger.querySelector("a"); + // Check the slotted content for the link if it can't be found + if (!this.directLink && this.trigger.tagName === "SLOT") { + let slottedContent = this.trigger.assignedNodes(); + if (slottedContent.length > 0 && slottedContent[0].tagName === "A") { + this.directLink = slottedContent[0]; + } + } + + // Turn off the fallback link if the tray does not exist + if (this.directLink) { + this.directLink.setAttribute("tabindex", "-1"); + this.linkUrl = this.directLink.href; + } else { + this.linkUrl = "#"; + } + + this._trigger.addEventListener("click", this._navigateToUrl); + this._trigger.addEventListener("keyup", this._directLinkHandler); + } + } + + _init__tray() { + // Get the LightDOM trigger & tray content + this.tray = this.querySelector(`[slot="tray"]`); + + //-- Check for any nested navigation items + // If a light DOM tray exists, check for descendents + if (this.tray) { + this.nestedItems = this.nestedItems.concat([ + ...this.tray.querySelectorAll(`${this.tag}`) + ]); + let array = []; + + // Search the tray for nested slots + if (!window.ShadyCSS) { + [...this.tray.querySelectorAll("slot")].forEach(slot => { + [...slot.assignedElements()].forEach(node => { + array = array.concat([...node.querySelectorAll(`${this.tag}`)]); + }); + }); + } + + this.nestedItems = this.nestedItems.concat( + array.filter(el => { + return !this.nestedItems.includes(el); + }) + ); + + this._init__handlers(); + } + } + + _init__handlers() { + this._trigger.removeEventListener("click", this._navigateToUrl); + this._trigger.removeEventListener("keyup", this._directLinkHandler); + + if (this._handlersAdded) { + return; + } + + // Toggle the navigation when the trigger is clicked + this._trigger.addEventListener("click", this.toggle); + + // Attaching to the parent element allows the exit key to work inside the tray too + this.addEventListener("keyup", this._exit); + this.addEventListener("keydown", this._keydownHandler); + + this._trigger.addEventListener("keyup", this._keyupHandler); + this._handlersAdded = true; + } + + _navigateToUrl(event) { + event.preventDefault(); + window.location.href = this.linkUrl; + } + + _directLinkHandler(event) { + let key = event.key || event.keyCode; + switch (key) { + case "Spacebar": + case " ": + case 32: + case "Enter": + case 13: + this._navigateToUrl(event); + break; + default: + return; + } + } + + _keydownHandler(event) { + let key = event.key || event.keyCode; + let clicked = event.path && event.path.length > 0 ? event.path[0] : this; + + switch (key) { + case "Spacebar": + case " ": + case 32: + if (!["INPUT", "TEXTAREA", "SELECT"].includes(clicked.tagName)) { + event.preventDefault(); + } + break; + } + } + + _keyupHandler(event) { + let key = event.key || event.keyCode; + let clicked = event.path && event.path.length > 0 ? event.path[0] : this; + + switch (key) { + case "Spacebar": + case " ": + case 32: + if (!["INPUT", "TEXTAREA", "SELECT"].includes(clicked.tagName)) { + this.toggle(event); + } + break; + case "Enter": + case 13: + if (!["A"].includes(clicked.tagName)) { + this.toggle(event); + } + break; + } + } + + // Note: Escape will always exit the entire menu + _exit(event) { + let key = event.key || event.keyCode; + switch (key) { + case "Esc": + case "Escape": + case 27: + this.close(event); + break; + } + } +} + +/*! + * PatternFly Elements: PfeNavigation 1.0.0-prerelease.50 + * @license + * Copyright 2020 Red Hat, Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + * +*/ + +class PfeNavigationMain extends PFElement { + static get version() { + return "1.0.0-prerelease.50"; + } + + get html() { + return ``; + } + static get tag() { + return "pfe-navigation-main"; + } + + get templateUrl() { + return "pfe-navigation-main.html"; + } + + get styleUrl() { + return "pfe-navigation-main.scss"; + } + + static get PfeType() { + return PFElement.PfeTypes.Container; + } + + static get observedAttributes() { + return ["show_content"]; + } + + constructor() { + super(PfeNavigationMain); + + this._init = this._init.bind(this); + } + + connectedCallback() { + super.connectedCallback(); + + this._init(); + + // Add a slotchange listener to the lightDOM trigger + this.addEventListener("slotchange", this._init); + } + + disconnectedCallback() { + this.removeEventListener("slotchange", this._init); + } + + _init() { + // Get all the nested navigation items + this.navItems = [...this.querySelectorAll("pfe-navigation-item")]; + + // Find the first nested element + this.first = this.navItems.length > 0 ? this.navItems[0] : null; + // Find the last nested element + this.last = this.navItems[this.navItems.length - 1]; + + // Ensure the necessary a11y is set + this.setAttribute("role", "navigation"); + this.setAttribute("aria-label", "Main"); + + // For each nested navigation item, tag it with context + this.navItems.forEach(item => { + item.nested = true; + }); + + // Tag the first and last navigation items for styling in mobile + if (this.first) this.first.setAttribute("first", ""); + if (this.last) this.last.setAttribute("last", ""); + } +} + +/*! + * PatternFly Elements: PfeNavigation 1.0.0-prerelease.50 + * @license + * Copyright 2020 Red Hat, Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + * +*/ + +class PfeNavigation extends PFElement { + static get version() { + return "1.0.0-prerelease.50"; + } + + get html() { + return `
                                                    +
                                                    + ${ this.has_slot("logo") ? `` : ""} + ${ this.has_slot("skip") ? `
                                                    + +
                                                    ` : ""} + + ${this.hasAttribute("pfe-menu-label") ? `

                                                    ${this.getAttribute("pfe-menu-label")}

                                                    ` : ``} +
                                                    +
                                                    + + + ${ this.has_slot("mobile-login") ? `` : ``} + ${ this.has_slot("mobile-language") ? `` : ``} +
                                                    +
                                                    +                                                     + ${ this.has_slot("language") || this.has_slot("search") || this.has_slot("login") || this.has_slot("site-switcher") ? `
                                                    + + + + +
                                                    ` : ""} +
                                                    +
                                                    +`; + } + + static get properties() { + return {"sticky":{"title":"Sticky navigation","type":"boolean","default":true,"prefixed":true},"full-width":{"title":"Full width navigation","type":"boolean","default":false,"prefixed":true},"close-on-click":{"title":"Close navigation on click event","type":"string","enum":["external"],"default":"external","prefixed":true},"menu-label":{"title":"Mobile menu label","type":"string","default":"Menu","prefixed":true}}; + } + + static get slots() { + return {"skip":{"title":"Skip navigation","type":"array","namedSlot":true,"items":{"title":"Item","oneOf":[{"$ref":"raw"}]}},"logo":{"title":"Logo","type":"array","namedSlot":true,"items":{"title":"Item","oneOf":[{"$ref":"raw"}]}},"search":{"title":"Search","type":"array","namedSlot":true,"items":{"title":"Item","oneOf":[{"$ref":"pfe-navigation-item"}]}},"mobile-search":{"title":"Mobile search functionality","type":"array","namedSlot":true,"items":{"title":"Item","oneOf":[{"$ref":"raw"}]}},"main":{"title":"Main navigation","type":"array","namedSlot":false,"items":{"title":"Item","oneOf":[{"$ref":"nav"},{"$ref":"raw"}]}},"language":{"title":"Language switcher","type":"array","namedSlot":true,"items":{"title":"Item","oneOf":[{"$ref":"pfe-navigation-item"}]}},"mobile-language":{"title":"Mobile link to language page","type":"array","namedSlot":true,"items":{"title":"Item","oneOf":[{"$ref":"a"}]}},"login":{"title":"Log in","type":"array","namedSlot":true,"items":{"title":"Item","oneOf":[{"$ref":"pfe-navigation-item"}]}},"mobile-login":{"title":"Mobile link to log in page","type":"array","namedSlot":true,"items":{"title":"Item","oneOf":[{"$ref":"a"}]}},"site-switcher":{"title":"Site switcher","type":"array","namedSlot":true,"items":{"title":"Item","oneOf":[{"$ref":"pfe-navigation-item"}]}}}; + } + static get tag() { + return "pfe-navigation"; + } + + get templateUrl() { + return "pfe-navigation.html"; + } + + get styleUrl() { + return "pfe-navigation.scss"; + } + + get schemaUrl() { + return "pfe-navigation.json"; + } + + get overlay() { + return !this._overlay.hasAttribute("hidden"); + } + + set overlay(state) { + if (state) { + // Add the overlay to the page + this._overlay.removeAttribute("hidden"); + + // This prevents background scroll while nav is open + // document.body.style.overflow = "hidden"; + + this._wrapper.setAttribute("expanded", ""); + } else { + // Remove the overlay from the page + this._overlay.setAttribute("hidden", ""); + + // Allow background to scroll again + // document.body.style.overflow = "auto"; + + this._wrapper.removeAttribute("expanded"); + } + } + + static get cascadingAttributes() { + return { + "pfe-full-width": "pfe-navigation-item" + }; + } + + static get observedAttributes() { + return ["pfe-full-width"]; + } + + constructor() { + super(PfeNavigation); + + // Attach functions for use below + this._init = this._init.bind(this); + this._setVisibility = this._setVisibility.bind(this); + + // -- handlers + this._resizeHandler = this._resizeHandler.bind(this); + this._stickyHandler = this._stickyHandler.bind(this); + this._outsideListener = this._outsideListener.bind(this); + this._menuItemClickHandler = this._menuItemClickHandler.bind(this); + this._overlayClickHandler = this._overlayClickHandler.bind(this); + this._observer = new MutationObserver(this._init); + + // Capture shadow elements + this._overlay = this.shadowRoot.querySelector(`.${this.tag}__overlay`); + this._wrapper = this.shadowRoot.querySelector(`.${this.tag}__wrapper`); + this._menuItem = this.shadowRoot.querySelector( + `${PfeNavigationItem.tag}[pfe-icon="web-mobile-menu"]` + ); + + this._slots = { + language: this.shadowRoot.querySelector( + `${PfeNavigationItem.tag}[pfe-icon="web-user"]` + ), + login: this.shadowRoot.querySelector( + `${PfeNavigationItem.tag}[pfe-icon="web-globe"]` + ) + }; + + // Initialize active navigation item to empty array + this._activeNavigationItems = []; + this.overlay = false; + + // make sure we close all of the nav items and hide the overlay when + // the mobile menu button is closed + this._menuItem.shadowRoot + .querySelector(".pfe-navigation-item__trigger") + .addEventListener("click", this._menuItemClickHandler); + + // make sure we close all of the nav items and hide the overlay + // when it's clicked + this._overlay.addEventListener("click", this._overlayClickHandler); + } + + connectedCallback() { + super.connectedCallback(); + + Promise.all([ + customElements.whenDefined(PfeNavigationItem.tag), + customElements.whenDefined(PfeNavigationMain.tag) + ]).then(() => { + // If this element contains light DOM, initialize it + if (this.children.length) { + // If only one value exists in the array, it starts at that size and goes up + this.breakpoints = { + main: [0, 1023], // visible from 0 - 1200px + search: [640], // visible from 768px + + "mobile-search": [0, 639], + language: [640], + "mobile-language": [0, 639], + login: [640], + "mobile-login": [0, 639] + }; + + // Kick off the initialization of the light DOM elements + this._init(); + + // Watch for screen resizing + window.addEventListener("resize", this._resizeHandler); + } else { + console.error( + "This component does not have any light DOM children. Please check documentation for requirements." + ); + } + + this._observer.observe(this, { childList: true }); + }); + } + + disconnectedCallback() { + // Remove the scroll, resize, and outside click event listeners + window.removeEventListener("resize", this._resizeHandler); + + if ( + this.hasAttribute("pfe-close-on-click") && + this.getAttribute("pfe-close-on-click") === "external" + ) { + document.removeEventListener("click", this._outsideListener); + } + + if ( + this.hasAttribute("pfe-sticky") && + this.getAttribute("pfe-sticky") != "false" + ) { + window.removeEventListener("scroll", this._stickyHandler); + } + + this._menuItem.shadowRoot + .querySelector(".pfe-navigation-item__trigger") + .removeEventListener("click", this._menuItemClickHandler); + this._overlay.removeEventListener("click", this._overlayClickHandler); + + this._observer.disconnect(); + } + + _resizeHandler(event) { + // Set the visibility of items + this._setVisibility(this.offsetWidth); + + // Check what the active item is + this._activeNavigationItems.forEach(item => { + // If the item is open but not visible, update it to hidden + if (item.expanded && !item.visible) { + item.expanded = false; + this._activeNavigationItems = this._activeNavigationItems.filter( + i => i !== item + ); + } else if (item.expanded && item.parent && item.parent.visible) { + // if the parent is the mobile menu item and the size of the window is within + // the main breakpoint, make sure that the mobile menu is expanded + if ( + item.parent === this._menuItem && + window.innerWidth <= this.breakpoints.main[1] + ) { + item.parent.expanded = true; // Ensure the parent is open + // If the parent item doesn't exist in the active array, add it + if (!this._activeNavigationItems.includes(item.parent)) { + this._activeNavigationItems.push(item.parent); + } + } + } + }); + + this.overlay = this._activeNavigationItems.length > 0; + + // update the reported height + this._reportHeight(); + } + + _stickyHandler() { + if (window.pageYOffset >= this.top) { + this.classList.add("pfe-sticky"); + } else { + this.classList.remove("pfe-sticky"); + } + } + + _outsideListener(event) { + // Check if the clicked element is the navigation object + let isSelf = event.target === this; + // Check if the clicked element contains or is contained by the navigation element + let isChild = event.target.closest("pfe-navigation"); + let insideWrapper = event.target.tagName.includes("-") + ? event.target.shadowRoot.querySelector("pfe-navigation") + : null; + + // Check states to determine if the navigation items should close + if (!isSelf && !(isChild || insideWrapper)) { + this._activeNavigationItems.map(item => item.close()); + } + } + + _setVisibility(width) { + Object.keys(this.breakpoints).forEach(label => { + let bps = this.breakpoints[label]; + let start = bps[0]; + let end = bps[1]; + let isVisible = false; + + // If the slot exists, set attribute based on supported breakpoints + if ( + this.slots[label] && + this.slots[label].nodes && + this.slots[label].nodes.length > 0 + ) { + if (width >= start && (!end || (end && width <= end))) { + isVisible = true; + } + + this.slots[label].nodes.forEach(node => { + switch (label) { + case "main": + if (isVisible) { + node.removeAttribute("show_content"); + this._menuItem.removeAttribute("show_links"); + } else { + node.setAttribute("show_content", ""); + this._menuItem.setAttribute("show_links", ""); + this._menuItem.expanded = false; + this._menuItem.tray.removeAttribute("hidden"); + // Remove menuItem from active items + this._activeNavigationItems = this._activeNavigationItems.filter( + item => item !== this._menuItem + ); + } + node.navItems.forEach(item => { + if (isVisible) { + item.removeAttribute("parent_hidden"); + } else { + item.setAttribute("parent_hidden", ""); + } + }); + break; + case (label.match(/^mobile/) || {}).input: + if (isVisible) { + // Set an attribute to show this region (strip the mobile prefix) + this._menuItem.setAttribute(`show_${label.slice(7)}`, ""); + if (this._slots[label.slice(7)]) + this._slots[label.slice(7)].removeAttribute("hidden"); + node.removeAttribute("hidden"); + } else { + this._menuItem.removeAttribute(`show_${label.slice(7)}`); + if (this._slots[label.slice(7)]) + this._slots[label.slice(7)].setAttribute("hidden", ""); + node.setAttribute("hidden", ""); + } + break; + default: + node.visible = isVisible; + break; + } + }); + } + }); + } + + _init() { + // @IE11 This is necessary so the script doesn't become non-responsive + if (window.ShadyCSS) { + this._observer.disconnect(); + } + + // Initial position of this element from the top of the screen + this.top = this.getBoundingClientRect().top || 0; + + // Get all nav items contained in this element + this.navItems = [...this.querySelectorAll("pfe-navigation-item")]; + + // Add the menu element to the list of navigation items + // do this manually because menu item is in the shadow dom + if (this._menuItem) this.navItems.push(this._menuItem); + + // Attach a reference to the navigation container to the children + this.navItems.forEach(item => { + item.navigationWrapper = this; + }); + + // Connect the shadow menu with the main component + let mainNav = this.querySelector("pfe-navigation-main"); + if (mainNav && mainNav.navItems) { + mainNav.navItems.forEach(item => { + item.parent = this._menuItem; + }); + } + + // Start by setting the visibility of the slots + this._setVisibility(this.offsetWidth); + + // If the nav is set to sticky, inject the height of the nav to the next element in the DOM + if ( + this.hasAttribute("pfe-sticky") && + this.getAttribute("pfe-sticky") != "false" + ) { + // Run the sticky check on first page load + this._stickyHandler(); + + // Attach the scroll event to the window + window.addEventListener("scroll", this._stickyHandler); + } + + // Listen for clicks outside the navigation element + if ( + this.hasAttribute("pfe-close-on-click") && + this.getAttribute("pfe-close-on-click") === "external" + ) { + document.addEventListener("click", this._outsideListener); + } + + // report the height of this pfe-navigation element + this._reportHeight(); + + // @IE11 This is necessary so the script doesn't become non-responsive + if (window.ShadyCSS) { + setTimeout(() => { + this._observer.observe(this, { + childList: true, + subtree: true, + characterData: true + }); + }, 0); + } + } + + _menuItemClickHandler(event) { + if (event.currentTarget.getAttribute("aria-expanded") === "false") { + this._activeNavigationItems.map(item => item.close()); + this.overlay = false; + } + } + + _overlayClickHandler(event) { + this._activeNavigationItems.map(item => item.close()); + this.overlay = false; + } + + /** + * Set a global CSS variable reporting the height of this navigation item. + * Used to position sticky subnavigation items under this. + * + * The name of the global CSS variable is `--pfe-navigation--Height--actual`. + */ + _reportHeight() { + const cssVarName = `--${this.tag}--Height--actual`; + const height = this.clientHeight + "px"; + document.body.style.setProperty(cssVarName, height); + } +} + +PFElement.create(PfeNavigationItem); +PFElement.create(PfeNavigationMain); +PFElement.create(PfeNavigation); + +export default PfeNavigation; +//# sourceMappingURL=pfe-navigation.js.map diff --git a/elements/pfe-navigation/dist/pfe-navigation.js.map b/elements/pfe-navigation/dist/pfe-navigation.js.map new file mode 100644 index 0000000000..4f4e54816c --- /dev/null +++ b/elements/pfe-navigation/dist/pfe-navigation.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-navigation.js","sources":["../_temp/polyfills--pfe-navigation.js","../_temp/pfe-navigation-item.js","../_temp/pfe-navigation-main.js","../_temp/pfe-navigation.js"],"sourcesContent":["// @POLYFILL Array.prototype.filter\n// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter\nif (!Array.prototype.filter) {\n Array.prototype.filter = function(func, thisArg) {\n \"use strict\";\n if (!((typeof func === \"Function\" || typeof func === \"function\") && this))\n throw new TypeError();\n\n var len = this.length >>> 0,\n res = new Array(len), // preallocate array\n t = this,\n c = 0,\n i = -1;\n\n var kValue;\n if (thisArg === undefined) {\n while (++i !== len) {\n // checks to see if the key was set\n if (i in this) {\n kValue = t[i]; // in case t is changed in callback\n if (func(t[i], i, t)) {\n res[c++] = kValue;\n }\n }\n }\n } else {\n while (++i !== len) {\n // checks to see if the key was set\n if (i in this) {\n kValue = t[i];\n if (func.call(thisArg, t[i], i, t)) {\n res[c++] = kValue;\n }\n }\n }\n }\n\n res.length = c; // shrink down array to proper size\n return res;\n };\n}\n\n// @POLYFILL Element.prototype.matches\n// https://developer.mozilla.org/en-US/docs/Web/API/Element/matches\nif (!Element.prototype.matches) {\n Element.prototype.matches =\n Element.prototype.msMatchesSelector ||\n Element.prototype.webkitMatchesSelector;\n}\n\n// @POLYFILL Element.prototype.closest\n// https://developer.mozilla.org/en-US/docs/Web/API/Element/closest\nif (!Element.prototype.closest) {\n Element.prototype.closest = function(s) {\n var el = this;\n\n do {\n if (el.matches(s)) return el;\n el = el.parentElement || el.parentNode;\n } while (el !== null && el.nodeType === 1);\n return null;\n };\n}\n\n// @POLYFILL Array.prototype.includes\n// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/includes\nif (!Array.prototype.includes) {\n Object.defineProperty(Array.prototype, \"includes\", {\n value: function(searchElement, fromIndex) {\n // 1. Let O be ? ToObject(this value).\n if (this == null) {\n throw new TypeError('\"this\" is null or not defined');\n }\n\n var o = Object(this);\n\n // 2. Let len be ? ToLength(? Get(O, \"length\")).\n var len = o.length >>> 0;\n\n // 3. If len is 0, return false.\n if (len === 0) {\n return false;\n }\n\n // 4. Let n be ? ToInteger(fromIndex).\n // (If fromIndex is undefined, this step produces the value 0.)\n var n = fromIndex | 0;\n\n // 5. If n ≥ 0, then\n // a. Let k be n.\n // 6. Else n < 0,\n // a. Let k be len + n.\n // b. If k < 0, let k be 0.\n var k = Math.max(n >= 0 ? n : len - Math.abs(n), 0);\n\n function sameValueZero(x, y) {\n return (\n x === y ||\n (typeof x === \"number\" &&\n typeof y === \"number\" &&\n isNaN(x) &&\n isNaN(y))\n );\n }\n\n // 7. Repeat, while k < len\n while (k < len) {\n // a. Let elementK be the result of ? Get(O, ! ToString(k)).\n // b. If SameValueZero(searchElement, elementK) is true, return true.\n // c. Increase k by 1.\n if (sameValueZero(o[k], searchElement)) {\n return true;\n }\n k++;\n }\n\n // 8. Return false\n return false;\n }\n });\n}\n\n// @POLYFILL Event.prototype.path\n// https://stackoverflow.com/questions/36845515/mouseevent-path-equivalent-in-firefox-safari\nif (!(\"path\" in Event.prototype)) {\n Object.defineProperty(Event.prototype, \"path\", {\n get: function() {\n var path = [];\n var currentElem = this.target;\n while (currentElem) {\n path.push(currentElem);\n currentElem = currentElem.parentElement;\n }\n if (path.indexOf(window) === -1 && path.indexOf(document) === -1)\n path.push(document);\n if (path.indexOf(window) === -1) path.push(window);\n return path;\n }\n });\n}\n","/*!\n * PatternFly Elements: PfeNavigation 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\nimport PFElement from \"../../pfelement/dist/pfelement.js\";\nimport PfeIcon from \"../../pfe-icon/dist/pfe-icon.js\";\n\nclass PfeNavigationItem extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return `
                                                    \n ${this.hasIcon ? `` : \"\"}\n \n
                                                    \n${ this.has_slot(\"tray\") ? `
                                                    \n \n
                                                    ` : \"\"}`;\n }\n\n static get properties() {\n return {\"icon\":{\"title\":\"Icon name\",\"type\":\"string\",\"prefixed\":true}};\n }\n\n static get slots() {\n return {\"trigger\":{\"title\":\"Navigation trigger\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"raw\"}]}},\"tray\":{\"title\":\"Navigation tray\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-navigation-item\";\n }\n\n get templateUrl() {\n return \"pfe-navigation-item.html\";\n }\n\n get styleUrl() {\n return \"pfe-navigation-item.scss\";\n }\n\n get schemaUrl() {\n return \"pfe-navigation-item.json\";\n }\n\n static get PfeType() {\n return PFElement.PfeTypes.Container;\n }\n\n static get observedAttributes() {\n return [\"pfe-icon\", \"pfe-full-width\"];\n }\n\n static get cascadingAttributes() {\n return {\n \"pfe-full-width\": \".pfe-navigation-item__tray\"\n };\n }\n\n get hasIcon() {\n return this.hasAttribute(\"pfe-icon\");\n }\n\n get iconName() {\n return this.getAttribute(\"pfe-icon\");\n }\n\n get nested() {\n return this.hasAttribute(\"is_nested\");\n }\n\n set nested(isNested) {\n isNested = Boolean(isNested);\n\n if (isNested) {\n this.setAttribute(\"is_nested\", \"\");\n } else {\n this.removeAttribute(\"is_nested\");\n }\n }\n\n get expanded() {\n return this.classList.contains(\"expanded\");\n }\n\n set expanded(isExpanded) {\n isExpanded = Boolean(isExpanded);\n\n if (isExpanded) {\n this.classList.add(\"expanded\");\n\n if (this.iconName === \"web-mobile-menu\") {\n if (this._icon) this._icon.setAttribute(\"icon\", \"web-plus\");\n }\n\n if (this._trigger) {\n this._trigger.setAttribute(\"aria-expanded\", true);\n }\n\n if (this.tray) {\n this.tray.removeAttribute(\"hidden\");\n }\n\n if (this._tray) {\n this._tray.setAttribute(\"aria-expanded\", true);\n }\n } else {\n this.classList.remove(\"expanded\");\n\n if (this.iconName === \"web-mobile-menu\") {\n if (this._icon) this._icon.setAttribute(\"icon\", \"web-mobile-menu\");\n }\n\n if (this._trigger) {\n this._trigger.setAttribute(\"aria-expanded\", false);\n }\n\n if (this.tray) {\n this.tray.setAttribute(\"hidden\", \"\");\n }\n\n if (this._tray) {\n this._tray.setAttribute(\"aria-expanded\", false);\n }\n }\n }\n\n get visible() {\n return !this.hasAttribute(\"hidden\");\n }\n\n set visible(isVisible) {\n isVisible = Boolean(isVisible);\n\n if (isVisible) {\n this.removeAttribute(\"hidden\");\n } else {\n this.setAttribute(\"hidden\", \"\");\n }\n }\n\n open(event) {\n if (event) event.preventDefault();\n\n // Close the other active item(s) unless it's this item's parent\n if (this.navigationWrapper) {\n this.navigationWrapper._activeNavigationItems = this.navigationWrapper._activeNavigationItems.filter(\n item => {\n let stayOpen = item === this.parent;\n if (!stayOpen) item.close();\n return stayOpen;\n }\n );\n\n // Open that item and add it to the active array\n this.navigationWrapper._activeNavigationItems.push(this);\n\n this.expanded = true;\n this.navigationWrapper.overlay = true;\n }\n\n // Dispatch the event\n this.dispatchEvent(\n new CustomEvent(`${this.tag}:open`, {\n detail: {},\n bubbles: true,\n composed: true\n })\n );\n }\n\n close(event) {\n if (event) event.preventDefault();\n\n // Close the children elements\n this.navigationWrapper._activeNavigationItems = this.navigationWrapper._activeNavigationItems.filter(\n item => {\n let close = this.nestedItems && this.nestedItems.includes(item);\n if (close) item.close();\n return !close && item !== this;\n }\n );\n\n this.expanded = false;\n\n // Clear the overlay\n this.navigationWrapper.overlay =\n this.navigationWrapper._activeNavigationItems.length > 0;\n\n this.focus();\n\n // Dispatch the event\n this.dispatchEvent(\n new CustomEvent(`${this.tag}:close`, {\n detail: {},\n bubbles: true,\n composed: true\n })\n );\n }\n\n toggle(event) {\n if (event) event.preventDefault();\n\n if (this.visible && !this.expanded) {\n this.open(event);\n } else {\n this.close(event);\n }\n }\n\n constructor() {\n super(PfeNavigationItem);\n\n this._handlersAdded = false;\n\n // States\n this.nested = false;\n this.expanded = false;\n\n // Objects\n this.trigger = null;\n this.tray = null;\n this.directLink = null;\n this.linkUrl = null;\n\n // Lists\n this.nestedItems = [];\n\n // Shadow elements\n this._trigger = this.shadowRoot.querySelector(`.${this.tag}__trigger`);\n this._icon = this.shadowRoot.querySelector(\"pfe-icon\");\n this._tray = this.shadowRoot.querySelector(`.${this.tag}__tray`);\n\n // Externally accessible events\n this.close = this.close.bind(this);\n this.open = this.open.bind(this);\n this.toggle = this.toggle.bind(this);\n\n // Initializers\n this._init__trigger = this._init__trigger.bind(this);\n this._init__tray = this._init__tray.bind(this);\n\n // Event handlers\n this._keydownHandler = this._keydownHandler.bind(this);\n this._keyupHandler = this._keyupHandler.bind(this);\n this._navigateToUrl = this._navigateToUrl.bind(this);\n this._directLinkHandler = this._directLinkHandler.bind(this);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this._init__trigger();\n this._init__tray();\n\n // Add a slotchange listeners to the lightDOM elements\n if (this.trigger)\n this.trigger.addEventListener(\"slotchange\", this._init__trigger);\n if (this.tray) this.tray.addEventListener(\"slotchange\", this._init__tray);\n }\n\n disconnectedCallback() {\n this.trigger.removeEventListener(\"slotchange\", this._init);\n\n if (this.tray) {\n this.tray.removeEventListener(\"slotchange\", this._init);\n\n this.removeEventListener(\"keydown\", this._keydownHandler);\n this.removeEventListener(\"keyup\", this._exit);\n\n this._trigger.removeEventListener(\"click\", this.toggle);\n this._trigger.removeEventListener(\"keyup\", this._keyupHandler);\n } else {\n this._trigger.removeEventListener(\"click\", this._navigateToUrl);\n this._trigger.removeEventListener(\"keyup\", this._directLinkHandler);\n }\n }\n\n _init__trigger() {\n // If no slots have been assigned, assign it to the trigger slot\n const unassigned = [...this.children].filter(\n child => !child.hasAttribute(\"slot\")\n );\n unassigned.map(item => item.setAttribute(\"slot\", \"trigger\"));\n\n // Get the LightDOM trigger & tray content\n this.trigger = this.querySelector(`[slot=\"trigger\"]`);\n\n // Check the light dom for the link\n if (this.trigger) {\n this.directLink = this.trigger.querySelector(\"a\");\n // Check the slotted content for the link if it can't be found\n if (!this.directLink && this.trigger.tagName === \"SLOT\") {\n let slottedContent = this.trigger.assignedNodes();\n if (slottedContent.length > 0 && slottedContent[0].tagName === \"A\") {\n this.directLink = slottedContent[0];\n }\n }\n\n // Turn off the fallback link if the tray does not exist\n if (this.directLink) {\n this.directLink.setAttribute(\"tabindex\", \"-1\");\n this.linkUrl = this.directLink.href;\n } else {\n this.linkUrl = \"#\";\n }\n\n this._trigger.addEventListener(\"click\", this._navigateToUrl);\n this._trigger.addEventListener(\"keyup\", this._directLinkHandler);\n }\n }\n\n _init__tray() {\n // Get the LightDOM trigger & tray content\n this.tray = this.querySelector(`[slot=\"tray\"]`);\n\n //-- Check for any nested navigation items\n // If a light DOM tray exists, check for descendents\n if (this.tray) {\n this.nestedItems = this.nestedItems.concat([\n ...this.tray.querySelectorAll(`${this.tag}`)\n ]);\n let array = [];\n\n // Search the tray for nested slots\n if (!window.ShadyCSS) {\n [...this.tray.querySelectorAll(\"slot\")].forEach(slot => {\n [...slot.assignedElements()].forEach(node => {\n array = array.concat([...node.querySelectorAll(`${this.tag}`)]);\n });\n });\n }\n\n this.nestedItems = this.nestedItems.concat(\n array.filter(el => {\n return !this.nestedItems.includes(el);\n })\n );\n\n this._init__handlers();\n }\n }\n\n _init__handlers() {\n this._trigger.removeEventListener(\"click\", this._navigateToUrl);\n this._trigger.removeEventListener(\"keyup\", this._directLinkHandler);\n\n if (this._handlersAdded) {\n return;\n }\n\n // Toggle the navigation when the trigger is clicked\n this._trigger.addEventListener(\"click\", this.toggle);\n\n // Attaching to the parent element allows the exit key to work inside the tray too\n this.addEventListener(\"keyup\", this._exit);\n this.addEventListener(\"keydown\", this._keydownHandler);\n\n this._trigger.addEventListener(\"keyup\", this._keyupHandler);\n this._handlersAdded = true;\n }\n\n _navigateToUrl(event) {\n event.preventDefault();\n window.location.href = this.linkUrl;\n }\n\n _directLinkHandler(event) {\n let key = event.key || event.keyCode;\n switch (key) {\n case \"Spacebar\":\n case \" \":\n case 32:\n case \"Enter\":\n case 13:\n this._navigateToUrl(event);\n break;\n default:\n return;\n }\n }\n\n _keydownHandler(event) {\n let key = event.key || event.keyCode;\n let clicked = event.path && event.path.length > 0 ? event.path[0] : this;\n\n switch (key) {\n case \"Spacebar\":\n case \" \":\n case 32:\n if (![\"INPUT\", \"TEXTAREA\", \"SELECT\"].includes(clicked.tagName)) {\n event.preventDefault();\n }\n break;\n }\n }\n\n _keyupHandler(event) {\n let key = event.key || event.keyCode;\n let clicked = event.path && event.path.length > 0 ? event.path[0] : this;\n\n switch (key) {\n case \"Spacebar\":\n case \" \":\n case 32:\n if (![\"INPUT\", \"TEXTAREA\", \"SELECT\"].includes(clicked.tagName)) {\n this.toggle(event);\n }\n break;\n case \"Enter\":\n case 13:\n if (![\"A\"].includes(clicked.tagName)) {\n this.toggle(event);\n }\n break;\n }\n }\n\n // Note: Escape will always exit the entire menu\n _exit(event) {\n let key = event.key || event.keyCode;\n switch (key) {\n case \"Esc\":\n case \"Escape\":\n case 27:\n this.close(event);\n break;\n }\n }\n}\n\nexport default PfeNavigationItem;\n","/*!\n * PatternFly Elements: PfeNavigation 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\nimport PFElement from \"../../pfelement/dist/pfelement.js\";\n\nclass PfeNavigationMain extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return ``;\n }\n static get tag() {\n return \"pfe-navigation-main\";\n }\n\n get templateUrl() {\n return \"pfe-navigation-main.html\";\n }\n\n get styleUrl() {\n return \"pfe-navigation-main.scss\";\n }\n\n static get PfeType() {\n return PFElement.PfeTypes.Container;\n }\n\n static get observedAttributes() {\n return [\"show_content\"];\n }\n\n constructor() {\n super(PfeNavigationMain);\n\n this._init = this._init.bind(this);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this._init();\n\n // Add a slotchange listener to the lightDOM trigger\n this.addEventListener(\"slotchange\", this._init);\n }\n\n disconnectedCallback() {\n this.removeEventListener(\"slotchange\", this._init);\n }\n\n _init() {\n // Get all the nested navigation items\n this.navItems = [...this.querySelectorAll(\"pfe-navigation-item\")];\n\n // Find the first nested element\n this.first = this.navItems.length > 0 ? this.navItems[0] : null;\n // Find the last nested element\n this.last = this.navItems[this.navItems.length - 1];\n\n // Ensure the necessary a11y is set\n this.setAttribute(\"role\", \"navigation\");\n this.setAttribute(\"aria-label\", \"Main\");\n\n // For each nested navigation item, tag it with context\n this.navItems.forEach(item => {\n item.nested = true;\n });\n\n // Tag the first and last navigation items for styling in mobile\n if (this.first) this.first.setAttribute(\"first\", \"\");\n if (this.last) this.last.setAttribute(\"last\", \"\");\n }\n}\n\nexport default PfeNavigationMain;\n","/*!\n * PatternFly Elements: PfeNavigation 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\n// -- @TODO Set icons to hide if they all fail to load, else set them to preserve space\n\n// Import polyfills: filter, matches, closest, includes, path\nimport \"./polyfills--pfe-navigation.js\";\n\nimport PFElement from \"../../pfelement/dist/pfelement.js\";\nimport PfeNavigationItem from \"./pfe-navigation-item.js\";\nimport PfeNavigationMain from \"./pfe-navigation-main.js\";\n\nclass PfeNavigation extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return `
                                                    \n
                                                    \n ${ this.has_slot(\"logo\") ? `
                                                    \n \n
                                                    ` : \"\"}\n ${ this.has_slot(\"skip\") ? `
                                                    \n \n
                                                    ` : \"\"}\n \n ${this.hasAttribute(\"pfe-menu-label\") ? `

                                                    ${this.getAttribute(\"pfe-menu-label\")}

                                                    ` : ``}\n
                                                    \n
                                                    \n \n \n ${ this.has_slot(\"mobile-login\") ? `` : ``}\n ${ this.has_slot(\"mobile-language\") ? `` : ``}\n
                                                    \n
                                                    \n                                                     \n ${ this.has_slot(\"language\") || this.has_slot(\"search\") || this.has_slot(\"login\") || this.has_slot(\"site-switcher\") ? `
                                                    \n \n \n \n \n
                                                    ` : \"\"}\n
                                                    \n
                                                    \n`;\n }\n\n static get properties() {\n return {\"sticky\":{\"title\":\"Sticky navigation\",\"type\":\"boolean\",\"default\":true,\"prefixed\":true},\"full-width\":{\"title\":\"Full width navigation\",\"type\":\"boolean\",\"default\":false,\"prefixed\":true},\"close-on-click\":{\"title\":\"Close navigation on click event\",\"type\":\"string\",\"enum\":[\"external\"],\"default\":\"external\",\"prefixed\":true},\"menu-label\":{\"title\":\"Mobile menu label\",\"type\":\"string\",\"default\":\"Menu\",\"prefixed\":true}};\n }\n\n static get slots() {\n return {\"skip\":{\"title\":\"Skip navigation\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"raw\"}]}},\"logo\":{\"title\":\"Logo\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"raw\"}]}},\"search\":{\"title\":\"Search\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"pfe-navigation-item\"}]}},\"mobile-search\":{\"title\":\"Mobile search functionality\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"raw\"}]}},\"main\":{\"title\":\"Main navigation\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"nav\"},{\"$ref\":\"raw\"}]}},\"language\":{\"title\":\"Language switcher\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"pfe-navigation-item\"}]}},\"mobile-language\":{\"title\":\"Mobile link to language page\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"a\"}]}},\"login\":{\"title\":\"Log in\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"pfe-navigation-item\"}]}},\"mobile-login\":{\"title\":\"Mobile link to log in page\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"a\"}]}},\"site-switcher\":{\"title\":\"Site switcher\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"pfe-navigation-item\"}]}}};\n }\n static get tag() {\n return \"pfe-navigation\";\n }\n\n get templateUrl() {\n return \"pfe-navigation.html\";\n }\n\n get styleUrl() {\n return \"pfe-navigation.scss\";\n }\n\n get schemaUrl() {\n return \"pfe-navigation.json\";\n }\n\n get overlay() {\n return !this._overlay.hasAttribute(\"hidden\");\n }\n\n set overlay(state) {\n if (state) {\n // Add the overlay to the page\n this._overlay.removeAttribute(\"hidden\");\n\n // This prevents background scroll while nav is open\n // document.body.style.overflow = \"hidden\";\n\n this._wrapper.setAttribute(\"expanded\", \"\");\n } else {\n // Remove the overlay from the page\n this._overlay.setAttribute(\"hidden\", \"\");\n\n // Allow background to scroll again\n // document.body.style.overflow = \"auto\";\n\n this._wrapper.removeAttribute(\"expanded\");\n }\n }\n\n static get cascadingAttributes() {\n return {\n \"pfe-full-width\": \"pfe-navigation-item\"\n };\n }\n\n static get observedAttributes() {\n return [\"pfe-full-width\"];\n }\n\n constructor() {\n super(PfeNavigation);\n\n // Attach functions for use below\n this._init = this._init.bind(this);\n this._setVisibility = this._setVisibility.bind(this);\n\n // -- handlers\n this._resizeHandler = this._resizeHandler.bind(this);\n this._stickyHandler = this._stickyHandler.bind(this);\n this._outsideListener = this._outsideListener.bind(this);\n this._menuItemClickHandler = this._menuItemClickHandler.bind(this);\n this._overlayClickHandler = this._overlayClickHandler.bind(this);\n this._observer = new MutationObserver(this._init);\n\n // Capture shadow elements\n this._overlay = this.shadowRoot.querySelector(`.${this.tag}__overlay`);\n this._wrapper = this.shadowRoot.querySelector(`.${this.tag}__wrapper`);\n this._menuItem = this.shadowRoot.querySelector(\n `${PfeNavigationItem.tag}[pfe-icon=\"web-mobile-menu\"]`\n );\n\n this._slots = {\n language: this.shadowRoot.querySelector(\n `${PfeNavigationItem.tag}[pfe-icon=\"web-user\"]`\n ),\n login: this.shadowRoot.querySelector(\n `${PfeNavigationItem.tag}[pfe-icon=\"web-globe\"]`\n )\n };\n\n // Initialize active navigation item to empty array\n this._activeNavigationItems = [];\n this.overlay = false;\n\n // make sure we close all of the nav items and hide the overlay when\n // the mobile menu button is closed\n this._menuItem.shadowRoot\n .querySelector(\".pfe-navigation-item__trigger\")\n .addEventListener(\"click\", this._menuItemClickHandler);\n\n // make sure we close all of the nav items and hide the overlay\n // when it's clicked\n this._overlay.addEventListener(\"click\", this._overlayClickHandler);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n Promise.all([\n customElements.whenDefined(PfeNavigationItem.tag),\n customElements.whenDefined(PfeNavigationMain.tag)\n ]).then(() => {\n // If this element contains light DOM, initialize it\n if (this.children.length) {\n // If only one value exists in the array, it starts at that size and goes up\n this.breakpoints = {\n main: [0, 1023], // visible from 0 - 1200px\n search: [640], // visible from 768px +\n \"mobile-search\": [0, 639],\n language: [640],\n \"mobile-language\": [0, 639],\n login: [640],\n \"mobile-login\": [0, 639]\n };\n\n // Kick off the initialization of the light DOM elements\n this._init();\n\n // Watch for screen resizing\n window.addEventListener(\"resize\", this._resizeHandler);\n } else {\n console.error(\n \"This component does not have any light DOM children. Please check documentation for requirements.\"\n );\n }\n\n this._observer.observe(this, { childList: true });\n });\n }\n\n disconnectedCallback() {\n // Remove the scroll, resize, and outside click event listeners\n window.removeEventListener(\"resize\", this._resizeHandler);\n\n if (\n this.hasAttribute(\"pfe-close-on-click\") &&\n this.getAttribute(\"pfe-close-on-click\") === \"external\"\n ) {\n document.removeEventListener(\"click\", this._outsideListener);\n }\n\n if (\n this.hasAttribute(\"pfe-sticky\") &&\n this.getAttribute(\"pfe-sticky\") != \"false\"\n ) {\n window.removeEventListener(\"scroll\", this._stickyHandler);\n }\n\n this._menuItem.shadowRoot\n .querySelector(\".pfe-navigation-item__trigger\")\n .removeEventListener(\"click\", this._menuItemClickHandler);\n this._overlay.removeEventListener(\"click\", this._overlayClickHandler);\n\n this._observer.disconnect();\n }\n\n _resizeHandler(event) {\n // Set the visibility of items\n this._setVisibility(this.offsetWidth);\n\n // Check what the active item is\n this._activeNavigationItems.forEach(item => {\n // If the item is open but not visible, update it to hidden\n if (item.expanded && !item.visible) {\n item.expanded = false;\n this._activeNavigationItems = this._activeNavigationItems.filter(\n i => i !== item\n );\n } else if (item.expanded && item.parent && item.parent.visible) {\n // if the parent is the mobile menu item and the size of the window is within\n // the main breakpoint, make sure that the mobile menu is expanded\n if (\n item.parent === this._menuItem &&\n window.innerWidth <= this.breakpoints.main[1]\n ) {\n item.parent.expanded = true; // Ensure the parent is open\n // If the parent item doesn't exist in the active array, add it\n if (!this._activeNavigationItems.includes(item.parent)) {\n this._activeNavigationItems.push(item.parent);\n }\n }\n }\n });\n\n this.overlay = this._activeNavigationItems.length > 0;\n\n // update the reported height\n this._reportHeight();\n }\n\n _stickyHandler() {\n if (window.pageYOffset >= this.top) {\n this.classList.add(\"pfe-sticky\");\n } else {\n this.classList.remove(\"pfe-sticky\");\n }\n }\n\n _outsideListener(event) {\n // Check if the clicked element is the navigation object\n let isSelf = event.target === this;\n // Check if the clicked element contains or is contained by the navigation element\n let isChild = event.target.closest(\"pfe-navigation\");\n let insideWrapper = event.target.tagName.includes(\"-\")\n ? event.target.shadowRoot.querySelector(\"pfe-navigation\")\n : null;\n\n // Check states to determine if the navigation items should close\n if (!isSelf && !(isChild || insideWrapper)) {\n this._activeNavigationItems.map(item => item.close());\n }\n }\n\n _setVisibility(width) {\n Object.keys(this.breakpoints).forEach(label => {\n let bps = this.breakpoints[label];\n let start = bps[0];\n let end = bps[1];\n let isVisible = false;\n\n // If the slot exists, set attribute based on supported breakpoints\n if (\n this.slots[label] &&\n this.slots[label].nodes &&\n this.slots[label].nodes.length > 0\n ) {\n if (width >= start && (!end || (end && width <= end))) {\n isVisible = true;\n }\n\n this.slots[label].nodes.forEach(node => {\n switch (label) {\n case \"main\":\n if (isVisible) {\n node.removeAttribute(\"show_content\");\n this._menuItem.removeAttribute(\"show_links\");\n } else {\n node.setAttribute(\"show_content\", \"\");\n this._menuItem.setAttribute(\"show_links\", \"\");\n this._menuItem.expanded = false;\n this._menuItem.tray.removeAttribute(\"hidden\");\n // Remove menuItem from active items\n this._activeNavigationItems = this._activeNavigationItems.filter(\n item => item !== this._menuItem\n );\n }\n node.navItems.forEach(item => {\n if (isVisible) {\n item.removeAttribute(\"parent_hidden\");\n } else {\n item.setAttribute(\"parent_hidden\", \"\");\n }\n });\n break;\n case (label.match(/^mobile/) || {}).input:\n if (isVisible) {\n // Set an attribute to show this region (strip the mobile prefix)\n this._menuItem.setAttribute(`show_${label.slice(7)}`, \"\");\n if (this._slots[label.slice(7)])\n this._slots[label.slice(7)].removeAttribute(\"hidden\");\n node.removeAttribute(\"hidden\");\n } else {\n this._menuItem.removeAttribute(`show_${label.slice(7)}`);\n if (this._slots[label.slice(7)])\n this._slots[label.slice(7)].setAttribute(\"hidden\", \"\");\n node.setAttribute(\"hidden\", \"\");\n }\n break;\n default:\n node.visible = isVisible;\n break;\n }\n });\n }\n });\n }\n\n _init() {\n // @IE11 This is necessary so the script doesn't become non-responsive\n if (window.ShadyCSS) {\n this._observer.disconnect();\n }\n\n // Initial position of this element from the top of the screen\n this.top = this.getBoundingClientRect().top || 0;\n\n // Get all nav items contained in this element\n this.navItems = [...this.querySelectorAll(\"pfe-navigation-item\")];\n\n // Add the menu element to the list of navigation items\n // do this manually because menu item is in the shadow dom\n if (this._menuItem) this.navItems.push(this._menuItem);\n\n // Attach a reference to the navigation container to the children\n this.navItems.forEach(item => {\n item.navigationWrapper = this;\n });\n\n // Connect the shadow menu with the main component\n let mainNav = this.querySelector(\"pfe-navigation-main\");\n if (mainNav && mainNav.navItems) {\n mainNav.navItems.forEach(item => {\n item.parent = this._menuItem;\n });\n }\n\n // Start by setting the visibility of the slots\n this._setVisibility(this.offsetWidth);\n\n // If the nav is set to sticky, inject the height of the nav to the next element in the DOM\n if (\n this.hasAttribute(\"pfe-sticky\") &&\n this.getAttribute(\"pfe-sticky\") != \"false\"\n ) {\n // Run the sticky check on first page load\n this._stickyHandler();\n\n // Attach the scroll event to the window\n window.addEventListener(\"scroll\", this._stickyHandler);\n }\n\n // Listen for clicks outside the navigation element\n if (\n this.hasAttribute(\"pfe-close-on-click\") &&\n this.getAttribute(\"pfe-close-on-click\") === \"external\"\n ) {\n document.addEventListener(\"click\", this._outsideListener);\n }\n\n // report the height of this pfe-navigation element\n this._reportHeight();\n\n // @IE11 This is necessary so the script doesn't become non-responsive\n if (window.ShadyCSS) {\n setTimeout(() => {\n this._observer.observe(this, {\n childList: true,\n subtree: true,\n characterData: true\n });\n }, 0);\n }\n }\n\n _menuItemClickHandler(event) {\n if (event.currentTarget.getAttribute(\"aria-expanded\") === \"false\") {\n this._activeNavigationItems.map(item => item.close());\n this.overlay = false;\n }\n }\n\n _overlayClickHandler(event) {\n this._activeNavigationItems.map(item => item.close());\n this.overlay = false;\n }\n\n /**\n * Set a global CSS variable reporting the height of this navigation item.\n * Used to position sticky subnavigation items under this.\n *\n * The name of the global CSS variable is `--pfe-navigation--Height--actual`.\n */\n _reportHeight() {\n const cssVarName = `--${this.tag}--Height--actual`;\n const height = this.clientHeight + \"px\";\n document.body.style.setProperty(cssVarName, height);\n }\n}\n\nPFElement.create(PfeNavigationItem);\nPFElement.create(PfeNavigationMain);\nPFElement.create(PfeNavigation);\n\nexport default PfeNavigation;\n"],"names":[],"mappings":"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"} \ No newline at end of file diff --git a/elements/pfe-navigation/dist/pfe-navigation.json b/elements/pfe-navigation/dist/pfe-navigation.json new file mode 100644 index 0000000000..c2864170d6 --- /dev/null +++ b/elements/pfe-navigation/dist/pfe-navigation.json @@ -0,0 +1,184 @@ +{ + "$schema": "http://json-schema.org/draft-04/schema#", + "title": "Navigation", + "description": "This element renders a navigation component.", + "type": "object", + "tag": "pfe-navigation", + "class": "pfe-navigation", + "category": "container", + "properties": { + "slots": { + "title": "Slots", + "description": "Definition of the supported slots", + "type": "object", + "properties": { + "skip": { + "title": "Skip navigation", + "type": "array", + "namedSlot": true, + "items": { + "title": "Item", + "oneOf": [ + { + "$ref": "raw" + } + ] + } + }, + "logo": { + "title": "Logo", + "type": "array", + "namedSlot": true, + "items": { + "title": "Item", + "oneOf": [ + { + "$ref": "raw" + } + ] + } + }, + "search": { + "title": "Search", + "type": "array", + "namedSlot": true, + "items": { + "title": "Item", + "oneOf": [ + { + "$ref": "pfe-navigation-item" + } + ] + } + }, + "mobile-search": { + "title": "Mobile search functionality", + "type": "array", + "namedSlot": true, + "items": { + "title": "Item", + "oneOf": [ + { + "$ref": "raw" + } + ] + } + }, + "main": { + "title": "Main navigation", + "type": "array", + "namedSlot": false, + "items": { + "title": "Item", + "oneOf": [ + { + "$ref": "nav" + }, + { + "$ref": "raw" + } + ] + } + }, + "language": { + "title": "Language switcher", + "type": "array", + "namedSlot": true, + "items": { + "title": "Item", + "oneOf": [ + { + "$ref": "pfe-navigation-item" + } + ] + } + }, + "mobile-language": { + "title": "Mobile link to language page", + "type": "array", + "namedSlot": true, + "items": { + "title": "Item", + "oneOf": [ + { + "$ref": "a" + } + ] + } + }, + "login": { + "title": "Log in", + "type": "array", + "namedSlot": true, + "items": { + "title": "Item", + "oneOf": [ + { + "$ref": "pfe-navigation-item" + } + ] + } + }, + "mobile-login": { + "title": "Mobile link to log in page", + "type": "array", + "namedSlot": true, + "items": { + "title": "Item", + "oneOf": [ + { + "$ref": "a" + } + ] + } + }, + "site-switcher": { + "title": "Site switcher", + "type": "array", + "namedSlot": true, + "items": { + "title": "Item", + "oneOf": [ + { + "$ref": "pfe-navigation-item" + } + ] + } + } + } + }, + "attributes": { + "title": "Attributes", + "type": "object", + "properties": { + "sticky": { + "title": "Sticky navigation", + "type": "boolean", + "default": true, + "prefixed": true + }, + "full-width": { + "title": "Full width navigation", + "type": "boolean", + "default": false, + "prefixed": true + }, + "close-on-click": { + "title": "Close navigation on click event", + "type": "string", + "enum": ["external"], + "default": "external", + "prefixed": true + }, + "menu-label": { + "title": "Mobile menu label", + "type": "string", + "default": "Menu", + "prefixed": true + } + } + } + }, + "required": ["slots", "attributes"], + "additionalProperties": false +} diff --git a/elements/pfe-navigation/dist/pfe-navigation.min.js b/elements/pfe-navigation/dist/pfe-navigation.min.js new file mode 100644 index 0000000000..70e7f24e3c --- /dev/null +++ b/elements/pfe-navigation/dist/pfe-navigation.min.js @@ -0,0 +1,74 @@ +import e from"../../pfelement/dist/pfelement.min.js";import"../../pfe-icon/dist/pfe-icon.min.js";Array.prototype.filter||(Array.prototype.filter=function(e,t){if("Function"!=typeof e&&"function"!=typeof e||!this)throw new TypeError;var i,a=this.length>>>0,n=new Array(a),o=this,r=0,s=-1;if(void 0===t)for(;++s!==a;)s in this&&(i=o[s],e(o[s],s,o)&&(n[r++]=i));else for(;++s!==a;)s in this&&(i=o[s],e.call(t,o[s],s,o)&&(n[r++]=i));return n.length=r,n}),Element.prototype.matches||(Element.prototype.matches=Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector),Element.prototype.closest||(Element.prototype.closest=function(e){var t=this;do{if(t.matches(e))return t;t=t.parentElement||t.parentNode}while(null!==t&&1===t.nodeType);return null}),Array.prototype.includes||Object.defineProperty(Array.prototype,"includes",{value:function(e,t){if(null==this)throw new TypeError('"this" is null or not defined');var i=Object(this),a=i.length>>>0;if(0===a)return!1;var n,o,r=0|t,s=Math.max(r>=0?r:a-Math.abs(r),0);for(;s:host([is_nested]:not([parent_hidden])) .pfe-navigation-item__tray{position:relative;display:block;width:100%;padding:16px;padding:var(--pfe-theme--container-spacer,16px)}::slotted([slot=trigger]){font-family:Overpass,Overpass,Helvetica,helvetica,arial,sans-serif;font-family:var(--pfe-theme--font-family, "Overpass", Overpass, Helvetica, helvetica, arial, sans-serif);font-size:16px!important;font-size:var(--pfe-navigation__trigger--FontSize,var(--pfe-theme--font-size--heading--epsilon,16px))!important;font-weight:300;font-weight:var(--pfe-navigation--FontWeight,var(--pfe-theme--font-weight--light,300));color:#fff;color:var(--pfe-navigation--Color,var(--pfe-theme--color--text--on-dark,#fff));z-index:2;line-height:1.1;margin:0!important;max-width:100%;text-align:center}@media screen and (min-width:0){::slotted([slot=trigger]){max-width:100%}}@media screen and (min-width:1200px){::slotted([slot=trigger]){max-width:190px}}:host{--pfe-navigation--sm-mobile:500px;--pfe-navigation--lg-mobile:640px;--pfe-navigation--sm-desktop:1024px;--pfe-navigation--BackgroundColor:transparent;--pfe-navigation--Color:var(--pfe-theme--color--text--on-dark, #fff);--pfe-navigation--BorderColor:transparent;--pfe-navigation--BorderTopColor:transparent;--pfe-navigation--MinWidth:auto;--pfe-navigation--Height:84px;--pfe-navigation__trigger-icon--Visible:hidden;--pfe-navigation__trigger--FontSize:16px;--pfe-navigation__trigger--Padding:calc(var(--pfe-theme--container-padding, 16px) * .5);--pfe-navigation__trigger--MaxWidth:100%;--pfe-navigation__tray--BackgroundColor:var(--pfe-theme--color--surface--lightest, #fff);--pfe-navigation__tray--Color:var(--pfe-theme--color--text, #333);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;line-height:1.2;height:100%;min-width:var(--pfe-navigation--MinWidth)}@media screen and (max-width:1200px){:host{width:100%}}@media screen and (min-width:500px){:host{--pfe-navigation__trigger--Padding:var(--pfe-theme--container-padding, 16px)}}:host([aria-current=location]){--pfe-navigation--BorderTopColor:var(--pfe-theme--color--surface--accent, #e00)}:host(.expanded){--pfe-navigation__trigger-icon--Visible:visible;--pfe-navigation--BorderColor:var(--pfe-theme--color--surface--lightest, #fff);--pfe-navigation--BorderTopColor:var(--pfe-theme--color--surface--accent, #e00);--pfe-navigation--BackgroundColor:var(--pfe-theme--color--surface--lightest, #fff);--pfe-navigation--Color:var(--pfe-theme--color--text, #333)}:host([pfe-icon]){--pfe-navigation--MinWidth:50px;--pfe-navigation__trigger--FontSize:12px;--pfe-navigation__trigger--Padding:calc(var(--pfe-theme--container-padding, 16px) * .625);--pfe-navigation__trigger-icon--Visible:hidden;-webkit-box-flex:1;-webkit-flex:auto;-ms-flex:auto;flex:auto;width:auto;min-width:65px}@media screen and (min-width:640px){:host([pfe-icon]){width:70px}}@media screen and (max-height:500px){:host([pfe-icon]){--pfe-navigation__trigger--Padding:calc(var(--pfe-theme--container-padding, 16px) / 3) calc(var(--pfe-theme--container-padding, 16px) *.5)}}@media screen and (min-width:1024px){:host([pfe-icon]){-webkit-box-flex:1;-webkit-flex:auto;-ms-flex:auto;flex:auto}}:host(:not([pfe-icon])){--pfe-navigation__trigger--Padding:calc(var(--pfe-theme--container-padding, 16px) * .75)}:host(:not([has_tray])),:host(:not([pfe-icon]):not([is_nested]):not(.expanded)){--pfe-navigation__trigger-icon--Visible:hidden}:host([is_nested]:not([parent_hidden])){display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:0 auto;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;max-width:100%;max-width:var(--pfe-navigation--Width,100%)}.pfe-navigation-item__trigger{--pfe-theme--link--text-decoration:none;--pfe-theme--link--text-decoration--hover:none;--pfe-theme--link--text-decoration--focus:none;--pfe-broadcasted--text:var(--pfe-navigation--Color);--pfe-broadcasted--link:var(--pfe-navigation--Color);--pfe-broadcasted--link--hover:var(--pfe-navigation--Color);--pfe-broadcasted--link--focus:var(--pfe-navigation--Color);--pfe-broadcasted--link--visited:var(--pfe-navigation--Color);--pfe-theme--font-size--alpha:var(--pfe-navigation__trigger--FontSize, var(--pfe-theme--font-size--heading--epsilon, 16px));--pfe-theme--font-weight--alpha:var(--pfe-navigation--FontWeight, var(--pfe-theme--font-weight--light, 300));--pfe-theme--font-size--beta:var(--pfe-navigation__trigger--FontSize, var(--pfe-theme--font-size--heading--epsilon, 16px));--pfe-theme--font-weight--beta:var(--pfe-navigation--FontWeight, var(--pfe-theme--font-weight--light, 300));--pfe-theme--font-size--gamma:var(--pfe-navigation__trigger--FontSize, var(--pfe-theme--font-size--heading--epsilon, 16px));--pfe-theme--font-weight--gamma:var(--pfe-navigation--FontWeight, var(--pfe-theme--font-weight--light, 300));border-top:4px solid var(--pfe-navigation--BorderTopColor);border-top:var(--pfe-theme--surface--border-width--heavy,4px) var(--pfe-theme--surface--border-style,solid) var(--pfe-navigation--BorderTopColor);border-right:1px dashed var(--pfe-navigation--BorderColor);border-right:var(--pfe-theme--surface--border-width,1px) dashed var(--pfe-navigation--BorderColor);border-bottom:1px dashed var(--pfe-navigation--BorderColor);border-bottom:var(--pfe-theme--surface--border-width,1px) dashed var(--pfe-navigation--BorderColor);border-left:1px dashed var(--pfe-navigation--BorderColor);border-left:var(--pfe-theme--surface--border-width,1px) dashed var(--pfe-navigation--BorderColor);background-color:var(--pfe-navigation--BackgroundColor);color:var(--pfe-navigation--Color);padding:var(--pfe-navigation__trigger--Padding);position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all cubic-bezier(.465,.183,.153,.946);transition:all cubic-bezier(.465,.183,.153,.946);-webkit-transition:all var(--pfe-theme--animation-timing,cubic-bezier(.465,.183,.153,.946));transition:all var(--pfe-theme--animation-timing,cubic-bezier(.465,.183,.153,.946));outline:0;cursor:pointer}.pfe-navigation-item__trigger:hover{--pfe-navigation--BorderTopColor:var(--pfe-theme--color--surface--accent, #e00);--pfe-navigation__trigger-icon--Visible:visible}:host([variant=wind]) .pfe-navigation-item__trigger:hover{--pfe-navigation--Color:var(--pfe-theme--color--link--hover, #003366)}:host([has_tray]:not([pfe-icon]):not([is_nested]):not(.expanded)) .pfe-navigation-item__trigger:hover{--pfe-navigation__trigger-icon--Visible:visible;border-top-color:var(--pfe-navigation--Color)}@media screen and (min-width:1200px){:host([has_tray]:not(.expanded)) .pfe-navigation-item__trigger:hover{--pfe-navigation__trigger-icon--Visible:visible}}.pfe-navigation-item__trigger:focus{--pfe-navigation--BorderTopColor:var(--pfe-theme--color--surface--accent, #e00);--pfe-navigation--BorderColor:var(--pfe-theme--color--surface--lightest, #fff)}:host([variant=wind]) .pfe-navigation-item__trigger:focus{--pfe-navigation--Color:var(--pfe-theme--color--link--focus, #003366)}:host(:not([pfe-icon])) .pfe-navigation-item__trigger::after{display:block;content:" ";visibility:hidden;visibility:var(--pfe-navigation__trigger-icon--Visible,hidden);border-style:solid;border-style:var(--pfe-theme--surface--border-style,solid);border-width:6px 6px 0;border-color:transparent;border-top-color:#606060;border-top-color:var(--pfe-theme--color--feedback--default,#606060);-webkit-transform:rotate(0);transform:rotate(0);position:absolute;bottom:calc(16px / 2);bottom:calc(var(--pfe-theme--container-spacer,16px)/ 2)}:host([is_nested]:not([parent_hidden])) .pfe-navigation-item__trigger{--pfe-navigation--Color:var(--pfe-theme--color--text, #333);--pfe-broadcasted--text:var(--pfe-navigation__tray--Color);--pfe-broadcasted--link:var(--pfe-navigation__tray--Color);--pfe-broadcasted--link-decoration:var(--pfe-navigation__tray--Color);--pfe-navigation--BorderColor--accent:transparent;--pfe-navigation--BorderColor:var(--pfe-theme--color--surface--border, #d2d2d2);--pfe-navigation--BorderTopWidth:var(--pfe-theme--surface--border-width, 1px);--pfe-navigation--BorderRightWidth:0;--pfe-navigation--BorderBottomWidth:var(--pfe-theme--surface--border-width, 1px);--pfe-navigation--BorderLeftWidth:var(--pfe-theme--surface--border-width--heavy, 4px);--pfe-navigation--Color:var(--pfe-broadcasted--text, #333);--pfe-navigation--TextAlign:left;--pfe-navigation--base--Padding:var(--pfe-theme--container-spacer, 16px);--pfe-navigation--accent:var(--pfe-theme--color--ui-base, #0477a4);--pfe-navigation--BorderBottomWidth:0;--pfe-navigation--Trigger--padding:var(--pfe-navigation--base--Padding) 50px var(--pfe-navigation--base--Padding) calc(var(--pfe-navigation--base--Padding) * 1.5)!important;margin:0;width:100%;width:var(--pfe-navigation--Width,100%);max-width:100%;height:auto;position:relative;background-color:transparent;background-color:var(--pfe-navigation--BackgroundColor,transparent);color:var(--pfe-navigation--Color);border-top:1px solid #d2d2d2;border-top:var(--pfe-navigation--BorderTopWidth,var(--pfe-theme--surface--border-width,1px)) var(--pfe-theme--surface--border-style,solid) var(--pfe-navigation--BorderColor,var(--pfe-theme--color--surface--border,#d2d2d2));border-right:1px solid transparent;border-right:var(--pfe-navigation--BorderRightWidth,var(--pfe-theme--surface--border-width,1px)) var(--pfe-theme--surface--border-style,solid) var(--pfe-navigation--BorderColor,transparent);border-bottom:1px solid #d2d2d2;border-bottom:var(--pfe-navigation--BorderBottomWidth,var(--pfe-theme--surface--border-width,1px)) var(--pfe-theme--surface--border-style,solid) var(--pfe-navigation--BorderColor,var(--pfe-theme--color--surface--border,#d2d2d2));border-left:4px solid transparent;border-left:var(--pfe-navigation--BorderLeftWidth,var(--pfe-theme--surface--border-width--heavy,4px)) var(--pfe-theme--surface--border-style,solid) var(--pfe-navigation--BorderColor--accent,transparent);-webkit-box-shadow:var(--pfe-navigation--BoxShadow);box-shadow:var(--pfe-navigation--BoxShadow);cursor:pointer;z-index:1;font-family:inherit;font-size:calc(16px * 1.1);font-size:var(--pfe-navigation--FontSize--header,calc(var(--pfe-theme--font-size,16px) * 1.1));font-weight:700;font-weight:var(--pfe-theme--font-weight--bold,700);text-align:left;text-align:var(--pfe-navigation--TextAlign,left);line-height:1.5;line-height:var(--pfe-theme--line-height,1.5);padding:var(--pfe-navigation--Trigger--padding);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}:host([is_nested]:not([parent_hidden])) .pfe-navigation-item__trigger:hover{--pfe-navigation--BorderColor--accent:var(--pfe-navigation--accent)}:host([is_nested]:not([parent_hidden])) .pfe-navigation-item__trigger:hover{outline:0;z-index:2}:host([is_nested]:not([parent_hidden])) .pfe-navigation-item__trigger:focus{outline:0;z-index:2;text-decoration:underline}:host([is_nested]:not([parent_hidden])) .pfe-navigation-item__trigger::-moz-focus-inner{border:0}:host([is_nested].expanded:not([parent_hidden])) .pfe-navigation-item__trigger{--pfe-navigation--BorderColor:var(--pfe-theme--color--surface--border, #d2d2d2);--pfe-navigation--BorderRightWidth:var(--pfe-theme--surface--border-width, 1px);--pfe-navigation--BorderLeftWidth:var(--pfe-theme--surface--border-width--heavy, 4px);--pfe-navigation--BackgroundColor:white;--pfe-navigation--Color:var(--pfe-theme--color--text, #333);--pfe-navigation--BorderColor--accent:var(--pfe-theme--color--ui-base, #0477a4)}:host([is_nested][last]:not(.expanded):not([parent_hidden])) .pfe-navigation-item__trigger{--pfe-navigation--BorderBottomWidth:var(--pfe-theme--surface--border-width, 1px)}:host([is_nested]:not(.expanded):not([parent_hidden])) .pfe-navigation-item__trigger::after{content:"";position:absolute;top:calc(16px + 0px);top:calc(var(--pfe-theme--container-spacer,16px) + 0px);display:block;border-style:solid;border-style:var(--pfe-theme--surface--border-style,solid);height:.4em;width:.4em;-webkit-transition:-webkit-transform .15s;transition:-webkit-transform .15s;transition:transform .15s;transition:transform .15s,-webkit-transform .15s;border-width:0 .1em .1em 0;-webkit-transform:rotate(45deg);transform:rotate(45deg);right:calc(16px * 1.5);right:calc(var(--pfe-theme--container-spacer,16px) * 1.5)}:host([is_nested].expanded:not([parent_hidden])) .pfe-navigation-item__trigger::after{content:"";position:absolute;top:calc(16px + 4px);top:calc(var(--pfe-theme--container-spacer,16px) + 4px);display:block;border-style:solid;border-style:var(--pfe-theme--surface--border-style,solid);height:.4em;width:.4em;-webkit-transition:-webkit-transform .15s;transition:-webkit-transform .15s;transition:transform .15s;transition:transform .15s,-webkit-transform .15s;border-width:.1em .1em 0 0;border-bottom:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);top:calc(16px + 4px);top:calc(var(--pfe-theme--container-spacer,16px) + 4px);right:calc(16px * 1.5);right:calc(var(--pfe-theme--container-spacer,16px) * 1.5)}:host([is_nested]:not([parent_hidden])) .pfe-navigation-item__trigger::after{--pfe-navigation__trigger-icon--Visible:visible;border-color:var(--pfe-navigation--Color)}:host([is_nested]:not([has_tray]):not([parent_hidden])) .pfe-navigation-item__trigger::after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}:host([variant=wind]) .pfe-navigation-item__trigger{--pfe-navigation__trigger--Padding:calc(var(--pfe-theme--container-padding, 16px) / 2) 0 calc(var(--pfe-theme--container-padding, 16px) / 2) calc(var(--pfe-theme--container-spacer, 16px) * 1.5);--pfe-navigation--Color:var(--pfe-theme--color--link, #06c);--pfe-navigation--BackgroundColor:transparent!important;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;border:none}.pfe-navigation-item__trigger pfe-icon{--pfe-icon--Color:var(--pfe-navigation--Color)}:host([variant=wind]) .pfe-navigation-item__trigger pfe-icon{margin-bottom:0;margin-right:calc(16px / 2);margin-right:calc(var(--pfe-theme--container-spacer,16px)/ 2)}.pfe-navigation-item__trigger pfe-icon[icon=web-plus]{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}:host([pfe-icon]) ::slotted([slot=trigger]){margin:.25em 0 0 0!important;max-width:100px}::slotted(*){font-size:inherit!important;font-weight:300!important;font-weight:var(--pfe-navigation--FontWeight,var(--pfe-theme--font-weight--light,300))!important}.pfe-navigation-item__tray{--pfe-navigation--FontWeight:var(--pfe-theme--color--text, #333);--pfe-broadcasted--text:var(--pfe-theme--color--text, #333);--pfe-broadcasted--link:var(--pfe-theme--color--link, #06c);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover, #003366);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus, #003366);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited, rebeccapurple);--pfe-broadcasted--link-decoration:none;--pfe-broadcasted--link-decoration--hover:underline;--pfe-broadcasted--link-decoration--focus:underline;--pfe-broadcasted--link-decoration--visited:none;-webkit-transition:all cubic-bezier(.465,.183,.153,.946);transition:all cubic-bezier(.465,.183,.153,.946);-webkit-transition:all var(--pfe-theme--animation-timing,cubic-bezier(.465,.183,.153,.946));transition:all var(--pfe-theme--animation-timing,cubic-bezier(.465,.183,.153,.946));-webkit-box-sizing:border-box;box-sizing:border-box;display:none;visibility:hidden}.pfe-navigation-item__tray[aria-expanded=true]{display:block;visibility:visible}:host([show_links]:not([parent_hidden])) .pfe-navigation-item__tray{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;visibility:visible;width:100%;padding-right:40px}:host(:not([pfe-icon=web-mobile-menu]):not([is_nested])) .pfe-navigation-item__tray,:host([is_nested][parent_hidden]) .pfe-navigation-item__tray,:host([pfe-icon=web-mobile-menu]:not([show_links])) .pfe-navigation-item__tray{position:absolute;top:100%;left:0;background-color:var(--pfe-navigation__tray--BackgroundColor);color:var(--pfe-navigation__tray--Color);padding:var(--pfe-navigation__tray--Padding);width:100%;max-height:calc(100vh - var(--pfe-navigation--Height));overflow-x:hidden;overflow-y:scroll;padding-right:9px}:host([is_nested]:not([parent_hidden])) .pfe-navigation-item__tray{display:none;overflow:hidden;will-change:height;border-color:transparent;opacity:0;margin:0;width:100%;width:var(--pfe-navigation--Width,100%);max-width:100%;height:auto;position:relative;background-color:transparent;background-color:var(--pfe-navigation--BackgroundColor,transparent);color:var(--pfe-navigation--Color);border-top:1px solid #d2d2d2;border-top:var(--pfe-navigation--BorderTopWidth,var(--pfe-theme--surface--border-width,1px)) var(--pfe-theme--surface--border-style,solid) var(--pfe-navigation--BorderColor,var(--pfe-theme--color--surface--border,#d2d2d2));border-right:1px solid transparent;border-right:var(--pfe-navigation--BorderRightWidth,var(--pfe-theme--surface--border-width,1px)) var(--pfe-theme--surface--border-style,solid) var(--pfe-navigation--BorderColor,transparent);border-bottom:1px solid #d2d2d2;border-bottom:var(--pfe-navigation--BorderBottomWidth,var(--pfe-theme--surface--border-width,1px)) var(--pfe-theme--surface--border-style,solid) var(--pfe-navigation--BorderColor,var(--pfe-theme--color--surface--border,#d2d2d2));border-left:4px solid transparent;border-left:var(--pfe-navigation--BorderLeftWidth,var(--pfe-theme--surface--border-width--heavy,4px)) var(--pfe-theme--surface--border-style,solid) var(--pfe-navigation--BorderColor--accent,transparent);-webkit-box-shadow:var(--pfe-navigation--BoxShadow);box-shadow:var(--pfe-navigation--BoxShadow);--pfe-navigation--BoxShadow:none;padding:var(--pfe-navigation--panel-container--Padding);padding:calc(var(--pfe-navigation--Padding--vertical)/ 2) calc(var(--pfe-navigation--Padding--horizontal) * 1.75)}:host([is_nested]:not([parent_hidden])) .pfe-navigation-item__tray:hover{--pfe-navigation--BorderColor--accent:var(--pfe-navigation--accent)}:host([is_nested]:not([parent_hidden])) .pfe-navigation-item__tray *,:host([is_nested]:not([parent_hidden])) .pfe-navigation-item__tray ::after,:host([is_nested]:not([parent_hidden])) .pfe-navigation-item__tray ::before{-webkit-box-sizing:border-box;box-sizing:border-box}:host([is_nested].expanded:not([parent_hidden])) .pfe-navigation-item__tray{--pfe-navigation--BorderColor:var(--pfe-theme--color--surface--border, #d2d2d2);--pfe-navigation--BorderRightWidth:var(--pfe-theme--surface--border-width, 1px);--pfe-navigation--BorderLeftWidth:var(--pfe-theme--surface--border-width--heavy, 4px);--pfe-navigation--BackgroundColor:white;--pfe-navigation--Color:var(--pfe-theme--color--text, #333);--pfe-navigation--BorderColor--accent:var(--pfe-theme--color--ui-base, #0477a4);--pfe-navigation--BorderTopWidth:0;--pfe-navigation--BoxShadow:0 5px var(--pfe-theme--surface--border-width--heavy, 4px) rgba(140, 140, 140, 0.35);display:block;position:relative;opacity:1}::slotted([slot=tray]){display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}:host(:not(.expanded):not([show_links])) .pfe-navigation-item__tray,:host([hidden]) .pfe-navigation-item__tray,:host([hidden]) .pfe-navigation-item__trigger,:host([hidden]:not([show_tray])),:host([show_links])>.pfe-navigation-item__trigger{display:none;visibility:hidden}:host([show_links]) ::slotted([slot=tray][hidden]),:host([show_tray]){display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;visibility:visible;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}:host([is_nested]) ::slotted([slot=trigger]){text-align:left}:host([is_nested]) [slot=trigger]>a{color:#464646!important;color:var(--pfe-theme--color--ui-complement,#464646)!important}:host([pfe-icon=web-mobile-menu]){-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;-webkit-box-flex:0;-webkit-flex:0 1 99%;-ms-flex:0 1 99%;flex:0 1 99%}:host([is_nested][parent_hidden][pfe-full-width]) .pfe-navigation-item__tray{padding:var(--pfe-navigation__tray--Padding) 0 var(--pfe-navigation__tray--Padding) 0}\n/*# sourceMappingURL=pfe-navigation-item.min.css.map */\n\n${this.has_slot("tray")?'
                                                    \n \n
                                                    ':""}`}static get properties(){return{icon:{title:"Icon name",type:"string",prefixed:!0}}}static get slots(){return{trigger:{title:"Navigation trigger",type:"array",namedSlot:!0,items:{title:"Item",oneOf:[{$ref:"raw"}]}},tray:{title:"Navigation tray",type:"array",namedSlot:!0,items:{title:"Item",oneOf:[{$ref:"raw"}]}}}}static get tag(){return"pfe-navigation-item"}get templateUrl(){return"pfe-navigation-item.html"}get styleUrl(){return"pfe-navigation-item.scss"}get schemaUrl(){return"pfe-navigation-item.json"}static get PfeType(){return e.PfeTypes.Container}static get observedAttributes(){return["pfe-icon","pfe-full-width"]}static get cascadingAttributes(){return{"pfe-full-width":".pfe-navigation-item__tray"}}get hasIcon(){return this.hasAttribute("pfe-icon")}get iconName(){return this.getAttribute("pfe-icon")}get nested(){return this.hasAttribute("is_nested")}set nested(e){(e=Boolean(e))?this.setAttribute("is_nested",""):this.removeAttribute("is_nested")}get expanded(){return this.classList.contains("expanded")}set expanded(e){(e=Boolean(e))?(this.classList.add("expanded"),"web-mobile-menu"===this.iconName&&this._icon&&this._icon.setAttribute("icon","web-plus"),this._trigger&&this._trigger.setAttribute("aria-expanded",!0),this.tray&&this.tray.removeAttribute("hidden"),this._tray&&this._tray.setAttribute("aria-expanded",!0)):(this.classList.remove("expanded"),"web-mobile-menu"===this.iconName&&this._icon&&this._icon.setAttribute("icon","web-mobile-menu"),this._trigger&&this._trigger.setAttribute("aria-expanded",!1),this.tray&&this.tray.setAttribute("hidden",""),this._tray&&this._tray.setAttribute("aria-expanded",!1))}get visible(){return!this.hasAttribute("hidden")}set visible(e){(e=Boolean(e))?this.removeAttribute("hidden"):this.setAttribute("hidden","")}open(e){e&&e.preventDefault(),this.navigationWrapper&&(this.navigationWrapper._activeNavigationItems=this.navigationWrapper._activeNavigationItems.filter(e=>{let t=e===this.parent;return t||e.close(),t}),this.navigationWrapper._activeNavigationItems.push(this),this.expanded=!0,this.navigationWrapper.overlay=!0),this.dispatchEvent(new CustomEvent(`${this.tag}:open`,{detail:{},bubbles:!0,composed:!0}))}close(e){e&&e.preventDefault(),this.navigationWrapper._activeNavigationItems=this.navigationWrapper._activeNavigationItems.filter(e=>{let t=this.nestedItems&&this.nestedItems.includes(e);return t&&e.close(),!t&&e!==this}),this.expanded=!1,this.navigationWrapper.overlay=this.navigationWrapper._activeNavigationItems.length>0,this.focus(),this.dispatchEvent(new CustomEvent(`${this.tag}:close`,{detail:{},bubbles:!0,composed:!0}))}toggle(e){e&&e.preventDefault(),this.visible&&!this.expanded?this.open(e):this.close(e)}constructor(){super(t),this._handlersAdded=!1,this.nested=!1,this.expanded=!1,this.trigger=null,this.tray=null,this.directLink=null,this.linkUrl=null,this.nestedItems=[],this._trigger=this.shadowRoot.querySelector(`.${this.tag}__trigger`),this._icon=this.shadowRoot.querySelector("pfe-icon"),this._tray=this.shadowRoot.querySelector(`.${this.tag}__tray`),this.close=this.close.bind(this),this.open=this.open.bind(this),this.toggle=this.toggle.bind(this),this._init__trigger=this._init__trigger.bind(this),this._init__tray=this._init__tray.bind(this),this._keydownHandler=this._keydownHandler.bind(this),this._keyupHandler=this._keyupHandler.bind(this),this._navigateToUrl=this._navigateToUrl.bind(this),this._directLinkHandler=this._directLinkHandler.bind(this)}connectedCallback(){super.connectedCallback(),this._init__trigger(),this._init__tray(),this.trigger&&this.trigger.addEventListener("slotchange",this._init__trigger),this.tray&&this.tray.addEventListener("slotchange",this._init__tray)}disconnectedCallback(){this.trigger.removeEventListener("slotchange",this._init),this.tray?(this.tray.removeEventListener("slotchange",this._init),this.removeEventListener("keydown",this._keydownHandler),this.removeEventListener("keyup",this._exit),this._trigger.removeEventListener("click",this.toggle),this._trigger.removeEventListener("keyup",this._keyupHandler)):(this._trigger.removeEventListener("click",this._navigateToUrl),this._trigger.removeEventListener("keyup",this._directLinkHandler))}_init__trigger(){if([...this.children].filter(e=>!e.hasAttribute("slot")).map(e=>e.setAttribute("slot","trigger")),this.trigger=this.querySelector('[slot="trigger"]'),this.trigger){if(this.directLink=this.trigger.querySelector("a"),!this.directLink&&"SLOT"===this.trigger.tagName){let e=this.trigger.assignedNodes();e.length>0&&"A"===e[0].tagName&&(this.directLink=e[0])}this.directLink?(this.directLink.setAttribute("tabindex","-1"),this.linkUrl=this.directLink.href):this.linkUrl="#",this._trigger.addEventListener("click",this._navigateToUrl),this._trigger.addEventListener("keyup",this._directLinkHandler)}}_init__tray(){if(this.tray=this.querySelector('[slot="tray"]'),this.tray){this.nestedItems=this.nestedItems.concat([...this.tray.querySelectorAll(`${this.tag}`)]);let e=[];window.ShadyCSS||[...this.tray.querySelectorAll("slot")].forEach(t=>{[...t.assignedElements()].forEach(t=>{e=e.concat([...t.querySelectorAll(`${this.tag}`)])})}),this.nestedItems=this.nestedItems.concat(e.filter(e=>!this.nestedItems.includes(e))),this._init__handlers()}}_init__handlers(){this._trigger.removeEventListener("click",this._navigateToUrl),this._trigger.removeEventListener("keyup",this._directLinkHandler),this._handlersAdded||(this._trigger.addEventListener("click",this.toggle),this.addEventListener("keyup",this._exit),this.addEventListener("keydown",this._keydownHandler),this._trigger.addEventListener("keyup",this._keyupHandler),this._handlersAdded=!0)}_navigateToUrl(e){e.preventDefault(),window.location.href=this.linkUrl}_directLinkHandler(e){switch(e.key||e.keyCode){case"Spacebar":case" ":case 32:case"Enter":case 13:this._navigateToUrl(e);break;default:return}}_keydownHandler(e){let t=e.key||e.keyCode,i=e.path&&e.path.length>0?e.path[0]:this;switch(t){case"Spacebar":case" ":case 32:["INPUT","TEXTAREA","SELECT"].includes(i.tagName)||e.preventDefault()}}_keyupHandler(e){let t=e.key||e.keyCode,i=e.path&&e.path.length>0?e.path[0]:this;switch(t){case"Spacebar":case" ":case 32:["INPUT","TEXTAREA","SELECT"].includes(i.tagName)||this.toggle(e);break;case"Enter":case 13:["A"].includes(i.tagName)||this.toggle(e)}}_exit(e){switch(e.key||e.keyCode){case"Esc":case"Escape":case 27:this.close(e)}}} +/*! + * PatternFly Elements: PfeNavigation 1.0.0-prerelease.50 + * @license + * Copyright 2020 Red Hat, Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + * +*/class i extends e{static get version(){return"1.0.0-prerelease.50"}get html(){return""}static get tag(){return"pfe-navigation-main"}get templateUrl(){return"pfe-navigation-main.html"}get styleUrl(){return"pfe-navigation-main.scss"}static get PfeType(){return e.PfeTypes.Container}static get observedAttributes(){return["show_content"]}constructor(){super(i),this._init=this._init.bind(this)}connectedCallback(){super.connectedCallback(),this._init(),this.addEventListener("slotchange",this._init)}disconnectedCallback(){this.removeEventListener("slotchange",this._init)}_init(){this.navItems=[...this.querySelectorAll("pfe-navigation-item")],this.first=this.navItems.length>0?this.navItems[0]:null,this.last=this.navItems[this.navItems.length-1],this.setAttribute("role","navigation"),this.setAttribute("aria-label","Main"),this.navItems.forEach(e=>{e.nested=!0}),this.first&&this.first.setAttribute("first",""),this.last&&this.last.setAttribute("last","")}} +/*! + * PatternFly Elements: PfeNavigation 1.0.0-prerelease.50 + * @license + * Copyright 2020 Red Hat, Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + * +*/class a extends e{static get version(){return"1.0.0-prerelease.50"}get html(){return`
                                                    \n
                                                    \n ${this.has_slot("logo")?'':""}\n ${this.has_slot("skip")?'
                                                    \n \n
                                                    ':""}\n \n ${this.hasAttribute("pfe-menu-label")?`

                                                    ${this.getAttribute("pfe-menu-label")}

                                                    `:''}\n
                                                    \n
                                                    \n \n \n ${this.has_slot("mobile-login")?'':""}\n ${this.has_slot("mobile-language")?'':""}\n
                                                    \n
                                                    \n                                                     \n ${this.has_slot("language")||this.has_slot("search")||this.has_slot("login")||this.has_slot("site-switcher")?'
                                                    \n \n \n \n \n
                                                    ':""}\n
                                                    \n
                                                    \n`}static get properties(){return{sticky:{title:"Sticky navigation",type:"boolean",default:!0,prefixed:!0},"full-width":{title:"Full width navigation",type:"boolean",default:!1,prefixed:!0},"close-on-click":{title:"Close navigation on click event",type:"string",enum:["external"],default:"external",prefixed:!0},"menu-label":{title:"Mobile menu label",type:"string",default:"Menu",prefixed:!0}}}static get slots(){return{skip:{title:"Skip navigation",type:"array",namedSlot:!0,items:{title:"Item",oneOf:[{$ref:"raw"}]}},logo:{title:"Logo",type:"array",namedSlot:!0,items:{title:"Item",oneOf:[{$ref:"raw"}]}},search:{title:"Search",type:"array",namedSlot:!0,items:{title:"Item",oneOf:[{$ref:"pfe-navigation-item"}]}},"mobile-search":{title:"Mobile search functionality",type:"array",namedSlot:!0,items:{title:"Item",oneOf:[{$ref:"raw"}]}},main:{title:"Main navigation",type:"array",namedSlot:!1,items:{title:"Item",oneOf:[{$ref:"nav"},{$ref:"raw"}]}},language:{title:"Language switcher",type:"array",namedSlot:!0,items:{title:"Item",oneOf:[{$ref:"pfe-navigation-item"}]}},"mobile-language":{title:"Mobile link to language page",type:"array",namedSlot:!0,items:{title:"Item",oneOf:[{$ref:"a"}]}},login:{title:"Log in",type:"array",namedSlot:!0,items:{title:"Item",oneOf:[{$ref:"pfe-navigation-item"}]}},"mobile-login":{title:"Mobile link to log in page",type:"array",namedSlot:!0,items:{title:"Item",oneOf:[{$ref:"a"}]}},"site-switcher":{title:"Site switcher",type:"array",namedSlot:!0,items:{title:"Item",oneOf:[{$ref:"pfe-navigation-item"}]}}}}static get tag(){return"pfe-navigation"}get templateUrl(){return"pfe-navigation.html"}get styleUrl(){return"pfe-navigation.scss"}get schemaUrl(){return"pfe-navigation.json"}get overlay(){return!this._overlay.hasAttribute("hidden")}set overlay(e){e?(this._overlay.removeAttribute("hidden"),this._wrapper.setAttribute("expanded","")):(this._overlay.setAttribute("hidden",""),this._wrapper.removeAttribute("expanded"))}static get cascadingAttributes(){return{"pfe-full-width":"pfe-navigation-item"}}static get observedAttributes(){return["pfe-full-width"]}constructor(){super(a),this._init=this._init.bind(this),this._setVisibility=this._setVisibility.bind(this),this._resizeHandler=this._resizeHandler.bind(this),this._stickyHandler=this._stickyHandler.bind(this),this._outsideListener=this._outsideListener.bind(this),this._menuItemClickHandler=this._menuItemClickHandler.bind(this),this._overlayClickHandler=this._overlayClickHandler.bind(this),this._observer=new MutationObserver(this._init),this._overlay=this.shadowRoot.querySelector(`.${this.tag}__overlay`),this._wrapper=this.shadowRoot.querySelector(`.${this.tag}__wrapper`),this._menuItem=this.shadowRoot.querySelector(`${t.tag}[pfe-icon="web-mobile-menu"]`),this._slots={language:this.shadowRoot.querySelector(`${t.tag}[pfe-icon="web-user"]`),login:this.shadowRoot.querySelector(`${t.tag}[pfe-icon="web-globe"]`)},this._activeNavigationItems=[],this.overlay=!1,this._menuItem.shadowRoot.querySelector(".pfe-navigation-item__trigger").addEventListener("click",this._menuItemClickHandler),this._overlay.addEventListener("click",this._overlayClickHandler)}connectedCallback(){super.connectedCallback(),Promise.all([customElements.whenDefined(t.tag),customElements.whenDefined(i.tag)]).then(()=>{this.children.length?(this.breakpoints={main:[0,1023],search:[640],"mobile-search":[0,639],language:[640],"mobile-language":[0,639],login:[640],"mobile-login":[0,639]},this._init(),window.addEventListener("resize",this._resizeHandler)):console.error("This component does not have any light DOM children. Please check documentation for requirements."),this._observer.observe(this,{childList:!0})})}disconnectedCallback(){window.removeEventListener("resize",this._resizeHandler),this.hasAttribute("pfe-close-on-click")&&"external"===this.getAttribute("pfe-close-on-click")&&document.removeEventListener("click",this._outsideListener),this.hasAttribute("pfe-sticky")&&"false"!=this.getAttribute("pfe-sticky")&&window.removeEventListener("scroll",this._stickyHandler),this._menuItem.shadowRoot.querySelector(".pfe-navigation-item__trigger").removeEventListener("click",this._menuItemClickHandler),this._overlay.removeEventListener("click",this._overlayClickHandler),this._observer.disconnect()}_resizeHandler(e){this._setVisibility(this.offsetWidth),this._activeNavigationItems.forEach(e=>{e.expanded&&!e.visible?(e.expanded=!1,this._activeNavigationItems=this._activeNavigationItems.filter(t=>t!==e)):e.expanded&&e.parent&&e.parent.visible&&e.parent===this._menuItem&&window.innerWidth<=this.breakpoints.main[1]&&(e.parent.expanded=!0,this._activeNavigationItems.includes(e.parent)||this._activeNavigationItems.push(e.parent))}),this.overlay=this._activeNavigationItems.length>0,this._reportHeight()}_stickyHandler(){window.pageYOffset>=this.top?this.classList.add("pfe-sticky"):this.classList.remove("pfe-sticky")}_outsideListener(e){let t=e.target===this,i=e.target.closest("pfe-navigation"),a=e.target.tagName.includes("-")?e.target.shadowRoot.querySelector("pfe-navigation"):null;t||i||a||this._activeNavigationItems.map(e=>e.close())}_setVisibility(e){Object.keys(this.breakpoints).forEach(t=>{let i=this.breakpoints[t],a=i[0],n=i[1],o=!1;this.slots[t]&&this.slots[t].nodes&&this.slots[t].nodes.length>0&&(e>=a&&(!n||n&&e<=n)&&(o=!0),this.slots[t].nodes.forEach(e=>{switch(t){case"main":o?(e.removeAttribute("show_content"),this._menuItem.removeAttribute("show_links")):(e.setAttribute("show_content",""),this._menuItem.setAttribute("show_links",""),this._menuItem.expanded=!1,this._menuItem.tray.removeAttribute("hidden"),this._activeNavigationItems=this._activeNavigationItems.filter(e=>e!==this._menuItem)),e.navItems.forEach(e=>{o?e.removeAttribute("parent_hidden"):e.setAttribute("parent_hidden","")});break;case(t.match(/^mobile/)||{}).input:o?(this._menuItem.setAttribute(`show_${t.slice(7)}`,""),this._slots[t.slice(7)]&&this._slots[t.slice(7)].removeAttribute("hidden"),e.removeAttribute("hidden")):(this._menuItem.removeAttribute(`show_${t.slice(7)}`),this._slots[t.slice(7)]&&this._slots[t.slice(7)].setAttribute("hidden",""),e.setAttribute("hidden",""));break;default:e.visible=o}}))})}_init(){window.ShadyCSS&&this._observer.disconnect(),this.top=this.getBoundingClientRect().top||0,this.navItems=[...this.querySelectorAll("pfe-navigation-item")],this._menuItem&&this.navItems.push(this._menuItem),this.navItems.forEach(e=>{e.navigationWrapper=this});let e=this.querySelector("pfe-navigation-main");e&&e.navItems&&e.navItems.forEach(e=>{e.parent=this._menuItem}),this._setVisibility(this.offsetWidth),this.hasAttribute("pfe-sticky")&&"false"!=this.getAttribute("pfe-sticky")&&(this._stickyHandler(),window.addEventListener("scroll",this._stickyHandler)),this.hasAttribute("pfe-close-on-click")&&"external"===this.getAttribute("pfe-close-on-click")&&document.addEventListener("click",this._outsideListener),this._reportHeight(),window.ShadyCSS&&setTimeout(()=>{this._observer.observe(this,{childList:!0,subtree:!0,characterData:!0})},0)}_menuItemClickHandler(e){"false"===e.currentTarget.getAttribute("aria-expanded")&&(this._activeNavigationItems.map(e=>e.close()),this.overlay=!1)}_overlayClickHandler(e){this._activeNavigationItems.map(e=>e.close()),this.overlay=!1}_reportHeight(){const e=`--${this.tag}--Height--actual`,t=this.clientHeight+"px";document.body.style.setProperty(e,t)}}e.create(t),e.create(i),e.create(a);export default a; +//# sourceMappingURL=pfe-navigation.min.js.map diff --git a/elements/pfe-navigation/dist/pfe-navigation.min.js.map b/elements/pfe-navigation/dist/pfe-navigation.min.js.map new file mode 100644 index 0000000000..68d85bfe06 --- /dev/null +++ b/elements/pfe-navigation/dist/pfe-navigation.min.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-navigation.min.js","sources":["../_temp/polyfills--pfe-navigation.js","../_temp/pfe-navigation-item.js","../_temp/pfe-navigation-main.js","../_temp/pfe-navigation.js"],"sourcesContent":["// @POLYFILL Array.prototype.filter\n// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter\nif (!Array.prototype.filter) {\n Array.prototype.filter = function(func, thisArg) {\n \"use strict\";\n if (!((typeof func === \"Function\" || typeof func === \"function\") && this))\n throw new TypeError();\n\n var len = this.length >>> 0,\n res = new Array(len), // preallocate array\n t = this,\n c = 0,\n i = -1;\n\n var kValue;\n if (thisArg === undefined) {\n while (++i !== len) {\n // checks to see if the key was set\n if (i in this) {\n kValue = t[i]; // in case t is changed in callback\n if (func(t[i], i, t)) {\n res[c++] = kValue;\n }\n }\n }\n } else {\n while (++i !== len) {\n // checks to see if the key was set\n if (i in this) {\n kValue = t[i];\n if (func.call(thisArg, t[i], i, t)) {\n res[c++] = kValue;\n }\n }\n }\n }\n\n res.length = c; // shrink down array to proper size\n return res;\n };\n}\n\n// @POLYFILL Element.prototype.matches\n// https://developer.mozilla.org/en-US/docs/Web/API/Element/matches\nif (!Element.prototype.matches) {\n Element.prototype.matches =\n Element.prototype.msMatchesSelector ||\n Element.prototype.webkitMatchesSelector;\n}\n\n// @POLYFILL Element.prototype.closest\n// https://developer.mozilla.org/en-US/docs/Web/API/Element/closest\nif (!Element.prototype.closest) {\n Element.prototype.closest = function(s) {\n var el = this;\n\n do {\n if (el.matches(s)) return el;\n el = el.parentElement || el.parentNode;\n } while (el !== null && el.nodeType === 1);\n return null;\n };\n}\n\n// @POLYFILL Array.prototype.includes\n// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/includes\nif (!Array.prototype.includes) {\n Object.defineProperty(Array.prototype, \"includes\", {\n value: function(searchElement, fromIndex) {\n // 1. Let O be ? ToObject(this value).\n if (this == null) {\n throw new TypeError('\"this\" is null or not defined');\n }\n\n var o = Object(this);\n\n // 2. Let len be ? ToLength(? Get(O, \"length\")).\n var len = o.length >>> 0;\n\n // 3. If len is 0, return false.\n if (len === 0) {\n return false;\n }\n\n // 4. Let n be ? ToInteger(fromIndex).\n // (If fromIndex is undefined, this step produces the value 0.)\n var n = fromIndex | 0;\n\n // 5. If n ≥ 0, then\n // a. Let k be n.\n // 6. Else n < 0,\n // a. Let k be len + n.\n // b. If k < 0, let k be 0.\n var k = Math.max(n >= 0 ? n : len - Math.abs(n), 0);\n\n function sameValueZero(x, y) {\n return (\n x === y ||\n (typeof x === \"number\" &&\n typeof y === \"number\" &&\n isNaN(x) &&\n isNaN(y))\n );\n }\n\n // 7. Repeat, while k < len\n while (k < len) {\n // a. Let elementK be the result of ? Get(O, ! ToString(k)).\n // b. If SameValueZero(searchElement, elementK) is true, return true.\n // c. Increase k by 1.\n if (sameValueZero(o[k], searchElement)) {\n return true;\n }\n k++;\n }\n\n // 8. Return false\n return false;\n }\n });\n}\n\n// @POLYFILL Event.prototype.path\n// https://stackoverflow.com/questions/36845515/mouseevent-path-equivalent-in-firefox-safari\nif (!(\"path\" in Event.prototype)) {\n Object.defineProperty(Event.prototype, \"path\", {\n get: function() {\n var path = [];\n var currentElem = this.target;\n while (currentElem) {\n path.push(currentElem);\n currentElem = currentElem.parentElement;\n }\n if (path.indexOf(window) === -1 && path.indexOf(document) === -1)\n path.push(document);\n if (path.indexOf(window) === -1) path.push(window);\n return path;\n }\n });\n}\n","/*!\n * PatternFly Elements: PfeNavigation 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\nimport PFElement from \"../../pfelement/dist/pfelement.js\";\nimport PfeIcon from \"../../pfe-icon/dist/pfe-icon.js\";\n\nclass PfeNavigationItem extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return `
                                                    \n ${this.hasIcon ? `` : \"\"}\n \n
                                                    \n${ this.has_slot(\"tray\") ? `
                                                    \n \n
                                                    ` : \"\"}`;\n }\n\n static get properties() {\n return {\"icon\":{\"title\":\"Icon name\",\"type\":\"string\",\"prefixed\":true}};\n }\n\n static get slots() {\n return {\"trigger\":{\"title\":\"Navigation trigger\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"raw\"}]}},\"tray\":{\"title\":\"Navigation tray\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-navigation-item\";\n }\n\n get templateUrl() {\n return \"pfe-navigation-item.html\";\n }\n\n get styleUrl() {\n return \"pfe-navigation-item.scss\";\n }\n\n get schemaUrl() {\n return \"pfe-navigation-item.json\";\n }\n\n static get PfeType() {\n return PFElement.PfeTypes.Container;\n }\n\n static get observedAttributes() {\n return [\"pfe-icon\", \"pfe-full-width\"];\n }\n\n static get cascadingAttributes() {\n return {\n \"pfe-full-width\": \".pfe-navigation-item__tray\"\n };\n }\n\n get hasIcon() {\n return this.hasAttribute(\"pfe-icon\");\n }\n\n get iconName() {\n return this.getAttribute(\"pfe-icon\");\n }\n\n get nested() {\n return this.hasAttribute(\"is_nested\");\n }\n\n set nested(isNested) {\n isNested = Boolean(isNested);\n\n if (isNested) {\n this.setAttribute(\"is_nested\", \"\");\n } else {\n this.removeAttribute(\"is_nested\");\n }\n }\n\n get expanded() {\n return this.classList.contains(\"expanded\");\n }\n\n set expanded(isExpanded) {\n isExpanded = Boolean(isExpanded);\n\n if (isExpanded) {\n this.classList.add(\"expanded\");\n\n if (this.iconName === \"web-mobile-menu\") {\n if (this._icon) this._icon.setAttribute(\"icon\", \"web-plus\");\n }\n\n if (this._trigger) {\n this._trigger.setAttribute(\"aria-expanded\", true);\n }\n\n if (this.tray) {\n this.tray.removeAttribute(\"hidden\");\n }\n\n if (this._tray) {\n this._tray.setAttribute(\"aria-expanded\", true);\n }\n } else {\n this.classList.remove(\"expanded\");\n\n if (this.iconName === \"web-mobile-menu\") {\n if (this._icon) this._icon.setAttribute(\"icon\", \"web-mobile-menu\");\n }\n\n if (this._trigger) {\n this._trigger.setAttribute(\"aria-expanded\", false);\n }\n\n if (this.tray) {\n this.tray.setAttribute(\"hidden\", \"\");\n }\n\n if (this._tray) {\n this._tray.setAttribute(\"aria-expanded\", false);\n }\n }\n }\n\n get visible() {\n return !this.hasAttribute(\"hidden\");\n }\n\n set visible(isVisible) {\n isVisible = Boolean(isVisible);\n\n if (isVisible) {\n this.removeAttribute(\"hidden\");\n } else {\n this.setAttribute(\"hidden\", \"\");\n }\n }\n\n open(event) {\n if (event) event.preventDefault();\n\n // Close the other active item(s) unless it's this item's parent\n if (this.navigationWrapper) {\n this.navigationWrapper._activeNavigationItems = this.navigationWrapper._activeNavigationItems.filter(\n item => {\n let stayOpen = item === this.parent;\n if (!stayOpen) item.close();\n return stayOpen;\n }\n );\n\n // Open that item and add it to the active array\n this.navigationWrapper._activeNavigationItems.push(this);\n\n this.expanded = true;\n this.navigationWrapper.overlay = true;\n }\n\n // Dispatch the event\n this.dispatchEvent(\n new CustomEvent(`${this.tag}:open`, {\n detail: {},\n bubbles: true,\n composed: true\n })\n );\n }\n\n close(event) {\n if (event) event.preventDefault();\n\n // Close the children elements\n this.navigationWrapper._activeNavigationItems = this.navigationWrapper._activeNavigationItems.filter(\n item => {\n let close = this.nestedItems && this.nestedItems.includes(item);\n if (close) item.close();\n return !close && item !== this;\n }\n );\n\n this.expanded = false;\n\n // Clear the overlay\n this.navigationWrapper.overlay =\n this.navigationWrapper._activeNavigationItems.length > 0;\n\n this.focus();\n\n // Dispatch the event\n this.dispatchEvent(\n new CustomEvent(`${this.tag}:close`, {\n detail: {},\n bubbles: true,\n composed: true\n })\n );\n }\n\n toggle(event) {\n if (event) event.preventDefault();\n\n if (this.visible && !this.expanded) {\n this.open(event);\n } else {\n this.close(event);\n }\n }\n\n constructor() {\n super(PfeNavigationItem);\n\n this._handlersAdded = false;\n\n // States\n this.nested = false;\n this.expanded = false;\n\n // Objects\n this.trigger = null;\n this.tray = null;\n this.directLink = null;\n this.linkUrl = null;\n\n // Lists\n this.nestedItems = [];\n\n // Shadow elements\n this._trigger = this.shadowRoot.querySelector(`.${this.tag}__trigger`);\n this._icon = this.shadowRoot.querySelector(\"pfe-icon\");\n this._tray = this.shadowRoot.querySelector(`.${this.tag}__tray`);\n\n // Externally accessible events\n this.close = this.close.bind(this);\n this.open = this.open.bind(this);\n this.toggle = this.toggle.bind(this);\n\n // Initializers\n this._init__trigger = this._init__trigger.bind(this);\n this._init__tray = this._init__tray.bind(this);\n\n // Event handlers\n this._keydownHandler = this._keydownHandler.bind(this);\n this._keyupHandler = this._keyupHandler.bind(this);\n this._navigateToUrl = this._navigateToUrl.bind(this);\n this._directLinkHandler = this._directLinkHandler.bind(this);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this._init__trigger();\n this._init__tray();\n\n // Add a slotchange listeners to the lightDOM elements\n if (this.trigger)\n this.trigger.addEventListener(\"slotchange\", this._init__trigger);\n if (this.tray) this.tray.addEventListener(\"slotchange\", this._init__tray);\n }\n\n disconnectedCallback() {\n this.trigger.removeEventListener(\"slotchange\", this._init);\n\n if (this.tray) {\n this.tray.removeEventListener(\"slotchange\", this._init);\n\n this.removeEventListener(\"keydown\", this._keydownHandler);\n this.removeEventListener(\"keyup\", this._exit);\n\n this._trigger.removeEventListener(\"click\", this.toggle);\n this._trigger.removeEventListener(\"keyup\", this._keyupHandler);\n } else {\n this._trigger.removeEventListener(\"click\", this._navigateToUrl);\n this._trigger.removeEventListener(\"keyup\", this._directLinkHandler);\n }\n }\n\n _init__trigger() {\n // If no slots have been assigned, assign it to the trigger slot\n const unassigned = [...this.children].filter(\n child => !child.hasAttribute(\"slot\")\n );\n unassigned.map(item => item.setAttribute(\"slot\", \"trigger\"));\n\n // Get the LightDOM trigger & tray content\n this.trigger = this.querySelector(`[slot=\"trigger\"]`);\n\n // Check the light dom for the link\n if (this.trigger) {\n this.directLink = this.trigger.querySelector(\"a\");\n // Check the slotted content for the link if it can't be found\n if (!this.directLink && this.trigger.tagName === \"SLOT\") {\n let slottedContent = this.trigger.assignedNodes();\n if (slottedContent.length > 0 && slottedContent[0].tagName === \"A\") {\n this.directLink = slottedContent[0];\n }\n }\n\n // Turn off the fallback link if the tray does not exist\n if (this.directLink) {\n this.directLink.setAttribute(\"tabindex\", \"-1\");\n this.linkUrl = this.directLink.href;\n } else {\n this.linkUrl = \"#\";\n }\n\n this._trigger.addEventListener(\"click\", this._navigateToUrl);\n this._trigger.addEventListener(\"keyup\", this._directLinkHandler);\n }\n }\n\n _init__tray() {\n // Get the LightDOM trigger & tray content\n this.tray = this.querySelector(`[slot=\"tray\"]`);\n\n //-- Check for any nested navigation items\n // If a light DOM tray exists, check for descendents\n if (this.tray) {\n this.nestedItems = this.nestedItems.concat([\n ...this.tray.querySelectorAll(`${this.tag}`)\n ]);\n let array = [];\n\n // Search the tray for nested slots\n if (!window.ShadyCSS) {\n [...this.tray.querySelectorAll(\"slot\")].forEach(slot => {\n [...slot.assignedElements()].forEach(node => {\n array = array.concat([...node.querySelectorAll(`${this.tag}`)]);\n });\n });\n }\n\n this.nestedItems = this.nestedItems.concat(\n array.filter(el => {\n return !this.nestedItems.includes(el);\n })\n );\n\n this._init__handlers();\n }\n }\n\n _init__handlers() {\n this._trigger.removeEventListener(\"click\", this._navigateToUrl);\n this._trigger.removeEventListener(\"keyup\", this._directLinkHandler);\n\n if (this._handlersAdded) {\n return;\n }\n\n // Toggle the navigation when the trigger is clicked\n this._trigger.addEventListener(\"click\", this.toggle);\n\n // Attaching to the parent element allows the exit key to work inside the tray too\n this.addEventListener(\"keyup\", this._exit);\n this.addEventListener(\"keydown\", this._keydownHandler);\n\n this._trigger.addEventListener(\"keyup\", this._keyupHandler);\n this._handlersAdded = true;\n }\n\n _navigateToUrl(event) {\n event.preventDefault();\n window.location.href = this.linkUrl;\n }\n\n _directLinkHandler(event) {\n let key = event.key || event.keyCode;\n switch (key) {\n case \"Spacebar\":\n case \" \":\n case 32:\n case \"Enter\":\n case 13:\n this._navigateToUrl(event);\n break;\n default:\n return;\n }\n }\n\n _keydownHandler(event) {\n let key = event.key || event.keyCode;\n let clicked = event.path && event.path.length > 0 ? event.path[0] : this;\n\n switch (key) {\n case \"Spacebar\":\n case \" \":\n case 32:\n if (![\"INPUT\", \"TEXTAREA\", \"SELECT\"].includes(clicked.tagName)) {\n event.preventDefault();\n }\n break;\n }\n }\n\n _keyupHandler(event) {\n let key = event.key || event.keyCode;\n let clicked = event.path && event.path.length > 0 ? event.path[0] : this;\n\n switch (key) {\n case \"Spacebar\":\n case \" \":\n case 32:\n if (![\"INPUT\", \"TEXTAREA\", \"SELECT\"].includes(clicked.tagName)) {\n this.toggle(event);\n }\n break;\n case \"Enter\":\n case 13:\n if (![\"A\"].includes(clicked.tagName)) {\n this.toggle(event);\n }\n break;\n }\n }\n\n // Note: Escape will always exit the entire menu\n _exit(event) {\n let key = event.key || event.keyCode;\n switch (key) {\n case \"Esc\":\n case \"Escape\":\n case 27:\n this.close(event);\n break;\n }\n }\n}\n\nexport default PfeNavigationItem;\n","/*!\n * PatternFly Elements: PfeNavigation 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\nimport PFElement from \"../../pfelement/dist/pfelement.js\";\n\nclass PfeNavigationMain extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return ``;\n }\n static get tag() {\n return \"pfe-navigation-main\";\n }\n\n get templateUrl() {\n return \"pfe-navigation-main.html\";\n }\n\n get styleUrl() {\n return \"pfe-navigation-main.scss\";\n }\n\n static get PfeType() {\n return PFElement.PfeTypes.Container;\n }\n\n static get observedAttributes() {\n return [\"show_content\"];\n }\n\n constructor() {\n super(PfeNavigationMain);\n\n this._init = this._init.bind(this);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this._init();\n\n // Add a slotchange listener to the lightDOM trigger\n this.addEventListener(\"slotchange\", this._init);\n }\n\n disconnectedCallback() {\n this.removeEventListener(\"slotchange\", this._init);\n }\n\n _init() {\n // Get all the nested navigation items\n this.navItems = [...this.querySelectorAll(\"pfe-navigation-item\")];\n\n // Find the first nested element\n this.first = this.navItems.length > 0 ? this.navItems[0] : null;\n // Find the last nested element\n this.last = this.navItems[this.navItems.length - 1];\n\n // Ensure the necessary a11y is set\n this.setAttribute(\"role\", \"navigation\");\n this.setAttribute(\"aria-label\", \"Main\");\n\n // For each nested navigation item, tag it with context\n this.navItems.forEach(item => {\n item.nested = true;\n });\n\n // Tag the first and last navigation items for styling in mobile\n if (this.first) this.first.setAttribute(\"first\", \"\");\n if (this.last) this.last.setAttribute(\"last\", \"\");\n }\n}\n\nexport default PfeNavigationMain;\n","/*!\n * PatternFly Elements: PfeNavigation 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\n// -- @TODO Set icons to hide if they all fail to load, else set them to preserve space\n\n// Import polyfills: filter, matches, closest, includes, path\nimport \"./polyfills--pfe-navigation.js\";\n\nimport PFElement from \"../../pfelement/dist/pfelement.js\";\nimport PfeNavigationItem from \"./pfe-navigation-item.js\";\nimport PfeNavigationMain from \"./pfe-navigation-main.js\";\n\nclass PfeNavigation extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return `
                                                    \n
                                                    \n ${ this.has_slot(\"logo\") ? `
                                                    \n \n
                                                    ` : \"\"}\n ${ this.has_slot(\"skip\") ? `
                                                    \n \n
                                                    ` : \"\"}\n \n ${this.hasAttribute(\"pfe-menu-label\") ? `

                                                    ${this.getAttribute(\"pfe-menu-label\")}

                                                    ` : ``}\n
                                                    \n
                                                    \n \n \n ${ this.has_slot(\"mobile-login\") ? `` : ``}\n ${ this.has_slot(\"mobile-language\") ? `` : ``}\n
                                                    \n
                                                    \n                                                     \n ${ this.has_slot(\"language\") || this.has_slot(\"search\") || this.has_slot(\"login\") || this.has_slot(\"site-switcher\") ? `
                                                    \n \n \n \n \n
                                                    ` : \"\"}\n
                                                    \n
                                                    \n`;\n }\n\n static get properties() {\n return {\"sticky\":{\"title\":\"Sticky navigation\",\"type\":\"boolean\",\"default\":true,\"prefixed\":true},\"full-width\":{\"title\":\"Full width navigation\",\"type\":\"boolean\",\"default\":false,\"prefixed\":true},\"close-on-click\":{\"title\":\"Close navigation on click event\",\"type\":\"string\",\"enum\":[\"external\"],\"default\":\"external\",\"prefixed\":true},\"menu-label\":{\"title\":\"Mobile menu label\",\"type\":\"string\",\"default\":\"Menu\",\"prefixed\":true}};\n }\n\n static get slots() {\n return {\"skip\":{\"title\":\"Skip navigation\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"raw\"}]}},\"logo\":{\"title\":\"Logo\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"raw\"}]}},\"search\":{\"title\":\"Search\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"pfe-navigation-item\"}]}},\"mobile-search\":{\"title\":\"Mobile search functionality\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"raw\"}]}},\"main\":{\"title\":\"Main navigation\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"nav\"},{\"$ref\":\"raw\"}]}},\"language\":{\"title\":\"Language switcher\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"pfe-navigation-item\"}]}},\"mobile-language\":{\"title\":\"Mobile link to language page\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"a\"}]}},\"login\":{\"title\":\"Log in\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"pfe-navigation-item\"}]}},\"mobile-login\":{\"title\":\"Mobile link to log in page\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"a\"}]}},\"site-switcher\":{\"title\":\"Site switcher\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"pfe-navigation-item\"}]}}};\n }\n static get tag() {\n return \"pfe-navigation\";\n }\n\n get templateUrl() {\n return \"pfe-navigation.html\";\n }\n\n get styleUrl() {\n return \"pfe-navigation.scss\";\n }\n\n get schemaUrl() {\n return \"pfe-navigation.json\";\n }\n\n get overlay() {\n return !this._overlay.hasAttribute(\"hidden\");\n }\n\n set overlay(state) {\n if (state) {\n // Add the overlay to the page\n this._overlay.removeAttribute(\"hidden\");\n\n // This prevents background scroll while nav is open\n // document.body.style.overflow = \"hidden\";\n\n this._wrapper.setAttribute(\"expanded\", \"\");\n } else {\n // Remove the overlay from the page\n this._overlay.setAttribute(\"hidden\", \"\");\n\n // Allow background to scroll again\n // document.body.style.overflow = \"auto\";\n\n this._wrapper.removeAttribute(\"expanded\");\n }\n }\n\n static get cascadingAttributes() {\n return {\n \"pfe-full-width\": \"pfe-navigation-item\"\n };\n }\n\n static get observedAttributes() {\n return [\"pfe-full-width\"];\n }\n\n constructor() {\n super(PfeNavigation);\n\n // Attach functions for use below\n this._init = this._init.bind(this);\n this._setVisibility = this._setVisibility.bind(this);\n\n // -- handlers\n this._resizeHandler = this._resizeHandler.bind(this);\n this._stickyHandler = this._stickyHandler.bind(this);\n this._outsideListener = this._outsideListener.bind(this);\n this._menuItemClickHandler = this._menuItemClickHandler.bind(this);\n this._overlayClickHandler = this._overlayClickHandler.bind(this);\n this._observer = new MutationObserver(this._init);\n\n // Capture shadow elements\n this._overlay = this.shadowRoot.querySelector(`.${this.tag}__overlay`);\n this._wrapper = this.shadowRoot.querySelector(`.${this.tag}__wrapper`);\n this._menuItem = this.shadowRoot.querySelector(\n `${PfeNavigationItem.tag}[pfe-icon=\"web-mobile-menu\"]`\n );\n\n this._slots = {\n language: this.shadowRoot.querySelector(\n `${PfeNavigationItem.tag}[pfe-icon=\"web-user\"]`\n ),\n login: this.shadowRoot.querySelector(\n `${PfeNavigationItem.tag}[pfe-icon=\"web-globe\"]`\n )\n };\n\n // Initialize active navigation item to empty array\n this._activeNavigationItems = [];\n this.overlay = false;\n\n // make sure we close all of the nav items and hide the overlay when\n // the mobile menu button is closed\n this._menuItem.shadowRoot\n .querySelector(\".pfe-navigation-item__trigger\")\n .addEventListener(\"click\", this._menuItemClickHandler);\n\n // make sure we close all of the nav items and hide the overlay\n // when it's clicked\n this._overlay.addEventListener(\"click\", this._overlayClickHandler);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n Promise.all([\n customElements.whenDefined(PfeNavigationItem.tag),\n customElements.whenDefined(PfeNavigationMain.tag)\n ]).then(() => {\n // If this element contains light DOM, initialize it\n if (this.children.length) {\n // If only one value exists in the array, it starts at that size and goes up\n this.breakpoints = {\n main: [0, 1023], // visible from 0 - 1200px\n search: [640], // visible from 768px +\n \"mobile-search\": [0, 639],\n language: [640],\n \"mobile-language\": [0, 639],\n login: [640],\n \"mobile-login\": [0, 639]\n };\n\n // Kick off the initialization of the light DOM elements\n this._init();\n\n // Watch for screen resizing\n window.addEventListener(\"resize\", this._resizeHandler);\n } else {\n console.error(\n \"This component does not have any light DOM children. Please check documentation for requirements.\"\n );\n }\n\n this._observer.observe(this, { childList: true });\n });\n }\n\n disconnectedCallback() {\n // Remove the scroll, resize, and outside click event listeners\n window.removeEventListener(\"resize\", this._resizeHandler);\n\n if (\n this.hasAttribute(\"pfe-close-on-click\") &&\n this.getAttribute(\"pfe-close-on-click\") === \"external\"\n ) {\n document.removeEventListener(\"click\", this._outsideListener);\n }\n\n if (\n this.hasAttribute(\"pfe-sticky\") &&\n this.getAttribute(\"pfe-sticky\") != \"false\"\n ) {\n window.removeEventListener(\"scroll\", this._stickyHandler);\n }\n\n this._menuItem.shadowRoot\n .querySelector(\".pfe-navigation-item__trigger\")\n .removeEventListener(\"click\", this._menuItemClickHandler);\n this._overlay.removeEventListener(\"click\", this._overlayClickHandler);\n\n this._observer.disconnect();\n }\n\n _resizeHandler(event) {\n // Set the visibility of items\n this._setVisibility(this.offsetWidth);\n\n // Check what the active item is\n this._activeNavigationItems.forEach(item => {\n // If the item is open but not visible, update it to hidden\n if (item.expanded && !item.visible) {\n item.expanded = false;\n this._activeNavigationItems = this._activeNavigationItems.filter(\n i => i !== item\n );\n } else if (item.expanded && item.parent && item.parent.visible) {\n // if the parent is the mobile menu item and the size of the window is within\n // the main breakpoint, make sure that the mobile menu is expanded\n if (\n item.parent === this._menuItem &&\n window.innerWidth <= this.breakpoints.main[1]\n ) {\n item.parent.expanded = true; // Ensure the parent is open\n // If the parent item doesn't exist in the active array, add it\n if (!this._activeNavigationItems.includes(item.parent)) {\n this._activeNavigationItems.push(item.parent);\n }\n }\n }\n });\n\n this.overlay = this._activeNavigationItems.length > 0;\n\n // update the reported height\n this._reportHeight();\n }\n\n _stickyHandler() {\n if (window.pageYOffset >= this.top) {\n this.classList.add(\"pfe-sticky\");\n } else {\n this.classList.remove(\"pfe-sticky\");\n }\n }\n\n _outsideListener(event) {\n // Check if the clicked element is the navigation object\n let isSelf = event.target === this;\n // Check if the clicked element contains or is contained by the navigation element\n let isChild = event.target.closest(\"pfe-navigation\");\n let insideWrapper = event.target.tagName.includes(\"-\")\n ? event.target.shadowRoot.querySelector(\"pfe-navigation\")\n : null;\n\n // Check states to determine if the navigation items should close\n if (!isSelf && !(isChild || insideWrapper)) {\n this._activeNavigationItems.map(item => item.close());\n }\n }\n\n _setVisibility(width) {\n Object.keys(this.breakpoints).forEach(label => {\n let bps = this.breakpoints[label];\n let start = bps[0];\n let end = bps[1];\n let isVisible = false;\n\n // If the slot exists, set attribute based on supported breakpoints\n if (\n this.slots[label] &&\n this.slots[label].nodes &&\n this.slots[label].nodes.length > 0\n ) {\n if (width >= start && (!end || (end && width <= end))) {\n isVisible = true;\n }\n\n this.slots[label].nodes.forEach(node => {\n switch (label) {\n case \"main\":\n if (isVisible) {\n node.removeAttribute(\"show_content\");\n this._menuItem.removeAttribute(\"show_links\");\n } else {\n node.setAttribute(\"show_content\", \"\");\n this._menuItem.setAttribute(\"show_links\", \"\");\n this._menuItem.expanded = false;\n this._menuItem.tray.removeAttribute(\"hidden\");\n // Remove menuItem from active items\n this._activeNavigationItems = this._activeNavigationItems.filter(\n item => item !== this._menuItem\n );\n }\n node.navItems.forEach(item => {\n if (isVisible) {\n item.removeAttribute(\"parent_hidden\");\n } else {\n item.setAttribute(\"parent_hidden\", \"\");\n }\n });\n break;\n case (label.match(/^mobile/) || {}).input:\n if (isVisible) {\n // Set an attribute to show this region (strip the mobile prefix)\n this._menuItem.setAttribute(`show_${label.slice(7)}`, \"\");\n if (this._slots[label.slice(7)])\n this._slots[label.slice(7)].removeAttribute(\"hidden\");\n node.removeAttribute(\"hidden\");\n } else {\n this._menuItem.removeAttribute(`show_${label.slice(7)}`);\n if (this._slots[label.slice(7)])\n this._slots[label.slice(7)].setAttribute(\"hidden\", \"\");\n node.setAttribute(\"hidden\", \"\");\n }\n break;\n default:\n node.visible = isVisible;\n break;\n }\n });\n }\n });\n }\n\n _init() {\n // @IE11 This is necessary so the script doesn't become non-responsive\n if (window.ShadyCSS) {\n this._observer.disconnect();\n }\n\n // Initial position of this element from the top of the screen\n this.top = this.getBoundingClientRect().top || 0;\n\n // Get all nav items contained in this element\n this.navItems = [...this.querySelectorAll(\"pfe-navigation-item\")];\n\n // Add the menu element to the list of navigation items\n // do this manually because menu item is in the shadow dom\n if (this._menuItem) this.navItems.push(this._menuItem);\n\n // Attach a reference to the navigation container to the children\n this.navItems.forEach(item => {\n item.navigationWrapper = this;\n });\n\n // Connect the shadow menu with the main component\n let mainNav = this.querySelector(\"pfe-navigation-main\");\n if (mainNav && mainNav.navItems) {\n mainNav.navItems.forEach(item => {\n item.parent = this._menuItem;\n });\n }\n\n // Start by setting the visibility of the slots\n this._setVisibility(this.offsetWidth);\n\n // If the nav is set to sticky, inject the height of the nav to the next element in the DOM\n if (\n this.hasAttribute(\"pfe-sticky\") &&\n this.getAttribute(\"pfe-sticky\") != \"false\"\n ) {\n // Run the sticky check on first page load\n this._stickyHandler();\n\n // Attach the scroll event to the window\n window.addEventListener(\"scroll\", this._stickyHandler);\n }\n\n // Listen for clicks outside the navigation element\n if (\n this.hasAttribute(\"pfe-close-on-click\") &&\n this.getAttribute(\"pfe-close-on-click\") === \"external\"\n ) {\n document.addEventListener(\"click\", this._outsideListener);\n }\n\n // report the height of this pfe-navigation element\n this._reportHeight();\n\n // @IE11 This is necessary so the script doesn't become non-responsive\n if (window.ShadyCSS) {\n setTimeout(() => {\n this._observer.observe(this, {\n childList: true,\n subtree: true,\n characterData: true\n });\n }, 0);\n }\n }\n\n _menuItemClickHandler(event) {\n if (event.currentTarget.getAttribute(\"aria-expanded\") === \"false\") {\n this._activeNavigationItems.map(item => item.close());\n this.overlay = false;\n }\n }\n\n _overlayClickHandler(event) {\n this._activeNavigationItems.map(item => item.close());\n this.overlay = false;\n }\n\n /**\n * Set a global CSS variable reporting the height of this navigation item.\n * Used to position sticky subnavigation items under this.\n *\n * The name of the global CSS variable is `--pfe-navigation--Height--actual`.\n */\n _reportHeight() {\n const cssVarName = `--${this.tag}--Height--actual`;\n const height = this.clientHeight + \"px\";\n document.body.style.setProperty(cssVarName, height);\n }\n}\n\nPFElement.create(PfeNavigationItem);\nPFElement.create(PfeNavigationMain);\nPFElement.create(PfeNavigation);\n\nexport default PfeNavigation;\n"],"names":["Array","prototype","filter","func","thisArg","this","TypeError","kValue","len","length","res","t","c","i","undefined","call","Element","matches","msMatchesSelector","webkitMatchesSelector","closest","s","el","parentElement","parentNode","nodeType","includes","Object","defineProperty","value","searchElement","fromIndex","o","x","y","n","k","Math","max","abs","isNaN","Event","get","path","currentElem","target","push","indexOf","window","document","PfeNavigationItem","PFElement","version","html","hasIcon","iconName","has_slot","properties","icon","title","type","prefixed","slots","trigger","namedSlot","items","oneOf","$ref","tray","tag","templateUrl","styleUrl","schemaUrl","PfeType","PfeTypes","Container","observedAttributes","cascadingAttributes","pfe-full-width","hasAttribute","getAttribute","nested","isNested","Boolean","setAttribute","removeAttribute","expanded","classList","contains","isExpanded","add","_icon","_trigger","_tray","remove","visible","isVisible","[object Object]","event","preventDefault","navigationWrapper","_activeNavigationItems","item","stayOpen","parent","close","overlay","dispatchEvent","CustomEvent","detail","bubbles","composed","nestedItems","focus","open","super","_handlersAdded","directLink","linkUrl","shadowRoot","querySelector","bind","toggle","_init__trigger","_init__tray","_keydownHandler","_keyupHandler","_navigateToUrl","_directLinkHandler","connectedCallback","addEventListener","removeEventListener","_init","_exit","children","child","map","tagName","slottedContent","assignedNodes","href","concat","querySelectorAll","array","ShadyCSS","forEach","slot","assignedElements","node","_init__handlers","location","key","keyCode","clicked","PfeNavigationMain","navItems","first","last","PfeNavigation","sticky","default","full-width","close-on-click","enum","menu-label","skip","logo","search","mobile-search","main","language","mobile-language","login","mobile-login","site-switcher","_overlay","state","_wrapper","_setVisibility","_resizeHandler","_stickyHandler","_outsideListener","_menuItemClickHandler","_overlayClickHandler","_observer","MutationObserver","_menuItem","_slots","Promise","all","customElements","whenDefined","then","breakpoints","console","error","observe","childList","disconnect","offsetWidth","innerWidth","_reportHeight","pageYOffset","top","isSelf","isChild","insideWrapper","width","keys","label","bps","start","end","nodes","match","input","slice","getBoundingClientRect","mainNav","setTimeout","subtree","characterData","currentTarget","cssVarName","height","clientHeight","body","style","setProperty","create"],"mappings":"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"} \ No newline at end of file diff --git a/elements/pfe-navigation/dist/pfe-navigation.umd.js b/elements/pfe-navigation/dist/pfe-navigation.umd.js new file mode 100644 index 0000000000..e5fab2bbcc --- /dev/null +++ b/elements/pfe-navigation/dist/pfe-navigation.umd.js @@ -0,0 +1,1243 @@ +(function (global, factory) { + typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('../../pfelement/dist/pfelement.umd'), require('../../pfe-icon/dist/pfe-icon.umd')) : + typeof define === 'function' && define.amd ? define(['../../pfelement/dist/pfelement.umd', '../../pfe-icon/dist/pfe-icon.umd'], factory) : + (global.PfeNavigation = factory(global.PFElement,global.PfeIcon)); +}(this, (function (PFElement,pfeIcon_umd) { 'use strict'; + + PFElement = PFElement && PFElement.hasOwnProperty('default') ? PFElement['default'] : PFElement; + pfeIcon_umd = pfeIcon_umd && pfeIcon_umd.hasOwnProperty('default') ? pfeIcon_umd['default'] : pfeIcon_umd; + + // @POLYFILL Array.prototype.filter + // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter + if (!Array.prototype.filter) { + Array.prototype.filter = function (func, thisArg) { + + if (!((typeof func === "Function" || typeof func === "function") && this)) throw new TypeError(); + + var len = this.length >>> 0, + res = new Array(len), + // preallocate array + t = this, + c = 0, + i = -1; + + var kValue; + if (thisArg === undefined) { + while (++i !== len) { + // checks to see if the key was set + if (i in this) { + kValue = t[i]; // in case t is changed in callback + if (func(t[i], i, t)) { + res[c++] = kValue; + } + } + } + } else { + while (++i !== len) { + // checks to see if the key was set + if (i in this) { + kValue = t[i]; + if (func.call(thisArg, t[i], i, t)) { + res[c++] = kValue; + } + } + } + } + + res.length = c; // shrink down array to proper size + return res; + }; + } + + // @POLYFILL Element.prototype.matches + // https://developer.mozilla.org/en-US/docs/Web/API/Element/matches + if (!Element.prototype.matches) { + Element.prototype.matches = Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector; + } + + // @POLYFILL Element.prototype.closest + // https://developer.mozilla.org/en-US/docs/Web/API/Element/closest + if (!Element.prototype.closest) { + Element.prototype.closest = function (s) { + var el = this; + + do { + if (el.matches(s)) return el; + el = el.parentElement || el.parentNode; + } while (el !== null && el.nodeType === 1); + return null; + }; + } + + // @POLYFILL Array.prototype.includes + // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/includes + if (!Array.prototype.includes) { + Object.defineProperty(Array.prototype, "includes", { + value: function value(searchElement, fromIndex) { + // 1. Let O be ? ToObject(this value). + if (this == null) { + throw new TypeError('"this" is null or not defined'); + } + + var o = Object(this); + + // 2. Let len be ? ToLength(? Get(O, "length")). + var len = o.length >>> 0; + + // 3. If len is 0, return false. + if (len === 0) { + return false; + } + + // 4. Let n be ? ToInteger(fromIndex). + // (If fromIndex is undefined, this step produces the value 0.) + var n = fromIndex | 0; + + // 5. If n ≥ 0, then + // a. Let k be n. + // 6. Else n < 0, + // a. Let k be len + n. + // b. If k < 0, let k be 0. + var k = Math.max(n >= 0 ? n : len - Math.abs(n), 0); + + function sameValueZero(x, y) { + return x === y || typeof x === "number" && typeof y === "number" && isNaN(x) && isNaN(y); + } + + // 7. Repeat, while k < len + while (k < len) { + // a. Let elementK be the result of ? Get(O, ! ToString(k)). + // b. If SameValueZero(searchElement, elementK) is true, return true. + // c. Increase k by 1. + if (sameValueZero(o[k], searchElement)) { + return true; + } + k++; + } + + // 8. Return false + return false; + } + }); + } + + // @POLYFILL Event.prototype.path + // https://stackoverflow.com/questions/36845515/mouseevent-path-equivalent-in-firefox-safari + if (!("path" in Event.prototype)) { + Object.defineProperty(Event.prototype, "path", { + get: function get() { + var path = []; + var currentElem = this.target; + while (currentElem) { + path.push(currentElem); + currentElem = currentElem.parentElement; + } + if (path.indexOf(window) === -1 && path.indexOf(document) === -1) path.push(document); + if (path.indexOf(window) === -1) path.push(window); + return path; + } + }); + } + + var classCallCheck = function (instance, Constructor) { + if (!(instance instanceof Constructor)) { + throw new TypeError("Cannot call a class as a function"); + } + }; + + var createClass = function () { + function defineProperties(target, props) { + for (var i = 0; i < props.length; i++) { + var descriptor = props[i]; + descriptor.enumerable = descriptor.enumerable || false; + descriptor.configurable = true; + if ("value" in descriptor) descriptor.writable = true; + Object.defineProperty(target, descriptor.key, descriptor); + } + } + + return function (Constructor, protoProps, staticProps) { + if (protoProps) defineProperties(Constructor.prototype, protoProps); + if (staticProps) defineProperties(Constructor, staticProps); + return Constructor; + }; + }(); + + var get = function get(object, property, receiver) { + if (object === null) object = Function.prototype; + var desc = Object.getOwnPropertyDescriptor(object, property); + + if (desc === undefined) { + var parent = Object.getPrototypeOf(object); + + if (parent === null) { + return undefined; + } else { + return get(parent, property, receiver); + } + } else if ("value" in desc) { + return desc.value; + } else { + var getter = desc.get; + + if (getter === undefined) { + return undefined; + } + + return getter.call(receiver); + } + }; + + var inherits = function (subClass, superClass) { + if (typeof superClass !== "function" && superClass !== null) { + throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); + } + + subClass.prototype = Object.create(superClass && superClass.prototype, { + constructor: { + value: subClass, + enumerable: false, + writable: true, + configurable: true + } + }); + if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; + }; + + var possibleConstructorReturn = function (self, call) { + if (!self) { + throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); + } + + return call && (typeof call === "object" || typeof call === "function") ? call : self; + }; + + var toConsumableArray = function (arr) { + if (Array.isArray(arr)) { + for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) arr2[i] = arr[i]; + + return arr2; + } else { + return Array.from(arr); + } + }; + + /*! + * PatternFly Elements: PfeNavigation 1.0.0-prerelease.50 + * @license + * Copyright 2020 Red Hat, Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + * + */ + + var PfeNavigationItem = function (_PFElement) { + inherits(PfeNavigationItem, _PFElement); + createClass(PfeNavigationItem, [{ + key: "open", + value: function open(event) { + var _this2 = this; + + if (event) event.preventDefault(); + + // Close the other active item(s) unless it's this item's parent + if (this.navigationWrapper) { + this.navigationWrapper._activeNavigationItems = this.navigationWrapper._activeNavigationItems.filter(function (item) { + var stayOpen = item === _this2.parent; + if (!stayOpen) item.close(); + return stayOpen; + }); + + // Open that item and add it to the active array + this.navigationWrapper._activeNavigationItems.push(this); + + this.expanded = true; + this.navigationWrapper.overlay = true; + } + + // Dispatch the event + this.dispatchEvent(new CustomEvent(this.tag + ":open", { + detail: {}, + bubbles: true, + composed: true + })); + } + }, { + key: "close", + value: function close(event) { + var _this3 = this; + + if (event) event.preventDefault(); + + // Close the children elements + this.navigationWrapper._activeNavigationItems = this.navigationWrapper._activeNavigationItems.filter(function (item) { + var close = _this3.nestedItems && _this3.nestedItems.includes(item); + if (close) item.close(); + return !close && item !== _this3; + }); + + this.expanded = false; + + // Clear the overlay + this.navigationWrapper.overlay = this.navigationWrapper._activeNavigationItems.length > 0; + + this.focus(); + + // Dispatch the event + this.dispatchEvent(new CustomEvent(this.tag + ":close", { + detail: {}, + bubbles: true, + composed: true + })); + } + }, { + key: "toggle", + value: function toggle(event) { + if (event) event.preventDefault(); + + if (this.visible && !this.expanded) { + this.open(event); + } else { + this.close(event); + } + } + }, { + key: "html", + get: function get$$1() { + return "
                                                    \n " + (this.hasIcon ? "" : "") + "\n \n
                                                    \n" + (this.has_slot("tray") ? "
                                                    \n \n
                                                    " : ""); + } + }, { + key: "templateUrl", + get: function get$$1() { + return "pfe-navigation-item.html"; + } + }, { + key: "styleUrl", + get: function get$$1() { + return "pfe-navigation-item.scss"; + } + }, { + key: "schemaUrl", + get: function get$$1() { + return "pfe-navigation-item.json"; + } + }, { + key: "hasIcon", + get: function get$$1() { + return this.hasAttribute("pfe-icon"); + } + }, { + key: "iconName", + get: function get$$1() { + return this.getAttribute("pfe-icon"); + } + }, { + key: "nested", + get: function get$$1() { + return this.hasAttribute("is_nested"); + }, + set: function set$$1(isNested) { + isNested = Boolean(isNested); + + if (isNested) { + this.setAttribute("is_nested", ""); + } else { + this.removeAttribute("is_nested"); + } + } + }, { + key: "expanded", + get: function get$$1() { + return this.classList.contains("expanded"); + }, + set: function set$$1(isExpanded) { + isExpanded = Boolean(isExpanded); + + if (isExpanded) { + this.classList.add("expanded"); + + if (this.iconName === "web-mobile-menu") { + if (this._icon) this._icon.setAttribute("icon", "web-plus"); + } + + if (this._trigger) { + this._trigger.setAttribute("aria-expanded", true); + } + + if (this.tray) { + this.tray.removeAttribute("hidden"); + } + + if (this._tray) { + this._tray.setAttribute("aria-expanded", true); + } + } else { + this.classList.remove("expanded"); + + if (this.iconName === "web-mobile-menu") { + if (this._icon) this._icon.setAttribute("icon", "web-mobile-menu"); + } + + if (this._trigger) { + this._trigger.setAttribute("aria-expanded", false); + } + + if (this.tray) { + this.tray.setAttribute("hidden", ""); + } + + if (this._tray) { + this._tray.setAttribute("aria-expanded", false); + } + } + } + }, { + key: "visible", + get: function get$$1() { + return !this.hasAttribute("hidden"); + }, + set: function set$$1(isVisible) { + isVisible = Boolean(isVisible); + + if (isVisible) { + this.removeAttribute("hidden"); + } else { + this.setAttribute("hidden", ""); + } + } + }], [{ + key: "version", + get: function get$$1() { + return "1.0.0-prerelease.50"; + } + }, { + key: "properties", + get: function get$$1() { + return { "icon": { "title": "Icon name", "type": "string", "prefixed": true } }; + } + }, { + key: "slots", + get: function get$$1() { + return { "trigger": { "title": "Navigation trigger", "type": "array", "namedSlot": true, "items": { "title": "Item", "oneOf": [{ "$ref": "raw" }] } }, "tray": { "title": "Navigation tray", "type": "array", "namedSlot": true, "items": { "title": "Item", "oneOf": [{ "$ref": "raw" }] } } }; + } + }, { + key: "tag", + get: function get$$1() { + return "pfe-navigation-item"; + } + }, { + key: "PfeType", + get: function get$$1() { + return PFElement.PfeTypes.Container; + } + }, { + key: "observedAttributes", + get: function get$$1() { + return ["pfe-icon", "pfe-full-width"]; + } + }, { + key: "cascadingAttributes", + get: function get$$1() { + return { + "pfe-full-width": ".pfe-navigation-item__tray" + }; + } + }]); + + function PfeNavigationItem() { + classCallCheck(this, PfeNavigationItem); + + var _this = possibleConstructorReturn(this, (PfeNavigationItem.__proto__ || Object.getPrototypeOf(PfeNavigationItem)).call(this, PfeNavigationItem)); + + _this._handlersAdded = false; + + // States + _this.nested = false; + _this.expanded = false; + + // Objects + _this.trigger = null; + _this.tray = null; + _this.directLink = null; + _this.linkUrl = null; + + // Lists + _this.nestedItems = []; + + // Shadow elements + _this._trigger = _this.shadowRoot.querySelector("." + _this.tag + "__trigger"); + _this._icon = _this.shadowRoot.querySelector("pfe-icon"); + _this._tray = _this.shadowRoot.querySelector("." + _this.tag + "__tray"); + + // Externally accessible events + _this.close = _this.close.bind(_this); + _this.open = _this.open.bind(_this); + _this.toggle = _this.toggle.bind(_this); + + // Initializers + _this._init__trigger = _this._init__trigger.bind(_this); + _this._init__tray = _this._init__tray.bind(_this); + + // Event handlers + _this._keydownHandler = _this._keydownHandler.bind(_this); + _this._keyupHandler = _this._keyupHandler.bind(_this); + _this._navigateToUrl = _this._navigateToUrl.bind(_this); + _this._directLinkHandler = _this._directLinkHandler.bind(_this); + return _this; + } + + createClass(PfeNavigationItem, [{ + key: "connectedCallback", + value: function connectedCallback() { + get(PfeNavigationItem.prototype.__proto__ || Object.getPrototypeOf(PfeNavigationItem.prototype), "connectedCallback", this).call(this); + + this._init__trigger(); + this._init__tray(); + + // Add a slotchange listeners to the lightDOM elements + if (this.trigger) this.trigger.addEventListener("slotchange", this._init__trigger); + if (this.tray) this.tray.addEventListener("slotchange", this._init__tray); + } + }, { + key: "disconnectedCallback", + value: function disconnectedCallback() { + this.trigger.removeEventListener("slotchange", this._init); + + if (this.tray) { + this.tray.removeEventListener("slotchange", this._init); + + this.removeEventListener("keydown", this._keydownHandler); + this.removeEventListener("keyup", this._exit); + + this._trigger.removeEventListener("click", this.toggle); + this._trigger.removeEventListener("keyup", this._keyupHandler); + } else { + this._trigger.removeEventListener("click", this._navigateToUrl); + this._trigger.removeEventListener("keyup", this._directLinkHandler); + } + } + }, { + key: "_init__trigger", + value: function _init__trigger() { + // If no slots have been assigned, assign it to the trigger slot + var unassigned = [].concat(toConsumableArray(this.children)).filter(function (child) { + return !child.hasAttribute("slot"); + }); + unassigned.map(function (item) { + return item.setAttribute("slot", "trigger"); + }); + + // Get the LightDOM trigger & tray content + this.trigger = this.querySelector("[slot=\"trigger\"]"); + + // Check the light dom for the link + if (this.trigger) { + this.directLink = this.trigger.querySelector("a"); + // Check the slotted content for the link if it can't be found + if (!this.directLink && this.trigger.tagName === "SLOT") { + var slottedContent = this.trigger.assignedNodes(); + if (slottedContent.length > 0 && slottedContent[0].tagName === "A") { + this.directLink = slottedContent[0]; + } + } + + // Turn off the fallback link if the tray does not exist + if (this.directLink) { + this.directLink.setAttribute("tabindex", "-1"); + this.linkUrl = this.directLink.href; + } else { + this.linkUrl = "#"; + } + + this._trigger.addEventListener("click", this._navigateToUrl); + this._trigger.addEventListener("keyup", this._directLinkHandler); + } + } + }, { + key: "_init__tray", + value: function _init__tray() { + var _this4 = this; + + // Get the LightDOM trigger & tray content + this.tray = this.querySelector("[slot=\"tray\"]"); + + //-- Check for any nested navigation items + // If a light DOM tray exists, check for descendents + if (this.tray) { + this.nestedItems = this.nestedItems.concat([].concat(toConsumableArray(this.tray.querySelectorAll("" + this.tag)))); + var array = []; + + // Search the tray for nested slots + if (!window.ShadyCSS) { + [].concat(toConsumableArray(this.tray.querySelectorAll("slot"))).forEach(function (slot) { + [].concat(toConsumableArray(slot.assignedElements())).forEach(function (node) { + array = array.concat([].concat(toConsumableArray(node.querySelectorAll("" + _this4.tag)))); + }); + }); + } + + this.nestedItems = this.nestedItems.concat(array.filter(function (el) { + return !_this4.nestedItems.includes(el); + })); + + this._init__handlers(); + } + } + }, { + key: "_init__handlers", + value: function _init__handlers() { + this._trigger.removeEventListener("click", this._navigateToUrl); + this._trigger.removeEventListener("keyup", this._directLinkHandler); + + if (this._handlersAdded) { + return; + } + + // Toggle the navigation when the trigger is clicked + this._trigger.addEventListener("click", this.toggle); + + // Attaching to the parent element allows the exit key to work inside the tray too + this.addEventListener("keyup", this._exit); + this.addEventListener("keydown", this._keydownHandler); + + this._trigger.addEventListener("keyup", this._keyupHandler); + this._handlersAdded = true; + } + }, { + key: "_navigateToUrl", + value: function _navigateToUrl(event) { + event.preventDefault(); + window.location.href = this.linkUrl; + } + }, { + key: "_directLinkHandler", + value: function _directLinkHandler(event) { + var key = event.key || event.keyCode; + switch (key) { + case "Spacebar": + case " ": + case 32: + case "Enter": + case 13: + this._navigateToUrl(event); + break; + default: + return; + } + } + }, { + key: "_keydownHandler", + value: function _keydownHandler(event) { + var key = event.key || event.keyCode; + var clicked = event.path && event.path.length > 0 ? event.path[0] : this; + + switch (key) { + case "Spacebar": + case " ": + case 32: + if (!["INPUT", "TEXTAREA", "SELECT"].includes(clicked.tagName)) { + event.preventDefault(); + } + break; + } + } + }, { + key: "_keyupHandler", + value: function _keyupHandler(event) { + var key = event.key || event.keyCode; + var clicked = event.path && event.path.length > 0 ? event.path[0] : this; + + switch (key) { + case "Spacebar": + case " ": + case 32: + if (!["INPUT", "TEXTAREA", "SELECT"].includes(clicked.tagName)) { + this.toggle(event); + } + break; + case "Enter": + case 13: + if (!["A"].includes(clicked.tagName)) { + this.toggle(event); + } + break; + } + } + + // Note: Escape will always exit the entire menu + + }, { + key: "_exit", + value: function _exit(event) { + var key = event.key || event.keyCode; + switch (key) { + case "Esc": + case "Escape": + case 27: + this.close(event); + break; + } + } + }]); + return PfeNavigationItem; + }(PFElement); + + /*! + * PatternFly Elements: PfeNavigation 1.0.0-prerelease.50 + * @license + * Copyright 2020 Red Hat, Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + * + */ + + var PfeNavigationMain = function (_PFElement) { + inherits(PfeNavigationMain, _PFElement); + createClass(PfeNavigationMain, [{ + key: "html", + get: function get$$1() { + return ""; + } + }, { + key: "templateUrl", + get: function get$$1() { + return "pfe-navigation-main.html"; + } + }, { + key: "styleUrl", + get: function get$$1() { + return "pfe-navigation-main.scss"; + } + }], [{ + key: "version", + get: function get$$1() { + return "1.0.0-prerelease.50"; + } + }, { + key: "tag", + get: function get$$1() { + return "pfe-navigation-main"; + } + }, { + key: "PfeType", + get: function get$$1() { + return PFElement.PfeTypes.Container; + } + }, { + key: "observedAttributes", + get: function get$$1() { + return ["show_content"]; + } + }]); + + function PfeNavigationMain() { + classCallCheck(this, PfeNavigationMain); + + var _this = possibleConstructorReturn(this, (PfeNavigationMain.__proto__ || Object.getPrototypeOf(PfeNavigationMain)).call(this, PfeNavigationMain)); + + _this._init = _this._init.bind(_this); + return _this; + } + + createClass(PfeNavigationMain, [{ + key: "connectedCallback", + value: function connectedCallback() { + get(PfeNavigationMain.prototype.__proto__ || Object.getPrototypeOf(PfeNavigationMain.prototype), "connectedCallback", this).call(this); + + this._init(); + + // Add a slotchange listener to the lightDOM trigger + this.addEventListener("slotchange", this._init); + } + }, { + key: "disconnectedCallback", + value: function disconnectedCallback() { + this.removeEventListener("slotchange", this._init); + } + }, { + key: "_init", + value: function _init() { + // Get all the nested navigation items + this.navItems = [].concat(toConsumableArray(this.querySelectorAll("pfe-navigation-item"))); + + // Find the first nested element + this.first = this.navItems.length > 0 ? this.navItems[0] : null; + // Find the last nested element + this.last = this.navItems[this.navItems.length - 1]; + + // Ensure the necessary a11y is set + this.setAttribute("role", "navigation"); + this.setAttribute("aria-label", "Main"); + + // For each nested navigation item, tag it with context + this.navItems.forEach(function (item) { + item.nested = true; + }); + + // Tag the first and last navigation items for styling in mobile + if (this.first) this.first.setAttribute("first", ""); + if (this.last) this.last.setAttribute("last", ""); + } + }]); + return PfeNavigationMain; + }(PFElement); + + /*! + * PatternFly Elements: PfeNavigation 1.0.0-prerelease.50 + * @license + * Copyright 2020 Red Hat, Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + * + */ + + var PfeNavigation = function (_PFElement) { + inherits(PfeNavigation, _PFElement); + createClass(PfeNavigation, [{ + key: "html", + get: function get$$1() { + return "
                                                    \n
                                                    \n " + (this.has_slot("logo") ? "
                                                    \n \n
                                                    " : "") + "\n " + (this.has_slot("skip") ? "
                                                    \n \n
                                                    " : "") + "\n \n " + (this.hasAttribute("pfe-menu-label") ? "

                                                    " + this.getAttribute("pfe-menu-label") + "

                                                    " : "") + "\n
                                                    \n
                                                    \n \n \n " + (this.has_slot("mobile-login") ? "" : "") + "\n " + (this.has_slot("mobile-language") ? "" : "") + "\n
                                                    \n
                                                    \n                                                     \n " + (this.has_slot("language") || this.has_slot("search") || this.has_slot("login") || this.has_slot("site-switcher") ? "
                                                    \n \n \n \n \n
                                                    " : "") + "\n
                                                    \n
                                                    \n"; + } + }, { + key: "templateUrl", + get: function get$$1() { + return "pfe-navigation.html"; + } + }, { + key: "styleUrl", + get: function get$$1() { + return "pfe-navigation.scss"; + } + }, { + key: "schemaUrl", + get: function get$$1() { + return "pfe-navigation.json"; + } + }, { + key: "overlay", + get: function get$$1() { + return !this._overlay.hasAttribute("hidden"); + }, + set: function set$$1(state) { + if (state) { + // Add the overlay to the page + this._overlay.removeAttribute("hidden"); + + // This prevents background scroll while nav is open + // document.body.style.overflow = "hidden"; + + this._wrapper.setAttribute("expanded", ""); + } else { + // Remove the overlay from the page + this._overlay.setAttribute("hidden", ""); + + // Allow background to scroll again + // document.body.style.overflow = "auto"; + + this._wrapper.removeAttribute("expanded"); + } + } + }], [{ + key: "version", + get: function get$$1() { + return "1.0.0-prerelease.50"; + } + }, { + key: "properties", + get: function get$$1() { + return { "sticky": { "title": "Sticky navigation", "type": "boolean", "default": true, "prefixed": true }, "full-width": { "title": "Full width navigation", "type": "boolean", "default": false, "prefixed": true }, "close-on-click": { "title": "Close navigation on click event", "type": "string", "enum": ["external"], "default": "external", "prefixed": true }, "menu-label": { "title": "Mobile menu label", "type": "string", "default": "Menu", "prefixed": true } }; + } + }, { + key: "slots", + get: function get$$1() { + return { "skip": { "title": "Skip navigation", "type": "array", "namedSlot": true, "items": { "title": "Item", "oneOf": [{ "$ref": "raw" }] } }, "logo": { "title": "Logo", "type": "array", "namedSlot": true, "items": { "title": "Item", "oneOf": [{ "$ref": "raw" }] } }, "search": { "title": "Search", "type": "array", "namedSlot": true, "items": { "title": "Item", "oneOf": [{ "$ref": "pfe-navigation-item" }] } }, "mobile-search": { "title": "Mobile search functionality", "type": "array", "namedSlot": true, "items": { "title": "Item", "oneOf": [{ "$ref": "raw" }] } }, "main": { "title": "Main navigation", "type": "array", "namedSlot": false, "items": { "title": "Item", "oneOf": [{ "$ref": "nav" }, { "$ref": "raw" }] } }, "language": { "title": "Language switcher", "type": "array", "namedSlot": true, "items": { "title": "Item", "oneOf": [{ "$ref": "pfe-navigation-item" }] } }, "mobile-language": { "title": "Mobile link to language page", "type": "array", "namedSlot": true, "items": { "title": "Item", "oneOf": [{ "$ref": "a" }] } }, "login": { "title": "Log in", "type": "array", "namedSlot": true, "items": { "title": "Item", "oneOf": [{ "$ref": "pfe-navigation-item" }] } }, "mobile-login": { "title": "Mobile link to log in page", "type": "array", "namedSlot": true, "items": { "title": "Item", "oneOf": [{ "$ref": "a" }] } }, "site-switcher": { "title": "Site switcher", "type": "array", "namedSlot": true, "items": { "title": "Item", "oneOf": [{ "$ref": "pfe-navigation-item" }] } } }; + } + }, { + key: "tag", + get: function get$$1() { + return "pfe-navigation"; + } + }, { + key: "cascadingAttributes", + get: function get$$1() { + return { + "pfe-full-width": "pfe-navigation-item" + }; + } + }, { + key: "observedAttributes", + get: function get$$1() { + return ["pfe-full-width"]; + } + }]); + + function PfeNavigation() { + classCallCheck(this, PfeNavigation); + + // Attach functions for use below + var _this = possibleConstructorReturn(this, (PfeNavigation.__proto__ || Object.getPrototypeOf(PfeNavigation)).call(this, PfeNavigation)); + + _this._init = _this._init.bind(_this); + _this._setVisibility = _this._setVisibility.bind(_this); + + // -- handlers + _this._resizeHandler = _this._resizeHandler.bind(_this); + _this._stickyHandler = _this._stickyHandler.bind(_this); + _this._outsideListener = _this._outsideListener.bind(_this); + _this._menuItemClickHandler = _this._menuItemClickHandler.bind(_this); + _this._overlayClickHandler = _this._overlayClickHandler.bind(_this); + _this._observer = new MutationObserver(_this._init); + + // Capture shadow elements + _this._overlay = _this.shadowRoot.querySelector("." + _this.tag + "__overlay"); + _this._wrapper = _this.shadowRoot.querySelector("." + _this.tag + "__wrapper"); + _this._menuItem = _this.shadowRoot.querySelector(PfeNavigationItem.tag + "[pfe-icon=\"web-mobile-menu\"]"); + + _this._slots = { + language: _this.shadowRoot.querySelector(PfeNavigationItem.tag + "[pfe-icon=\"web-user\"]"), + login: _this.shadowRoot.querySelector(PfeNavigationItem.tag + "[pfe-icon=\"web-globe\"]") + }; + + // Initialize active navigation item to empty array + _this._activeNavigationItems = []; + _this.overlay = false; + + // make sure we close all of the nav items and hide the overlay when + // the mobile menu button is closed + _this._menuItem.shadowRoot.querySelector(".pfe-navigation-item__trigger").addEventListener("click", _this._menuItemClickHandler); + + // make sure we close all of the nav items and hide the overlay + // when it's clicked + _this._overlay.addEventListener("click", _this._overlayClickHandler); + return _this; + } + + createClass(PfeNavigation, [{ + key: "connectedCallback", + value: function connectedCallback() { + var _this2 = this; + + get(PfeNavigation.prototype.__proto__ || Object.getPrototypeOf(PfeNavigation.prototype), "connectedCallback", this).call(this); + + Promise.all([customElements.whenDefined(PfeNavigationItem.tag), customElements.whenDefined(PfeNavigationMain.tag)]).then(function () { + // If this element contains light DOM, initialize it + if (_this2.children.length) { + // If only one value exists in the array, it starts at that size and goes up + _this2.breakpoints = { + main: [0, 1023], // visible from 0 - 1200px + search: [640], // visible from 768px + + "mobile-search": [0, 639], + language: [640], + "mobile-language": [0, 639], + login: [640], + "mobile-login": [0, 639] + }; + + // Kick off the initialization of the light DOM elements + _this2._init(); + + // Watch for screen resizing + window.addEventListener("resize", _this2._resizeHandler); + } else { + console.error("This component does not have any light DOM children. Please check documentation for requirements."); + } + + _this2._observer.observe(_this2, { childList: true }); + }); + } + }, { + key: "disconnectedCallback", + value: function disconnectedCallback() { + // Remove the scroll, resize, and outside click event listeners + window.removeEventListener("resize", this._resizeHandler); + + if (this.hasAttribute("pfe-close-on-click") && this.getAttribute("pfe-close-on-click") === "external") { + document.removeEventListener("click", this._outsideListener); + } + + if (this.hasAttribute("pfe-sticky") && this.getAttribute("pfe-sticky") != "false") { + window.removeEventListener("scroll", this._stickyHandler); + } + + this._menuItem.shadowRoot.querySelector(".pfe-navigation-item__trigger").removeEventListener("click", this._menuItemClickHandler); + this._overlay.removeEventListener("click", this._overlayClickHandler); + + this._observer.disconnect(); + } + }, { + key: "_resizeHandler", + value: function _resizeHandler(event) { + var _this3 = this; + + // Set the visibility of items + this._setVisibility(this.offsetWidth); + + // Check what the active item is + this._activeNavigationItems.forEach(function (item) { + // If the item is open but not visible, update it to hidden + if (item.expanded && !item.visible) { + item.expanded = false; + _this3._activeNavigationItems = _this3._activeNavigationItems.filter(function (i) { + return i !== item; + }); + } else if (item.expanded && item.parent && item.parent.visible) { + // if the parent is the mobile menu item and the size of the window is within + // the main breakpoint, make sure that the mobile menu is expanded + if (item.parent === _this3._menuItem && window.innerWidth <= _this3.breakpoints.main[1]) { + item.parent.expanded = true; // Ensure the parent is open + // If the parent item doesn't exist in the active array, add it + if (!_this3._activeNavigationItems.includes(item.parent)) { + _this3._activeNavigationItems.push(item.parent); + } + } + } + }); + + this.overlay = this._activeNavigationItems.length > 0; + + // update the reported height + this._reportHeight(); + } + }, { + key: "_stickyHandler", + value: function _stickyHandler() { + if (window.pageYOffset >= this.top) { + this.classList.add("pfe-sticky"); + } else { + this.classList.remove("pfe-sticky"); + } + } + }, { + key: "_outsideListener", + value: function _outsideListener(event) { + // Check if the clicked element is the navigation object + var isSelf = event.target === this; + // Check if the clicked element contains or is contained by the navigation element + var isChild = event.target.closest("pfe-navigation"); + var insideWrapper = event.target.tagName.includes("-") ? event.target.shadowRoot.querySelector("pfe-navigation") : null; + + // Check states to determine if the navigation items should close + if (!isSelf && !(isChild || insideWrapper)) { + this._activeNavigationItems.map(function (item) { + return item.close(); + }); + } + } + }, { + key: "_setVisibility", + value: function _setVisibility(width) { + var _this4 = this; + + Object.keys(this.breakpoints).forEach(function (label) { + var bps = _this4.breakpoints[label]; + var start = bps[0]; + var end = bps[1]; + var isVisible = false; + + // If the slot exists, set attribute based on supported breakpoints + if (_this4.slots[label] && _this4.slots[label].nodes && _this4.slots[label].nodes.length > 0) { + if (width >= start && (!end || end && width <= end)) { + isVisible = true; + } + + _this4.slots[label].nodes.forEach(function (node) { + switch (label) { + case "main": + if (isVisible) { + node.removeAttribute("show_content"); + _this4._menuItem.removeAttribute("show_links"); + } else { + node.setAttribute("show_content", ""); + _this4._menuItem.setAttribute("show_links", ""); + _this4._menuItem.expanded = false; + _this4._menuItem.tray.removeAttribute("hidden"); + // Remove menuItem from active items + _this4._activeNavigationItems = _this4._activeNavigationItems.filter(function (item) { + return item !== _this4._menuItem; + }); + } + node.navItems.forEach(function (item) { + if (isVisible) { + item.removeAttribute("parent_hidden"); + } else { + item.setAttribute("parent_hidden", ""); + } + }); + break; + case (label.match(/^mobile/) || {}).input: + if (isVisible) { + // Set an attribute to show this region (strip the mobile prefix) + _this4._menuItem.setAttribute("show_" + label.slice(7), ""); + if (_this4._slots[label.slice(7)]) _this4._slots[label.slice(7)].removeAttribute("hidden"); + node.removeAttribute("hidden"); + } else { + _this4._menuItem.removeAttribute("show_" + label.slice(7)); + if (_this4._slots[label.slice(7)]) _this4._slots[label.slice(7)].setAttribute("hidden", ""); + node.setAttribute("hidden", ""); + } + break; + default: + node.visible = isVisible; + break; + } + }); + } + }); + } + }, { + key: "_init", + value: function _init() { + var _this5 = this; + + // @IE11 This is necessary so the script doesn't become non-responsive + if (window.ShadyCSS) { + this._observer.disconnect(); + } + + // Initial position of this element from the top of the screen + this.top = this.getBoundingClientRect().top || 0; + + // Get all nav items contained in this element + this.navItems = [].concat(toConsumableArray(this.querySelectorAll("pfe-navigation-item"))); + + // Add the menu element to the list of navigation items + // do this manually because menu item is in the shadow dom + if (this._menuItem) this.navItems.push(this._menuItem); + + // Attach a reference to the navigation container to the children + this.navItems.forEach(function (item) { + item.navigationWrapper = _this5; + }); + + // Connect the shadow menu with the main component + var mainNav = this.querySelector("pfe-navigation-main"); + if (mainNav && mainNav.navItems) { + mainNav.navItems.forEach(function (item) { + item.parent = _this5._menuItem; + }); + } + + // Start by setting the visibility of the slots + this._setVisibility(this.offsetWidth); + + // If the nav is set to sticky, inject the height of the nav to the next element in the DOM + if (this.hasAttribute("pfe-sticky") && this.getAttribute("pfe-sticky") != "false") { + // Run the sticky check on first page load + this._stickyHandler(); + + // Attach the scroll event to the window + window.addEventListener("scroll", this._stickyHandler); + } + + // Listen for clicks outside the navigation element + if (this.hasAttribute("pfe-close-on-click") && this.getAttribute("pfe-close-on-click") === "external") { + document.addEventListener("click", this._outsideListener); + } + + // report the height of this pfe-navigation element + this._reportHeight(); + + // @IE11 This is necessary so the script doesn't become non-responsive + if (window.ShadyCSS) { + setTimeout(function () { + _this5._observer.observe(_this5, { + childList: true, + subtree: true, + characterData: true + }); + }, 0); + } + } + }, { + key: "_menuItemClickHandler", + value: function _menuItemClickHandler(event) { + if (event.currentTarget.getAttribute("aria-expanded") === "false") { + this._activeNavigationItems.map(function (item) { + return item.close(); + }); + this.overlay = false; + } + } + }, { + key: "_overlayClickHandler", + value: function _overlayClickHandler(event) { + this._activeNavigationItems.map(function (item) { + return item.close(); + }); + this.overlay = false; + } + + /** + * Set a global CSS variable reporting the height of this navigation item. + * Used to position sticky subnavigation items under this. + * + * The name of the global CSS variable is `--pfe-navigation--Height--actual`. + */ + + }, { + key: "_reportHeight", + value: function _reportHeight() { + var cssVarName = "--" + this.tag + "--Height--actual"; + var height = this.clientHeight + "px"; + document.body.style.setProperty(cssVarName, height); + } + }]); + return PfeNavigation; + }(PFElement); + + PFElement.create(PfeNavigationItem); + PFElement.create(PfeNavigationMain); + PFElement.create(PfeNavigation); + + return PfeNavigation; + +}))); +//# sourceMappingURL=pfe-navigation.umd.js.map diff --git a/elements/pfe-navigation/dist/pfe-navigation.umd.js.map b/elements/pfe-navigation/dist/pfe-navigation.umd.js.map new file mode 100644 index 0000000000..87cd562dc4 --- /dev/null +++ b/elements/pfe-navigation/dist/pfe-navigation.umd.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-navigation.umd.js","sources":["../_temp/polyfills--pfe-navigation.js","../_temp/pfe-navigation-item.js","../_temp/pfe-navigation-main.js","../_temp/pfe-navigation.umd.js"],"sourcesContent":["// @POLYFILL Array.prototype.filter\n// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter\nif (!Array.prototype.filter) {\n Array.prototype.filter = function(func, thisArg) {\n \"use strict\";\n if (!((typeof func === \"Function\" || typeof func === \"function\") && this))\n throw new TypeError();\n\n var len = this.length >>> 0,\n res = new Array(len), // preallocate array\n t = this,\n c = 0,\n i = -1;\n\n var kValue;\n if (thisArg === undefined) {\n while (++i !== len) {\n // checks to see if the key was set\n if (i in this) {\n kValue = t[i]; // in case t is changed in callback\n if (func(t[i], i, t)) {\n res[c++] = kValue;\n }\n }\n }\n } else {\n while (++i !== len) {\n // checks to see if the key was set\n if (i in this) {\n kValue = t[i];\n if (func.call(thisArg, t[i], i, t)) {\n res[c++] = kValue;\n }\n }\n }\n }\n\n res.length = c; // shrink down array to proper size\n return res;\n };\n}\n\n// @POLYFILL Element.prototype.matches\n// https://developer.mozilla.org/en-US/docs/Web/API/Element/matches\nif (!Element.prototype.matches) {\n Element.prototype.matches =\n Element.prototype.msMatchesSelector ||\n Element.prototype.webkitMatchesSelector;\n}\n\n// @POLYFILL Element.prototype.closest\n// https://developer.mozilla.org/en-US/docs/Web/API/Element/closest\nif (!Element.prototype.closest) {\n Element.prototype.closest = function(s) {\n var el = this;\n\n do {\n if (el.matches(s)) return el;\n el = el.parentElement || el.parentNode;\n } while (el !== null && el.nodeType === 1);\n return null;\n };\n}\n\n// @POLYFILL Array.prototype.includes\n// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/includes\nif (!Array.prototype.includes) {\n Object.defineProperty(Array.prototype, \"includes\", {\n value: function(searchElement, fromIndex) {\n // 1. Let O be ? ToObject(this value).\n if (this == null) {\n throw new TypeError('\"this\" is null or not defined');\n }\n\n var o = Object(this);\n\n // 2. Let len be ? ToLength(? Get(O, \"length\")).\n var len = o.length >>> 0;\n\n // 3. If len is 0, return false.\n if (len === 0) {\n return false;\n }\n\n // 4. Let n be ? ToInteger(fromIndex).\n // (If fromIndex is undefined, this step produces the value 0.)\n var n = fromIndex | 0;\n\n // 5. If n ≥ 0, then\n // a. Let k be n.\n // 6. Else n < 0,\n // a. Let k be len + n.\n // b. If k < 0, let k be 0.\n var k = Math.max(n >= 0 ? n : len - Math.abs(n), 0);\n\n function sameValueZero(x, y) {\n return (\n x === y ||\n (typeof x === \"number\" &&\n typeof y === \"number\" &&\n isNaN(x) &&\n isNaN(y))\n );\n }\n\n // 7. Repeat, while k < len\n while (k < len) {\n // a. Let elementK be the result of ? Get(O, ! ToString(k)).\n // b. If SameValueZero(searchElement, elementK) is true, return true.\n // c. Increase k by 1.\n if (sameValueZero(o[k], searchElement)) {\n return true;\n }\n k++;\n }\n\n // 8. Return false\n return false;\n }\n });\n}\n\n// @POLYFILL Event.prototype.path\n// https://stackoverflow.com/questions/36845515/mouseevent-path-equivalent-in-firefox-safari\nif (!(\"path\" in Event.prototype)) {\n Object.defineProperty(Event.prototype, \"path\", {\n get: function() {\n var path = [];\n var currentElem = this.target;\n while (currentElem) {\n path.push(currentElem);\n currentElem = currentElem.parentElement;\n }\n if (path.indexOf(window) === -1 && path.indexOf(document) === -1)\n path.push(document);\n if (path.indexOf(window) === -1) path.push(window);\n return path;\n }\n });\n}\n","/*!\n * PatternFly Elements: PfeNavigation 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\nimport PFElement from \"../../pfelement/dist/pfelement.js\";\nimport PfeIcon from \"../../pfe-icon/dist/pfe-icon.js\";\n\nclass PfeNavigationItem extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return `
                                                    \n ${this.hasIcon ? `` : \"\"}\n \n
                                                    \n${ this.has_slot(\"tray\") ? `
                                                    \n \n
                                                    ` : \"\"}`;\n }\n\n static get properties() {\n return {\"icon\":{\"title\":\"Icon name\",\"type\":\"string\",\"prefixed\":true}};\n }\n\n static get slots() {\n return {\"trigger\":{\"title\":\"Navigation trigger\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"raw\"}]}},\"tray\":{\"title\":\"Navigation tray\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-navigation-item\";\n }\n\n get templateUrl() {\n return \"pfe-navigation-item.html\";\n }\n\n get styleUrl() {\n return \"pfe-navigation-item.scss\";\n }\n\n get schemaUrl() {\n return \"pfe-navigation-item.json\";\n }\n\n static get PfeType() {\n return PFElement.PfeTypes.Container;\n }\n\n static get observedAttributes() {\n return [\"pfe-icon\", \"pfe-full-width\"];\n }\n\n static get cascadingAttributes() {\n return {\n \"pfe-full-width\": \".pfe-navigation-item__tray\"\n };\n }\n\n get hasIcon() {\n return this.hasAttribute(\"pfe-icon\");\n }\n\n get iconName() {\n return this.getAttribute(\"pfe-icon\");\n }\n\n get nested() {\n return this.hasAttribute(\"is_nested\");\n }\n\n set nested(isNested) {\n isNested = Boolean(isNested);\n\n if (isNested) {\n this.setAttribute(\"is_nested\", \"\");\n } else {\n this.removeAttribute(\"is_nested\");\n }\n }\n\n get expanded() {\n return this.classList.contains(\"expanded\");\n }\n\n set expanded(isExpanded) {\n isExpanded = Boolean(isExpanded);\n\n if (isExpanded) {\n this.classList.add(\"expanded\");\n\n if (this.iconName === \"web-mobile-menu\") {\n if (this._icon) this._icon.setAttribute(\"icon\", \"web-plus\");\n }\n\n if (this._trigger) {\n this._trigger.setAttribute(\"aria-expanded\", true);\n }\n\n if (this.tray) {\n this.tray.removeAttribute(\"hidden\");\n }\n\n if (this._tray) {\n this._tray.setAttribute(\"aria-expanded\", true);\n }\n } else {\n this.classList.remove(\"expanded\");\n\n if (this.iconName === \"web-mobile-menu\") {\n if (this._icon) this._icon.setAttribute(\"icon\", \"web-mobile-menu\");\n }\n\n if (this._trigger) {\n this._trigger.setAttribute(\"aria-expanded\", false);\n }\n\n if (this.tray) {\n this.tray.setAttribute(\"hidden\", \"\");\n }\n\n if (this._tray) {\n this._tray.setAttribute(\"aria-expanded\", false);\n }\n }\n }\n\n get visible() {\n return !this.hasAttribute(\"hidden\");\n }\n\n set visible(isVisible) {\n isVisible = Boolean(isVisible);\n\n if (isVisible) {\n this.removeAttribute(\"hidden\");\n } else {\n this.setAttribute(\"hidden\", \"\");\n }\n }\n\n open(event) {\n if (event) event.preventDefault();\n\n // Close the other active item(s) unless it's this item's parent\n if (this.navigationWrapper) {\n this.navigationWrapper._activeNavigationItems = this.navigationWrapper._activeNavigationItems.filter(\n item => {\n let stayOpen = item === this.parent;\n if (!stayOpen) item.close();\n return stayOpen;\n }\n );\n\n // Open that item and add it to the active array\n this.navigationWrapper._activeNavigationItems.push(this);\n\n this.expanded = true;\n this.navigationWrapper.overlay = true;\n }\n\n // Dispatch the event\n this.dispatchEvent(\n new CustomEvent(`${this.tag}:open`, {\n detail: {},\n bubbles: true,\n composed: true\n })\n );\n }\n\n close(event) {\n if (event) event.preventDefault();\n\n // Close the children elements\n this.navigationWrapper._activeNavigationItems = this.navigationWrapper._activeNavigationItems.filter(\n item => {\n let close = this.nestedItems && this.nestedItems.includes(item);\n if (close) item.close();\n return !close && item !== this;\n }\n );\n\n this.expanded = false;\n\n // Clear the overlay\n this.navigationWrapper.overlay =\n this.navigationWrapper._activeNavigationItems.length > 0;\n\n this.focus();\n\n // Dispatch the event\n this.dispatchEvent(\n new CustomEvent(`${this.tag}:close`, {\n detail: {},\n bubbles: true,\n composed: true\n })\n );\n }\n\n toggle(event) {\n if (event) event.preventDefault();\n\n if (this.visible && !this.expanded) {\n this.open(event);\n } else {\n this.close(event);\n }\n }\n\n constructor() {\n super(PfeNavigationItem);\n\n this._handlersAdded = false;\n\n // States\n this.nested = false;\n this.expanded = false;\n\n // Objects\n this.trigger = null;\n this.tray = null;\n this.directLink = null;\n this.linkUrl = null;\n\n // Lists\n this.nestedItems = [];\n\n // Shadow elements\n this._trigger = this.shadowRoot.querySelector(`.${this.tag}__trigger`);\n this._icon = this.shadowRoot.querySelector(\"pfe-icon\");\n this._tray = this.shadowRoot.querySelector(`.${this.tag}__tray`);\n\n // Externally accessible events\n this.close = this.close.bind(this);\n this.open = this.open.bind(this);\n this.toggle = this.toggle.bind(this);\n\n // Initializers\n this._init__trigger = this._init__trigger.bind(this);\n this._init__tray = this._init__tray.bind(this);\n\n // Event handlers\n this._keydownHandler = this._keydownHandler.bind(this);\n this._keyupHandler = this._keyupHandler.bind(this);\n this._navigateToUrl = this._navigateToUrl.bind(this);\n this._directLinkHandler = this._directLinkHandler.bind(this);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this._init__trigger();\n this._init__tray();\n\n // Add a slotchange listeners to the lightDOM elements\n if (this.trigger)\n this.trigger.addEventListener(\"slotchange\", this._init__trigger);\n if (this.tray) this.tray.addEventListener(\"slotchange\", this._init__tray);\n }\n\n disconnectedCallback() {\n this.trigger.removeEventListener(\"slotchange\", this._init);\n\n if (this.tray) {\n this.tray.removeEventListener(\"slotchange\", this._init);\n\n this.removeEventListener(\"keydown\", this._keydownHandler);\n this.removeEventListener(\"keyup\", this._exit);\n\n this._trigger.removeEventListener(\"click\", this.toggle);\n this._trigger.removeEventListener(\"keyup\", this._keyupHandler);\n } else {\n this._trigger.removeEventListener(\"click\", this._navigateToUrl);\n this._trigger.removeEventListener(\"keyup\", this._directLinkHandler);\n }\n }\n\n _init__trigger() {\n // If no slots have been assigned, assign it to the trigger slot\n const unassigned = [...this.children].filter(\n child => !child.hasAttribute(\"slot\")\n );\n unassigned.map(item => item.setAttribute(\"slot\", \"trigger\"));\n\n // Get the LightDOM trigger & tray content\n this.trigger = this.querySelector(`[slot=\"trigger\"]`);\n\n // Check the light dom for the link\n if (this.trigger) {\n this.directLink = this.trigger.querySelector(\"a\");\n // Check the slotted content for the link if it can't be found\n if (!this.directLink && this.trigger.tagName === \"SLOT\") {\n let slottedContent = this.trigger.assignedNodes();\n if (slottedContent.length > 0 && slottedContent[0].tagName === \"A\") {\n this.directLink = slottedContent[0];\n }\n }\n\n // Turn off the fallback link if the tray does not exist\n if (this.directLink) {\n this.directLink.setAttribute(\"tabindex\", \"-1\");\n this.linkUrl = this.directLink.href;\n } else {\n this.linkUrl = \"#\";\n }\n\n this._trigger.addEventListener(\"click\", this._navigateToUrl);\n this._trigger.addEventListener(\"keyup\", this._directLinkHandler);\n }\n }\n\n _init__tray() {\n // Get the LightDOM trigger & tray content\n this.tray = this.querySelector(`[slot=\"tray\"]`);\n\n //-- Check for any nested navigation items\n // If a light DOM tray exists, check for descendents\n if (this.tray) {\n this.nestedItems = this.nestedItems.concat([\n ...this.tray.querySelectorAll(`${this.tag}`)\n ]);\n let array = [];\n\n // Search the tray for nested slots\n if (!window.ShadyCSS) {\n [...this.tray.querySelectorAll(\"slot\")].forEach(slot => {\n [...slot.assignedElements()].forEach(node => {\n array = array.concat([...node.querySelectorAll(`${this.tag}`)]);\n });\n });\n }\n\n this.nestedItems = this.nestedItems.concat(\n array.filter(el => {\n return !this.nestedItems.includes(el);\n })\n );\n\n this._init__handlers();\n }\n }\n\n _init__handlers() {\n this._trigger.removeEventListener(\"click\", this._navigateToUrl);\n this._trigger.removeEventListener(\"keyup\", this._directLinkHandler);\n\n if (this._handlersAdded) {\n return;\n }\n\n // Toggle the navigation when the trigger is clicked\n this._trigger.addEventListener(\"click\", this.toggle);\n\n // Attaching to the parent element allows the exit key to work inside the tray too\n this.addEventListener(\"keyup\", this._exit);\n this.addEventListener(\"keydown\", this._keydownHandler);\n\n this._trigger.addEventListener(\"keyup\", this._keyupHandler);\n this._handlersAdded = true;\n }\n\n _navigateToUrl(event) {\n event.preventDefault();\n window.location.href = this.linkUrl;\n }\n\n _directLinkHandler(event) {\n let key = event.key || event.keyCode;\n switch (key) {\n case \"Spacebar\":\n case \" \":\n case 32:\n case \"Enter\":\n case 13:\n this._navigateToUrl(event);\n break;\n default:\n return;\n }\n }\n\n _keydownHandler(event) {\n let key = event.key || event.keyCode;\n let clicked = event.path && event.path.length > 0 ? event.path[0] : this;\n\n switch (key) {\n case \"Spacebar\":\n case \" \":\n case 32:\n if (![\"INPUT\", \"TEXTAREA\", \"SELECT\"].includes(clicked.tagName)) {\n event.preventDefault();\n }\n break;\n }\n }\n\n _keyupHandler(event) {\n let key = event.key || event.keyCode;\n let clicked = event.path && event.path.length > 0 ? event.path[0] : this;\n\n switch (key) {\n case \"Spacebar\":\n case \" \":\n case 32:\n if (![\"INPUT\", \"TEXTAREA\", \"SELECT\"].includes(clicked.tagName)) {\n this.toggle(event);\n }\n break;\n case \"Enter\":\n case 13:\n if (![\"A\"].includes(clicked.tagName)) {\n this.toggle(event);\n }\n break;\n }\n }\n\n // Note: Escape will always exit the entire menu\n _exit(event) {\n let key = event.key || event.keyCode;\n switch (key) {\n case \"Esc\":\n case \"Escape\":\n case 27:\n this.close(event);\n break;\n }\n }\n}\n\nexport default PfeNavigationItem;\n","/*!\n * PatternFly Elements: PfeNavigation 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\nimport PFElement from \"../../pfelement/dist/pfelement.js\";\n\nclass PfeNavigationMain extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return ``;\n }\n static get tag() {\n return \"pfe-navigation-main\";\n }\n\n get templateUrl() {\n return \"pfe-navigation-main.html\";\n }\n\n get styleUrl() {\n return \"pfe-navigation-main.scss\";\n }\n\n static get PfeType() {\n return PFElement.PfeTypes.Container;\n }\n\n static get observedAttributes() {\n return [\"show_content\"];\n }\n\n constructor() {\n super(PfeNavigationMain);\n\n this._init = this._init.bind(this);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this._init();\n\n // Add a slotchange listener to the lightDOM trigger\n this.addEventListener(\"slotchange\", this._init);\n }\n\n disconnectedCallback() {\n this.removeEventListener(\"slotchange\", this._init);\n }\n\n _init() {\n // Get all the nested navigation items\n this.navItems = [...this.querySelectorAll(\"pfe-navigation-item\")];\n\n // Find the first nested element\n this.first = this.navItems.length > 0 ? this.navItems[0] : null;\n // Find the last nested element\n this.last = this.navItems[this.navItems.length - 1];\n\n // Ensure the necessary a11y is set\n this.setAttribute(\"role\", \"navigation\");\n this.setAttribute(\"aria-label\", \"Main\");\n\n // For each nested navigation item, tag it with context\n this.navItems.forEach(item => {\n item.nested = true;\n });\n\n // Tag the first and last navigation items for styling in mobile\n if (this.first) this.first.setAttribute(\"first\", \"\");\n if (this.last) this.last.setAttribute(\"last\", \"\");\n }\n}\n\nexport default PfeNavigationMain;\n","/*!\n * PatternFly Elements: PfeNavigation 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\n// -- @TODO Set icons to hide if they all fail to load, else set them to preserve space\n\n// Import polyfills: filter, matches, closest, includes, path\nimport \"./polyfills--pfe-navigation.js\";\n\nimport PFElement from \"../../pfelement/dist/pfelement.umd\";\nimport PfeNavigationItem from \"./pfe-navigation-item.js\";\nimport PfeNavigationMain from \"./pfe-navigation-main.js\";\n\nclass PfeNavigation extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return `
                                                    \n
                                                    \n ${ this.has_slot(\"logo\") ? `
                                                    \n \n
                                                    ` : \"\"}\n ${ this.has_slot(\"skip\") ? `
                                                    \n \n
                                                    ` : \"\"}\n \n ${this.hasAttribute(\"pfe-menu-label\") ? `

                                                    ${this.getAttribute(\"pfe-menu-label\")}

                                                    ` : ``}\n
                                                    \n
                                                    \n \n \n ${ this.has_slot(\"mobile-login\") ? `` : ``}\n ${ this.has_slot(\"mobile-language\") ? `` : ``}\n
                                                    \n
                                                    \n                                                     \n ${ this.has_slot(\"language\") || this.has_slot(\"search\") || this.has_slot(\"login\") || this.has_slot(\"site-switcher\") ? `
                                                    \n \n \n \n \n
                                                    ` : \"\"}\n
                                                    \n
                                                    \n`;\n }\n\n static get properties() {\n return {\"sticky\":{\"title\":\"Sticky navigation\",\"type\":\"boolean\",\"default\":true,\"prefixed\":true},\"full-width\":{\"title\":\"Full width navigation\",\"type\":\"boolean\",\"default\":false,\"prefixed\":true},\"close-on-click\":{\"title\":\"Close navigation on click event\",\"type\":\"string\",\"enum\":[\"external\"],\"default\":\"external\",\"prefixed\":true},\"menu-label\":{\"title\":\"Mobile menu label\",\"type\":\"string\",\"default\":\"Menu\",\"prefixed\":true}};\n }\n\n static get slots() {\n return {\"skip\":{\"title\":\"Skip navigation\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"raw\"}]}},\"logo\":{\"title\":\"Logo\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"raw\"}]}},\"search\":{\"title\":\"Search\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"pfe-navigation-item\"}]}},\"mobile-search\":{\"title\":\"Mobile search functionality\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"raw\"}]}},\"main\":{\"title\":\"Main navigation\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"nav\"},{\"$ref\":\"raw\"}]}},\"language\":{\"title\":\"Language switcher\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"pfe-navigation-item\"}]}},\"mobile-language\":{\"title\":\"Mobile link to language page\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"a\"}]}},\"login\":{\"title\":\"Log in\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"pfe-navigation-item\"}]}},\"mobile-login\":{\"title\":\"Mobile link to log in page\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"a\"}]}},\"site-switcher\":{\"title\":\"Site switcher\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"pfe-navigation-item\"}]}}};\n }\n static get tag() {\n return \"pfe-navigation\";\n }\n\n get templateUrl() {\n return \"pfe-navigation.html\";\n }\n\n get styleUrl() {\n return \"pfe-navigation.scss\";\n }\n\n get schemaUrl() {\n return \"pfe-navigation.json\";\n }\n\n get overlay() {\n return !this._overlay.hasAttribute(\"hidden\");\n }\n\n set overlay(state) {\n if (state) {\n // Add the overlay to the page\n this._overlay.removeAttribute(\"hidden\");\n\n // This prevents background scroll while nav is open\n // document.body.style.overflow = \"hidden\";\n\n this._wrapper.setAttribute(\"expanded\", \"\");\n } else {\n // Remove the overlay from the page\n this._overlay.setAttribute(\"hidden\", \"\");\n\n // Allow background to scroll again\n // document.body.style.overflow = \"auto\";\n\n this._wrapper.removeAttribute(\"expanded\");\n }\n }\n\n static get cascadingAttributes() {\n return {\n \"pfe-full-width\": \"pfe-navigation-item\"\n };\n }\n\n static get observedAttributes() {\n return [\"pfe-full-width\"];\n }\n\n constructor() {\n super(PfeNavigation);\n\n // Attach functions for use below\n this._init = this._init.bind(this);\n this._setVisibility = this._setVisibility.bind(this);\n\n // -- handlers\n this._resizeHandler = this._resizeHandler.bind(this);\n this._stickyHandler = this._stickyHandler.bind(this);\n this._outsideListener = this._outsideListener.bind(this);\n this._menuItemClickHandler = this._menuItemClickHandler.bind(this);\n this._overlayClickHandler = this._overlayClickHandler.bind(this);\n this._observer = new MutationObserver(this._init);\n\n // Capture shadow elements\n this._overlay = this.shadowRoot.querySelector(`.${this.tag}__overlay`);\n this._wrapper = this.shadowRoot.querySelector(`.${this.tag}__wrapper`);\n this._menuItem = this.shadowRoot.querySelector(\n `${PfeNavigationItem.tag}[pfe-icon=\"web-mobile-menu\"]`\n );\n\n this._slots = {\n language: this.shadowRoot.querySelector(\n `${PfeNavigationItem.tag}[pfe-icon=\"web-user\"]`\n ),\n login: this.shadowRoot.querySelector(\n `${PfeNavigationItem.tag}[pfe-icon=\"web-globe\"]`\n )\n };\n\n // Initialize active navigation item to empty array\n this._activeNavigationItems = [];\n this.overlay = false;\n\n // make sure we close all of the nav items and hide the overlay when\n // the mobile menu button is closed\n this._menuItem.shadowRoot\n .querySelector(\".pfe-navigation-item__trigger\")\n .addEventListener(\"click\", this._menuItemClickHandler);\n\n // make sure we close all of the nav items and hide the overlay\n // when it's clicked\n this._overlay.addEventListener(\"click\", this._overlayClickHandler);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n Promise.all([\n customElements.whenDefined(PfeNavigationItem.tag),\n customElements.whenDefined(PfeNavigationMain.tag)\n ]).then(() => {\n // If this element contains light DOM, initialize it\n if (this.children.length) {\n // If only one value exists in the array, it starts at that size and goes up\n this.breakpoints = {\n main: [0, 1023], // visible from 0 - 1200px\n search: [640], // visible from 768px +\n \"mobile-search\": [0, 639],\n language: [640],\n \"mobile-language\": [0, 639],\n login: [640],\n \"mobile-login\": [0, 639]\n };\n\n // Kick off the initialization of the light DOM elements\n this._init();\n\n // Watch for screen resizing\n window.addEventListener(\"resize\", this._resizeHandler);\n } else {\n console.error(\n \"This component does not have any light DOM children. Please check documentation for requirements.\"\n );\n }\n\n this._observer.observe(this, { childList: true });\n });\n }\n\n disconnectedCallback() {\n // Remove the scroll, resize, and outside click event listeners\n window.removeEventListener(\"resize\", this._resizeHandler);\n\n if (\n this.hasAttribute(\"pfe-close-on-click\") &&\n this.getAttribute(\"pfe-close-on-click\") === \"external\"\n ) {\n document.removeEventListener(\"click\", this._outsideListener);\n }\n\n if (\n this.hasAttribute(\"pfe-sticky\") &&\n this.getAttribute(\"pfe-sticky\") != \"false\"\n ) {\n window.removeEventListener(\"scroll\", this._stickyHandler);\n }\n\n this._menuItem.shadowRoot\n .querySelector(\".pfe-navigation-item__trigger\")\n .removeEventListener(\"click\", this._menuItemClickHandler);\n this._overlay.removeEventListener(\"click\", this._overlayClickHandler);\n\n this._observer.disconnect();\n }\n\n _resizeHandler(event) {\n // Set the visibility of items\n this._setVisibility(this.offsetWidth);\n\n // Check what the active item is\n this._activeNavigationItems.forEach(item => {\n // If the item is open but not visible, update it to hidden\n if (item.expanded && !item.visible) {\n item.expanded = false;\n this._activeNavigationItems = this._activeNavigationItems.filter(\n i => i !== item\n );\n } else if (item.expanded && item.parent && item.parent.visible) {\n // if the parent is the mobile menu item and the size of the window is within\n // the main breakpoint, make sure that the mobile menu is expanded\n if (\n item.parent === this._menuItem &&\n window.innerWidth <= this.breakpoints.main[1]\n ) {\n item.parent.expanded = true; // Ensure the parent is open\n // If the parent item doesn't exist in the active array, add it\n if (!this._activeNavigationItems.includes(item.parent)) {\n this._activeNavigationItems.push(item.parent);\n }\n }\n }\n });\n\n this.overlay = this._activeNavigationItems.length > 0;\n\n // update the reported height\n this._reportHeight();\n }\n\n _stickyHandler() {\n if (window.pageYOffset >= this.top) {\n this.classList.add(\"pfe-sticky\");\n } else {\n this.classList.remove(\"pfe-sticky\");\n }\n }\n\n _outsideListener(event) {\n // Check if the clicked element is the navigation object\n let isSelf = event.target === this;\n // Check if the clicked element contains or is contained by the navigation element\n let isChild = event.target.closest(\"pfe-navigation\");\n let insideWrapper = event.target.tagName.includes(\"-\")\n ? event.target.shadowRoot.querySelector(\"pfe-navigation\")\n : null;\n\n // Check states to determine if the navigation items should close\n if (!isSelf && !(isChild || insideWrapper)) {\n this._activeNavigationItems.map(item => item.close());\n }\n }\n\n _setVisibility(width) {\n Object.keys(this.breakpoints).forEach(label => {\n let bps = this.breakpoints[label];\n let start = bps[0];\n let end = bps[1];\n let isVisible = false;\n\n // If the slot exists, set attribute based on supported breakpoints\n if (\n this.slots[label] &&\n this.slots[label].nodes &&\n this.slots[label].nodes.length > 0\n ) {\n if (width >= start && (!end || (end && width <= end))) {\n isVisible = true;\n }\n\n this.slots[label].nodes.forEach(node => {\n switch (label) {\n case \"main\":\n if (isVisible) {\n node.removeAttribute(\"show_content\");\n this._menuItem.removeAttribute(\"show_links\");\n } else {\n node.setAttribute(\"show_content\", \"\");\n this._menuItem.setAttribute(\"show_links\", \"\");\n this._menuItem.expanded = false;\n this._menuItem.tray.removeAttribute(\"hidden\");\n // Remove menuItem from active items\n this._activeNavigationItems = this._activeNavigationItems.filter(\n item => item !== this._menuItem\n );\n }\n node.navItems.forEach(item => {\n if (isVisible) {\n item.removeAttribute(\"parent_hidden\");\n } else {\n item.setAttribute(\"parent_hidden\", \"\");\n }\n });\n break;\n case (label.match(/^mobile/) || {}).input:\n if (isVisible) {\n // Set an attribute to show this region (strip the mobile prefix)\n this._menuItem.setAttribute(`show_${label.slice(7)}`, \"\");\n if (this._slots[label.slice(7)])\n this._slots[label.slice(7)].removeAttribute(\"hidden\");\n node.removeAttribute(\"hidden\");\n } else {\n this._menuItem.removeAttribute(`show_${label.slice(7)}`);\n if (this._slots[label.slice(7)])\n this._slots[label.slice(7)].setAttribute(\"hidden\", \"\");\n node.setAttribute(\"hidden\", \"\");\n }\n break;\n default:\n node.visible = isVisible;\n break;\n }\n });\n }\n });\n }\n\n _init() {\n // @IE11 This is necessary so the script doesn't become non-responsive\n if (window.ShadyCSS) {\n this._observer.disconnect();\n }\n\n // Initial position of this element from the top of the screen\n this.top = this.getBoundingClientRect().top || 0;\n\n // Get all nav items contained in this element\n this.navItems = [...this.querySelectorAll(\"pfe-navigation-item\")];\n\n // Add the menu element to the list of navigation items\n // do this manually because menu item is in the shadow dom\n if (this._menuItem) this.navItems.push(this._menuItem);\n\n // Attach a reference to the navigation container to the children\n this.navItems.forEach(item => {\n item.navigationWrapper = this;\n });\n\n // Connect the shadow menu with the main component\n let mainNav = this.querySelector(\"pfe-navigation-main\");\n if (mainNav && mainNav.navItems) {\n mainNav.navItems.forEach(item => {\n item.parent = this._menuItem;\n });\n }\n\n // Start by setting the visibility of the slots\n this._setVisibility(this.offsetWidth);\n\n // If the nav is set to sticky, inject the height of the nav to the next element in the DOM\n if (\n this.hasAttribute(\"pfe-sticky\") &&\n this.getAttribute(\"pfe-sticky\") != \"false\"\n ) {\n // Run the sticky check on first page load\n this._stickyHandler();\n\n // Attach the scroll event to the window\n window.addEventListener(\"scroll\", this._stickyHandler);\n }\n\n // Listen for clicks outside the navigation element\n if (\n this.hasAttribute(\"pfe-close-on-click\") &&\n this.getAttribute(\"pfe-close-on-click\") === \"external\"\n ) {\n document.addEventListener(\"click\", this._outsideListener);\n }\n\n // report the height of this pfe-navigation element\n this._reportHeight();\n\n // @IE11 This is necessary so the script doesn't become non-responsive\n if (window.ShadyCSS) {\n setTimeout(() => {\n this._observer.observe(this, {\n childList: true,\n subtree: true,\n characterData: true\n });\n }, 0);\n }\n }\n\n _menuItemClickHandler(event) {\n if (event.currentTarget.getAttribute(\"aria-expanded\") === \"false\") {\n this._activeNavigationItems.map(item => item.close());\n this.overlay = false;\n }\n }\n\n _overlayClickHandler(event) {\n this._activeNavigationItems.map(item => item.close());\n this.overlay = false;\n }\n\n /**\n * Set a global CSS variable reporting the height of this navigation item.\n * Used to position sticky subnavigation items under this.\n *\n * The name of the global CSS variable is `--pfe-navigation--Height--actual`.\n */\n _reportHeight() {\n const cssVarName = `--${this.tag}--Height--actual`;\n const height = this.clientHeight + \"px\";\n document.body.style.setProperty(cssVarName, height);\n }\n}\n\nPFElement.create(PfeNavigationItem);\nPFElement.create(PfeNavigationMain);\nPFElement.create(PfeNavigation);\n\nexport default PfeNavigation;\n"],"names":["Array","prototype","filter","func","thisArg","TypeError","len","length","res","t","c","i","kValue","undefined","call","Element","matches","msMatchesSelector","webkitMatchesSelector","closest","s","el","parentElement","parentNode","nodeType","includes","Object","defineProperty","value","searchElement","fromIndex","o","n","k","Math","max","abs","sameValueZero","x","y","isNaN","Event","get","path","currentElem","target","push","indexOf","window","document","PfeNavigationItem","event","preventDefault","navigationWrapper","_activeNavigationItems","stayOpen","item","parent","close","expanded","overlay","dispatchEvent","CustomEvent","tag","detail","bubbles","composed","nestedItems","focus","visible","open","hasIcon","iconName","has_slot","hasAttribute","getAttribute","isNested","Boolean","setAttribute","removeAttribute","classList","contains","isExpanded","add","_icon","_trigger","tray","_tray","remove","isVisible","PFElement","PfeTypes","Container","_handlersAdded","nested","trigger","directLink","linkUrl","shadowRoot","querySelector","bind","toggle","_init__trigger","_init__tray","_keydownHandler","_keyupHandler","_navigateToUrl","_directLinkHandler","addEventListener","removeEventListener","_init","_exit","unassigned","children","child","map","tagName","slottedContent","assignedNodes","href","concat","querySelectorAll","array","ShadyCSS","forEach","slot","assignedElements","node","_init__handlers","location","key","keyCode","clicked","PfeNavigationMain","navItems","first","last","PfeNavigation","_overlay","state","_wrapper","_setVisibility","_resizeHandler","_stickyHandler","_outsideListener","_menuItemClickHandler","_overlayClickHandler","_observer","MutationObserver","_menuItem","_slots","language","login","Promise","all","customElements","whenDefined","then","breakpoints","main","search","console","error","observe","childList","disconnect","offsetWidth","innerWidth","_reportHeight","pageYOffset","top","isSelf","isChild","insideWrapper","width","keys","bps","label","start","end","slots","nodes","match","input","slice","getBoundingClientRect","mainNav","setTimeout","subtree","characterData","currentTarget","cssVarName","height","clientHeight","body","style","setProperty","create"],"mappings":"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"} \ No newline at end of file diff --git a/elements/pfe-navigation/dist/pfe-navigation.umd.min.js b/elements/pfe-navigation/dist/pfe-navigation.umd.min.js new file mode 100644 index 0000000000..cbd30e7c28 --- /dev/null +++ b/elements/pfe-navigation/dist/pfe-navigation.umd.min.js @@ -0,0 +1,2 @@ +!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("../../pfelement/dist/pfelement.umd.min"),require("../../pfe-icon/dist/pfe-icon.umd.min"),require("../../pfelement/dist/pfelement.umd")):"function"==typeof define&&define.amd?define(["../../pfelement/dist/pfelement.umd.min","../../pfe-icon/dist/pfe-icon.umd.min","../../pfelement/dist/pfelement.umd"],t):e.PfeNavigation=t(e.PFElement,e.PfeIcon,e.PFElement)}(this,function(e,t,i){"use strict";e=e&&e.hasOwnProperty("default")?e.default:e,t=t&&t.hasOwnProperty("default")?t.default:t,i=i&&i.hasOwnProperty("default")?i.default:i,Array.prototype.filter||(Array.prototype.filter=function(e,t){if("Function"!=typeof e&&"function"!=typeof e||!this)throw new TypeError;var i,n=this.length>>>0,a=new Array(n),o=this,r=0,s=-1;if(void 0===t)for(;++s!=n;)s in this&&(i=o[s],e(o[s],s,o)&&(a[r++]=i));else for(;++s!=n;)s in this&&(i=o[s],e.call(t,o[s],s,o)&&(a[r++]=i));return a.length=r,a}),Element.prototype.matches||(Element.prototype.matches=Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector),Element.prototype.closest||(Element.prototype.closest=function(e){var t=this;do{if(t.matches(e))return t;t=t.parentElement||t.parentNode}while(null!==t&&1===t.nodeType);return null}),Array.prototype.includes||Object.defineProperty(Array.prototype,"includes",{value:function(e,t){if(null==this)throw new TypeError('"this" is null or not defined');var i=Object(this),n=i.length>>>0;if(0==n)return!1;var a,o,r=0|t,s=Math.max(0<=r?r:n-Math.abs(r),0);for(;s:host([is_nested]:not([parent_hidden])) .pfe-navigation-item__tray{position:relative;display:block;width:100%;padding:16px;padding:var(--pfe-theme--container-spacer,16px)}::slotted([slot=trigger]){font-family:Overpass,Overpass,Helvetica,helvetica,arial,sans-serif;font-family:var(--pfe-theme--font-family, "Overpass", Overpass, Helvetica, helvetica, arial, sans-serif);font-size:16px!important;font-size:var(--pfe-navigation__trigger--FontSize,var(--pfe-theme--font-size--heading--epsilon,16px))!important;font-weight:300;font-weight:var(--pfe-navigation--FontWeight,var(--pfe-theme--font-weight--light,300));color:#fff;color:var(--pfe-navigation--Color,var(--pfe-theme--color--text--on-dark,#fff));z-index:2;line-height:1.1;margin:0!important;max-width:100%;text-align:center}@media screen and (min-width:0){::slotted([slot=trigger]){max-width:100%}}@media screen and (min-width:1200px){::slotted([slot=trigger]){max-width:190px}}:host{--pfe-navigation--sm-mobile:500px;--pfe-navigation--lg-mobile:640px;--pfe-navigation--sm-desktop:1024px;--pfe-navigation--BackgroundColor:transparent;--pfe-navigation--Color:var(--pfe-theme--color--text--on-dark, #fff);--pfe-navigation--BorderColor:transparent;--pfe-navigation--BorderTopColor:transparent;--pfe-navigation--MinWidth:auto;--pfe-navigation--Height:84px;--pfe-navigation__trigger-icon--Visible:hidden;--pfe-navigation__trigger--FontSize:16px;--pfe-navigation__trigger--Padding:calc(var(--pfe-theme--container-padding, 16px) * .5);--pfe-navigation__trigger--MaxWidth:100%;--pfe-navigation__tray--BackgroundColor:var(--pfe-theme--color--surface--lightest, #fff);--pfe-navigation__tray--Color:var(--pfe-theme--color--text, #333);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;line-height:1.2;height:100%;min-width:var(--pfe-navigation--MinWidth)}@media screen and (max-width:1200px){:host{width:100%}}@media screen and (min-width:500px){:host{--pfe-navigation__trigger--Padding:var(--pfe-theme--container-padding, 16px)}}:host([aria-current=location]){--pfe-navigation--BorderTopColor:var(--pfe-theme--color--surface--accent, #e00)}:host(.expanded){--pfe-navigation__trigger-icon--Visible:visible;--pfe-navigation--BorderColor:var(--pfe-theme--color--surface--lightest, #fff);--pfe-navigation--BorderTopColor:var(--pfe-theme--color--surface--accent, #e00);--pfe-navigation--BackgroundColor:var(--pfe-theme--color--surface--lightest, #fff);--pfe-navigation--Color:var(--pfe-theme--color--text, #333)}:host([pfe-icon]){--pfe-navigation--MinWidth:50px;--pfe-navigation__trigger--FontSize:12px;--pfe-navigation__trigger--Padding:calc(var(--pfe-theme--container-padding, 16px) * .625);--pfe-navigation__trigger-icon--Visible:hidden;-webkit-box-flex:1;-webkit-flex:auto;-ms-flex:auto;flex:auto;width:auto;min-width:65px}@media screen and (min-width:640px){:host([pfe-icon]){width:70px}}@media screen and (max-height:500px){:host([pfe-icon]){--pfe-navigation__trigger--Padding:calc(var(--pfe-theme--container-padding, 16px) / 3) calc(var(--pfe-theme--container-padding, 16px) *.5)}}@media screen and (min-width:1024px){:host([pfe-icon]){-webkit-box-flex:1;-webkit-flex:auto;-ms-flex:auto;flex:auto}}:host(:not([pfe-icon])){--pfe-navigation__trigger--Padding:calc(var(--pfe-theme--container-padding, 16px) * .75)}:host(:not([has_tray])),:host(:not([pfe-icon]):not([is_nested]):not(.expanded)){--pfe-navigation__trigger-icon--Visible:hidden}:host([is_nested]:not([parent_hidden])){display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:0 auto;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;max-width:100%;max-width:var(--pfe-navigation--Width,100%)}.pfe-navigation-item__trigger{--pfe-theme--link--text-decoration:none;--pfe-theme--link--text-decoration--hover:none;--pfe-theme--link--text-decoration--focus:none;--pfe-broadcasted--text:var(--pfe-navigation--Color);--pfe-broadcasted--link:var(--pfe-navigation--Color);--pfe-broadcasted--link--hover:var(--pfe-navigation--Color);--pfe-broadcasted--link--focus:var(--pfe-navigation--Color);--pfe-broadcasted--link--visited:var(--pfe-navigation--Color);--pfe-theme--font-size--alpha:var(--pfe-navigation__trigger--FontSize, var(--pfe-theme--font-size--heading--epsilon, 16px));--pfe-theme--font-weight--alpha:var(--pfe-navigation--FontWeight, var(--pfe-theme--font-weight--light, 300));--pfe-theme--font-size--beta:var(--pfe-navigation__trigger--FontSize, var(--pfe-theme--font-size--heading--epsilon, 16px));--pfe-theme--font-weight--beta:var(--pfe-navigation--FontWeight, var(--pfe-theme--font-weight--light, 300));--pfe-theme--font-size--gamma:var(--pfe-navigation__trigger--FontSize, var(--pfe-theme--font-size--heading--epsilon, 16px));--pfe-theme--font-weight--gamma:var(--pfe-navigation--FontWeight, var(--pfe-theme--font-weight--light, 300));border-top:4px solid var(--pfe-navigation--BorderTopColor);border-top:var(--pfe-theme--surface--border-width--heavy,4px) var(--pfe-theme--surface--border-style,solid) var(--pfe-navigation--BorderTopColor);border-right:1px dashed var(--pfe-navigation--BorderColor);border-right:var(--pfe-theme--surface--border-width,1px) dashed var(--pfe-navigation--BorderColor);border-bottom:1px dashed var(--pfe-navigation--BorderColor);border-bottom:var(--pfe-theme--surface--border-width,1px) dashed var(--pfe-navigation--BorderColor);border-left:1px dashed var(--pfe-navigation--BorderColor);border-left:var(--pfe-theme--surface--border-width,1px) dashed var(--pfe-navigation--BorderColor);background-color:var(--pfe-navigation--BackgroundColor);color:var(--pfe-navigation--Color);padding:var(--pfe-navigation__trigger--Padding);position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all cubic-bezier(.465,.183,.153,.946);transition:all cubic-bezier(.465,.183,.153,.946);-webkit-transition:all var(--pfe-theme--animation-timing,cubic-bezier(.465,.183,.153,.946));transition:all var(--pfe-theme--animation-timing,cubic-bezier(.465,.183,.153,.946));outline:0;cursor:pointer}.pfe-navigation-item__trigger:hover{--pfe-navigation--BorderTopColor:var(--pfe-theme--color--surface--accent, #e00);--pfe-navigation__trigger-icon--Visible:visible}:host([variant=wind]) .pfe-navigation-item__trigger:hover{--pfe-navigation--Color:var(--pfe-theme--color--link--hover, #003366)}:host([has_tray]:not([pfe-icon]):not([is_nested]):not(.expanded)) .pfe-navigation-item__trigger:hover{--pfe-navigation__trigger-icon--Visible:visible;border-top-color:var(--pfe-navigation--Color)}@media screen and (min-width:1200px){:host([has_tray]:not(.expanded)) .pfe-navigation-item__trigger:hover{--pfe-navigation__trigger-icon--Visible:visible}}.pfe-navigation-item__trigger:focus{--pfe-navigation--BorderTopColor:var(--pfe-theme--color--surface--accent, #e00);--pfe-navigation--BorderColor:var(--pfe-theme--color--surface--lightest, #fff)}:host([variant=wind]) .pfe-navigation-item__trigger:focus{--pfe-navigation--Color:var(--pfe-theme--color--link--focus, #003366)}:host(:not([pfe-icon])) .pfe-navigation-item__trigger::after{display:block;content:" ";visibility:hidden;visibility:var(--pfe-navigation__trigger-icon--Visible,hidden);border-style:solid;border-style:var(--pfe-theme--surface--border-style,solid);border-width:6px 6px 0;border-color:transparent;border-top-color:#606060;border-top-color:var(--pfe-theme--color--feedback--default,#606060);-webkit-transform:rotate(0);transform:rotate(0);position:absolute;bottom:calc(16px / 2);bottom:calc(var(--pfe-theme--container-spacer,16px)/ 2)}:host([is_nested]:not([parent_hidden])) .pfe-navigation-item__trigger{--pfe-navigation--Color:var(--pfe-theme--color--text, #333);--pfe-broadcasted--text:var(--pfe-navigation__tray--Color);--pfe-broadcasted--link:var(--pfe-navigation__tray--Color);--pfe-broadcasted--link-decoration:var(--pfe-navigation__tray--Color);--pfe-navigation--BorderColor--accent:transparent;--pfe-navigation--BorderColor:var(--pfe-theme--color--surface--border, #d2d2d2);--pfe-navigation--BorderTopWidth:var(--pfe-theme--surface--border-width, 1px);--pfe-navigation--BorderRightWidth:0;--pfe-navigation--BorderBottomWidth:var(--pfe-theme--surface--border-width, 1px);--pfe-navigation--BorderLeftWidth:var(--pfe-theme--surface--border-width--heavy, 4px);--pfe-navigation--Color:var(--pfe-broadcasted--text, #333);--pfe-navigation--TextAlign:left;--pfe-navigation--base--Padding:var(--pfe-theme--container-spacer, 16px);--pfe-navigation--accent:var(--pfe-theme--color--ui-base, #0477a4);--pfe-navigation--BorderBottomWidth:0;--pfe-navigation--Trigger--padding:var(--pfe-navigation--base--Padding) 50px var(--pfe-navigation--base--Padding) calc(var(--pfe-navigation--base--Padding) * 1.5)!important;margin:0;width:100%;width:var(--pfe-navigation--Width,100%);max-width:100%;height:auto;position:relative;background-color:transparent;background-color:var(--pfe-navigation--BackgroundColor,transparent);color:var(--pfe-navigation--Color);border-top:1px solid #d2d2d2;border-top:var(--pfe-navigation--BorderTopWidth,var(--pfe-theme--surface--border-width,1px)) var(--pfe-theme--surface--border-style,solid) var(--pfe-navigation--BorderColor,var(--pfe-theme--color--surface--border,#d2d2d2));border-right:1px solid transparent;border-right:var(--pfe-navigation--BorderRightWidth,var(--pfe-theme--surface--border-width,1px)) var(--pfe-theme--surface--border-style,solid) var(--pfe-navigation--BorderColor,transparent);border-bottom:1px solid #d2d2d2;border-bottom:var(--pfe-navigation--BorderBottomWidth,var(--pfe-theme--surface--border-width,1px)) var(--pfe-theme--surface--border-style,solid) var(--pfe-navigation--BorderColor,var(--pfe-theme--color--surface--border,#d2d2d2));border-left:4px solid transparent;border-left:var(--pfe-navigation--BorderLeftWidth,var(--pfe-theme--surface--border-width--heavy,4px)) var(--pfe-theme--surface--border-style,solid) var(--pfe-navigation--BorderColor--accent,transparent);-webkit-box-shadow:var(--pfe-navigation--BoxShadow);box-shadow:var(--pfe-navigation--BoxShadow);cursor:pointer;z-index:1;font-family:inherit;font-size:calc(16px * 1.1);font-size:var(--pfe-navigation--FontSize--header,calc(var(--pfe-theme--font-size,16px) * 1.1));font-weight:700;font-weight:var(--pfe-theme--font-weight--bold,700);text-align:left;text-align:var(--pfe-navigation--TextAlign,left);line-height:1.5;line-height:var(--pfe-theme--line-height,1.5);padding:var(--pfe-navigation--Trigger--padding);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}:host([is_nested]:not([parent_hidden])) .pfe-navigation-item__trigger:hover{--pfe-navigation--BorderColor--accent:var(--pfe-navigation--accent)}:host([is_nested]:not([parent_hidden])) .pfe-navigation-item__trigger:hover{outline:0;z-index:2}:host([is_nested]:not([parent_hidden])) .pfe-navigation-item__trigger:focus{outline:0;z-index:2;text-decoration:underline}:host([is_nested]:not([parent_hidden])) .pfe-navigation-item__trigger::-moz-focus-inner{border:0}:host([is_nested].expanded:not([parent_hidden])) .pfe-navigation-item__trigger{--pfe-navigation--BorderColor:var(--pfe-theme--color--surface--border, #d2d2d2);--pfe-navigation--BorderRightWidth:var(--pfe-theme--surface--border-width, 1px);--pfe-navigation--BorderLeftWidth:var(--pfe-theme--surface--border-width--heavy, 4px);--pfe-navigation--BackgroundColor:white;--pfe-navigation--Color:var(--pfe-theme--color--text, #333);--pfe-navigation--BorderColor--accent:var(--pfe-theme--color--ui-base, #0477a4)}:host([is_nested][last]:not(.expanded):not([parent_hidden])) .pfe-navigation-item__trigger{--pfe-navigation--BorderBottomWidth:var(--pfe-theme--surface--border-width, 1px)}:host([is_nested]:not(.expanded):not([parent_hidden])) .pfe-navigation-item__trigger::after{content:"";position:absolute;top:calc(16px + 0px);top:calc(var(--pfe-theme--container-spacer,16px) + 0px);display:block;border-style:solid;border-style:var(--pfe-theme--surface--border-style,solid);height:.4em;width:.4em;-webkit-transition:-webkit-transform .15s;transition:-webkit-transform .15s;transition:transform .15s;transition:transform .15s,-webkit-transform .15s;border-width:0 .1em .1em 0;-webkit-transform:rotate(45deg);transform:rotate(45deg);right:calc(16px * 1.5);right:calc(var(--pfe-theme--container-spacer,16px) * 1.5)}:host([is_nested].expanded:not([parent_hidden])) .pfe-navigation-item__trigger::after{content:"";position:absolute;top:calc(16px + 4px);top:calc(var(--pfe-theme--container-spacer,16px) + 4px);display:block;border-style:solid;border-style:var(--pfe-theme--surface--border-style,solid);height:.4em;width:.4em;-webkit-transition:-webkit-transform .15s;transition:-webkit-transform .15s;transition:transform .15s;transition:transform .15s,-webkit-transform .15s;border-width:.1em .1em 0 0;border-bottom:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);top:calc(16px + 4px);top:calc(var(--pfe-theme--container-spacer,16px) + 4px);right:calc(16px * 1.5);right:calc(var(--pfe-theme--container-spacer,16px) * 1.5)}:host([is_nested]:not([parent_hidden])) .pfe-navigation-item__trigger::after{--pfe-navigation__trigger-icon--Visible:visible;border-color:var(--pfe-navigation--Color)}:host([is_nested]:not([has_tray]):not([parent_hidden])) .pfe-navigation-item__trigger::after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}:host([variant=wind]) .pfe-navigation-item__trigger{--pfe-navigation__trigger--Padding:calc(var(--pfe-theme--container-padding, 16px) / 2) 0 calc(var(--pfe-theme--container-padding, 16px) / 2) calc(var(--pfe-theme--container-spacer, 16px) * 1.5);--pfe-navigation--Color:var(--pfe-theme--color--link, #06c);--pfe-navigation--BackgroundColor:transparent!important;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;border:none}.pfe-navigation-item__trigger pfe-icon{--pfe-icon--Color:var(--pfe-navigation--Color)}:host([variant=wind]) .pfe-navigation-item__trigger pfe-icon{margin-bottom:0;margin-right:calc(16px / 2);margin-right:calc(var(--pfe-theme--container-spacer,16px)/ 2)}.pfe-navigation-item__trigger pfe-icon[icon=web-plus]{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}:host([pfe-icon]) ::slotted([slot=trigger]){margin:.25em 0 0 0!important;max-width:100px}::slotted(*){font-size:inherit!important;font-weight:300!important;font-weight:var(--pfe-navigation--FontWeight,var(--pfe-theme--font-weight--light,300))!important}.pfe-navigation-item__tray{--pfe-navigation--FontWeight:var(--pfe-theme--color--text, #333);--pfe-broadcasted--text:var(--pfe-theme--color--text, #333);--pfe-broadcasted--link:var(--pfe-theme--color--link, #06c);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover, #003366);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus, #003366);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited, rebeccapurple);--pfe-broadcasted--link-decoration:none;--pfe-broadcasted--link-decoration--hover:underline;--pfe-broadcasted--link-decoration--focus:underline;--pfe-broadcasted--link-decoration--visited:none;-webkit-transition:all cubic-bezier(.465,.183,.153,.946);transition:all cubic-bezier(.465,.183,.153,.946);-webkit-transition:all var(--pfe-theme--animation-timing,cubic-bezier(.465,.183,.153,.946));transition:all var(--pfe-theme--animation-timing,cubic-bezier(.465,.183,.153,.946));-webkit-box-sizing:border-box;box-sizing:border-box;display:none;visibility:hidden}.pfe-navigation-item__tray[aria-expanded=true]{display:block;visibility:visible}:host([show_links]:not([parent_hidden])) .pfe-navigation-item__tray{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;visibility:visible;width:100%;padding-right:40px}:host(:not([pfe-icon=web-mobile-menu]):not([is_nested])) .pfe-navigation-item__tray,:host([is_nested][parent_hidden]) .pfe-navigation-item__tray,:host([pfe-icon=web-mobile-menu]:not([show_links])) .pfe-navigation-item__tray{position:absolute;top:100%;left:0;background-color:var(--pfe-navigation__tray--BackgroundColor);color:var(--pfe-navigation__tray--Color);padding:var(--pfe-navigation__tray--Padding);width:100%;max-height:calc(100vh - var(--pfe-navigation--Height));overflow-x:hidden;overflow-y:scroll;padding-right:9px}:host([is_nested]:not([parent_hidden])) .pfe-navigation-item__tray{display:none;overflow:hidden;will-change:height;border-color:transparent;opacity:0;margin:0;width:100%;width:var(--pfe-navigation--Width,100%);max-width:100%;height:auto;position:relative;background-color:transparent;background-color:var(--pfe-navigation--BackgroundColor,transparent);color:var(--pfe-navigation--Color);border-top:1px solid #d2d2d2;border-top:var(--pfe-navigation--BorderTopWidth,var(--pfe-theme--surface--border-width,1px)) var(--pfe-theme--surface--border-style,solid) var(--pfe-navigation--BorderColor,var(--pfe-theme--color--surface--border,#d2d2d2));border-right:1px solid transparent;border-right:var(--pfe-navigation--BorderRightWidth,var(--pfe-theme--surface--border-width,1px)) var(--pfe-theme--surface--border-style,solid) var(--pfe-navigation--BorderColor,transparent);border-bottom:1px solid #d2d2d2;border-bottom:var(--pfe-navigation--BorderBottomWidth,var(--pfe-theme--surface--border-width,1px)) var(--pfe-theme--surface--border-style,solid) var(--pfe-navigation--BorderColor,var(--pfe-theme--color--surface--border,#d2d2d2));border-left:4px solid transparent;border-left:var(--pfe-navigation--BorderLeftWidth,var(--pfe-theme--surface--border-width--heavy,4px)) var(--pfe-theme--surface--border-style,solid) var(--pfe-navigation--BorderColor--accent,transparent);-webkit-box-shadow:var(--pfe-navigation--BoxShadow);box-shadow:var(--pfe-navigation--BoxShadow);--pfe-navigation--BoxShadow:none;padding:var(--pfe-navigation--panel-container--Padding);padding:calc(var(--pfe-navigation--Padding--vertical)/ 2) calc(var(--pfe-navigation--Padding--horizontal) * 1.75)}:host([is_nested]:not([parent_hidden])) .pfe-navigation-item__tray:hover{--pfe-navigation--BorderColor--accent:var(--pfe-navigation--accent)}:host([is_nested]:not([parent_hidden])) .pfe-navigation-item__tray *,:host([is_nested]:not([parent_hidden])) .pfe-navigation-item__tray ::after,:host([is_nested]:not([parent_hidden])) .pfe-navigation-item__tray ::before{-webkit-box-sizing:border-box;box-sizing:border-box}:host([is_nested].expanded:not([parent_hidden])) .pfe-navigation-item__tray{--pfe-navigation--BorderColor:var(--pfe-theme--color--surface--border, #d2d2d2);--pfe-navigation--BorderRightWidth:var(--pfe-theme--surface--border-width, 1px);--pfe-navigation--BorderLeftWidth:var(--pfe-theme--surface--border-width--heavy, 4px);--pfe-navigation--BackgroundColor:white;--pfe-navigation--Color:var(--pfe-theme--color--text, #333);--pfe-navigation--BorderColor--accent:var(--pfe-theme--color--ui-base, #0477a4);--pfe-navigation--BorderTopWidth:0;--pfe-navigation--BoxShadow:0 5px var(--pfe-theme--surface--border-width--heavy, 4px) rgba(140, 140, 140, 0.35);display:block;position:relative;opacity:1}::slotted([slot=tray]){display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}:host(:not(.expanded):not([show_links])) .pfe-navigation-item__tray,:host([hidden]) .pfe-navigation-item__tray,:host([hidden]) .pfe-navigation-item__trigger,:host([hidden]:not([show_tray])),:host([show_links])>.pfe-navigation-item__trigger{display:none;visibility:hidden}:host([show_links]) ::slotted([slot=tray][hidden]),:host([show_tray]){display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;visibility:visible;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}:host([is_nested]) ::slotted([slot=trigger]){text-align:left}:host([is_nested]) [slot=trigger]>a{color:#464646!important;color:var(--pfe-theme--color--ui-complement,#464646)!important}:host([pfe-icon=web-mobile-menu]){-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;-webkit-box-flex:0;-webkit-flex:0 1 99%;-ms-flex:0 1 99%;flex:0 1 99%}:host([is_nested][parent_hidden][pfe-full-width]) .pfe-navigation-item__tray{padding:var(--pfe-navigation__tray--Padding) 0 var(--pfe-navigation__tray--Padding) 0}\n/*# sourceMappingURL=pfe-navigation-item.min.css.map */\n\n'+(this.has_slot("tray")?'
                                                    \n \n
                                                    ':"")}},{key:"templateUrl",get:function(){return"pfe-navigation-item.html"}},{key:"styleUrl",get:function(){return"pfe-navigation-item.scss"}},{key:"schemaUrl",get:function(){return"pfe-navigation-item.json"}},{key:"hasIcon",get:function(){return this.hasAttribute("pfe-icon")}},{key:"iconName",get:function(){return this.getAttribute("pfe-icon")}},{key:"nested",get:function(){return this.hasAttribute("is_nested")},set:function(e){(e=Boolean(e))?this.setAttribute("is_nested",""):this.removeAttribute("is_nested")}},{key:"expanded",get:function(){return this.classList.contains("expanded")},set:function(e){(e=Boolean(e))?(this.classList.add("expanded"),"web-mobile-menu"===this.iconName&&this._icon&&this._icon.setAttribute("icon","web-plus"),this._trigger&&this._trigger.setAttribute("aria-expanded",!0),this.tray&&this.tray.removeAttribute("hidden"),this._tray&&this._tray.setAttribute("aria-expanded",!0)):(this.classList.remove("expanded"),"web-mobile-menu"===this.iconName&&this._icon&&this._icon.setAttribute("icon","web-mobile-menu"),this._trigger&&this._trigger.setAttribute("aria-expanded",!1),this.tray&&this.tray.setAttribute("hidden",""),this._tray&&this._tray.setAttribute("aria-expanded",!1))}},{key:"visible",get:function(){return!this.hasAttribute("hidden")},set:function(e){(e=Boolean(e))?this.removeAttribute("hidden"):this.setAttribute("hidden","")}}],[{key:"version",get:function(){return"1.0.0-prerelease.50"}},{key:"properties",get:function(){return{icon:{title:"Icon name",type:"string",prefixed:!0}}}},{key:"slots",get:function(){return{trigger:{title:"Navigation trigger",type:"array",namedSlot:!0,items:{title:"Item",oneOf:[{$ref:"raw"}]}},tray:{title:"Navigation tray",type:"array",namedSlot:!0,items:{title:"Item",oneOf:[{$ref:"raw"}]}}}}},{key:"tag",get:function(){return"pfe-navigation-item"}},{key:"PfeType",get:function(){return e.PfeTypes.Container}},{key:"observedAttributes",get:function(){return["pfe-icon","pfe-full-width"]}},{key:"cascadingAttributes",get:function(){return{"pfe-full-width":".pfe-navigation-item__tray"}}}]),a(f,[{key:"connectedCallback",value:function(){r(f.prototype.__proto__||Object.getPrototypeOf(f.prototype),"connectedCallback",this).call(this),this._init__trigger(),this._init__tray(),this.trigger&&this.trigger.addEventListener("slotchange",this._init__trigger),this.tray&&this.tray.addEventListener("slotchange",this._init__tray)}},{key:"disconnectedCallback",value:function(){this.trigger.removeEventListener("slotchange",this._init),this.tray?(this.tray.removeEventListener("slotchange",this._init),this.removeEventListener("keydown",this._keydownHandler),this.removeEventListener("keyup",this._exit),this._trigger.removeEventListener("click",this.toggle),this._trigger.removeEventListener("keyup",this._keyupHandler)):(this._trigger.removeEventListener("click",this._navigateToUrl),this._trigger.removeEventListener("keyup",this._directLinkHandler))}},{key:"_init__trigger",value:function(){if([].concat(d(this.children)).filter(function(e){return!e.hasAttribute("slot")}).map(function(e){return e.setAttribute("slot","trigger")}),this.trigger=this.querySelector('[slot="trigger"]'),this.trigger){if(this.directLink=this.trigger.querySelector("a"),!this.directLink&&"SLOT"===this.trigger.tagName){var e=this.trigger.assignedNodes();0:host{height:100%}::slotted(*){margin:0;padding:0;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap}:host([show_content]) ::slotted(*){-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}::slotted(ul){list-style-type:none}:host([show_content]) ::slotted(ul){display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap}\n/*# sourceMappingURL=pfe-navigation-main.min.css.map */\n"}},{key:"templateUrl",get:function(){return"pfe-navigation-main.html"}},{key:"styleUrl",get:function(){return"pfe-navigation-main.scss"}}],[{key:"version",get:function(){return"1.0.0-prerelease.50"}},{key:"tag",get:function(){return"pfe-navigation-main"}},{key:"PfeType",get:function(){return e.PfeTypes.Container}},{key:"observedAttributes",get:function(){return["show_content"]}}]),a(g,[{key:"connectedCallback",value:function(){r(g.prototype.__proto__||Object.getPrototypeOf(g.prototype),"connectedCallback",this).call(this),this._init(),this.addEventListener("slotchange",this._init)}},{key:"disconnectedCallback",value:function(){this.removeEventListener("slotchange",this._init)}},{key:"_init",value:function(){this.navItems=[].concat(d(this.querySelectorAll("pfe-navigation-item"))),this.first=0.pfe-navigation__skip{position:absolute;overflow:hidden;clip:rect(0,0,0,0);height:1px;width:1px;margin:-1px;padding:0;border:0}:host{--pfe-navigation--sm-mobile:500px;--pfe-navigation--lg-mobile:640px;--pfe-navigation--sm-desktop:1024px;--pfe-navigation--Padding--vertical:var(--pfe-theme--container-padding, 16px);--pfe-navigation--Padding--horizontal:var(--pfe-theme--container-padding, 16px);--pfe-navigation--Padding:0 var(--pfe-navigation--Padding--horizontal);--pfe-navigation--BackgroundColor:var(--pfe-theme--color--surface--darkest, #131313);--pfe-navigation--Color:var(--pfe-theme--color--text--on-dark, #fff);--pfe-navigation--BorderTopColor:transparent;--pfe-navigation--BorderColor:transparent;--pfe-navigation--Border:var(--pfe-theme--surface--border-width, 1px) var(--pfe-theme--surface--border-style, solid) var(--pfe-navigation--BorderColor);--pfe-navigation--MaxHeight:72px;--pfe-navigation--MobileMenuHeight:60px;--pfe-navigation--MaxWidth:calc(var(--pfe-theme--container-padding, 16px) * 4);--pfe-navigation--icon:none;--pfe-navigation__overlay--BackgroundColor:var(--pfe-theme--color--overlay, rgba(37, 37, 37, 0.5));--pfe-navigation__trigger--FontSize:16px;--pfe-navigation__trigger--FontWeight:100;--pfe-navigation__tray--Padding:var(--pfe-theme--container-padding, 16px);--pfe-navigation__logo--MinWidth:135px;display:block;--pfe-accordion__base--Padding:var(--pfe-theme--container-spacer, 16px);--pfe-accordion__panel-container--Padding:0 calc(var(--pfe-accordion__base--Padding) * 3) var(--pfe-accordion__base--Padding) calc(var(--pfe-accordion__base--Padding) * 1.5);z-index:0;z-index:var(--pfe-theme--zindex--content,0);width:100%}@media print{:host{--pfe-navigation--Padding:calc(var(--pfe-navigation--Padding--vertical) / 2) var(--pfe-navigation--Padding--horizontal)}}:host(.pfe-sticky){position:-webkit-sticky;position:sticky;top:0;left:0;z-index:98;z-index:var(--pfe-theme--zindex--navigation,98)}@media screen and (min-width:768px){:host([pfe-full-width]) .pfe-navigation__container{--pfe-navigation--Width:calc(100% - var(--pfe-navigation--Padding--horizontal) * 4)}}@media screen and (min-width:992px){:host([pfe-full-width]) .pfe-navigation__container{--pfe-navigation--Width:calc(100% - var(--pfe-navigation--Padding--horizontal) * 4)}}@media screen and (min-width:1200px){:host([pfe-full-width]) .pfe-navigation__container{--pfe-navigation--Width:calc(100% - var(--pfe-navigation--Padding--horizontal) * 8)}}pfe-icon{--pfe-icon--Color:var(--pfe-navigation--Color)}::slotted([slot=logo]){margin:0!important;max-width:100%;max-height:var(--pfe-navigation--MaxHeight);min-width:var(--pfe-navigation__logo--MinWidth);display:block}::slotted([slot=mobile-language]),::slotted([slot=mobile-login]){color:#06c;color:var(--pfe-broadcasted--link,#06c);text-decoration:none;-webkit-text-decoration:var(--pfe-broadcasted--link-decoration,none);text-decoration:var(--pfe-broadcasted--link-decoration,none)}::slotted([slot=mobile-menu--label]){font-family:var(--pfe-navigation--font-family);font-size:var(--pfe-navigation--FontSize);font-weight:var(--pfe-navigation--FontWeight);color:var(--pfe-navigation--Color);margin-bottom:0}.pfe-navigation__wrapper{--pfe-broadcasted--text:var(--pfe-theme--color--text--on-dark, #fff);--pfe-broadcasted--link:var(--pfe-theme--color--link--on-dark, #99ccff);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover--on-dark, #cce6ff);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus--on-dark, #cce6ff);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited--on-dark, #b38cd9);--pfe-broadcasted--link-decoration:none;--pfe-broadcasted--link-decoration--hover:underline;--pfe-broadcasted--link-decoration--focus:underline;--pfe-broadcasted--link-decoration--visited:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;z-index:98;z-index:var(--pfe-theme--zindex--navigation,98);background-color:var(--pfe-navigation--BackgroundColor);color:var(--pfe-navigation--Color);min-height:var(--pfe-navigation--MaxHeight)}@media only screen and (max-height:500px){.pfe-navigation__wrapper{min-height:var(--pfe-navigation--MobileMenuHeight)}}.pfe-navigation__container{width:100%;margin:0 auto;padding:0 var(--pfe-navigation--Padding--horizontal);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (min-width:768px){.pfe-navigation__container{padding:0;max-width:var(--pfe-navigation--Width)}}@media screen and (min-width:768px){.pfe-navigation__container{--pfe-navigation--Width:calc(768px - var(--pfe-navigation--MaxWidth))}}@media screen and (min-width:992px){.pfe-navigation__container{--pfe-navigation--Width:calc(992px - var(--pfe-navigation--MaxWidth))}}@media screen and (min-width:1200px){.pfe-navigation__container{--pfe-navigation--Width:calc(1200px - var(--pfe-navigation--MaxWidth))}}.pfe-navigation__overlay{display:block;background-color:var(--pfe-navigation__overlay--BackgroundColor);position:fixed;top:0;left:0;width:100%;height:100%;z-index:97;z-index:var(--pfe-theme--zindex--overlay,97)}.pfe-navigation__overlay[hidden]{display:none}.pfe-navigation__logo{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:155px;width:var(--pfe-navigation__logo--MinWidth,155px);-webkit-box-flex:0;-webkit-flex:0 0 var(--pfe-navigation__logo--MinWidth);-ms-flex:0 0 var(--pfe-navigation__logo--MinWidth);flex:0 0 var(--pfe-navigation__logo--MinWidth);padding-top:var(--pfe-navigation--Padding--vertical);padding-bottom:var(--pfe-navigation--Padding--vertical);padding-right:calc(16px + 9px);padding-right:calc(var(--pfe-theme--container-padding,16px) + 9px)}@media screen and (min-width:)){.pfe-navigation__logo{padding-right:calc(16px * 3);padding-right:calc(var(--pfe-theme--container-padding,16px) * 3)}}@media screen and (max-height:500px){.pfe-navigation__logo{padding-top:calc(var(--pfe-navigation--Padding--vertical)/2);padding-bottom:calc(var(--pfe-navigation--Padding--vertical)/2)}}@media screen and (min-width:640px){.pfe-navigation__logo{-webkit-box-flex:0;-webkit-flex:0 1 10%;-ms-flex:0 1 10%;flex:0 1 10%}}.pfe-navigation__logo>*{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){.pfe-navigation__logo{-webkit-box-flex:1;-webkit-flex:1 0 15%;-ms-flex:1 0 15%;flex:1 0 15%}}.pfe-navigation__skip{display:block;margin:0 -2em -1px -1px}.pfe-navigation__main{display:-ms-grid;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));height:100%;width:100%}.pfe-navigation__main--menu-label{color:var(--pfe-navigation--Color)}[show_login][show_language] .pfe-navigation__main,[show_search] .pfe-navigation__main{grid-gap:16px;grid-gap:var(--pfe-theme--container-spacer,16px)}.pfe-navigation__main ::slotted(:not([hidden])){display:block;grid-column:1/-1}.pfe-navigation__utility{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-flex:1;-webkit-flex:auto;-ms-flex:auto;flex:auto}@media screen and (min-width:1024px){.pfe-navigation__utility{-webkit-box-flex:1;-webkit-flex:auto;-ms-flex:auto;flex:auto;margin-left:auto}}\n/*# sourceMappingURL=pfe-navigation.min.css.map */\n
                                                    \n
                                                    \n '+(this.has_slot("logo")?'':"")+"\n "+(this.has_slot("skip")?'
                                                    \n \n
                                                    ':"")+'\n \n '+(this.hasAttribute("pfe-menu-label")?'

                                                    '+this.getAttribute("pfe-menu-label")+"

                                                    ":'')+'\n
                                                    \n
                                                    \n \n \n '+(this.has_slot("mobile-login")?'':"")+"\n "+(this.has_slot("mobile-language")?'':"")+"\n
                                                    \n
                                                    \n                                                     \n "+(this.has_slot("language")||this.has_slot("search")||this.has_slot("login")||this.has_slot("site-switcher")?'
                                                    \n \n \n \n \n
                                                    ':"")+'\n
                                                    \n
                                                    \n'}},{key:"templateUrl",get:function(){return"pfe-navigation.html"}},{key:"styleUrl",get:function(){return"pfe-navigation.scss"}},{key:"schemaUrl",get:function(){return"pfe-navigation.json"}},{key:"overlay",get:function(){return!this._overlay.hasAttribute("hidden")},set:function(e){e?(this._overlay.removeAttribute("hidden"),this._wrapper.setAttribute("expanded","")):(this._overlay.setAttribute("hidden",""),this._wrapper.removeAttribute("expanded"))}}],[{key:"version",get:function(){return"1.0.0-prerelease.50"}},{key:"properties",get:function(){return{sticky:{title:"Sticky navigation",type:"boolean",default:!0,prefixed:!0},"full-width":{title:"Full width navigation",type:"boolean",default:!1,prefixed:!0},"close-on-click":{title:"Close navigation on click event",type:"string",enum:["external"],default:"external",prefixed:!0},"menu-label":{title:"Mobile menu label",type:"string",default:"Menu",prefixed:!0}}}},{key:"slots",get:function(){return{skip:{title:"Skip navigation",type:"array",namedSlot:!0,items:{title:"Item",oneOf:[{$ref:"raw"}]}},logo:{title:"Logo",type:"array",namedSlot:!0,items:{title:"Item",oneOf:[{$ref:"raw"}]}},search:{title:"Search",type:"array",namedSlot:!0,items:{title:"Item",oneOf:[{$ref:"pfe-navigation-item"}]}},"mobile-search":{title:"Mobile search functionality",type:"array",namedSlot:!0,items:{title:"Item",oneOf:[{$ref:"raw"}]}},main:{title:"Main navigation",type:"array",namedSlot:!1,items:{title:"Item",oneOf:[{$ref:"nav"},{$ref:"raw"}]}},language:{title:"Language switcher",type:"array",namedSlot:!0,items:{title:"Item",oneOf:[{$ref:"pfe-navigation-item"}]}},"mobile-language":{title:"Mobile link to language page",type:"array",namedSlot:!0,items:{title:"Item",oneOf:[{$ref:"a"}]}},login:{title:"Log in",type:"array",namedSlot:!0,items:{title:"Item",oneOf:[{$ref:"pfe-navigation-item"}]}},"mobile-login":{title:"Mobile link to log in page",type:"array",namedSlot:!0,items:{title:"Item",oneOf:[{$ref:"a"}]}},"site-switcher":{title:"Site switcher",type:"array",namedSlot:!0,items:{title:"Item",oneOf:[{$ref:"pfe-navigation-item"}]}}}}},{key:"tag",get:function(){return"pfe-navigation"}},{key:"cascadingAttributes",get:function(){return{"pfe-full-width":"pfe-navigation-item"}}},{key:"observedAttributes",get:function(){return["pfe-full-width"]}}]),a(v,[{key:"connectedCallback",value:function(){var e=this;r(v.prototype.__proto__||Object.getPrototypeOf(v.prototype),"connectedCallback",this).call(this),Promise.all([customElements.whenDefined(p.tag),customElements.whenDefined(c.tag)]).then(function(){e.children.length?(e.breakpoints={main:[0,1023],search:[640],"mobile-search":[0,639],language:[640],"mobile-language":[0,639],login:[640],"mobile-login":[0,639]},e._init(),window.addEventListener("resize",e._resizeHandler)):console.error("This component does not have any light DOM children. Please check documentation for requirements."),e._observer.observe(e,{childList:!0})})}},{key:"disconnectedCallback",value:function(){window.removeEventListener("resize",this._resizeHandler),this.hasAttribute("pfe-close-on-click")&&"external"===this.getAttribute("pfe-close-on-click")&&document.removeEventListener("click",this._outsideListener),this.hasAttribute("pfe-sticky")&&"false"!=this.getAttribute("pfe-sticky")&&window.removeEventListener("scroll",this._stickyHandler),this._menuItem.shadowRoot.querySelector(".pfe-navigation-item__trigger").removeEventListener("click",this._menuItemClickHandler),this._overlay.removeEventListener("click",this._overlayClickHandler),this._observer.disconnect()}},{key:"_resizeHandler",value:function(e){var i=this;this._setVisibility(this.offsetWidth),this._activeNavigationItems.forEach(function(t){t.expanded&&!t.visible?(t.expanded=!1,i._activeNavigationItems=i._activeNavigationItems.filter(function(e){return e!==t})):t.expanded&&t.parent&&t.parent.visible&&t.parent===i._menuItem&&window.innerWidth<=i.breakpoints.main[1]&&(t.parent.expanded=!0,i._activeNavigationItems.includes(t.parent)||i._activeNavigationItems.push(t.parent))}),this.overlay=0=this.top?this.classList.add("pfe-sticky"):this.classList.remove("pfe-sticky")}},{key:"_outsideListener",value:function(e){var t=e.target===this,i=e.target.closest("pfe-navigation"),n=e.target.tagName.includes("-")?e.target.shadowRoot.querySelector("pfe-navigation"):null;t||i||n||this._activeNavigationItems.map(function(e){return e.close()})}},{key:"_setVisibility",value:function(o){var r=this;Object.keys(this.breakpoints).forEach(function(t){var e=r.breakpoints[t],i=e[0],n=e[1],a=!1;r.slots[t]&&r.slots[t].nodes&&0>> 0,\n res = new Array(len), // preallocate array\n t = this,\n c = 0,\n i = -1;\n\n var kValue;\n if (thisArg === undefined) {\n while (++i !== len) {\n // checks to see if the key was set\n if (i in this) {\n kValue = t[i]; // in case t is changed in callback\n if (func(t[i], i, t)) {\n res[c++] = kValue;\n }\n }\n }\n } else {\n while (++i !== len) {\n // checks to see if the key was set\n if (i in this) {\n kValue = t[i];\n if (func.call(thisArg, t[i], i, t)) {\n res[c++] = kValue;\n }\n }\n }\n }\n\n res.length = c; // shrink down array to proper size\n return res;\n };\n}\n\n// @POLYFILL Element.prototype.matches\n// https://developer.mozilla.org/en-US/docs/Web/API/Element/matches\nif (!Element.prototype.matches) {\n Element.prototype.matches =\n Element.prototype.msMatchesSelector ||\n Element.prototype.webkitMatchesSelector;\n}\n\n// @POLYFILL Element.prototype.closest\n// https://developer.mozilla.org/en-US/docs/Web/API/Element/closest\nif (!Element.prototype.closest) {\n Element.prototype.closest = function(s) {\n var el = this;\n\n do {\n if (el.matches(s)) return el;\n el = el.parentElement || el.parentNode;\n } while (el !== null && el.nodeType === 1);\n return null;\n };\n}\n\n// @POLYFILL Array.prototype.includes\n// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/includes\nif (!Array.prototype.includes) {\n Object.defineProperty(Array.prototype, \"includes\", {\n value: function(searchElement, fromIndex) {\n // 1. Let O be ? ToObject(this value).\n if (this == null) {\n throw new TypeError('\"this\" is null or not defined');\n }\n\n var o = Object(this);\n\n // 2. Let len be ? ToLength(? Get(O, \"length\")).\n var len = o.length >>> 0;\n\n // 3. If len is 0, return false.\n if (len === 0) {\n return false;\n }\n\n // 4. Let n be ? ToInteger(fromIndex).\n // (If fromIndex is undefined, this step produces the value 0.)\n var n = fromIndex | 0;\n\n // 5. If n ≥ 0, then\n // a. Let k be n.\n // 6. Else n < 0,\n // a. Let k be len + n.\n // b. If k < 0, let k be 0.\n var k = Math.max(n >= 0 ? n : len - Math.abs(n), 0);\n\n function sameValueZero(x, y) {\n return (\n x === y ||\n (typeof x === \"number\" &&\n typeof y === \"number\" &&\n isNaN(x) &&\n isNaN(y))\n );\n }\n\n // 7. Repeat, while k < len\n while (k < len) {\n // a. Let elementK be the result of ? Get(O, ! ToString(k)).\n // b. If SameValueZero(searchElement, elementK) is true, return true.\n // c. Increase k by 1.\n if (sameValueZero(o[k], searchElement)) {\n return true;\n }\n k++;\n }\n\n // 8. Return false\n return false;\n }\n });\n}\n\n// @POLYFILL Event.prototype.path\n// https://stackoverflow.com/questions/36845515/mouseevent-path-equivalent-in-firefox-safari\nif (!(\"path\" in Event.prototype)) {\n Object.defineProperty(Event.prototype, \"path\", {\n get: function() {\n var path = [];\n var currentElem = this.target;\n while (currentElem) {\n path.push(currentElem);\n currentElem = currentElem.parentElement;\n }\n if (path.indexOf(window) === -1 && path.indexOf(document) === -1)\n path.push(document);\n if (path.indexOf(window) === -1) path.push(window);\n return path;\n }\n });\n}\n","/*!\n * PatternFly Elements: PfeNavigation 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\nimport PFElement from \"../../pfelement/dist/pfelement.js\";\nimport PfeIcon from \"../../pfe-icon/dist/pfe-icon.js\";\n\nclass PfeNavigationItem extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return `
                                                    \n ${this.hasIcon ? `` : \"\"}\n \n
                                                    \n${ this.has_slot(\"tray\") ? `
                                                    \n \n
                                                    ` : \"\"}`;\n }\n\n static get properties() {\n return {\"icon\":{\"title\":\"Icon name\",\"type\":\"string\",\"prefixed\":true}};\n }\n\n static get slots() {\n return {\"trigger\":{\"title\":\"Navigation trigger\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"raw\"}]}},\"tray\":{\"title\":\"Navigation tray\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-navigation-item\";\n }\n\n get templateUrl() {\n return \"pfe-navigation-item.html\";\n }\n\n get styleUrl() {\n return \"pfe-navigation-item.scss\";\n }\n\n get schemaUrl() {\n return \"pfe-navigation-item.json\";\n }\n\n static get PfeType() {\n return PFElement.PfeTypes.Container;\n }\n\n static get observedAttributes() {\n return [\"pfe-icon\", \"pfe-full-width\"];\n }\n\n static get cascadingAttributes() {\n return {\n \"pfe-full-width\": \".pfe-navigation-item__tray\"\n };\n }\n\n get hasIcon() {\n return this.hasAttribute(\"pfe-icon\");\n }\n\n get iconName() {\n return this.getAttribute(\"pfe-icon\");\n }\n\n get nested() {\n return this.hasAttribute(\"is_nested\");\n }\n\n set nested(isNested) {\n isNested = Boolean(isNested);\n\n if (isNested) {\n this.setAttribute(\"is_nested\", \"\");\n } else {\n this.removeAttribute(\"is_nested\");\n }\n }\n\n get expanded() {\n return this.classList.contains(\"expanded\");\n }\n\n set expanded(isExpanded) {\n isExpanded = Boolean(isExpanded);\n\n if (isExpanded) {\n this.classList.add(\"expanded\");\n\n if (this.iconName === \"web-mobile-menu\") {\n if (this._icon) this._icon.setAttribute(\"icon\", \"web-plus\");\n }\n\n if (this._trigger) {\n this._trigger.setAttribute(\"aria-expanded\", true);\n }\n\n if (this.tray) {\n this.tray.removeAttribute(\"hidden\");\n }\n\n if (this._tray) {\n this._tray.setAttribute(\"aria-expanded\", true);\n }\n } else {\n this.classList.remove(\"expanded\");\n\n if (this.iconName === \"web-mobile-menu\") {\n if (this._icon) this._icon.setAttribute(\"icon\", \"web-mobile-menu\");\n }\n\n if (this._trigger) {\n this._trigger.setAttribute(\"aria-expanded\", false);\n }\n\n if (this.tray) {\n this.tray.setAttribute(\"hidden\", \"\");\n }\n\n if (this._tray) {\n this._tray.setAttribute(\"aria-expanded\", false);\n }\n }\n }\n\n get visible() {\n return !this.hasAttribute(\"hidden\");\n }\n\n set visible(isVisible) {\n isVisible = Boolean(isVisible);\n\n if (isVisible) {\n this.removeAttribute(\"hidden\");\n } else {\n this.setAttribute(\"hidden\", \"\");\n }\n }\n\n open(event) {\n if (event) event.preventDefault();\n\n // Close the other active item(s) unless it's this item's parent\n if (this.navigationWrapper) {\n this.navigationWrapper._activeNavigationItems = this.navigationWrapper._activeNavigationItems.filter(\n item => {\n let stayOpen = item === this.parent;\n if (!stayOpen) item.close();\n return stayOpen;\n }\n );\n\n // Open that item and add it to the active array\n this.navigationWrapper._activeNavigationItems.push(this);\n\n this.expanded = true;\n this.navigationWrapper.overlay = true;\n }\n\n // Dispatch the event\n this.dispatchEvent(\n new CustomEvent(`${this.tag}:open`, {\n detail: {},\n bubbles: true,\n composed: true\n })\n );\n }\n\n close(event) {\n if (event) event.preventDefault();\n\n // Close the children elements\n this.navigationWrapper._activeNavigationItems = this.navigationWrapper._activeNavigationItems.filter(\n item => {\n let close = this.nestedItems && this.nestedItems.includes(item);\n if (close) item.close();\n return !close && item !== this;\n }\n );\n\n this.expanded = false;\n\n // Clear the overlay\n this.navigationWrapper.overlay =\n this.navigationWrapper._activeNavigationItems.length > 0;\n\n this.focus();\n\n // Dispatch the event\n this.dispatchEvent(\n new CustomEvent(`${this.tag}:close`, {\n detail: {},\n bubbles: true,\n composed: true\n })\n );\n }\n\n toggle(event) {\n if (event) event.preventDefault();\n\n if (this.visible && !this.expanded) {\n this.open(event);\n } else {\n this.close(event);\n }\n }\n\n constructor() {\n super(PfeNavigationItem);\n\n this._handlersAdded = false;\n\n // States\n this.nested = false;\n this.expanded = false;\n\n // Objects\n this.trigger = null;\n this.tray = null;\n this.directLink = null;\n this.linkUrl = null;\n\n // Lists\n this.nestedItems = [];\n\n // Shadow elements\n this._trigger = this.shadowRoot.querySelector(`.${this.tag}__trigger`);\n this._icon = this.shadowRoot.querySelector(\"pfe-icon\");\n this._tray = this.shadowRoot.querySelector(`.${this.tag}__tray`);\n\n // Externally accessible events\n this.close = this.close.bind(this);\n this.open = this.open.bind(this);\n this.toggle = this.toggle.bind(this);\n\n // Initializers\n this._init__trigger = this._init__trigger.bind(this);\n this._init__tray = this._init__tray.bind(this);\n\n // Event handlers\n this._keydownHandler = this._keydownHandler.bind(this);\n this._keyupHandler = this._keyupHandler.bind(this);\n this._navigateToUrl = this._navigateToUrl.bind(this);\n this._directLinkHandler = this._directLinkHandler.bind(this);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this._init__trigger();\n this._init__tray();\n\n // Add a slotchange listeners to the lightDOM elements\n if (this.trigger)\n this.trigger.addEventListener(\"slotchange\", this._init__trigger);\n if (this.tray) this.tray.addEventListener(\"slotchange\", this._init__tray);\n }\n\n disconnectedCallback() {\n this.trigger.removeEventListener(\"slotchange\", this._init);\n\n if (this.tray) {\n this.tray.removeEventListener(\"slotchange\", this._init);\n\n this.removeEventListener(\"keydown\", this._keydownHandler);\n this.removeEventListener(\"keyup\", this._exit);\n\n this._trigger.removeEventListener(\"click\", this.toggle);\n this._trigger.removeEventListener(\"keyup\", this._keyupHandler);\n } else {\n this._trigger.removeEventListener(\"click\", this._navigateToUrl);\n this._trigger.removeEventListener(\"keyup\", this._directLinkHandler);\n }\n }\n\n _init__trigger() {\n // If no slots have been assigned, assign it to the trigger slot\n const unassigned = [...this.children].filter(\n child => !child.hasAttribute(\"slot\")\n );\n unassigned.map(item => item.setAttribute(\"slot\", \"trigger\"));\n\n // Get the LightDOM trigger & tray content\n this.trigger = this.querySelector(`[slot=\"trigger\"]`);\n\n // Check the light dom for the link\n if (this.trigger) {\n this.directLink = this.trigger.querySelector(\"a\");\n // Check the slotted content for the link if it can't be found\n if (!this.directLink && this.trigger.tagName === \"SLOT\") {\n let slottedContent = this.trigger.assignedNodes();\n if (slottedContent.length > 0 && slottedContent[0].tagName === \"A\") {\n this.directLink = slottedContent[0];\n }\n }\n\n // Turn off the fallback link if the tray does not exist\n if (this.directLink) {\n this.directLink.setAttribute(\"tabindex\", \"-1\");\n this.linkUrl = this.directLink.href;\n } else {\n this.linkUrl = \"#\";\n }\n\n this._trigger.addEventListener(\"click\", this._navigateToUrl);\n this._trigger.addEventListener(\"keyup\", this._directLinkHandler);\n }\n }\n\n _init__tray() {\n // Get the LightDOM trigger & tray content\n this.tray = this.querySelector(`[slot=\"tray\"]`);\n\n //-- Check for any nested navigation items\n // If a light DOM tray exists, check for descendents\n if (this.tray) {\n this.nestedItems = this.nestedItems.concat([\n ...this.tray.querySelectorAll(`${this.tag}`)\n ]);\n let array = [];\n\n // Search the tray for nested slots\n if (!window.ShadyCSS) {\n [...this.tray.querySelectorAll(\"slot\")].forEach(slot => {\n [...slot.assignedElements()].forEach(node => {\n array = array.concat([...node.querySelectorAll(`${this.tag}`)]);\n });\n });\n }\n\n this.nestedItems = this.nestedItems.concat(\n array.filter(el => {\n return !this.nestedItems.includes(el);\n })\n );\n\n this._init__handlers();\n }\n }\n\n _init__handlers() {\n this._trigger.removeEventListener(\"click\", this._navigateToUrl);\n this._trigger.removeEventListener(\"keyup\", this._directLinkHandler);\n\n if (this._handlersAdded) {\n return;\n }\n\n // Toggle the navigation when the trigger is clicked\n this._trigger.addEventListener(\"click\", this.toggle);\n\n // Attaching to the parent element allows the exit key to work inside the tray too\n this.addEventListener(\"keyup\", this._exit);\n this.addEventListener(\"keydown\", this._keydownHandler);\n\n this._trigger.addEventListener(\"keyup\", this._keyupHandler);\n this._handlersAdded = true;\n }\n\n _navigateToUrl(event) {\n event.preventDefault();\n window.location.href = this.linkUrl;\n }\n\n _directLinkHandler(event) {\n let key = event.key || event.keyCode;\n switch (key) {\n case \"Spacebar\":\n case \" \":\n case 32:\n case \"Enter\":\n case 13:\n this._navigateToUrl(event);\n break;\n default:\n return;\n }\n }\n\n _keydownHandler(event) {\n let key = event.key || event.keyCode;\n let clicked = event.path && event.path.length > 0 ? event.path[0] : this;\n\n switch (key) {\n case \"Spacebar\":\n case \" \":\n case 32:\n if (![\"INPUT\", \"TEXTAREA\", \"SELECT\"].includes(clicked.tagName)) {\n event.preventDefault();\n }\n break;\n }\n }\n\n _keyupHandler(event) {\n let key = event.key || event.keyCode;\n let clicked = event.path && event.path.length > 0 ? event.path[0] : this;\n\n switch (key) {\n case \"Spacebar\":\n case \" \":\n case 32:\n if (![\"INPUT\", \"TEXTAREA\", \"SELECT\"].includes(clicked.tagName)) {\n this.toggle(event);\n }\n break;\n case \"Enter\":\n case 13:\n if (![\"A\"].includes(clicked.tagName)) {\n this.toggle(event);\n }\n break;\n }\n }\n\n // Note: Escape will always exit the entire menu\n _exit(event) {\n let key = event.key || event.keyCode;\n switch (key) {\n case \"Esc\":\n case \"Escape\":\n case 27:\n this.close(event);\n break;\n }\n }\n}\n\nexport default PfeNavigationItem;\n","/*!\n * PatternFly Elements: PfeNavigation 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\nimport PFElement from \"../../pfelement/dist/pfelement.js\";\n\nclass PfeNavigationMain extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return ``;\n }\n static get tag() {\n return \"pfe-navigation-main\";\n }\n\n get templateUrl() {\n return \"pfe-navigation-main.html\";\n }\n\n get styleUrl() {\n return \"pfe-navigation-main.scss\";\n }\n\n static get PfeType() {\n return PFElement.PfeTypes.Container;\n }\n\n static get observedAttributes() {\n return [\"show_content\"];\n }\n\n constructor() {\n super(PfeNavigationMain);\n\n this._init = this._init.bind(this);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this._init();\n\n // Add a slotchange listener to the lightDOM trigger\n this.addEventListener(\"slotchange\", this._init);\n }\n\n disconnectedCallback() {\n this.removeEventListener(\"slotchange\", this._init);\n }\n\n _init() {\n // Get all the nested navigation items\n this.navItems = [...this.querySelectorAll(\"pfe-navigation-item\")];\n\n // Find the first nested element\n this.first = this.navItems.length > 0 ? this.navItems[0] : null;\n // Find the last nested element\n this.last = this.navItems[this.navItems.length - 1];\n\n // Ensure the necessary a11y is set\n this.setAttribute(\"role\", \"navigation\");\n this.setAttribute(\"aria-label\", \"Main\");\n\n // For each nested navigation item, tag it with context\n this.navItems.forEach(item => {\n item.nested = true;\n });\n\n // Tag the first and last navigation items for styling in mobile\n if (this.first) this.first.setAttribute(\"first\", \"\");\n if (this.last) this.last.setAttribute(\"last\", \"\");\n }\n}\n\nexport default PfeNavigationMain;\n","/*!\n * PatternFly Elements: PfeNavigation 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\n// -- @TODO Set icons to hide if they all fail to load, else set them to preserve space\n\n// Import polyfills: filter, matches, closest, includes, path\nimport \"./polyfills--pfe-navigation.js\";\n\nimport PFElement from \"../../pfelement/dist/pfelement.umd\";\nimport PfeNavigationItem from \"./pfe-navigation-item.js\";\nimport PfeNavigationMain from \"./pfe-navigation-main.js\";\n\nclass PfeNavigation extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return `
                                                    \n
                                                    \n ${ this.has_slot(\"logo\") ? `
                                                    \n \n
                                                    ` : \"\"}\n ${ this.has_slot(\"skip\") ? `
                                                    \n \n
                                                    ` : \"\"}\n \n ${this.hasAttribute(\"pfe-menu-label\") ? `

                                                    ${this.getAttribute(\"pfe-menu-label\")}

                                                    ` : ``}\n
                                                    \n
                                                    \n \n \n ${ this.has_slot(\"mobile-login\") ? `` : ``}\n ${ this.has_slot(\"mobile-language\") ? `` : ``}\n
                                                    \n
                                                    \n                                                     \n ${ this.has_slot(\"language\") || this.has_slot(\"search\") || this.has_slot(\"login\") || this.has_slot(\"site-switcher\") ? `
                                                    \n \n \n \n \n
                                                    ` : \"\"}\n
                                                    \n
                                                    \n`;\n }\n\n static get properties() {\n return {\"sticky\":{\"title\":\"Sticky navigation\",\"type\":\"boolean\",\"default\":true,\"prefixed\":true},\"full-width\":{\"title\":\"Full width navigation\",\"type\":\"boolean\",\"default\":false,\"prefixed\":true},\"close-on-click\":{\"title\":\"Close navigation on click event\",\"type\":\"string\",\"enum\":[\"external\"],\"default\":\"external\",\"prefixed\":true},\"menu-label\":{\"title\":\"Mobile menu label\",\"type\":\"string\",\"default\":\"Menu\",\"prefixed\":true}};\n }\n\n static get slots() {\n return {\"skip\":{\"title\":\"Skip navigation\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"raw\"}]}},\"logo\":{\"title\":\"Logo\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"raw\"}]}},\"search\":{\"title\":\"Search\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"pfe-navigation-item\"}]}},\"mobile-search\":{\"title\":\"Mobile search functionality\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"raw\"}]}},\"main\":{\"title\":\"Main navigation\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"nav\"},{\"$ref\":\"raw\"}]}},\"language\":{\"title\":\"Language switcher\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"pfe-navigation-item\"}]}},\"mobile-language\":{\"title\":\"Mobile link to language page\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"a\"}]}},\"login\":{\"title\":\"Log in\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"pfe-navigation-item\"}]}},\"mobile-login\":{\"title\":\"Mobile link to log in page\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"a\"}]}},\"site-switcher\":{\"title\":\"Site switcher\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"pfe-navigation-item\"}]}}};\n }\n static get tag() {\n return \"pfe-navigation\";\n }\n\n get templateUrl() {\n return \"pfe-navigation.html\";\n }\n\n get styleUrl() {\n return \"pfe-navigation.scss\";\n }\n\n get schemaUrl() {\n return \"pfe-navigation.json\";\n }\n\n get overlay() {\n return !this._overlay.hasAttribute(\"hidden\");\n }\n\n set overlay(state) {\n if (state) {\n // Add the overlay to the page\n this._overlay.removeAttribute(\"hidden\");\n\n // This prevents background scroll while nav is open\n // document.body.style.overflow = \"hidden\";\n\n this._wrapper.setAttribute(\"expanded\", \"\");\n } else {\n // Remove the overlay from the page\n this._overlay.setAttribute(\"hidden\", \"\");\n\n // Allow background to scroll again\n // document.body.style.overflow = \"auto\";\n\n this._wrapper.removeAttribute(\"expanded\");\n }\n }\n\n static get cascadingAttributes() {\n return {\n \"pfe-full-width\": \"pfe-navigation-item\"\n };\n }\n\n static get observedAttributes() {\n return [\"pfe-full-width\"];\n }\n\n constructor() {\n super(PfeNavigation);\n\n // Attach functions for use below\n this._init = this._init.bind(this);\n this._setVisibility = this._setVisibility.bind(this);\n\n // -- handlers\n this._resizeHandler = this._resizeHandler.bind(this);\n this._stickyHandler = this._stickyHandler.bind(this);\n this._outsideListener = this._outsideListener.bind(this);\n this._menuItemClickHandler = this._menuItemClickHandler.bind(this);\n this._overlayClickHandler = this._overlayClickHandler.bind(this);\n this._observer = new MutationObserver(this._init);\n\n // Capture shadow elements\n this._overlay = this.shadowRoot.querySelector(`.${this.tag}__overlay`);\n this._wrapper = this.shadowRoot.querySelector(`.${this.tag}__wrapper`);\n this._menuItem = this.shadowRoot.querySelector(\n `${PfeNavigationItem.tag}[pfe-icon=\"web-mobile-menu\"]`\n );\n\n this._slots = {\n language: this.shadowRoot.querySelector(\n `${PfeNavigationItem.tag}[pfe-icon=\"web-user\"]`\n ),\n login: this.shadowRoot.querySelector(\n `${PfeNavigationItem.tag}[pfe-icon=\"web-globe\"]`\n )\n };\n\n // Initialize active navigation item to empty array\n this._activeNavigationItems = [];\n this.overlay = false;\n\n // make sure we close all of the nav items and hide the overlay when\n // the mobile menu button is closed\n this._menuItem.shadowRoot\n .querySelector(\".pfe-navigation-item__trigger\")\n .addEventListener(\"click\", this._menuItemClickHandler);\n\n // make sure we close all of the nav items and hide the overlay\n // when it's clicked\n this._overlay.addEventListener(\"click\", this._overlayClickHandler);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n Promise.all([\n customElements.whenDefined(PfeNavigationItem.tag),\n customElements.whenDefined(PfeNavigationMain.tag)\n ]).then(() => {\n // If this element contains light DOM, initialize it\n if (this.children.length) {\n // If only one value exists in the array, it starts at that size and goes up\n this.breakpoints = {\n main: [0, 1023], // visible from 0 - 1200px\n search: [640], // visible from 768px +\n \"mobile-search\": [0, 639],\n language: [640],\n \"mobile-language\": [0, 639],\n login: [640],\n \"mobile-login\": [0, 639]\n };\n\n // Kick off the initialization of the light DOM elements\n this._init();\n\n // Watch for screen resizing\n window.addEventListener(\"resize\", this._resizeHandler);\n } else {\n console.error(\n \"This component does not have any light DOM children. Please check documentation for requirements.\"\n );\n }\n\n this._observer.observe(this, { childList: true });\n });\n }\n\n disconnectedCallback() {\n // Remove the scroll, resize, and outside click event listeners\n window.removeEventListener(\"resize\", this._resizeHandler);\n\n if (\n this.hasAttribute(\"pfe-close-on-click\") &&\n this.getAttribute(\"pfe-close-on-click\") === \"external\"\n ) {\n document.removeEventListener(\"click\", this._outsideListener);\n }\n\n if (\n this.hasAttribute(\"pfe-sticky\") &&\n this.getAttribute(\"pfe-sticky\") != \"false\"\n ) {\n window.removeEventListener(\"scroll\", this._stickyHandler);\n }\n\n this._menuItem.shadowRoot\n .querySelector(\".pfe-navigation-item__trigger\")\n .removeEventListener(\"click\", this._menuItemClickHandler);\n this._overlay.removeEventListener(\"click\", this._overlayClickHandler);\n\n this._observer.disconnect();\n }\n\n _resizeHandler(event) {\n // Set the visibility of items\n this._setVisibility(this.offsetWidth);\n\n // Check what the active item is\n this._activeNavigationItems.forEach(item => {\n // If the item is open but not visible, update it to hidden\n if (item.expanded && !item.visible) {\n item.expanded = false;\n this._activeNavigationItems = this._activeNavigationItems.filter(\n i => i !== item\n );\n } else if (item.expanded && item.parent && item.parent.visible) {\n // if the parent is the mobile menu item and the size of the window is within\n // the main breakpoint, make sure that the mobile menu is expanded\n if (\n item.parent === this._menuItem &&\n window.innerWidth <= this.breakpoints.main[1]\n ) {\n item.parent.expanded = true; // Ensure the parent is open\n // If the parent item doesn't exist in the active array, add it\n if (!this._activeNavigationItems.includes(item.parent)) {\n this._activeNavigationItems.push(item.parent);\n }\n }\n }\n });\n\n this.overlay = this._activeNavigationItems.length > 0;\n\n // update the reported height\n this._reportHeight();\n }\n\n _stickyHandler() {\n if (window.pageYOffset >= this.top) {\n this.classList.add(\"pfe-sticky\");\n } else {\n this.classList.remove(\"pfe-sticky\");\n }\n }\n\n _outsideListener(event) {\n // Check if the clicked element is the navigation object\n let isSelf = event.target === this;\n // Check if the clicked element contains or is contained by the navigation element\n let isChild = event.target.closest(\"pfe-navigation\");\n let insideWrapper = event.target.tagName.includes(\"-\")\n ? event.target.shadowRoot.querySelector(\"pfe-navigation\")\n : null;\n\n // Check states to determine if the navigation items should close\n if (!isSelf && !(isChild || insideWrapper)) {\n this._activeNavigationItems.map(item => item.close());\n }\n }\n\n _setVisibility(width) {\n Object.keys(this.breakpoints).forEach(label => {\n let bps = this.breakpoints[label];\n let start = bps[0];\n let end = bps[1];\n let isVisible = false;\n\n // If the slot exists, set attribute based on supported breakpoints\n if (\n this.slots[label] &&\n this.slots[label].nodes &&\n this.slots[label].nodes.length > 0\n ) {\n if (width >= start && (!end || (end && width <= end))) {\n isVisible = true;\n }\n\n this.slots[label].nodes.forEach(node => {\n switch (label) {\n case \"main\":\n if (isVisible) {\n node.removeAttribute(\"show_content\");\n this._menuItem.removeAttribute(\"show_links\");\n } else {\n node.setAttribute(\"show_content\", \"\");\n this._menuItem.setAttribute(\"show_links\", \"\");\n this._menuItem.expanded = false;\n this._menuItem.tray.removeAttribute(\"hidden\");\n // Remove menuItem from active items\n this._activeNavigationItems = this._activeNavigationItems.filter(\n item => item !== this._menuItem\n );\n }\n node.navItems.forEach(item => {\n if (isVisible) {\n item.removeAttribute(\"parent_hidden\");\n } else {\n item.setAttribute(\"parent_hidden\", \"\");\n }\n });\n break;\n case (label.match(/^mobile/) || {}).input:\n if (isVisible) {\n // Set an attribute to show this region (strip the mobile prefix)\n this._menuItem.setAttribute(`show_${label.slice(7)}`, \"\");\n if (this._slots[label.slice(7)])\n this._slots[label.slice(7)].removeAttribute(\"hidden\");\n node.removeAttribute(\"hidden\");\n } else {\n this._menuItem.removeAttribute(`show_${label.slice(7)}`);\n if (this._slots[label.slice(7)])\n this._slots[label.slice(7)].setAttribute(\"hidden\", \"\");\n node.setAttribute(\"hidden\", \"\");\n }\n break;\n default:\n node.visible = isVisible;\n break;\n }\n });\n }\n });\n }\n\n _init() {\n // @IE11 This is necessary so the script doesn't become non-responsive\n if (window.ShadyCSS) {\n this._observer.disconnect();\n }\n\n // Initial position of this element from the top of the screen\n this.top = this.getBoundingClientRect().top || 0;\n\n // Get all nav items contained in this element\n this.navItems = [...this.querySelectorAll(\"pfe-navigation-item\")];\n\n // Add the menu element to the list of navigation items\n // do this manually because menu item is in the shadow dom\n if (this._menuItem) this.navItems.push(this._menuItem);\n\n // Attach a reference to the navigation container to the children\n this.navItems.forEach(item => {\n item.navigationWrapper = this;\n });\n\n // Connect the shadow menu with the main component\n let mainNav = this.querySelector(\"pfe-navigation-main\");\n if (mainNav && mainNav.navItems) {\n mainNav.navItems.forEach(item => {\n item.parent = this._menuItem;\n });\n }\n\n // Start by setting the visibility of the slots\n this._setVisibility(this.offsetWidth);\n\n // If the nav is set to sticky, inject the height of the nav to the next element in the DOM\n if (\n this.hasAttribute(\"pfe-sticky\") &&\n this.getAttribute(\"pfe-sticky\") != \"false\"\n ) {\n // Run the sticky check on first page load\n this._stickyHandler();\n\n // Attach the scroll event to the window\n window.addEventListener(\"scroll\", this._stickyHandler);\n }\n\n // Listen for clicks outside the navigation element\n if (\n this.hasAttribute(\"pfe-close-on-click\") &&\n this.getAttribute(\"pfe-close-on-click\") === \"external\"\n ) {\n document.addEventListener(\"click\", this._outsideListener);\n }\n\n // report the height of this pfe-navigation element\n this._reportHeight();\n\n // @IE11 This is necessary so the script doesn't become non-responsive\n if (window.ShadyCSS) {\n setTimeout(() => {\n this._observer.observe(this, {\n childList: true,\n subtree: true,\n characterData: true\n });\n }, 0);\n }\n }\n\n _menuItemClickHandler(event) {\n if (event.currentTarget.getAttribute(\"aria-expanded\") === \"false\") {\n this._activeNavigationItems.map(item => item.close());\n this.overlay = false;\n }\n }\n\n _overlayClickHandler(event) {\n this._activeNavigationItems.map(item => item.close());\n this.overlay = false;\n }\n\n /**\n * Set a global CSS variable reporting the height of this navigation item.\n * Used to position sticky subnavigation items under this.\n *\n * The name of the global CSS variable is `--pfe-navigation--Height--actual`.\n */\n _reportHeight() {\n const cssVarName = `--${this.tag}--Height--actual`;\n const height = this.clientHeight + \"px\";\n document.body.style.setProperty(cssVarName, height);\n }\n}\n\nPFElement.create(PfeNavigationItem);\nPFElement.create(PfeNavigationMain);\nPFElement.create(PfeNavigation);\n\nexport default PfeNavigation;\n"],"names":["Array","prototype","filter","func","thisArg","this","TypeError","kValue","len","length","res","c","i","undefined","t","call","Element","matches","msMatchesSelector","webkitMatchesSelector","closest","s","el","parentElement","parentNode","nodeType","includes","defineProperty","searchElement","fromIndex","o","Object","x","y","n","k","Math","max","abs","isNaN","Event","path","currentElem","target","push","indexOf","window","document","PfeNavigationItem","PFElement","event","preventDefault","navigationWrapper","_activeNavigationItems","stayOpen","item","_this2","parent","close","expanded","overlay","dispatchEvent","CustomEvent","tag","_this3","nestedItems","focus","visible","open","hasIcon","iconName","has_slot","hasAttribute","getAttribute","isNested","Boolean","setAttribute","removeAttribute","classList","contains","isExpanded","add","_icon","_trigger","tray","_tray","remove","isVisible","icon","title","type","prefixed","trigger","namedSlot","items","oneOf","$ref","PfeTypes","Container","_init__trigger","_init__tray","addEventListener","removeEventListener","_init","_keydownHandler","_exit","toggle","_keyupHandler","_navigateToUrl","_directLinkHandler","children","child","map","querySelector","directLink","tagName","slottedContent","assignedNodes","linkUrl","href","concat","querySelectorAll","array","ShadyCSS","forEach","slot","assignedElements","node","_this4","_init__handlers","_handlersAdded","location","key","keyCode","clicked","nested","_this","shadowRoot","bind","PfeNavigationMain","navItems","first","last","PfeNavigation","_overlay","state","_wrapper","sticky","default","full-width","close-on-click","enum","menu-label","skip","logo","search","mobile-search","main","language","mobile-language","login","mobile-login","site-switcher","all","customElements","whenDefined","then","breakpoints","_resizeHandler","error","_observer","observe","childList","_outsideListener","_stickyHandler","_menuItem","_menuItemClickHandler","_overlayClickHandler","disconnect","_setVisibility","offsetWidth","innerWidth","_reportHeight","pageYOffset","top","isSelf","isChild","insideWrapper","width","keys","bps","label","start","end","slots","nodes","match","input","slice","_slots","getBoundingClientRect","_this5","mainNav","currentTarget","cssVarName","height","clientHeight","body","style","setProperty","MutationObserver","create"],"mappings":"4mBAEKA,MAAMC,UAAUC,eACbD,UAAUC,OAAS,SAASC,EAAMC,MAEf,mBAATD,GAAuC,mBAATA,IAAwBE,KAClE,MAAM,IAAIC,cAQRC,EANAC,EAAMH,KAAKI,SAAW,EACxBC,EAAM,IAAIV,MAAMQ,KACZH,KACJM,EAAI,EACJC,GAAK,UAGSC,IAAZT,SACOQ,GAAMJ,GAETI,KAAKP,SACES,EAAEF,GACPT,EAAKW,EAAEF,GAAIA,EAAGE,OACZH,KAAOJ,gBAKRK,GAAMJ,GAETI,KAAKP,SACES,EAAEF,GACPT,EAAKY,KAAKX,EAASU,EAAEF,GAAIA,EAAGE,OAC1BH,KAAOJ,aAMfE,OAASE,EACND,IAMNM,QAAQf,UAAUgB,kBACbhB,UAAUgB,QAChBD,QAAQf,UAAUiB,mBAClBF,QAAQf,UAAUkB,uBAKjBH,QAAQf,UAAUmB,kBACbnB,UAAUmB,QAAU,SAASC,OAC/BC,EAAKjB,OAEN,IACGiB,EAAGL,QAAQI,GAAI,OAAOC,IACrBA,EAAGC,eAAiBD,EAAGE,iBACd,OAAPF,GAA+B,IAAhBA,EAAGG,iBACpB,OAMNzB,MAAMC,UAAUyB,iBACZC,eAAe3B,MAAMC,UAAW,WAAY,OAC1C,SAAS2B,EAAeC,MAEjB,MAARxB,WACI,IAAIC,UAAU,qCAGlBwB,EAAIC,OAAO1B,MAGXG,EAAMsB,EAAErB,SAAW,KAGX,GAARD,SACK,MAccwB,EAAGC,EATtBC,EAAgB,EAAZL,EAOJM,EAAIC,KAAKC,IAAS,GAALH,EAASA,EAAI1B,EAAM4B,KAAKE,IAAIJ,GAAI,QAa1CC,EAAI3B,GAAK,KAXOwB,EAeHF,EAAEK,OAfIF,EAeAL,IAZR,iBAANI,GACO,iBAANC,GACPM,MAAMP,IACNO,MAAMN,UAUD,aAMJ,KAOP,SAAUO,MAAMvC,kBACb0B,eAAea,MAAMvC,UAAW,OAAQ,KACxC,mBACCwC,EAAO,GACPC,EAAcrC,KAAKsC,OAChBD,KACAE,KAAKF,KACIA,EAAYnB,qBAEE,IAA1BkB,EAAKI,QAAQC,UAA8C,IAA5BL,EAAKI,QAAQE,WAC9CN,EAAKG,KAAKG,WACkB,IAA1BN,EAAKI,QAAQC,SAAgBL,EAAKG,KAAKE,QACpCL,0pCC5GPO,OAA0BC,mCAwIzBC,cACCA,GAAOA,EAAMC,iBAGb9C,KAAK+C,yBACFA,kBAAkBC,uBAAyBhD,KAAK+C,kBAAkBC,uBAAuBnD,OAC5F,gBACMoD,EAAWC,IAASC,EAAKC,cACxBH,GAAUC,EAAKG,QACbJ,SAKNF,kBAAkBC,uBAAuBT,KAAKvC,WAE9CsD,UAAW,OACXP,kBAAkBQ,SAAU,QAI9BC,cACH,IAAIC,YAAezD,KAAK0D,YAAY,QAC1B,YACC,YACC,mCAKVb,cACAA,GAAOA,EAAMC,sBAGZC,kBAAkBC,uBAAyBhD,KAAK+C,kBAAkBC,uBAAuBnD,OAC5F,gBACMwD,EAAQM,EAAKC,aAAeD,EAAKC,YAAYvC,SAAS6B,UACtDG,GAAOH,EAAKG,SACRA,GAASH,IAASS,SAIzBL,UAAW,OAGXP,kBAAkBQ,QACkC,EAAvDvD,KAAK+C,kBAAkBC,uBAAuB5C,YAE3CyD,aAGAL,cACH,IAAIC,YAAezD,KAAK0D,aAAa,QAC3B,YACC,YACC,oCAKTb,GACDA,GAAOA,EAAMC,iBAEb9C,KAAK8D,UAAY9D,KAAKsD,cACnBS,KAAKlB,QAELQ,MAAMR,i5pBAjMX7C,KAAKgE,2BAA6BhE,KAAKiE,yBAA0B,oDAGpEjE,KAAKkE,SAAS,yFAEP,8CAeC,kEAIA,mEAIA,kEAkBAlE,KAAKmE,aAAa,oDAIlBnE,KAAKoE,aAAa,kDAIlBpE,KAAKmE,aAAa,2BAGhBE,MACEC,QAAQD,SAGZE,aAAa,YAAa,SAE1BC,gBAAgB,qDAKhBxE,KAAKyE,UAAUC,SAAS,0BAGpBC,MACEL,QAAQK,UAGdF,UAAUG,IAAI,YAEG,oBAAlB5E,KAAKiE,UACHjE,KAAK6E,OAAO7E,KAAK6E,MAAMN,aAAa,OAAQ,YAG9CvE,KAAK8E,eACFA,SAASP,aAAa,iBAAiB,GAG1CvE,KAAK+E,WACFA,KAAKP,gBAAgB,UAGxBxE,KAAKgF,YACFA,MAAMT,aAAa,iBAAiB,UAGtCE,UAAUQ,OAAO,YAEA,oBAAlBjF,KAAKiE,UACHjE,KAAK6E,OAAO7E,KAAK6E,MAAMN,aAAa,OAAQ,mBAG9CvE,KAAK8E,eACFA,SAASP,aAAa,iBAAiB,GAG1CvE,KAAK+E,WACFA,KAAKR,aAAa,SAAU,IAG/BvE,KAAKgF,YACFA,MAAMT,aAAa,iBAAiB,2CAMrCvE,KAAKmE,aAAa,wBAGhBe,MACEZ,QAAQY,SAGbV,gBAAgB,eAEhBD,aAAa,SAAU,4CAlIvB,+DAgBA,CAACY,KAAO,CAACC,MAAQ,YAAYC,KAAO,SAASC,UAAW,wCAIxD,CAACC,QAAU,CAACH,MAAQ,qBAAqBC,KAAO,QAAQG,WAAY,EAAKC,MAAQ,CAACL,MAAQ,OAAOM,MAAQ,CAAC,CAACC,KAAO,UAAUZ,KAAO,CAACK,MAAQ,kBAAkBC,KAAO,QAAQG,WAAY,EAAKC,MAAQ,CAACL,MAAQ,OAAOM,MAAQ,CAAC,CAACC,KAAO,6CAGvO,6DAgBA/C,EAAUgD,SAASC,2DAInB,CAAC,WAAY,oEAIb,kBACa,uLAsMfC,sBACAC,cAGD/F,KAAKuF,SACPvF,KAAKuF,QAAQS,iBAAiB,aAAchG,KAAK8F,gBAC/C9F,KAAK+E,MAAM/E,KAAK+E,KAAKiB,iBAAiB,aAAchG,KAAK+F,iEAIxDR,QAAQU,oBAAoB,aAAcjG,KAAKkG,OAEhDlG,KAAK+E,WACFA,KAAKkB,oBAAoB,aAAcjG,KAAKkG,YAE5CD,oBAAoB,UAAWjG,KAAKmG,sBACpCF,oBAAoB,QAASjG,KAAKoG,YAElCtB,SAASmB,oBAAoB,QAASjG,KAAKqG,aAC3CvB,SAASmB,oBAAoB,QAASjG,KAAKsG,sBAE3CxB,SAASmB,oBAAoB,QAASjG,KAAKuG,qBAC3CzB,SAASmB,oBAAoB,QAASjG,KAAKwG,iEAM/B,YAAIxG,KAAKyG,WAAU5G,OACpC,mBAAU6G,EAAMvC,aAAa,UAEpBwC,IAAI,mBAAQzD,EAAKqB,aAAa,OAAQ,kBAG5CgB,QAAUvF,KAAK4G,kCAGhB5G,KAAKuF,QAAS,SACXsB,WAAa7G,KAAKuF,QAAQqB,cAAc,MAExC5G,KAAK6G,YAAuC,SAAzB7G,KAAKuF,QAAQuB,QAAoB,KACnDC,EAAiB/G,KAAKuF,QAAQyB,gBACN,EAAxBD,EAAe3G,QAA4C,MAA9B2G,EAAe,GAAGD,eAC5CD,WAAaE,EAAe,IAKjC/G,KAAK6G,iBACFA,WAAWtC,aAAa,WAAY,WACpC0C,QAAUjH,KAAK6G,WAAWK,WAE1BD,QAAU,SAGZnC,SAASkB,iBAAiB,QAAShG,KAAKuG,qBACxCzB,SAASkB,iBAAiB,QAAShG,KAAKwG,8EAM1CzB,KAAO/E,KAAK4G,+BAIb5G,KAAK+E,KAAM,MACRnB,YAAc5D,KAAK4D,YAAYuD,mBAC/BnH,KAAK+E,KAAKqC,oBAAoBpH,KAAK0D,YAEpC2D,EAAQ,GAGP5E,OAAO6E,sBACNtH,KAAK+E,KAAKqC,iBAAiB,UAASG,QAAQ,wBAC1CC,EAAKC,qBAAoBF,QAAQ,cAC3BF,EAAMF,mBAAWO,EAAKN,oBAAoBO,EAAKjE,iBAKxDE,YAAc5D,KAAK4D,YAAYuD,OAClCE,EAAMxH,OAAO,mBACH8H,EAAK/D,YAAYvC,SAASJ,WAIjC2G,kEAKF9C,SAASmB,oBAAoB,QAASjG,KAAKuG,qBAC3CzB,SAASmB,oBAAoB,QAASjG,KAAKwG,oBAE5CxG,KAAK6H,sBAKJ/C,SAASkB,iBAAiB,QAAShG,KAAKqG,aAGxCL,iBAAiB,QAAShG,KAAKoG,YAC/BJ,iBAAiB,UAAWhG,KAAKmG,sBAEjCrB,SAASkB,iBAAiB,QAAShG,KAAKsG,oBACxCuB,gBAAiB,0CAGThF,KACPC,wBACCgF,SAASZ,KAAOlH,KAAKiH,mDAGXpE,UACPA,EAAMkF,KAAOlF,EAAMmF,aAEtB,eACA,SACA,OACA,aACA,QACEzB,eAAe1D,iEAOVA,OACVkF,EAAMlF,EAAMkF,KAAOlF,EAAMmF,QACzBC,EAAUpF,EAAMT,MAA4B,EAApBS,EAAMT,KAAKhC,OAAayC,EAAMT,KAAK,GAAKpC,YAE5D+H,OACD,eACA,SACA,GACE,CAAC,QAAS,WAAY,UAAU1G,SAAS4G,EAAQnB,YAC9ChE,wDAMAD,OACRkF,EAAMlF,EAAMkF,KAAOlF,EAAMmF,QACzBC,EAAUpF,EAAMT,MAA4B,EAApBS,EAAMT,KAAKhC,OAAayC,EAAMT,KAAK,GAAKpC,YAE5D+H,OACD,eACA,SACA,GACE,CAAC,QAAS,WAAY,UAAU1G,SAAS4G,EAAQnB,eAC/CT,OAAOxD,aAGX,aACA,GACE,CAAC,KAAKxB,SAAS4G,EAAQnB,eACrBT,OAAOxD,kCAOdA,UACMA,EAAMkF,KAAOlF,EAAMmF,aAEtB,UACA,cACA,QACE3E,MAAMR,iGAtNTF,aAEDkF,gBAAiB,IAGjBK,QAAS,IACT5E,UAAW,IAGXiC,QAAU,OACVR,KAAO,OACP8B,WAAa,OACbI,QAAU,OAGVrD,YAAc,KAGdkB,SAAWqD,EAAKC,WAAWxB,kBAAkBuB,EAAKzE,mBAClDmB,MAAQsD,EAAKC,WAAWxB,cAAc,cACtC5B,MAAQmD,EAAKC,WAAWxB,kBAAkBuB,EAAKzE,gBAG/CL,MAAQ8E,EAAK9E,MAAMgF,UACnBtE,KAAOoE,EAAKpE,KAAKsE,UACjBhC,OAAS8B,EAAK9B,OAAOgC,UAGrBvC,eAAiBqC,EAAKrC,eAAeuC,UACrCtC,YAAcoC,EAAKpC,YAAYsC,UAG/BlC,gBAAkBgC,EAAKhC,gBAAgBkC,UACvC/B,cAAgB6B,EAAK7B,cAAc+B,UACnC9B,eAAiB4B,EAAK5B,eAAe8B,UACrC7B,mBAAqB2B,EAAK3B,mBAAmB6B,cCnPhDC,OAA0B1F,7h+DAerB,kEAIA,mEAjBA,wDASA,6DAYAA,EAAUgD,SAASC,2DAInB,CAAC,yKAYHK,aAGAF,iBAAiB,aAAchG,KAAKkG,2DAIpCD,oBAAoB,aAAcjG,KAAKkG,4CAKvCqC,qBAAevI,KAAKoH,iBAAiB,8BAGrCoB,MAA+B,EAAvBxI,KAAKuI,SAASnI,OAAaJ,KAAKuI,SAAS,GAAK,UAEtDE,KAAOzI,KAAKuI,SAASvI,KAAKuI,SAASnI,OAAS,QAG5CmE,aAAa,OAAQ,mBACrBA,aAAa,aAAc,aAG3BgE,SAAShB,QAAQ,cACfW,QAAS,IAIZlI,KAAKwI,OAAOxI,KAAKwI,MAAMjE,aAAa,QAAS,IAC7CvE,KAAKyI,MAAMzI,KAAKyI,KAAKlE,aAAa,OAAQ,iGAtCxC+D,aAEDpC,MAAQiC,EAAKjC,MAAMmC,cC1BtBK,OAAsB9F,6zQAUrB5C,KAAKkE,SAAS,uGAEP,cACPlE,KAAKkE,SAAS,uGAEP,sEAENlE,KAAKmE,aAAa,iFAAmFnE,KAAKoE,aAAa,sNAKlHpE,KAAKkE,SAAS,uLAGdlE,KAAKkE,SAAS,kPAMpBlE,KAAKkE,SAAS,aAAelE,KAAKkE,SAAS,WAAalE,KAAKkE,SAAS,UAAYlE,KAAKkE,SAAS,yNAKzF,uHAkBH,6DAIA,8DAIA,6DAIClE,KAAK2I,SAASxE,aAAa,wBAGzByE,GACNA,QAEGD,SAASnE,gBAAgB,eAKzBqE,SAAStE,aAAa,WAAY,WAGlCoE,SAASpE,aAAa,SAAU,SAKhCsE,SAASrE,gBAAgB,qDAnFzB,+DAyCA,CAACsE,OAAS,CAAC1D,MAAQ,oBAAoBC,KAAO,UAAU0D,SAAU,EAAKzD,UAAW,GAAM0D,aAAa,CAAC5D,MAAQ,wBAAwBC,KAAO,UAAU0D,SAAU,EAAMzD,UAAW,GAAM2D,iBAAiB,CAAC7D,MAAQ,kCAAkCC,KAAO,SAAS6D,KAAO,CAAC,YAAYH,QAAU,WAAWzD,UAAW,GAAM6D,aAAa,CAAC/D,MAAQ,oBAAoBC,KAAO,SAAS0D,QAAU,OAAOzD,UAAW,wCAIpZ,CAAC8D,KAAO,CAAChE,MAAQ,kBAAkBC,KAAO,QAAQG,WAAY,EAAKC,MAAQ,CAACL,MAAQ,OAAOM,MAAQ,CAAC,CAACC,KAAO,UAAU0D,KAAO,CAACjE,MAAQ,OAAOC,KAAO,QAAQG,WAAY,EAAKC,MAAQ,CAACL,MAAQ,OAAOM,MAAQ,CAAC,CAACC,KAAO,UAAU2D,OAAS,CAAClE,MAAQ,SAASC,KAAO,QAAQG,WAAY,EAAKC,MAAQ,CAACL,MAAQ,OAAOM,MAAQ,CAAC,CAACC,KAAO,0BAA0B4D,gBAAgB,CAACnE,MAAQ,8BAA8BC,KAAO,QAAQG,WAAY,EAAKC,MAAQ,CAACL,MAAQ,OAAOM,MAAQ,CAAC,CAACC,KAAO,UAAU6D,KAAO,CAACpE,MAAQ,kBAAkBC,KAAO,QAAQG,WAAY,EAAMC,MAAQ,CAACL,MAAQ,OAAOM,MAAQ,CAAC,CAACC,KAAO,OAAO,CAACA,KAAO,UAAU8D,SAAW,CAACrE,MAAQ,oBAAoBC,KAAO,QAAQG,WAAY,EAAKC,MAAQ,CAACL,MAAQ,OAAOM,MAAQ,CAAC,CAACC,KAAO,0BAA0B+D,kBAAkB,CAACtE,MAAQ,+BAA+BC,KAAO,QAAQG,WAAY,EAAKC,MAAQ,CAACL,MAAQ,OAAOM,MAAQ,CAAC,CAACC,KAAO,QAAQgE,MAAQ,CAACvE,MAAQ,SAASC,KAAO,QAAQG,WAAY,EAAKC,MAAQ,CAACL,MAAQ,OAAOM,MAAQ,CAAC,CAACC,KAAO,0BAA0BiE,eAAe,CAACxE,MAAQ,6BAA6BC,KAAO,QAAQG,WAAY,EAAKC,MAAQ,CAACL,MAAQ,OAAOM,MAAQ,CAAC,CAACC,KAAO,QAAQkE,gBAAgB,CAACzE,MAAQ,gBAAgBC,KAAO,QAAQG,WAAY,EAAKC,MAAQ,CAACL,MAAQ,OAAOM,MAAQ,CAAC,CAACC,KAAO,6DAGxvC,mEAwCA,kBACa,wEAKb,CAAC,yLAoDAmE,IAAI,CACVC,eAAeC,YAAYrH,EAAkBe,KAC7CqG,eAAeC,YAAY1B,EAAkB5E,OAC5CuG,KAAK,WAEF9G,EAAKsD,SAASrG,UAEX8J,YAAc,MACX,CAAC,EAAG,aACF,CAAC,qBACQ,CAAC,EAAG,cACX,CAAC,uBACQ,CAAC,EAAG,WAChB,CAAC,oBACQ,CAAC,EAAG,QAIjBhE,eAGEF,iBAAiB,SAAU7C,EAAKgH,yBAE/BC,MACN,wGAICC,UAAUC,QAAQnH,EAAM,CAAEoH,WAAW,4DAMrCtE,oBAAoB,SAAUjG,KAAKmK,gBAGxCnK,KAAKmE,aAAa,uBAC0B,aAA5CnE,KAAKoE,aAAa,gCAET6B,oBAAoB,QAASjG,KAAKwK,kBAI3CxK,KAAKmE,aAAa,eACiB,SAAnCnE,KAAKoE,aAAa,sBAEX6B,oBAAoB,SAAUjG,KAAKyK,qBAGvCC,UAAUtC,WACZxB,cAAc,iCACdX,oBAAoB,QAASjG,KAAK2K,4BAChChC,SAAS1C,oBAAoB,QAASjG,KAAK4K,2BAE3CP,UAAUQ,oDAGFhI,mBAERiI,eAAe9K,KAAK+K,kBAGpB/H,uBAAuBuE,QAAQ,YAE9BrE,EAAKI,WAAaJ,EAAKY,WACpBR,UAAW,IACXN,uBAAyBW,EAAKX,uBAAuBnD,OACxD,mBAAKU,IAAM2C,KAEJA,EAAKI,UAAYJ,EAAKE,QAAUF,EAAKE,OAAOU,SAInDZ,EAAKE,SAAWO,EAAK+G,WACrBjI,OAAOuI,YAAcrH,EAAKuG,YAAYV,KAAK,OAEtCpG,OAAOE,UAAW,EAElBK,EAAKX,uBAAuB3B,SAAS6B,EAAKE,WACxCJ,uBAAuBT,KAAKW,EAAKE,gBAMzCG,QAA+C,EAArCvD,KAAKgD,uBAAuB5C,YAGtC6K,yDAIDxI,OAAOyI,aAAelL,KAAKmL,SACxB1G,UAAUG,IAAI,mBAEdH,UAAUQ,OAAO,uDAITpC,OAEXuI,EAASvI,EAAMP,SAAWtC,KAE1BqL,EAAUxI,EAAMP,OAAOvB,QAAQ,kBAC/BuK,EAAgBzI,EAAMP,OAAOwE,QAAQzF,SAAS,KAC9CwB,EAAMP,OAAO8F,WAAWxB,cAAc,kBACtC,KAGCwE,GAAYC,GAAWC,QACrBtI,uBAAuB2D,IAAI,mBAAQzD,EAAKG,iDAIlCkI,qBACNC,KAAKxL,KAAKkK,aAAa3C,QAAQ,gBAChCkE,EAAM9D,EAAKuC,YAAYwB,GACvBC,EAAQF,EAAI,GACZG,EAAMH,EAAI,GACVvG,GAAY,EAIdyC,EAAKkE,MAAMH,IACX/D,EAAKkE,MAAMH,GAAOI,OACe,EAAjCnE,EAAKkE,MAAMH,GAAOI,MAAM1L,SAEXuL,GAATJ,KAAoBK,GAAQA,GAAOL,GAASK,QAClC,KAGTC,MAAMH,GAAOI,MAAMvE,QAAQ,mBACtBmE,OACD,OACCxG,KACGV,gBAAgB,kBAChBkG,UAAUlG,gBAAgB,kBAE1BD,aAAa,eAAgB,MAC7BmG,UAAUnG,aAAa,aAAc,MACrCmG,UAAUpH,UAAW,IACrBoH,UAAU3F,KAAKP,gBAAgB,YAE/BxB,uBAAyB2E,EAAK3E,uBAAuBnD,OACxD,mBAAQqD,IAASyE,EAAK+C,eAGrBnC,SAAShB,QAAQ,YAChBrC,IACGV,gBAAgB,mBAEhBD,aAAa,gBAAiB,iBAInCmH,EAAMK,MAAM,YAAc,IAAIC,MAC9B9G,KAEGwF,UAAUnG,qBAAqBmH,EAAMO,MAAM,GAAM,IAClDtE,EAAKuE,OAAOR,EAAMO,MAAM,KAC1BtE,EAAKuE,OAAOR,EAAMO,MAAM,IAAIzH,gBAAgB,YACzCA,gBAAgB,cAEhBkG,UAAUlG,wBAAwBkH,EAAMO,MAAM,IAC/CtE,EAAKuE,OAAOR,EAAMO,MAAM,KAC1BtE,EAAKuE,OAAOR,EAAMO,MAAM,IAAI1H,aAAa,SAAU,MAChDA,aAAa,SAAU,qBAIzBT,QAAUoB,mDAUrBzC,OAAO6E,eACJ+C,UAAUQ,kBAIZM,IAAMnL,KAAKmM,wBAAwBhB,KAAO,OAG1C5C,qBAAevI,KAAKoH,iBAAiB,yBAItCpH,KAAK0K,WAAW1K,KAAKuI,SAAShG,KAAKvC,KAAK0K,gBAGvCnC,SAAShB,QAAQ,cACfxE,kBAAoBqJ,QAIvBC,EAAUrM,KAAK4G,cAAc,uBAC7ByF,GAAWA,EAAQ9D,YACbA,SAAShB,QAAQ,cAClBnE,OAASgJ,EAAK1B,iBAKlBI,eAAe9K,KAAK+K,aAIvB/K,KAAKmE,aAAa,eACiB,SAAnCnE,KAAKoE,aAAa,qBAGbqG,wBAGEzE,iBAAiB,SAAUhG,KAAKyK,iBAKvCzK,KAAKmE,aAAa,uBAC0B,aAA5CnE,KAAKoE,aAAa,gCAET4B,iBAAiB,QAAShG,KAAKwK,uBAIrCS,gBAGDxI,OAAO6E,qBACE,aACJ+C,UAAUC,QAAQ8B,EAAM,YAChB,WACF,iBACM,KAEhB,iDAIevJ,GACsC,UAAtDA,EAAMyJ,cAAclI,aAAa,wBAC9BpB,uBAAuB2D,IAAI,mBAAQzD,EAAKG,eACxCE,SAAU,gDAIEV,QACdG,uBAAuB2D,IAAI,mBAAQzD,EAAKG,eACxCE,SAAU,8CAUTgJ,OAAkBvM,KAAK0D,uBACvB8I,EAASxM,KAAKyM,aAAe,cAC1BC,KAAKC,MAAMC,YAAYL,EAAYC,gGA3TtC9D,aAGDxC,MAAQiC,EAAKjC,MAAMmC,UACnByC,eAAiB3C,EAAK2C,eAAezC,UAGrC8B,eAAiBhC,EAAKgC,eAAe9B,UACrCoC,eAAiBtC,EAAKsC,eAAepC,UACrCmC,iBAAmBrC,EAAKqC,iBAAiBnC,UACzCsC,sBAAwBxC,EAAKwC,sBAAsBtC,UACnDuC,qBAAuBzC,EAAKyC,qBAAqBvC,UACjDgC,UAAY,IAAIwC,iBAAiB1E,EAAKjC,SAGtCyC,SAAWR,EAAKC,WAAWxB,kBAAkBuB,EAAKzE,mBAClDmF,SAAWV,EAAKC,WAAWxB,kBAAkBuB,EAAKzE,mBAClDgH,UAAYvC,EAAKC,WAAWxB,cAC5BjE,EAAkBe,sCAGlBwI,OAAS,UACF/D,EAAKC,WAAWxB,cACrBjE,EAAkBe,mCAEhByE,EAAKC,WAAWxB,cAClBjE,EAAkBe,iCAKpBV,uBAAyB,KACzBO,SAAU,IAIVmH,UAAUtC,WACZxB,cAAc,iCACdZ,iBAAiB,QAASmC,EAAKwC,yBAI7BhC,SAAS3C,iBAAiB,QAASmC,EAAKyC,iCAqRvCkC,OAAOnK,KACPmK,OAAOxE,KACPwE,OAAOpE"} \ No newline at end of file diff --git a/elements/pfe-navigation/package-lock.json b/elements/pfe-navigation/package-lock.json index 13155f5f28..d68536ccac 100644 --- a/elements/pfe-navigation/package-lock.json +++ b/elements/pfe-navigation/package-lock.json @@ -1,6 +1,6 @@ { "name": "@patternfly/pfe-navigation", - "version": "1.0.0-prerelease.49", + "version": "1.0.0-prerelease.50", "lockfileVersion": 1, "requires": true, "dependencies": { diff --git a/elements/pfe-navigation/package.json b/elements/pfe-navigation/package.json index 7507c6e352..e916cc4fa4 100644 --- a/elements/pfe-navigation/package.json +++ b/elements/pfe-navigation/package.json @@ -10,7 +10,7 @@ "pfe-navigation--noscript.*css.map" ] }, - "version": "1.0.0-prerelease.49", + "version": "1.0.0-prerelease.50", "publishConfig": { "access": "public" }, @@ -50,9 +50,9 @@ ], "license": "MIT", "dependencies": { - "@patternfly/pfe-icon": "^1.0.0-prerelease.49", - "@patternfly/pfe-sass": "^1.0.0-prerelease.49", - "@patternfly/pfelement": "^1.0.0-prerelease.49" + "@patternfly/pfe-icon": "^1.0.0-prerelease.50", + "@patternfly/pfe-sass": "^1.0.0-prerelease.50", + "@patternfly/pfelement": "^1.0.0-prerelease.50" }, "generator-pfelement-version": "1.1.0" } diff --git a/elements/pfe-number/dist/pfe-number.js b/elements/pfe-number/dist/pfe-number.js new file mode 100644 index 0000000000..e288421922 --- /dev/null +++ b/elements/pfe-number/dist/pfe-number.js @@ -0,0 +1,1151 @@ +import PFElement from '../../pfelement/dist/pfelement.js'; + +// @POLYFILL isNaN, non-mutating polyfill for IE11 + +var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {}; + +function createCommonjsModule(fn, module) { + return module = { exports: {} }, fn(module, module.exports), module.exports; +} + +var numeral = createCommonjsModule(function (module) { +/*! @preserve + * numeral.js + * version : 2.0.6 + * author : Adam Draper + * license : MIT + * http://adamwdraper.github.com/Numeral-js/ + */ + +(function (global, factory) { + if (module.exports) { + module.exports = factory(); + } else { + global.numeral = factory(); + } +}(commonjsGlobal, function () { + /************************************ + Variables + ************************************/ + + var numeral, + _, + VERSION = '2.0.6', + formats = {}, + locales = {}, + defaults = { + currentLocale: 'en', + zeroFormat: null, + nullFormat: null, + defaultFormat: '0,0', + scalePercentBy100: true + }, + options = { + currentLocale: defaults.currentLocale, + zeroFormat: defaults.zeroFormat, + nullFormat: defaults.nullFormat, + defaultFormat: defaults.defaultFormat, + scalePercentBy100: defaults.scalePercentBy100 + }; + + + /************************************ + Constructors + ************************************/ + + // Numeral prototype object + function Numeral(input, number) { + this._input = input; + + this._value = number; + } + + numeral = function(input) { + var value, + kind, + unformatFunction, + regexp; + + if (numeral.isNumeral(input)) { + value = input.value(); + } else if (input === 0 || typeof input === 'undefined') { + value = 0; + } else if (input === null || _.isNaN(input)) { + value = null; + } else if (typeof input === 'string') { + if (options.zeroFormat && input === options.zeroFormat) { + value = 0; + } else if (options.nullFormat && input === options.nullFormat || !input.replace(/[^0-9]+/g, '').length) { + value = null; + } else { + for (kind in formats) { + regexp = typeof formats[kind].regexps.unformat === 'function' ? formats[kind].regexps.unformat() : formats[kind].regexps.unformat; + + if (regexp && input.match(regexp)) { + unformatFunction = formats[kind].unformat; + + break; + } + } + + unformatFunction = unformatFunction || numeral._.stringToNumber; + + value = unformatFunction(input); + } + } else { + value = Number(input)|| null; + } + + return new Numeral(input, value); + }; + + // version number + numeral.version = VERSION; + + // compare numeral object + numeral.isNumeral = function(obj) { + return obj instanceof Numeral; + }; + + // helper functions + numeral._ = _ = { + // formats numbers separators, decimals places, signs, abbreviations + numberToFormat: function(value, format, roundingFunction) { + var locale = locales[numeral.options.currentLocale], + negP = false, + optDec = false, + leadingCount = 0, + abbr = '', + trillion = 1000000000000, + billion = 1000000000, + million = 1000000, + thousand = 1000, + decimal = '', + neg = false, + abbrForce, // force abbreviation + abs, + int, + precision, + signed, + thousands, + output; + + // make sure we never format a null value + value = value || 0; + + abs = Math.abs(value); + + // see if we should use parentheses for negative number or if we should prefix with a sign + // if both are present we default to parentheses + if (numeral._.includes(format, '(')) { + negP = true; + format = format.replace(/[\(|\)]/g, ''); + } else if (numeral._.includes(format, '+') || numeral._.includes(format, '-')) { + signed = numeral._.includes(format, '+') ? format.indexOf('+') : value < 0 ? format.indexOf('-') : -1; + format = format.replace(/[\+|\-]/g, ''); + } + + // see if abbreviation is wanted + if (numeral._.includes(format, 'a')) { + abbrForce = format.match(/a(k|m|b|t)?/); + + abbrForce = abbrForce ? abbrForce[1] : false; + + // check for space before abbreviation + if (numeral._.includes(format, ' a')) { + abbr = ' '; + } + + format = format.replace(new RegExp(abbr + 'a[kmbt]?'), ''); + + if (abs >= trillion && !abbrForce || abbrForce === 't') { + // trillion + abbr += locale.abbreviations.trillion; + value = value / trillion; + } else if (abs < trillion && abs >= billion && !abbrForce || abbrForce === 'b') { + // billion + abbr += locale.abbreviations.billion; + value = value / billion; + } else if (abs < billion && abs >= million && !abbrForce || abbrForce === 'm') { + // million + abbr += locale.abbreviations.million; + value = value / million; + } else if (abs < million && abs >= thousand && !abbrForce || abbrForce === 'k') { + // thousand + abbr += locale.abbreviations.thousand; + value = value / thousand; + } + } + + // check for optional decimals + if (numeral._.includes(format, '[.]')) { + optDec = true; + format = format.replace('[.]', '.'); + } + + // break number and format + int = value.toString().split('.')[0]; + precision = format.split('.')[1]; + thousands = format.indexOf(','); + leadingCount = (format.split('.')[0].split(',')[0].match(/0/g) || []).length; + + if (precision) { + if (numeral._.includes(precision, '[')) { + precision = precision.replace(']', ''); + precision = precision.split('['); + decimal = numeral._.toFixed(value, (precision[0].length + precision[1].length), roundingFunction, precision[1].length); + } else { + decimal = numeral._.toFixed(value, precision.length, roundingFunction); + } + + int = decimal.split('.')[0]; + + if (numeral._.includes(decimal, '.')) { + decimal = locale.delimiters.decimal + decimal.split('.')[1]; + } else { + decimal = ''; + } + + if (optDec && Number(decimal.slice(1)) === 0) { + decimal = ''; + } + } else { + int = numeral._.toFixed(value, 0, roundingFunction); + } + + // check abbreviation again after rounding + if (abbr && !abbrForce && Number(int) >= 1000 && abbr !== locale.abbreviations.trillion) { + int = String(Number(int) / 1000); + + switch (abbr) { + case locale.abbreviations.thousand: + abbr = locale.abbreviations.million; + break; + case locale.abbreviations.million: + abbr = locale.abbreviations.billion; + break; + case locale.abbreviations.billion: + abbr = locale.abbreviations.trillion; + break; + } + } + + + // format number + if (numeral._.includes(int, '-')) { + int = int.slice(1); + neg = true; + } + + if (int.length < leadingCount) { + for (var i = leadingCount - int.length; i > 0; i--) { + int = '0' + int; + } + } + + if (thousands > -1) { + int = int.toString().replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1' + locale.delimiters.thousands); + } + + if (format.indexOf('.') === 0) { + int = ''; + } + + output = int + decimal + (abbr ? abbr : ''); + + if (negP) { + output = (negP && neg ? '(' : '') + output + (negP && neg ? ')' : ''); + } else { + if (signed >= 0) { + output = signed === 0 ? (neg ? '-' : '+') + output : output + (neg ? '-' : '+'); + } else if (neg) { + output = '-' + output; + } + } + + return output; + }, + // unformats numbers separators, decimals places, signs, abbreviations + stringToNumber: function(string) { + var locale = locales[options.currentLocale], + stringOriginal = string, + abbreviations = { + thousand: 3, + million: 6, + billion: 9, + trillion: 12 + }, + abbreviation, + value, + regexp; + + if (options.zeroFormat && string === options.zeroFormat) { + value = 0; + } else if (options.nullFormat && string === options.nullFormat || !string.replace(/[^0-9]+/g, '').length) { + value = null; + } else { + value = 1; + + if (locale.delimiters.decimal !== '.') { + string = string.replace(/\./g, '').replace(locale.delimiters.decimal, '.'); + } + + for (abbreviation in abbreviations) { + regexp = new RegExp('[^a-zA-Z]' + locale.abbreviations[abbreviation] + '(?:\\)|(\\' + locale.currency.symbol + ')?(?:\\))?)?$'); + + if (stringOriginal.match(regexp)) { + value *= Math.pow(10, abbreviations[abbreviation]); + break; + } + } + + // check for negative number + value *= (string.split('-').length + Math.min(string.split('(').length - 1, string.split(')').length - 1)) % 2 ? 1 : -1; + + // remove non numbers + string = string.replace(/[^0-9\.]+/g, ''); + + value *= Number(string); + } + + return value; + }, + isNaN: function(value) { + return typeof value === 'number' && isNaN(value); + }, + includes: function(string, search) { + return string.indexOf(search) !== -1; + }, + insert: function(string, subString, start) { + return string.slice(0, start) + subString + string.slice(start); + }, + reduce: function(array, callback /*, initialValue*/) { + if (this === null) { + throw new TypeError('Array.prototype.reduce called on null or undefined'); + } + + if (typeof callback !== 'function') { + throw new TypeError(callback + ' is not a function'); + } + + var t = Object(array), + len = t.length >>> 0, + k = 0, + value; + + if (arguments.length === 3) { + value = arguments[2]; + } else { + while (k < len && !(k in t)) { + k++; + } + + if (k >= len) { + throw new TypeError('Reduce of empty array with no initial value'); + } + + value = t[k++]; + } + for (; k < len; k++) { + if (k in t) { + value = callback(value, t[k], k, t); + } + } + return value; + }, + /** + * Computes the multiplier necessary to make x >= 1, + * effectively eliminating miscalculations caused by + * finite precision. + */ + multiplier: function (x) { + var parts = x.toString().split('.'); + + return parts.length < 2 ? 1 : Math.pow(10, parts[1].length); + }, + /** + * Given a variable number of arguments, returns the maximum + * multiplier that must be used to normalize an operation involving + * all of them. + */ + correctionFactor: function () { + var args = Array.prototype.slice.call(arguments); + + return args.reduce(function(accum, next) { + var mn = _.multiplier(next); + return accum > mn ? accum : mn; + }, 1); + }, + /** + * Implementation of toFixed() that treats floats more like decimals + * + * Fixes binary rounding issues (eg. (0.615).toFixed(2) === '0.61') that present + * problems for accounting- and finance-related software. + */ + toFixed: function(value, maxDecimals, roundingFunction, optionals) { + var splitValue = value.toString().split('.'), + minDecimals = maxDecimals - (optionals || 0), + boundedPrecision, + optionalsRegExp, + power, + output; + + // Use the smallest precision value possible to avoid errors from floating point representation + if (splitValue.length === 2) { + boundedPrecision = Math.min(Math.max(splitValue[1].length, minDecimals), maxDecimals); + } else { + boundedPrecision = minDecimals; + } + + power = Math.pow(10, boundedPrecision); + + // Multiply up by precision, round accurately, then divide and use native toFixed(): + output = (roundingFunction(value + 'e+' + boundedPrecision) / power).toFixed(boundedPrecision); + + if (optionals > maxDecimals - boundedPrecision) { + optionalsRegExp = new RegExp('\\.?0{1,' + (optionals - (maxDecimals - boundedPrecision)) + '}$'); + output = output.replace(optionalsRegExp, ''); + } + + return output; + } + }; + + // avaliable options + numeral.options = options; + + // avaliable formats + numeral.formats = formats; + + // avaliable formats + numeral.locales = locales; + + // This function sets the current locale. If + // no arguments are passed in, it will simply return the current global + // locale key. + numeral.locale = function(key) { + if (key) { + options.currentLocale = key.toLowerCase(); + } + + return options.currentLocale; + }; + + // This function provides access to the loaded locale data. If + // no arguments are passed in, it will simply return the current + // global locale object. + numeral.localeData = function(key) { + if (!key) { + return locales[options.currentLocale]; + } + + key = key.toLowerCase(); + + if (!locales[key]) { + throw new Error('Unknown locale : ' + key); + } + + return locales[key]; + }; + + numeral.reset = function() { + for (var property in defaults) { + options[property] = defaults[property]; + } + }; + + numeral.zeroFormat = function(format) { + options.zeroFormat = typeof(format) === 'string' ? format : null; + }; + + numeral.nullFormat = function (format) { + options.nullFormat = typeof(format) === 'string' ? format : null; + }; + + numeral.defaultFormat = function(format) { + options.defaultFormat = typeof(format) === 'string' ? format : '0.0'; + }; + + numeral.register = function(type, name, format) { + name = name.toLowerCase(); + + if (this[type + 's'][name]) { + throw new TypeError(name + ' ' + type + ' already registered.'); + } + + this[type + 's'][name] = format; + + return format; + }; + + + numeral.validate = function(val, culture) { + var _decimalSep, + _thousandSep, + _currSymbol, + _valArray, + _abbrObj, + _thousandRegEx, + localeData, + temp; + + //coerce val to string + if (typeof val !== 'string') { + val += ''; + + if (console.warn) { + console.warn('Numeral.js: Value is not string. It has been co-erced to: ', val); + } + } + + //trim whitespaces from either sides + val = val.trim(); + + //if val is just digits return true + if (!!val.match(/^\d+$/)) { + return true; + } + + //if val is empty return false + if (val === '') { + return false; + } + + //get the decimal and thousands separator from numeral.localeData + try { + //check if the culture is understood by numeral. if not, default it to current locale + localeData = numeral.localeData(culture); + } catch (e) { + localeData = numeral.localeData(numeral.locale()); + } + + //setup the delimiters and currency symbol based on culture/locale + _currSymbol = localeData.currency.symbol; + _abbrObj = localeData.abbreviations; + _decimalSep = localeData.delimiters.decimal; + if (localeData.delimiters.thousands === '.') { + _thousandSep = '\\.'; + } else { + _thousandSep = localeData.delimiters.thousands; + } + + // validating currency symbol + temp = val.match(/^[^\d]+/); + if (temp !== null) { + val = val.substr(1); + if (temp[0] !== _currSymbol) { + return false; + } + } + + //validating abbreviation symbol + temp = val.match(/[^\d]+$/); + if (temp !== null) { + val = val.slice(0, -1); + if (temp[0] !== _abbrObj.thousand && temp[0] !== _abbrObj.million && temp[0] !== _abbrObj.billion && temp[0] !== _abbrObj.trillion) { + return false; + } + } + + _thousandRegEx = new RegExp(_thousandSep + '{2}'); + + if (!val.match(/[^\d.,]/g)) { + _valArray = val.split(_decimalSep); + if (_valArray.length > 2) { + return false; + } else { + if (_valArray.length < 2) { + return ( !! _valArray[0].match(/^\d+.*\d$/) && !_valArray[0].match(_thousandRegEx)); + } else { + if (_valArray[0].length === 1) { + return ( !! _valArray[0].match(/^\d+$/) && !_valArray[0].match(_thousandRegEx) && !! _valArray[1].match(/^\d+$/)); + } else { + return ( !! _valArray[0].match(/^\d+.*\d$/) && !_valArray[0].match(_thousandRegEx) && !! _valArray[1].match(/^\d+$/)); + } + } + } + } + + return false; + }; + + + /************************************ + Numeral Prototype + ************************************/ + + numeral.fn = Numeral.prototype = { + clone: function() { + return numeral(this); + }, + format: function(inputString, roundingFunction) { + var value = this._value, + format = inputString || options.defaultFormat, + kind, + output, + formatFunction; + + // make sure we have a roundingFunction + roundingFunction = roundingFunction || Math.round; + + // format based on value + if (value === 0 && options.zeroFormat !== null) { + output = options.zeroFormat; + } else if (value === null && options.nullFormat !== null) { + output = options.nullFormat; + } else { + for (kind in formats) { + if (format.match(formats[kind].regexps.format)) { + formatFunction = formats[kind].format; + + break; + } + } + + formatFunction = formatFunction || numeral._.numberToFormat; + + output = formatFunction(value, format, roundingFunction); + } + + return output; + }, + value: function() { + return this._value; + }, + input: function() { + return this._input; + }, + set: function(value) { + this._value = Number(value); + + return this; + }, + add: function(value) { + var corrFactor = _.correctionFactor.call(null, this._value, value); + + function cback(accum, curr, currI, O) { + return accum + Math.round(corrFactor * curr); + } + + this._value = _.reduce([this._value, value], cback, 0) / corrFactor; + + return this; + }, + subtract: function(value) { + var corrFactor = _.correctionFactor.call(null, this._value, value); + + function cback(accum, curr, currI, O) { + return accum - Math.round(corrFactor * curr); + } + + this._value = _.reduce([value], cback, Math.round(this._value * corrFactor)) / corrFactor; + + return this; + }, + multiply: function(value) { + function cback(accum, curr, currI, O) { + var corrFactor = _.correctionFactor(accum, curr); + return Math.round(accum * corrFactor) * Math.round(curr * corrFactor) / Math.round(corrFactor * corrFactor); + } + + this._value = _.reduce([this._value, value], cback, 1); + + return this; + }, + divide: function(value) { + function cback(accum, curr, currI, O) { + var corrFactor = _.correctionFactor(accum, curr); + return Math.round(accum * corrFactor) / Math.round(curr * corrFactor); + } + + this._value = _.reduce([this._value, value], cback); + + return this; + }, + difference: function(value) { + return Math.abs(numeral(this._value).subtract(value).value()); + } + }; + + /************************************ + Default Locale && Format + ************************************/ + + numeral.register('locale', 'en', { + delimiters: { + thousands: ',', + decimal: '.' + }, + abbreviations: { + thousand: 'k', + million: 'm', + billion: 'b', + trillion: 't' + }, + ordinal: function(number) { + var b = number % 10; + return (~~(number % 100 / 10) === 1) ? 'th' : + (b === 1) ? 'st' : + (b === 2) ? 'nd' : + (b === 3) ? 'rd' : 'th'; + }, + currency: { + symbol: '$' + } + }); + + + +(function() { + numeral.register('format', 'bps', { + regexps: { + format: /(BPS)/, + unformat: /(BPS)/ + }, + format: function(value, format, roundingFunction) { + var space = numeral._.includes(format, ' BPS') ? ' ' : '', + output; + + value = value * 10000; + + // check for space before BPS + format = format.replace(/\s?BPS/, ''); + + output = numeral._.numberToFormat(value, format, roundingFunction); + + if (numeral._.includes(output, ')')) { + output = output.split(''); + + output.splice(-1, 0, space + 'BPS'); + + output = output.join(''); + } else { + output = output + space + 'BPS'; + } + + return output; + }, + unformat: function(string) { + return +(numeral._.stringToNumber(string) * 0.0001).toFixed(15); + } + }); +})(); + + +(function() { + var decimal = { + base: 1000, + suffixes: ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'] + }, + binary = { + base: 1024, + suffixes: ['B', 'KiB', 'MiB', 'GiB', 'TiB', 'PiB', 'EiB', 'ZiB', 'YiB'] + }; + + var allSuffixes = decimal.suffixes.concat(binary.suffixes.filter(function (item) { + return decimal.suffixes.indexOf(item) < 0; + })); + var unformatRegex = allSuffixes.join('|'); + // Allow support for BPS (http://www.investopedia.com/terms/b/basispoint.asp) + unformatRegex = '(' + unformatRegex.replace('B', 'B(?!PS)') + ')'; + + numeral.register('format', 'bytes', { + regexps: { + format: /([0\s]i?b)/, + unformat: new RegExp(unformatRegex) + }, + format: function(value, format, roundingFunction) { + var output, + bytes = numeral._.includes(format, 'ib') ? binary : decimal, + suffix = numeral._.includes(format, ' b') || numeral._.includes(format, ' ib') ? ' ' : '', + power, + min, + max; + + // check for space before + format = format.replace(/\s?i?b/, ''); + + for (power = 0; power <= bytes.suffixes.length; power++) { + min = Math.pow(bytes.base, power); + max = Math.pow(bytes.base, power + 1); + + if (value === null || value === 0 || value >= min && value < max) { + suffix += bytes.suffixes[power]; + + if (min > 0) { + value = value / min; + } + + break; + } + } + + output = numeral._.numberToFormat(value, format, roundingFunction); + + return output + suffix; + }, + unformat: function(string) { + var value = numeral._.stringToNumber(string), + power, + bytesMultiplier; + + if (value) { + for (power = decimal.suffixes.length - 1; power >= 0; power--) { + if (numeral._.includes(string, decimal.suffixes[power])) { + bytesMultiplier = Math.pow(decimal.base, power); + + break; + } + + if (numeral._.includes(string, binary.suffixes[power])) { + bytesMultiplier = Math.pow(binary.base, power); + + break; + } + } + + value *= (bytesMultiplier || 1); + } + + return value; + } + }); +})(); + + +(function() { + numeral.register('format', 'currency', { + regexps: { + format: /(\$)/ + }, + format: function(value, format, roundingFunction) { + var locale = numeral.locales[numeral.options.currentLocale], + symbols = { + before: format.match(/^([\+|\-|\(|\s|\$]*)/)[0], + after: format.match(/([\+|\-|\)|\s|\$]*)$/)[0] + }, + output, + symbol, + i; + + // strip format of spaces and $ + format = format.replace(/\s?\$\s?/, ''); + + // format the number + output = numeral._.numberToFormat(value, format, roundingFunction); + + // update the before and after based on value + if (value >= 0) { + symbols.before = symbols.before.replace(/[\-\(]/, ''); + symbols.after = symbols.after.replace(/[\-\)]/, ''); + } else if (value < 0 && (!numeral._.includes(symbols.before, '-') && !numeral._.includes(symbols.before, '('))) { + symbols.before = '-' + symbols.before; + } + + // loop through each before symbol + for (i = 0; i < symbols.before.length; i++) { + symbol = symbols.before[i]; + + switch (symbol) { + case '$': + output = numeral._.insert(output, locale.currency.symbol, i); + break; + case ' ': + output = numeral._.insert(output, ' ', i + locale.currency.symbol.length - 1); + break; + } + } + + // loop through each after symbol + for (i = symbols.after.length - 1; i >= 0; i--) { + symbol = symbols.after[i]; + + switch (symbol) { + case '$': + output = i === symbols.after.length - 1 ? output + locale.currency.symbol : numeral._.insert(output, locale.currency.symbol, -(symbols.after.length - (1 + i))); + break; + case ' ': + output = i === symbols.after.length - 1 ? output + ' ' : numeral._.insert(output, ' ', -(symbols.after.length - (1 + i) + locale.currency.symbol.length - 1)); + break; + } + } + + + return output; + } + }); +})(); + + +(function() { + numeral.register('format', 'exponential', { + regexps: { + format: /(e\+|e-)/, + unformat: /(e\+|e-)/ + }, + format: function(value, format, roundingFunction) { + var output, + exponential = typeof value === 'number' && !numeral._.isNaN(value) ? value.toExponential() : '0e+0', + parts = exponential.split('e'); + + format = format.replace(/e[\+|\-]{1}0/, ''); + + output = numeral._.numberToFormat(Number(parts[0]), format, roundingFunction); + + return output + 'e' + parts[1]; + }, + unformat: function(string) { + var parts = numeral._.includes(string, 'e+') ? string.split('e+') : string.split('e-'), + value = Number(parts[0]), + power = Number(parts[1]); + + power = numeral._.includes(string, 'e-') ? power *= -1 : power; + + function cback(accum, curr, currI, O) { + var corrFactor = numeral._.correctionFactor(accum, curr), + num = (accum * corrFactor) * (curr * corrFactor) / (corrFactor * corrFactor); + return num; + } + + return numeral._.reduce([value, Math.pow(10, power)], cback, 1); + } + }); +})(); + + +(function() { + numeral.register('format', 'ordinal', { + regexps: { + format: /(o)/ + }, + format: function(value, format, roundingFunction) { + var locale = numeral.locales[numeral.options.currentLocale], + output, + ordinal = numeral._.includes(format, ' o') ? ' ' : ''; + + // check for space before + format = format.replace(/\s?o/, ''); + + ordinal += locale.ordinal(value); + + output = numeral._.numberToFormat(value, format, roundingFunction); + + return output + ordinal; + } + }); +})(); + + +(function() { + numeral.register('format', 'percentage', { + regexps: { + format: /(%)/, + unformat: /(%)/ + }, + format: function(value, format, roundingFunction) { + var space = numeral._.includes(format, ' %') ? ' ' : '', + output; + + if (numeral.options.scalePercentBy100) { + value = value * 100; + } + + // check for space before % + format = format.replace(/\s?\%/, ''); + + output = numeral._.numberToFormat(value, format, roundingFunction); + + if (numeral._.includes(output, ')')) { + output = output.split(''); + + output.splice(-1, 0, space + '%'); + + output = output.join(''); + } else { + output = output + space + '%'; + } + + return output; + }, + unformat: function(string) { + var number = numeral._.stringToNumber(string); + if (numeral.options.scalePercentBy100) { + return number * 0.01; + } + return number; + } + }); +})(); + + +(function() { + numeral.register('format', 'time', { + regexps: { + format: /(:)/, + unformat: /(:)/ + }, + format: function(value, format, roundingFunction) { + var hours = Math.floor(value / 60 / 60), + minutes = Math.floor((value - (hours * 60 * 60)) / 60), + seconds = Math.round(value - (hours * 60 * 60) - (minutes * 60)); + + return hours + ':' + (minutes < 10 ? '0' + minutes : minutes) + ':' + (seconds < 10 ? '0' + seconds : seconds); + }, + unformat: function(string) { + var timeArray = string.split(':'), + seconds = 0; + + // turn hours and minutes into seconds and add them all up + if (timeArray.length === 3) { + // hours + seconds = seconds + (Number(timeArray[0]) * 60 * 60); + // minutes + seconds = seconds + (Number(timeArray[1]) * 60); + // seconds + seconds = seconds + Number(timeArray[2]); + } else if (timeArray.length === 2) { + // minutes + seconds = seconds + (Number(timeArray[0]) * 60); + // seconds + seconds = seconds + Number(timeArray[1]); + } + return Number(seconds); + } + }); +})(); + +return numeral; +})); +}); + +/*! + * PatternFly Elements: PfeNumber 1.0.0-prerelease.50 + * @license + * Copyright 2020 Red Hat, Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + * +*/ + +// easy aliases for common format strings +const types = { + abbrev: "0a", // or 'approx'? + ordinal: "0o", + percent: "0%", + bytes: "0[.][00] ib", + e: "0[.00]e+0", + thousands: "0,0[.][00]" +}; + +// use thin spaces to separate thousands chunks +// debugger; +numeral.locales.en.delimiters.thousands = " "; + +class PfeNumber extends PFElement { + static get version() { + return "1.0.0-prerelease.50"; + } + + get html() { + return ``; + } + static get tag() { + return "pfe-number"; + } + + get styleUrl() { + return "pfe-number.scss"; + } + + get templateUrl() { + return "pfe-number.html"; + } + + static get observedAttributes() { + return ["number", "format", "type"]; + } + + constructor() { + super(PfeNumber); + } + + connectedCallback() { + super.connectedCallback(); + this.connected = true; + + this._determineFormat(); + this._setInitialNumber(); + } + + attributeChangedCallback(attr, oldVal, newVal) { + super.attributeChangedCallback(...arguments); + switch (attr) { + case "type": + this._determineFormat(); + break; + case "format": + this._updateNumber(this.getAttribute("number"), newVal); + break; + case "number": + this._updateNumber(newVal, this.getAttribute("format")); + } + } + + _setInitialNumber() { + const numberAttrDefined = !isNaN(parseFloat(this.getAttribute("number"))); + const numberContentDefined = !isNaN(parseFloat(this.textContent)); + + if (numberAttrDefined) { + this.setAttribute("number", this.getAttribute("number")); + } else if (numberContentDefined) { + this.setAttribute("number", this.textContent); + } + } + + _determineFormat() { + let type = this.getAttribute("type"); + + if (type && types[type]) { + this.setAttribute("format", types[type]); + } else { + this.setAttribute("format", this.getAttribute("format") || "0"); + } + } + + _updateNumber(num, type) { + if (!num || isNaN(parseFloat(num))) { + this.textContent = ""; + this.shadowRoot.querySelector("span").textContent = ""; + + return; + } + + this.textContent = num; + this.shadowRoot.querySelector("span").textContent = this._format(num, type); + } + + _format(num, type) { + return numeral(num).format(type); + } +} + +PFElement.create(PfeNumber); +//# sourceMappingURL=pfe-number.js.map diff --git a/elements/pfe-number/dist/pfe-number.js.map b/elements/pfe-number/dist/pfe-number.js.map new file mode 100644 index 0000000000..9bef31062f --- /dev/null +++ b/elements/pfe-number/dist/pfe-number.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-number.js","sources":["../_temp/polyfills--pfe-number.js","../../../node_modules/numeral/numeral.js","../_temp/pfe-number.js"],"sourcesContent":["// @POLYFILL isNaN, non-mutating polyfill for IE11\n// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/isNaN#Polyfill\nconst isNaN = Number.isNaN || (n => n !== null && (n != n || +n != n));\n","/*! @preserve\n * numeral.js\n * version : 2.0.6\n * author : Adam Draper\n * license : MIT\n * http://adamwdraper.github.com/Numeral-js/\n */\n\n(function (global, factory) {\n if (typeof define === 'function' && define.amd) {\n define(factory);\n } else if (typeof module === 'object' && module.exports) {\n module.exports = factory();\n } else {\n global.numeral = factory();\n }\n}(this, function () {\n /************************************\n Variables\n ************************************/\n\n var numeral,\n _,\n VERSION = '2.0.6',\n formats = {},\n locales = {},\n defaults = {\n currentLocale: 'en',\n zeroFormat: null,\n nullFormat: null,\n defaultFormat: '0,0',\n scalePercentBy100: true\n },\n options = {\n currentLocale: defaults.currentLocale,\n zeroFormat: defaults.zeroFormat,\n nullFormat: defaults.nullFormat,\n defaultFormat: defaults.defaultFormat,\n scalePercentBy100: defaults.scalePercentBy100\n };\n\n\n /************************************\n Constructors\n ************************************/\n\n // Numeral prototype object\n function Numeral(input, number) {\n this._input = input;\n\n this._value = number;\n }\n\n numeral = function(input) {\n var value,\n kind,\n unformatFunction,\n regexp;\n\n if (numeral.isNumeral(input)) {\n value = input.value();\n } else if (input === 0 || typeof input === 'undefined') {\n value = 0;\n } else if (input === null || _.isNaN(input)) {\n value = null;\n } else if (typeof input === 'string') {\n if (options.zeroFormat && input === options.zeroFormat) {\n value = 0;\n } else if (options.nullFormat && input === options.nullFormat || !input.replace(/[^0-9]+/g, '').length) {\n value = null;\n } else {\n for (kind in formats) {\n regexp = typeof formats[kind].regexps.unformat === 'function' ? formats[kind].regexps.unformat() : formats[kind].regexps.unformat;\n\n if (regexp && input.match(regexp)) {\n unformatFunction = formats[kind].unformat;\n\n break;\n }\n }\n\n unformatFunction = unformatFunction || numeral._.stringToNumber;\n\n value = unformatFunction(input);\n }\n } else {\n value = Number(input)|| null;\n }\n\n return new Numeral(input, value);\n };\n\n // version number\n numeral.version = VERSION;\n\n // compare numeral object\n numeral.isNumeral = function(obj) {\n return obj instanceof Numeral;\n };\n\n // helper functions\n numeral._ = _ = {\n // formats numbers separators, decimals places, signs, abbreviations\n numberToFormat: function(value, format, roundingFunction) {\n var locale = locales[numeral.options.currentLocale],\n negP = false,\n optDec = false,\n leadingCount = 0,\n abbr = '',\n trillion = 1000000000000,\n billion = 1000000000,\n million = 1000000,\n thousand = 1000,\n decimal = '',\n neg = false,\n abbrForce, // force abbreviation\n abs,\n min,\n max,\n power,\n int,\n precision,\n signed,\n thousands,\n output;\n\n // make sure we never format a null value\n value = value || 0;\n\n abs = Math.abs(value);\n\n // see if we should use parentheses for negative number or if we should prefix with a sign\n // if both are present we default to parentheses\n if (numeral._.includes(format, '(')) {\n negP = true;\n format = format.replace(/[\\(|\\)]/g, '');\n } else if (numeral._.includes(format, '+') || numeral._.includes(format, '-')) {\n signed = numeral._.includes(format, '+') ? format.indexOf('+') : value < 0 ? format.indexOf('-') : -1;\n format = format.replace(/[\\+|\\-]/g, '');\n }\n\n // see if abbreviation is wanted\n if (numeral._.includes(format, 'a')) {\n abbrForce = format.match(/a(k|m|b|t)?/);\n\n abbrForce = abbrForce ? abbrForce[1] : false;\n\n // check for space before abbreviation\n if (numeral._.includes(format, ' a')) {\n abbr = ' ';\n }\n\n format = format.replace(new RegExp(abbr + 'a[kmbt]?'), '');\n\n if (abs >= trillion && !abbrForce || abbrForce === 't') {\n // trillion\n abbr += locale.abbreviations.trillion;\n value = value / trillion;\n } else if (abs < trillion && abs >= billion && !abbrForce || abbrForce === 'b') {\n // billion\n abbr += locale.abbreviations.billion;\n value = value / billion;\n } else if (abs < billion && abs >= million && !abbrForce || abbrForce === 'm') {\n // million\n abbr += locale.abbreviations.million;\n value = value / million;\n } else if (abs < million && abs >= thousand && !abbrForce || abbrForce === 'k') {\n // thousand\n abbr += locale.abbreviations.thousand;\n value = value / thousand;\n }\n }\n\n // check for optional decimals\n if (numeral._.includes(format, '[.]')) {\n optDec = true;\n format = format.replace('[.]', '.');\n }\n\n // break number and format\n int = value.toString().split('.')[0];\n precision = format.split('.')[1];\n thousands = format.indexOf(',');\n leadingCount = (format.split('.')[0].split(',')[0].match(/0/g) || []).length;\n\n if (precision) {\n if (numeral._.includes(precision, '[')) {\n precision = precision.replace(']', '');\n precision = precision.split('[');\n decimal = numeral._.toFixed(value, (precision[0].length + precision[1].length), roundingFunction, precision[1].length);\n } else {\n decimal = numeral._.toFixed(value, precision.length, roundingFunction);\n }\n\n int = decimal.split('.')[0];\n\n if (numeral._.includes(decimal, '.')) {\n decimal = locale.delimiters.decimal + decimal.split('.')[1];\n } else {\n decimal = '';\n }\n\n if (optDec && Number(decimal.slice(1)) === 0) {\n decimal = '';\n }\n } else {\n int = numeral._.toFixed(value, 0, roundingFunction);\n }\n\n // check abbreviation again after rounding\n if (abbr && !abbrForce && Number(int) >= 1000 && abbr !== locale.abbreviations.trillion) {\n int = String(Number(int) / 1000);\n\n switch (abbr) {\n case locale.abbreviations.thousand:\n abbr = locale.abbreviations.million;\n break;\n case locale.abbreviations.million:\n abbr = locale.abbreviations.billion;\n break;\n case locale.abbreviations.billion:\n abbr = locale.abbreviations.trillion;\n break;\n }\n }\n\n\n // format number\n if (numeral._.includes(int, '-')) {\n int = int.slice(1);\n neg = true;\n }\n\n if (int.length < leadingCount) {\n for (var i = leadingCount - int.length; i > 0; i--) {\n int = '0' + int;\n }\n }\n\n if (thousands > -1) {\n int = int.toString().replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, '$1' + locale.delimiters.thousands);\n }\n\n if (format.indexOf('.') === 0) {\n int = '';\n }\n\n output = int + decimal + (abbr ? abbr : '');\n\n if (negP) {\n output = (negP && neg ? '(' : '') + output + (negP && neg ? ')' : '');\n } else {\n if (signed >= 0) {\n output = signed === 0 ? (neg ? '-' : '+') + output : output + (neg ? '-' : '+');\n } else if (neg) {\n output = '-' + output;\n }\n }\n\n return output;\n },\n // unformats numbers separators, decimals places, signs, abbreviations\n stringToNumber: function(string) {\n var locale = locales[options.currentLocale],\n stringOriginal = string,\n abbreviations = {\n thousand: 3,\n million: 6,\n billion: 9,\n trillion: 12\n },\n abbreviation,\n value,\n i,\n regexp;\n\n if (options.zeroFormat && string === options.zeroFormat) {\n value = 0;\n } else if (options.nullFormat && string === options.nullFormat || !string.replace(/[^0-9]+/g, '').length) {\n value = null;\n } else {\n value = 1;\n\n if (locale.delimiters.decimal !== '.') {\n string = string.replace(/\\./g, '').replace(locale.delimiters.decimal, '.');\n }\n\n for (abbreviation in abbreviations) {\n regexp = new RegExp('[^a-zA-Z]' + locale.abbreviations[abbreviation] + '(?:\\\\)|(\\\\' + locale.currency.symbol + ')?(?:\\\\))?)?$');\n\n if (stringOriginal.match(regexp)) {\n value *= Math.pow(10, abbreviations[abbreviation]);\n break;\n }\n }\n\n // check for negative number\n value *= (string.split('-').length + Math.min(string.split('(').length - 1, string.split(')').length - 1)) % 2 ? 1 : -1;\n\n // remove non numbers\n string = string.replace(/[^0-9\\.]+/g, '');\n\n value *= Number(string);\n }\n\n return value;\n },\n isNaN: function(value) {\n return typeof value === 'number' && isNaN(value);\n },\n includes: function(string, search) {\n return string.indexOf(search) !== -1;\n },\n insert: function(string, subString, start) {\n return string.slice(0, start) + subString + string.slice(start);\n },\n reduce: function(array, callback /*, initialValue*/) {\n if (this === null) {\n throw new TypeError('Array.prototype.reduce called on null or undefined');\n }\n\n if (typeof callback !== 'function') {\n throw new TypeError(callback + ' is not a function');\n }\n\n var t = Object(array),\n len = t.length >>> 0,\n k = 0,\n value;\n\n if (arguments.length === 3) {\n value = arguments[2];\n } else {\n while (k < len && !(k in t)) {\n k++;\n }\n\n if (k >= len) {\n throw new TypeError('Reduce of empty array with no initial value');\n }\n\n value = t[k++];\n }\n for (; k < len; k++) {\n if (k in t) {\n value = callback(value, t[k], k, t);\n }\n }\n return value;\n },\n /**\n * Computes the multiplier necessary to make x >= 1,\n * effectively eliminating miscalculations caused by\n * finite precision.\n */\n multiplier: function (x) {\n var parts = x.toString().split('.');\n\n return parts.length < 2 ? 1 : Math.pow(10, parts[1].length);\n },\n /**\n * Given a variable number of arguments, returns the maximum\n * multiplier that must be used to normalize an operation involving\n * all of them.\n */\n correctionFactor: function () {\n var args = Array.prototype.slice.call(arguments);\n\n return args.reduce(function(accum, next) {\n var mn = _.multiplier(next);\n return accum > mn ? accum : mn;\n }, 1);\n },\n /**\n * Implementation of toFixed() that treats floats more like decimals\n *\n * Fixes binary rounding issues (eg. (0.615).toFixed(2) === '0.61') that present\n * problems for accounting- and finance-related software.\n */\n toFixed: function(value, maxDecimals, roundingFunction, optionals) {\n var splitValue = value.toString().split('.'),\n minDecimals = maxDecimals - (optionals || 0),\n boundedPrecision,\n optionalsRegExp,\n power,\n output;\n\n // Use the smallest precision value possible to avoid errors from floating point representation\n if (splitValue.length === 2) {\n boundedPrecision = Math.min(Math.max(splitValue[1].length, minDecimals), maxDecimals);\n } else {\n boundedPrecision = minDecimals;\n }\n\n power = Math.pow(10, boundedPrecision);\n\n // Multiply up by precision, round accurately, then divide and use native toFixed():\n output = (roundingFunction(value + 'e+' + boundedPrecision) / power).toFixed(boundedPrecision);\n\n if (optionals > maxDecimals - boundedPrecision) {\n optionalsRegExp = new RegExp('\\\\.?0{1,' + (optionals - (maxDecimals - boundedPrecision)) + '}$');\n output = output.replace(optionalsRegExp, '');\n }\n\n return output;\n }\n };\n\n // avaliable options\n numeral.options = options;\n\n // avaliable formats\n numeral.formats = formats;\n\n // avaliable formats\n numeral.locales = locales;\n\n // This function sets the current locale. If\n // no arguments are passed in, it will simply return the current global\n // locale key.\n numeral.locale = function(key) {\n if (key) {\n options.currentLocale = key.toLowerCase();\n }\n\n return options.currentLocale;\n };\n\n // This function provides access to the loaded locale data. If\n // no arguments are passed in, it will simply return the current\n // global locale object.\n numeral.localeData = function(key) {\n if (!key) {\n return locales[options.currentLocale];\n }\n\n key = key.toLowerCase();\n\n if (!locales[key]) {\n throw new Error('Unknown locale : ' + key);\n }\n\n return locales[key];\n };\n\n numeral.reset = function() {\n for (var property in defaults) {\n options[property] = defaults[property];\n }\n };\n\n numeral.zeroFormat = function(format) {\n options.zeroFormat = typeof(format) === 'string' ? format : null;\n };\n\n numeral.nullFormat = function (format) {\n options.nullFormat = typeof(format) === 'string' ? format : null;\n };\n\n numeral.defaultFormat = function(format) {\n options.defaultFormat = typeof(format) === 'string' ? format : '0.0';\n };\n\n numeral.register = function(type, name, format) {\n name = name.toLowerCase();\n\n if (this[type + 's'][name]) {\n throw new TypeError(name + ' ' + type + ' already registered.');\n }\n\n this[type + 's'][name] = format;\n\n return format;\n };\n\n\n numeral.validate = function(val, culture) {\n var _decimalSep,\n _thousandSep,\n _currSymbol,\n _valArray,\n _abbrObj,\n _thousandRegEx,\n localeData,\n temp;\n\n //coerce val to string\n if (typeof val !== 'string') {\n val += '';\n\n if (console.warn) {\n console.warn('Numeral.js: Value is not string. It has been co-erced to: ', val);\n }\n }\n\n //trim whitespaces from either sides\n val = val.trim();\n\n //if val is just digits return true\n if (!!val.match(/^\\d+$/)) {\n return true;\n }\n\n //if val is empty return false\n if (val === '') {\n return false;\n }\n\n //get the decimal and thousands separator from numeral.localeData\n try {\n //check if the culture is understood by numeral. if not, default it to current locale\n localeData = numeral.localeData(culture);\n } catch (e) {\n localeData = numeral.localeData(numeral.locale());\n }\n\n //setup the delimiters and currency symbol based on culture/locale\n _currSymbol = localeData.currency.symbol;\n _abbrObj = localeData.abbreviations;\n _decimalSep = localeData.delimiters.decimal;\n if (localeData.delimiters.thousands === '.') {\n _thousandSep = '\\\\.';\n } else {\n _thousandSep = localeData.delimiters.thousands;\n }\n\n // validating currency symbol\n temp = val.match(/^[^\\d]+/);\n if (temp !== null) {\n val = val.substr(1);\n if (temp[0] !== _currSymbol) {\n return false;\n }\n }\n\n //validating abbreviation symbol\n temp = val.match(/[^\\d]+$/);\n if (temp !== null) {\n val = val.slice(0, -1);\n if (temp[0] !== _abbrObj.thousand && temp[0] !== _abbrObj.million && temp[0] !== _abbrObj.billion && temp[0] !== _abbrObj.trillion) {\n return false;\n }\n }\n\n _thousandRegEx = new RegExp(_thousandSep + '{2}');\n\n if (!val.match(/[^\\d.,]/g)) {\n _valArray = val.split(_decimalSep);\n if (_valArray.length > 2) {\n return false;\n } else {\n if (_valArray.length < 2) {\n return ( !! _valArray[0].match(/^\\d+.*\\d$/) && !_valArray[0].match(_thousandRegEx));\n } else {\n if (_valArray[0].length === 1) {\n return ( !! _valArray[0].match(/^\\d+$/) && !_valArray[0].match(_thousandRegEx) && !! _valArray[1].match(/^\\d+$/));\n } else {\n return ( !! _valArray[0].match(/^\\d+.*\\d$/) && !_valArray[0].match(_thousandRegEx) && !! _valArray[1].match(/^\\d+$/));\n }\n }\n }\n }\n\n return false;\n };\n\n\n /************************************\n Numeral Prototype\n ************************************/\n\n numeral.fn = Numeral.prototype = {\n clone: function() {\n return numeral(this);\n },\n format: function(inputString, roundingFunction) {\n var value = this._value,\n format = inputString || options.defaultFormat,\n kind,\n output,\n formatFunction;\n\n // make sure we have a roundingFunction\n roundingFunction = roundingFunction || Math.round;\n\n // format based on value\n if (value === 0 && options.zeroFormat !== null) {\n output = options.zeroFormat;\n } else if (value === null && options.nullFormat !== null) {\n output = options.nullFormat;\n } else {\n for (kind in formats) {\n if (format.match(formats[kind].regexps.format)) {\n formatFunction = formats[kind].format;\n\n break;\n }\n }\n\n formatFunction = formatFunction || numeral._.numberToFormat;\n\n output = formatFunction(value, format, roundingFunction);\n }\n\n return output;\n },\n value: function() {\n return this._value;\n },\n input: function() {\n return this._input;\n },\n set: function(value) {\n this._value = Number(value);\n\n return this;\n },\n add: function(value) {\n var corrFactor = _.correctionFactor.call(null, this._value, value);\n\n function cback(accum, curr, currI, O) {\n return accum + Math.round(corrFactor * curr);\n }\n\n this._value = _.reduce([this._value, value], cback, 0) / corrFactor;\n\n return this;\n },\n subtract: function(value) {\n var corrFactor = _.correctionFactor.call(null, this._value, value);\n\n function cback(accum, curr, currI, O) {\n return accum - Math.round(corrFactor * curr);\n }\n\n this._value = _.reduce([value], cback, Math.round(this._value * corrFactor)) / corrFactor;\n\n return this;\n },\n multiply: function(value) {\n function cback(accum, curr, currI, O) {\n var corrFactor = _.correctionFactor(accum, curr);\n return Math.round(accum * corrFactor) * Math.round(curr * corrFactor) / Math.round(corrFactor * corrFactor);\n }\n\n this._value = _.reduce([this._value, value], cback, 1);\n\n return this;\n },\n divide: function(value) {\n function cback(accum, curr, currI, O) {\n var corrFactor = _.correctionFactor(accum, curr);\n return Math.round(accum * corrFactor) / Math.round(curr * corrFactor);\n }\n\n this._value = _.reduce([this._value, value], cback);\n\n return this;\n },\n difference: function(value) {\n return Math.abs(numeral(this._value).subtract(value).value());\n }\n };\n\n /************************************\n Default Locale && Format\n ************************************/\n\n numeral.register('locale', 'en', {\n delimiters: {\n thousands: ',',\n decimal: '.'\n },\n abbreviations: {\n thousand: 'k',\n million: 'm',\n billion: 'b',\n trillion: 't'\n },\n ordinal: function(number) {\n var b = number % 10;\n return (~~(number % 100 / 10) === 1) ? 'th' :\n (b === 1) ? 'st' :\n (b === 2) ? 'nd' :\n (b === 3) ? 'rd' : 'th';\n },\n currency: {\n symbol: '$'\n }\n });\n\n \n\n(function() {\n numeral.register('format', 'bps', {\n regexps: {\n format: /(BPS)/,\n unformat: /(BPS)/\n },\n format: function(value, format, roundingFunction) {\n var space = numeral._.includes(format, ' BPS') ? ' ' : '',\n output;\n\n value = value * 10000;\n\n // check for space before BPS\n format = format.replace(/\\s?BPS/, '');\n\n output = numeral._.numberToFormat(value, format, roundingFunction);\n\n if (numeral._.includes(output, ')')) {\n output = output.split('');\n\n output.splice(-1, 0, space + 'BPS');\n\n output = output.join('');\n } else {\n output = output + space + 'BPS';\n }\n\n return output;\n },\n unformat: function(string) {\n return +(numeral._.stringToNumber(string) * 0.0001).toFixed(15);\n }\n });\n})();\n\n\n(function() {\n var decimal = {\n base: 1000,\n suffixes: ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']\n },\n binary = {\n base: 1024,\n suffixes: ['B', 'KiB', 'MiB', 'GiB', 'TiB', 'PiB', 'EiB', 'ZiB', 'YiB']\n };\n\n var allSuffixes = decimal.suffixes.concat(binary.suffixes.filter(function (item) {\n return decimal.suffixes.indexOf(item) < 0;\n }));\n var unformatRegex = allSuffixes.join('|');\n // Allow support for BPS (http://www.investopedia.com/terms/b/basispoint.asp)\n unformatRegex = '(' + unformatRegex.replace('B', 'B(?!PS)') + ')';\n\n numeral.register('format', 'bytes', {\n regexps: {\n format: /([0\\s]i?b)/,\n unformat: new RegExp(unformatRegex)\n },\n format: function(value, format, roundingFunction) {\n var output,\n bytes = numeral._.includes(format, 'ib') ? binary : decimal,\n suffix = numeral._.includes(format, ' b') || numeral._.includes(format, ' ib') ? ' ' : '',\n power,\n min,\n max;\n\n // check for space before\n format = format.replace(/\\s?i?b/, '');\n\n for (power = 0; power <= bytes.suffixes.length; power++) {\n min = Math.pow(bytes.base, power);\n max = Math.pow(bytes.base, power + 1);\n\n if (value === null || value === 0 || value >= min && value < max) {\n suffix += bytes.suffixes[power];\n\n if (min > 0) {\n value = value / min;\n }\n\n break;\n }\n }\n\n output = numeral._.numberToFormat(value, format, roundingFunction);\n\n return output + suffix;\n },\n unformat: function(string) {\n var value = numeral._.stringToNumber(string),\n power,\n bytesMultiplier;\n\n if (value) {\n for (power = decimal.suffixes.length - 1; power >= 0; power--) {\n if (numeral._.includes(string, decimal.suffixes[power])) {\n bytesMultiplier = Math.pow(decimal.base, power);\n\n break;\n }\n\n if (numeral._.includes(string, binary.suffixes[power])) {\n bytesMultiplier = Math.pow(binary.base, power);\n\n break;\n }\n }\n\n value *= (bytesMultiplier || 1);\n }\n\n return value;\n }\n });\n})();\n\n\n(function() {\n numeral.register('format', 'currency', {\n regexps: {\n format: /(\\$)/\n },\n format: function(value, format, roundingFunction) {\n var locale = numeral.locales[numeral.options.currentLocale],\n symbols = {\n before: format.match(/^([\\+|\\-|\\(|\\s|\\$]*)/)[0],\n after: format.match(/([\\+|\\-|\\)|\\s|\\$]*)$/)[0]\n },\n output,\n symbol,\n i;\n\n // strip format of spaces and $\n format = format.replace(/\\s?\\$\\s?/, '');\n\n // format the number\n output = numeral._.numberToFormat(value, format, roundingFunction);\n\n // update the before and after based on value\n if (value >= 0) {\n symbols.before = symbols.before.replace(/[\\-\\(]/, '');\n symbols.after = symbols.after.replace(/[\\-\\)]/, '');\n } else if (value < 0 && (!numeral._.includes(symbols.before, '-') && !numeral._.includes(symbols.before, '('))) {\n symbols.before = '-' + symbols.before;\n }\n\n // loop through each before symbol\n for (i = 0; i < symbols.before.length; i++) {\n symbol = symbols.before[i];\n\n switch (symbol) {\n case '$':\n output = numeral._.insert(output, locale.currency.symbol, i);\n break;\n case ' ':\n output = numeral._.insert(output, ' ', i + locale.currency.symbol.length - 1);\n break;\n }\n }\n\n // loop through each after symbol\n for (i = symbols.after.length - 1; i >= 0; i--) {\n symbol = symbols.after[i];\n\n switch (symbol) {\n case '$':\n output = i === symbols.after.length - 1 ? output + locale.currency.symbol : numeral._.insert(output, locale.currency.symbol, -(symbols.after.length - (1 + i)));\n break;\n case ' ':\n output = i === symbols.after.length - 1 ? output + ' ' : numeral._.insert(output, ' ', -(symbols.after.length - (1 + i) + locale.currency.symbol.length - 1));\n break;\n }\n }\n\n\n return output;\n }\n });\n})();\n\n\n(function() {\n numeral.register('format', 'exponential', {\n regexps: {\n format: /(e\\+|e-)/,\n unformat: /(e\\+|e-)/\n },\n format: function(value, format, roundingFunction) {\n var output,\n exponential = typeof value === 'number' && !numeral._.isNaN(value) ? value.toExponential() : '0e+0',\n parts = exponential.split('e');\n\n format = format.replace(/e[\\+|\\-]{1}0/, '');\n\n output = numeral._.numberToFormat(Number(parts[0]), format, roundingFunction);\n\n return output + 'e' + parts[1];\n },\n unformat: function(string) {\n var parts = numeral._.includes(string, 'e+') ? string.split('e+') : string.split('e-'),\n value = Number(parts[0]),\n power = Number(parts[1]);\n\n power = numeral._.includes(string, 'e-') ? power *= -1 : power;\n\n function cback(accum, curr, currI, O) {\n var corrFactor = numeral._.correctionFactor(accum, curr),\n num = (accum * corrFactor) * (curr * corrFactor) / (corrFactor * corrFactor);\n return num;\n }\n\n return numeral._.reduce([value, Math.pow(10, power)], cback, 1);\n }\n });\n})();\n\n\n(function() {\n numeral.register('format', 'ordinal', {\n regexps: {\n format: /(o)/\n },\n format: function(value, format, roundingFunction) {\n var locale = numeral.locales[numeral.options.currentLocale],\n output,\n ordinal = numeral._.includes(format, ' o') ? ' ' : '';\n\n // check for space before\n format = format.replace(/\\s?o/, '');\n\n ordinal += locale.ordinal(value);\n\n output = numeral._.numberToFormat(value, format, roundingFunction);\n\n return output + ordinal;\n }\n });\n})();\n\n\n(function() {\n numeral.register('format', 'percentage', {\n regexps: {\n format: /(%)/,\n unformat: /(%)/\n },\n format: function(value, format, roundingFunction) {\n var space = numeral._.includes(format, ' %') ? ' ' : '',\n output;\n\n if (numeral.options.scalePercentBy100) {\n value = value * 100;\n }\n\n // check for space before %\n format = format.replace(/\\s?\\%/, '');\n\n output = numeral._.numberToFormat(value, format, roundingFunction);\n\n if (numeral._.includes(output, ')')) {\n output = output.split('');\n\n output.splice(-1, 0, space + '%');\n\n output = output.join('');\n } else {\n output = output + space + '%';\n }\n\n return output;\n },\n unformat: function(string) {\n var number = numeral._.stringToNumber(string);\n if (numeral.options.scalePercentBy100) {\n return number * 0.01;\n }\n return number;\n }\n });\n})();\n\n\n(function() {\n numeral.register('format', 'time', {\n regexps: {\n format: /(:)/,\n unformat: /(:)/\n },\n format: function(value, format, roundingFunction) {\n var hours = Math.floor(value / 60 / 60),\n minutes = Math.floor((value - (hours * 60 * 60)) / 60),\n seconds = Math.round(value - (hours * 60 * 60) - (minutes * 60));\n\n return hours + ':' + (minutes < 10 ? '0' + minutes : minutes) + ':' + (seconds < 10 ? '0' + seconds : seconds);\n },\n unformat: function(string) {\n var timeArray = string.split(':'),\n seconds = 0;\n\n // turn hours and minutes into seconds and add them all up\n if (timeArray.length === 3) {\n // hours\n seconds = seconds + (Number(timeArray[0]) * 60 * 60);\n // minutes\n seconds = seconds + (Number(timeArray[1]) * 60);\n // seconds\n seconds = seconds + Number(timeArray[2]);\n } else if (timeArray.length === 2) {\n // minutes\n seconds = seconds + (Number(timeArray[0]) * 60);\n // seconds\n seconds = seconds + Number(timeArray[1]);\n }\n return Number(seconds);\n }\n });\n})();\n\nreturn numeral;\n}));\n","/*!\n * PatternFly Elements: PfeNumber 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\n// Import polyfills: isNaN\nimport \"./polyfills--pfe-number.js\";\n\nimport PFElement from \"../../pfelement/dist/pfelement.js\";\nimport numeral from \"numeral\";\n\n// easy aliases for common format strings\nconst types = {\n abbrev: \"0a\", // or 'approx'?\n ordinal: \"0o\",\n percent: \"0%\",\n bytes: \"0[.][00] ib\",\n e: \"0[.00]e+0\",\n thousands: \"0,0[.][00]\"\n};\n\n// use thin spaces to separate thousands chunks\n// debugger;\nnumeral.locales.en.delimiters.thousands = \" \";\n\nclass PfeNumber extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return ``;\n }\n static get tag() {\n return \"pfe-number\";\n }\n\n get styleUrl() {\n return \"pfe-number.scss\";\n }\n\n get templateUrl() {\n return \"pfe-number.html\";\n }\n\n static get observedAttributes() {\n return [\"number\", \"format\", \"type\"];\n }\n\n constructor() {\n super(PfeNumber);\n }\n\n connectedCallback() {\n super.connectedCallback();\n this.connected = true;\n\n this._determineFormat();\n this._setInitialNumber();\n }\n\n attributeChangedCallback(attr, oldVal, newVal) {\n super.attributeChangedCallback(...arguments);\n switch (attr) {\n case \"type\":\n this._determineFormat();\n break;\n case \"format\":\n this._updateNumber(this.getAttribute(\"number\"), newVal);\n break;\n case \"number\":\n this._updateNumber(newVal, this.getAttribute(\"format\"));\n }\n }\n\n _setInitialNumber() {\n const numberAttrDefined = !isNaN(parseFloat(this.getAttribute(\"number\")));\n const numberContentDefined = !isNaN(parseFloat(this.textContent));\n\n if (numberAttrDefined) {\n this.setAttribute(\"number\", this.getAttribute(\"number\"));\n } else if (numberContentDefined) {\n this.setAttribute(\"number\", this.textContent);\n }\n }\n\n _determineFormat() {\n let type = this.getAttribute(\"type\");\n\n if (type && types[type]) {\n this.setAttribute(\"format\", types[type]);\n } else {\n this.setAttribute(\"format\", this.getAttribute(\"format\") || \"0\");\n }\n }\n\n _updateNumber(num, type) {\n if (!num || isNaN(parseFloat(num))) {\n this.textContent = \"\";\n this.shadowRoot.querySelector(\"span\").textContent = \"\";\n\n return;\n }\n\n this.textContent = num;\n this.shadowRoot.querySelector(\"span\").textContent = this._format(num, type);\n }\n\n _format(num, type) {\n return numeral(num).format(type);\n }\n}\n\nPFElement.create(PfeNumber);\n"],"names":["this"],"mappings":"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"} \ No newline at end of file diff --git a/elements/pfe-number/dist/pfe-number.json b/elements/pfe-number/dist/pfe-number.json new file mode 100644 index 0000000000..cfcf21c7cf --- /dev/null +++ b/elements/pfe-number/dist/pfe-number.json @@ -0,0 +1,38 @@ +{ + "$schema": "http://json-schema.org/draft-04/schema#", + "title": "Number", + "description": "This element formats numbers according to the specified type.", + "type": "object", + "tag": "pfe-number", + "class": "pfe-number", + "category": "content", + "properties": { + "slots": { + "title": "Slots", + "description": "Definition of the supported slots", + "type": "object", + "properties": {} + }, + "attributes": { + "title": "Attributes", + "type": "object", + "properties": { + "number": { + "title": "Number", + "type": "string" + }, + "type": { + "title": "Number type", + "type": "string", + "enum": ["ordinal", "bytes", "abbrev", "percent", "e", "thousands"] + }, + "format": { + "title": "Number format", + "type": "string" + } + } + } + }, + "required": ["slots", "attributes"], + "additionalProperties": false +} diff --git a/elements/pfe-number/dist/pfe-number.min.js b/elements/pfe-number/dist/pfe-number.min.js new file mode 100644 index 0000000000..68bd3b93b4 --- /dev/null +++ b/elements/pfe-number/dist/pfe-number.min.js @@ -0,0 +1,33 @@ +import e from"../../pfelement/dist/pfelement.min.js";var t="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};var r,n=(function(e){ +/*! @preserve + * numeral.js + * version : 2.0.6 + * author : Adam Draper + * license : MIT + * http://adamwdraper.github.com/Numeral-js/ + */var r,n;r=t,n=function(){var e,t,r,n,i,o={},a={},l={currentLocale:"en",zeroFormat:null,nullFormat:null,defaultFormat:"0,0",scalePercentBy100:!0},u={currentLocale:l.currentLocale,zeroFormat:l.zeroFormat,nullFormat:l.nullFormat,defaultFormat:l.defaultFormat,scalePercentBy100:l.scalePercentBy100};function s(e,t){this._input=e,this._value=t}return(e=function(r){var n,i,a,l;if(e.isNumeral(r))n=r.value();else if(0===r||void 0===r)n=0;else if(null===r||t.isNaN(r))n=null;else if("string"==typeof r)if(u.zeroFormat&&r===u.zeroFormat)n=0;else if(u.nullFormat&&r===u.nullFormat||!r.replace(/[^0-9]+/g,"").length)n=null;else{for(i in o)if((l="function"==typeof o[i].regexps.unformat?o[i].regexps.unformat():o[i].regexps.unformat)&&r.match(l)){a=o[i].unformat;break}n=(a=a||e._.stringToNumber)(r)}else n=Number(r)||null;return new s(r,n)}).version="2.0.6",e.isNumeral=function(e){return e instanceof s},e._=t={numberToFormat:function(t,r,n){var i,o,l,u,s,c,f,m,h=a[e.options.currentLocale],b=!1,d=!1,p="",g="",v=!1;if(t=t||0,l=Math.abs(t),e._.includes(r,"(")?(b=!0,r=r.replace(/[\(|\)]/g,"")):(e._.includes(r,"+")||e._.includes(r,"-"))&&(c=e._.includes(r,"+")?r.indexOf("+"):t<0?r.indexOf("-"):-1,r=r.replace(/[\+|\-]/g,"")),e._.includes(r,"a")&&(o=!!(o=r.match(/a(k|m|b|t)?/))&&o[1],e._.includes(r," a")&&(p=" "),r=r.replace(new RegExp(p+"a[kmbt]?"),""),l>=1e12&&!o||"t"===o?(p+=h.abbreviations.trillion,t/=1e12):l<1e12&&l>=1e9&&!o||"b"===o?(p+=h.abbreviations.billion,t/=1e9):l<1e9&&l>=1e6&&!o||"m"===o?(p+=h.abbreviations.million,t/=1e6):(l<1e6&&l>=1e3&&!o||"k"===o)&&(p+=h.abbreviations.thousand,t/=1e3)),e._.includes(r,"[.]")&&(d=!0,r=r.replace("[.]",".")),u=t.toString().split(".")[0],s=r.split(".")[1],f=r.indexOf(","),i=(r.split(".")[0].split(",")[0].match(/0/g)||[]).length,s?(e._.includes(s,"[")?(s=(s=s.replace("]","")).split("["),g=e._.toFixed(t,s[0].length+s[1].length,n,s[1].length)):g=e._.toFixed(t,s.length,n),u=g.split(".")[0],g=e._.includes(g,".")?h.delimiters.decimal+g.split(".")[1]:"",d&&0===Number(g.slice(1))&&(g="")):u=e._.toFixed(t,0,n),p&&!o&&Number(u)>=1e3&&p!==h.abbreviations.trillion)switch(u=String(Number(u)/1e3),p){case h.abbreviations.thousand:p=h.abbreviations.million;break;case h.abbreviations.million:p=h.abbreviations.billion;break;case h.abbreviations.billion:p=h.abbreviations.trillion}if(e._.includes(u,"-")&&(u=u.slice(1),v=!0),u.length0;_--)u="0"+u;return f>-1&&(u=u.toString().replace(/(\d)(?=(\d{3})+(?!\d))/g,"$1"+h.delimiters.thousands)),0===r.indexOf(".")&&(u=""),m=u+g+(p||""),b?m=(b&&v?"(":"")+m+(b&&v?")":""):c>=0?m=0===c?(v?"-":"+")+m:m+(v?"-":"+"):v&&(m="-"+m),m},stringToNumber:function(e){var t,r,n,i=a[u.currentLocale],o=e,l={thousand:3,million:6,billion:9,trillion:12};if(u.zeroFormat&&e===u.zeroFormat)r=0;else if(u.nullFormat&&e===u.nullFormat||!e.replace(/[^0-9]+/g,"").length)r=null;else{for(t in r=1,"."!==i.delimiters.decimal&&(e=e.replace(/\./g,"").replace(i.delimiters.decimal,".")),l)if(n=new RegExp("[^a-zA-Z]"+i.abbreviations[t]+"(?:\\)|(\\"+i.currency.symbol+")?(?:\\))?)?$"),o.match(n)){r*=Math.pow(10,l[t]);break}r*=(e.split("-").length+Math.min(e.split("(").length-1,e.split(")").length-1))%2?1:-1,e=e.replace(/[^0-9\.]+/g,""),r*=Number(e)}return r},isNaN:function(e){return"number"==typeof e&&isNaN(e)},includes:function(e,t){return-1!==e.indexOf(t)},insert:function(e,t,r){return e.slice(0,r)+t+e.slice(r)},reduce:function(e,t){if(null===this)throw new TypeError("Array.prototype.reduce called on null or undefined");if("function"!=typeof t)throw new TypeError(t+" is not a function");var r,n=Object(e),i=n.length>>>0,o=0;if(3===arguments.length)r=arguments[2];else{for(;o=i)throw new TypeError("Reduce of empty array with no initial value");r=n[o++]}for(;on?e:n},1)},toFixed:function(e,t,r,n){var i,o,a,l,u=e.toString().split("."),s=t-(n||0);return i=2===u.length?Math.min(Math.max(u[1].length,s),t):s,a=Math.pow(10,i),l=(r(e+"e+"+i)/a).toFixed(i),n>t-i&&(o=new RegExp("\\.?0{1,"+(n-(t-i))+"}$"),l=l.replace(o,"")),l}},e.options=u,e.formats=o,e.locales=a,e.locale=function(e){return e&&(u.currentLocale=e.toLowerCase()),u.currentLocale},e.localeData=function(e){if(!e)return a[u.currentLocale];if(e=e.toLowerCase(),!a[e])throw new Error("Unknown locale : "+e);return a[e]},e.reset=function(){for(var e in l)u[e]=l[e]},e.zeroFormat=function(e){u.zeroFormat="string"==typeof e?e:null},e.nullFormat=function(e){u.nullFormat="string"==typeof e?e:null},e.defaultFormat=function(e){u.defaultFormat="string"==typeof e?e:"0.0"},e.register=function(e,t,r){if(t=t.toLowerCase(),this[e+"s"][t])throw new TypeError(t+" "+e+" already registered.");return this[e+"s"][t]=r,r},e.validate=function(t,r){var n,i,o,a,l,u,s,c;if("string"!=typeof t&&(t+="",console.warn&&console.warn("Numeral.js: Value is not string. It has been co-erced to: ",t)),(t=t.trim()).match(/^\d+$/))return!0;if(""===t)return!1;try{s=e.localeData(r)}catch(t){s=e.localeData(e.locale())}return o=s.currency.symbol,l=s.abbreviations,n=s.delimiters.decimal,i="."===s.delimiters.thousands?"\\.":s.delimiters.thousands,(null===(c=t.match(/^[^\d]+/))||(t=t.substr(1),c[0]===o))&&((null===(c=t.match(/[^\d]+$/))||(t=t.slice(0,-1),c[0]===l.thousand||c[0]===l.million||c[0]===l.billion||c[0]===l.trillion))&&(u=new RegExp(i+"{2}"),!t.match(/[^\d.,]/g)&&(!((a=t.split(n)).length>2)&&(a.length<2?!!a[0].match(/^\d+.*\d$/)&&!a[0].match(u):1===a[0].length?!!a[0].match(/^\d+$/)&&!a[0].match(u)&&!!a[1].match(/^\d+$/):!!a[0].match(/^\d+.*\d$/)&&!a[0].match(u)&&!!a[1].match(/^\d+$/)))))},e.fn=s.prototype={clone:function(){return e(this)},format:function(t,r){var n,i,a,l=this._value,s=t||u.defaultFormat;if(r=r||Math.round,0===l&&null!==u.zeroFormat)i=u.zeroFormat;else if(null===l&&null!==u.nullFormat)i=u.nullFormat;else{for(n in o)if(s.match(o[n].regexps.format)){a=o[n].format;break}i=(a=a||e._.numberToFormat)(l,s,r)}return i},value:function(){return this._value},input:function(){return this._input},set:function(e){return this._value=Number(e),this},add:function(e){var r=t.correctionFactor.call(null,this._value,e);return this._value=t.reduce([this._value,e],function(e,t,n,i){return e+Math.round(r*t)},0)/r,this},subtract:function(e){var r=t.correctionFactor.call(null,this._value,e);return this._value=t.reduce([e],function(e,t,n,i){return e-Math.round(r*t)},Math.round(this._value*r))/r,this},multiply:function(e){return this._value=t.reduce([this._value,e],function(e,r,n,i){var o=t.correctionFactor(e,r);return Math.round(e*o)*Math.round(r*o)/Math.round(o*o)},1),this},divide:function(e){return this._value=t.reduce([this._value,e],function(e,r,n,i){var o=t.correctionFactor(e,r);return Math.round(e*o)/Math.round(r*o)}),this},difference:function(t){return Math.abs(e(this._value).subtract(t).value())}},e.register("locale","en",{delimiters:{thousands:",",decimal:"."},abbreviations:{thousand:"k",million:"m",billion:"b",trillion:"t"},ordinal:function(e){var t=e%10;return 1==~~(e%100/10)?"th":1===t?"st":2===t?"nd":3===t?"rd":"th"},currency:{symbol:"$"}}),e.register("format","bps",{regexps:{format:/(BPS)/,unformat:/(BPS)/},format:function(t,r,n){var i,o=e._.includes(r," BPS")?" ":"";return t*=1e4,r=r.replace(/\s?BPS/,""),i=e._.numberToFormat(t,r,n),e._.includes(i,")")?((i=i.split("")).splice(-1,0,o+"BPS"),i=i.join("")):i=i+o+"BPS",i},unformat:function(t){return+(1e-4*e._.stringToNumber(t)).toFixed(15)}}),n={base:1024,suffixes:["B","KiB","MiB","GiB","TiB","PiB","EiB","ZiB","YiB"]},i="("+(i=(r={base:1e3,suffixes:["B","KB","MB","GB","TB","PB","EB","ZB","YB"]}).suffixes.concat(n.suffixes.filter(function(e){return r.suffixes.indexOf(e)<0})).join("|")).replace("B","B(?!PS)")+")",e.register("format","bytes",{regexps:{format:/([0\s]i?b)/,unformat:new RegExp(i)},format:function(t,i,o){var a,l,u,s=e._.includes(i,"ib")?n:r,c=e._.includes(i," b")||e._.includes(i," ib")?" ":"";for(i=i.replace(/\s?i?b/,""),a=0;a<=s.suffixes.length;a++)if(l=Math.pow(s.base,a),u=Math.pow(s.base,a+1),null===t||0===t||t>=l&&t0&&(t/=l);break}return e._.numberToFormat(t,i,o)+c},unformat:function(t){var i,o,a=e._.stringToNumber(t);if(a){for(i=r.suffixes.length-1;i>=0;i--){if(e._.includes(t,r.suffixes[i])){o=Math.pow(r.base,i);break}if(e._.includes(t,n.suffixes[i])){o=Math.pow(n.base,i);break}}a*=o||1}return a}}),e.register("format","currency",{regexps:{format:/(\$)/},format:function(t,r,n){var i,o,a=e.locales[e.options.currentLocale],l={before:r.match(/^([\+|\-|\(|\s|\$]*)/)[0],after:r.match(/([\+|\-|\)|\s|\$]*)$/)[0]};for(r=r.replace(/\s?\$\s?/,""),i=e._.numberToFormat(t,r,n),t>=0?(l.before=l.before.replace(/[\-\(]/,""),l.after=l.after.replace(/[\-\)]/,"")):t<0&&!e._.includes(l.before,"-")&&!e._.includes(l.before,"(")&&(l.before="-"+l.before),o=0;o=0;o--)switch(l.after[o]){case"$":i=o===l.after.length-1?i+a.currency.symbol:e._.insert(i,a.currency.symbol,-(l.after.length-(1+o)));break;case" ":i=o===l.after.length-1?i+" ":e._.insert(i," ",-(l.after.length-(1+o)+a.currency.symbol.length-1))}return i}}),e.register("format","exponential",{regexps:{format:/(e\+|e-)/,unformat:/(e\+|e-)/},format:function(t,r,n){var i=("number"!=typeof t||e._.isNaN(t)?"0e+0":t.toExponential()).split("e");return r=r.replace(/e[\+|\-]{1}0/,""),e._.numberToFormat(Number(i[0]),r,n)+"e"+i[1]},unformat:function(t){var r=e._.includes(t,"e+")?t.split("e+"):t.split("e-"),n=Number(r[0]),i=Number(r[1]);return i=e._.includes(t,"e-")?i*=-1:i,e._.reduce([n,Math.pow(10,i)],function(t,r,n,i){var o=e._.correctionFactor(t,r);return t*o*(r*o)/(o*o)},1)}}),e.register("format","ordinal",{regexps:{format:/(o)/},format:function(t,r,n){var i=e.locales[e.options.currentLocale],o=e._.includes(r," o")?" ":"";return r=r.replace(/\s?o/,""),o+=i.ordinal(t),e._.numberToFormat(t,r,n)+o}}),e.register("format","percentage",{regexps:{format:/(%)/,unformat:/(%)/},format:function(t,r,n){var i,o=e._.includes(r," %")?" ":"";return e.options.scalePercentBy100&&(t*=100),r=r.replace(/\s?\%/,""),i=e._.numberToFormat(t,r,n),e._.includes(i,")")?((i=i.split("")).splice(-1,0,o+"%"),i=i.join("")):i=i+o+"%",i},unformat:function(t){var r=e._.stringToNumber(t);return e.options.scalePercentBy100?.01*r:r}}),e.register("format","time",{regexps:{format:/(:)/,unformat:/(:)/},format:function(e,t,r){var n=Math.floor(e/60/60),i=Math.floor((e-60*n*60)/60),o=Math.round(e-60*n*60-60*i);return n+":"+(i<10?"0"+i:i)+":"+(o<10?"0"+o:o)},unformat:function(e){var t=e.split(":"),r=0;return 3===t.length?(r+=60*Number(t[0])*60,r+=60*Number(t[1]),r+=Number(t[2])):2===t.length&&(r+=60*Number(t[0]),r+=Number(t[1])),Number(r)}}),e},e.exports?e.exports=n():r.numeral=n()}(r={exports:{}},r.exports),r.exports); +/*! + * PatternFly Elements: PfeNumber 1.0.0-prerelease.50 + * @license + * Copyright 2020 Red Hat, Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + * +*/const i={abbrev:"0a",ordinal:"0o",percent:"0%",bytes:"0[.][00] ib",e:"0[.00]e+0",thousands:"0,0[.][00]"};n.locales.en.delimiters.thousands=" ";class o extends e{static get version(){return"1.0.0-prerelease.50"}get html(){return""}static get tag(){return"pfe-number"}get styleUrl(){return"pfe-number.scss"}get templateUrl(){return"pfe-number.html"}static get observedAttributes(){return["number","format","type"]}constructor(){super(o)}connectedCallback(){super.connectedCallback(),this.connected=!0,this._determineFormat(),this._setInitialNumber()}attributeChangedCallback(e,t,r){switch(super.attributeChangedCallback(...arguments),e){case"type":this._determineFormat();break;case"format":this._updateNumber(this.getAttribute("number"),r);break;case"number":this._updateNumber(r,this.getAttribute("format"))}}_setInitialNumber(){const e=!isNaN(parseFloat(this.getAttribute("number"))),t=!isNaN(parseFloat(this.textContent));e?this.setAttribute("number",this.getAttribute("number")):t&&this.setAttribute("number",this.textContent)}_determineFormat(){let e=this.getAttribute("type");e&&i[e]?this.setAttribute("format",i[e]):this.setAttribute("format",this.getAttribute("format")||"0")}_updateNumber(e,t){if(!e||isNaN(parseFloat(e)))return this.textContent="",void(this.shadowRoot.querySelector("span").textContent="");this.textContent=e,this.shadowRoot.querySelector("span").textContent=this._format(e,t)}_format(e,t){return n(e).format(t)}}e.create(o); +//# sourceMappingURL=pfe-number.min.js.map diff --git a/elements/pfe-number/dist/pfe-number.min.js.map b/elements/pfe-number/dist/pfe-number.min.js.map new file mode 100644 index 0000000000..412152b6bd --- /dev/null +++ b/elements/pfe-number/dist/pfe-number.min.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-number.min.js","sources":["../../../node_modules/numeral/numeral.js","../_temp/pfe-number.js"],"sourcesContent":["/*! @preserve\n * numeral.js\n * version : 2.0.6\n * author : Adam Draper\n * license : MIT\n * http://adamwdraper.github.com/Numeral-js/\n */\n\n(function (global, factory) {\n if (typeof define === 'function' && define.amd) {\n define(factory);\n } else if (typeof module === 'object' && module.exports) {\n module.exports = factory();\n } else {\n global.numeral = factory();\n }\n}(this, function () {\n /************************************\n Variables\n ************************************/\n\n var numeral,\n _,\n VERSION = '2.0.6',\n formats = {},\n locales = {},\n defaults = {\n currentLocale: 'en',\n zeroFormat: null,\n nullFormat: null,\n defaultFormat: '0,0',\n scalePercentBy100: true\n },\n options = {\n currentLocale: defaults.currentLocale,\n zeroFormat: defaults.zeroFormat,\n nullFormat: defaults.nullFormat,\n defaultFormat: defaults.defaultFormat,\n scalePercentBy100: defaults.scalePercentBy100\n };\n\n\n /************************************\n Constructors\n ************************************/\n\n // Numeral prototype object\n function Numeral(input, number) {\n this._input = input;\n\n this._value = number;\n }\n\n numeral = function(input) {\n var value,\n kind,\n unformatFunction,\n regexp;\n\n if (numeral.isNumeral(input)) {\n value = input.value();\n } else if (input === 0 || typeof input === 'undefined') {\n value = 0;\n } else if (input === null || _.isNaN(input)) {\n value = null;\n } else if (typeof input === 'string') {\n if (options.zeroFormat && input === options.zeroFormat) {\n value = 0;\n } else if (options.nullFormat && input === options.nullFormat || !input.replace(/[^0-9]+/g, '').length) {\n value = null;\n } else {\n for (kind in formats) {\n regexp = typeof formats[kind].regexps.unformat === 'function' ? formats[kind].regexps.unformat() : formats[kind].regexps.unformat;\n\n if (regexp && input.match(regexp)) {\n unformatFunction = formats[kind].unformat;\n\n break;\n }\n }\n\n unformatFunction = unformatFunction || numeral._.stringToNumber;\n\n value = unformatFunction(input);\n }\n } else {\n value = Number(input)|| null;\n }\n\n return new Numeral(input, value);\n };\n\n // version number\n numeral.version = VERSION;\n\n // compare numeral object\n numeral.isNumeral = function(obj) {\n return obj instanceof Numeral;\n };\n\n // helper functions\n numeral._ = _ = {\n // formats numbers separators, decimals places, signs, abbreviations\n numberToFormat: function(value, format, roundingFunction) {\n var locale = locales[numeral.options.currentLocale],\n negP = false,\n optDec = false,\n leadingCount = 0,\n abbr = '',\n trillion = 1000000000000,\n billion = 1000000000,\n million = 1000000,\n thousand = 1000,\n decimal = '',\n neg = false,\n abbrForce, // force abbreviation\n abs,\n min,\n max,\n power,\n int,\n precision,\n signed,\n thousands,\n output;\n\n // make sure we never format a null value\n value = value || 0;\n\n abs = Math.abs(value);\n\n // see if we should use parentheses for negative number or if we should prefix with a sign\n // if both are present we default to parentheses\n if (numeral._.includes(format, '(')) {\n negP = true;\n format = format.replace(/[\\(|\\)]/g, '');\n } else if (numeral._.includes(format, '+') || numeral._.includes(format, '-')) {\n signed = numeral._.includes(format, '+') ? format.indexOf('+') : value < 0 ? format.indexOf('-') : -1;\n format = format.replace(/[\\+|\\-]/g, '');\n }\n\n // see if abbreviation is wanted\n if (numeral._.includes(format, 'a')) {\n abbrForce = format.match(/a(k|m|b|t)?/);\n\n abbrForce = abbrForce ? abbrForce[1] : false;\n\n // check for space before abbreviation\n if (numeral._.includes(format, ' a')) {\n abbr = ' ';\n }\n\n format = format.replace(new RegExp(abbr + 'a[kmbt]?'), '');\n\n if (abs >= trillion && !abbrForce || abbrForce === 't') {\n // trillion\n abbr += locale.abbreviations.trillion;\n value = value / trillion;\n } else if (abs < trillion && abs >= billion && !abbrForce || abbrForce === 'b') {\n // billion\n abbr += locale.abbreviations.billion;\n value = value / billion;\n } else if (abs < billion && abs >= million && !abbrForce || abbrForce === 'm') {\n // million\n abbr += locale.abbreviations.million;\n value = value / million;\n } else if (abs < million && abs >= thousand && !abbrForce || abbrForce === 'k') {\n // thousand\n abbr += locale.abbreviations.thousand;\n value = value / thousand;\n }\n }\n\n // check for optional decimals\n if (numeral._.includes(format, '[.]')) {\n optDec = true;\n format = format.replace('[.]', '.');\n }\n\n // break number and format\n int = value.toString().split('.')[0];\n precision = format.split('.')[1];\n thousands = format.indexOf(',');\n leadingCount = (format.split('.')[0].split(',')[0].match(/0/g) || []).length;\n\n if (precision) {\n if (numeral._.includes(precision, '[')) {\n precision = precision.replace(']', '');\n precision = precision.split('[');\n decimal = numeral._.toFixed(value, (precision[0].length + precision[1].length), roundingFunction, precision[1].length);\n } else {\n decimal = numeral._.toFixed(value, precision.length, roundingFunction);\n }\n\n int = decimal.split('.')[0];\n\n if (numeral._.includes(decimal, '.')) {\n decimal = locale.delimiters.decimal + decimal.split('.')[1];\n } else {\n decimal = '';\n }\n\n if (optDec && Number(decimal.slice(1)) === 0) {\n decimal = '';\n }\n } else {\n int = numeral._.toFixed(value, 0, roundingFunction);\n }\n\n // check abbreviation again after rounding\n if (abbr && !abbrForce && Number(int) >= 1000 && abbr !== locale.abbreviations.trillion) {\n int = String(Number(int) / 1000);\n\n switch (abbr) {\n case locale.abbreviations.thousand:\n abbr = locale.abbreviations.million;\n break;\n case locale.abbreviations.million:\n abbr = locale.abbreviations.billion;\n break;\n case locale.abbreviations.billion:\n abbr = locale.abbreviations.trillion;\n break;\n }\n }\n\n\n // format number\n if (numeral._.includes(int, '-')) {\n int = int.slice(1);\n neg = true;\n }\n\n if (int.length < leadingCount) {\n for (var i = leadingCount - int.length; i > 0; i--) {\n int = '0' + int;\n }\n }\n\n if (thousands > -1) {\n int = int.toString().replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, '$1' + locale.delimiters.thousands);\n }\n\n if (format.indexOf('.') === 0) {\n int = '';\n }\n\n output = int + decimal + (abbr ? abbr : '');\n\n if (negP) {\n output = (negP && neg ? '(' : '') + output + (negP && neg ? ')' : '');\n } else {\n if (signed >= 0) {\n output = signed === 0 ? (neg ? '-' : '+') + output : output + (neg ? '-' : '+');\n } else if (neg) {\n output = '-' + output;\n }\n }\n\n return output;\n },\n // unformats numbers separators, decimals places, signs, abbreviations\n stringToNumber: function(string) {\n var locale = locales[options.currentLocale],\n stringOriginal = string,\n abbreviations = {\n thousand: 3,\n million: 6,\n billion: 9,\n trillion: 12\n },\n abbreviation,\n value,\n i,\n regexp;\n\n if (options.zeroFormat && string === options.zeroFormat) {\n value = 0;\n } else if (options.nullFormat && string === options.nullFormat || !string.replace(/[^0-9]+/g, '').length) {\n value = null;\n } else {\n value = 1;\n\n if (locale.delimiters.decimal !== '.') {\n string = string.replace(/\\./g, '').replace(locale.delimiters.decimal, '.');\n }\n\n for (abbreviation in abbreviations) {\n regexp = new RegExp('[^a-zA-Z]' + locale.abbreviations[abbreviation] + '(?:\\\\)|(\\\\' + locale.currency.symbol + ')?(?:\\\\))?)?$');\n\n if (stringOriginal.match(regexp)) {\n value *= Math.pow(10, abbreviations[abbreviation]);\n break;\n }\n }\n\n // check for negative number\n value *= (string.split('-').length + Math.min(string.split('(').length - 1, string.split(')').length - 1)) % 2 ? 1 : -1;\n\n // remove non numbers\n string = string.replace(/[^0-9\\.]+/g, '');\n\n value *= Number(string);\n }\n\n return value;\n },\n isNaN: function(value) {\n return typeof value === 'number' && isNaN(value);\n },\n includes: function(string, search) {\n return string.indexOf(search) !== -1;\n },\n insert: function(string, subString, start) {\n return string.slice(0, start) + subString + string.slice(start);\n },\n reduce: function(array, callback /*, initialValue*/) {\n if (this === null) {\n throw new TypeError('Array.prototype.reduce called on null or undefined');\n }\n\n if (typeof callback !== 'function') {\n throw new TypeError(callback + ' is not a function');\n }\n\n var t = Object(array),\n len = t.length >>> 0,\n k = 0,\n value;\n\n if (arguments.length === 3) {\n value = arguments[2];\n } else {\n while (k < len && !(k in t)) {\n k++;\n }\n\n if (k >= len) {\n throw new TypeError('Reduce of empty array with no initial value');\n }\n\n value = t[k++];\n }\n for (; k < len; k++) {\n if (k in t) {\n value = callback(value, t[k], k, t);\n }\n }\n return value;\n },\n /**\n * Computes the multiplier necessary to make x >= 1,\n * effectively eliminating miscalculations caused by\n * finite precision.\n */\n multiplier: function (x) {\n var parts = x.toString().split('.');\n\n return parts.length < 2 ? 1 : Math.pow(10, parts[1].length);\n },\n /**\n * Given a variable number of arguments, returns the maximum\n * multiplier that must be used to normalize an operation involving\n * all of them.\n */\n correctionFactor: function () {\n var args = Array.prototype.slice.call(arguments);\n\n return args.reduce(function(accum, next) {\n var mn = _.multiplier(next);\n return accum > mn ? accum : mn;\n }, 1);\n },\n /**\n * Implementation of toFixed() that treats floats more like decimals\n *\n * Fixes binary rounding issues (eg. (0.615).toFixed(2) === '0.61') that present\n * problems for accounting- and finance-related software.\n */\n toFixed: function(value, maxDecimals, roundingFunction, optionals) {\n var splitValue = value.toString().split('.'),\n minDecimals = maxDecimals - (optionals || 0),\n boundedPrecision,\n optionalsRegExp,\n power,\n output;\n\n // Use the smallest precision value possible to avoid errors from floating point representation\n if (splitValue.length === 2) {\n boundedPrecision = Math.min(Math.max(splitValue[1].length, minDecimals), maxDecimals);\n } else {\n boundedPrecision = minDecimals;\n }\n\n power = Math.pow(10, boundedPrecision);\n\n // Multiply up by precision, round accurately, then divide and use native toFixed():\n output = (roundingFunction(value + 'e+' + boundedPrecision) / power).toFixed(boundedPrecision);\n\n if (optionals > maxDecimals - boundedPrecision) {\n optionalsRegExp = new RegExp('\\\\.?0{1,' + (optionals - (maxDecimals - boundedPrecision)) + '}$');\n output = output.replace(optionalsRegExp, '');\n }\n\n return output;\n }\n };\n\n // avaliable options\n numeral.options = options;\n\n // avaliable formats\n numeral.formats = formats;\n\n // avaliable formats\n numeral.locales = locales;\n\n // This function sets the current locale. If\n // no arguments are passed in, it will simply return the current global\n // locale key.\n numeral.locale = function(key) {\n if (key) {\n options.currentLocale = key.toLowerCase();\n }\n\n return options.currentLocale;\n };\n\n // This function provides access to the loaded locale data. If\n // no arguments are passed in, it will simply return the current\n // global locale object.\n numeral.localeData = function(key) {\n if (!key) {\n return locales[options.currentLocale];\n }\n\n key = key.toLowerCase();\n\n if (!locales[key]) {\n throw new Error('Unknown locale : ' + key);\n }\n\n return locales[key];\n };\n\n numeral.reset = function() {\n for (var property in defaults) {\n options[property] = defaults[property];\n }\n };\n\n numeral.zeroFormat = function(format) {\n options.zeroFormat = typeof(format) === 'string' ? format : null;\n };\n\n numeral.nullFormat = function (format) {\n options.nullFormat = typeof(format) === 'string' ? format : null;\n };\n\n numeral.defaultFormat = function(format) {\n options.defaultFormat = typeof(format) === 'string' ? format : '0.0';\n };\n\n numeral.register = function(type, name, format) {\n name = name.toLowerCase();\n\n if (this[type + 's'][name]) {\n throw new TypeError(name + ' ' + type + ' already registered.');\n }\n\n this[type + 's'][name] = format;\n\n return format;\n };\n\n\n numeral.validate = function(val, culture) {\n var _decimalSep,\n _thousandSep,\n _currSymbol,\n _valArray,\n _abbrObj,\n _thousandRegEx,\n localeData,\n temp;\n\n //coerce val to string\n if (typeof val !== 'string') {\n val += '';\n\n if (console.warn) {\n console.warn('Numeral.js: Value is not string. It has been co-erced to: ', val);\n }\n }\n\n //trim whitespaces from either sides\n val = val.trim();\n\n //if val is just digits return true\n if (!!val.match(/^\\d+$/)) {\n return true;\n }\n\n //if val is empty return false\n if (val === '') {\n return false;\n }\n\n //get the decimal and thousands separator from numeral.localeData\n try {\n //check if the culture is understood by numeral. if not, default it to current locale\n localeData = numeral.localeData(culture);\n } catch (e) {\n localeData = numeral.localeData(numeral.locale());\n }\n\n //setup the delimiters and currency symbol based on culture/locale\n _currSymbol = localeData.currency.symbol;\n _abbrObj = localeData.abbreviations;\n _decimalSep = localeData.delimiters.decimal;\n if (localeData.delimiters.thousands === '.') {\n _thousandSep = '\\\\.';\n } else {\n _thousandSep = localeData.delimiters.thousands;\n }\n\n // validating currency symbol\n temp = val.match(/^[^\\d]+/);\n if (temp !== null) {\n val = val.substr(1);\n if (temp[0] !== _currSymbol) {\n return false;\n }\n }\n\n //validating abbreviation symbol\n temp = val.match(/[^\\d]+$/);\n if (temp !== null) {\n val = val.slice(0, -1);\n if (temp[0] !== _abbrObj.thousand && temp[0] !== _abbrObj.million && temp[0] !== _abbrObj.billion && temp[0] !== _abbrObj.trillion) {\n return false;\n }\n }\n\n _thousandRegEx = new RegExp(_thousandSep + '{2}');\n\n if (!val.match(/[^\\d.,]/g)) {\n _valArray = val.split(_decimalSep);\n if (_valArray.length > 2) {\n return false;\n } else {\n if (_valArray.length < 2) {\n return ( !! _valArray[0].match(/^\\d+.*\\d$/) && !_valArray[0].match(_thousandRegEx));\n } else {\n if (_valArray[0].length === 1) {\n return ( !! _valArray[0].match(/^\\d+$/) && !_valArray[0].match(_thousandRegEx) && !! _valArray[1].match(/^\\d+$/));\n } else {\n return ( !! _valArray[0].match(/^\\d+.*\\d$/) && !_valArray[0].match(_thousandRegEx) && !! _valArray[1].match(/^\\d+$/));\n }\n }\n }\n }\n\n return false;\n };\n\n\n /************************************\n Numeral Prototype\n ************************************/\n\n numeral.fn = Numeral.prototype = {\n clone: function() {\n return numeral(this);\n },\n format: function(inputString, roundingFunction) {\n var value = this._value,\n format = inputString || options.defaultFormat,\n kind,\n output,\n formatFunction;\n\n // make sure we have a roundingFunction\n roundingFunction = roundingFunction || Math.round;\n\n // format based on value\n if (value === 0 && options.zeroFormat !== null) {\n output = options.zeroFormat;\n } else if (value === null && options.nullFormat !== null) {\n output = options.nullFormat;\n } else {\n for (kind in formats) {\n if (format.match(formats[kind].regexps.format)) {\n formatFunction = formats[kind].format;\n\n break;\n }\n }\n\n formatFunction = formatFunction || numeral._.numberToFormat;\n\n output = formatFunction(value, format, roundingFunction);\n }\n\n return output;\n },\n value: function() {\n return this._value;\n },\n input: function() {\n return this._input;\n },\n set: function(value) {\n this._value = Number(value);\n\n return this;\n },\n add: function(value) {\n var corrFactor = _.correctionFactor.call(null, this._value, value);\n\n function cback(accum, curr, currI, O) {\n return accum + Math.round(corrFactor * curr);\n }\n\n this._value = _.reduce([this._value, value], cback, 0) / corrFactor;\n\n return this;\n },\n subtract: function(value) {\n var corrFactor = _.correctionFactor.call(null, this._value, value);\n\n function cback(accum, curr, currI, O) {\n return accum - Math.round(corrFactor * curr);\n }\n\n this._value = _.reduce([value], cback, Math.round(this._value * corrFactor)) / corrFactor;\n\n return this;\n },\n multiply: function(value) {\n function cback(accum, curr, currI, O) {\n var corrFactor = _.correctionFactor(accum, curr);\n return Math.round(accum * corrFactor) * Math.round(curr * corrFactor) / Math.round(corrFactor * corrFactor);\n }\n\n this._value = _.reduce([this._value, value], cback, 1);\n\n return this;\n },\n divide: function(value) {\n function cback(accum, curr, currI, O) {\n var corrFactor = _.correctionFactor(accum, curr);\n return Math.round(accum * corrFactor) / Math.round(curr * corrFactor);\n }\n\n this._value = _.reduce([this._value, value], cback);\n\n return this;\n },\n difference: function(value) {\n return Math.abs(numeral(this._value).subtract(value).value());\n }\n };\n\n /************************************\n Default Locale && Format\n ************************************/\n\n numeral.register('locale', 'en', {\n delimiters: {\n thousands: ',',\n decimal: '.'\n },\n abbreviations: {\n thousand: 'k',\n million: 'm',\n billion: 'b',\n trillion: 't'\n },\n ordinal: function(number) {\n var b = number % 10;\n return (~~(number % 100 / 10) === 1) ? 'th' :\n (b === 1) ? 'st' :\n (b === 2) ? 'nd' :\n (b === 3) ? 'rd' : 'th';\n },\n currency: {\n symbol: '$'\n }\n });\n\n \n\n(function() {\n numeral.register('format', 'bps', {\n regexps: {\n format: /(BPS)/,\n unformat: /(BPS)/\n },\n format: function(value, format, roundingFunction) {\n var space = numeral._.includes(format, ' BPS') ? ' ' : '',\n output;\n\n value = value * 10000;\n\n // check for space before BPS\n format = format.replace(/\\s?BPS/, '');\n\n output = numeral._.numberToFormat(value, format, roundingFunction);\n\n if (numeral._.includes(output, ')')) {\n output = output.split('');\n\n output.splice(-1, 0, space + 'BPS');\n\n output = output.join('');\n } else {\n output = output + space + 'BPS';\n }\n\n return output;\n },\n unformat: function(string) {\n return +(numeral._.stringToNumber(string) * 0.0001).toFixed(15);\n }\n });\n})();\n\n\n(function() {\n var decimal = {\n base: 1000,\n suffixes: ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']\n },\n binary = {\n base: 1024,\n suffixes: ['B', 'KiB', 'MiB', 'GiB', 'TiB', 'PiB', 'EiB', 'ZiB', 'YiB']\n };\n\n var allSuffixes = decimal.suffixes.concat(binary.suffixes.filter(function (item) {\n return decimal.suffixes.indexOf(item) < 0;\n }));\n var unformatRegex = allSuffixes.join('|');\n // Allow support for BPS (http://www.investopedia.com/terms/b/basispoint.asp)\n unformatRegex = '(' + unformatRegex.replace('B', 'B(?!PS)') + ')';\n\n numeral.register('format', 'bytes', {\n regexps: {\n format: /([0\\s]i?b)/,\n unformat: new RegExp(unformatRegex)\n },\n format: function(value, format, roundingFunction) {\n var output,\n bytes = numeral._.includes(format, 'ib') ? binary : decimal,\n suffix = numeral._.includes(format, ' b') || numeral._.includes(format, ' ib') ? ' ' : '',\n power,\n min,\n max;\n\n // check for space before\n format = format.replace(/\\s?i?b/, '');\n\n for (power = 0; power <= bytes.suffixes.length; power++) {\n min = Math.pow(bytes.base, power);\n max = Math.pow(bytes.base, power + 1);\n\n if (value === null || value === 0 || value >= min && value < max) {\n suffix += bytes.suffixes[power];\n\n if (min > 0) {\n value = value / min;\n }\n\n break;\n }\n }\n\n output = numeral._.numberToFormat(value, format, roundingFunction);\n\n return output + suffix;\n },\n unformat: function(string) {\n var value = numeral._.stringToNumber(string),\n power,\n bytesMultiplier;\n\n if (value) {\n for (power = decimal.suffixes.length - 1; power >= 0; power--) {\n if (numeral._.includes(string, decimal.suffixes[power])) {\n bytesMultiplier = Math.pow(decimal.base, power);\n\n break;\n }\n\n if (numeral._.includes(string, binary.suffixes[power])) {\n bytesMultiplier = Math.pow(binary.base, power);\n\n break;\n }\n }\n\n value *= (bytesMultiplier || 1);\n }\n\n return value;\n }\n });\n})();\n\n\n(function() {\n numeral.register('format', 'currency', {\n regexps: {\n format: /(\\$)/\n },\n format: function(value, format, roundingFunction) {\n var locale = numeral.locales[numeral.options.currentLocale],\n symbols = {\n before: format.match(/^([\\+|\\-|\\(|\\s|\\$]*)/)[0],\n after: format.match(/([\\+|\\-|\\)|\\s|\\$]*)$/)[0]\n },\n output,\n symbol,\n i;\n\n // strip format of spaces and $\n format = format.replace(/\\s?\\$\\s?/, '');\n\n // format the number\n output = numeral._.numberToFormat(value, format, roundingFunction);\n\n // update the before and after based on value\n if (value >= 0) {\n symbols.before = symbols.before.replace(/[\\-\\(]/, '');\n symbols.after = symbols.after.replace(/[\\-\\)]/, '');\n } else if (value < 0 && (!numeral._.includes(symbols.before, '-') && !numeral._.includes(symbols.before, '('))) {\n symbols.before = '-' + symbols.before;\n }\n\n // loop through each before symbol\n for (i = 0; i < symbols.before.length; i++) {\n symbol = symbols.before[i];\n\n switch (symbol) {\n case '$':\n output = numeral._.insert(output, locale.currency.symbol, i);\n break;\n case ' ':\n output = numeral._.insert(output, ' ', i + locale.currency.symbol.length - 1);\n break;\n }\n }\n\n // loop through each after symbol\n for (i = symbols.after.length - 1; i >= 0; i--) {\n symbol = symbols.after[i];\n\n switch (symbol) {\n case '$':\n output = i === symbols.after.length - 1 ? output + locale.currency.symbol : numeral._.insert(output, locale.currency.symbol, -(symbols.after.length - (1 + i)));\n break;\n case ' ':\n output = i === symbols.after.length - 1 ? output + ' ' : numeral._.insert(output, ' ', -(symbols.after.length - (1 + i) + locale.currency.symbol.length - 1));\n break;\n }\n }\n\n\n return output;\n }\n });\n})();\n\n\n(function() {\n numeral.register('format', 'exponential', {\n regexps: {\n format: /(e\\+|e-)/,\n unformat: /(e\\+|e-)/\n },\n format: function(value, format, roundingFunction) {\n var output,\n exponential = typeof value === 'number' && !numeral._.isNaN(value) ? value.toExponential() : '0e+0',\n parts = exponential.split('e');\n\n format = format.replace(/e[\\+|\\-]{1}0/, '');\n\n output = numeral._.numberToFormat(Number(parts[0]), format, roundingFunction);\n\n return output + 'e' + parts[1];\n },\n unformat: function(string) {\n var parts = numeral._.includes(string, 'e+') ? string.split('e+') : string.split('e-'),\n value = Number(parts[0]),\n power = Number(parts[1]);\n\n power = numeral._.includes(string, 'e-') ? power *= -1 : power;\n\n function cback(accum, curr, currI, O) {\n var corrFactor = numeral._.correctionFactor(accum, curr),\n num = (accum * corrFactor) * (curr * corrFactor) / (corrFactor * corrFactor);\n return num;\n }\n\n return numeral._.reduce([value, Math.pow(10, power)], cback, 1);\n }\n });\n})();\n\n\n(function() {\n numeral.register('format', 'ordinal', {\n regexps: {\n format: /(o)/\n },\n format: function(value, format, roundingFunction) {\n var locale = numeral.locales[numeral.options.currentLocale],\n output,\n ordinal = numeral._.includes(format, ' o') ? ' ' : '';\n\n // check for space before\n format = format.replace(/\\s?o/, '');\n\n ordinal += locale.ordinal(value);\n\n output = numeral._.numberToFormat(value, format, roundingFunction);\n\n return output + ordinal;\n }\n });\n})();\n\n\n(function() {\n numeral.register('format', 'percentage', {\n regexps: {\n format: /(%)/,\n unformat: /(%)/\n },\n format: function(value, format, roundingFunction) {\n var space = numeral._.includes(format, ' %') ? ' ' : '',\n output;\n\n if (numeral.options.scalePercentBy100) {\n value = value * 100;\n }\n\n // check for space before %\n format = format.replace(/\\s?\\%/, '');\n\n output = numeral._.numberToFormat(value, format, roundingFunction);\n\n if (numeral._.includes(output, ')')) {\n output = output.split('');\n\n output.splice(-1, 0, space + '%');\n\n output = output.join('');\n } else {\n output = output + space + '%';\n }\n\n return output;\n },\n unformat: function(string) {\n var number = numeral._.stringToNumber(string);\n if (numeral.options.scalePercentBy100) {\n return number * 0.01;\n }\n return number;\n }\n });\n})();\n\n\n(function() {\n numeral.register('format', 'time', {\n regexps: {\n format: /(:)/,\n unformat: /(:)/\n },\n format: function(value, format, roundingFunction) {\n var hours = Math.floor(value / 60 / 60),\n minutes = Math.floor((value - (hours * 60 * 60)) / 60),\n seconds = Math.round(value - (hours * 60 * 60) - (minutes * 60));\n\n return hours + ':' + (minutes < 10 ? '0' + minutes : minutes) + ':' + (seconds < 10 ? '0' + seconds : seconds);\n },\n unformat: function(string) {\n var timeArray = string.split(':'),\n seconds = 0;\n\n // turn hours and minutes into seconds and add them all up\n if (timeArray.length === 3) {\n // hours\n seconds = seconds + (Number(timeArray[0]) * 60 * 60);\n // minutes\n seconds = seconds + (Number(timeArray[1]) * 60);\n // seconds\n seconds = seconds + Number(timeArray[2]);\n } else if (timeArray.length === 2) {\n // minutes\n seconds = seconds + (Number(timeArray[0]) * 60);\n // seconds\n seconds = seconds + Number(timeArray[1]);\n }\n return Number(seconds);\n }\n });\n})();\n\nreturn numeral;\n}));\n","/*!\n * PatternFly Elements: PfeNumber 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\n// Import polyfills: isNaN\nimport \"./polyfills--pfe-number.js\";\n\nimport PFElement from \"../../pfelement/dist/pfelement.js\";\nimport numeral from \"numeral\";\n\n// easy aliases for common format strings\nconst types = {\n abbrev: \"0a\", // or 'approx'?\n ordinal: \"0o\",\n percent: \"0%\",\n bytes: \"0[.][00] ib\",\n e: \"0[.00]e+0\",\n thousands: \"0,0[.][00]\"\n};\n\n// use thin spaces to separate thousands chunks\n// debugger;\nnumeral.locales.en.delimiters.thousands = \" \";\n\nclass PfeNumber extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return ``;\n }\n static get tag() {\n return \"pfe-number\";\n }\n\n get styleUrl() {\n return \"pfe-number.scss\";\n }\n\n get templateUrl() {\n return \"pfe-number.html\";\n }\n\n static get observedAttributes() {\n return [\"number\", \"format\", \"type\"];\n }\n\n constructor() {\n super(PfeNumber);\n }\n\n connectedCallback() {\n super.connectedCallback();\n this.connected = true;\n\n this._determineFormat();\n this._setInitialNumber();\n }\n\n attributeChangedCallback(attr, oldVal, newVal) {\n super.attributeChangedCallback(...arguments);\n switch (attr) {\n case \"type\":\n this._determineFormat();\n break;\n case \"format\":\n this._updateNumber(this.getAttribute(\"number\"), newVal);\n break;\n case \"number\":\n this._updateNumber(newVal, this.getAttribute(\"format\"));\n }\n }\n\n _setInitialNumber() {\n const numberAttrDefined = !isNaN(parseFloat(this.getAttribute(\"number\")));\n const numberContentDefined = !isNaN(parseFloat(this.textContent));\n\n if (numberAttrDefined) {\n this.setAttribute(\"number\", this.getAttribute(\"number\"));\n } else if (numberContentDefined) {\n this.setAttribute(\"number\", this.textContent);\n }\n }\n\n _determineFormat() {\n let type = this.getAttribute(\"type\");\n\n if (type && types[type]) {\n this.setAttribute(\"format\", types[type]);\n } else {\n this.setAttribute(\"format\", this.getAttribute(\"format\") || \"0\");\n }\n }\n\n _updateNumber(num, type) {\n if (!num || isNaN(parseFloat(num))) {\n this.textContent = \"\";\n this.shadowRoot.querySelector(\"span\").textContent = \"\";\n\n return;\n }\n\n this.textContent = num;\n this.shadowRoot.querySelector(\"span\").textContent = this._format(num, type);\n }\n\n _format(num, type) {\n return numeral(num).format(type);\n }\n}\n\nPFElement.create(PfeNumber);\n"],"names":["global","factory","this","numeral","_","decimal","binary","unformatRegex","formats","locales","defaults","currentLocale","zeroFormat","nullFormat","defaultFormat","scalePercentBy100","options","Numeral","input","number","_input","_value","value","kind","unformatFunction","regexp","isNumeral","isNaN","replace","length","regexps","unformat","match","stringToNumber","Number","version","obj","numberToFormat","format","roundingFunction","leadingCount","abbrForce","abs","int","precision","signed","thousands","output","locale","negP","optDec","abbr","neg","Math","includes","indexOf","RegExp","abbreviations","trillion","billion","million","thousand","toString","split","toFixed","delimiters","slice","String","i","string","abbreviation","stringOriginal","currency","symbol","pow","min","search","insert","subString","start","reduce","array","callback","TypeError","t","Object","len","k","arguments","multiplier","x","parts","correctionFactor","Array","prototype","call","accum","next","mn","maxDecimals","optionals","boundedPrecision","optionalsRegExp","power","splitValue","minDecimals","max","key","toLowerCase","localeData","Error","reset","property","register","type","name","validate","val","culture","_decimalSep","_thousandSep","_currSymbol","_valArray","_abbrObj","_thousandRegEx","temp","console","warn","trim","e","substr","fn","clone","inputString","formatFunction","round","set","add","corrFactor","curr","currI","O","subtract","multiply","divide","difference","ordinal","b","space","splice","join","base","suffixes","concat","filter","item","bytes","suffix","bytesMultiplier","symbols","before","after","toExponential","hours","floor","minutes","seconds","timeArray","module","exports","types","abbrev","percent","en","PfeNumber","PFElement","html","tag","styleUrl","templateUrl","observedAttributes","[object Object]","super","connectedCallback","connected","_determineFormat","_setInitialNumber","attr","oldVal","newVal","attributeChangedCallback","_updateNumber","getAttribute","numberAttrDefined","parseFloat","numberContentDefined","textContent","setAttribute","num","shadowRoot","querySelector","_format","create"],"mappings":"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"} \ No newline at end of file diff --git a/elements/pfe-number/dist/pfe-number.umd.js b/elements/pfe-number/dist/pfe-number.umd.js new file mode 100644 index 0000000000..7c1f3d7f9c --- /dev/null +++ b/elements/pfe-number/dist/pfe-number.umd.js @@ -0,0 +1,1235 @@ +(function (global, factory) { + typeof exports === 'object' && typeof module !== 'undefined' ? factory(require('../../pfelement/dist/pfelement.umd')) : + typeof define === 'function' && define.amd ? define(['../../pfelement/dist/pfelement.umd'], factory) : + (factory(global.PFElement)); +}(this, (function (PFElement) { 'use strict'; + + PFElement = PFElement && PFElement.hasOwnProperty('default') ? PFElement['default'] : PFElement; + + // @POLYFILL isNaN, non-mutating polyfill for IE11 + + var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {}; + + function createCommonjsModule(fn, module) { + return module = { exports: {} }, fn(module, module.exports), module.exports; + } + + var numeral = createCommonjsModule(function (module) { + /*! @preserve + * numeral.js + * version : 2.0.6 + * author : Adam Draper + * license : MIT + * http://adamwdraper.github.com/Numeral-js/ + */ + + (function (global, factory) { + if (module.exports) { + module.exports = factory(); + } else { + global.numeral = factory(); + } + })(commonjsGlobal, function () { + /************************************ + Variables + ************************************/ + + var _numeral, + _, + VERSION = '2.0.6', + formats = {}, + locales = {}, + defaults = { + currentLocale: 'en', + zeroFormat: null, + nullFormat: null, + defaultFormat: '0,0', + scalePercentBy100: true + }, + options = { + currentLocale: defaults.currentLocale, + zeroFormat: defaults.zeroFormat, + nullFormat: defaults.nullFormat, + defaultFormat: defaults.defaultFormat, + scalePercentBy100: defaults.scalePercentBy100 + }; + + /************************************ + Constructors + ************************************/ + + // Numeral prototype object + function Numeral(input, number) { + this._input = input; + + this._value = number; + } + + _numeral = function numeral(input) { + var value, kind, unformatFunction, regexp; + + if (_numeral.isNumeral(input)) { + value = input.value(); + } else if (input === 0 || typeof input === 'undefined') { + value = 0; + } else if (input === null || _.isNaN(input)) { + value = null; + } else if (typeof input === 'string') { + if (options.zeroFormat && input === options.zeroFormat) { + value = 0; + } else if (options.nullFormat && input === options.nullFormat || !input.replace(/[^0-9]+/g, '').length) { + value = null; + } else { + for (kind in formats) { + regexp = typeof formats[kind].regexps.unformat === 'function' ? formats[kind].regexps.unformat() : formats[kind].regexps.unformat; + + if (regexp && input.match(regexp)) { + unformatFunction = formats[kind].unformat; + + break; + } + } + + unformatFunction = unformatFunction || _numeral._.stringToNumber; + + value = unformatFunction(input); + } + } else { + value = Number(input) || null; + } + + return new Numeral(input, value); + }; + + // version number + _numeral.version = VERSION; + + // compare numeral object + _numeral.isNumeral = function (obj) { + return obj instanceof Numeral; + }; + + // helper functions + _numeral._ = _ = { + // formats numbers separators, decimals places, signs, abbreviations + numberToFormat: function numberToFormat(value, format, roundingFunction) { + var locale = locales[_numeral.options.currentLocale], + negP = false, + optDec = false, + leadingCount = 0, + abbr = '', + trillion = 1000000000000, + billion = 1000000000, + million = 1000000, + thousand = 1000, + decimal = '', + neg = false, + abbrForce, + // force abbreviation + abs, + int, + precision, + signed, + thousands, + output; + + // make sure we never format a null value + value = value || 0; + + abs = Math.abs(value); + + // see if we should use parentheses for negative number or if we should prefix with a sign + // if both are present we default to parentheses + if (_numeral._.includes(format, '(')) { + negP = true; + format = format.replace(/[\(|\)]/g, ''); + } else if (_numeral._.includes(format, '+') || _numeral._.includes(format, '-')) { + signed = _numeral._.includes(format, '+') ? format.indexOf('+') : value < 0 ? format.indexOf('-') : -1; + format = format.replace(/[\+|\-]/g, ''); + } + + // see if abbreviation is wanted + if (_numeral._.includes(format, 'a')) { + abbrForce = format.match(/a(k|m|b|t)?/); + + abbrForce = abbrForce ? abbrForce[1] : false; + + // check for space before abbreviation + if (_numeral._.includes(format, ' a')) { + abbr = ' '; + } + + format = format.replace(new RegExp(abbr + 'a[kmbt]?'), ''); + + if (abs >= trillion && !abbrForce || abbrForce === 't') { + // trillion + abbr += locale.abbreviations.trillion; + value = value / trillion; + } else if (abs < trillion && abs >= billion && !abbrForce || abbrForce === 'b') { + // billion + abbr += locale.abbreviations.billion; + value = value / billion; + } else if (abs < billion && abs >= million && !abbrForce || abbrForce === 'm') { + // million + abbr += locale.abbreviations.million; + value = value / million; + } else if (abs < million && abs >= thousand && !abbrForce || abbrForce === 'k') { + // thousand + abbr += locale.abbreviations.thousand; + value = value / thousand; + } + } + + // check for optional decimals + if (_numeral._.includes(format, '[.]')) { + optDec = true; + format = format.replace('[.]', '.'); + } + + // break number and format + int = value.toString().split('.')[0]; + precision = format.split('.')[1]; + thousands = format.indexOf(','); + leadingCount = (format.split('.')[0].split(',')[0].match(/0/g) || []).length; + + if (precision) { + if (_numeral._.includes(precision, '[')) { + precision = precision.replace(']', ''); + precision = precision.split('['); + decimal = _numeral._.toFixed(value, precision[0].length + precision[1].length, roundingFunction, precision[1].length); + } else { + decimal = _numeral._.toFixed(value, precision.length, roundingFunction); + } + + int = decimal.split('.')[0]; + + if (_numeral._.includes(decimal, '.')) { + decimal = locale.delimiters.decimal + decimal.split('.')[1]; + } else { + decimal = ''; + } + + if (optDec && Number(decimal.slice(1)) === 0) { + decimal = ''; + } + } else { + int = _numeral._.toFixed(value, 0, roundingFunction); + } + + // check abbreviation again after rounding + if (abbr && !abbrForce && Number(int) >= 1000 && abbr !== locale.abbreviations.trillion) { + int = String(Number(int) / 1000); + + switch (abbr) { + case locale.abbreviations.thousand: + abbr = locale.abbreviations.million; + break; + case locale.abbreviations.million: + abbr = locale.abbreviations.billion; + break; + case locale.abbreviations.billion: + abbr = locale.abbreviations.trillion; + break; + } + } + + // format number + if (_numeral._.includes(int, '-')) { + int = int.slice(1); + neg = true; + } + + if (int.length < leadingCount) { + for (var i = leadingCount - int.length; i > 0; i--) { + int = '0' + int; + } + } + + if (thousands > -1) { + int = int.toString().replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1' + locale.delimiters.thousands); + } + + if (format.indexOf('.') === 0) { + int = ''; + } + + output = int + decimal + (abbr ? abbr : ''); + + if (negP) { + output = (negP && neg ? '(' : '') + output + (negP && neg ? ')' : ''); + } else { + if (signed >= 0) { + output = signed === 0 ? (neg ? '-' : '+') + output : output + (neg ? '-' : '+'); + } else if (neg) { + output = '-' + output; + } + } + + return output; + }, + // unformats numbers separators, decimals places, signs, abbreviations + stringToNumber: function stringToNumber(string) { + var locale = locales[options.currentLocale], + stringOriginal = string, + abbreviations = { + thousand: 3, + million: 6, + billion: 9, + trillion: 12 + }, + abbreviation, + value, + regexp; + + if (options.zeroFormat && string === options.zeroFormat) { + value = 0; + } else if (options.nullFormat && string === options.nullFormat || !string.replace(/[^0-9]+/g, '').length) { + value = null; + } else { + value = 1; + + if (locale.delimiters.decimal !== '.') { + string = string.replace(/\./g, '').replace(locale.delimiters.decimal, '.'); + } + + for (abbreviation in abbreviations) { + regexp = new RegExp('[^a-zA-Z]' + locale.abbreviations[abbreviation] + '(?:\\)|(\\' + locale.currency.symbol + ')?(?:\\))?)?$'); + + if (stringOriginal.match(regexp)) { + value *= Math.pow(10, abbreviations[abbreviation]); + break; + } + } + + // check for negative number + value *= (string.split('-').length + Math.min(string.split('(').length - 1, string.split(')').length - 1)) % 2 ? 1 : -1; + + // remove non numbers + string = string.replace(/[^0-9\.]+/g, ''); + + value *= Number(string); + } + + return value; + }, + isNaN: function (_isNaN) { + function isNaN(_x) { + return _isNaN.apply(this, arguments); + } + + isNaN.toString = function () { + return _isNaN.toString(); + }; + + return isNaN; + }(function (value) { + return typeof value === 'number' && isNaN(value); + }), + includes: function includes(string, search) { + return string.indexOf(search) !== -1; + }, + insert: function insert(string, subString, start) { + return string.slice(0, start) + subString + string.slice(start); + }, + reduce: function reduce(array, callback /*, initialValue*/) { + if (this === null) { + throw new TypeError('Array.prototype.reduce called on null or undefined'); + } + + if (typeof callback !== 'function') { + throw new TypeError(callback + ' is not a function'); + } + + var t = Object(array), + len = t.length >>> 0, + k = 0, + value; + + if (arguments.length === 3) { + value = arguments[2]; + } else { + while (k < len && !(k in t)) { + k++; + } + + if (k >= len) { + throw new TypeError('Reduce of empty array with no initial value'); + } + + value = t[k++]; + } + for (; k < len; k++) { + if (k in t) { + value = callback(value, t[k], k, t); + } + } + return value; + }, + /** + * Computes the multiplier necessary to make x >= 1, + * effectively eliminating miscalculations caused by + * finite precision. + */ + multiplier: function multiplier(x) { + var parts = x.toString().split('.'); + + return parts.length < 2 ? 1 : Math.pow(10, parts[1].length); + }, + /** + * Given a variable number of arguments, returns the maximum + * multiplier that must be used to normalize an operation involving + * all of them. + */ + correctionFactor: function correctionFactor() { + var args = Array.prototype.slice.call(arguments); + + return args.reduce(function (accum, next) { + var mn = _.multiplier(next); + return accum > mn ? accum : mn; + }, 1); + }, + /** + * Implementation of toFixed() that treats floats more like decimals + * + * Fixes binary rounding issues (eg. (0.615).toFixed(2) === '0.61') that present + * problems for accounting- and finance-related software. + */ + toFixed: function toFixed(value, maxDecimals, roundingFunction, optionals) { + var splitValue = value.toString().split('.'), + minDecimals = maxDecimals - (optionals || 0), + boundedPrecision, + optionalsRegExp, + power, + output; + + // Use the smallest precision value possible to avoid errors from floating point representation + if (splitValue.length === 2) { + boundedPrecision = Math.min(Math.max(splitValue[1].length, minDecimals), maxDecimals); + } else { + boundedPrecision = minDecimals; + } + + power = Math.pow(10, boundedPrecision); + + // Multiply up by precision, round accurately, then divide and use native toFixed(): + output = (roundingFunction(value + 'e+' + boundedPrecision) / power).toFixed(boundedPrecision); + + if (optionals > maxDecimals - boundedPrecision) { + optionalsRegExp = new RegExp('\\.?0{1,' + (optionals - (maxDecimals - boundedPrecision)) + '}$'); + output = output.replace(optionalsRegExp, ''); + } + + return output; + } + }; + + // avaliable options + _numeral.options = options; + + // avaliable formats + _numeral.formats = formats; + + // avaliable formats + _numeral.locales = locales; + + // This function sets the current locale. If + // no arguments are passed in, it will simply return the current global + // locale key. + _numeral.locale = function (key) { + if (key) { + options.currentLocale = key.toLowerCase(); + } + + return options.currentLocale; + }; + + // This function provides access to the loaded locale data. If + // no arguments are passed in, it will simply return the current + // global locale object. + _numeral.localeData = function (key) { + if (!key) { + return locales[options.currentLocale]; + } + + key = key.toLowerCase(); + + if (!locales[key]) { + throw new Error('Unknown locale : ' + key); + } + + return locales[key]; + }; + + _numeral.reset = function () { + for (var property in defaults) { + options[property] = defaults[property]; + } + }; + + _numeral.zeroFormat = function (format) { + options.zeroFormat = typeof format === 'string' ? format : null; + }; + + _numeral.nullFormat = function (format) { + options.nullFormat = typeof format === 'string' ? format : null; + }; + + _numeral.defaultFormat = function (format) { + options.defaultFormat = typeof format === 'string' ? format : '0.0'; + }; + + _numeral.register = function (type, name, format) { + name = name.toLowerCase(); + + if (this[type + 's'][name]) { + throw new TypeError(name + ' ' + type + ' already registered.'); + } + + this[type + 's'][name] = format; + + return format; + }; + + _numeral.validate = function (val, culture) { + var _decimalSep, _thousandSep, _currSymbol, _valArray, _abbrObj, _thousandRegEx, localeData, temp; + + //coerce val to string + if (typeof val !== 'string') { + val += ''; + + if (console.warn) { + console.warn('Numeral.js: Value is not string. It has been co-erced to: ', val); + } + } + + //trim whitespaces from either sides + val = val.trim(); + + //if val is just digits return true + if (!!val.match(/^\d+$/)) { + return true; + } + + //if val is empty return false + if (val === '') { + return false; + } + + //get the decimal and thousands separator from numeral.localeData + try { + //check if the culture is understood by numeral. if not, default it to current locale + localeData = _numeral.localeData(culture); + } catch (e) { + localeData = _numeral.localeData(_numeral.locale()); + } + + //setup the delimiters and currency symbol based on culture/locale + _currSymbol = localeData.currency.symbol; + _abbrObj = localeData.abbreviations; + _decimalSep = localeData.delimiters.decimal; + if (localeData.delimiters.thousands === '.') { + _thousandSep = '\\.'; + } else { + _thousandSep = localeData.delimiters.thousands; + } + + // validating currency symbol + temp = val.match(/^[^\d]+/); + if (temp !== null) { + val = val.substr(1); + if (temp[0] !== _currSymbol) { + return false; + } + } + + //validating abbreviation symbol + temp = val.match(/[^\d]+$/); + if (temp !== null) { + val = val.slice(0, -1); + if (temp[0] !== _abbrObj.thousand && temp[0] !== _abbrObj.million && temp[0] !== _abbrObj.billion && temp[0] !== _abbrObj.trillion) { + return false; + } + } + + _thousandRegEx = new RegExp(_thousandSep + '{2}'); + + if (!val.match(/[^\d.,]/g)) { + _valArray = val.split(_decimalSep); + if (_valArray.length > 2) { + return false; + } else { + if (_valArray.length < 2) { + return !!_valArray[0].match(/^\d+.*\d$/) && !_valArray[0].match(_thousandRegEx); + } else { + if (_valArray[0].length === 1) { + return !!_valArray[0].match(/^\d+$/) && !_valArray[0].match(_thousandRegEx) && !!_valArray[1].match(/^\d+$/); + } else { + return !!_valArray[0].match(/^\d+.*\d$/) && !_valArray[0].match(_thousandRegEx) && !!_valArray[1].match(/^\d+$/); + } + } + } + } + + return false; + }; + + /************************************ + Numeral Prototype + ************************************/ + + _numeral.fn = Numeral.prototype = { + clone: function clone() { + return _numeral(this); + }, + format: function format(inputString, roundingFunction) { + var value = this._value, + format = inputString || options.defaultFormat, + kind, + output, + formatFunction; + + // make sure we have a roundingFunction + roundingFunction = roundingFunction || Math.round; + + // format based on value + if (value === 0 && options.zeroFormat !== null) { + output = options.zeroFormat; + } else if (value === null && options.nullFormat !== null) { + output = options.nullFormat; + } else { + for (kind in formats) { + if (format.match(formats[kind].regexps.format)) { + formatFunction = formats[kind].format; + + break; + } + } + + formatFunction = formatFunction || _numeral._.numberToFormat; + + output = formatFunction(value, format, roundingFunction); + } + + return output; + }, + value: function value() { + return this._value; + }, + input: function input() { + return this._input; + }, + set: function set(value) { + this._value = Number(value); + + return this; + }, + add: function add(value) { + var corrFactor = _.correctionFactor.call(null, this._value, value); + + function cback(accum, curr, currI, O) { + return accum + Math.round(corrFactor * curr); + } + + this._value = _.reduce([this._value, value], cback, 0) / corrFactor; + + return this; + }, + subtract: function subtract(value) { + var corrFactor = _.correctionFactor.call(null, this._value, value); + + function cback(accum, curr, currI, O) { + return accum - Math.round(corrFactor * curr); + } + + this._value = _.reduce([value], cback, Math.round(this._value * corrFactor)) / corrFactor; + + return this; + }, + multiply: function multiply(value) { + function cback(accum, curr, currI, O) { + var corrFactor = _.correctionFactor(accum, curr); + return Math.round(accum * corrFactor) * Math.round(curr * corrFactor) / Math.round(corrFactor * corrFactor); + } + + this._value = _.reduce([this._value, value], cback, 1); + + return this; + }, + divide: function divide(value) { + function cback(accum, curr, currI, O) { + var corrFactor = _.correctionFactor(accum, curr); + return Math.round(accum * corrFactor) / Math.round(curr * corrFactor); + } + + this._value = _.reduce([this._value, value], cback); + + return this; + }, + difference: function difference(value) { + return Math.abs(_numeral(this._value).subtract(value).value()); + } + }; + + /************************************ + Default Locale && Format + ************************************/ + + _numeral.register('locale', 'en', { + delimiters: { + thousands: ',', + decimal: '.' + }, + abbreviations: { + thousand: 'k', + million: 'm', + billion: 'b', + trillion: 't' + }, + ordinal: function ordinal(number) { + var b = number % 10; + return ~~(number % 100 / 10) === 1 ? 'th' : b === 1 ? 'st' : b === 2 ? 'nd' : b === 3 ? 'rd' : 'th'; + }, + currency: { + symbol: '$' + } + }); + + (function () { + _numeral.register('format', 'bps', { + regexps: { + format: /(BPS)/, + unformat: /(BPS)/ + }, + format: function format(value, _format, roundingFunction) { + var space = _numeral._.includes(_format, ' BPS') ? ' ' : '', + output; + + value = value * 10000; + + // check for space before BPS + _format = _format.replace(/\s?BPS/, ''); + + output = _numeral._.numberToFormat(value, _format, roundingFunction); + + if (_numeral._.includes(output, ')')) { + output = output.split(''); + + output.splice(-1, 0, space + 'BPS'); + + output = output.join(''); + } else { + output = output + space + 'BPS'; + } + + return output; + }, + unformat: function unformat(string) { + return +(_numeral._.stringToNumber(string) * 0.0001).toFixed(15); + } + }); + })(); + + (function () { + var decimal = { + base: 1000, + suffixes: ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'] + }, + binary = { + base: 1024, + suffixes: ['B', 'KiB', 'MiB', 'GiB', 'TiB', 'PiB', 'EiB', 'ZiB', 'YiB'] + }; + + var allSuffixes = decimal.suffixes.concat(binary.suffixes.filter(function (item) { + return decimal.suffixes.indexOf(item) < 0; + })); + var unformatRegex = allSuffixes.join('|'); + // Allow support for BPS (http://www.investopedia.com/terms/b/basispoint.asp) + unformatRegex = '(' + unformatRegex.replace('B', 'B(?!PS)') + ')'; + + _numeral.register('format', 'bytes', { + regexps: { + format: /([0\s]i?b)/, + unformat: new RegExp(unformatRegex) + }, + format: function format(value, _format2, roundingFunction) { + var output, + bytes = _numeral._.includes(_format2, 'ib') ? binary : decimal, + suffix = _numeral._.includes(_format2, ' b') || _numeral._.includes(_format2, ' ib') ? ' ' : '', + power, + min, + max; + + // check for space before + _format2 = _format2.replace(/\s?i?b/, ''); + + for (power = 0; power <= bytes.suffixes.length; power++) { + min = Math.pow(bytes.base, power); + max = Math.pow(bytes.base, power + 1); + + if (value === null || value === 0 || value >= min && value < max) { + suffix += bytes.suffixes[power]; + + if (min > 0) { + value = value / min; + } + + break; + } + } + + output = _numeral._.numberToFormat(value, _format2, roundingFunction); + + return output + suffix; + }, + unformat: function unformat(string) { + var value = _numeral._.stringToNumber(string), + power, + bytesMultiplier; + + if (value) { + for (power = decimal.suffixes.length - 1; power >= 0; power--) { + if (_numeral._.includes(string, decimal.suffixes[power])) { + bytesMultiplier = Math.pow(decimal.base, power); + + break; + } + + if (_numeral._.includes(string, binary.suffixes[power])) { + bytesMultiplier = Math.pow(binary.base, power); + + break; + } + } + + value *= bytesMultiplier || 1; + } + + return value; + } + }); + })(); + + (function () { + _numeral.register('format', 'currency', { + regexps: { + format: /(\$)/ + }, + format: function format(value, _format3, roundingFunction) { + var locale = _numeral.locales[_numeral.options.currentLocale], + symbols = { + before: _format3.match(/^([\+|\-|\(|\s|\$]*)/)[0], + after: _format3.match(/([\+|\-|\)|\s|\$]*)$/)[0] + }, + output, + symbol, + i; + + // strip format of spaces and $ + _format3 = _format3.replace(/\s?\$\s?/, ''); + + // format the number + output = _numeral._.numberToFormat(value, _format3, roundingFunction); + + // update the before and after based on value + if (value >= 0) { + symbols.before = symbols.before.replace(/[\-\(]/, ''); + symbols.after = symbols.after.replace(/[\-\)]/, ''); + } else if (value < 0 && !_numeral._.includes(symbols.before, '-') && !_numeral._.includes(symbols.before, '(')) { + symbols.before = '-' + symbols.before; + } + + // loop through each before symbol + for (i = 0; i < symbols.before.length; i++) { + symbol = symbols.before[i]; + + switch (symbol) { + case '$': + output = _numeral._.insert(output, locale.currency.symbol, i); + break; + case ' ': + output = _numeral._.insert(output, ' ', i + locale.currency.symbol.length - 1); + break; + } + } + + // loop through each after symbol + for (i = symbols.after.length - 1; i >= 0; i--) { + symbol = symbols.after[i]; + + switch (symbol) { + case '$': + output = i === symbols.after.length - 1 ? output + locale.currency.symbol : _numeral._.insert(output, locale.currency.symbol, -(symbols.after.length - (1 + i))); + break; + case ' ': + output = i === symbols.after.length - 1 ? output + ' ' : _numeral._.insert(output, ' ', -(symbols.after.length - (1 + i) + locale.currency.symbol.length - 1)); + break; + } + } + + return output; + } + }); + })(); + + (function () { + _numeral.register('format', 'exponential', { + regexps: { + format: /(e\+|e-)/, + unformat: /(e\+|e-)/ + }, + format: function format(value, _format4, roundingFunction) { + var output, + exponential = typeof value === 'number' && !_numeral._.isNaN(value) ? value.toExponential() : '0e+0', + parts = exponential.split('e'); + + _format4 = _format4.replace(/e[\+|\-]{1}0/, ''); + + output = _numeral._.numberToFormat(Number(parts[0]), _format4, roundingFunction); + + return output + 'e' + parts[1]; + }, + unformat: function unformat(string) { + var parts = _numeral._.includes(string, 'e+') ? string.split('e+') : string.split('e-'), + value = Number(parts[0]), + power = Number(parts[1]); + + power = _numeral._.includes(string, 'e-') ? power *= -1 : power; + + function cback(accum, curr, currI, O) { + var corrFactor = _numeral._.correctionFactor(accum, curr), + num = accum * corrFactor * (curr * corrFactor) / (corrFactor * corrFactor); + return num; + } + + return _numeral._.reduce([value, Math.pow(10, power)], cback, 1); + } + }); + })(); + + (function () { + _numeral.register('format', 'ordinal', { + regexps: { + format: /(o)/ + }, + format: function format(value, _format5, roundingFunction) { + var locale = _numeral.locales[_numeral.options.currentLocale], + output, + ordinal = _numeral._.includes(_format5, ' o') ? ' ' : ''; + + // check for space before + _format5 = _format5.replace(/\s?o/, ''); + + ordinal += locale.ordinal(value); + + output = _numeral._.numberToFormat(value, _format5, roundingFunction); + + return output + ordinal; + } + }); + })(); + + (function () { + _numeral.register('format', 'percentage', { + regexps: { + format: /(%)/, + unformat: /(%)/ + }, + format: function format(value, _format6, roundingFunction) { + var space = _numeral._.includes(_format6, ' %') ? ' ' : '', + output; + + if (_numeral.options.scalePercentBy100) { + value = value * 100; + } + + // check for space before % + _format6 = _format6.replace(/\s?\%/, ''); + + output = _numeral._.numberToFormat(value, _format6, roundingFunction); + + if (_numeral._.includes(output, ')')) { + output = output.split(''); + + output.splice(-1, 0, space + '%'); + + output = output.join(''); + } else { + output = output + space + '%'; + } + + return output; + }, + unformat: function unformat(string) { + var number = _numeral._.stringToNumber(string); + if (_numeral.options.scalePercentBy100) { + return number * 0.01; + } + return number; + } + }); + })(); + + (function () { + _numeral.register('format', 'time', { + regexps: { + format: /(:)/, + unformat: /(:)/ + }, + format: function format(value, _format7, roundingFunction) { + var hours = Math.floor(value / 60 / 60), + minutes = Math.floor((value - hours * 60 * 60) / 60), + seconds = Math.round(value - hours * 60 * 60 - minutes * 60); + + return hours + ':' + (minutes < 10 ? '0' + minutes : minutes) + ':' + (seconds < 10 ? '0' + seconds : seconds); + }, + unformat: function unformat(string) { + var timeArray = string.split(':'), + seconds = 0; + + // turn hours and minutes into seconds and add them all up + if (timeArray.length === 3) { + // hours + seconds = seconds + Number(timeArray[0]) * 60 * 60; + // minutes + seconds = seconds + Number(timeArray[1]) * 60; + // seconds + seconds = seconds + Number(timeArray[2]); + } else if (timeArray.length === 2) { + // minutes + seconds = seconds + Number(timeArray[0]) * 60; + // seconds + seconds = seconds + Number(timeArray[1]); + } + return Number(seconds); + } + }); + })(); + + return _numeral; + }); + }); + + var classCallCheck = function (instance, Constructor) { + if (!(instance instanceof Constructor)) { + throw new TypeError("Cannot call a class as a function"); + } + }; + + var createClass = function () { + function defineProperties(target, props) { + for (var i = 0; i < props.length; i++) { + var descriptor = props[i]; + descriptor.enumerable = descriptor.enumerable || false; + descriptor.configurable = true; + if ("value" in descriptor) descriptor.writable = true; + Object.defineProperty(target, descriptor.key, descriptor); + } + } + + return function (Constructor, protoProps, staticProps) { + if (protoProps) defineProperties(Constructor.prototype, protoProps); + if (staticProps) defineProperties(Constructor, staticProps); + return Constructor; + }; + }(); + + var get = function get(object, property, receiver) { + if (object === null) object = Function.prototype; + var desc = Object.getOwnPropertyDescriptor(object, property); + + if (desc === undefined) { + var parent = Object.getPrototypeOf(object); + + if (parent === null) { + return undefined; + } else { + return get(parent, property, receiver); + } + } else if ("value" in desc) { + return desc.value; + } else { + var getter = desc.get; + + if (getter === undefined) { + return undefined; + } + + return getter.call(receiver); + } + }; + + var inherits = function (subClass, superClass) { + if (typeof superClass !== "function" && superClass !== null) { + throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); + } + + subClass.prototype = Object.create(superClass && superClass.prototype, { + constructor: { + value: subClass, + enumerable: false, + writable: true, + configurable: true + } + }); + if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; + }; + + var possibleConstructorReturn = function (self, call) { + if (!self) { + throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); + } + + return call && (typeof call === "object" || typeof call === "function") ? call : self; + }; + + /*! + * PatternFly Elements: PfeNumber 1.0.0-prerelease.50 + * @license + * Copyright 2020 Red Hat, Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + * + */ + + // easy aliases for common format strings + var types = { + abbrev: "0a", // or 'approx'? + ordinal: "0o", + percent: "0%", + bytes: "0[.][00] ib", + e: "0[.00]e+0", + thousands: "0,0[.][00]" + }; + + // use thin spaces to separate thousands chunks + // debugger; + numeral.locales.en.delimiters.thousands = " "; + + var PfeNumber = function (_PFElement) { + inherits(PfeNumber, _PFElement); + createClass(PfeNumber, [{ + key: "html", + get: function get$$1() { + return ""; + } + }, { + key: "styleUrl", + get: function get$$1() { + return "pfe-number.scss"; + } + }, { + key: "templateUrl", + get: function get$$1() { + return "pfe-number.html"; + } + }], [{ + key: "version", + get: function get$$1() { + return "1.0.0-prerelease.50"; + } + }, { + key: "tag", + get: function get$$1() { + return "pfe-number"; + } + }, { + key: "observedAttributes", + get: function get$$1() { + return ["number", "format", "type"]; + } + }]); + + function PfeNumber() { + classCallCheck(this, PfeNumber); + return possibleConstructorReturn(this, (PfeNumber.__proto__ || Object.getPrototypeOf(PfeNumber)).call(this, PfeNumber)); + } + + createClass(PfeNumber, [{ + key: "connectedCallback", + value: function connectedCallback() { + get(PfeNumber.prototype.__proto__ || Object.getPrototypeOf(PfeNumber.prototype), "connectedCallback", this).call(this); + this.connected = true; + + this._determineFormat(); + this._setInitialNumber(); + } + }, { + key: "attributeChangedCallback", + value: function attributeChangedCallback(attr, oldVal, newVal) { + get(PfeNumber.prototype.__proto__ || Object.getPrototypeOf(PfeNumber.prototype), "attributeChangedCallback", this).apply(this, arguments); + switch (attr) { + case "type": + this._determineFormat(); + break; + case "format": + this._updateNumber(this.getAttribute("number"), newVal); + break; + case "number": + this._updateNumber(newVal, this.getAttribute("format")); + } + } + }, { + key: "_setInitialNumber", + value: function _setInitialNumber() { + var numberAttrDefined = !isNaN(parseFloat(this.getAttribute("number"))); + var numberContentDefined = !isNaN(parseFloat(this.textContent)); + + if (numberAttrDefined) { + this.setAttribute("number", this.getAttribute("number")); + } else if (numberContentDefined) { + this.setAttribute("number", this.textContent); + } + } + }, { + key: "_determineFormat", + value: function _determineFormat() { + var type = this.getAttribute("type"); + + if (type && types[type]) { + this.setAttribute("format", types[type]); + } else { + this.setAttribute("format", this.getAttribute("format") || "0"); + } + } + }, { + key: "_updateNumber", + value: function _updateNumber(num, type) { + if (!num || isNaN(parseFloat(num))) { + this.textContent = ""; + this.shadowRoot.querySelector("span").textContent = ""; + + return; + } + + this.textContent = num; + this.shadowRoot.querySelector("span").textContent = this._format(num, type); + } + }, { + key: "_format", + value: function _format(num, type) { + return numeral(num).format(type); + } + }]); + return PfeNumber; + }(PFElement); + + PFElement.create(PfeNumber); + +}))); +//# sourceMappingURL=pfe-number.umd.js.map diff --git a/elements/pfe-number/dist/pfe-number.umd.js.map b/elements/pfe-number/dist/pfe-number.umd.js.map new file mode 100644 index 0000000000..4a57902b83 --- /dev/null +++ b/elements/pfe-number/dist/pfe-number.umd.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-number.umd.js","sources":["../_temp/polyfills--pfe-number.js","../../../node_modules/numeral/numeral.js","../_temp/pfe-number.umd.js"],"sourcesContent":["// @POLYFILL isNaN, non-mutating polyfill for IE11\n// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/isNaN#Polyfill\nconst isNaN = Number.isNaN || (n => n !== null && (n != n || +n != n));\n","/*! @preserve\n * numeral.js\n * version : 2.0.6\n * author : Adam Draper\n * license : MIT\n * http://adamwdraper.github.com/Numeral-js/\n */\n\n(function (global, factory) {\n if (typeof define === 'function' && define.amd) {\n define(factory);\n } else if (typeof module === 'object' && module.exports) {\n module.exports = factory();\n } else {\n global.numeral = factory();\n }\n}(this, function () {\n /************************************\n Variables\n ************************************/\n\n var numeral,\n _,\n VERSION = '2.0.6',\n formats = {},\n locales = {},\n defaults = {\n currentLocale: 'en',\n zeroFormat: null,\n nullFormat: null,\n defaultFormat: '0,0',\n scalePercentBy100: true\n },\n options = {\n currentLocale: defaults.currentLocale,\n zeroFormat: defaults.zeroFormat,\n nullFormat: defaults.nullFormat,\n defaultFormat: defaults.defaultFormat,\n scalePercentBy100: defaults.scalePercentBy100\n };\n\n\n /************************************\n Constructors\n ************************************/\n\n // Numeral prototype object\n function Numeral(input, number) {\n this._input = input;\n\n this._value = number;\n }\n\n numeral = function(input) {\n var value,\n kind,\n unformatFunction,\n regexp;\n\n if (numeral.isNumeral(input)) {\n value = input.value();\n } else if (input === 0 || typeof input === 'undefined') {\n value = 0;\n } else if (input === null || _.isNaN(input)) {\n value = null;\n } else if (typeof input === 'string') {\n if (options.zeroFormat && input === options.zeroFormat) {\n value = 0;\n } else if (options.nullFormat && input === options.nullFormat || !input.replace(/[^0-9]+/g, '').length) {\n value = null;\n } else {\n for (kind in formats) {\n regexp = typeof formats[kind].regexps.unformat === 'function' ? formats[kind].regexps.unformat() : formats[kind].regexps.unformat;\n\n if (regexp && input.match(regexp)) {\n unformatFunction = formats[kind].unformat;\n\n break;\n }\n }\n\n unformatFunction = unformatFunction || numeral._.stringToNumber;\n\n value = unformatFunction(input);\n }\n } else {\n value = Number(input)|| null;\n }\n\n return new Numeral(input, value);\n };\n\n // version number\n numeral.version = VERSION;\n\n // compare numeral object\n numeral.isNumeral = function(obj) {\n return obj instanceof Numeral;\n };\n\n // helper functions\n numeral._ = _ = {\n // formats numbers separators, decimals places, signs, abbreviations\n numberToFormat: function(value, format, roundingFunction) {\n var locale = locales[numeral.options.currentLocale],\n negP = false,\n optDec = false,\n leadingCount = 0,\n abbr = '',\n trillion = 1000000000000,\n billion = 1000000000,\n million = 1000000,\n thousand = 1000,\n decimal = '',\n neg = false,\n abbrForce, // force abbreviation\n abs,\n min,\n max,\n power,\n int,\n precision,\n signed,\n thousands,\n output;\n\n // make sure we never format a null value\n value = value || 0;\n\n abs = Math.abs(value);\n\n // see if we should use parentheses for negative number or if we should prefix with a sign\n // if both are present we default to parentheses\n if (numeral._.includes(format, '(')) {\n negP = true;\n format = format.replace(/[\\(|\\)]/g, '');\n } else if (numeral._.includes(format, '+') || numeral._.includes(format, '-')) {\n signed = numeral._.includes(format, '+') ? format.indexOf('+') : value < 0 ? format.indexOf('-') : -1;\n format = format.replace(/[\\+|\\-]/g, '');\n }\n\n // see if abbreviation is wanted\n if (numeral._.includes(format, 'a')) {\n abbrForce = format.match(/a(k|m|b|t)?/);\n\n abbrForce = abbrForce ? abbrForce[1] : false;\n\n // check for space before abbreviation\n if (numeral._.includes(format, ' a')) {\n abbr = ' ';\n }\n\n format = format.replace(new RegExp(abbr + 'a[kmbt]?'), '');\n\n if (abs >= trillion && !abbrForce || abbrForce === 't') {\n // trillion\n abbr += locale.abbreviations.trillion;\n value = value / trillion;\n } else if (abs < trillion && abs >= billion && !abbrForce || abbrForce === 'b') {\n // billion\n abbr += locale.abbreviations.billion;\n value = value / billion;\n } else if (abs < billion && abs >= million && !abbrForce || abbrForce === 'm') {\n // million\n abbr += locale.abbreviations.million;\n value = value / million;\n } else if (abs < million && abs >= thousand && !abbrForce || abbrForce === 'k') {\n // thousand\n abbr += locale.abbreviations.thousand;\n value = value / thousand;\n }\n }\n\n // check for optional decimals\n if (numeral._.includes(format, '[.]')) {\n optDec = true;\n format = format.replace('[.]', '.');\n }\n\n // break number and format\n int = value.toString().split('.')[0];\n precision = format.split('.')[1];\n thousands = format.indexOf(',');\n leadingCount = (format.split('.')[0].split(',')[0].match(/0/g) || []).length;\n\n if (precision) {\n if (numeral._.includes(precision, '[')) {\n precision = precision.replace(']', '');\n precision = precision.split('[');\n decimal = numeral._.toFixed(value, (precision[0].length + precision[1].length), roundingFunction, precision[1].length);\n } else {\n decimal = numeral._.toFixed(value, precision.length, roundingFunction);\n }\n\n int = decimal.split('.')[0];\n\n if (numeral._.includes(decimal, '.')) {\n decimal = locale.delimiters.decimal + decimal.split('.')[1];\n } else {\n decimal = '';\n }\n\n if (optDec && Number(decimal.slice(1)) === 0) {\n decimal = '';\n }\n } else {\n int = numeral._.toFixed(value, 0, roundingFunction);\n }\n\n // check abbreviation again after rounding\n if (abbr && !abbrForce && Number(int) >= 1000 && abbr !== locale.abbreviations.trillion) {\n int = String(Number(int) / 1000);\n\n switch (abbr) {\n case locale.abbreviations.thousand:\n abbr = locale.abbreviations.million;\n break;\n case locale.abbreviations.million:\n abbr = locale.abbreviations.billion;\n break;\n case locale.abbreviations.billion:\n abbr = locale.abbreviations.trillion;\n break;\n }\n }\n\n\n // format number\n if (numeral._.includes(int, '-')) {\n int = int.slice(1);\n neg = true;\n }\n\n if (int.length < leadingCount) {\n for (var i = leadingCount - int.length; i > 0; i--) {\n int = '0' + int;\n }\n }\n\n if (thousands > -1) {\n int = int.toString().replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, '$1' + locale.delimiters.thousands);\n }\n\n if (format.indexOf('.') === 0) {\n int = '';\n }\n\n output = int + decimal + (abbr ? abbr : '');\n\n if (negP) {\n output = (negP && neg ? '(' : '') + output + (negP && neg ? ')' : '');\n } else {\n if (signed >= 0) {\n output = signed === 0 ? (neg ? '-' : '+') + output : output + (neg ? '-' : '+');\n } else if (neg) {\n output = '-' + output;\n }\n }\n\n return output;\n },\n // unformats numbers separators, decimals places, signs, abbreviations\n stringToNumber: function(string) {\n var locale = locales[options.currentLocale],\n stringOriginal = string,\n abbreviations = {\n thousand: 3,\n million: 6,\n billion: 9,\n trillion: 12\n },\n abbreviation,\n value,\n i,\n regexp;\n\n if (options.zeroFormat && string === options.zeroFormat) {\n value = 0;\n } else if (options.nullFormat && string === options.nullFormat || !string.replace(/[^0-9]+/g, '').length) {\n value = null;\n } else {\n value = 1;\n\n if (locale.delimiters.decimal !== '.') {\n string = string.replace(/\\./g, '').replace(locale.delimiters.decimal, '.');\n }\n\n for (abbreviation in abbreviations) {\n regexp = new RegExp('[^a-zA-Z]' + locale.abbreviations[abbreviation] + '(?:\\\\)|(\\\\' + locale.currency.symbol + ')?(?:\\\\))?)?$');\n\n if (stringOriginal.match(regexp)) {\n value *= Math.pow(10, abbreviations[abbreviation]);\n break;\n }\n }\n\n // check for negative number\n value *= (string.split('-').length + Math.min(string.split('(').length - 1, string.split(')').length - 1)) % 2 ? 1 : -1;\n\n // remove non numbers\n string = string.replace(/[^0-9\\.]+/g, '');\n\n value *= Number(string);\n }\n\n return value;\n },\n isNaN: function(value) {\n return typeof value === 'number' && isNaN(value);\n },\n includes: function(string, search) {\n return string.indexOf(search) !== -1;\n },\n insert: function(string, subString, start) {\n return string.slice(0, start) + subString + string.slice(start);\n },\n reduce: function(array, callback /*, initialValue*/) {\n if (this === null) {\n throw new TypeError('Array.prototype.reduce called on null or undefined');\n }\n\n if (typeof callback !== 'function') {\n throw new TypeError(callback + ' is not a function');\n }\n\n var t = Object(array),\n len = t.length >>> 0,\n k = 0,\n value;\n\n if (arguments.length === 3) {\n value = arguments[2];\n } else {\n while (k < len && !(k in t)) {\n k++;\n }\n\n if (k >= len) {\n throw new TypeError('Reduce of empty array with no initial value');\n }\n\n value = t[k++];\n }\n for (; k < len; k++) {\n if (k in t) {\n value = callback(value, t[k], k, t);\n }\n }\n return value;\n },\n /**\n * Computes the multiplier necessary to make x >= 1,\n * effectively eliminating miscalculations caused by\n * finite precision.\n */\n multiplier: function (x) {\n var parts = x.toString().split('.');\n\n return parts.length < 2 ? 1 : Math.pow(10, parts[1].length);\n },\n /**\n * Given a variable number of arguments, returns the maximum\n * multiplier that must be used to normalize an operation involving\n * all of them.\n */\n correctionFactor: function () {\n var args = Array.prototype.slice.call(arguments);\n\n return args.reduce(function(accum, next) {\n var mn = _.multiplier(next);\n return accum > mn ? accum : mn;\n }, 1);\n },\n /**\n * Implementation of toFixed() that treats floats more like decimals\n *\n * Fixes binary rounding issues (eg. (0.615).toFixed(2) === '0.61') that present\n * problems for accounting- and finance-related software.\n */\n toFixed: function(value, maxDecimals, roundingFunction, optionals) {\n var splitValue = value.toString().split('.'),\n minDecimals = maxDecimals - (optionals || 0),\n boundedPrecision,\n optionalsRegExp,\n power,\n output;\n\n // Use the smallest precision value possible to avoid errors from floating point representation\n if (splitValue.length === 2) {\n boundedPrecision = Math.min(Math.max(splitValue[1].length, minDecimals), maxDecimals);\n } else {\n boundedPrecision = minDecimals;\n }\n\n power = Math.pow(10, boundedPrecision);\n\n // Multiply up by precision, round accurately, then divide and use native toFixed():\n output = (roundingFunction(value + 'e+' + boundedPrecision) / power).toFixed(boundedPrecision);\n\n if (optionals > maxDecimals - boundedPrecision) {\n optionalsRegExp = new RegExp('\\\\.?0{1,' + (optionals - (maxDecimals - boundedPrecision)) + '}$');\n output = output.replace(optionalsRegExp, '');\n }\n\n return output;\n }\n };\n\n // avaliable options\n numeral.options = options;\n\n // avaliable formats\n numeral.formats = formats;\n\n // avaliable formats\n numeral.locales = locales;\n\n // This function sets the current locale. If\n // no arguments are passed in, it will simply return the current global\n // locale key.\n numeral.locale = function(key) {\n if (key) {\n options.currentLocale = key.toLowerCase();\n }\n\n return options.currentLocale;\n };\n\n // This function provides access to the loaded locale data. If\n // no arguments are passed in, it will simply return the current\n // global locale object.\n numeral.localeData = function(key) {\n if (!key) {\n return locales[options.currentLocale];\n }\n\n key = key.toLowerCase();\n\n if (!locales[key]) {\n throw new Error('Unknown locale : ' + key);\n }\n\n return locales[key];\n };\n\n numeral.reset = function() {\n for (var property in defaults) {\n options[property] = defaults[property];\n }\n };\n\n numeral.zeroFormat = function(format) {\n options.zeroFormat = typeof(format) === 'string' ? format : null;\n };\n\n numeral.nullFormat = function (format) {\n options.nullFormat = typeof(format) === 'string' ? format : null;\n };\n\n numeral.defaultFormat = function(format) {\n options.defaultFormat = typeof(format) === 'string' ? format : '0.0';\n };\n\n numeral.register = function(type, name, format) {\n name = name.toLowerCase();\n\n if (this[type + 's'][name]) {\n throw new TypeError(name + ' ' + type + ' already registered.');\n }\n\n this[type + 's'][name] = format;\n\n return format;\n };\n\n\n numeral.validate = function(val, culture) {\n var _decimalSep,\n _thousandSep,\n _currSymbol,\n _valArray,\n _abbrObj,\n _thousandRegEx,\n localeData,\n temp;\n\n //coerce val to string\n if (typeof val !== 'string') {\n val += '';\n\n if (console.warn) {\n console.warn('Numeral.js: Value is not string. It has been co-erced to: ', val);\n }\n }\n\n //trim whitespaces from either sides\n val = val.trim();\n\n //if val is just digits return true\n if (!!val.match(/^\\d+$/)) {\n return true;\n }\n\n //if val is empty return false\n if (val === '') {\n return false;\n }\n\n //get the decimal and thousands separator from numeral.localeData\n try {\n //check if the culture is understood by numeral. if not, default it to current locale\n localeData = numeral.localeData(culture);\n } catch (e) {\n localeData = numeral.localeData(numeral.locale());\n }\n\n //setup the delimiters and currency symbol based on culture/locale\n _currSymbol = localeData.currency.symbol;\n _abbrObj = localeData.abbreviations;\n _decimalSep = localeData.delimiters.decimal;\n if (localeData.delimiters.thousands === '.') {\n _thousandSep = '\\\\.';\n } else {\n _thousandSep = localeData.delimiters.thousands;\n }\n\n // validating currency symbol\n temp = val.match(/^[^\\d]+/);\n if (temp !== null) {\n val = val.substr(1);\n if (temp[0] !== _currSymbol) {\n return false;\n }\n }\n\n //validating abbreviation symbol\n temp = val.match(/[^\\d]+$/);\n if (temp !== null) {\n val = val.slice(0, -1);\n if (temp[0] !== _abbrObj.thousand && temp[0] !== _abbrObj.million && temp[0] !== _abbrObj.billion && temp[0] !== _abbrObj.trillion) {\n return false;\n }\n }\n\n _thousandRegEx = new RegExp(_thousandSep + '{2}');\n\n if (!val.match(/[^\\d.,]/g)) {\n _valArray = val.split(_decimalSep);\n if (_valArray.length > 2) {\n return false;\n } else {\n if (_valArray.length < 2) {\n return ( !! _valArray[0].match(/^\\d+.*\\d$/) && !_valArray[0].match(_thousandRegEx));\n } else {\n if (_valArray[0].length === 1) {\n return ( !! _valArray[0].match(/^\\d+$/) && !_valArray[0].match(_thousandRegEx) && !! _valArray[1].match(/^\\d+$/));\n } else {\n return ( !! _valArray[0].match(/^\\d+.*\\d$/) && !_valArray[0].match(_thousandRegEx) && !! _valArray[1].match(/^\\d+$/));\n }\n }\n }\n }\n\n return false;\n };\n\n\n /************************************\n Numeral Prototype\n ************************************/\n\n numeral.fn = Numeral.prototype = {\n clone: function() {\n return numeral(this);\n },\n format: function(inputString, roundingFunction) {\n var value = this._value,\n format = inputString || options.defaultFormat,\n kind,\n output,\n formatFunction;\n\n // make sure we have a roundingFunction\n roundingFunction = roundingFunction || Math.round;\n\n // format based on value\n if (value === 0 && options.zeroFormat !== null) {\n output = options.zeroFormat;\n } else if (value === null && options.nullFormat !== null) {\n output = options.nullFormat;\n } else {\n for (kind in formats) {\n if (format.match(formats[kind].regexps.format)) {\n formatFunction = formats[kind].format;\n\n break;\n }\n }\n\n formatFunction = formatFunction || numeral._.numberToFormat;\n\n output = formatFunction(value, format, roundingFunction);\n }\n\n return output;\n },\n value: function() {\n return this._value;\n },\n input: function() {\n return this._input;\n },\n set: function(value) {\n this._value = Number(value);\n\n return this;\n },\n add: function(value) {\n var corrFactor = _.correctionFactor.call(null, this._value, value);\n\n function cback(accum, curr, currI, O) {\n return accum + Math.round(corrFactor * curr);\n }\n\n this._value = _.reduce([this._value, value], cback, 0) / corrFactor;\n\n return this;\n },\n subtract: function(value) {\n var corrFactor = _.correctionFactor.call(null, this._value, value);\n\n function cback(accum, curr, currI, O) {\n return accum - Math.round(corrFactor * curr);\n }\n\n this._value = _.reduce([value], cback, Math.round(this._value * corrFactor)) / corrFactor;\n\n return this;\n },\n multiply: function(value) {\n function cback(accum, curr, currI, O) {\n var corrFactor = _.correctionFactor(accum, curr);\n return Math.round(accum * corrFactor) * Math.round(curr * corrFactor) / Math.round(corrFactor * corrFactor);\n }\n\n this._value = _.reduce([this._value, value], cback, 1);\n\n return this;\n },\n divide: function(value) {\n function cback(accum, curr, currI, O) {\n var corrFactor = _.correctionFactor(accum, curr);\n return Math.round(accum * corrFactor) / Math.round(curr * corrFactor);\n }\n\n this._value = _.reduce([this._value, value], cback);\n\n return this;\n },\n difference: function(value) {\n return Math.abs(numeral(this._value).subtract(value).value());\n }\n };\n\n /************************************\n Default Locale && Format\n ************************************/\n\n numeral.register('locale', 'en', {\n delimiters: {\n thousands: ',',\n decimal: '.'\n },\n abbreviations: {\n thousand: 'k',\n million: 'm',\n billion: 'b',\n trillion: 't'\n },\n ordinal: function(number) {\n var b = number % 10;\n return (~~(number % 100 / 10) === 1) ? 'th' :\n (b === 1) ? 'st' :\n (b === 2) ? 'nd' :\n (b === 3) ? 'rd' : 'th';\n },\n currency: {\n symbol: '$'\n }\n });\n\n \n\n(function() {\n numeral.register('format', 'bps', {\n regexps: {\n format: /(BPS)/,\n unformat: /(BPS)/\n },\n format: function(value, format, roundingFunction) {\n var space = numeral._.includes(format, ' BPS') ? ' ' : '',\n output;\n\n value = value * 10000;\n\n // check for space before BPS\n format = format.replace(/\\s?BPS/, '');\n\n output = numeral._.numberToFormat(value, format, roundingFunction);\n\n if (numeral._.includes(output, ')')) {\n output = output.split('');\n\n output.splice(-1, 0, space + 'BPS');\n\n output = output.join('');\n } else {\n output = output + space + 'BPS';\n }\n\n return output;\n },\n unformat: function(string) {\n return +(numeral._.stringToNumber(string) * 0.0001).toFixed(15);\n }\n });\n})();\n\n\n(function() {\n var decimal = {\n base: 1000,\n suffixes: ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']\n },\n binary = {\n base: 1024,\n suffixes: ['B', 'KiB', 'MiB', 'GiB', 'TiB', 'PiB', 'EiB', 'ZiB', 'YiB']\n };\n\n var allSuffixes = decimal.suffixes.concat(binary.suffixes.filter(function (item) {\n return decimal.suffixes.indexOf(item) < 0;\n }));\n var unformatRegex = allSuffixes.join('|');\n // Allow support for BPS (http://www.investopedia.com/terms/b/basispoint.asp)\n unformatRegex = '(' + unformatRegex.replace('B', 'B(?!PS)') + ')';\n\n numeral.register('format', 'bytes', {\n regexps: {\n format: /([0\\s]i?b)/,\n unformat: new RegExp(unformatRegex)\n },\n format: function(value, format, roundingFunction) {\n var output,\n bytes = numeral._.includes(format, 'ib') ? binary : decimal,\n suffix = numeral._.includes(format, ' b') || numeral._.includes(format, ' ib') ? ' ' : '',\n power,\n min,\n max;\n\n // check for space before\n format = format.replace(/\\s?i?b/, '');\n\n for (power = 0; power <= bytes.suffixes.length; power++) {\n min = Math.pow(bytes.base, power);\n max = Math.pow(bytes.base, power + 1);\n\n if (value === null || value === 0 || value >= min && value < max) {\n suffix += bytes.suffixes[power];\n\n if (min > 0) {\n value = value / min;\n }\n\n break;\n }\n }\n\n output = numeral._.numberToFormat(value, format, roundingFunction);\n\n return output + suffix;\n },\n unformat: function(string) {\n var value = numeral._.stringToNumber(string),\n power,\n bytesMultiplier;\n\n if (value) {\n for (power = decimal.suffixes.length - 1; power >= 0; power--) {\n if (numeral._.includes(string, decimal.suffixes[power])) {\n bytesMultiplier = Math.pow(decimal.base, power);\n\n break;\n }\n\n if (numeral._.includes(string, binary.suffixes[power])) {\n bytesMultiplier = Math.pow(binary.base, power);\n\n break;\n }\n }\n\n value *= (bytesMultiplier || 1);\n }\n\n return value;\n }\n });\n})();\n\n\n(function() {\n numeral.register('format', 'currency', {\n regexps: {\n format: /(\\$)/\n },\n format: function(value, format, roundingFunction) {\n var locale = numeral.locales[numeral.options.currentLocale],\n symbols = {\n before: format.match(/^([\\+|\\-|\\(|\\s|\\$]*)/)[0],\n after: format.match(/([\\+|\\-|\\)|\\s|\\$]*)$/)[0]\n },\n output,\n symbol,\n i;\n\n // strip format of spaces and $\n format = format.replace(/\\s?\\$\\s?/, '');\n\n // format the number\n output = numeral._.numberToFormat(value, format, roundingFunction);\n\n // update the before and after based on value\n if (value >= 0) {\n symbols.before = symbols.before.replace(/[\\-\\(]/, '');\n symbols.after = symbols.after.replace(/[\\-\\)]/, '');\n } else if (value < 0 && (!numeral._.includes(symbols.before, '-') && !numeral._.includes(symbols.before, '('))) {\n symbols.before = '-' + symbols.before;\n }\n\n // loop through each before symbol\n for (i = 0; i < symbols.before.length; i++) {\n symbol = symbols.before[i];\n\n switch (symbol) {\n case '$':\n output = numeral._.insert(output, locale.currency.symbol, i);\n break;\n case ' ':\n output = numeral._.insert(output, ' ', i + locale.currency.symbol.length - 1);\n break;\n }\n }\n\n // loop through each after symbol\n for (i = symbols.after.length - 1; i >= 0; i--) {\n symbol = symbols.after[i];\n\n switch (symbol) {\n case '$':\n output = i === symbols.after.length - 1 ? output + locale.currency.symbol : numeral._.insert(output, locale.currency.symbol, -(symbols.after.length - (1 + i)));\n break;\n case ' ':\n output = i === symbols.after.length - 1 ? output + ' ' : numeral._.insert(output, ' ', -(symbols.after.length - (1 + i) + locale.currency.symbol.length - 1));\n break;\n }\n }\n\n\n return output;\n }\n });\n})();\n\n\n(function() {\n numeral.register('format', 'exponential', {\n regexps: {\n format: /(e\\+|e-)/,\n unformat: /(e\\+|e-)/\n },\n format: function(value, format, roundingFunction) {\n var output,\n exponential = typeof value === 'number' && !numeral._.isNaN(value) ? value.toExponential() : '0e+0',\n parts = exponential.split('e');\n\n format = format.replace(/e[\\+|\\-]{1}0/, '');\n\n output = numeral._.numberToFormat(Number(parts[0]), format, roundingFunction);\n\n return output + 'e' + parts[1];\n },\n unformat: function(string) {\n var parts = numeral._.includes(string, 'e+') ? string.split('e+') : string.split('e-'),\n value = Number(parts[0]),\n power = Number(parts[1]);\n\n power = numeral._.includes(string, 'e-') ? power *= -1 : power;\n\n function cback(accum, curr, currI, O) {\n var corrFactor = numeral._.correctionFactor(accum, curr),\n num = (accum * corrFactor) * (curr * corrFactor) / (corrFactor * corrFactor);\n return num;\n }\n\n return numeral._.reduce([value, Math.pow(10, power)], cback, 1);\n }\n });\n})();\n\n\n(function() {\n numeral.register('format', 'ordinal', {\n regexps: {\n format: /(o)/\n },\n format: function(value, format, roundingFunction) {\n var locale = numeral.locales[numeral.options.currentLocale],\n output,\n ordinal = numeral._.includes(format, ' o') ? ' ' : '';\n\n // check for space before\n format = format.replace(/\\s?o/, '');\n\n ordinal += locale.ordinal(value);\n\n output = numeral._.numberToFormat(value, format, roundingFunction);\n\n return output + ordinal;\n }\n });\n})();\n\n\n(function() {\n numeral.register('format', 'percentage', {\n regexps: {\n format: /(%)/,\n unformat: /(%)/\n },\n format: function(value, format, roundingFunction) {\n var space = numeral._.includes(format, ' %') ? ' ' : '',\n output;\n\n if (numeral.options.scalePercentBy100) {\n value = value * 100;\n }\n\n // check for space before %\n format = format.replace(/\\s?\\%/, '');\n\n output = numeral._.numberToFormat(value, format, roundingFunction);\n\n if (numeral._.includes(output, ')')) {\n output = output.split('');\n\n output.splice(-1, 0, space + '%');\n\n output = output.join('');\n } else {\n output = output + space + '%';\n }\n\n return output;\n },\n unformat: function(string) {\n var number = numeral._.stringToNumber(string);\n if (numeral.options.scalePercentBy100) {\n return number * 0.01;\n }\n return number;\n }\n });\n})();\n\n\n(function() {\n numeral.register('format', 'time', {\n regexps: {\n format: /(:)/,\n unformat: /(:)/\n },\n format: function(value, format, roundingFunction) {\n var hours = Math.floor(value / 60 / 60),\n minutes = Math.floor((value - (hours * 60 * 60)) / 60),\n seconds = Math.round(value - (hours * 60 * 60) - (minutes * 60));\n\n return hours + ':' + (minutes < 10 ? '0' + minutes : minutes) + ':' + (seconds < 10 ? '0' + seconds : seconds);\n },\n unformat: function(string) {\n var timeArray = string.split(':'),\n seconds = 0;\n\n // turn hours and minutes into seconds and add them all up\n if (timeArray.length === 3) {\n // hours\n seconds = seconds + (Number(timeArray[0]) * 60 * 60);\n // minutes\n seconds = seconds + (Number(timeArray[1]) * 60);\n // seconds\n seconds = seconds + Number(timeArray[2]);\n } else if (timeArray.length === 2) {\n // minutes\n seconds = seconds + (Number(timeArray[0]) * 60);\n // seconds\n seconds = seconds + Number(timeArray[1]);\n }\n return Number(seconds);\n }\n });\n})();\n\nreturn numeral;\n}));\n","/*!\n * PatternFly Elements: PfeNumber 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\n// Import polyfills: isNaN\nimport \"./polyfills--pfe-number.js\";\n\nimport PFElement from \"../../pfelement/dist/pfelement.umd\";\nimport numeral from \"numeral\";\n\n// easy aliases for common format strings\nconst types = {\n abbrev: \"0a\", // or 'approx'?\n ordinal: \"0o\",\n percent: \"0%\",\n bytes: \"0[.][00] ib\",\n e: \"0[.00]e+0\",\n thousands: \"0,0[.][00]\"\n};\n\n// use thin spaces to separate thousands chunks\n// debugger;\nnumeral.locales.en.delimiters.thousands = \" \";\n\nclass PfeNumber extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return ``;\n }\n static get tag() {\n return \"pfe-number\";\n }\n\n get styleUrl() {\n return \"pfe-number.scss\";\n }\n\n get templateUrl() {\n return \"pfe-number.html\";\n }\n\n static get observedAttributes() {\n return [\"number\", \"format\", \"type\"];\n }\n\n constructor() {\n super(PfeNumber);\n }\n\n connectedCallback() {\n super.connectedCallback();\n this.connected = true;\n\n this._determineFormat();\n this._setInitialNumber();\n }\n\n attributeChangedCallback(attr, oldVal, newVal) {\n super.attributeChangedCallback(...arguments);\n switch (attr) {\n case \"type\":\n this._determineFormat();\n break;\n case \"format\":\n this._updateNumber(this.getAttribute(\"number\"), newVal);\n break;\n case \"number\":\n this._updateNumber(newVal, this.getAttribute(\"format\"));\n }\n }\n\n _setInitialNumber() {\n const numberAttrDefined = !isNaN(parseFloat(this.getAttribute(\"number\")));\n const numberContentDefined = !isNaN(parseFloat(this.textContent));\n\n if (numberAttrDefined) {\n this.setAttribute(\"number\", this.getAttribute(\"number\"));\n } else if (numberContentDefined) {\n this.setAttribute(\"number\", this.textContent);\n }\n }\n\n _determineFormat() {\n let type = this.getAttribute(\"type\");\n\n if (type && types[type]) {\n this.setAttribute(\"format\", types[type]);\n } else {\n this.setAttribute(\"format\", this.getAttribute(\"format\") || \"0\");\n }\n }\n\n _updateNumber(num, type) {\n if (!num || isNaN(parseFloat(num))) {\n this.textContent = \"\";\n this.shadowRoot.querySelector(\"span\").textContent = \"\";\n\n return;\n }\n\n this.textContent = num;\n this.shadowRoot.querySelector(\"span\").textContent = this._format(num, type);\n }\n\n _format(num, type) {\n return numeral(num).format(type);\n }\n}\n\nPFElement.create(PfeNumber);\n"],"names":["global","factory","module","exports","numeral","this","_","VERSION","formats","locales","defaults","currentLocale","zeroFormat","nullFormat","defaultFormat","scalePercentBy100","options","Numeral","input","number","_input","_value","value","kind","unformatFunction","regexp","isNumeral","isNaN","replace","length","regexps","unformat","match","stringToNumber","Number","version","obj","numberToFormat","format","roundingFunction","locale","negP","optDec","leadingCount","abbr","trillion","billion","million","thousand","decimal","neg","abbrForce","abs","min","int","precision","signed","thousands","output","Math","includes","indexOf","RegExp","abbreviations","toString","split","toFixed","delimiters","slice","String","i","string","stringOriginal","abbreviation","currency","symbol","pow","search","insert","subString","start","reduce","array","callback","TypeError","t","Object","len","k","arguments","multiplier","x","parts","correctionFactor","args","Array","prototype","call","accum","next","mn","maxDecimals","optionals","splitValue","minDecimals","boundedPrecision","optionalsRegExp","power","max","key","toLowerCase","localeData","Error","reset","property","register","type","name","validate","val","culture","_decimalSep","_thousandSep","_currSymbol","_valArray","_abbrObj","_thousandRegEx","temp","console","warn","trim","e","substr","fn","clone","inputString","formatFunction","round","set","add","corrFactor","cback","curr","currI","O","subtract","multiply","divide","difference","ordinal","b","space","splice","join","base","suffixes","binary","allSuffixes","concat","filter","item","unformatRegex","bytes","suffix","bytesMultiplier","symbols","before","after","exponential","toExponential","num","hours","floor","minutes","seconds","timeArray","types","abbrev","percent","en","PfeNumber","connected","_determineFormat","_setInitialNumber","attr","oldVal","newVal","_updateNumber","getAttribute","numberAttrDefined","parseFloat","numberContentDefined","textContent","setAttribute","shadowRoot","querySelector","_format","PFElement","create"],"mappings":"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"} \ No newline at end of file diff --git a/elements/pfe-number/dist/pfe-number.umd.min.js b/elements/pfe-number/dist/pfe-number.umd.min.js new file mode 100644 index 0000000000..bda82cc236 --- /dev/null +++ b/elements/pfe-number/dist/pfe-number.umd.min.js @@ -0,0 +1,2 @@ +!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(require("../../pfelement/dist/pfelement.umd")):"function"==typeof define&&define.amd?define(["../../pfelement/dist/pfelement.umd"],t):t(e.PFElement)}(this,function(e){"use strict";e=e&&e.hasOwnProperty("default")?e.default:e;var n="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};var t,r=(function(e){var t,r;t=n,r=function(){var v,i,t,l,s,e,u={},_={},r={currentLocale:"en",zeroFormat:null,nullFormat:null,defaultFormat:"0,0",scalePercentBy100:!0},c={currentLocale:r.currentLocale,zeroFormat:r.zeroFormat,nullFormat:r.nullFormat,defaultFormat:r.defaultFormat,scalePercentBy100:r.scalePercentBy100};function a(e,t){this._input=e,this._value=t}function n(e){return t.apply(this,arguments)}return(v=function(e){var t,r,n,o;if(v.isNumeral(e))t=e.value();else if(0===e||void 0===e)t=0;else if(null===e||i.isNaN(e))t=null;else if("string"==typeof e)if(c.zeroFormat&&e===c.zeroFormat)t=0;else if(c.nullFormat&&e===c.nullFormat||!e.replace(/[^0-9]+/g,"").length)t=null;else{for(r in u)if((o="function"==typeof u[r].regexps.unformat?u[r].regexps.unformat():u[r].regexps.unformat)&&e.match(o)){n=u[r].unformat;break}t=(n=n||v._.stringToNumber)(e)}else t=Number(e)||null;return new a(e,t)}).version="2.0.6",v.isNumeral=function(e){return e instanceof a},v._=i={numberToFormat:function(e,t,r){var n,o,i,a,u,l,s,c,f=_[v.options.currentLocale],m=!1,p=!1,b="",h=1e12,d="",g=!1;if(e=e||0,i=Math.abs(e),v._.includes(t,"(")?(m=!0,t=t.replace(/[\(|\)]/g,"")):(v._.includes(t,"+")||v._.includes(t,"-"))&&(l=v._.includes(t,"+")?t.indexOf("+"):e<0?t.indexOf("-"):-1,t=t.replace(/[\+|\-]/g,"")),v._.includes(t,"a")&&(o=!!(o=t.match(/a(k|m|b|t)?/))&&o[1],v._.includes(t," a")&&(b=" "),t=t.replace(new RegExp(b+"a[kmbt]?"),""),h<=i&&!o||"t"===o?(b+=f.abbreviations.trillion,e/=h):i>>0,a=0;if(3===arguments.length)n=r;else{for(;a:host{display:inline;white-space:nowrap}\n/*# sourceMappingURL=pfe-number.min.css.map */\n"}},{key:"styleUrl",get:function(){return"pfe-number.scss"}},{key:"templateUrl",get:function(){return"pfe-number.html"}}],[{key:"version",get:function(){return"1.0.0-prerelease.50"}},{key:"tag",get:function(){return"pfe-number"}},{key:"observedAttributes",get:function(){return["number","format","type"]}}]),o(s,[{key:"connectedCallback",value:function(){a(s.prototype.__proto__||Object.getPrototypeOf(s.prototype),"connectedCallback",this).call(this),this.connected=!0,this._determineFormat(),this._setInitialNumber()}},{key:"attributeChangedCallback",value:function(e,t,r){switch(a(s.prototype.__proto__||Object.getPrototypeOf(s.prototype),"attributeChangedCallback",this).apply(this,arguments),e){case"type":this._determineFormat();break;case"format":this._updateNumber(this.getAttribute("number"),r);break;case"number":this._updateNumber(r,this.getAttribute("format"))}}},{key:"_setInitialNumber",value:function(){var e=!isNaN(parseFloat(this.getAttribute("number"))),t=!isNaN(parseFloat(this.textContent));e?this.setAttribute("number",this.getAttribute("number")):t&&this.setAttribute("number",this.textContent)}},{key:"_determineFormat",value:function(){var e=this.getAttribute("type");e&&u[e]?this.setAttribute("format",u[e]):this.setAttribute("format",this.getAttribute("format")||"0")}},{key:"_updateNumber",value:function(e,t){if(!e||isNaN(parseFloat(e)))return this.textContent="",void(this.shadowRoot.querySelector("span").textContent="");this.textContent=e,this.shadowRoot.querySelector("span").textContent=this._format(e,t)}},{key:"_format",value:function(e,t){return r(e).format(t)}}]),s);function s(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,s),function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(s.__proto__||Object.getPrototypeOf(s)).call(this,s))}e.create(l)}); +//# sourceMappingURL=pfe-number.umd.min.js.map diff --git a/elements/pfe-number/dist/pfe-number.umd.min.js.map b/elements/pfe-number/dist/pfe-number.umd.min.js.map new file mode 100644 index 0000000000..0852627a6e --- /dev/null +++ b/elements/pfe-number/dist/pfe-number.umd.min.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-number.umd.min.js","sources":["../../../node_modules/numeral/numeral.js","../_temp/pfe-number.umd.js"],"sourcesContent":["/*! @preserve\n * numeral.js\n * version : 2.0.6\n * author : Adam Draper\n * license : MIT\n * http://adamwdraper.github.com/Numeral-js/\n */\n\n(function (global, factory) {\n if (typeof define === 'function' && define.amd) {\n define(factory);\n } else if (typeof module === 'object' && module.exports) {\n module.exports = factory();\n } else {\n global.numeral = factory();\n }\n}(this, function () {\n /************************************\n Variables\n ************************************/\n\n var numeral,\n _,\n VERSION = '2.0.6',\n formats = {},\n locales = {},\n defaults = {\n currentLocale: 'en',\n zeroFormat: null,\n nullFormat: null,\n defaultFormat: '0,0',\n scalePercentBy100: true\n },\n options = {\n currentLocale: defaults.currentLocale,\n zeroFormat: defaults.zeroFormat,\n nullFormat: defaults.nullFormat,\n defaultFormat: defaults.defaultFormat,\n scalePercentBy100: defaults.scalePercentBy100\n };\n\n\n /************************************\n Constructors\n ************************************/\n\n // Numeral prototype object\n function Numeral(input, number) {\n this._input = input;\n\n this._value = number;\n }\n\n numeral = function(input) {\n var value,\n kind,\n unformatFunction,\n regexp;\n\n if (numeral.isNumeral(input)) {\n value = input.value();\n } else if (input === 0 || typeof input === 'undefined') {\n value = 0;\n } else if (input === null || _.isNaN(input)) {\n value = null;\n } else if (typeof input === 'string') {\n if (options.zeroFormat && input === options.zeroFormat) {\n value = 0;\n } else if (options.nullFormat && input === options.nullFormat || !input.replace(/[^0-9]+/g, '').length) {\n value = null;\n } else {\n for (kind in formats) {\n regexp = typeof formats[kind].regexps.unformat === 'function' ? formats[kind].regexps.unformat() : formats[kind].regexps.unformat;\n\n if (regexp && input.match(regexp)) {\n unformatFunction = formats[kind].unformat;\n\n break;\n }\n }\n\n unformatFunction = unformatFunction || numeral._.stringToNumber;\n\n value = unformatFunction(input);\n }\n } else {\n value = Number(input)|| null;\n }\n\n return new Numeral(input, value);\n };\n\n // version number\n numeral.version = VERSION;\n\n // compare numeral object\n numeral.isNumeral = function(obj) {\n return obj instanceof Numeral;\n };\n\n // helper functions\n numeral._ = _ = {\n // formats numbers separators, decimals places, signs, abbreviations\n numberToFormat: function(value, format, roundingFunction) {\n var locale = locales[numeral.options.currentLocale],\n negP = false,\n optDec = false,\n leadingCount = 0,\n abbr = '',\n trillion = 1000000000000,\n billion = 1000000000,\n million = 1000000,\n thousand = 1000,\n decimal = '',\n neg = false,\n abbrForce, // force abbreviation\n abs,\n min,\n max,\n power,\n int,\n precision,\n signed,\n thousands,\n output;\n\n // make sure we never format a null value\n value = value || 0;\n\n abs = Math.abs(value);\n\n // see if we should use parentheses for negative number or if we should prefix with a sign\n // if both are present we default to parentheses\n if (numeral._.includes(format, '(')) {\n negP = true;\n format = format.replace(/[\\(|\\)]/g, '');\n } else if (numeral._.includes(format, '+') || numeral._.includes(format, '-')) {\n signed = numeral._.includes(format, '+') ? format.indexOf('+') : value < 0 ? format.indexOf('-') : -1;\n format = format.replace(/[\\+|\\-]/g, '');\n }\n\n // see if abbreviation is wanted\n if (numeral._.includes(format, 'a')) {\n abbrForce = format.match(/a(k|m|b|t)?/);\n\n abbrForce = abbrForce ? abbrForce[1] : false;\n\n // check for space before abbreviation\n if (numeral._.includes(format, ' a')) {\n abbr = ' ';\n }\n\n format = format.replace(new RegExp(abbr + 'a[kmbt]?'), '');\n\n if (abs >= trillion && !abbrForce || abbrForce === 't') {\n // trillion\n abbr += locale.abbreviations.trillion;\n value = value / trillion;\n } else if (abs < trillion && abs >= billion && !abbrForce || abbrForce === 'b') {\n // billion\n abbr += locale.abbreviations.billion;\n value = value / billion;\n } else if (abs < billion && abs >= million && !abbrForce || abbrForce === 'm') {\n // million\n abbr += locale.abbreviations.million;\n value = value / million;\n } else if (abs < million && abs >= thousand && !abbrForce || abbrForce === 'k') {\n // thousand\n abbr += locale.abbreviations.thousand;\n value = value / thousand;\n }\n }\n\n // check for optional decimals\n if (numeral._.includes(format, '[.]')) {\n optDec = true;\n format = format.replace('[.]', '.');\n }\n\n // break number and format\n int = value.toString().split('.')[0];\n precision = format.split('.')[1];\n thousands = format.indexOf(',');\n leadingCount = (format.split('.')[0].split(',')[0].match(/0/g) || []).length;\n\n if (precision) {\n if (numeral._.includes(precision, '[')) {\n precision = precision.replace(']', '');\n precision = precision.split('[');\n decimal = numeral._.toFixed(value, (precision[0].length + precision[1].length), roundingFunction, precision[1].length);\n } else {\n decimal = numeral._.toFixed(value, precision.length, roundingFunction);\n }\n\n int = decimal.split('.')[0];\n\n if (numeral._.includes(decimal, '.')) {\n decimal = locale.delimiters.decimal + decimal.split('.')[1];\n } else {\n decimal = '';\n }\n\n if (optDec && Number(decimal.slice(1)) === 0) {\n decimal = '';\n }\n } else {\n int = numeral._.toFixed(value, 0, roundingFunction);\n }\n\n // check abbreviation again after rounding\n if (abbr && !abbrForce && Number(int) >= 1000 && abbr !== locale.abbreviations.trillion) {\n int = String(Number(int) / 1000);\n\n switch (abbr) {\n case locale.abbreviations.thousand:\n abbr = locale.abbreviations.million;\n break;\n case locale.abbreviations.million:\n abbr = locale.abbreviations.billion;\n break;\n case locale.abbreviations.billion:\n abbr = locale.abbreviations.trillion;\n break;\n }\n }\n\n\n // format number\n if (numeral._.includes(int, '-')) {\n int = int.slice(1);\n neg = true;\n }\n\n if (int.length < leadingCount) {\n for (var i = leadingCount - int.length; i > 0; i--) {\n int = '0' + int;\n }\n }\n\n if (thousands > -1) {\n int = int.toString().replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, '$1' + locale.delimiters.thousands);\n }\n\n if (format.indexOf('.') === 0) {\n int = '';\n }\n\n output = int + decimal + (abbr ? abbr : '');\n\n if (negP) {\n output = (negP && neg ? '(' : '') + output + (negP && neg ? ')' : '');\n } else {\n if (signed >= 0) {\n output = signed === 0 ? (neg ? '-' : '+') + output : output + (neg ? '-' : '+');\n } else if (neg) {\n output = '-' + output;\n }\n }\n\n return output;\n },\n // unformats numbers separators, decimals places, signs, abbreviations\n stringToNumber: function(string) {\n var locale = locales[options.currentLocale],\n stringOriginal = string,\n abbreviations = {\n thousand: 3,\n million: 6,\n billion: 9,\n trillion: 12\n },\n abbreviation,\n value,\n i,\n regexp;\n\n if (options.zeroFormat && string === options.zeroFormat) {\n value = 0;\n } else if (options.nullFormat && string === options.nullFormat || !string.replace(/[^0-9]+/g, '').length) {\n value = null;\n } else {\n value = 1;\n\n if (locale.delimiters.decimal !== '.') {\n string = string.replace(/\\./g, '').replace(locale.delimiters.decimal, '.');\n }\n\n for (abbreviation in abbreviations) {\n regexp = new RegExp('[^a-zA-Z]' + locale.abbreviations[abbreviation] + '(?:\\\\)|(\\\\' + locale.currency.symbol + ')?(?:\\\\))?)?$');\n\n if (stringOriginal.match(regexp)) {\n value *= Math.pow(10, abbreviations[abbreviation]);\n break;\n }\n }\n\n // check for negative number\n value *= (string.split('-').length + Math.min(string.split('(').length - 1, string.split(')').length - 1)) % 2 ? 1 : -1;\n\n // remove non numbers\n string = string.replace(/[^0-9\\.]+/g, '');\n\n value *= Number(string);\n }\n\n return value;\n },\n isNaN: function(value) {\n return typeof value === 'number' && isNaN(value);\n },\n includes: function(string, search) {\n return string.indexOf(search) !== -1;\n },\n insert: function(string, subString, start) {\n return string.slice(0, start) + subString + string.slice(start);\n },\n reduce: function(array, callback /*, initialValue*/) {\n if (this === null) {\n throw new TypeError('Array.prototype.reduce called on null or undefined');\n }\n\n if (typeof callback !== 'function') {\n throw new TypeError(callback + ' is not a function');\n }\n\n var t = Object(array),\n len = t.length >>> 0,\n k = 0,\n value;\n\n if (arguments.length === 3) {\n value = arguments[2];\n } else {\n while (k < len && !(k in t)) {\n k++;\n }\n\n if (k >= len) {\n throw new TypeError('Reduce of empty array with no initial value');\n }\n\n value = t[k++];\n }\n for (; k < len; k++) {\n if (k in t) {\n value = callback(value, t[k], k, t);\n }\n }\n return value;\n },\n /**\n * Computes the multiplier necessary to make x >= 1,\n * effectively eliminating miscalculations caused by\n * finite precision.\n */\n multiplier: function (x) {\n var parts = x.toString().split('.');\n\n return parts.length < 2 ? 1 : Math.pow(10, parts[1].length);\n },\n /**\n * Given a variable number of arguments, returns the maximum\n * multiplier that must be used to normalize an operation involving\n * all of them.\n */\n correctionFactor: function () {\n var args = Array.prototype.slice.call(arguments);\n\n return args.reduce(function(accum, next) {\n var mn = _.multiplier(next);\n return accum > mn ? accum : mn;\n }, 1);\n },\n /**\n * Implementation of toFixed() that treats floats more like decimals\n *\n * Fixes binary rounding issues (eg. (0.615).toFixed(2) === '0.61') that present\n * problems for accounting- and finance-related software.\n */\n toFixed: function(value, maxDecimals, roundingFunction, optionals) {\n var splitValue = value.toString().split('.'),\n minDecimals = maxDecimals - (optionals || 0),\n boundedPrecision,\n optionalsRegExp,\n power,\n output;\n\n // Use the smallest precision value possible to avoid errors from floating point representation\n if (splitValue.length === 2) {\n boundedPrecision = Math.min(Math.max(splitValue[1].length, minDecimals), maxDecimals);\n } else {\n boundedPrecision = minDecimals;\n }\n\n power = Math.pow(10, boundedPrecision);\n\n // Multiply up by precision, round accurately, then divide and use native toFixed():\n output = (roundingFunction(value + 'e+' + boundedPrecision) / power).toFixed(boundedPrecision);\n\n if (optionals > maxDecimals - boundedPrecision) {\n optionalsRegExp = new RegExp('\\\\.?0{1,' + (optionals - (maxDecimals - boundedPrecision)) + '}$');\n output = output.replace(optionalsRegExp, '');\n }\n\n return output;\n }\n };\n\n // avaliable options\n numeral.options = options;\n\n // avaliable formats\n numeral.formats = formats;\n\n // avaliable formats\n numeral.locales = locales;\n\n // This function sets the current locale. If\n // no arguments are passed in, it will simply return the current global\n // locale key.\n numeral.locale = function(key) {\n if (key) {\n options.currentLocale = key.toLowerCase();\n }\n\n return options.currentLocale;\n };\n\n // This function provides access to the loaded locale data. If\n // no arguments are passed in, it will simply return the current\n // global locale object.\n numeral.localeData = function(key) {\n if (!key) {\n return locales[options.currentLocale];\n }\n\n key = key.toLowerCase();\n\n if (!locales[key]) {\n throw new Error('Unknown locale : ' + key);\n }\n\n return locales[key];\n };\n\n numeral.reset = function() {\n for (var property in defaults) {\n options[property] = defaults[property];\n }\n };\n\n numeral.zeroFormat = function(format) {\n options.zeroFormat = typeof(format) === 'string' ? format : null;\n };\n\n numeral.nullFormat = function (format) {\n options.nullFormat = typeof(format) === 'string' ? format : null;\n };\n\n numeral.defaultFormat = function(format) {\n options.defaultFormat = typeof(format) === 'string' ? format : '0.0';\n };\n\n numeral.register = function(type, name, format) {\n name = name.toLowerCase();\n\n if (this[type + 's'][name]) {\n throw new TypeError(name + ' ' + type + ' already registered.');\n }\n\n this[type + 's'][name] = format;\n\n return format;\n };\n\n\n numeral.validate = function(val, culture) {\n var _decimalSep,\n _thousandSep,\n _currSymbol,\n _valArray,\n _abbrObj,\n _thousandRegEx,\n localeData,\n temp;\n\n //coerce val to string\n if (typeof val !== 'string') {\n val += '';\n\n if (console.warn) {\n console.warn('Numeral.js: Value is not string. It has been co-erced to: ', val);\n }\n }\n\n //trim whitespaces from either sides\n val = val.trim();\n\n //if val is just digits return true\n if (!!val.match(/^\\d+$/)) {\n return true;\n }\n\n //if val is empty return false\n if (val === '') {\n return false;\n }\n\n //get the decimal and thousands separator from numeral.localeData\n try {\n //check if the culture is understood by numeral. if not, default it to current locale\n localeData = numeral.localeData(culture);\n } catch (e) {\n localeData = numeral.localeData(numeral.locale());\n }\n\n //setup the delimiters and currency symbol based on culture/locale\n _currSymbol = localeData.currency.symbol;\n _abbrObj = localeData.abbreviations;\n _decimalSep = localeData.delimiters.decimal;\n if (localeData.delimiters.thousands === '.') {\n _thousandSep = '\\\\.';\n } else {\n _thousandSep = localeData.delimiters.thousands;\n }\n\n // validating currency symbol\n temp = val.match(/^[^\\d]+/);\n if (temp !== null) {\n val = val.substr(1);\n if (temp[0] !== _currSymbol) {\n return false;\n }\n }\n\n //validating abbreviation symbol\n temp = val.match(/[^\\d]+$/);\n if (temp !== null) {\n val = val.slice(0, -1);\n if (temp[0] !== _abbrObj.thousand && temp[0] !== _abbrObj.million && temp[0] !== _abbrObj.billion && temp[0] !== _abbrObj.trillion) {\n return false;\n }\n }\n\n _thousandRegEx = new RegExp(_thousandSep + '{2}');\n\n if (!val.match(/[^\\d.,]/g)) {\n _valArray = val.split(_decimalSep);\n if (_valArray.length > 2) {\n return false;\n } else {\n if (_valArray.length < 2) {\n return ( !! _valArray[0].match(/^\\d+.*\\d$/) && !_valArray[0].match(_thousandRegEx));\n } else {\n if (_valArray[0].length === 1) {\n return ( !! _valArray[0].match(/^\\d+$/) && !_valArray[0].match(_thousandRegEx) && !! _valArray[1].match(/^\\d+$/));\n } else {\n return ( !! _valArray[0].match(/^\\d+.*\\d$/) && !_valArray[0].match(_thousandRegEx) && !! _valArray[1].match(/^\\d+$/));\n }\n }\n }\n }\n\n return false;\n };\n\n\n /************************************\n Numeral Prototype\n ************************************/\n\n numeral.fn = Numeral.prototype = {\n clone: function() {\n return numeral(this);\n },\n format: function(inputString, roundingFunction) {\n var value = this._value,\n format = inputString || options.defaultFormat,\n kind,\n output,\n formatFunction;\n\n // make sure we have a roundingFunction\n roundingFunction = roundingFunction || Math.round;\n\n // format based on value\n if (value === 0 && options.zeroFormat !== null) {\n output = options.zeroFormat;\n } else if (value === null && options.nullFormat !== null) {\n output = options.nullFormat;\n } else {\n for (kind in formats) {\n if (format.match(formats[kind].regexps.format)) {\n formatFunction = formats[kind].format;\n\n break;\n }\n }\n\n formatFunction = formatFunction || numeral._.numberToFormat;\n\n output = formatFunction(value, format, roundingFunction);\n }\n\n return output;\n },\n value: function() {\n return this._value;\n },\n input: function() {\n return this._input;\n },\n set: function(value) {\n this._value = Number(value);\n\n return this;\n },\n add: function(value) {\n var corrFactor = _.correctionFactor.call(null, this._value, value);\n\n function cback(accum, curr, currI, O) {\n return accum + Math.round(corrFactor * curr);\n }\n\n this._value = _.reduce([this._value, value], cback, 0) / corrFactor;\n\n return this;\n },\n subtract: function(value) {\n var corrFactor = _.correctionFactor.call(null, this._value, value);\n\n function cback(accum, curr, currI, O) {\n return accum - Math.round(corrFactor * curr);\n }\n\n this._value = _.reduce([value], cback, Math.round(this._value * corrFactor)) / corrFactor;\n\n return this;\n },\n multiply: function(value) {\n function cback(accum, curr, currI, O) {\n var corrFactor = _.correctionFactor(accum, curr);\n return Math.round(accum * corrFactor) * Math.round(curr * corrFactor) / Math.round(corrFactor * corrFactor);\n }\n\n this._value = _.reduce([this._value, value], cback, 1);\n\n return this;\n },\n divide: function(value) {\n function cback(accum, curr, currI, O) {\n var corrFactor = _.correctionFactor(accum, curr);\n return Math.round(accum * corrFactor) / Math.round(curr * corrFactor);\n }\n\n this._value = _.reduce([this._value, value], cback);\n\n return this;\n },\n difference: function(value) {\n return Math.abs(numeral(this._value).subtract(value).value());\n }\n };\n\n /************************************\n Default Locale && Format\n ************************************/\n\n numeral.register('locale', 'en', {\n delimiters: {\n thousands: ',',\n decimal: '.'\n },\n abbreviations: {\n thousand: 'k',\n million: 'm',\n billion: 'b',\n trillion: 't'\n },\n ordinal: function(number) {\n var b = number % 10;\n return (~~(number % 100 / 10) === 1) ? 'th' :\n (b === 1) ? 'st' :\n (b === 2) ? 'nd' :\n (b === 3) ? 'rd' : 'th';\n },\n currency: {\n symbol: '$'\n }\n });\n\n \n\n(function() {\n numeral.register('format', 'bps', {\n regexps: {\n format: /(BPS)/,\n unformat: /(BPS)/\n },\n format: function(value, format, roundingFunction) {\n var space = numeral._.includes(format, ' BPS') ? ' ' : '',\n output;\n\n value = value * 10000;\n\n // check for space before BPS\n format = format.replace(/\\s?BPS/, '');\n\n output = numeral._.numberToFormat(value, format, roundingFunction);\n\n if (numeral._.includes(output, ')')) {\n output = output.split('');\n\n output.splice(-1, 0, space + 'BPS');\n\n output = output.join('');\n } else {\n output = output + space + 'BPS';\n }\n\n return output;\n },\n unformat: function(string) {\n return +(numeral._.stringToNumber(string) * 0.0001).toFixed(15);\n }\n });\n})();\n\n\n(function() {\n var decimal = {\n base: 1000,\n suffixes: ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']\n },\n binary = {\n base: 1024,\n suffixes: ['B', 'KiB', 'MiB', 'GiB', 'TiB', 'PiB', 'EiB', 'ZiB', 'YiB']\n };\n\n var allSuffixes = decimal.suffixes.concat(binary.suffixes.filter(function (item) {\n return decimal.suffixes.indexOf(item) < 0;\n }));\n var unformatRegex = allSuffixes.join('|');\n // Allow support for BPS (http://www.investopedia.com/terms/b/basispoint.asp)\n unformatRegex = '(' + unformatRegex.replace('B', 'B(?!PS)') + ')';\n\n numeral.register('format', 'bytes', {\n regexps: {\n format: /([0\\s]i?b)/,\n unformat: new RegExp(unformatRegex)\n },\n format: function(value, format, roundingFunction) {\n var output,\n bytes = numeral._.includes(format, 'ib') ? binary : decimal,\n suffix = numeral._.includes(format, ' b') || numeral._.includes(format, ' ib') ? ' ' : '',\n power,\n min,\n max;\n\n // check for space before\n format = format.replace(/\\s?i?b/, '');\n\n for (power = 0; power <= bytes.suffixes.length; power++) {\n min = Math.pow(bytes.base, power);\n max = Math.pow(bytes.base, power + 1);\n\n if (value === null || value === 0 || value >= min && value < max) {\n suffix += bytes.suffixes[power];\n\n if (min > 0) {\n value = value / min;\n }\n\n break;\n }\n }\n\n output = numeral._.numberToFormat(value, format, roundingFunction);\n\n return output + suffix;\n },\n unformat: function(string) {\n var value = numeral._.stringToNumber(string),\n power,\n bytesMultiplier;\n\n if (value) {\n for (power = decimal.suffixes.length - 1; power >= 0; power--) {\n if (numeral._.includes(string, decimal.suffixes[power])) {\n bytesMultiplier = Math.pow(decimal.base, power);\n\n break;\n }\n\n if (numeral._.includes(string, binary.suffixes[power])) {\n bytesMultiplier = Math.pow(binary.base, power);\n\n break;\n }\n }\n\n value *= (bytesMultiplier || 1);\n }\n\n return value;\n }\n });\n})();\n\n\n(function() {\n numeral.register('format', 'currency', {\n regexps: {\n format: /(\\$)/\n },\n format: function(value, format, roundingFunction) {\n var locale = numeral.locales[numeral.options.currentLocale],\n symbols = {\n before: format.match(/^([\\+|\\-|\\(|\\s|\\$]*)/)[0],\n after: format.match(/([\\+|\\-|\\)|\\s|\\$]*)$/)[0]\n },\n output,\n symbol,\n i;\n\n // strip format of spaces and $\n format = format.replace(/\\s?\\$\\s?/, '');\n\n // format the number\n output = numeral._.numberToFormat(value, format, roundingFunction);\n\n // update the before and after based on value\n if (value >= 0) {\n symbols.before = symbols.before.replace(/[\\-\\(]/, '');\n symbols.after = symbols.after.replace(/[\\-\\)]/, '');\n } else if (value < 0 && (!numeral._.includes(symbols.before, '-') && !numeral._.includes(symbols.before, '('))) {\n symbols.before = '-' + symbols.before;\n }\n\n // loop through each before symbol\n for (i = 0; i < symbols.before.length; i++) {\n symbol = symbols.before[i];\n\n switch (symbol) {\n case '$':\n output = numeral._.insert(output, locale.currency.symbol, i);\n break;\n case ' ':\n output = numeral._.insert(output, ' ', i + locale.currency.symbol.length - 1);\n break;\n }\n }\n\n // loop through each after symbol\n for (i = symbols.after.length - 1; i >= 0; i--) {\n symbol = symbols.after[i];\n\n switch (symbol) {\n case '$':\n output = i === symbols.after.length - 1 ? output + locale.currency.symbol : numeral._.insert(output, locale.currency.symbol, -(symbols.after.length - (1 + i)));\n break;\n case ' ':\n output = i === symbols.after.length - 1 ? output + ' ' : numeral._.insert(output, ' ', -(symbols.after.length - (1 + i) + locale.currency.symbol.length - 1));\n break;\n }\n }\n\n\n return output;\n }\n });\n})();\n\n\n(function() {\n numeral.register('format', 'exponential', {\n regexps: {\n format: /(e\\+|e-)/,\n unformat: /(e\\+|e-)/\n },\n format: function(value, format, roundingFunction) {\n var output,\n exponential = typeof value === 'number' && !numeral._.isNaN(value) ? value.toExponential() : '0e+0',\n parts = exponential.split('e');\n\n format = format.replace(/e[\\+|\\-]{1}0/, '');\n\n output = numeral._.numberToFormat(Number(parts[0]), format, roundingFunction);\n\n return output + 'e' + parts[1];\n },\n unformat: function(string) {\n var parts = numeral._.includes(string, 'e+') ? string.split('e+') : string.split('e-'),\n value = Number(parts[0]),\n power = Number(parts[1]);\n\n power = numeral._.includes(string, 'e-') ? power *= -1 : power;\n\n function cback(accum, curr, currI, O) {\n var corrFactor = numeral._.correctionFactor(accum, curr),\n num = (accum * corrFactor) * (curr * corrFactor) / (corrFactor * corrFactor);\n return num;\n }\n\n return numeral._.reduce([value, Math.pow(10, power)], cback, 1);\n }\n });\n})();\n\n\n(function() {\n numeral.register('format', 'ordinal', {\n regexps: {\n format: /(o)/\n },\n format: function(value, format, roundingFunction) {\n var locale = numeral.locales[numeral.options.currentLocale],\n output,\n ordinal = numeral._.includes(format, ' o') ? ' ' : '';\n\n // check for space before\n format = format.replace(/\\s?o/, '');\n\n ordinal += locale.ordinal(value);\n\n output = numeral._.numberToFormat(value, format, roundingFunction);\n\n return output + ordinal;\n }\n });\n})();\n\n\n(function() {\n numeral.register('format', 'percentage', {\n regexps: {\n format: /(%)/,\n unformat: /(%)/\n },\n format: function(value, format, roundingFunction) {\n var space = numeral._.includes(format, ' %') ? ' ' : '',\n output;\n\n if (numeral.options.scalePercentBy100) {\n value = value * 100;\n }\n\n // check for space before %\n format = format.replace(/\\s?\\%/, '');\n\n output = numeral._.numberToFormat(value, format, roundingFunction);\n\n if (numeral._.includes(output, ')')) {\n output = output.split('');\n\n output.splice(-1, 0, space + '%');\n\n output = output.join('');\n } else {\n output = output + space + '%';\n }\n\n return output;\n },\n unformat: function(string) {\n var number = numeral._.stringToNumber(string);\n if (numeral.options.scalePercentBy100) {\n return number * 0.01;\n }\n return number;\n }\n });\n})();\n\n\n(function() {\n numeral.register('format', 'time', {\n regexps: {\n format: /(:)/,\n unformat: /(:)/\n },\n format: function(value, format, roundingFunction) {\n var hours = Math.floor(value / 60 / 60),\n minutes = Math.floor((value - (hours * 60 * 60)) / 60),\n seconds = Math.round(value - (hours * 60 * 60) - (minutes * 60));\n\n return hours + ':' + (minutes < 10 ? '0' + minutes : minutes) + ':' + (seconds < 10 ? '0' + seconds : seconds);\n },\n unformat: function(string) {\n var timeArray = string.split(':'),\n seconds = 0;\n\n // turn hours and minutes into seconds and add them all up\n if (timeArray.length === 3) {\n // hours\n seconds = seconds + (Number(timeArray[0]) * 60 * 60);\n // minutes\n seconds = seconds + (Number(timeArray[1]) * 60);\n // seconds\n seconds = seconds + Number(timeArray[2]);\n } else if (timeArray.length === 2) {\n // minutes\n seconds = seconds + (Number(timeArray[0]) * 60);\n // seconds\n seconds = seconds + Number(timeArray[1]);\n }\n return Number(seconds);\n }\n });\n})();\n\nreturn numeral;\n}));\n","/*!\n * PatternFly Elements: PfeNumber 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\n// Import polyfills: isNaN\nimport \"./polyfills--pfe-number.js\";\n\nimport PFElement from \"../../pfelement/dist/pfelement.umd\";\nimport numeral from \"numeral\";\n\n// easy aliases for common format strings\nconst types = {\n abbrev: \"0a\", // or 'approx'?\n ordinal: \"0o\",\n percent: \"0%\",\n bytes: \"0[.][00] ib\",\n e: \"0[.00]e+0\",\n thousands: \"0,0[.][00]\"\n};\n\n// use thin spaces to separate thousands chunks\n// debugger;\nnumeral.locales.en.delimiters.thousands = \" \";\n\nclass PfeNumber extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return ``;\n }\n static get tag() {\n return \"pfe-number\";\n }\n\n get styleUrl() {\n return \"pfe-number.scss\";\n }\n\n get templateUrl() {\n return \"pfe-number.html\";\n }\n\n static get observedAttributes() {\n return [\"number\", \"format\", \"type\"];\n }\n\n constructor() {\n super(PfeNumber);\n }\n\n connectedCallback() {\n super.connectedCallback();\n this.connected = true;\n\n this._determineFormat();\n this._setInitialNumber();\n }\n\n attributeChangedCallback(attr, oldVal, newVal) {\n super.attributeChangedCallback(...arguments);\n switch (attr) {\n case \"type\":\n this._determineFormat();\n break;\n case \"format\":\n this._updateNumber(this.getAttribute(\"number\"), newVal);\n break;\n case \"number\":\n this._updateNumber(newVal, this.getAttribute(\"format\"));\n }\n }\n\n _setInitialNumber() {\n const numberAttrDefined = !isNaN(parseFloat(this.getAttribute(\"number\")));\n const numberContentDefined = !isNaN(parseFloat(this.textContent));\n\n if (numberAttrDefined) {\n this.setAttribute(\"number\", this.getAttribute(\"number\"));\n } else if (numberContentDefined) {\n this.setAttribute(\"number\", this.textContent);\n }\n }\n\n _determineFormat() {\n let type = this.getAttribute(\"type\");\n\n if (type && types[type]) {\n this.setAttribute(\"format\", types[type]);\n } else {\n this.setAttribute(\"format\", this.getAttribute(\"format\") || \"0\");\n }\n }\n\n _updateNumber(num, type) {\n if (!num || isNaN(parseFloat(num))) {\n this.textContent = \"\";\n this.shadowRoot.querySelector(\"span\").textContent = \"\";\n\n return;\n }\n\n this.textContent = num;\n this.shadowRoot.querySelector(\"span\").textContent = this._format(num, type);\n }\n\n _format(num, type) {\n return numeral(num).format(type);\n }\n}\n\nPFElement.create(PfeNumber);\n"],"names":["global","factory","this","numeral","_","decimal","binary","unformatRegex","formats","locales","defaults","options","currentLocale","zeroFormat","nullFormat","defaultFormat","scalePercentBy100","Numeral","input","number","_input","_value","value","kind","unformatFunction","regexp","isNumeral","isNaN","replace","length","regexps","unformat","match","stringToNumber","Number","version","obj","format","roundingFunction","leadingCount","abbrForce","int","precision","signed","thousands","output","locale","negP","optDec","abbr","trillion","neg","Math","abs","includes","indexOf","RegExp","abbreviations","billion","million","thousand","toString","split","toFixed","delimiters","slice","String","i","string","abbreviation","stringOriginal","currency","symbol","pow","min","search","subString","start","array","callback","TypeError","t","Object","len","k","arguments","x","parts","Array","prototype","call","reduce","accum","next","mn","multiplier","maxDecimals","optionals","boundedPrecision","optionalsRegExp","power","splitValue","minDecimals","max","key","toLowerCase","localeData","Error","reset","property","register","type","name","validate","val","culture","_decimalSep","_thousandSep","_currSymbol","_valArray","_abbrObj","_thousandRegEx","temp","console","warn","trim","e","substr","fn","inputString","formatFunction","round","numberToFormat","corrFactor","correctionFactor","curr","currI","O","subtract","b","space","splice","join","suffixes","concat","filter","item","bytes","suffix","base","bytesMultiplier","symbols","before","after","insert","toExponential","ordinal","hours","floor","minutes","seconds","timeArray","module","exports","types","en","PfeNumber","PFElement","connected","_determineFormat","_setInitialNumber","attr","oldVal","newVal","_updateNumber","getAttribute","numberAttrDefined","parseFloat","numberContentDefined","textContent","setAttribute","num","shadowRoot","querySelector","_format","create"],"mappings":"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"} \ No newline at end of file diff --git a/elements/pfe-number/package-lock.json b/elements/pfe-number/package-lock.json index 46ec102edf..25acbd1c99 100644 --- a/elements/pfe-number/package-lock.json +++ b/elements/pfe-number/package-lock.json @@ -1,6 +1,6 @@ { "name": "@patternfly/pfe-number", - "version": "1.0.0-prerelease.49", + "version": "1.0.0-prerelease.50", "lockfileVersion": 1, "requires": true, "dependencies": { diff --git a/elements/pfe-number/package.json b/elements/pfe-number/package.json index 184365073f..27e62cbfb5 100644 --- a/elements/pfe-number/package.json +++ b/elements/pfe-number/package.json @@ -4,7 +4,7 @@ "className": "PfeNumber", "elementName": "pfe-number" }, - "version": "1.0.0-prerelease.49", + "version": "1.0.0-prerelease.50", "publishConfig": { "access": "public" }, @@ -37,7 +37,7 @@ ], "license": "MIT", "dependencies": { - "@patternfly/pfelement": "^1.0.0-prerelease.49", + "@patternfly/pfelement": "^1.0.0-prerelease.50", "numeral": "^2.0.6" }, "generator-pfelement-version": "0.2.9", diff --git a/elements/pfe-page-status/dist/pfe-page-status.js b/elements/pfe-page-status/dist/pfe-page-status.js new file mode 100644 index 0000000000..abfa997547 --- /dev/null +++ b/elements/pfe-page-status/dist/pfe-page-status.js @@ -0,0 +1,100 @@ +import PFElement from '../../pfelement/dist/pfelement.js'; + +/*! + * PatternFly Elements: PfePageStatus 1.0.0-prerelease.50 + * @license + * Copyright 2020 Red Hat, Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + * +*/ + +class PfePageStatus extends PFElement { + static get version() { + return "1.0.0-prerelease.50"; + } + + get html() { + return ``; + } + + static get properties() { + return {"status":{"title":"Status","type":"string","enum":["default","moderate","warning","important","critical","success","info","normal","accent","complement"],"default":"default","prefixed":true,"observer":"_basicAttributeChanged"}}; + } + + static get slots() { + return {"content":{"title":"Content","type":"array","namedSlot":false,"items":{"oneOf":[{"$ref":"raw"}]}}}; + } + static get tag() { + return "pfe-page-status"; + } + + get schemaUrl() { + return "pfe-page-status.json"; + } + + get templateUrl() { + return "pfe-page-status.html"; + } + + get styleUrl() { + return "pfe-page-status.scss"; + } + + static get observedAttributes() { + return ["pfe-status"]; + } + + // Declare the type of this component + static get PfeType() { + return PFElement.PfeTypes.Content; + } + + constructor() { + super(PfePageStatus); + } + + connectedCallback() { + super.connectedCallback(); + } + + attributeChangedCallback(attr, oldValue, newValue) { + super.attributeChangedCallback(attr, oldValue, newValue); + // Strip the prefix form the attribute + attr = attr.replace("pfe-", ""); + // If the observer is defined in the attribute properties + if (this[attr] && this[attr].observer) { + // Get the observer function + let observer = this[this[attr].observer].bind(this); + // If it's a function, allow it to run + if (typeof observer === "function") observer(attr, oldValue, newValue); + } + } + + _basicAttributeChanged(attr, oldValue, newValue) { + this[attr].value = newValue; + } +} + +PFElement.create(PfePageStatus); + +export default PfePageStatus; +//# sourceMappingURL=pfe-page-status.js.map diff --git a/elements/pfe-page-status/dist/pfe-page-status.js.map b/elements/pfe-page-status/dist/pfe-page-status.js.map new file mode 100644 index 0000000000..9675a6595e --- /dev/null +++ b/elements/pfe-page-status/dist/pfe-page-status.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-page-status.js","sources":["../_temp/pfe-page-status.js"],"sourcesContent":["/*!\n * PatternFly Elements: PfePageStatus 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\nimport PFElement from \"../../pfelement/dist/pfelement.js\";\n\nclass PfePageStatus extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return `
                                                    `;\n }\n\n static get properties() {\n return {\"status\":{\"title\":\"Status\",\"type\":\"string\",\"enum\":[\"default\",\"moderate\",\"warning\",\"important\",\"critical\",\"success\",\"info\",\"normal\",\"accent\",\"complement\"],\"default\":\"default\",\"prefixed\":true,\"observer\":\"_basicAttributeChanged\"}};\n }\n\n static get slots() {\n return {\"content\":{\"title\":\"Content\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-page-status\";\n }\n\n get schemaUrl() {\n return \"pfe-page-status.json\";\n }\n\n get templateUrl() {\n return \"pfe-page-status.html\";\n }\n\n get styleUrl() {\n return \"pfe-page-status.scss\";\n }\n\n static get observedAttributes() {\n return [\"pfe-status\"];\n }\n\n // Declare the type of this component\n static get PfeType() {\n return PFElement.PfeTypes.Content;\n }\n\n constructor() {\n super(PfePageStatus);\n }\n\n connectedCallback() {\n super.connectedCallback();\n }\n\n attributeChangedCallback(attr, oldValue, newValue) {\n super.attributeChangedCallback(attr, oldValue, newValue);\n // Strip the prefix form the attribute\n attr = attr.replace(\"pfe-\", \"\");\n // If the observer is defined in the attribute properties\n if (this[attr] && this[attr].observer) {\n // Get the observer function\n let observer = this[this[attr].observer].bind(this);\n // If it's a function, allow it to run\n if (typeof observer === \"function\") observer(attr, oldValue, newValue);\n }\n }\n\n _basicAttributeChanged(attr, oldValue, newValue) {\n this[attr].value = newValue;\n }\n}\n\nPFElement.create(PfePageStatus);\n\nexport default PfePageStatus;\n"],"names":[],"mappings":";;AAAA;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,AAEA;AACA,MAAM,aAAa,SAAS,SAAS,CAAC;EACpC,WAAW,OAAO,GAAG;IACnB,OAAO,qBAAqB,CAAC;GAC9B;;EAED,IAAI,IAAI,GAAG;IACT,OAAO,CAAC;;6EAEiE,CAAC,CAAC;GAC5E;;EAED,WAAW,UAAU,GAAG;IACtB,OAAO,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,UAAU,CAAC,SAAS,CAAC,WAAW,CAAC,UAAU,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,SAAS,CAAC,SAAS,CAAC,UAAU,CAAC,IAAI,CAAC,UAAU,CAAC,wBAAwB,CAAC,CAAC,CAAC;GAC7O;;EAED,WAAW,KAAK,GAAG;IACjB,OAAO,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;GAC5G;EACD,WAAW,GAAG,GAAG;IACf,OAAO,iBAAiB,CAAC;GAC1B;;EAED,IAAI,SAAS,GAAG;IACd,OAAO,sBAAsB,CAAC;GAC/B;;EAED,IAAI,WAAW,GAAG;IAChB,OAAO,sBAAsB,CAAC;GAC/B;;EAED,IAAI,QAAQ,GAAG;IACb,OAAO,sBAAsB,CAAC;GAC/B;;EAED,WAAW,kBAAkB,GAAG;IAC9B,OAAO,CAAC,YAAY,CAAC,CAAC;GACvB;;;EAGD,WAAW,OAAO,GAAG;IACnB,OAAO,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC;GACnC;;EAED,WAAW,GAAG;IACZ,KAAK,CAAC,aAAa,CAAC,CAAC;GACtB;;EAED,iBAAiB,GAAG;IAClB,KAAK,CAAC,iBAAiB,EAAE,CAAC;GAC3B;;EAED,wBAAwB,CAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE;IACjD,KAAK,CAAC,wBAAwB,CAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;;IAEzD,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;;IAEhC,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE;;MAErC,IAAI,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;;MAEpD,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE,QAAQ,CAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;KACxE;GACF;;EAED,sBAAsB,CAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE;IAC/C,IAAI,CAAC,IAAI,CAAC,CAAC,KAAK,GAAG,QAAQ,CAAC;GAC7B;CACF;;AAED,SAAS,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;;;;"} \ No newline at end of file diff --git a/elements/pfe-page-status/dist/pfe-page-status.json b/elements/pfe-page-status/dist/pfe-page-status.json new file mode 100644 index 0000000000..3f26907106 --- /dev/null +++ b/elements/pfe-page-status/dist/pfe-page-status.json @@ -0,0 +1,57 @@ +{ + "$schema": "http://json-schema.org/draft-04/schema#", + "title": "Page status", + "description": "This element creates a flag/banner on the right side of the page denoting the status of the page or Doc the author is viewing.", + "type": "object", + "tag": "pfe-page-status", + "class": "pfe-page-status", + "category": "content", + "properties": { + "slots": { + "title": "Slots", + "description": "Definition of the supported slots", + "type": "object", + "properties": { + "content": { + "title": "Content", + "type": "array", + "namedSlot": false, + "items": { + "oneOf": [ + { + "$ref": "raw" + } + ] + } + } + } + }, + "attributes": { + "title": "Attributes", + "type": "object", + "properties": { + "status": { + "title": "Status", + "type": "string", + "enum": [ + "default", + "moderate", + "warning", + "important", + "critical", + "success", + "info", + "normal", + "accent", + "complement" + ], + "default": "default", + "prefixed": true, + "observer": "_basicAttributeChanged" + } + } + } + }, + "required": ["slots", "attributes"], + "additionalProperties": false +} diff --git a/elements/pfe-page-status/dist/pfe-page-status.min.js b/elements/pfe-page-status/dist/pfe-page-status.min.js new file mode 100644 index 0000000000..1406058cb3 --- /dev/null +++ b/elements/pfe-page-status/dist/pfe-page-status.min.js @@ -0,0 +1,26 @@ +import e from"../../pfelement/dist/pfelement.min.js"; +/*! + * PatternFly Elements: PfePageStatus 1.0.0-prerelease.50 + * @license + * Copyright 2020 Red Hat, Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + * +*/class t extends e{static get version(){return"1.0.0-prerelease.50"}get html(){return''}static get properties(){return{status:{title:"Status",type:"string",enum:["default","moderate","warning","important","critical","success","info","normal","accent","complement"],default:"default",prefixed:!0,observer:"_basicAttributeChanged"}}}static get slots(){return{content:{title:"Content",type:"array",namedSlot:!1,items:{oneOf:[{$ref:"raw"}]}}}}static get tag(){return"pfe-page-status"}get schemaUrl(){return"pfe-page-status.json"}get templateUrl(){return"pfe-page-status.html"}get styleUrl(){return"pfe-page-status.scss"}static get observedAttributes(){return["pfe-status"]}static get PfeType(){return e.PfeTypes.Content}constructor(){super(t)}connectedCallback(){super.connectedCallback()}attributeChangedCallback(e,t,a){if(super.attributeChangedCallback(e,t,a),this[e=e.replace("pfe-","")]&&this[e].observer){let r=this[this[e].observer].bind(this);"function"==typeof r&&r(e,t,a)}}_basicAttributeChanged(e,t,a){this[e].value=a}}e.create(t);export default t; +//# sourceMappingURL=pfe-page-status.min.js.map diff --git a/elements/pfe-page-status/dist/pfe-page-status.min.js.map b/elements/pfe-page-status/dist/pfe-page-status.min.js.map new file mode 100644 index 0000000000..9d370490ed --- /dev/null +++ b/elements/pfe-page-status/dist/pfe-page-status.min.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-page-status.min.js","sources":["../_temp/pfe-page-status.js"],"sourcesContent":["/*!\n * PatternFly Elements: PfePageStatus 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\nimport PFElement from \"../../pfelement/dist/pfelement.js\";\n\nclass PfePageStatus extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return `
                                                    `;\n }\n\n static get properties() {\n return {\"status\":{\"title\":\"Status\",\"type\":\"string\",\"enum\":[\"default\",\"moderate\",\"warning\",\"important\",\"critical\",\"success\",\"info\",\"normal\",\"accent\",\"complement\"],\"default\":\"default\",\"prefixed\":true,\"observer\":\"_basicAttributeChanged\"}};\n }\n\n static get slots() {\n return {\"content\":{\"title\":\"Content\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-page-status\";\n }\n\n get schemaUrl() {\n return \"pfe-page-status.json\";\n }\n\n get templateUrl() {\n return \"pfe-page-status.html\";\n }\n\n get styleUrl() {\n return \"pfe-page-status.scss\";\n }\n\n static get observedAttributes() {\n return [\"pfe-status\"];\n }\n\n // Declare the type of this component\n static get PfeType() {\n return PFElement.PfeTypes.Content;\n }\n\n constructor() {\n super(PfePageStatus);\n }\n\n connectedCallback() {\n super.connectedCallback();\n }\n\n attributeChangedCallback(attr, oldValue, newValue) {\n super.attributeChangedCallback(attr, oldValue, newValue);\n // Strip the prefix form the attribute\n attr = attr.replace(\"pfe-\", \"\");\n // If the observer is defined in the attribute properties\n if (this[attr] && this[attr].observer) {\n // Get the observer function\n let observer = this[this[attr].observer].bind(this);\n // If it's a function, allow it to run\n if (typeof observer === \"function\") observer(attr, oldValue, newValue);\n }\n }\n\n _basicAttributeChanged(attr, oldValue, newValue) {\n this[attr].value = newValue;\n }\n}\n\nPFElement.create(PfePageStatus);\n\nexport default PfePageStatus;\n"],"names":["PfePageStatus","PFElement","version","html","properties","status","title","type","enum","default","prefixed","observer","slots","content","namedSlot","items","oneOf","$ref","tag","schemaUrl","templateUrl","styleUrl","observedAttributes","PfeType","PfeTypes","Content","[object Object]","super","connectedCallback","attr","oldValue","newValue","attributeChangedCallback","this","replace","bind","value","create"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EA2BA,MAAMA,UAAsBC,EAC1BC,qBACE,MAAO,sBAGTC,WACE,MAAO,sxFAKTC,wBACE,MAAO,CAACC,OAAS,CAACC,MAAQ,SAASC,KAAO,SAASC,KAAO,CAAC,UAAU,WAAW,UAAU,YAAY,WAAW,UAAU,OAAO,SAAS,SAAS,cAAcC,QAAU,UAAUC,UAAW,EAAKC,SAAW,2BAGnNC,mBACE,MAAO,CAACC,QAAU,CAACP,MAAQ,UAAUC,KAAO,QAAQO,WAAY,EAAMC,MAAQ,CAACC,MAAQ,CAAC,CAACC,KAAO,WAElGC,iBACE,MAAO,kBAGTC,gBACE,MAAO,uBAGTC,kBACE,MAAO,uBAGTC,eACE,MAAO,uBAGTC,gCACE,MAAO,CAAC,cAIVC,qBACE,OAAOtB,EAAUuB,SAASC,QAG5BC,cACEC,MAAM3B,GAGR0B,oBACEC,MAAMC,oBAGRF,yBAAyBG,EAAMC,EAAUC,GAKvC,GAJAJ,MAAMK,yBAAyBH,EAAMC,EAAUC,GAI3CE,KAFJJ,EAAOA,EAAKK,QAAQ,OAAQ,MAEVD,KAAKJ,GAAMlB,SAAU,CAErC,IAAIA,EAAWsB,KAAKA,KAAKJ,GAAMlB,UAAUwB,KAAKF,MAEtB,mBAAbtB,GAAyBA,EAASkB,EAAMC,EAAUC,IAIjEL,uBAAuBG,EAAMC,EAAUC,GACrCE,KAAKJ,GAAMO,MAAQL,GAIvB9B,EAAUoC,OAAOrC"} \ No newline at end of file diff --git a/elements/pfe-page-status/dist/pfe-page-status.umd.js b/elements/pfe-page-status/dist/pfe-page-status.umd.js new file mode 100644 index 0000000000..dc804fb393 --- /dev/null +++ b/elements/pfe-page-status/dist/pfe-page-status.umd.js @@ -0,0 +1,202 @@ +(function (global, factory) { + typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('../../pfelement/dist/pfelement.umd')) : + typeof define === 'function' && define.amd ? define(['../../pfelement/dist/pfelement.umd'], factory) : + (global.PfePageStatus = factory(global.PFElement)); +}(this, (function (PFElement) { 'use strict'; + + PFElement = PFElement && PFElement.hasOwnProperty('default') ? PFElement['default'] : PFElement; + + var classCallCheck = function (instance, Constructor) { + if (!(instance instanceof Constructor)) { + throw new TypeError("Cannot call a class as a function"); + } + }; + + var createClass = function () { + function defineProperties(target, props) { + for (var i = 0; i < props.length; i++) { + var descriptor = props[i]; + descriptor.enumerable = descriptor.enumerable || false; + descriptor.configurable = true; + if ("value" in descriptor) descriptor.writable = true; + Object.defineProperty(target, descriptor.key, descriptor); + } + } + + return function (Constructor, protoProps, staticProps) { + if (protoProps) defineProperties(Constructor.prototype, protoProps); + if (staticProps) defineProperties(Constructor, staticProps); + return Constructor; + }; + }(); + + var get = function get(object, property, receiver) { + if (object === null) object = Function.prototype; + var desc = Object.getOwnPropertyDescriptor(object, property); + + if (desc === undefined) { + var parent = Object.getPrototypeOf(object); + + if (parent === null) { + return undefined; + } else { + return get(parent, property, receiver); + } + } else if ("value" in desc) { + return desc.value; + } else { + var getter = desc.get; + + if (getter === undefined) { + return undefined; + } + + return getter.call(receiver); + } + }; + + var inherits = function (subClass, superClass) { + if (typeof superClass !== "function" && superClass !== null) { + throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); + } + + subClass.prototype = Object.create(superClass && superClass.prototype, { + constructor: { + value: subClass, + enumerable: false, + writable: true, + configurable: true + } + }); + if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; + }; + + var possibleConstructorReturn = function (self, call) { + if (!self) { + throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); + } + + return call && (typeof call === "object" || typeof call === "function") ? call : self; + }; + + /*! + * PatternFly Elements: PfePageStatus 1.0.0-prerelease.50 + * @license + * Copyright 2020 Red Hat, Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + * + */ + + var PfePageStatus = function (_PFElement) { + inherits(PfePageStatus, _PFElement); + createClass(PfePageStatus, [{ + key: "html", + get: function get$$1() { + return "
                                                    "; + } + }, { + key: "schemaUrl", + get: function get$$1() { + return "pfe-page-status.json"; + } + }, { + key: "templateUrl", + get: function get$$1() { + return "pfe-page-status.html"; + } + }, { + key: "styleUrl", + get: function get$$1() { + return "pfe-page-status.scss"; + } + }], [{ + key: "version", + get: function get$$1() { + return "1.0.0-prerelease.50"; + } + }, { + key: "properties", + get: function get$$1() { + return { "status": { "title": "Status", "type": "string", "enum": ["default", "moderate", "warning", "important", "critical", "success", "info", "normal", "accent", "complement"], "default": "default", "prefixed": true, "observer": "_basicAttributeChanged" } }; + } + }, { + key: "slots", + get: function get$$1() { + return { "content": { "title": "Content", "type": "array", "namedSlot": false, "items": { "oneOf": [{ "$ref": "raw" }] } } }; + } + }, { + key: "tag", + get: function get$$1() { + return "pfe-page-status"; + } + }, { + key: "observedAttributes", + get: function get$$1() { + return ["pfe-status"]; + } + + // Declare the type of this component + + }, { + key: "PfeType", + get: function get$$1() { + return PFElement.PfeTypes.Content; + } + }]); + + function PfePageStatus() { + classCallCheck(this, PfePageStatus); + return possibleConstructorReturn(this, (PfePageStatus.__proto__ || Object.getPrototypeOf(PfePageStatus)).call(this, PfePageStatus)); + } + + createClass(PfePageStatus, [{ + key: "connectedCallback", + value: function connectedCallback() { + get(PfePageStatus.prototype.__proto__ || Object.getPrototypeOf(PfePageStatus.prototype), "connectedCallback", this).call(this); + } + }, { + key: "attributeChangedCallback", + value: function attributeChangedCallback(attr, oldValue, newValue) { + get(PfePageStatus.prototype.__proto__ || Object.getPrototypeOf(PfePageStatus.prototype), "attributeChangedCallback", this).call(this, attr, oldValue, newValue); + // Strip the prefix form the attribute + attr = attr.replace("pfe-", ""); + // If the observer is defined in the attribute properties + if (this[attr] && this[attr].observer) { + // Get the observer function + var observer = this[this[attr].observer].bind(this); + // If it's a function, allow it to run + if (typeof observer === "function") observer(attr, oldValue, newValue); + } + } + }, { + key: "_basicAttributeChanged", + value: function _basicAttributeChanged(attr, oldValue, newValue) { + this[attr].value = newValue; + } + }]); + return PfePageStatus; + }(PFElement); + + PFElement.create(PfePageStatus); + + return PfePageStatus; + +}))); +//# sourceMappingURL=pfe-page-status.umd.js.map diff --git a/elements/pfe-page-status/dist/pfe-page-status.umd.js.map b/elements/pfe-page-status/dist/pfe-page-status.umd.js.map new file mode 100644 index 0000000000..c6eb48b44f --- /dev/null +++ b/elements/pfe-page-status/dist/pfe-page-status.umd.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-page-status.umd.js","sources":["../_temp/pfe-page-status.umd.js"],"sourcesContent":["/*!\n * PatternFly Elements: PfePageStatus 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\nimport PFElement from \"../../pfelement/dist/pfelement.umd\";\n\nclass PfePageStatus extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return `
                                                    `;\n }\n\n static get properties() {\n return {\"status\":{\"title\":\"Status\",\"type\":\"string\",\"enum\":[\"default\",\"moderate\",\"warning\",\"important\",\"critical\",\"success\",\"info\",\"normal\",\"accent\",\"complement\"],\"default\":\"default\",\"prefixed\":true,\"observer\":\"_basicAttributeChanged\"}};\n }\n\n static get slots() {\n return {\"content\":{\"title\":\"Content\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-page-status\";\n }\n\n get schemaUrl() {\n return \"pfe-page-status.json\";\n }\n\n get templateUrl() {\n return \"pfe-page-status.html\";\n }\n\n get styleUrl() {\n return \"pfe-page-status.scss\";\n }\n\n static get observedAttributes() {\n return [\"pfe-status\"];\n }\n\n // Declare the type of this component\n static get PfeType() {\n return PFElement.PfeTypes.Content;\n }\n\n constructor() {\n super(PfePageStatus);\n }\n\n connectedCallback() {\n super.connectedCallback();\n }\n\n attributeChangedCallback(attr, oldValue, newValue) {\n super.attributeChangedCallback(attr, oldValue, newValue);\n // Strip the prefix form the attribute\n attr = attr.replace(\"pfe-\", \"\");\n // If the observer is defined in the attribute properties\n if (this[attr] && this[attr].observer) {\n // Get the observer function\n let observer = this[this[attr].observer].bind(this);\n // If it's a function, allow it to run\n if (typeof observer === \"function\") observer(attr, oldValue, newValue);\n }\n }\n\n _basicAttributeChanged(attr, oldValue, newValue) {\n this[attr].value = newValue;\n }\n}\n\nPFElement.create(PfePageStatus);\n\nexport default PfePageStatus;\n"],"names":["PfePageStatus","PFElement","PfeTypes","Content","attr","oldValue","newValue","replace","observer","bind","value","create"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAA;;;;;;;;;;;;;;;;;;;;;;;;;MA2BMA;;;;6BAKO;EACT;EAGD;;;6BAae;EACd,aAAO,sBAAP;EACD;;;6BAEiB;EAChB,aAAO,sBAAP;EACD;;;6BAEc;EACb,aAAO,sBAAP;EACD;;;6BA/BoB;EACnB,aAAO,qBAAP;EACD;;;6BAQuB;EACtB,aAAO,EAAC,UAAS,EAAC,SAAQ,QAAT,EAAkB,QAAO,QAAzB,EAAkC,QAAO,CAAC,SAAD,EAAW,UAAX,EAAsB,SAAtB,EAAgC,WAAhC,EAA4C,UAA5C,EAAuD,SAAvD,EAAiE,MAAjE,EAAwE,QAAxE,EAAiF,QAAjF,EAA0F,YAA1F,CAAzC,EAAiJ,WAAU,SAA3J,EAAqK,YAAW,IAAhL,EAAqL,YAAW,wBAAhM,EAAV,EAAP;EACD;;;6BAEkB;EACjB,aAAO,EAAC,WAAU,EAAC,SAAQ,SAAT,EAAmB,QAAO,OAA1B,EAAkC,aAAY,KAA9C,EAAoD,SAAQ,EAAC,SAAQ,CAAC,EAAC,QAAO,KAAR,EAAD,CAAT,EAA5D,EAAX,EAAP;EACD;;;6BACgB;EACf,aAAO,iBAAP;EACD;;;6BAc+B;EAC9B,aAAO,CAAC,YAAD,CAAP;EACD;;EAED;;;;6BACqB;EACnB,aAAOC,UAAUC,QAAV,CAAmBC,OAA1B;EACD;;;EAED,2BAAc;EAAA;EAAA,wHACNH,aADM;EAEb;;;;0CAEmB;EAClB;EACD;;;+CAEwBI,MAAMC,UAAUC,UAAU;EACjD,4IAA+BF,IAA/B,EAAqCC,QAArC,EAA+CC,QAA/C;EACA;EACAF,aAAOA,KAAKG,OAAL,CAAa,MAAb,EAAqB,EAArB,CAAP;EACA;EACA,UAAI,KAAKH,IAAL,KAAc,KAAKA,IAAL,EAAWI,QAA7B,EAAuC;EACrC;EACA,YAAIA,WAAW,KAAK,KAAKJ,IAAL,EAAWI,QAAhB,EAA0BC,IAA1B,CAA+B,IAA/B,CAAf;EACA;EACA,YAAI,OAAOD,QAAP,KAAoB,UAAxB,EAAoCA,SAASJ,IAAT,EAAeC,QAAf,EAAyBC,QAAzB;EACrC;EACF;;;6CAEsBF,MAAMC,UAAUC,UAAU;EAC/C,WAAKF,IAAL,EAAWM,KAAX,GAAmBJ,QAAnB;EACD;;;IAlEyBL;;EAqE5BA,UAAUU,MAAV,CAAiBX,aAAjB;;;;;;;;"} \ No newline at end of file diff --git a/elements/pfe-page-status/dist/pfe-page-status.umd.min.js b/elements/pfe-page-status/dist/pfe-page-status.umd.min.js new file mode 100644 index 0000000000..568e1ed1f4 --- /dev/null +++ b/elements/pfe-page-status/dist/pfe-page-status.umd.min.js @@ -0,0 +1,2 @@ +!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("../../pfelement/dist/pfelement.umd")):"function"==typeof define&&define.amd?define(["../../pfelement/dist/pfelement.umd"],t):e.PfePageStatus=t(e.PFElement)}(this,function(e){"use strict";e=e&&e.hasOwnProperty("default")?e.default:e;var t=function(e,t,o){return t&&r(e.prototype,t),o&&r(e,o),e};function r(e,t){for(var o=0;o:host{--pfe-status--BackgroundColor:var(--pfe-theme--color--feedback--default, #606060);--pfe-broadcasted--text:var(--pfe-theme--color--feedback--default--lightest, #ececec);--pfe-status--TextTransform:uppercase;background-color:var(--pfe-status--BackgroundColor);color:var(--pfe-broadcasted--text);position:fixed;right:0;top:0;height:100vh;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:3rem}:host([hidden]){display:none}.flag{-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg)}.flag>span{display:inline-block;font-weight:700;text-transform:var(--pfe-status--TextTransform);font-size:.875rem;line-height:1em;white-space:nowrap}:host([pfe-status=moderate]){--pfe-status--BackgroundColor:var(--pfe-theme--color--feedback--moderate, #ffc024);--pfe-broadcasted--text:var(--pfe-theme--color--feedback--moderate--lightest, #fffbf0)}:host([pfe-status=important]){--pfe-status--BackgroundColor:var(--pfe-theme--color--feedback--important, #d73401);--pfe-broadcasted--text:var(--pfe-theme--color--feedback--important--lightest, #ffe1d8)}:host([pfe-status=critical]){--pfe-status--BackgroundColor:var(--pfe-theme--color--feedback--critical, #bb0000);--pfe-broadcasted--text:var(--pfe-theme--color--feedback--critical--lightest, #ffeeee)}:host([pfe-status=success]){--pfe-status--BackgroundColor:var(--pfe-theme--color--feedback--success, #2e7d32);--pfe-broadcasted--text:var(--pfe-theme--color--feedback--success--lightest, #f7fcec)}:host([pfe-status=info]){--pfe-status--BackgroundColor:var(--pfe-theme--color--feedback--info, #0277bd);--pfe-broadcasted--text:var(--pfe-theme--color--feedback--info--lightest, #dcf5fe)}:host([pfe-status=warning]){--pfe-status--BackgroundColor:var(--pfe-theme--color--feedback--moderate, #ffc024);--pfe-broadcasted--text:var(--pfe-theme--color--feedback--moderate--darkest, #8a6200)}:host([pfe-status=normal]){--pfe-status--BackgroundColor:var(--pfe-theme--color--ui-base, #0477a4);--pfe-broadcasted--text:var(--pfe-theme--color--ui-base--text, #fff)}:host([pfe-status=complement]){--pfe-status--BackgroundColor:var(--pfe-theme--color--ui-complement, #464646);--pfe-broadcasted--text:var(--pfe-theme--color--ui-complement--text, #fff)}:host([pfe-status=accent]){--pfe-status--BackgroundColor:var(--pfe-theme--color--ui-accent, #e00);--pfe-broadcasted--text:var(--pfe-theme--color--ui-accent--text, #fff)}\n/*# sourceMappingURL=pfe-page-status.min.css.map */\n'}},{key:"schemaUrl",get:function(){return"pfe-page-status.json"}},{key:"templateUrl",get:function(){return"pfe-page-status.html"}},{key:"styleUrl",get:function(){return"pfe-page-status.scss"}}],[{key:"version",get:function(){return"1.0.0-prerelease.50"}},{key:"properties",get:function(){return{status:{title:"Status",type:"string",enum:["default","moderate","warning","important","critical","success","info","normal","accent","complement"],default:"default",prefixed:!0,observer:"_basicAttributeChanged"}}}},{key:"slots",get:function(){return{content:{title:"Content",type:"array",namedSlot:!1,items:{oneOf:[{$ref:"raw"}]}}}}},{key:"tag",get:function(){return"pfe-page-status"}},{key:"observedAttributes",get:function(){return["pfe-status"]}},{key:"PfeType",get:function(){return e.PfeTypes.Content}}]),t(a,[{key:"connectedCallback",value:function(){f(a.prototype.__proto__||Object.getPrototypeOf(a.prototype),"connectedCallback",this).call(this)}},{key:"attributeChangedCallback",value:function(e,t,o){if(f(a.prototype.__proto__||Object.getPrototypeOf(a.prototype),"attributeChangedCallback",this).call(this,e,t,o),this[e=e.replace("pfe-","")]&&this[e].observer){var r=this[this[e].observer].bind(this);"function"==typeof r&&r(e,t,o)}}},{key:"_basicAttributeChanged",value:function(e,t,o){this[e].value=o}}]),a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(a.__proto__||Object.getPrototypeOf(a)).call(this,a))}return e.create(o),o}); +//# sourceMappingURL=pfe-page-status.umd.min.js.map diff --git a/elements/pfe-page-status/dist/pfe-page-status.umd.min.js.map b/elements/pfe-page-status/dist/pfe-page-status.umd.min.js.map new file mode 100644 index 0000000000..bffc5afd07 --- /dev/null +++ b/elements/pfe-page-status/dist/pfe-page-status.umd.min.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-page-status.umd.min.js","sources":["../_temp/pfe-page-status.umd.js"],"sourcesContent":["/*!\n * PatternFly Elements: PfePageStatus 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\nimport PFElement from \"../../pfelement/dist/pfelement.umd\";\n\nclass PfePageStatus extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return `
                                                    `;\n }\n\n static get properties() {\n return {\"status\":{\"title\":\"Status\",\"type\":\"string\",\"enum\":[\"default\",\"moderate\",\"warning\",\"important\",\"critical\",\"success\",\"info\",\"normal\",\"accent\",\"complement\"],\"default\":\"default\",\"prefixed\":true,\"observer\":\"_basicAttributeChanged\"}};\n }\n\n static get slots() {\n return {\"content\":{\"title\":\"Content\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-page-status\";\n }\n\n get schemaUrl() {\n return \"pfe-page-status.json\";\n }\n\n get templateUrl() {\n return \"pfe-page-status.html\";\n }\n\n get styleUrl() {\n return \"pfe-page-status.scss\";\n }\n\n static get observedAttributes() {\n return [\"pfe-status\"];\n }\n\n // Declare the type of this component\n static get PfeType() {\n return PFElement.PfeTypes.Content;\n }\n\n constructor() {\n super(PfePageStatus);\n }\n\n connectedCallback() {\n super.connectedCallback();\n }\n\n attributeChangedCallback(attr, oldValue, newValue) {\n super.attributeChangedCallback(attr, oldValue, newValue);\n // Strip the prefix form the attribute\n attr = attr.replace(\"pfe-\", \"\");\n // If the observer is defined in the attribute properties\n if (this[attr] && this[attr].observer) {\n // Get the observer function\n let observer = this[this[attr].observer].bind(this);\n // If it's a function, allow it to run\n if (typeof observer === \"function\") observer(attr, oldValue, newValue);\n }\n }\n\n _basicAttributeChanged(attr, oldValue, newValue) {\n this[attr].value = newValue;\n }\n}\n\nPFElement.create(PfePageStatus);\n\nexport default PfePageStatus;\n"],"names":["PfePageStatus","PFElement","status","title","type","enum","default","prefixed","observer","content","namedSlot","items","oneOf","$ref","PfeTypes","Content","attr","oldValue","newValue","this","replace","bind","value","create"],"mappings":"uyBA2BMA,+TAAsBC,u2FAuBjB,iEAIA,8DAIA,+DA7BA,+DAUA,CAACC,OAAS,CAACC,MAAQ,SAASC,KAAO,SAASC,KAAO,CAAC,UAAU,WAAW,UAAU,YAAY,WAAW,UAAU,OAAO,SAAS,SAAS,cAAcC,QAAU,UAAUC,UAAW,EAAKC,SAAW,+DAI1M,CAACC,QAAU,CAACN,MAAQ,UAAUC,KAAO,QAAQM,WAAY,EAAMC,MAAQ,CAACC,MAAQ,CAAC,CAACC,KAAO,6CAGzF,mEAgBA,CAAC,qDAKDZ,EAAUa,SAASC,6MAWHC,EAAMC,EAAUC,6GACRF,EAAMC,EAAUC,GAI3CC,OAFGH,EAAKI,QAAQ,OAAQ,MAEVD,KAAKH,GAAMR,SAAU,KAEjCA,EAAWW,KAAKA,KAAKH,GAAMR,UAAUa,KAAKF,MAEtB,mBAAbX,GAAyBA,EAASQ,EAAMC,EAAUC,mDAI1CF,EAAMC,EAAUC,QAChCF,GAAMM,MAAQJ,2VArBblB,WAyBVC,EAAUsB,OAAOvB"} \ No newline at end of file diff --git a/elements/pfe-page-status/package-lock.json b/elements/pfe-page-status/package-lock.json index 681691a7b0..f7d18bb640 100644 --- a/elements/pfe-page-status/package-lock.json +++ b/elements/pfe-page-status/package-lock.json @@ -1,6 +1,6 @@ { "name": "@patternfly/pfe-page-status", - "version": "1.0.0-prerelease.49", + "version": "1.0.0-prerelease.50", "lockfileVersion": 1, "requires": true, "dependencies": { diff --git a/elements/pfe-page-status/package.json b/elements/pfe-page-status/package.json index d9decd94bd..cbf3e4d90b 100644 --- a/elements/pfe-page-status/package.json +++ b/elements/pfe-page-status/package.json @@ -4,7 +4,7 @@ "className": "PfePageStatus", "elementName": "pfe-page-status" }, - "version": "1.0.0-prerelease.49", + "version": "1.0.0-prerelease.50", "description": "Page element for PatternFly Elements", "keywords": [ "web-components", @@ -39,8 +39,8 @@ ], "license": "MIT", "dependencies": { - "@patternfly/pfe-sass": "^1.0.0-prerelease.49", - "@patternfly/pfelement": "^1.0.0-prerelease.49" + "@patternfly/pfe-sass": "^1.0.0-prerelease.50", + "@patternfly/pfelement": "^1.0.0-prerelease.50" }, "generator-pfelement-version": "1.1.0", "bugs": { diff --git a/elements/pfe-progress-indicator/dist/pfe-progress-indicator.js b/elements/pfe-progress-indicator/dist/pfe-progress-indicator.js new file mode 100644 index 0000000000..86c23b39af --- /dev/null +++ b/elements/pfe-progress-indicator/dist/pfe-progress-indicator.js @@ -0,0 +1,91 @@ +import PFElement from '../../pfelement/dist/pfelement.js'; + +/*! + * PatternFly Elements: PfeProgressIndicator 1.0.0-prerelease.50 + * @license + * Copyright 2020 Red Hat, Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + * +*/ + +class PfeProgressIndicator extends PFElement { + static get version() { + return "1.0.0-prerelease.50"; + } + + get html() { + return ``; + } + + static get properties() { + return {"indeterminate":{"title":"Status","type":"boolean","default":true,"prefixed":true},"size":{"title":"Size","type":"string","enum":["sm","md","xl"],"default":"md"}}; + } + + static get slots() { + return {"content":{"title":"Content","type":"array","namedSlot":false,"items":{"oneOf":[{"$ref":"raw"}]}}}; + } + static get tag() { + return "pfe-progress-indicator"; + } + + get templateUrl() { + return "pfe-progress-indicator.html"; + } + + get styleUrl() { + return "pfe-progress-indicator.scss"; + } + + get schemaUrl() { + return "pfe-progress-indicator.json"; + } + + constructor() { + super(PfeProgressIndicator); + this._init = this._init.bind(this); + this._slot = this.shadowRoot.querySelector("slot"); + this._slot.addEventListener("slotchange", this._init); + } + + connectedCallback() { + super.connectedCallback(); + } + + disconnectedCallback() { + this._slot.removeEventListener("slotchange", this._init); + } + + _init() { + const firstChild = this.children[0]; + + if (!firstChild) { + console.warn( + `${PfeProgressIndicator.tag}: You do not have a backup loading message.` + ); + } + } +} + +PFElement.create(PfeProgressIndicator); + +export default PfeProgressIndicator; +//# sourceMappingURL=pfe-progress-indicator.js.map diff --git a/elements/pfe-progress-indicator/dist/pfe-progress-indicator.js.map b/elements/pfe-progress-indicator/dist/pfe-progress-indicator.js.map new file mode 100644 index 0000000000..a3d2da1a25 --- /dev/null +++ b/elements/pfe-progress-indicator/dist/pfe-progress-indicator.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-progress-indicator.js","sources":["../_temp/pfe-progress-indicator.js"],"sourcesContent":["/*!\n * PatternFly Elements: PfeProgressIndicator 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\nimport PFElement from \"../../pfelement/dist/pfelement.js\";\n\nclass PfeProgressIndicator extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return ``;\n }\n\n static get properties() {\n return {\"indeterminate\":{\"title\":\"Status\",\"type\":\"boolean\",\"default\":true,\"prefixed\":true},\"size\":{\"title\":\"Size\",\"type\":\"string\",\"enum\":[\"sm\",\"md\",\"xl\"],\"default\":\"md\"}};\n }\n\n static get slots() {\n return {\"content\":{\"title\":\"Content\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-progress-indicator\";\n }\n\n get templateUrl() {\n return \"pfe-progress-indicator.html\";\n }\n\n get styleUrl() {\n return \"pfe-progress-indicator.scss\";\n }\n\n get schemaUrl() {\n return \"pfe-progress-indicator.json\";\n }\n\n constructor() {\n super(PfeProgressIndicator);\n this._init = this._init.bind(this);\n this._slot = this.shadowRoot.querySelector(\"slot\");\n this._slot.addEventListener(\"slotchange\", this._init);\n }\n\n connectedCallback() {\n super.connectedCallback();\n }\n\n disconnectedCallback() {\n this._slot.removeEventListener(\"slotchange\", this._init);\n }\n\n _init() {\n const firstChild = this.children[0];\n\n if (!firstChild) {\n console.warn(\n `${PfeProgressIndicator.tag}: You do not have a backup loading message.`\n );\n }\n }\n}\n\nPFElement.create(PfeProgressIndicator);\n\nexport default PfeProgressIndicator;\n"],"names":[],"mappings":";;AAAA;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,AAEA;AACA,MAAM,oBAAoB,SAAS,SAAS,CAAC;EAC3C,WAAW,OAAO,GAAG;IACnB,OAAO,qBAAqB,CAAC;GAC9B;;EAED,IAAI,IAAI,GAAG;IACT,OAAO,CAAC;;qBAES,CAAC,CAAC;GACpB;;EAED,WAAW,UAAU,GAAG;IACtB,OAAO,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;GAC5K;;EAED,WAAW,KAAK,GAAG;IACjB,OAAO,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;GAC5G;EACD,WAAW,GAAG,GAAG;IACf,OAAO,wBAAwB,CAAC;GACjC;;EAED,IAAI,WAAW,GAAG;IAChB,OAAO,6BAA6B,CAAC;GACtC;;EAED,IAAI,QAAQ,GAAG;IACb,OAAO,6BAA6B,CAAC;GACtC;;EAED,IAAI,SAAS,GAAG;IACd,OAAO,6BAA6B,CAAC;GACtC;;EAED,WAAW,GAAG;IACZ,KAAK,CAAC,oBAAoB,CAAC,CAAC;IAC5B,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACnC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IACnD,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;GACvD;;EAED,iBAAiB,GAAG;IAClB,KAAK,CAAC,iBAAiB,EAAE,CAAC;GAC3B;;EAED,oBAAoB,GAAG;IACrB,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;GAC1D;;EAED,KAAK,GAAG;IACN,MAAM,UAAU,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;;IAEpC,IAAI,CAAC,UAAU,EAAE;MACf,OAAO,CAAC,IAAI;QACV,CAAC,EAAE,oBAAoB,CAAC,GAAG,CAAC,2CAA2C,CAAC;OACzE,CAAC;KACH;GACF;CACF;;AAED,SAAS,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC;;;;"} \ No newline at end of file diff --git a/elements/pfe-progress-indicator/dist/pfe-progress-indicator.json b/elements/pfe-progress-indicator/dist/pfe-progress-indicator.json new file mode 100644 index 0000000000..f509343ea4 --- /dev/null +++ b/elements/pfe-progress-indicator/dist/pfe-progress-indicator.json @@ -0,0 +1,50 @@ +{ + "$schema": "http://json-schema.org/draft-04/schema#", + "title": "Progress Indicator", + "description": "This element creates a progress indicator when the user is waiting on http events.", + "type": "object", + "tag": "pfe-progress-indicator", + "class": "pfe-progress-indicator", + "category": "content", + "properties": { + "slots": { + "title": "Slots", + "description": "Definition of the supported slots", + "type": "object", + "properties": { + "content": { + "title": "Content", + "type": "array", + "namedSlot": false, + "items": { + "oneOf": [ + { + "$ref": "raw" + } + ] + } + } + } + }, + "attributes": { + "title": "Attributes", + "type": "object", + "properties": { + "indeterminate": { + "title": "Status", + "type": "boolean", + "default": true, + "prefixed": true + }, + "size": { + "title": "Size", + "type": "string", + "enum": ["sm", "md", "xl"], + "default": "md" + } + } + } + }, + "required": ["slots", "attributes"], + "additionalProperties": false +} diff --git a/elements/pfe-progress-indicator/dist/pfe-progress-indicator.min.js b/elements/pfe-progress-indicator/dist/pfe-progress-indicator.min.js new file mode 100644 index 0000000000..48ae4d0755 --- /dev/null +++ b/elements/pfe-progress-indicator/dist/pfe-progress-indicator.min.js @@ -0,0 +1,26 @@ +import e from"../../pfelement/dist/pfelement.min.js"; +/*! + * PatternFly Elements: PfeProgressIndicator 1.0.0-prerelease.50 + * @license + * Copyright 2020 Red Hat, Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + * +*/class t extends e{static get version(){return"1.0.0-prerelease.50"}get html(){return""}static get properties(){return{indeterminate:{title:"Status",type:"boolean",default:!0,prefixed:!0},size:{title:"Size",type:"string",enum:["sm","md","xl"],default:"md"}}}static get slots(){return{content:{title:"Content",type:"array",namedSlot:!1,items:{oneOf:[{$ref:"raw"}]}}}}static get tag(){return"pfe-progress-indicator"}get templateUrl(){return"pfe-progress-indicator.html"}get styleUrl(){return"pfe-progress-indicator.scss"}get schemaUrl(){return"pfe-progress-indicator.json"}constructor(){super(t),this._init=this._init.bind(this),this._slot=this.shadowRoot.querySelector("slot"),this._slot.addEventListener("slotchange",this._init)}connectedCallback(){super.connectedCallback()}disconnectedCallback(){this._slot.removeEventListener("slotchange",this._init)}_init(){this.children[0]||console.warn(`${t.tag}: You do not have a backup loading message.`)}}e.create(t);export default t; +//# sourceMappingURL=pfe-progress-indicator.min.js.map diff --git a/elements/pfe-progress-indicator/dist/pfe-progress-indicator.min.js.map b/elements/pfe-progress-indicator/dist/pfe-progress-indicator.min.js.map new file mode 100644 index 0000000000..161c0d4a0f --- /dev/null +++ b/elements/pfe-progress-indicator/dist/pfe-progress-indicator.min.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-progress-indicator.min.js","sources":["../_temp/pfe-progress-indicator.js"],"sourcesContent":["/*!\n * PatternFly Elements: PfeProgressIndicator 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\nimport PFElement from \"../../pfelement/dist/pfelement.js\";\n\nclass PfeProgressIndicator extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return ``;\n }\n\n static get properties() {\n return {\"indeterminate\":{\"title\":\"Status\",\"type\":\"boolean\",\"default\":true,\"prefixed\":true},\"size\":{\"title\":\"Size\",\"type\":\"string\",\"enum\":[\"sm\",\"md\",\"xl\"],\"default\":\"md\"}};\n }\n\n static get slots() {\n return {\"content\":{\"title\":\"Content\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-progress-indicator\";\n }\n\n get templateUrl() {\n return \"pfe-progress-indicator.html\";\n }\n\n get styleUrl() {\n return \"pfe-progress-indicator.scss\";\n }\n\n get schemaUrl() {\n return \"pfe-progress-indicator.json\";\n }\n\n constructor() {\n super(PfeProgressIndicator);\n this._init = this._init.bind(this);\n this._slot = this.shadowRoot.querySelector(\"slot\");\n this._slot.addEventListener(\"slotchange\", this._init);\n }\n\n connectedCallback() {\n super.connectedCallback();\n }\n\n disconnectedCallback() {\n this._slot.removeEventListener(\"slotchange\", this._init);\n }\n\n _init() {\n const firstChild = this.children[0];\n\n if (!firstChild) {\n console.warn(\n `${PfeProgressIndicator.tag}: You do not have a backup loading message.`\n );\n }\n }\n}\n\nPFElement.create(PfeProgressIndicator);\n\nexport default PfeProgressIndicator;\n"],"names":["PfeProgressIndicator","PFElement","version","html","properties","indeterminate","title","type","default","prefixed","size","enum","slots","content","namedSlot","items","oneOf","$ref","tag","templateUrl","styleUrl","schemaUrl","[object Object]","super","this","_init","bind","_slot","shadowRoot","querySelector","addEventListener","connectedCallback","removeEventListener","children","console","warn","create"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EA2BA,MAAMA,UAA6BC,EACjCC,qBACE,MAAO,sBAGTC,WACE,MAAO,g9DAKTC,wBACE,MAAO,CAACC,cAAgB,CAACC,MAAQ,SAASC,KAAO,UAAUC,SAAU,EAAKC,UAAW,GAAMC,KAAO,CAACJ,MAAQ,OAAOC,KAAO,SAASI,KAAO,CAAC,KAAK,KAAK,MAAMH,QAAU,OAGtKI,mBACE,MAAO,CAACC,QAAU,CAACP,MAAQ,UAAUC,KAAO,QAAQO,WAAY,EAAMC,MAAQ,CAACC,MAAQ,CAAC,CAACC,KAAO,WAElGC,iBACE,MAAO,yBAGTC,kBACE,MAAO,8BAGTC,eACE,MAAO,8BAGTC,gBACE,MAAO,8BAGTC,cACEC,MAAMvB,GACNwB,KAAKC,MAAQD,KAAKC,MAAMC,KAAKF,MAC7BA,KAAKG,MAAQH,KAAKI,WAAWC,cAAc,QAC3CL,KAAKG,MAAMG,iBAAiB,aAAcN,KAAKC,OAGjDH,oBACEC,MAAMQ,oBAGRT,uBACEE,KAAKG,MAAMK,oBAAoB,aAAcR,KAAKC,OAGpDH,QACqBE,KAAKS,SAAS,IAG/BC,QAAQC,QACHnC,EAAqBkB,mDAMhCjB,EAAUmC,OAAOpC"} \ No newline at end of file diff --git a/elements/pfe-progress-indicator/dist/pfe-progress-indicator.umd.js b/elements/pfe-progress-indicator/dist/pfe-progress-indicator.umd.js new file mode 100644 index 0000000000..91d4ed2529 --- /dev/null +++ b/elements/pfe-progress-indicator/dist/pfe-progress-indicator.umd.js @@ -0,0 +1,190 @@ +(function (global, factory) { + typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('../../pfelement/dist/pfelement.umd')) : + typeof define === 'function' && define.amd ? define(['../../pfelement/dist/pfelement.umd'], factory) : + (global.PfeProgressIndicator = factory(global.PFElement)); +}(this, (function (PFElement) { 'use strict'; + + PFElement = PFElement && PFElement.hasOwnProperty('default') ? PFElement['default'] : PFElement; + + var classCallCheck = function (instance, Constructor) { + if (!(instance instanceof Constructor)) { + throw new TypeError("Cannot call a class as a function"); + } + }; + + var createClass = function () { + function defineProperties(target, props) { + for (var i = 0; i < props.length; i++) { + var descriptor = props[i]; + descriptor.enumerable = descriptor.enumerable || false; + descriptor.configurable = true; + if ("value" in descriptor) descriptor.writable = true; + Object.defineProperty(target, descriptor.key, descriptor); + } + } + + return function (Constructor, protoProps, staticProps) { + if (protoProps) defineProperties(Constructor.prototype, protoProps); + if (staticProps) defineProperties(Constructor, staticProps); + return Constructor; + }; + }(); + + var get = function get(object, property, receiver) { + if (object === null) object = Function.prototype; + var desc = Object.getOwnPropertyDescriptor(object, property); + + if (desc === undefined) { + var parent = Object.getPrototypeOf(object); + + if (parent === null) { + return undefined; + } else { + return get(parent, property, receiver); + } + } else if ("value" in desc) { + return desc.value; + } else { + var getter = desc.get; + + if (getter === undefined) { + return undefined; + } + + return getter.call(receiver); + } + }; + + var inherits = function (subClass, superClass) { + if (typeof superClass !== "function" && superClass !== null) { + throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); + } + + subClass.prototype = Object.create(superClass && superClass.prototype, { + constructor: { + value: subClass, + enumerable: false, + writable: true, + configurable: true + } + }); + if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; + }; + + var possibleConstructorReturn = function (self, call) { + if (!self) { + throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); + } + + return call && (typeof call === "object" || typeof call === "function") ? call : self; + }; + + /*! + * PatternFly Elements: PfeProgressIndicator 1.0.0-prerelease.50 + * @license + * Copyright 2020 Red Hat, Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + * + */ + + var PfeProgressIndicator = function (_PFElement) { + inherits(PfeProgressIndicator, _PFElement); + createClass(PfeProgressIndicator, [{ + key: "html", + get: function get$$1() { + return ""; + } + }, { + key: "templateUrl", + get: function get$$1() { + return "pfe-progress-indicator.html"; + } + }, { + key: "styleUrl", + get: function get$$1() { + return "pfe-progress-indicator.scss"; + } + }, { + key: "schemaUrl", + get: function get$$1() { + return "pfe-progress-indicator.json"; + } + }], [{ + key: "version", + get: function get$$1() { + return "1.0.0-prerelease.50"; + } + }, { + key: "properties", + get: function get$$1() { + return { "indeterminate": { "title": "Status", "type": "boolean", "default": true, "prefixed": true }, "size": { "title": "Size", "type": "string", "enum": ["sm", "md", "xl"], "default": "md" } }; + } + }, { + key: "slots", + get: function get$$1() { + return { "content": { "title": "Content", "type": "array", "namedSlot": false, "items": { "oneOf": [{ "$ref": "raw" }] } } }; + } + }, { + key: "tag", + get: function get$$1() { + return "pfe-progress-indicator"; + } + }]); + + function PfeProgressIndicator() { + classCallCheck(this, PfeProgressIndicator); + + var _this = possibleConstructorReturn(this, (PfeProgressIndicator.__proto__ || Object.getPrototypeOf(PfeProgressIndicator)).call(this, PfeProgressIndicator)); + + _this._init = _this._init.bind(_this); + _this._slot = _this.shadowRoot.querySelector("slot"); + _this._slot.addEventListener("slotchange", _this._init); + return _this; + } + + createClass(PfeProgressIndicator, [{ + key: "connectedCallback", + value: function connectedCallback() { + get(PfeProgressIndicator.prototype.__proto__ || Object.getPrototypeOf(PfeProgressIndicator.prototype), "connectedCallback", this).call(this); + } + }, { + key: "disconnectedCallback", + value: function disconnectedCallback() { + this._slot.removeEventListener("slotchange", this._init); + } + }, { + key: "_init", + value: function _init() { + var firstChild = this.children[0]; + + if (!firstChild) { + console.warn(PfeProgressIndicator.tag + ": You do not have a backup loading message."); + } + } + }]); + return PfeProgressIndicator; + }(PFElement); + + PFElement.create(PfeProgressIndicator); + + return PfeProgressIndicator; + +}))); +//# sourceMappingURL=pfe-progress-indicator.umd.js.map diff --git a/elements/pfe-progress-indicator/dist/pfe-progress-indicator.umd.js.map b/elements/pfe-progress-indicator/dist/pfe-progress-indicator.umd.js.map new file mode 100644 index 0000000000..0ea4489847 --- /dev/null +++ b/elements/pfe-progress-indicator/dist/pfe-progress-indicator.umd.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-progress-indicator.umd.js","sources":["../_temp/pfe-progress-indicator.umd.js"],"sourcesContent":["/*!\n * PatternFly Elements: PfeProgressIndicator 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\nimport PFElement from \"../../pfelement/dist/pfelement.umd\";\n\nclass PfeProgressIndicator extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return ``;\n }\n\n static get properties() {\n return {\"indeterminate\":{\"title\":\"Status\",\"type\":\"boolean\",\"default\":true,\"prefixed\":true},\"size\":{\"title\":\"Size\",\"type\":\"string\",\"enum\":[\"sm\",\"md\",\"xl\"],\"default\":\"md\"}};\n }\n\n static get slots() {\n return {\"content\":{\"title\":\"Content\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-progress-indicator\";\n }\n\n get templateUrl() {\n return \"pfe-progress-indicator.html\";\n }\n\n get styleUrl() {\n return \"pfe-progress-indicator.scss\";\n }\n\n get schemaUrl() {\n return \"pfe-progress-indicator.json\";\n }\n\n constructor() {\n super(PfeProgressIndicator);\n this._init = this._init.bind(this);\n this._slot = this.shadowRoot.querySelector(\"slot\");\n this._slot.addEventListener(\"slotchange\", this._init);\n }\n\n connectedCallback() {\n super.connectedCallback();\n }\n\n disconnectedCallback() {\n this._slot.removeEventListener(\"slotchange\", this._init);\n }\n\n _init() {\n const firstChild = this.children[0];\n\n if (!firstChild) {\n console.warn(\n `${PfeProgressIndicator.tag}: You do not have a backup loading message.`\n );\n }\n }\n}\n\nPFElement.create(PfeProgressIndicator);\n\nexport default PfeProgressIndicator;\n"],"names":["PfeProgressIndicator","_init","bind","_slot","shadowRoot","querySelector","addEventListener","removeEventListener","firstChild","children","console","warn","tag","PFElement","create"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAA;;;;;;;;;;;;;;;;;;;;;;;;;MA2BMA;;;;6BAKO;EACT;EAGD;;;6BAaiB;EAChB,aAAO,6BAAP;EACD;;;6BAEc;EACb,aAAO,6BAAP;EACD;;;6BAEe;EACd,aAAO,6BAAP;EACD;;;6BA/BoB;EACnB,aAAO,qBAAP;EACD;;;6BAQuB;EACtB,aAAO,EAAC,iBAAgB,EAAC,SAAQ,QAAT,EAAkB,QAAO,SAAzB,EAAmC,WAAU,IAA7C,EAAkD,YAAW,IAA7D,EAAjB,EAAoF,QAAO,EAAC,SAAQ,MAAT,EAAgB,QAAO,QAAvB,EAAgC,QAAO,CAAC,IAAD,EAAM,IAAN,EAAW,IAAX,CAAvC,EAAwD,WAAU,IAAlE,EAA3F,EAAP;EACD;;;6BAEkB;EACjB,aAAO,EAAC,WAAU,EAAC,SAAQ,SAAT,EAAmB,QAAO,OAA1B,EAAkC,aAAY,KAA9C,EAAoD,SAAQ,EAAC,SAAQ,CAAC,EAAC,QAAO,KAAR,EAAD,CAAT,EAA5D,EAAX,EAAP;EACD;;;6BACgB;EACf,aAAO,wBAAP;EACD;;;EAcD,kCAAc;EAAA;;EAAA,2IACNA,oBADM;;EAEZ,UAAKC,KAAL,GAAa,MAAKA,KAAL,CAAWC,IAAX,OAAb;EACA,UAAKC,KAAL,GAAa,MAAKC,UAAL,CAAgBC,aAAhB,CAA8B,MAA9B,CAAb;EACA,UAAKF,KAAL,CAAWG,gBAAX,CAA4B,YAA5B,EAA0C,MAAKL,KAA/C;EAJY;EAKb;;;;0CAEmB;EAClB;EACD;;;6CAEsB;EACrB,WAAKE,KAAL,CAAWI,mBAAX,CAA+B,YAA/B,EAA6C,KAAKN,KAAlD;EACD;;;8BAEO;EACN,UAAMO,aAAa,KAAKC,QAAL,CAAc,CAAd,CAAnB;;EAEA,UAAI,CAACD,UAAL,EAAiB;EACfE,gBAAQC,IAAR,CACKX,qBAAqBY,GAD1B;EAGD;EACF;;;IAzDgCC;;EA4DnCA,UAAUC,MAAV,CAAiBd,oBAAjB;;;;;;;;"} \ No newline at end of file diff --git a/elements/pfe-progress-indicator/dist/pfe-progress-indicator.umd.min.js b/elements/pfe-progress-indicator/dist/pfe-progress-indicator.umd.min.js new file mode 100644 index 0000000000..837020deed --- /dev/null +++ b/elements/pfe-progress-indicator/dist/pfe-progress-indicator.umd.min.js @@ -0,0 +1,2 @@ +!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("../../pfelement/dist/pfelement.umd")):"function"==typeof define&&define.amd?define(["../../pfelement/dist/pfelement.umd"],t):e.PfeProgressIndicator=t(e.PFElement)}(this,function(e){"use strict";e=e&&e.hasOwnProperty("default")?e.default:e;var t=function(e,t,r){return t&&o(e.prototype,t),r&&o(e,r),e};function o(e,t){for(var r=0;r:host([pfe-indeterminate]) ::slotted(*){position:absolute;overflow:hidden;clip:rect(0,0,0,0);height:1px;width:1px;margin:-1px;padding:0;border:0}:host([hidden]){display:none}:host([pfe-indeterminate]){animation:spin 1s linear infinite;-webkit-animation:spin 1s linear infinite;-moz-animation:spin 1s linear infinite;border-bottom:4px solid rgba(0,0,0,.25);border-bottom:var(--pfe-theme--surface--border-width--heavy,4px) var(--pfe-theme--surface--border-style,solid) rgba(0,0,0,.25);border-left:4px solid rgba(0,0,0,.25);border-left:var(--pfe-theme--surface--border-width--heavy,4px) var(--pfe-theme--surface--border-style,solid) rgba(0,0,0,.25);border-right:4px solid rgba(0,0,0,.25);border-right:var(--pfe-theme--surface--border-width--heavy,4px) var(--pfe-theme--surface--border-style,solid) rgba(0,0,0,.25);border-top:4px solid rgba(0,0,0,.75);border-top:var(--pfe-theme--surface--border-width--heavy,4px) var(--pfe-theme--surface--border-style,solid) rgba(0,0,0,.75);border-radius:100%;display:inline-block;height:2rem;height:var(--pfe-progress-indicator--Height,2rem);margin:0 auto;position:relative;width:2rem;width:var(--pfe-progress-indicator--Width,2rem);vertical-align:middle;visibility:visible}:host([size=sm]){height:1rem;width:1rem;border-width:calc(4px * .75);border-width:calc(var(--pfe-theme--surface--border-width--heavy,4px) * .75)}:host([size=md]){height:2rem;width:2rem;border-width:calc(4px * 1);border-width:calc(var(--pfe-theme--surface--border-width--heavy,4px) * 1)}:host([size=xl]){height:4rem;width:4rem;border-width:calc(4px * 1.5);border-width:calc(var(--pfe-theme--surface--border-width--heavy,4px) * 1.5)}@-webkit-keyframes spin{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}\n/*# sourceMappingURL=pfe-progress-indicator.min.css.map */\n"}},{key:"templateUrl",get:function(){return"pfe-progress-indicator.html"}},{key:"styleUrl",get:function(){return"pfe-progress-indicator.scss"}},{key:"schemaUrl",get:function(){return"pfe-progress-indicator.json"}}],[{key:"version",get:function(){return"1.0.0-prerelease.50"}},{key:"properties",get:function(){return{indeterminate:{title:"Status",type:"boolean",default:!0,prefixed:!0},size:{title:"Size",type:"string",enum:["sm","md","xl"],default:"md"}}}},{key:"slots",get:function(){return{content:{title:"Content",type:"array",namedSlot:!1,items:{oneOf:[{$ref:"raw"}]}}}}},{key:"tag",get:function(){return"pfe-progress-indicator"}}]),t(i,[{key:"connectedCallback",value:function(){(function e(t,r,o){null===t&&(t=Function.prototype);var i=Object.getOwnPropertyDescriptor(t,r);if(void 0===i){var n=Object.getPrototypeOf(t);return null===n?void 0:e(n,r,o)}if("value"in i)return i.value;var a=i.get;return void 0!==a?a.call(o):void 0})(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"connectedCallback",this).call(this)}},{key:"disconnectedCallback",value:function(){this._slot.removeEventListener("slotchange",this._init)}},{key:"_init",value:function(){this.children[0]||console.warn(i.tag+": You do not have a backup loading message.")}}]),i);function i(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,i);var e=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,i));return e._init=e._init.bind(e),e._slot=e.shadowRoot.querySelector("slot"),e._slot.addEventListener("slotchange",e._init),e}return e.create(r),r}); +//# sourceMappingURL=pfe-progress-indicator.umd.min.js.map diff --git a/elements/pfe-progress-indicator/dist/pfe-progress-indicator.umd.min.js.map b/elements/pfe-progress-indicator/dist/pfe-progress-indicator.umd.min.js.map new file mode 100644 index 0000000000..210afae411 --- /dev/null +++ b/elements/pfe-progress-indicator/dist/pfe-progress-indicator.umd.min.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-progress-indicator.umd.min.js","sources":["../_temp/pfe-progress-indicator.umd.js"],"sourcesContent":["/*!\n * PatternFly Elements: PfeProgressIndicator 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\nimport PFElement from \"../../pfelement/dist/pfelement.umd\";\n\nclass PfeProgressIndicator extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return ``;\n }\n\n static get properties() {\n return {\"indeterminate\":{\"title\":\"Status\",\"type\":\"boolean\",\"default\":true,\"prefixed\":true},\"size\":{\"title\":\"Size\",\"type\":\"string\",\"enum\":[\"sm\",\"md\",\"xl\"],\"default\":\"md\"}};\n }\n\n static get slots() {\n return {\"content\":{\"title\":\"Content\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-progress-indicator\";\n }\n\n get templateUrl() {\n return \"pfe-progress-indicator.html\";\n }\n\n get styleUrl() {\n return \"pfe-progress-indicator.scss\";\n }\n\n get schemaUrl() {\n return \"pfe-progress-indicator.json\";\n }\n\n constructor() {\n super(PfeProgressIndicator);\n this._init = this._init.bind(this);\n this._slot = this.shadowRoot.querySelector(\"slot\");\n this._slot.addEventListener(\"slotchange\", this._init);\n }\n\n connectedCallback() {\n super.connectedCallback();\n }\n\n disconnectedCallback() {\n this._slot.removeEventListener(\"slotchange\", this._init);\n }\n\n _init() {\n const firstChild = this.children[0];\n\n if (!firstChild) {\n console.warn(\n `${PfeProgressIndicator.tag}: You do not have a backup loading message.`\n );\n }\n }\n}\n\nPFElement.create(PfeProgressIndicator);\n\nexport default PfeProgressIndicator;\n"],"names":["PfeProgressIndicator","PFElement","indeterminate","title","type","default","prefixed","size","enum","content","namedSlot","items","oneOf","$ref","_slot","removeEventListener","this","_init","children","warn","tag","_this","bind","shadowRoot","querySelector","addEventListener","create"],"mappings":"qjBA2BMA,+TAA6BC,miEAuBxB,qEAIA,sEAIA,sEA7BA,+DAUA,CAACC,cAAgB,CAACC,MAAQ,SAASC,KAAO,UAAUC,SAAU,EAAKC,UAAW,GAAMC,KAAO,CAACJ,MAAQ,OAAOC,KAAO,SAASI,KAAO,CAAC,KAAK,KAAK,MAAMH,QAAU,2CAI7J,CAACI,QAAU,CAACN,MAAQ,UAAUC,KAAO,QAAQM,WAAY,EAAMC,MAAQ,CAACC,MAAQ,CAAC,CAACC,KAAO,6CAGzF,2dA2BFC,MAAMC,oBAAoB,aAAcC,KAAKC,uCAI/BD,KAAKE,SAAS,YAGvBC,KACHnB,EAAqBoB,4YAnBtBpB,aACDiB,MAAQI,EAAKJ,MAAMK,UACnBR,MAAQO,EAAKE,WAAWC,cAAc,UACtCV,MAAMW,iBAAiB,aAAcJ,EAAKJ,gBAsBnDhB,EAAUyB,OAAO1B"} \ No newline at end of file diff --git a/elements/pfe-progress-indicator/package-lock.json b/elements/pfe-progress-indicator/package-lock.json index 4bf42ee7ac..cffbf12992 100644 --- a/elements/pfe-progress-indicator/package-lock.json +++ b/elements/pfe-progress-indicator/package-lock.json @@ -1,6 +1,6 @@ { "name": "@patternfly/pfe-progress-indicator", - "version": "1.0.0-prerelease.49", + "version": "1.0.0-prerelease.50", "lockfileVersion": 1, "requires": true, "dependencies": { diff --git a/elements/pfe-progress-indicator/package.json b/elements/pfe-progress-indicator/package.json index fc992a6ca1..b600d7ae19 100644 --- a/elements/pfe-progress-indicator/package.json +++ b/elements/pfe-progress-indicator/package.json @@ -4,7 +4,7 @@ "className": "PfeProgressIndicator", "elementName": "pfe-progress-indicator" }, - "version": "1.0.0-prerelease.49", + "version": "1.0.0-prerelease.50", "publishConfig": { "access": "public" }, @@ -35,8 +35,8 @@ }, "license": "MIT", "dependencies": { - "@patternfly/pfe-sass": "^1.0.0-prerelease.49", - "@patternfly/pfelement": "^1.0.0-prerelease.49" + "@patternfly/pfe-sass": "^1.0.0-prerelease.50", + "@patternfly/pfelement": "^1.0.0-prerelease.50" }, "generator-pfelement-version": "1.1.0", "bugs": { diff --git a/elements/pfe-sass/package-lock.json b/elements/pfe-sass/package-lock.json index 326abed015..42696022c6 100644 --- a/elements/pfe-sass/package-lock.json +++ b/elements/pfe-sass/package-lock.json @@ -1,5 +1,5 @@ { "name": "@patternfly/pfe-sass", - "version": "1.0.0-prerelease.49", + "version": "1.0.0-prerelease.50", "lockfileVersion": 1 } diff --git a/elements/pfe-sass/package.json b/elements/pfe-sass/package.json index bbe0cd45ee..da5bce8a9c 100644 --- a/elements/pfe-sass/package.json +++ b/elements/pfe-sass/package.json @@ -4,7 +4,7 @@ "className": "PfeSass", "elementName": "pfe-sass" }, - "version": "1.0.0-prerelease.49", + "version": "1.0.0-prerelease.50", "publishConfig": { "access": "public" }, diff --git a/elements/pfe-select/dist/pfe-select.js b/elements/pfe-select/dist/pfe-select.js new file mode 100644 index 0000000000..f1c9466c38 --- /dev/null +++ b/elements/pfe-select/dist/pfe-select.js @@ -0,0 +1,214 @@ +import PFElement from '../../pfelement/dist/pfelement.js'; + +// -- POLYFILLS: Object.assign, for IE11 +// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign +if (typeof Object.assign !== "function") { + // Must be writable: true, enumerable: false, configurable: true + Object.defineProperty(Object, "assign", { + value: function assign(target, varArgs) { + if (target === null || target === undefined) { + throw new TypeError("Cannot convert undefined or null to object"); + } + + var to = Object(target); + + for (var index = 1; index < arguments.length; index++) { + var nextSource = arguments[index]; + + if (nextSource !== null && nextSource !== undefined) { + for (var nextKey in nextSource) { + // Avoid bugs when hasOwnProperty is shadowed + if (Object.prototype.hasOwnProperty.call(nextSource, nextKey)) { + to[nextKey] = nextSource[nextKey]; + } + } + } + } + return to; + }, + writable: true, + configurable: true + }); +} + +/*! + * PatternFly Elements: PfeSelect 1.0.0-prerelease.50 + * @license + * Copyright 2020 Red Hat, Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + * +*/ + +class PfeSelect extends PFElement { + static get version() { + return "1.0.0-prerelease.50"; + } + + get html() { + return ``; + } + static get tag() { + return "pfe-select"; + } + + get templateUrl() { + return "pfe-select.html"; + } + + get styleUrl() { + return "pfe-select.scss"; + } + + get pfeOptions() { + return this._pfeOptions; + } + + set pfeOptions(options) { + this._pfeOptions = + options.filter(el => el.selected).length > 1 + ? this._handleMultipleSelectedValues(options) + : options; + this._modifyDOM(); + } + + get pfeInvalid() { + return this.getAttribute("pfe-invalid"); + } + + set pfeInvalid(invalidAttr) { + if (!invalidAttr) { + return; + } + this.querySelector("select").setAttribute("aria-invalid", invalidAttr); + } + + static get events() { + return { + change: `${this.tag}:change` + }; + } + + static get observedAttributes() { + return ["pfe-invalid"]; + } + + constructor() { + super(PfeSelect); + this._pfeOptions = null; + this._init = this._init.bind(this); + this._inputChanged = this._inputChanged.bind(this); + + this.observer = new MutationObserver(this._init); + } + + connectedCallback() { + super.connectedCallback(); + customElements.whenDefined(PfeSelect.tag).then(() => { + if (this.pfeOptions) { + this._modifyDOM(); + this._init(); + } else { + if (this.children.length) { + this._init(); + } else { + console.warn( + `${PfeSelect.tag}: The first child in the light DOM must be a supported select tag` + ); + } + } + }); + this.observer.observe(this, { childList: true }); + } + + attributeChangedCallback(attr, oldValue, newValue) { + super.attributeChangedCallback(attr, oldValue, newValue); + this.pfeInvalid = newValue; + } + + disconnectedCallback() { + this.observer.disconnect(); + this._input.removeEventListener("input", this._inputChanged); + } + + addOptions(options) { + // Reset the pfeOptions by concatenating newly added options with _pfeOptions + this._pfeOptions = this._pfeOptions + ? this._pfeOptions.concat(options) + : options; + } + + _handleMultipleSelectedValues(options) { + // Warn if options array has more than one selected value set as true + console.warn( + `${PfeSelect.tag}: The first 'selected' option will take precedence over others incase of multiple 'selected' options` + ); + // Get the index of the first element with selected "true" + const firstIndex = options.findIndex(el => el.selected); + // Update the options array with precedence to first element with selected value as true + return options.map((el, idx) => { + el.selected = firstIndex == idx; + return el; + }); + } + + _init() { + this._input = this.querySelector("select"); + if (!this._input) { + console.warn( + `${PfeSelect.tag}: The first child needs to be a select element` + ); + return; + } + this._input.addEventListener("change", this._inputChanged); + } + + _inputChanged() { + this.emitEvent(PfeSelect.events.change, { + detail: { + value: this._input.value + } + }); + } + + _modifyDOM() { + // Create select element + let pfeSelect = document.createElement("select"); + // Create option element for each element in _pfeOptions array + this._pfeOptions.map(el => { + const option = Object.assign(document.createElement("option"), el); + pfeSelect.add(option, null); + }); + // if select already exists in the DOM then replace the old select with the new _pfeOptions array + if (this.children.length) { + const select = this.querySelector("select"); + select.parentNode.replaceChild(pfeSelect, select); + } else { + // Otherwise create a new select element + this.appendChild(pfeSelect); + } + } +} + +PFElement.create(PfeSelect); + +export default PfeSelect; +//# sourceMappingURL=pfe-select.js.map diff --git a/elements/pfe-select/dist/pfe-select.js.map b/elements/pfe-select/dist/pfe-select.js.map new file mode 100644 index 0000000000..1a3c15765e --- /dev/null +++ b/elements/pfe-select/dist/pfe-select.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-select.js","sources":["../_temp/polyfills--pfe-select.js","../_temp/pfe-select.js"],"sourcesContent":["// -- POLYFILLS: Object.assign, for IE11\n// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign\nif (typeof Object.assign !== \"function\") {\n // Must be writable: true, enumerable: false, configurable: true\n Object.defineProperty(Object, \"assign\", {\n value: function assign(target, varArgs) {\n // .length of function is 2\n \"use strict\";\n if (target === null || target === undefined) {\n throw new TypeError(\"Cannot convert undefined or null to object\");\n }\n\n var to = Object(target);\n\n for (var index = 1; index < arguments.length; index++) {\n var nextSource = arguments[index];\n\n if (nextSource !== null && nextSource !== undefined) {\n for (var nextKey in nextSource) {\n // Avoid bugs when hasOwnProperty is shadowed\n if (Object.prototype.hasOwnProperty.call(nextSource, nextKey)) {\n to[nextKey] = nextSource[nextKey];\n }\n }\n }\n }\n return to;\n },\n writable: true,\n configurable: true\n });\n}\n","/*!\n * PatternFly Elements: PfeSelect 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\n// Import polyfills: assign\nimport \"./polyfills--pfe-select.js\";\n\nimport PFElement from \"../../pfelement/dist/pfelement.js\";\n\nclass PfeSelect extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return ``;\n }\n static get tag() {\n return \"pfe-select\";\n }\n\n get templateUrl() {\n return \"pfe-select.html\";\n }\n\n get styleUrl() {\n return \"pfe-select.scss\";\n }\n\n get pfeOptions() {\n return this._pfeOptions;\n }\n\n set pfeOptions(options) {\n this._pfeOptions =\n options.filter(el => el.selected).length > 1\n ? this._handleMultipleSelectedValues(options)\n : options;\n this._modifyDOM();\n }\n\n get pfeInvalid() {\n return this.getAttribute(\"pfe-invalid\");\n }\n\n set pfeInvalid(invalidAttr) {\n if (!invalidAttr) {\n return;\n }\n this.querySelector(\"select\").setAttribute(\"aria-invalid\", invalidAttr);\n }\n\n static get events() {\n return {\n change: `${this.tag}:change`\n };\n }\n\n static get observedAttributes() {\n return [\"pfe-invalid\"];\n }\n\n constructor() {\n super(PfeSelect);\n this._pfeOptions = null;\n this._init = this._init.bind(this);\n this._inputChanged = this._inputChanged.bind(this);\n\n this.observer = new MutationObserver(this._init);\n }\n\n connectedCallback() {\n super.connectedCallback();\n customElements.whenDefined(PfeSelect.tag).then(() => {\n if (this.pfeOptions) {\n this._modifyDOM();\n this._init();\n } else {\n if (this.children.length) {\n this._init();\n } else {\n console.warn(\n `${PfeSelect.tag}: The first child in the light DOM must be a supported select tag`\n );\n }\n }\n });\n this.observer.observe(this, { childList: true });\n }\n\n attributeChangedCallback(attr, oldValue, newValue) {\n super.attributeChangedCallback(attr, oldValue, newValue);\n this.pfeInvalid = newValue;\n }\n\n disconnectedCallback() {\n this.observer.disconnect();\n this._input.removeEventListener(\"input\", this._inputChanged);\n }\n\n addOptions(options) {\n // Reset the pfeOptions by concatenating newly added options with _pfeOptions\n this._pfeOptions = this._pfeOptions\n ? this._pfeOptions.concat(options)\n : options;\n }\n\n _handleMultipleSelectedValues(options) {\n // Warn if options array has more than one selected value set as true\n console.warn(\n `${PfeSelect.tag}: The first 'selected' option will take precedence over others incase of multiple 'selected' options`\n );\n // Get the index of the first element with selected \"true\"\n const firstIndex = options.findIndex(el => el.selected);\n // Update the options array with precedence to first element with selected value as true\n return options.map((el, idx) => {\n el.selected = firstIndex == idx;\n return el;\n });\n }\n\n _init() {\n this._input = this.querySelector(\"select\");\n if (!this._input) {\n console.warn(\n `${PfeSelect.tag}: The first child needs to be a select element`\n );\n return;\n }\n this._input.addEventListener(\"change\", this._inputChanged);\n }\n\n _inputChanged() {\n this.emitEvent(PfeSelect.events.change, {\n detail: {\n value: this._input.value\n }\n });\n }\n\n _modifyDOM() {\n // Create select element\n let pfeSelect = document.createElement(\"select\");\n // Create option element for each element in _pfeOptions array\n this._pfeOptions.map(el => {\n const option = Object.assign(document.createElement(\"option\"), el);\n pfeSelect.add(option, null);\n });\n // if select already exists in the DOM then replace the old select with the new _pfeOptions array\n if (this.children.length) {\n const select = this.querySelector(\"select\");\n select.parentNode.replaceChild(pfeSelect, select);\n } else {\n // Otherwise create a new select element\n this.appendChild(pfeSelect);\n }\n }\n}\n\nPFElement.create(PfeSelect);\n\nexport default PfeSelect;\n"],"names":[],"mappings":"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"} \ No newline at end of file diff --git a/elements/pfe-select/dist/pfe-select.min.js b/elements/pfe-select/dist/pfe-select.min.js new file mode 100644 index 0000000000..3bb243b561 --- /dev/null +++ b/elements/pfe-select/dist/pfe-select.min.js @@ -0,0 +1,26 @@ +import e from"../../pfelement/dist/pfelement.min.js";"function"!=typeof Object.assign&&Object.defineProperty(Object,"assign",{value:function(e,t){if(null==e)throw new TypeError("Cannot convert undefined or null to object");for(var r=Object(e),o=1;o:host{--pfe-select--BackgroundColor:var(--pfe-theme--color--surface--lightest, #fff);--pfe-select--Color:var(--pfe-theme--color--text, #333);--pfe-select--BorderBottomColor:var(--pfe-theme--color--surface--darker, #464646);--pfe-select--BorderBottomColor--hover:var(--pfe-theme--color--link, #06c);--pfe-select--BorderBottomColor--error:var(--pfe-theme--color--feedback--critical, #bb0000);--pfe-select--BorderColor:var(--pfe-theme--color--surface--lighter, #ececec);--pfe-select--BorderWidth:var(--pfe-theme--ui--border-width, 1px);--pfe-select--BorderBottomWidth:var(--pfe-theme--ui--border-width, 1px);--pfe-select--BorderTop:var(--pfe-select--BorderWidth) var(--pfe-theme--ui--border-style, solid) var(--pfe-select--BorderColor);--pfe-select--BorderLeft:var(--pfe-select--BorderWidth) var(--pfe-theme--ui--border-style, solid) var(--pfe-select--BorderColor);--pfe-select--BorderRight:var(--pfe-select--BorderWidth) var(--pfe-theme--ui--border-style, solid) var(--pfe-select--BorderColor);--pfe-select--BorderBottom:var(--pfe-select--BorderBottomWidth) var(--pfe-theme--ui--border-style, solid) var(--pfe-select--BorderBottomColor);--pfe-select--BorderBottom--hover:var(--pfe-select--BorderBottomWidth) var(--pfe-theme--ui--border-style, solid) var(--pfe-select--BorderBottomColor--hover);--pfe-select--FontFamily:var(--pfe-theme--font-family, \"Overpass\", Overpass, Helvetica, helvetica, arial, sans-serif);position:relative;display:inline-block;width:100%;line-height:1.5em;font-weight:400;text-align:left;text-rendering:optimizelegibility;border-top:var(--pfe-select--BorderTop);border-right:var(--pfe-select--BorderRight);border-bottom:var(--pfe-select--BorderBottom);border-left:var(--pfe-select--BorderLeft);background-color:var(--pfe-select--BackgroundColor);color:var(--pfe-select--Color)}:host *,:host ::after,:host ::before{-webkit-box-sizing:border-box;box-sizing:border-box}:host::after{border-style:solid;border-style:var(--pfe-theme--surface--border-style,solid);border-width:6px 6px 0;border-color:transparent;border-top-color:#131313;-webkit-transform:rotate(0);transform:rotate(0);display:inline-block;content:\"\";position:absolute;top:calc(16px * .875);top:calc(var(--pfe-theme--container-padding,16px) * .875);right:calc(16px * .75);right:calc(var(--pfe-theme--container-padding,16px) * .75)}:host([hidden]){display:none}:host(:hover){border-bottom:var(--pfe-select--BorderBottom--hover)}:host(:focus-within){border-bottom-width:calc(4px / 2);border-bottom-width:calc(var(--pfe-theme--surface--border-width--heavy,4px)/ 2);border-bottom-color:var(--pfe-select--BorderBottomColor--hover)}:host(:focus-within) ::slotted(select){padding-bottom:calc(1rem * .438);padding-bottom:calc(var(--pfe-theme-container-padding,1rem) * .438)}:host ::slotted(select){text-rendering:auto!important;background-color:var(--pfe-select--BackgroundColor);color:var(--pfe-select--Color);border-radius:0;width:100%;min-width:100%;font-size:16px;font-size:var(--pfe-theme--font-size,16px);font-weight:500;font-weight:var(--pfe-theme--font-weight--normal,500);font-family:var(--pfe-select--FontFamily);-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-shadow:none;box-shadow:none;border:none;padding:calc(16px * .5);padding:calc(var(--pfe-theme--container-padding,16px) * .5);padding-right:calc(16px * 1.5);padding-right:calc(var(--pfe-theme--container-padding,16px) * 1.5)}:host([pfe-invalid]){border-bottom-width:calc(4px / 2);border-bottom-width:calc(var(--pfe-theme--surface--border-width--heavy,4px)/ 2);border-bottom-color:var(--pfe-select--BorderBottomColor--error)}:host([pfe-invalid]) ::slotted(select){padding-bottom:calc(16px * .438);padding-bottom:calc(var(--pfe-theme--container-padding,16px) * .438);background-image:url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23c9190b' d='M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zm-248 50c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z'/%3E%3C/svg%3E\");background-size:.875rem;background-repeat:no-repeat;background-position:calc(100% - calc(16px * 2)) center;background-position:calc(100% - calc(var(--pfe-theme--container-padding,16px) * 2)) center}\n/*# sourceMappingURL=pfe-select.min.css.map */\n"}static get tag(){return"pfe-select"}get templateUrl(){return"pfe-select.html"}get styleUrl(){return"pfe-select.scss"}get pfeOptions(){return this._pfeOptions}set pfeOptions(e){this._pfeOptions=e.filter(e=>e.selected).length>1?this._handleMultipleSelectedValues(e):e,this._modifyDOM()}get pfeInvalid(){return this.getAttribute("pfe-invalid")}set pfeInvalid(e){e&&this.querySelector("select").setAttribute("aria-invalid",e)}static get events(){return{change:`${this.tag}:change`}}static get observedAttributes(){return["pfe-invalid"]}constructor(){super(t),this._pfeOptions=null,this._init=this._init.bind(this),this._inputChanged=this._inputChanged.bind(this),this.observer=new MutationObserver(this._init)}connectedCallback(){super.connectedCallback(),customElements.whenDefined(t.tag).then(()=>{this.pfeOptions?(this._modifyDOM(),this._init()):this.children.length?this._init():console.warn(`${t.tag}: The first child in the light DOM must be a supported select tag`)}),this.observer.observe(this,{childList:!0})}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),this.pfeInvalid=r}disconnectedCallback(){this.observer.disconnect(),this._input.removeEventListener("input",this._inputChanged)}addOptions(e){this._pfeOptions=this._pfeOptions?this._pfeOptions.concat(e):e}_handleMultipleSelectedValues(e){console.warn(`${t.tag}: The first 'selected' option will take precedence over others incase of multiple 'selected' options`);const r=e.findIndex(e=>e.selected);return e.map((e,t)=>(e.selected=r==t,e))}_init(){this._input=this.querySelector("select"),this._input?this._input.addEventListener("change",this._inputChanged):console.warn(`${t.tag}: The first child needs to be a select element`)}_inputChanged(){this.emitEvent(t.events.change,{detail:{value:this._input.value}})}_modifyDOM(){let e=document.createElement("select");if(this._pfeOptions.map(t=>{const r=Object.assign(document.createElement("option"),t);e.add(r,null)}),this.children.length){const t=this.querySelector("select");t.parentNode.replaceChild(e,t)}else this.appendChild(e)}}e.create(t);export default t; +//# sourceMappingURL=pfe-select.min.js.map diff --git a/elements/pfe-select/dist/pfe-select.min.js.map b/elements/pfe-select/dist/pfe-select.min.js.map new file mode 100644 index 0000000000..7d866a6f71 --- /dev/null +++ b/elements/pfe-select/dist/pfe-select.min.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-select.min.js","sources":["../_temp/polyfills--pfe-select.js","../_temp/pfe-select.js"],"sourcesContent":["// -- POLYFILLS: Object.assign, for IE11\n// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign\nif (typeof Object.assign !== \"function\") {\n // Must be writable: true, enumerable: false, configurable: true\n Object.defineProperty(Object, \"assign\", {\n value: function assign(target, varArgs) {\n // .length of function is 2\n \"use strict\";\n if (target === null || target === undefined) {\n throw new TypeError(\"Cannot convert undefined or null to object\");\n }\n\n var to = Object(target);\n\n for (var index = 1; index < arguments.length; index++) {\n var nextSource = arguments[index];\n\n if (nextSource !== null && nextSource !== undefined) {\n for (var nextKey in nextSource) {\n // Avoid bugs when hasOwnProperty is shadowed\n if (Object.prototype.hasOwnProperty.call(nextSource, nextKey)) {\n to[nextKey] = nextSource[nextKey];\n }\n }\n }\n }\n return to;\n },\n writable: true,\n configurable: true\n });\n}\n","/*!\n * PatternFly Elements: PfeSelect 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\n// Import polyfills: assign\nimport \"./polyfills--pfe-select.js\";\n\nimport PFElement from \"../../pfelement/dist/pfelement.js\";\n\nclass PfeSelect extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return ``;\n }\n static get tag() {\n return \"pfe-select\";\n }\n\n get templateUrl() {\n return \"pfe-select.html\";\n }\n\n get styleUrl() {\n return \"pfe-select.scss\";\n }\n\n get pfeOptions() {\n return this._pfeOptions;\n }\n\n set pfeOptions(options) {\n this._pfeOptions =\n options.filter(el => el.selected).length > 1\n ? this._handleMultipleSelectedValues(options)\n : options;\n this._modifyDOM();\n }\n\n get pfeInvalid() {\n return this.getAttribute(\"pfe-invalid\");\n }\n\n set pfeInvalid(invalidAttr) {\n if (!invalidAttr) {\n return;\n }\n this.querySelector(\"select\").setAttribute(\"aria-invalid\", invalidAttr);\n }\n\n static get events() {\n return {\n change: `${this.tag}:change`\n };\n }\n\n static get observedAttributes() {\n return [\"pfe-invalid\"];\n }\n\n constructor() {\n super(PfeSelect);\n this._pfeOptions = null;\n this._init = this._init.bind(this);\n this._inputChanged = this._inputChanged.bind(this);\n\n this.observer = new MutationObserver(this._init);\n }\n\n connectedCallback() {\n super.connectedCallback();\n customElements.whenDefined(PfeSelect.tag).then(() => {\n if (this.pfeOptions) {\n this._modifyDOM();\n this._init();\n } else {\n if (this.children.length) {\n this._init();\n } else {\n console.warn(\n `${PfeSelect.tag}: The first child in the light DOM must be a supported select tag`\n );\n }\n }\n });\n this.observer.observe(this, { childList: true });\n }\n\n attributeChangedCallback(attr, oldValue, newValue) {\n super.attributeChangedCallback(attr, oldValue, newValue);\n this.pfeInvalid = newValue;\n }\n\n disconnectedCallback() {\n this.observer.disconnect();\n this._input.removeEventListener(\"input\", this._inputChanged);\n }\n\n addOptions(options) {\n // Reset the pfeOptions by concatenating newly added options with _pfeOptions\n this._pfeOptions = this._pfeOptions\n ? this._pfeOptions.concat(options)\n : options;\n }\n\n _handleMultipleSelectedValues(options) {\n // Warn if options array has more than one selected value set as true\n console.warn(\n `${PfeSelect.tag}: The first 'selected' option will take precedence over others incase of multiple 'selected' options`\n );\n // Get the index of the first element with selected \"true\"\n const firstIndex = options.findIndex(el => el.selected);\n // Update the options array with precedence to first element with selected value as true\n return options.map((el, idx) => {\n el.selected = firstIndex == idx;\n return el;\n });\n }\n\n _init() {\n this._input = this.querySelector(\"select\");\n if (!this._input) {\n console.warn(\n `${PfeSelect.tag}: The first child needs to be a select element`\n );\n return;\n }\n this._input.addEventListener(\"change\", this._inputChanged);\n }\n\n _inputChanged() {\n this.emitEvent(PfeSelect.events.change, {\n detail: {\n value: this._input.value\n }\n });\n }\n\n _modifyDOM() {\n // Create select element\n let pfeSelect = document.createElement(\"select\");\n // Create option element for each element in _pfeOptions array\n this._pfeOptions.map(el => {\n const option = Object.assign(document.createElement(\"option\"), el);\n pfeSelect.add(option, null);\n });\n // if select already exists in the DOM then replace the old select with the new _pfeOptions array\n if (this.children.length) {\n const select = this.querySelector(\"select\");\n select.parentNode.replaceChild(pfeSelect, select);\n } else {\n // Otherwise create a new select element\n this.appendChild(pfeSelect);\n }\n }\n}\n\nPFElement.create(PfeSelect);\n\nexport default PfeSelect;\n"],"names":["Object","assign","defineProperty","value","target","varArgs","TypeError","to","index","arguments","length","nextSource","nextKey","prototype","hasOwnProperty","call","writable","configurable","PfeSelect","PFElement","version","html","tag","templateUrl","styleUrl","pfeOptions","this","_pfeOptions","options","filter","el","selected","_handleMultipleSelectedValues","_modifyDOM","pfeInvalid","getAttribute","invalidAttr","querySelector","setAttribute","events","change","observedAttributes","[object Object]","super","_init","bind","_inputChanged","observer","MutationObserver","connectedCallback","customElements","whenDefined","then","children","console","warn","observe","childList","attr","oldValue","newValue","attributeChangedCallback","disconnect","_input","removeEventListener","concat","firstIndex","findIndex","map","idx","addEventListener","emitEvent","detail","pfeSelect","document","createElement","option","add","select","parentNode","replaceChild","appendChild","create"],"mappings":"qDAE6B,mBAAlBA,OAAOC,QAEhBD,OAAOE,eAAeF,OAAQ,SAAU,CACtCG,MAAO,SAAgBC,EAAQC,GAG7B,GAAID,MAAAA,EACF,MAAM,IAAIE,UAAU,8CAKtB,IAFA,IAAIC,EAAKP,OAAOI,GAEPI,EAAQ,EAAGA,EAAQC,UAAUC,OAAQF,IAAS,CACrD,IAAIG,EAAaF,UAAUD,GAE3B,GAAIG,MAAAA,EACF,IAAK,IAAIC,KAAWD,EAEdX,OAAOa,UAAUC,eAAeC,KAAKJ,EAAYC,KACnDL,EAAGK,GAAWD,EAAWC,IAKjC,OAAOL,GAETS,UAAU,EACVC,cAAc;;;;;;;;;;;;;;;;;;;;;;;;GCClB,MAAMC,UAAkBC,EACtBC,qBACE,MAAO,sBAGTC,WACE,MAAO,o9IAITC,iBACE,MAAO,aAGTC,kBACE,MAAO,kBAGTC,eACE,MAAO,kBAGTC,iBACE,OAAOC,KAAKC,YAGdF,eAAeG,GACbF,KAAKC,YACHC,EAAQC,OAAOC,GAAMA,EAAGC,UAAUrB,OAAS,EACvCgB,KAAKM,8BAA8BJ,GACnCA,EACNF,KAAKO,aAGPC,iBACE,OAAOR,KAAKS,aAAa,eAG3BD,eAAeE,GACRA,GAGLV,KAAKW,cAAc,UAAUC,aAAa,eAAgBF,GAG5DG,oBACE,MAAO,CACLC,UAAWd,KAAKJ,cAIpBmB,gCACE,MAAO,CAAC,eAGVC,cACEC,MAAMzB,GACNQ,KAAKC,YAAc,KACnBD,KAAKkB,MAAQlB,KAAKkB,MAAMC,KAAKnB,MAC7BA,KAAKoB,cAAgBpB,KAAKoB,cAAcD,KAAKnB,MAE7CA,KAAKqB,SAAW,IAAIC,iBAAiBtB,KAAKkB,OAG5CF,oBACEC,MAAMM,oBACNC,eAAeC,YAAYjC,EAAUI,KAAK8B,KAAK,KACzC1B,KAAKD,YACPC,KAAKO,aACLP,KAAKkB,SAEDlB,KAAK2B,SAAS3C,OAChBgB,KAAKkB,QAELU,QAAQC,QACHrC,EAAUI,0EAKrBI,KAAKqB,SAASS,QAAQ9B,KAAM,CAAE+B,WAAW,IAG3Cf,yBAAyBgB,EAAMC,EAAUC,GACvCjB,MAAMkB,yBAAyBH,EAAMC,EAAUC,GAC/ClC,KAAKQ,WAAa0B,EAGpBlB,uBACEhB,KAAKqB,SAASe,aACdpC,KAAKqC,OAAOC,oBAAoB,QAAStC,KAAKoB,eAGhDJ,WAAWd,GAETF,KAAKC,YAAcD,KAAKC,YACpBD,KAAKC,YAAYsC,OAAOrC,GACxBA,EAGNc,8BAA8Bd,GAE5B0B,QAAQC,QACHrC,EAAUI,2GAGf,MAAM4C,EAAatC,EAAQuC,UAAUrC,GAAMA,EAAGC,UAE9C,OAAOH,EAAQwC,IAAI,CAACtC,EAAIuC,KACtBvC,EAAGC,SAAWmC,GAAcG,EACrBvC,IAIXY,QACEhB,KAAKqC,OAASrC,KAAKW,cAAc,UAC5BX,KAAKqC,OAMVrC,KAAKqC,OAAOO,iBAAiB,SAAU5C,KAAKoB,eAL1CQ,QAAQC,QACHrC,EAAUI,qDAOnBoB,gBACEhB,KAAK6C,UAAUrD,EAAUqB,OAAOC,OAAQ,CACtCgC,OAAQ,CACNrE,MAAOuB,KAAKqC,OAAO5D,SAKzBuC,aAEE,IAAI+B,EAAYC,SAASC,cAAc,UAOvC,GALAjD,KAAKC,YAAYyC,IAAItC,IACnB,MAAM8C,EAAS5E,OAAOC,OAAOyE,SAASC,cAAc,UAAW7C,GAC/D2C,EAAUI,IAAID,EAAQ,QAGpBlD,KAAK2B,SAAS3C,OAAQ,CACxB,MAAMoE,EAASpD,KAAKW,cAAc,UAClCyC,EAAOC,WAAWC,aAAaP,EAAWK,QAG1CpD,KAAKuD,YAAYR,IAKvBtD,EAAU+D,OAAOhE"} \ No newline at end of file diff --git a/elements/pfe-select/dist/pfe-select.umd.js b/elements/pfe-select/dist/pfe-select.umd.js new file mode 100644 index 0000000000..72c5f27f37 --- /dev/null +++ b/elements/pfe-select/dist/pfe-select.umd.js @@ -0,0 +1,315 @@ +(function (global, factory) { + typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('../../pfelement/dist/pfelement.umd')) : + typeof define === 'function' && define.amd ? define(['../../pfelement/dist/pfelement.umd'], factory) : + (global.PfeSelect = factory(global.PFElement)); +}(this, (function (PFElement) { 'use strict'; + + PFElement = PFElement && PFElement.hasOwnProperty('default') ? PFElement['default'] : PFElement; + + // -- POLYFILLS: Object.assign, for IE11 + // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign + if (typeof Object.assign !== "function") { + // Must be writable: true, enumerable: false, configurable: true + Object.defineProperty(Object, "assign", { + value: function assign(target, varArgs) { + + if (target === null || target === undefined) { + throw new TypeError("Cannot convert undefined or null to object"); + } + + var to = Object(target); + + for (var index = 1; index < arguments.length; index++) { + var nextSource = arguments[index]; + + if (nextSource !== null && nextSource !== undefined) { + for (var nextKey in nextSource) { + // Avoid bugs when hasOwnProperty is shadowed + if (Object.prototype.hasOwnProperty.call(nextSource, nextKey)) { + to[nextKey] = nextSource[nextKey]; + } + } + } + } + return to; + }, + writable: true, + configurable: true + }); + } + + var classCallCheck = function (instance, Constructor) { + if (!(instance instanceof Constructor)) { + throw new TypeError("Cannot call a class as a function"); + } + }; + + var createClass = function () { + function defineProperties(target, props) { + for (var i = 0; i < props.length; i++) { + var descriptor = props[i]; + descriptor.enumerable = descriptor.enumerable || false; + descriptor.configurable = true; + if ("value" in descriptor) descriptor.writable = true; + Object.defineProperty(target, descriptor.key, descriptor); + } + } + + return function (Constructor, protoProps, staticProps) { + if (protoProps) defineProperties(Constructor.prototype, protoProps); + if (staticProps) defineProperties(Constructor, staticProps); + return Constructor; + }; + }(); + + var get = function get(object, property, receiver) { + if (object === null) object = Function.prototype; + var desc = Object.getOwnPropertyDescriptor(object, property); + + if (desc === undefined) { + var parent = Object.getPrototypeOf(object); + + if (parent === null) { + return undefined; + } else { + return get(parent, property, receiver); + } + } else if ("value" in desc) { + return desc.value; + } else { + var getter = desc.get; + + if (getter === undefined) { + return undefined; + } + + return getter.call(receiver); + } + }; + + var inherits = function (subClass, superClass) { + if (typeof superClass !== "function" && superClass !== null) { + throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); + } + + subClass.prototype = Object.create(superClass && superClass.prototype, { + constructor: { + value: subClass, + enumerable: false, + writable: true, + configurable: true + } + }); + if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; + }; + + var possibleConstructorReturn = function (self, call) { + if (!self) { + throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); + } + + return call && (typeof call === "object" || typeof call === "function") ? call : self; + }; + + /*! + * PatternFly Elements: PfeSelect 1.0.0-prerelease.50 + * @license + * Copyright 2020 Red Hat, Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + * + */ + + var PfeSelect = function (_PFElement) { + inherits(PfeSelect, _PFElement); + createClass(PfeSelect, [{ + key: "html", + get: function get$$1() { + return ""; + } + }, { + key: "templateUrl", + get: function get$$1() { + return "pfe-select.html"; + } + }, { + key: "styleUrl", + get: function get$$1() { + return "pfe-select.scss"; + } + }, { + key: "pfeOptions", + get: function get$$1() { + return this._pfeOptions; + }, + set: function set$$1(options) { + this._pfeOptions = options.filter(function (el) { + return el.selected; + }).length > 1 ? this._handleMultipleSelectedValues(options) : options; + this._modifyDOM(); + } + }, { + key: "pfeInvalid", + get: function get$$1() { + return this.getAttribute("pfe-invalid"); + }, + set: function set$$1(invalidAttr) { + if (!invalidAttr) { + return; + } + this.querySelector("select").setAttribute("aria-invalid", invalidAttr); + } + }], [{ + key: "version", + get: function get$$1() { + return "1.0.0-prerelease.50"; + } + }, { + key: "tag", + get: function get$$1() { + return "pfe-select"; + } + }, { + key: "events", + get: function get$$1() { + return { + change: this.tag + ":change" + }; + } + }, { + key: "observedAttributes", + get: function get$$1() { + return ["pfe-invalid"]; + } + }]); + + function PfeSelect() { + classCallCheck(this, PfeSelect); + + var _this = possibleConstructorReturn(this, (PfeSelect.__proto__ || Object.getPrototypeOf(PfeSelect)).call(this, PfeSelect)); + + _this._pfeOptions = null; + _this._init = _this._init.bind(_this); + _this._inputChanged = _this._inputChanged.bind(_this); + + _this.observer = new MutationObserver(_this._init); + return _this; + } + + createClass(PfeSelect, [{ + key: "connectedCallback", + value: function connectedCallback() { + var _this2 = this; + + get(PfeSelect.prototype.__proto__ || Object.getPrototypeOf(PfeSelect.prototype), "connectedCallback", this).call(this); + customElements.whenDefined(PfeSelect.tag).then(function () { + if (_this2.pfeOptions) { + _this2._modifyDOM(); + _this2._init(); + } else { + if (_this2.children.length) { + _this2._init(); + } else { + console.warn(PfeSelect.tag + ": The first child in the light DOM must be a supported select tag"); + } + } + }); + this.observer.observe(this, { childList: true }); + } + }, { + key: "attributeChangedCallback", + value: function attributeChangedCallback(attr, oldValue, newValue) { + get(PfeSelect.prototype.__proto__ || Object.getPrototypeOf(PfeSelect.prototype), "attributeChangedCallback", this).call(this, attr, oldValue, newValue); + this.pfeInvalid = newValue; + } + }, { + key: "disconnectedCallback", + value: function disconnectedCallback() { + this.observer.disconnect(); + this._input.removeEventListener("input", this._inputChanged); + } + }, { + key: "addOptions", + value: function addOptions(options) { + // Reset the pfeOptions by concatenating newly added options with _pfeOptions + this._pfeOptions = this._pfeOptions ? this._pfeOptions.concat(options) : options; + } + }, { + key: "_handleMultipleSelectedValues", + value: function _handleMultipleSelectedValues(options) { + // Warn if options array has more than one selected value set as true + console.warn(PfeSelect.tag + ": The first 'selected' option will take precedence over others incase of multiple 'selected' options"); + // Get the index of the first element with selected "true" + var firstIndex = options.findIndex(function (el) { + return el.selected; + }); + // Update the options array with precedence to first element with selected value as true + return options.map(function (el, idx) { + el.selected = firstIndex == idx; + return el; + }); + } + }, { + key: "_init", + value: function _init() { + this._input = this.querySelector("select"); + if (!this._input) { + console.warn(PfeSelect.tag + ": The first child needs to be a select element"); + return; + } + this._input.addEventListener("change", this._inputChanged); + } + }, { + key: "_inputChanged", + value: function _inputChanged() { + this.emitEvent(PfeSelect.events.change, { + detail: { + value: this._input.value + } + }); + } + }, { + key: "_modifyDOM", + value: function _modifyDOM() { + // Create select element + var pfeSelect = document.createElement("select"); + // Create option element for each element in _pfeOptions array + this._pfeOptions.map(function (el) { + var option = Object.assign(document.createElement("option"), el); + pfeSelect.add(option, null); + }); + // if select already exists in the DOM then replace the old select with the new _pfeOptions array + if (this.children.length) { + var select = this.querySelector("select"); + select.parentNode.replaceChild(pfeSelect, select); + } else { + // Otherwise create a new select element + this.appendChild(pfeSelect); + } + } + }]); + return PfeSelect; + }(PFElement); + + PFElement.create(PfeSelect); + + return PfeSelect; + +}))); +//# sourceMappingURL=pfe-select.umd.js.map diff --git a/elements/pfe-select/dist/pfe-select.umd.js.map b/elements/pfe-select/dist/pfe-select.umd.js.map new file mode 100644 index 0000000000..d3ccc6f38d --- /dev/null +++ b/elements/pfe-select/dist/pfe-select.umd.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-select.umd.js","sources":["../_temp/polyfills--pfe-select.js","../_temp/pfe-select.umd.js"],"sourcesContent":["// -- POLYFILLS: Object.assign, for IE11\n// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign\nif (typeof Object.assign !== \"function\") {\n // Must be writable: true, enumerable: false, configurable: true\n Object.defineProperty(Object, \"assign\", {\n value: function assign(target, varArgs) {\n // .length of function is 2\n \"use strict\";\n if (target === null || target === undefined) {\n throw new TypeError(\"Cannot convert undefined or null to object\");\n }\n\n var to = Object(target);\n\n for (var index = 1; index < arguments.length; index++) {\n var nextSource = arguments[index];\n\n if (nextSource !== null && nextSource !== undefined) {\n for (var nextKey in nextSource) {\n // Avoid bugs when hasOwnProperty is shadowed\n if (Object.prototype.hasOwnProperty.call(nextSource, nextKey)) {\n to[nextKey] = nextSource[nextKey];\n }\n }\n }\n }\n return to;\n },\n writable: true,\n configurable: true\n });\n}\n","/*!\n * PatternFly Elements: PfeSelect 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\n// Import polyfills: assign\nimport \"./polyfills--pfe-select.js\";\n\nimport PFElement from \"../../pfelement/dist/pfelement.umd\";\n\nclass PfeSelect extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return ``;\n }\n static get tag() {\n return \"pfe-select\";\n }\n\n get templateUrl() {\n return \"pfe-select.html\";\n }\n\n get styleUrl() {\n return \"pfe-select.scss\";\n }\n\n get pfeOptions() {\n return this._pfeOptions;\n }\n\n set pfeOptions(options) {\n this._pfeOptions =\n options.filter(el => el.selected).length > 1\n ? this._handleMultipleSelectedValues(options)\n : options;\n this._modifyDOM();\n }\n\n get pfeInvalid() {\n return this.getAttribute(\"pfe-invalid\");\n }\n\n set pfeInvalid(invalidAttr) {\n if (!invalidAttr) {\n return;\n }\n this.querySelector(\"select\").setAttribute(\"aria-invalid\", invalidAttr);\n }\n\n static get events() {\n return {\n change: `${this.tag}:change`\n };\n }\n\n static get observedAttributes() {\n return [\"pfe-invalid\"];\n }\n\n constructor() {\n super(PfeSelect);\n this._pfeOptions = null;\n this._init = this._init.bind(this);\n this._inputChanged = this._inputChanged.bind(this);\n\n this.observer = new MutationObserver(this._init);\n }\n\n connectedCallback() {\n super.connectedCallback();\n customElements.whenDefined(PfeSelect.tag).then(() => {\n if (this.pfeOptions) {\n this._modifyDOM();\n this._init();\n } else {\n if (this.children.length) {\n this._init();\n } else {\n console.warn(\n `${PfeSelect.tag}: The first child in the light DOM must be a supported select tag`\n );\n }\n }\n });\n this.observer.observe(this, { childList: true });\n }\n\n attributeChangedCallback(attr, oldValue, newValue) {\n super.attributeChangedCallback(attr, oldValue, newValue);\n this.pfeInvalid = newValue;\n }\n\n disconnectedCallback() {\n this.observer.disconnect();\n this._input.removeEventListener(\"input\", this._inputChanged);\n }\n\n addOptions(options) {\n // Reset the pfeOptions by concatenating newly added options with _pfeOptions\n this._pfeOptions = this._pfeOptions\n ? this._pfeOptions.concat(options)\n : options;\n }\n\n _handleMultipleSelectedValues(options) {\n // Warn if options array has more than one selected value set as true\n console.warn(\n `${PfeSelect.tag}: The first 'selected' option will take precedence over others incase of multiple 'selected' options`\n );\n // Get the index of the first element with selected \"true\"\n const firstIndex = options.findIndex(el => el.selected);\n // Update the options array with precedence to first element with selected value as true\n return options.map((el, idx) => {\n el.selected = firstIndex == idx;\n return el;\n });\n }\n\n _init() {\n this._input = this.querySelector(\"select\");\n if (!this._input) {\n console.warn(\n `${PfeSelect.tag}: The first child needs to be a select element`\n );\n return;\n }\n this._input.addEventListener(\"change\", this._inputChanged);\n }\n\n _inputChanged() {\n this.emitEvent(PfeSelect.events.change, {\n detail: {\n value: this._input.value\n }\n });\n }\n\n _modifyDOM() {\n // Create select element\n let pfeSelect = document.createElement(\"select\");\n // Create option element for each element in _pfeOptions array\n this._pfeOptions.map(el => {\n const option = Object.assign(document.createElement(\"option\"), el);\n pfeSelect.add(option, null);\n });\n // if select already exists in the DOM then replace the old select with the new _pfeOptions array\n if (this.children.length) {\n const select = this.querySelector(\"select\");\n select.parentNode.replaceChild(pfeSelect, select);\n } else {\n // Otherwise create a new select element\n this.appendChild(pfeSelect);\n }\n }\n}\n\nPFElement.create(PfeSelect);\n\nexport default PfeSelect;\n"],"names":["Object","assign","defineProperty","value","target","varArgs","undefined","TypeError","to","index","arguments","length","nextSource","nextKey","prototype","hasOwnProperty","call","writable","configurable","PfeSelect","_pfeOptions","options","filter","el","selected","_handleMultipleSelectedValues","_modifyDOM","getAttribute","invalidAttr","querySelector","setAttribute","change","tag","_init","bind","_inputChanged","observer","MutationObserver","customElements","whenDefined","then","pfeOptions","children","console","warn","observe","childList","attr","oldValue","newValue","pfeInvalid","disconnect","_input","removeEventListener","concat","firstIndex","findIndex","map","idx","addEventListener","emitEvent","events","detail","pfeSelect","document","createElement","option","add","select","parentNode","replaceChild","appendChild","PFElement","create"],"mappings":"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"} \ No newline at end of file diff --git a/elements/pfe-select/dist/pfe-select.umd.min.js b/elements/pfe-select/dist/pfe-select.umd.min.js new file mode 100644 index 0000000000..417098b565 --- /dev/null +++ b/elements/pfe-select/dist/pfe-select.umd.min.js @@ -0,0 +1,2 @@ +!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("../../pfelement/dist/pfelement.umd")):"function"==typeof define&&define.amd?define(["../../pfelement/dist/pfelement.umd"],t):e.PfeSelect=t(e.PFElement)}(this,function(e){"use strict";e=e&&e.hasOwnProperty("default")?e.default:e,"function"!=typeof Object.assign&&Object.defineProperty(Object,"assign",{value:function(e,t){if(null==e)throw new TypeError("Cannot convert undefined or null to object");for(var o=Object(e),r=1;r:host{--pfe-select--BackgroundColor:var(--pfe-theme--color--surface--lightest, #fff);--pfe-select--Color:var(--pfe-theme--color--text, #333);--pfe-select--BorderBottomColor:var(--pfe-theme--color--surface--darker, #464646);--pfe-select--BorderBottomColor--hover:var(--pfe-theme--color--link, #06c);--pfe-select--BorderBottomColor--error:var(--pfe-theme--color--feedback--critical, #bb0000);--pfe-select--BorderColor:var(--pfe-theme--color--surface--lighter, #ececec);--pfe-select--BorderWidth:var(--pfe-theme--ui--border-width, 1px);--pfe-select--BorderBottomWidth:var(--pfe-theme--ui--border-width, 1px);--pfe-select--BorderTop:var(--pfe-select--BorderWidth) var(--pfe-theme--ui--border-style, solid) var(--pfe-select--BorderColor);--pfe-select--BorderLeft:var(--pfe-select--BorderWidth) var(--pfe-theme--ui--border-style, solid) var(--pfe-select--BorderColor);--pfe-select--BorderRight:var(--pfe-select--BorderWidth) var(--pfe-theme--ui--border-style, solid) var(--pfe-select--BorderColor);--pfe-select--BorderBottom:var(--pfe-select--BorderBottomWidth) var(--pfe-theme--ui--border-style, solid) var(--pfe-select--BorderBottomColor);--pfe-select--BorderBottom--hover:var(--pfe-select--BorderBottomWidth) var(--pfe-theme--ui--border-style, solid) var(--pfe-select--BorderBottomColor--hover);--pfe-select--FontFamily:var(--pfe-theme--font-family, \"Overpass\", Overpass, Helvetica, helvetica, arial, sans-serif);position:relative;display:inline-block;width:100%;line-height:1.5em;font-weight:400;text-align:left;text-rendering:optimizelegibility;border-top:var(--pfe-select--BorderTop);border-right:var(--pfe-select--BorderRight);border-bottom:var(--pfe-select--BorderBottom);border-left:var(--pfe-select--BorderLeft);background-color:var(--pfe-select--BackgroundColor);color:var(--pfe-select--Color)}:host *,:host ::after,:host ::before{-webkit-box-sizing:border-box;box-sizing:border-box}:host::after{border-style:solid;border-style:var(--pfe-theme--surface--border-style,solid);border-width:6px 6px 0;border-color:transparent;border-top-color:#131313;-webkit-transform:rotate(0);transform:rotate(0);display:inline-block;content:\"\";position:absolute;top:calc(16px * .875);top:calc(var(--pfe-theme--container-padding,16px) * .875);right:calc(16px * .75);right:calc(var(--pfe-theme--container-padding,16px) * .75)}:host([hidden]){display:none}:host(:hover){border-bottom:var(--pfe-select--BorderBottom--hover)}:host(:focus-within){border-bottom-width:calc(4px / 2);border-bottom-width:calc(var(--pfe-theme--surface--border-width--heavy,4px)/ 2);border-bottom-color:var(--pfe-select--BorderBottomColor--hover)}:host(:focus-within) ::slotted(select){padding-bottom:calc(1rem * .438);padding-bottom:calc(var(--pfe-theme-container-padding,1rem) * .438)}:host ::slotted(select){text-rendering:auto!important;background-color:var(--pfe-select--BackgroundColor);color:var(--pfe-select--Color);border-radius:0;width:100%;min-width:100%;font-size:16px;font-size:var(--pfe-theme--font-size,16px);font-weight:500;font-weight:var(--pfe-theme--font-weight--normal,500);font-family:var(--pfe-select--FontFamily);-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-shadow:none;box-shadow:none;border:none;padding:calc(16px * .5);padding:calc(var(--pfe-theme--container-padding,16px) * .5);padding-right:calc(16px * 1.5);padding-right:calc(var(--pfe-theme--container-padding,16px) * 1.5)}:host([pfe-invalid]){border-bottom-width:calc(4px / 2);border-bottom-width:calc(var(--pfe-theme--surface--border-width--heavy,4px)/ 2);border-bottom-color:var(--pfe-select--BorderBottomColor--error)}:host([pfe-invalid]) ::slotted(select){padding-bottom:calc(16px * .438);padding-bottom:calc(var(--pfe-theme--container-padding,16px) * .438);background-image:url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23c9190b' d='M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zm-248 50c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z'/%3E%3C/svg%3E\");background-size:.875rem;background-repeat:no-repeat;background-position:calc(100% - calc(16px * 2)) center;background-position:calc(100% - calc(var(--pfe-theme--container-padding,16px) * 2)) center}\n/*# sourceMappingURL=pfe-select.min.css.map */\n"}},{key:"templateUrl",get:function(){return"pfe-select.html"}},{key:"styleUrl",get:function(){return"pfe-select.scss"}},{key:"pfeOptions",get:function(){return this._pfeOptions},set:function(e){this._pfeOptions=1:host{--pfe-select--BackgroundColor:var(--pfe-theme--color--surface--lightest, #fff);--pfe-select--Color:var(--pfe-theme--color--text, #333);--pfe-select--BorderBottomColor:var(--pfe-theme--color--surface--darker, #464646);--pfe-select--BorderBottomColor--hover:var(--pfe-theme--color--link, #06c);--pfe-select--BorderBottomColor--error:var(--pfe-theme--color--feedback--critical, #bb0000);--pfe-select--BorderColor:var(--pfe-theme--color--surface--lighter, #ececec);--pfe-select--BorderWidth:var(--pfe-theme--ui--border-width, 1px);--pfe-select--BorderBottomWidth:var(--pfe-theme--ui--border-width, 1px);--pfe-select--BorderTop:var(--pfe-select--BorderWidth) var(--pfe-theme--ui--border-style, solid) var(--pfe-select--BorderColor);--pfe-select--BorderLeft:var(--pfe-select--BorderWidth) var(--pfe-theme--ui--border-style, solid) var(--pfe-select--BorderColor);--pfe-select--BorderRight:var(--pfe-select--BorderWidth) var(--pfe-theme--ui--border-style, solid) var(--pfe-select--BorderColor);--pfe-select--BorderBottom:var(--pfe-select--BorderBottomWidth) var(--pfe-theme--ui--border-style, solid) var(--pfe-select--BorderBottomColor);--pfe-select--BorderBottom--hover:var(--pfe-select--BorderBottomWidth) var(--pfe-theme--ui--border-style, solid) var(--pfe-select--BorderBottomColor--hover);--pfe-select--FontFamily:var(--pfe-theme--font-family, \"Overpass\", Overpass, Helvetica, helvetica, arial, sans-serif);position:relative;display:inline-block;width:100%;line-height:1.5em;font-weight:400;text-align:left;text-rendering:optimizelegibility;border-top:var(--pfe-select--BorderTop);border-right:var(--pfe-select--BorderRight);border-bottom:var(--pfe-select--BorderBottom);border-left:var(--pfe-select--BorderLeft);background-color:var(--pfe-select--BackgroundColor);color:var(--pfe-select--Color)}:host *,:host ::after,:host ::before{-webkit-box-sizing:border-box;box-sizing:border-box}:host::after{border-style:solid;border-style:var(--pfe-theme--surface--border-style,solid);border-width:6px 6px 0;border-color:transparent;border-top-color:#131313;-webkit-transform:rotate(0);transform:rotate(0);display:inline-block;content:\"\";position:absolute;top:calc(16px * .875);top:calc(var(--pfe-theme--container-padding,16px) * .875);right:calc(16px * .75);right:calc(var(--pfe-theme--container-padding,16px) * .75)}:host([hidden]){display:none}:host(:hover){border-bottom:var(--pfe-select--BorderBottom--hover)}:host(:focus-within){border-bottom-width:calc(4px / 2);border-bottom-width:calc(var(--pfe-theme--surface--border-width--heavy,4px)/ 2);border-bottom-color:var(--pfe-select--BorderBottomColor--hover)}:host(:focus-within) ::slotted(select){padding-bottom:calc(1rem * .438);padding-bottom:calc(var(--pfe-theme-container-padding,1rem) * .438)}:host ::slotted(select){text-rendering:auto!important;background-color:var(--pfe-select--BackgroundColor);color:var(--pfe-select--Color);border-radius:0;width:100%;min-width:100%;font-size:16px;font-size:var(--pfe-theme--font-size,16px);font-weight:500;font-weight:var(--pfe-theme--font-weight--normal,500);font-family:var(--pfe-select--FontFamily);-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-shadow:none;box-shadow:none;border:none;padding:calc(16px * .5);padding:calc(var(--pfe-theme--container-padding,16px) * .5);padding-right:calc(16px * 1.5);padding-right:calc(var(--pfe-theme--container-padding,16px) * 1.5)}:host([pfe-invalid]){border-bottom-width:calc(4px / 2);border-bottom-width:calc(var(--pfe-theme--surface--border-width--heavy,4px)/ 2);border-bottom-color:var(--pfe-select--BorderBottomColor--error)}:host([pfe-invalid]) ::slotted(select){padding-bottom:calc(16px * .438);padding-bottom:calc(var(--pfe-theme--container-padding,16px) * .438);background-image:url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23c9190b' d='M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zm-248 50c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z'/%3E%3C/svg%3E\");background-size:.875rem;background-repeat:no-repeat;background-position:calc(100% - calc(16px * 2)) center;background-position:calc(100% - calc(var(--pfe-theme--container-padding,16px) * 2)) center}\n/*# sourceMappingURL=pfe-select.min.css.map */\n`;\n }\n static get tag() {\n return \"pfe-select\";\n }\n\n get templateUrl() {\n return \"pfe-select.html\";\n }\n\n get styleUrl() {\n return \"pfe-select.scss\";\n }\n\n get pfeOptions() {\n return this._pfeOptions;\n }\n\n set pfeOptions(options) {\n this._pfeOptions =\n options.filter(el => el.selected).length > 1\n ? this._handleMultipleSelectedValues(options)\n : options;\n this._modifyDOM();\n }\n\n get pfeInvalid() {\n return this.getAttribute(\"pfe-invalid\");\n }\n\n set pfeInvalid(invalidAttr) {\n if (!invalidAttr) {\n return;\n }\n this.querySelector(\"select\").setAttribute(\"aria-invalid\", invalidAttr);\n }\n\n static get events() {\n return {\n change: `${this.tag}:change`\n };\n }\n\n static get observedAttributes() {\n return [\"pfe-invalid\"];\n }\n\n constructor() {\n super(PfeSelect);\n this._pfeOptions = null;\n this._init = this._init.bind(this);\n this._inputChanged = this._inputChanged.bind(this);\n\n this.observer = new MutationObserver(this._init);\n }\n\n connectedCallback() {\n super.connectedCallback();\n customElements.whenDefined(PfeSelect.tag).then(() => {\n if (this.pfeOptions) {\n this._modifyDOM();\n this._init();\n } else {\n if (this.children.length) {\n this._init();\n } else {\n console.warn(\n `${PfeSelect.tag}: The first child in the light DOM must be a supported select tag`\n );\n }\n }\n });\n this.observer.observe(this, { childList: true });\n }\n\n attributeChangedCallback(attr, oldValue, newValue) {\n super.attributeChangedCallback(attr, oldValue, newValue);\n this.pfeInvalid = newValue;\n }\n\n disconnectedCallback() {\n this.observer.disconnect();\n this._input.removeEventListener(\"input\", this._inputChanged);\n }\n\n addOptions(options) {\n // Reset the pfeOptions by concatenating newly added options with _pfeOptions\n this._pfeOptions = this._pfeOptions\n ? this._pfeOptions.concat(options)\n : options;\n }\n\n _handleMultipleSelectedValues(options) {\n // Warn if options array has more than one selected value set as true\n console.warn(\n `${PfeSelect.tag}: The first 'selected' option will take precedence over others incase of multiple 'selected' options`\n );\n // Get the index of the first element with selected \"true\"\n const firstIndex = options.findIndex(el => el.selected);\n // Update the options array with precedence to first element with selected value as true\n return options.map((el, idx) => {\n el.selected = firstIndex == idx;\n return el;\n });\n }\n\n _init() {\n this._input = this.querySelector(\"select\");\n if (!this._input) {\n console.warn(\n `${PfeSelect.tag}: The first child needs to be a select element`\n );\n return;\n }\n this._input.addEventListener(\"change\", this._inputChanged);\n }\n\n _inputChanged() {\n this.emitEvent(PfeSelect.events.change, {\n detail: {\n value: this._input.value\n }\n });\n }\n\n _modifyDOM() {\n // Create select element\n let pfeSelect = document.createElement(\"select\");\n // Create option element for each element in _pfeOptions array\n this._pfeOptions.map(el => {\n const option = Object.assign(document.createElement(\"option\"), el);\n pfeSelect.add(option, null);\n });\n // if select already exists in the DOM then replace the old select with the new _pfeOptions array\n if (this.children.length) {\n const select = this.querySelector(\"select\");\n select.parentNode.replaceChild(pfeSelect, select);\n } else {\n // Otherwise create a new select element\n this.appendChild(pfeSelect);\n }\n }\n}\n\nPFElement.create(PfeSelect);\n\nexport default PfeSelect;\n"],"names":["Object","assign","defineProperty","target","varArgs","TypeError","to","index","arguments","length","nextSource","nextKey","prototype","hasOwnProperty","call","PfeSelect","PFElement","this","_pfeOptions","options","filter","el","selected","_handleMultipleSelectedValues","_modifyDOM","getAttribute","invalidAttr","querySelector","setAttribute","tag","whenDefined","then","_this2","pfeOptions","_init","children","warn","observer","observe","childList","attr","oldValue","newValue","pfeInvalid","disconnect","_input","removeEventListener","_inputChanged","concat","firstIndex","findIndex","map","idx","addEventListener","emitEvent","events","change","value","pfeSelect","document","createElement","option","add","select","parentNode","replaceChild","appendChild","_this","bind","MutationObserver","create"],"mappings":"kUAE6B,mBAAlBA,OAAOC,eAETC,eAAeF,OAAQ,SAAU,OAC/B,SAAgBG,EAAQC,MAGzBD,MAAAA,QACI,IAAIE,UAAU,sDAGlBC,EAAKN,OAAOG,GAEPI,EAAQ,EAAGA,EAAQC,UAAUC,OAAQF,IAAS,KACjDG,EAAaF,UAAUD,MAEvBG,MAAAA,MACG,IAAIC,KAAWD,EAEdV,OAAOY,UAAUC,eAAeC,KAAKJ,EAAYC,OAChDA,GAAWD,EAAWC,WAK1BL,aAEC,gBACI,qeCCZS,+TAAkBC,uiJAeb,yDAIA,4DAIAC,KAAKC,0BAGCC,QACRD,YACwC,EAA3CC,EAAQC,OAAO,mBAAMC,EAAGC,WAAUb,OAC9BQ,KAAKM,8BAA8BJ,GACnCA,OACDK,uDAIEP,KAAKQ,aAAa,6BAGZC,GACRA,QAGAC,cAAc,UAAUC,aAAa,eAAgBF,2CAxCnD,wDASA,kDAmCA,QACMT,KAAKY,gEAKX,CAAC,6LAcOC,YAAYf,EAAUc,KAAKE,KAAK,WACzCC,EAAKC,cACFT,eACAU,SAEDF,EAAKG,SAAS1B,SACXyB,gBAEGE,KACHrB,EAAUc,gFAKhBQ,SAASC,QAAQrB,KAAM,CAAEsB,WAAW,qDAGlBC,EAAMC,EAAUC,0GACRF,EAAMC,EAAUC,QAC1CC,WAAaD,sDAIbL,SAASO,kBACTC,OAAOC,oBAAoB,QAAS7B,KAAK8B,kDAGrC5B,QAEJD,YAAcD,KAAKC,YACpBD,KAAKC,YAAY8B,OAAO7B,GACxBA,wDAGwBA,WAEpBiB,KACHrB,EAAUc,gHAGToB,EAAa9B,EAAQ+B,UAAU,mBAAM7B,EAAGC,kBAEvCH,EAAQgC,IAAI,SAAC9B,EAAI+B,YACnB9B,SAAW2B,GAAcG,EACrB/B,yCAKJwB,OAAS5B,KAAKU,cAAc,UAC5BV,KAAK4B,YAMLA,OAAOQ,iBAAiB,SAAUpC,KAAK8B,uBALlCX,KACHrB,EAAUc,mGAQZyB,UAAUvC,EAAUwC,OAAOC,OAAQ,QAC9B,OACCvC,KAAK4B,OAAOY,kDAOnBC,EAAYC,SAASC,cAAc,kBAElC1C,YAAYiC,IAAI,gBACbU,EAAS7D,OAAOC,OAAO0D,SAASC,cAAc,UAAWvC,KACrDyC,IAAID,EAAQ,QAGpB5C,KAAKkB,SAAS1B,OAAQ,KAClBsD,EAAS9C,KAAKU,cAAc,YAC3BqC,WAAWC,aAAaP,EAAWK,aAGrCG,YAAYR,4VA3Fb3C,aACDG,YAAc,OACdgB,MAAQiC,EAAKjC,MAAMkC,UACnBrB,cAAgBoB,EAAKpB,cAAcqB,UAEnC/B,SAAW,IAAIgC,iBAAiBF,EAAKjC,gBA2F9ClB,EAAUsD,OAAOvD"} \ No newline at end of file diff --git a/elements/pfe-select/package-lock.json b/elements/pfe-select/package-lock.json index 1fcc8f70bd..30e743e133 100644 --- a/elements/pfe-select/package-lock.json +++ b/elements/pfe-select/package-lock.json @@ -1,6 +1,6 @@ { "name": "@patternfly/pfe-select", - "version": "1.0.0-prerelease.49", + "version": "1.0.0-prerelease.50", "lockfileVersion": 1, "requires": true, "dependencies": { diff --git a/elements/pfe-select/package.json b/elements/pfe-select/package.json index 9b5c6f93a0..7741490057 100644 --- a/elements/pfe-select/package.json +++ b/elements/pfe-select/package.json @@ -4,7 +4,7 @@ "className": "PfeSelect", "elementName": "pfe-select" }, - "version": "1.0.0-prerelease.49", + "version": "1.0.0-prerelease.50", "description": "Select element for PatternFly Elements", "repository": { "type": "git", @@ -25,8 +25,8 @@ }, "license": "MIT", "dependencies": { - "@patternfly/pfe-sass": "^1.0.0-prerelease.49", - "@patternfly/pfelement": "^1.0.0-prerelease.49" + "@patternfly/pfe-sass": "^1.0.0-prerelease.50", + "@patternfly/pfelement": "^1.0.0-prerelease.50" }, "generator-pfelement-version": "1.1.0" } diff --git a/elements/pfe-styles/dist/pfe-base.css b/elements/pfe-styles/dist/pfe-base.css new file mode 100644 index 0000000000..c99305bfb3 --- /dev/null +++ b/elements/pfe-styles/dist/pfe-base.css @@ -0,0 +1,164 @@ +*, +*::before, +*::after { + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +html, +body, +p, +ol, +ul, +li, +dl, +dt, +dd, +blockquote, +figure, +fieldset, +legend, +textarea, +pre, +iframe, +hr, +h1, +h2, +h3, +h4, +h5, +h6 { + padding: 0; + margin-top: 0; +} + +html:last-child, +body:last-child, +p:last-child, +ol:last-child, +ul:last-child, +li:last-child, +dl:last-child, +dt:last-child, +dd:last-child, +blockquote:last-child, +figure:last-child, +fieldset:last-child, +legend:last-child, +textarea:last-child, +pre:last-child, +iframe:last-child, +hr:last-child, +h1:last-child, +h2:last-child, +h3:last-child, +h4:last-child, +h5:last-child, +h6:last-child { + margin-bottom: 0; +} + +ul { + list-style: none; +} + +button, +input, +select, +textarea { + margin: 0; +} + +img, +embed, +iframe, +object, +audio, +video { + max-width: 100%; + height: auto; +} + +iframe { + border: 0; +} + +table { + border-spacing: 0; + border-collapse: collapse; +} + +td, +th { + padding: 0; + text-align: left; +} + +html { + --pfe-broadcasted--text: var(--pfe-theme--color--text, #333); + --pfe-broadcasted--link: var(--pfe-theme--color--link, #06c); + --pfe-broadcasted--link--hover: var(--pfe-theme--color--link--hover, #003366); + --pfe-broadcasted--link--focus: var(--pfe-theme--color--link--focus, #003366); + --pfe-broadcasted--link--visited: var(--pfe-theme--color--link--visited, rebeccapurple); + --pfe-broadcasted--link-decoration: none; + --pfe-broadcasted--link-decoration--hover: underline; + --pfe-broadcasted--link-decoration--focus: underline; + --pfe-broadcasted--link-decoration--visited: none; + font-family: sans-serif; + line-height: 1.5; + line-height: var(--pfe-theme--line-height, 1.5); +} + +body { + font-family: "Overpass", Overpass, Helvetica, helvetica, arial, sans-serif; + font-family: var(--pfe-theme--font-family, "Overpass", Overpass, Helvetica, helvetica, arial, sans-serif); + font-size: 16px; + font-size: var(--pfe-theme--font-size, 16px); + font-weight: 500; + font-weight: var(--pfe-theme--font-weight--normal, 500); + line-height: 1.5; + line-height: var(--pfe-theme--line-height, 1.5); + color: #333; + color: var(--pfe-theme--color--text, #333); + text-align: left; + margin: 0; +} + +a { + color: #06c; + color: var(--pfe-broadcasted--link, #06c); + text-decoration: none; + -webkit-text-decoration: var(--pfe-broadcasted--link-decoration, none); + text-decoration: var(--pfe-broadcasted--link-decoration, none); +} + +a:hover { + color: #003366; + color: var(--pfe-broadcasted--link--hover, #003366); + text-decoration: underline; + -webkit-text-decoration: var(--pfe-broadcasted--link-decoration--hover, underline); + text-decoration: var(--pfe-broadcasted--link-decoration--hover, underline); +} + +a:focus { + color: #003366; + color: var(--pfe-broadcasted--link--focus, #003366); + text-decoration: underline; + -webkit-text-decoration: var(--pfe-broadcasted--link-decoration--focus, underline); + text-decoration: var(--pfe-broadcasted--link-decoration--focus, underline); +} + +a:visited { + color: rebeccapurple; + color: var(--pfe-broadcasted--link--visited, rebeccapurple); + text-decoration: none; + -webkit-text-decoration: var(--pfe-broadcasted--link-decoration--visited, none); + text-decoration: var(--pfe-broadcasted--link-decoration--visited, none); +} + +button, +a { + cursor: pointer; +} + +/*# sourceMappingURL=pfe-base.css.map */ diff --git a/elements/pfe-styles/dist/pfe-base.css.map b/elements/pfe-styles/dist/pfe-base.css.map new file mode 100644 index 0000000000..f9184a7f69 --- /dev/null +++ b/elements/pfe-styles/dist/pfe-base.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["pfe-base.scss","pfe-base.css","../../pfe-sass/mixins/_custom-properties.scss"],"names":[],"mappings":"AAKA;;;EAGE,8BAAsB;UAAtB,sBAAsB;ACJxB;;ADOA;;;;;;;;;;;;;;;;;;;;;;;EAuBE,UAAU;EACV,aAAa;ACJf;;ADpBA;;;;;;;;;;;;;;;;;;;;;;;EA0BI,gBAAgB;ACoBpB;;ADhBA;EACE,gBAAgB;ACmBlB;;ADhBA;;;;EAIE,SAAS;ACmBX;;ADhBA;;;;;;EAME,eAAe;EACf,YAAY;ACmBd;;ADhBA;EACE,SAAS;ACmBX;;ADhBA;EACE,iBAAiB;EACjB,yBAAyB;ACmB3B;;ADhBA;;EAEE,UAAU;EACV,gBAAgB;ACmBlB;;ADdA;EERwB,4DAAgD;EAAhD,4DAAgD;EAAhD,6EAAgD;EAAhD,6EAAgD;EAAhD,uFAAgD;EAMhD,wCAAgD;EAAhD,oDAAgD;EAAhD,oDAAgD;EAAhD,iDAAgD;EFItE,uBAAuB;EACvB,gBAAa;EAAb,+CAAa;ACyBf;;ADrBA;EACE,0EAAa;EAAb,yGAAa;EACb,eAAW;EAAX,4CAAW;EACX,gBAAa;EAAb,uDAAa;EACb,gBAAa;EAAb,+CAAa;EACb,WAAO;EAAP,0CAAO;EACP,gBAAgB;EAChB,SAAS;ACwBX;;ADpBA;EACE,WAAO;EAAP,yCAAO;EACP,qBAAiB;EAAjB,sEAAiB;UAAjB,8DAAiB;ACuBnB;;ADzBA;EAMM,cAAO;EAAP,mDAAO;EACP,0BAAiB;EAAjB,kFAAiB;UAAjB,0EAAiB;ACuBvB;;AD9BA;EAMM,cAAO;EAAP,mDAAO;EACP,0BAAiB;EAAjB,kFAAiB;UAAjB,0EAAiB;AC4BvB;;ADnCA;EAMM,oBAAO;EAAP,2DAAO;EACP,qBAAiB;EAAjB,+EAAiB;UAAjB,uEAAiB;ACiCvB;;AD5BA;;EAEE,eAAe;AC+BjB","file":"pfe-base.css","sourcesContent":["//@TODO, pull from https://github.com/patternfly/patternfly-next/blob/master/src/patternfly/_globals.scss#L90\n@import \"../../pfe-sass/pfe-sass\";\n$LOCAL: pfelement;\n\n// NORMALIZE\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n\nhtml,\nbody,\np,\nol,\nul,\nli,\ndl,\ndt,\ndd,\nblockquote,\nfigure,\nfieldset,\nlegend,\ntextarea,\npre,\niframe,\nhr,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n padding: 0;\n margin-top: 0;\n &:last-child {\n margin-bottom: 0;\n }\n}\n\nul {\n list-style: none;\n}\n\nbutton,\ninput,\nselect,\ntextarea {\n margin: 0;\n}\n\nimg,\nembed,\niframe,\nobject,\naudio,\nvideo {\n max-width: 100%;\n height: auto;\n}\n\niframe {\n border: 0;\n}\n\ntable {\n border-spacing: 0;\n border-collapse: collapse;\n}\n\ntd,\nth {\n padding: 0;\n text-align: left;\n}\n\n// PatternFly Styles\n\nhtml {\n @include pfe-set-broadcast-theme(light);\n font-family: sans-serif;\n line-height: #{pfe-var(line-height)};\n}\n\n\nbody {\n font-family: #{pfe-var(font-family)};\n font-size: #{pfe-var(font-size)};\n font-weight: #{pfe-var(font-weight--normal)};\n line-height: #{pfe-var(line-height)};\n color: #{pfe-color(text)};\n text-align: left;\n margin: 0;\n}\n\n// Links styles\na {\n color: #{pfe-apply-broadcast(link)};\n text-decoration: #{pfe-apply-broadcast(link-decoration)};\n\n @each $state in (hover, focus, visited) {\n &:#{$state} {\n color: #{pfe-apply-broadcast(link--#{$state})};\n text-decoration: #{pfe-apply-broadcast(link-decoration--#{$state})};\n }\n }\n}\n\nbutton,\na {\n cursor: pointer;\n}\n\n\n","*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n\nhtml,\nbody,\np,\nol,\nul,\nli,\ndl,\ndt,\ndd,\nblockquote,\nfigure,\nfieldset,\nlegend,\ntextarea,\npre,\niframe,\nhr,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n padding: 0;\n margin-top: 0;\n}\n\nhtml:last-child,\nbody:last-child,\np:last-child,\nol:last-child,\nul:last-child,\nli:last-child,\ndl:last-child,\ndt:last-child,\ndd:last-child,\nblockquote:last-child,\nfigure:last-child,\nfieldset:last-child,\nlegend:last-child,\ntextarea:last-child,\npre:last-child,\niframe:last-child,\nhr:last-child,\nh1:last-child,\nh2:last-child,\nh3:last-child,\nh4:last-child,\nh5:last-child,\nh6:last-child {\n margin-bottom: 0;\n}\n\nul {\n list-style: none;\n}\n\nbutton,\ninput,\nselect,\ntextarea {\n margin: 0;\n}\n\nimg,\nembed,\niframe,\nobject,\naudio,\nvideo {\n max-width: 100%;\n height: auto;\n}\n\niframe {\n border: 0;\n}\n\ntable {\n border-spacing: 0;\n border-collapse: collapse;\n}\n\ntd,\nth {\n padding: 0;\n text-align: left;\n}\n\nhtml {\n --pfe-broadcasted--text: var(--pfe-theme--color--text, #333);\n --pfe-broadcasted--link: var(--pfe-theme--color--link, #06c);\n --pfe-broadcasted--link--hover: var(--pfe-theme--color--link--hover, #003366);\n --pfe-broadcasted--link--focus: var(--pfe-theme--color--link--focus, #003366);\n --pfe-broadcasted--link--visited: var(--pfe-theme--color--link--visited, rebeccapurple);\n --pfe-broadcasted--link-decoration: none;\n --pfe-broadcasted--link-decoration--hover: underline;\n --pfe-broadcasted--link-decoration--focus: underline;\n --pfe-broadcasted--link-decoration--visited: none;\n font-family: sans-serif;\n line-height: var(--pfe-theme--line-height, 1.5);\n}\n\nbody {\n font-family: var(--pfe-theme--font-family, \"Overpass\", Overpass, Helvetica, helvetica, arial, sans-serif);\n font-size: var(--pfe-theme--font-size, 16px);\n font-weight: var(--pfe-theme--font-weight--normal, 500);\n line-height: var(--pfe-theme--line-height, 1.5);\n color: var(--pfe-theme--color--text, #333);\n text-align: left;\n margin: 0;\n}\n\na {\n color: var(--pfe-broadcasted--link, #06c);\n text-decoration: var(--pfe-broadcasted--link-decoration, none);\n}\n\na:hover {\n color: var(--pfe-broadcasted--link--hover, #003366);\n text-decoration: var(--pfe-broadcasted--link-decoration--hover, underline);\n}\n\na:focus {\n color: var(--pfe-broadcasted--link--focus, #003366);\n text-decoration: var(--pfe-broadcasted--link-decoration--focus, underline);\n}\n\na:visited {\n color: var(--pfe-broadcasted--link--visited, rebeccapurple);\n text-decoration: var(--pfe-broadcasted--link-decoration--visited, none);\n}\n\nbutton,\na {\n cursor: pointer;\n}\n","/// ===========================================================================\n/// Broadcast mixin, for use with container components.\n///\n/// This will print all the broadcast variables, and set the value to the theme of your choosing, like on-dark or on-saturated.\n/// @param {String} $theme - Look up values from theme contexts, i.e. \"light\" or \"saturated\"\n/// @param {List | String} $broadcast [$BROADCAST-VARS] - Optionally specify only one broadcast variable instead of the whole set, i.e. \"text\"\n/// @requires {String} $repo - Name of repo, which is \"pfe\"\n/// @requires {String} $BROADCAST-VARS - Default list of supported broadcast variables\n///\n/// @example Usage in a container component, i.e. pfe-card:\n/// ```\n/// :host {\n/// @include pfe-set-broadcast-theme(dark);\n/// }\n/// ```\n/// @output:\n/// ```\n/// :host {\n/// --pfe-broadcasted--text: var(--pfe-theme--color--text--on-dark, #fff);\n/// --pfe-broadcasted--link: var(--pfe-theme--color--link--on-dark, #99ccff);\n/// --pfe-broadcasted--link--hover: var(--pfe-theme--color--link--hover--on-dark, #cce6ff);\n/// --pfe-broadcasted--link--focus: var(--pfe-theme--color--link--focus--on-dark, #cce6ff);\n/// --pfe-broadcasted--link--visited: var(--pfe-theme--color--link--visited--on-dark, #b38cd9);\n/// --pfe-broadcasted--link-decoration: none;\n/// --pfe-broadcasted--link-decoration--hover: underline;\n/// --pfe-broadcasted--link-decoration--focus: underline;\n/// --pfe-broadcasted--link-decoration--visited: none;\n/// }\n/// ```\n/// ===========================================================================\n@mixin pfe-set-broadcast-theme($theme, $broadcast: $BROADCAST-VARS) {\n @each $type in $broadcast {\n $list: ();\n $string: \"\";\n $context: \"\";\n $state: \"\";\n\n @if str-starts-with($type, \"link\") {\n $list: append($list, \"#{$type}\");\n\n @each $s in (hover, focus, visited) {\n $state: \"--#{$s}\";\n $string: \"#{$type}#{$state}\";\n\n @if not index($list, $string) {\n $list: append($list, \"#{$type}#{$state}\");\n }\n }\n }\n @else {\n @if not index($list, $string) {\n $list: append($list, \"#{$type}\");\n }\n }\n\n @if index($THEMES, $theme) != null {\n @if $theme != \"light\" {\n $context: \"--on-#{$theme}\";\n }\n }\n \n @each $item in $list {\n @if not index($BROADCAST-VARS, $type) {\n @warn \"--#{$repo}-broadcasted--#{$item} variable is not in the $BROADCAST-VARS list.\";\n }\n @else if not map-has-key($pfe-broadcasted, #{$item}#{$context}) {\n @warn \"#{$item}#{$context} value does not currently exist.\";\n }\n @else {\n @if index($THEMES, $theme) != null {\n @if map-get($pfe-colors, $item) != null {\n --#{$repo}-broadcasted--#{$item}: var(--#{$repo}-theme--color--#{$item}#{$context}, #{map-get($pfe-broadcasted, #{$item}#{$context})});\n }\n @else if map-get($pfe-vars, $item) {\n --#{$repo}-broadcasted--#{$item}: var(--#{$repo}-theme--#{$item}#{$context}, #{map-get($pfe-broadcasted, #{$item}#{$context})});\n }\n @else {\n --#{$repo}-broadcasted--#{$item}: #{map-get($pfe-broadcasted, #{$item}#{$context})};\n }\n }\n @else {\n @error \"The #{$theme} context does not appear to be part of a supported theme.\";\n }\n }\n }\n }\n}\n\n/// ===========================================================================\n/// Define local variable\n///\n/// Returns CSS Variable for the local component-scoped variable\n///\n/// @param {String} $cssvar - Variable identifiers which are postfixed and combined using '--'\n/// @param {String} $value - The value of the css variable being defined\n/// @param {String} $region - Identifies the region or slot to which this is assigned\n/// @requires {String} $repo - Name of repo, which is \"pfe\"\n/// @requires {String} $LOCAL - Name of component, this is defined at the top of the sass file for the component\n/// @use -\n/// ```\n/// :host {\n/// padding-top: #{pfe-local(paddingTop)};\n/// padding-bottom: #{pfe-local(paddingBottom)};\n/// }\n/// ```\n/// ===========================================================================\n@mixin pfe-set-local($variables) {\n @each $property, $value in $variables {\n $name: \"--#{$property}\";\n $styles: $value;\n\n @if type-of($value) == \"map\" {\n @each $prop, $v in $value {\n $name: \"__#{$property}--#{$prop}\";\n $styles: $v;\n\n // Print the variable definition\n --#{$repo}-#{$LOCAL}#{$name}: #{$styles};\n }\n }\n @else {\n // Print the variable definition\n --#{$repo}-#{$LOCAL}#{$name}: #{$styles};\n }\n }\n}\n\n/// ===========================================================================\n/// @alias pfe-set-local\n/// ===========================================================================\n@mixin pfe-print-variables($variables) {\n @include pfe-set-local($variables);\n}\n\n/// ===========================================================================\n/// Surface properties \n/// This mixin creates an attribute for all the surface colors, then prints the local background color variable for the component, with the correct theme colors. \n/// @param {List | String} $surfaces [$SURFACES] - defaults to the global $SURFACES list of all supported colors\n/// @param {String} $attr-name [pfe-color] - defaults to pfe-color, optionally pass in a custom name for the data attribute\n///\n/// @example \n/// ```\n/// $LOCAL: band;\n/// @include surfaces;\n/// ```\n///\n/// @output\n/// ```\n/// :host([pfe-color=\"darker\"]) {\n/// --pfe-band--BackgroundColor: var(--pfe-theme--color--surface--darker, #464646);\n/// --theme: dark;\n/// }\n/// \n/// :host([pfe-color=\"darkest\"]) {\n/// --pfe-band--BackgroundColor: var(--pfe-theme--color--surface--darkest, #131313);\n/// --theme: dark;\n/// }\n/// \n/// :host([pfe-color=\"base\"]) {\n/// --pfe-band--BackgroundColor: var(--pfe-theme--color--surface--base, #dfdfdf);\n/// --theme: light;\n/// }\n/// \n/// :host([pfe-color=\"lighter\"]) {\n/// --pfe-band--BackgroundColor: var(--pfe-theme--color--surface--lighter, #ececec);\n/// --theme: light;\n/// }\n/// \n/// :host([pfe-color=\"lightest\"]) {\n/// --pfe-band--BackgroundColor: var(--pfe-theme--color--surface--lightest, #fff);\n/// --theme: light;\n/// }\n/// \n/// :host([pfe-color=\"accent\"]) {\n/// --pfe-band--BackgroundColor: var(--pfe-theme--color--surface--accent, #ee0000);\n/// --theme: saturated;\n/// }\n/// \n/// :host([pfe-color=\"complement\"]) {\n/// --pfe-band--BackgroundColor: var(--pfe-theme--color--surface--complement, #0477a4);\n/// --theme: saturated;\n/// }\n/// ```\n/// ===========================================================================\n@mixin pfe-surfaces($surfaces: $SURFACE, $attr-name: #{$repo}-color) {\n @each $color in $surfaces {\n $theme: #{pfe-get-theme(surface--#{$color}--theme)};\n :host([#{$attr-name}=\"#{$color}\"]) {\n @include pfe-set-local(\n ( BackgroundColor: #{pfe-color(surface--#{$color})} )\n );\n --theme: #{pfe-color( surface--#{$color}--theme, #{$theme} );\n @include browser-query(ie11) {\n background-color: #{map-get($pfe-colors, surface--lightest)} !important;\n color: #{pfe-color(text)} !important;\n }\n }\n }\n}\n\n/// ===========================================================================\n/// Context properties\n///\n/// Prints the `on` attribute with IE11 fallbacks\n///\n/// @param {List} themes [$THEMES] - defaults to the global $THEMES list of all supported contexts\n/// @param {Boolean} ie-fallback [true] - defaults to true, prints IE11 fallbacks\n/// @example\n/// ```\n/// @include theme-contexts; // imports on=\"light\" etc support\n/// ```\n///\n/// @output\n/// ```\n/// :host([on=\"dark\"]) {\n/// --pfe-broadcasted--text: var(--pfe-theme--color--text--on-dark, #fff);\n/// --pfe-broadcasted--link: var(--pfe-theme--color--link--on-dark, #99ccff);\n/// --pfe-broadcasted--link--hover: var(--pfe-theme--color--link--hover--on-dark, #cce6ff);\n/// --pfe-broadcasted--link--focus: var(--pfe-theme--color--link--focus--on-dark, #cce6ff);\n/// --pfe-broadcasted--link--visited: var(--pfe-theme--color--link--visited--on-dark, #b38cd9);\n/// --pfe-broadcasted--link-decoration: none;\n/// --pfe-broadcasted--link-decoration--hover: underline;\n/// --pfe-broadcasted--link-decoration--focus: underline;\n/// --pfe-broadcasted--link-decoration--visited: none;\n/// }\n/// \n/// @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { /* IE10+ */\n/// :host([on=\"dark\"]) {\n/// color: #fff;\n/// color: var(--pfe-theme--color--text--on-dark, #fff);\n/// }\n/// }\n/// ```\n/// ...as well as all the values for :host([on=\"saturated\"]) and :host([on=\"light\"]) \n/// ===========================================================================\n@mixin pfe-theme-contexts($themes: $THEMES, $ie-fallback: true) {\n // Helper attributes to aid in theming\n @each $theme in $themes {\n :host([on=\"#{$theme}\"]) {\n @include pfe-set-broadcast-theme($theme);\n }\n @if $ie-fallback {\n @include browser-query(ie11) {\n :host {\n color: #{pfe-color(text)} !important;\n }\n }\n }\n }\n}\n"]} \ No newline at end of file diff --git a/elements/pfe-styles/dist/pfe-base.min.css b/elements/pfe-styles/dist/pfe-base.min.css new file mode 100644 index 0000000000..8fc73ec9cc --- /dev/null +++ b/elements/pfe-styles/dist/pfe-base.min.css @@ -0,0 +1,2 @@ +*,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box}blockquote,body,dd,dl,dt,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,html,iframe,legend,li,ol,p,pre,textarea,ul{padding:0;margin-top:0}blockquote:last-child,body:last-child,dd:last-child,dl:last-child,dt:last-child,fieldset:last-child,figure:last-child,h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child,h6:last-child,hr:last-child,html:last-child,iframe:last-child,legend:last-child,li:last-child,ol:last-child,p:last-child,pre:last-child,textarea:last-child,ul:last-child{margin-bottom:0}ul{list-style:none}button,input,select,textarea{margin:0}audio,embed,iframe,img,object,video{max-width:100%;height:auto}iframe{border:0}table{border-spacing:0;border-collapse:collapse}td,th{padding:0;text-align:left}html{--pfe-broadcasted--text:var(--pfe-theme--color--text, #333);--pfe-broadcasted--link:var(--pfe-theme--color--link, #06c);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover, #003366);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus, #003366);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited, rebeccapurple);--pfe-broadcasted--link-decoration:none;--pfe-broadcasted--link-decoration--hover:underline;--pfe-broadcasted--link-decoration--focus:underline;--pfe-broadcasted--link-decoration--visited:none;font-family:sans-serif;line-height:1.5;line-height:var(--pfe-theme--line-height,1.5)}body{font-family:Overpass,Overpass,Helvetica,helvetica,arial,sans-serif;font-family:var(--pfe-theme--font-family, "Overpass", Overpass, Helvetica, helvetica, arial, sans-serif);font-size:16px;font-size:var(--pfe-theme--font-size,16px);font-weight:500;font-weight:var(--pfe-theme--font-weight--normal,500);line-height:1.5;line-height:var(--pfe-theme--line-height,1.5);color:#333;color:var(--pfe-theme--color--text,#333);text-align:left;margin:0}a{color:#06c;color:var(--pfe-broadcasted--link,#06c);text-decoration:none;-webkit-text-decoration:var(--pfe-broadcasted--link-decoration,none);text-decoration:var(--pfe-broadcasted--link-decoration,none)}a:hover{color:#036;color:var(--pfe-broadcasted--link--hover,#036);text-decoration:underline;-webkit-text-decoration:var(--pfe-broadcasted--link-decoration--hover,underline);text-decoration:var(--pfe-broadcasted--link-decoration--hover,underline)}a:focus{color:#036;color:var(--pfe-broadcasted--link--focus,#036);text-decoration:underline;-webkit-text-decoration:var(--pfe-broadcasted--link-decoration--focus,underline);text-decoration:var(--pfe-broadcasted--link-decoration--focus,underline)}a:visited{color:#663399;color:var(--pfe-broadcasted--link--visited,#663399);text-decoration:none;-webkit-text-decoration:var(--pfe-broadcasted--link-decoration--visited,none);text-decoration:var(--pfe-broadcasted--link-decoration--visited,none)}a,button{cursor:pointer} +/*# sourceMappingURL=pfe-base.min.css.map */ diff --git a/elements/pfe-styles/dist/pfe-base.min.css.map b/elements/pfe-styles/dist/pfe-base.min.css.map new file mode 100644 index 0000000000..4cc810bdc4 --- /dev/null +++ b/elements/pfe-styles/dist/pfe-base.min.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["../pfe-base.scss","pfe-base.css","../../../pfe-sass/mixins/_custom-properties.scss"],"names":[],"mappings":"AAKA,ECHA,QADA,SDOE,mBAAA,WAAA,WAAA,WCQF,WARA,KAOA,GAFA,GACA,GAIA,SADA,OAOA,GACA,GACA,GACA,GACA,GACA,GANA,GDZA,KCWA,OAHA,OAPA,GAFA,GADA,EAYA,IADA,SATA,GDuBE,QAAA,EACA,WAAA,ECQF,sBARA,gBAOA,cAFA,cACA,cAIA,oBADA,kBAOA,cACA,cACA,cACA,cACA,cACA,cANA,cDvCA,gBCsCA,kBAHA,kBAPA,cAFA,cADA,aAYA,eADA,oBATA,cDDI,cAAA,EAIJ,GACE,WAAA,KAGF,OCoBA,MACA,OACA,SDlBE,OAAA,EC0BF,MAHA,MACA,ODrBA,ICsBA,OAEA,MDlBE,UAAA,KACA,OAAA,KAGF,OACE,OAAA,EAGF,MACE,eAAA,EACA,gBAAA,SAGF,GCoBA,GDlBE,QAAA,EACA,WAAA,KAKF,KERwB,wBAAA,oCAAA,wBAAA,oCAAA,+BAAA,8CAAA,+BAAA,8CAAA,iCAAA,sDAMA,mCAAA,KAAA,0CAAA,UAAA,0CAAA,UAAA,4CAAA,KFItB,YAAA,WACA,YAAA,IAAA,YAAA,kCAIF,KACE,YAAA,QAAA,CAAA,QAAA,CAAA,SAAA,CAAA,SAAA,CAAA,KAAA,CAAA,WAAA,YAAA,6FACA,UAAA,KAAA,UAAA,iCACA,YAAA,IAAA,YAAA,0CACA,YAAA,IAAA,YAAA,kCACA,MAAA,KAAA,MAAA,mCACA,WAAA,KACA,OAAA,EAIF,EACE,MAAA,KAAA,MAAA,kCACA,gBAAA,KAAA,wBAAA,6CAAA,gBAAA,6CAFF,QAMM,MAAA,KAAA,MAAA,yCACA,gBAAA,UAAA,wBAAA,yDAAA,gBAAA,yDAPN,QAMM,MAAA,KAAA,MAAA,yCACA,gBAAA,UAAA,wBAAA,yDAAA,gBAAA,yDAPN,UAMM,MAAA,QAAA,MAAA,8CACA,gBAAA,KAAA,wBAAA,sDAAA,gBAAA,sDCuDN,EDlDA,OAEE,OAAA","file":"pfe-base.min.css","sourcesContent":[null,"*,\n*::before,\n*::after {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n\nhtml,\nbody,\np,\nol,\nul,\nli,\ndl,\ndt,\ndd,\nblockquote,\nfigure,\nfieldset,\nlegend,\ntextarea,\npre,\niframe,\nhr,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n padding: 0;\n margin-top: 0;\n}\n\nhtml:last-child,\nbody:last-child,\np:last-child,\nol:last-child,\nul:last-child,\nli:last-child,\ndl:last-child,\ndt:last-child,\ndd:last-child,\nblockquote:last-child,\nfigure:last-child,\nfieldset:last-child,\nlegend:last-child,\ntextarea:last-child,\npre:last-child,\niframe:last-child,\nhr:last-child,\nh1:last-child,\nh2:last-child,\nh3:last-child,\nh4:last-child,\nh5:last-child,\nh6:last-child {\n margin-bottom: 0;\n}\n\nul {\n list-style: none;\n}\n\nbutton,\ninput,\nselect,\ntextarea {\n margin: 0;\n}\n\nimg,\nembed,\niframe,\nobject,\naudio,\nvideo {\n max-width: 100%;\n height: auto;\n}\n\niframe {\n border: 0;\n}\n\ntable {\n border-spacing: 0;\n border-collapse: collapse;\n}\n\ntd,\nth {\n padding: 0;\n text-align: left;\n}\n\nhtml {\n --pfe-broadcasted--text: var(--pfe-theme--color--text, #333);\n --pfe-broadcasted--link: var(--pfe-theme--color--link, #06c);\n --pfe-broadcasted--link--hover: var(--pfe-theme--color--link--hover, #003366);\n --pfe-broadcasted--link--focus: var(--pfe-theme--color--link--focus, #003366);\n --pfe-broadcasted--link--visited: var(--pfe-theme--color--link--visited, rebeccapurple);\n --pfe-broadcasted--link-decoration: none;\n --pfe-broadcasted--link-decoration--hover: underline;\n --pfe-broadcasted--link-decoration--focus: underline;\n --pfe-broadcasted--link-decoration--visited: none;\n font-family: sans-serif;\n line-height: 1.5;\n line-height: var(--pfe-theme--line-height, 1.5);\n}\n\nbody {\n font-family: \"Overpass\", Overpass, Helvetica, helvetica, arial, sans-serif;\n font-family: var(--pfe-theme--font-family, \"Overpass\", Overpass, Helvetica, helvetica, arial, sans-serif);\n font-size: 16px;\n font-size: var(--pfe-theme--font-size, 16px);\n font-weight: 500;\n font-weight: var(--pfe-theme--font-weight--normal, 500);\n line-height: 1.5;\n line-height: var(--pfe-theme--line-height, 1.5);\n color: #333;\n color: var(--pfe-theme--color--text, #333);\n text-align: left;\n margin: 0;\n}\n\na {\n color: #06c;\n color: var(--pfe-broadcasted--link, #06c);\n text-decoration: none;\n -webkit-text-decoration: var(--pfe-broadcasted--link-decoration, none);\n text-decoration: var(--pfe-broadcasted--link-decoration, none);\n}\n\na:hover {\n color: #003366;\n color: var(--pfe-broadcasted--link--hover, #003366);\n text-decoration: underline;\n -webkit-text-decoration: var(--pfe-broadcasted--link-decoration--hover, underline);\n text-decoration: var(--pfe-broadcasted--link-decoration--hover, underline);\n}\n\na:focus {\n color: #003366;\n color: var(--pfe-broadcasted--link--focus, #003366);\n text-decoration: underline;\n -webkit-text-decoration: var(--pfe-broadcasted--link-decoration--focus, underline);\n text-decoration: var(--pfe-broadcasted--link-decoration--focus, underline);\n}\n\na:visited {\n color: rebeccapurple;\n color: var(--pfe-broadcasted--link--visited, rebeccapurple);\n text-decoration: none;\n -webkit-text-decoration: var(--pfe-broadcasted--link-decoration--visited, none);\n text-decoration: var(--pfe-broadcasted--link-decoration--visited, none);\n}\n\nbutton,\na {\n cursor: pointer;\n}\n\n/*# sourceMappingURL=pfe-base.css.map */\n"]} \ No newline at end of file diff --git a/elements/pfe-styles/dist/pfe-context.css b/elements/pfe-styles/dist/pfe-context.css new file mode 100644 index 0000000000..ac7ffcd5e5 --- /dev/null +++ b/elements/pfe-styles/dist/pfe-context.css @@ -0,0 +1,40 @@ +.on-dark { + --pfe-broadcasted--text: var(--pfe-theme--color--text--on-dark, #fff); + --pfe-broadcasted--link: var(--pfe-theme--color--link--on-dark, #99ccff); + --pfe-broadcasted--link--hover: var(--pfe-theme--color--link--hover--on-dark, #cce6ff); + --pfe-broadcasted--link--focus: var(--pfe-theme--color--link--focus--on-dark, #cce6ff); + --pfe-broadcasted--link--visited: var(--pfe-theme--color--link--visited--on-dark, #b38cd9); + --pfe-broadcasted--link-decoration: none; + --pfe-broadcasted--link-decoration--hover: underline; + --pfe-broadcasted--link-decoration--focus: underline; + --pfe-broadcasted--link-decoration--visited: none; + --theme: dark; +} + +.on-saturated { + --pfe-broadcasted--text: var(--pfe-theme--color--text--on-saturated, #fff); + --pfe-broadcasted--link: var(--pfe-theme--color--link--on-saturated, #fff); + --pfe-broadcasted--link--hover: var(--pfe-theme--color--link--hover--on-saturated, white); + --pfe-broadcasted--link--focus: var(--pfe-theme--color--link--focus--on-saturated, white); + --pfe-broadcasted--link--visited: var(--pfe-theme--color--link--visited--on-saturated, #b38cd9); + --pfe-broadcasted--link-decoration: underline; + --pfe-broadcasted--link-decoration--hover: underline; + --pfe-broadcasted--link-decoration--focus: underline; + --pfe-broadcasted--link-decoration--visited: underline; + --theme: saturated; +} + +.on-light { + --pfe-broadcasted--text: var(--pfe-theme--color--text, #333); + --pfe-broadcasted--link: var(--pfe-theme--color--link, #06c); + --pfe-broadcasted--link--hover: var(--pfe-theme--color--link--hover, #003366); + --pfe-broadcasted--link--focus: var(--pfe-theme--color--link--focus, #003366); + --pfe-broadcasted--link--visited: var(--pfe-theme--color--link--visited, rebeccapurple); + --pfe-broadcasted--link-decoration: none; + --pfe-broadcasted--link-decoration--hover: underline; + --pfe-broadcasted--link-decoration--focus: underline; + --pfe-broadcasted--link-decoration--visited: none; + --theme: light; +} + +/*# sourceMappingURL=pfe-context.css.map */ diff --git a/elements/pfe-styles/dist/pfe-context.css.map b/elements/pfe-styles/dist/pfe-context.css.map new file mode 100644 index 0000000000..57bb3be799 --- /dev/null +++ b/elements/pfe-styles/dist/pfe-context.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["pfe-context.scss","../../pfe-sass/mixins/_custom-properties.scss","pfe-context.css"],"names":[],"mappings":"AAII;ECmEoB,qEAAgD;EAAhD,wEAAgD;EAAhD,sFAAgD;EAAhD,sFAAgD;EAAhD,0FAAgD;EAMhD,wCAAgD;EAAhD,oDAAgD;EAAhD,oDAAgD;EAAhD,iDAAgD;EDvEhE,aAAO;AEKf;;AFPI;ECmEoB,0EAAgD;EAAhD,0EAAgD;EAAhD,yFAAgD;EAAhD,yFAAgD;EAAhD,+FAAgD;EAMhD,6CAAgD;EAAhD,oDAAgD;EAAhD,oDAAgD;EAAhD,sDAAgD;EDvEhE,kBAAO;AEkBf;;AFpBI;ECmEoB,4DAAgD;EAAhD,4DAAgD;EAAhD,6EAAgD;EAAhD,6EAAgD;EAAhD,uFAAgD;EAMhD,wCAAgD;EAAhD,oDAAgD;EAAhD,oDAAgD;EAAhD,iDAAgD;EDvEhE,cAAO;AE+Bf","file":"pfe-context.css","sourcesContent":["@import \"../../pfe-sass/pfe-sass\";\n\n// Helper classes to aid in theming on custom pages\n@each $theme in (dark, saturated, light) {\n .on-#{$theme} {\n @include pfe-set-broadcast-theme($theme);\n --theme: #{$theme};\n }\n}\n","/// ===========================================================================\n/// Broadcast mixin, for use with container components.\n///\n/// This will print all the broadcast variables, and set the value to the theme of your choosing, like on-dark or on-saturated.\n/// @param {String} $theme - Look up values from theme contexts, i.e. \"light\" or \"saturated\"\n/// @param {List | String} $broadcast [$BROADCAST-VARS] - Optionally specify only one broadcast variable instead of the whole set, i.e. \"text\"\n/// @requires {String} $repo - Name of repo, which is \"pfe\"\n/// @requires {String} $BROADCAST-VARS - Default list of supported broadcast variables\n///\n/// @example Usage in a container component, i.e. pfe-card:\n/// ```\n/// :host {\n/// @include pfe-set-broadcast-theme(dark);\n/// }\n/// ```\n/// @output:\n/// ```\n/// :host {\n/// --pfe-broadcasted--text: var(--pfe-theme--color--text--on-dark, #fff);\n/// --pfe-broadcasted--link: var(--pfe-theme--color--link--on-dark, #99ccff);\n/// --pfe-broadcasted--link--hover: var(--pfe-theme--color--link--hover--on-dark, #cce6ff);\n/// --pfe-broadcasted--link--focus: var(--pfe-theme--color--link--focus--on-dark, #cce6ff);\n/// --pfe-broadcasted--link--visited: var(--pfe-theme--color--link--visited--on-dark, #b38cd9);\n/// --pfe-broadcasted--link-decoration: none;\n/// --pfe-broadcasted--link-decoration--hover: underline;\n/// --pfe-broadcasted--link-decoration--focus: underline;\n/// --pfe-broadcasted--link-decoration--visited: none;\n/// }\n/// ```\n/// ===========================================================================\n@mixin pfe-set-broadcast-theme($theme, $broadcast: $BROADCAST-VARS) {\n @each $type in $broadcast {\n $list: ();\n $string: \"\";\n $context: \"\";\n $state: \"\";\n\n @if str-starts-with($type, \"link\") {\n $list: append($list, \"#{$type}\");\n\n @each $s in (hover, focus, visited) {\n $state: \"--#{$s}\";\n $string: \"#{$type}#{$state}\";\n\n @if not index($list, $string) {\n $list: append($list, \"#{$type}#{$state}\");\n }\n }\n }\n @else {\n @if not index($list, $string) {\n $list: append($list, \"#{$type}\");\n }\n }\n\n @if index($THEMES, $theme) != null {\n @if $theme != \"light\" {\n $context: \"--on-#{$theme}\";\n }\n }\n \n @each $item in $list {\n @if not index($BROADCAST-VARS, $type) {\n @warn \"--#{$repo}-broadcasted--#{$item} variable is not in the $BROADCAST-VARS list.\";\n }\n @else if not map-has-key($pfe-broadcasted, #{$item}#{$context}) {\n @warn \"#{$item}#{$context} value does not currently exist.\";\n }\n @else {\n @if index($THEMES, $theme) != null {\n @if map-get($pfe-colors, $item) != null {\n --#{$repo}-broadcasted--#{$item}: var(--#{$repo}-theme--color--#{$item}#{$context}, #{map-get($pfe-broadcasted, #{$item}#{$context})});\n }\n @else if map-get($pfe-vars, $item) {\n --#{$repo}-broadcasted--#{$item}: var(--#{$repo}-theme--#{$item}#{$context}, #{map-get($pfe-broadcasted, #{$item}#{$context})});\n }\n @else {\n --#{$repo}-broadcasted--#{$item}: #{map-get($pfe-broadcasted, #{$item}#{$context})};\n }\n }\n @else {\n @error \"The #{$theme} context does not appear to be part of a supported theme.\";\n }\n }\n }\n }\n}\n\n/// ===========================================================================\n/// Define local variable\n///\n/// Returns CSS Variable for the local component-scoped variable\n///\n/// @param {String} $cssvar - Variable identifiers which are postfixed and combined using '--'\n/// @param {String} $value - The value of the css variable being defined\n/// @param {String} $region - Identifies the region or slot to which this is assigned\n/// @requires {String} $repo - Name of repo, which is \"pfe\"\n/// @requires {String} $LOCAL - Name of component, this is defined at the top of the sass file for the component\n/// @use -\n/// ```\n/// :host {\n/// padding-top: #{pfe-local(paddingTop)};\n/// padding-bottom: #{pfe-local(paddingBottom)};\n/// }\n/// ```\n/// ===========================================================================\n@mixin pfe-set-local($variables) {\n @each $property, $value in $variables {\n $name: \"--#{$property}\";\n $styles: $value;\n\n @if type-of($value) == \"map\" {\n @each $prop, $v in $value {\n $name: \"__#{$property}--#{$prop}\";\n $styles: $v;\n\n // Print the variable definition\n --#{$repo}-#{$LOCAL}#{$name}: #{$styles};\n }\n }\n @else {\n // Print the variable definition\n --#{$repo}-#{$LOCAL}#{$name}: #{$styles};\n }\n }\n}\n\n/// ===========================================================================\n/// @alias pfe-set-local\n/// ===========================================================================\n@mixin pfe-print-variables($variables) {\n @include pfe-set-local($variables);\n}\n\n/// ===========================================================================\n/// Surface properties \n/// This mixin creates an attribute for all the surface colors, then prints the local background color variable for the component, with the correct theme colors. \n/// @param {List | String} $surfaces [$SURFACES] - defaults to the global $SURFACES list of all supported colors\n/// @param {String} $attr-name [pfe-color] - defaults to pfe-color, optionally pass in a custom name for the data attribute\n///\n/// @example \n/// ```\n/// $LOCAL: band;\n/// @include surfaces;\n/// ```\n///\n/// @output\n/// ```\n/// :host([pfe-color=\"darker\"]) {\n/// --pfe-band--BackgroundColor: var(--pfe-theme--color--surface--darker, #464646);\n/// --theme: dark;\n/// }\n/// \n/// :host([pfe-color=\"darkest\"]) {\n/// --pfe-band--BackgroundColor: var(--pfe-theme--color--surface--darkest, #131313);\n/// --theme: dark;\n/// }\n/// \n/// :host([pfe-color=\"base\"]) {\n/// --pfe-band--BackgroundColor: var(--pfe-theme--color--surface--base, #dfdfdf);\n/// --theme: light;\n/// }\n/// \n/// :host([pfe-color=\"lighter\"]) {\n/// --pfe-band--BackgroundColor: var(--pfe-theme--color--surface--lighter, #ececec);\n/// --theme: light;\n/// }\n/// \n/// :host([pfe-color=\"lightest\"]) {\n/// --pfe-band--BackgroundColor: var(--pfe-theme--color--surface--lightest, #fff);\n/// --theme: light;\n/// }\n/// \n/// :host([pfe-color=\"accent\"]) {\n/// --pfe-band--BackgroundColor: var(--pfe-theme--color--surface--accent, #ee0000);\n/// --theme: saturated;\n/// }\n/// \n/// :host([pfe-color=\"complement\"]) {\n/// --pfe-band--BackgroundColor: var(--pfe-theme--color--surface--complement, #0477a4);\n/// --theme: saturated;\n/// }\n/// ```\n/// ===========================================================================\n@mixin pfe-surfaces($surfaces: $SURFACE, $attr-name: #{$repo}-color) {\n @each $color in $surfaces {\n $theme: #{pfe-get-theme(surface--#{$color}--theme)};\n :host([#{$attr-name}=\"#{$color}\"]) {\n @include pfe-set-local(\n ( BackgroundColor: #{pfe-color(surface--#{$color})} )\n );\n --theme: #{pfe-color( surface--#{$color}--theme, #{$theme} );\n @include browser-query(ie11) {\n background-color: #{map-get($pfe-colors, surface--lightest)} !important;\n color: #{pfe-color(text)} !important;\n }\n }\n }\n}\n\n/// ===========================================================================\n/// Context properties\n///\n/// Prints the `on` attribute with IE11 fallbacks\n///\n/// @param {List} themes [$THEMES] - defaults to the global $THEMES list of all supported contexts\n/// @param {Boolean} ie-fallback [true] - defaults to true, prints IE11 fallbacks\n/// @example\n/// ```\n/// @include theme-contexts; // imports on=\"light\" etc support\n/// ```\n///\n/// @output\n/// ```\n/// :host([on=\"dark\"]) {\n/// --pfe-broadcasted--text: var(--pfe-theme--color--text--on-dark, #fff);\n/// --pfe-broadcasted--link: var(--pfe-theme--color--link--on-dark, #99ccff);\n/// --pfe-broadcasted--link--hover: var(--pfe-theme--color--link--hover--on-dark, #cce6ff);\n/// --pfe-broadcasted--link--focus: var(--pfe-theme--color--link--focus--on-dark, #cce6ff);\n/// --pfe-broadcasted--link--visited: var(--pfe-theme--color--link--visited--on-dark, #b38cd9);\n/// --pfe-broadcasted--link-decoration: none;\n/// --pfe-broadcasted--link-decoration--hover: underline;\n/// --pfe-broadcasted--link-decoration--focus: underline;\n/// --pfe-broadcasted--link-decoration--visited: none;\n/// }\n/// \n/// @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { /* IE10+ */\n/// :host([on=\"dark\"]) {\n/// color: #fff;\n/// color: var(--pfe-theme--color--text--on-dark, #fff);\n/// }\n/// }\n/// ```\n/// ...as well as all the values for :host([on=\"saturated\"]) and :host([on=\"light\"]) \n/// ===========================================================================\n@mixin pfe-theme-contexts($themes: $THEMES, $ie-fallback: true) {\n // Helper attributes to aid in theming\n @each $theme in $themes {\n :host([on=\"#{$theme}\"]) {\n @include pfe-set-broadcast-theme($theme);\n }\n @if $ie-fallback {\n @include browser-query(ie11) {\n :host {\n color: #{pfe-color(text)} !important;\n }\n }\n }\n }\n}\n",".on-dark {\n --pfe-broadcasted--text: var(--pfe-theme--color--text--on-dark, #fff);\n --pfe-broadcasted--link: var(--pfe-theme--color--link--on-dark, #99ccff);\n --pfe-broadcasted--link--hover: var(--pfe-theme--color--link--hover--on-dark, #cce6ff);\n --pfe-broadcasted--link--focus: var(--pfe-theme--color--link--focus--on-dark, #cce6ff);\n --pfe-broadcasted--link--visited: var(--pfe-theme--color--link--visited--on-dark, #b38cd9);\n --pfe-broadcasted--link-decoration: none;\n --pfe-broadcasted--link-decoration--hover: underline;\n --pfe-broadcasted--link-decoration--focus: underline;\n --pfe-broadcasted--link-decoration--visited: none;\n --theme: dark;\n}\n\n.on-saturated {\n --pfe-broadcasted--text: var(--pfe-theme--color--text--on-saturated, #fff);\n --pfe-broadcasted--link: var(--pfe-theme--color--link--on-saturated, #fff);\n --pfe-broadcasted--link--hover: var(--pfe-theme--color--link--hover--on-saturated, white);\n --pfe-broadcasted--link--focus: var(--pfe-theme--color--link--focus--on-saturated, white);\n --pfe-broadcasted--link--visited: var(--pfe-theme--color--link--visited--on-saturated, #b38cd9);\n --pfe-broadcasted--link-decoration: underline;\n --pfe-broadcasted--link-decoration--hover: underline;\n --pfe-broadcasted--link-decoration--focus: underline;\n --pfe-broadcasted--link-decoration--visited: underline;\n --theme: saturated;\n}\n\n.on-light {\n --pfe-broadcasted--text: var(--pfe-theme--color--text, #333);\n --pfe-broadcasted--link: var(--pfe-theme--color--link, #06c);\n --pfe-broadcasted--link--hover: var(--pfe-theme--color--link--hover, #003366);\n --pfe-broadcasted--link--focus: var(--pfe-theme--color--link--focus, #003366);\n --pfe-broadcasted--link--visited: var(--pfe-theme--color--link--visited, rebeccapurple);\n --pfe-broadcasted--link-decoration: none;\n --pfe-broadcasted--link-decoration--hover: underline;\n --pfe-broadcasted--link-decoration--focus: underline;\n --pfe-broadcasted--link-decoration--visited: none;\n --theme: light;\n}\n"]} \ No newline at end of file diff --git a/elements/pfe-styles/dist/pfe-context.min.css b/elements/pfe-styles/dist/pfe-context.min.css new file mode 100644 index 0000000000..178aee86d0 --- /dev/null +++ b/elements/pfe-styles/dist/pfe-context.min.css @@ -0,0 +1,2 @@ +.on-dark{--pfe-broadcasted--text:var(--pfe-theme--color--text--on-dark, #fff);--pfe-broadcasted--link:var(--pfe-theme--color--link--on-dark, #99ccff);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover--on-dark, #cce6ff);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus--on-dark, #cce6ff);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited--on-dark, #b38cd9);--pfe-broadcasted--link-decoration:none;--pfe-broadcasted--link-decoration--hover:underline;--pfe-broadcasted--link-decoration--focus:underline;--pfe-broadcasted--link-decoration--visited:none;--theme:dark}.on-saturated{--pfe-broadcasted--text:var(--pfe-theme--color--text--on-saturated, #fff);--pfe-broadcasted--link:var(--pfe-theme--color--link--on-saturated, #fff);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover--on-saturated, white);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus--on-saturated, white);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited--on-saturated, #b38cd9);--pfe-broadcasted--link-decoration:underline;--pfe-broadcasted--link-decoration--hover:underline;--pfe-broadcasted--link-decoration--focus:underline;--pfe-broadcasted--link-decoration--visited:underline;--theme:saturated}.on-light{--pfe-broadcasted--text:var(--pfe-theme--color--text, #333);--pfe-broadcasted--link:var(--pfe-theme--color--link, #06c);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover, #003366);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus, #003366);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited, rebeccapurple);--pfe-broadcasted--link-decoration:none;--pfe-broadcasted--link-decoration--hover:underline;--pfe-broadcasted--link-decoration--focus:underline;--pfe-broadcasted--link-decoration--visited:none;--theme:light} +/*# sourceMappingURL=pfe-context.min.css.map */ diff --git a/elements/pfe-styles/dist/pfe-context.min.css.map b/elements/pfe-styles/dist/pfe-context.min.css.map new file mode 100644 index 0000000000..dd8533a7e8 --- /dev/null +++ b/elements/pfe-styles/dist/pfe-context.min.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["../pfe-context.scss","../../../pfe-sass/mixins/_custom-properties.scss"],"names":[],"mappings":"AAII,SCmEoB,wBAAA,6CAAA,wBAAA,gDAAA,+BAAA,uDAAA,+BAAA,uDAAA,iCAAA,yDAMA,mCAAA,KAAA,0CAAA,UAAA,0CAAA,UAAA,4CAAA,KDvEhB,QAAA,KAFJ,cCmEoB,wBAAA,kDAAA,wBAAA,kDAAA,+BAAA,0DAAA,+BAAA,0DAAA,iCAAA,8DAMA,mCAAA,UAAA,0CAAA,UAAA,0CAAA,UAAA,4CAAA,UDvEhB,QAAA,UAFJ,UCmEoB,wBAAA,oCAAA,wBAAA,oCAAA,+BAAA,8CAAA,+BAAA,8CAAA,iCAAA,sDAMA,mCAAA,KAAA,0CAAA,UAAA,0CAAA,UAAA,4CAAA,KDvEhB,QAAA","file":"pfe-context.min.css","sourcesContent":[]} \ No newline at end of file diff --git a/elements/pfe-styles/dist/pfe-layouts.css b/elements/pfe-styles/dist/pfe-layouts.css new file mode 100644 index 0000000000..85f97a4205 --- /dev/null +++ b/elements/pfe-styles/dist/pfe-layouts.css @@ -0,0 +1,2132 @@ +.pfe-l--text-align--left { + text-align: left; +} + +.pfe-l--text-align--center { + text-align: center; +} + +.pfe-l--text-align--right { + text-align: right; +} + +.pfe-l-grid { + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +.pfe-l-grid > *, .pfe-l-grid__item { + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 100%; + margin: 0 auto; +} + +@media screen and (min-width: 576px) { + .pfe-l-grid.pfe-m-all-1-col > * { + width: calc(8.33333% - 16px); + } + .pfe-l-grid.pfe-m-all-2-col > * { + width: calc(16.66667% - 16px); + } + .pfe-l-grid.pfe-m-all-3-col > * { + width: calc(25% - 16px); + } + .pfe-l-grid.pfe-m-all-4-col > * { + width: calc(33.33333% - 16px); + } + .pfe-l-grid.pfe-m-all-5-col > * { + width: calc(41.66667% - 16px); + } + .pfe-l-grid.pfe-m-all-6-col > * { + width: calc(50% - 16px); + } + .pfe-l-grid.pfe-m-all-7-col > * { + width: calc(58.33333% - 16px); + } + .pfe-l-grid.pfe-m-all-8-col > * { + width: calc(66.66667% - 16px); + } + .pfe-l-grid.pfe-m-all-9-col > * { + width: calc(75% - 16px); + } + .pfe-l-grid.pfe-m-all-10-col > * { + width: calc(83.33333% - 16px); + } + .pfe-l-grid.pfe-m-all-11-col > * { + width: calc(91.66667% - 16px); + } + .pfe-l-grid.pfe-m-all-12-col > * { + width: calc(100% - 16px); + } + .pfe-l-grid > .pfe-m-1-col { + width: calc(8.33333% - 16px); + } + .pfe-l-grid > .pfe-m-2-col { + width: calc(16.66667% - 16px); + } + .pfe-l-grid > .pfe-m-3-col { + width: calc(25% - 16px); + } + .pfe-l-grid > .pfe-m-4-col { + width: calc(33.33333% - 16px); + } + .pfe-l-grid > .pfe-m-5-col { + width: calc(41.66667% - 16px); + } + .pfe-l-grid > .pfe-m-6-col { + width: calc(50% - 16px); + } + .pfe-l-grid > .pfe-m-7-col { + width: calc(58.33333% - 16px); + } + .pfe-l-grid > .pfe-m-8-col { + width: calc(66.66667% - 16px); + } + .pfe-l-grid > .pfe-m-9-col { + width: calc(75% - 16px); + } + .pfe-l-grid > .pfe-m-10-col { + width: calc(83.33333% - 16px); + } + .pfe-l-grid > .pfe-m-11-col { + width: calc(91.66667% - 16px); + } + .pfe-l-grid > .pfe-m-12-col { + width: calc(100% - 16px); + } +} + +@media screen and (max-width: 0) { + .pfe-l-grid.pfe-m-all-1-col-on-xs > * { + width: calc(8.33333% - 16px); + } + .pfe-l-grid.pfe-m-all-2-col-on-xs > * { + width: calc(16.66667% - 16px); + } + .pfe-l-grid.pfe-m-all-3-col-on-xs > * { + width: calc(25% - 16px); + } + .pfe-l-grid.pfe-m-all-4-col-on-xs > * { + width: calc(33.33333% - 16px); + } + .pfe-l-grid.pfe-m-all-5-col-on-xs > * { + width: calc(41.66667% - 16px); + } + .pfe-l-grid.pfe-m-all-6-col-on-xs > * { + width: calc(50% - 16px); + } + .pfe-l-grid.pfe-m-all-7-col-on-xs > * { + width: calc(58.33333% - 16px); + } + .pfe-l-grid.pfe-m-all-8-col-on-xs > * { + width: calc(66.66667% - 16px); + } + .pfe-l-grid.pfe-m-all-9-col-on-xs > * { + width: calc(75% - 16px); + } + .pfe-l-grid.pfe-m-all-10-col-on-xs > * { + width: calc(83.33333% - 16px); + } + .pfe-l-grid.pfe-m-all-11-col-on-xs > * { + width: calc(91.66667% - 16px); + } + .pfe-l-grid.pfe-m-all-12-col-on-xs > * { + width: calc(100% - 16px); + } + .pfe-l-grid > .pfe-m-1-col-on-xs { + width: calc(8.33333% - 16px); + } + .pfe-l-grid > .pfe-m-2-col-on-xs { + width: calc(16.66667% - 16px); + } + .pfe-l-grid > .pfe-m-3-col-on-xs { + width: calc(25% - 16px); + } + .pfe-l-grid > .pfe-m-4-col-on-xs { + width: calc(33.33333% - 16px); + } + .pfe-l-grid > .pfe-m-5-col-on-xs { + width: calc(41.66667% - 16px); + } + .pfe-l-grid > .pfe-m-6-col-on-xs { + width: calc(50% - 16px); + } + .pfe-l-grid > .pfe-m-7-col-on-xs { + width: calc(58.33333% - 16px); + } + .pfe-l-grid > .pfe-m-8-col-on-xs { + width: calc(66.66667% - 16px); + } + .pfe-l-grid > .pfe-m-9-col-on-xs { + width: calc(75% - 16px); + } + .pfe-l-grid > .pfe-m-10-col-on-xs { + width: calc(83.33333% - 16px); + } + .pfe-l-grid > .pfe-m-11-col-on-xs { + width: calc(91.66667% - 16px); + } + .pfe-l-grid > .pfe-m-12-col-on-xs { + width: calc(100% - 16px); + } +} + +@media screen and (min-width: 576px) { + .pfe-l-grid.pfe-m-all-1-col-on-sm > * { + width: calc(8.33333% - 16px); + } + .pfe-l-grid.pfe-m-all-2-col-on-sm > * { + width: calc(16.66667% - 16px); + } + .pfe-l-grid.pfe-m-all-3-col-on-sm > * { + width: calc(25% - 16px); + } + .pfe-l-grid.pfe-m-all-4-col-on-sm > * { + width: calc(33.33333% - 16px); + } + .pfe-l-grid.pfe-m-all-5-col-on-sm > * { + width: calc(41.66667% - 16px); + } + .pfe-l-grid.pfe-m-all-6-col-on-sm > * { + width: calc(50% - 16px); + } + .pfe-l-grid.pfe-m-all-7-col-on-sm > * { + width: calc(58.33333% - 16px); + } + .pfe-l-grid.pfe-m-all-8-col-on-sm > * { + width: calc(66.66667% - 16px); + } + .pfe-l-grid.pfe-m-all-9-col-on-sm > * { + width: calc(75% - 16px); + } + .pfe-l-grid.pfe-m-all-10-col-on-sm > * { + width: calc(83.33333% - 16px); + } + .pfe-l-grid.pfe-m-all-11-col-on-sm > * { + width: calc(91.66667% - 16px); + } + .pfe-l-grid.pfe-m-all-12-col-on-sm > * { + width: calc(100% - 16px); + } + .pfe-l-grid > .pfe-m-1-col-on-sm { + width: calc(8.33333% - 16px); + } + .pfe-l-grid > .pfe-m-2-col-on-sm { + width: calc(16.66667% - 16px); + } + .pfe-l-grid > .pfe-m-3-col-on-sm { + width: calc(25% - 16px); + } + .pfe-l-grid > .pfe-m-4-col-on-sm { + width: calc(33.33333% - 16px); + } + .pfe-l-grid > .pfe-m-5-col-on-sm { + width: calc(41.66667% - 16px); + } + .pfe-l-grid > .pfe-m-6-col-on-sm { + width: calc(50% - 16px); + } + .pfe-l-grid > .pfe-m-7-col-on-sm { + width: calc(58.33333% - 16px); + } + .pfe-l-grid > .pfe-m-8-col-on-sm { + width: calc(66.66667% - 16px); + } + .pfe-l-grid > .pfe-m-9-col-on-sm { + width: calc(75% - 16px); + } + .pfe-l-grid > .pfe-m-10-col-on-sm { + width: calc(83.33333% - 16px); + } + .pfe-l-grid > .pfe-m-11-col-on-sm { + width: calc(91.66667% - 16px); + } + .pfe-l-grid > .pfe-m-12-col-on-sm { + width: calc(100% - 16px); + } +} + +@media screen and (min-width: 768px) { + .pfe-l-grid.pfe-m-all-1-col-on-md > * { + width: calc(8.33333% - 16px); + } + .pfe-l-grid.pfe-m-all-2-col-on-md > * { + width: calc(16.66667% - 16px); + } + .pfe-l-grid.pfe-m-all-3-col-on-md > * { + width: calc(25% - 16px); + } + .pfe-l-grid.pfe-m-all-4-col-on-md > * { + width: calc(33.33333% - 16px); + } + .pfe-l-grid.pfe-m-all-5-col-on-md > * { + width: calc(41.66667% - 16px); + } + .pfe-l-grid.pfe-m-all-6-col-on-md > * { + width: calc(50% - 16px); + } + .pfe-l-grid.pfe-m-all-7-col-on-md > * { + width: calc(58.33333% - 16px); + } + .pfe-l-grid.pfe-m-all-8-col-on-md > * { + width: calc(66.66667% - 16px); + } + .pfe-l-grid.pfe-m-all-9-col-on-md > * { + width: calc(75% - 16px); + } + .pfe-l-grid.pfe-m-all-10-col-on-md > * { + width: calc(83.33333% - 16px); + } + .pfe-l-grid.pfe-m-all-11-col-on-md > * { + width: calc(91.66667% - 16px); + } + .pfe-l-grid.pfe-m-all-12-col-on-md > * { + width: calc(100% - 16px); + } + .pfe-l-grid > .pfe-m-1-col-on-md { + width: calc(8.33333% - 16px); + } + .pfe-l-grid > .pfe-m-2-col-on-md { + width: calc(16.66667% - 16px); + } + .pfe-l-grid > .pfe-m-3-col-on-md { + width: calc(25% - 16px); + } + .pfe-l-grid > .pfe-m-4-col-on-md { + width: calc(33.33333% - 16px); + } + .pfe-l-grid > .pfe-m-5-col-on-md { + width: calc(41.66667% - 16px); + } + .pfe-l-grid > .pfe-m-6-col-on-md { + width: calc(50% - 16px); + } + .pfe-l-grid > .pfe-m-7-col-on-md { + width: calc(58.33333% - 16px); + } + .pfe-l-grid > .pfe-m-8-col-on-md { + width: calc(66.66667% - 16px); + } + .pfe-l-grid > .pfe-m-9-col-on-md { + width: calc(75% - 16px); + } + .pfe-l-grid > .pfe-m-10-col-on-md { + width: calc(83.33333% - 16px); + } + .pfe-l-grid > .pfe-m-11-col-on-md { + width: calc(91.66667% - 16px); + } + .pfe-l-grid > .pfe-m-12-col-on-md { + width: calc(100% - 16px); + } +} + +@media screen and (min-width: 992px) { + .pfe-l-grid.pfe-m-all-1-col-on-lg > * { + width: calc(8.33333% - 16px); + } + .pfe-l-grid.pfe-m-all-2-col-on-lg > * { + width: calc(16.66667% - 16px); + } + .pfe-l-grid.pfe-m-all-3-col-on-lg > * { + width: calc(25% - 16px); + } + .pfe-l-grid.pfe-m-all-4-col-on-lg > * { + width: calc(33.33333% - 16px); + } + .pfe-l-grid.pfe-m-all-5-col-on-lg > * { + width: calc(41.66667% - 16px); + } + .pfe-l-grid.pfe-m-all-6-col-on-lg > * { + width: calc(50% - 16px); + } + .pfe-l-grid.pfe-m-all-7-col-on-lg > * { + width: calc(58.33333% - 16px); + } + .pfe-l-grid.pfe-m-all-8-col-on-lg > * { + width: calc(66.66667% - 16px); + } + .pfe-l-grid.pfe-m-all-9-col-on-lg > * { + width: calc(75% - 16px); + } + .pfe-l-grid.pfe-m-all-10-col-on-lg > * { + width: calc(83.33333% - 16px); + } + .pfe-l-grid.pfe-m-all-11-col-on-lg > * { + width: calc(91.66667% - 16px); + } + .pfe-l-grid.pfe-m-all-12-col-on-lg > * { + width: calc(100% - 16px); + } + .pfe-l-grid > .pfe-m-1-col-on-lg { + width: calc(8.33333% - 16px); + } + .pfe-l-grid > .pfe-m-2-col-on-lg { + width: calc(16.66667% - 16px); + } + .pfe-l-grid > .pfe-m-3-col-on-lg { + width: calc(25% - 16px); + } + .pfe-l-grid > .pfe-m-4-col-on-lg { + width: calc(33.33333% - 16px); + } + .pfe-l-grid > .pfe-m-5-col-on-lg { + width: calc(41.66667% - 16px); + } + .pfe-l-grid > .pfe-m-6-col-on-lg { + width: calc(50% - 16px); + } + .pfe-l-grid > .pfe-m-7-col-on-lg { + width: calc(58.33333% - 16px); + } + .pfe-l-grid > .pfe-m-8-col-on-lg { + width: calc(66.66667% - 16px); + } + .pfe-l-grid > .pfe-m-9-col-on-lg { + width: calc(75% - 16px); + } + .pfe-l-grid > .pfe-m-10-col-on-lg { + width: calc(83.33333% - 16px); + } + .pfe-l-grid > .pfe-m-11-col-on-lg { + width: calc(91.66667% - 16px); + } + .pfe-l-grid > .pfe-m-12-col-on-lg { + width: calc(100% - 16px); + } +} + +@media screen and (min-width: 1200px) { + .pfe-l-grid.pfe-m-all-1-col-on-xl > * { + width: calc(8.33333% - 16px); + } + .pfe-l-grid.pfe-m-all-2-col-on-xl > * { + width: calc(16.66667% - 16px); + } + .pfe-l-grid.pfe-m-all-3-col-on-xl > * { + width: calc(25% - 16px); + } + .pfe-l-grid.pfe-m-all-4-col-on-xl > * { + width: calc(33.33333% - 16px); + } + .pfe-l-grid.pfe-m-all-5-col-on-xl > * { + width: calc(41.66667% - 16px); + } + .pfe-l-grid.pfe-m-all-6-col-on-xl > * { + width: calc(50% - 16px); + } + .pfe-l-grid.pfe-m-all-7-col-on-xl > * { + width: calc(58.33333% - 16px); + } + .pfe-l-grid.pfe-m-all-8-col-on-xl > * { + width: calc(66.66667% - 16px); + } + .pfe-l-grid.pfe-m-all-9-col-on-xl > * { + width: calc(75% - 16px); + } + .pfe-l-grid.pfe-m-all-10-col-on-xl > * { + width: calc(83.33333% - 16px); + } + .pfe-l-grid.pfe-m-all-11-col-on-xl > * { + width: calc(91.66667% - 16px); + } + .pfe-l-grid.pfe-m-all-12-col-on-xl > * { + width: calc(100% - 16px); + } + .pfe-l-grid > .pfe-m-1-col-on-xl { + width: calc(8.33333% - 16px); + } + .pfe-l-grid > .pfe-m-2-col-on-xl { + width: calc(16.66667% - 16px); + } + .pfe-l-grid > .pfe-m-3-col-on-xl { + width: calc(25% - 16px); + } + .pfe-l-grid > .pfe-m-4-col-on-xl { + width: calc(33.33333% - 16px); + } + .pfe-l-grid > .pfe-m-5-col-on-xl { + width: calc(41.66667% - 16px); + } + .pfe-l-grid > .pfe-m-6-col-on-xl { + width: calc(50% - 16px); + } + .pfe-l-grid > .pfe-m-7-col-on-xl { + width: calc(58.33333% - 16px); + } + .pfe-l-grid > .pfe-m-8-col-on-xl { + width: calc(66.66667% - 16px); + } + .pfe-l-grid > .pfe-m-9-col-on-xl { + width: calc(75% - 16px); + } + .pfe-l-grid > .pfe-m-10-col-on-xl { + width: calc(83.33333% - 16px); + } + .pfe-l-grid > .pfe-m-11-col-on-xl { + width: calc(91.66667% - 16px); + } + .pfe-l-grid > .pfe-m-12-col-on-xl { + width: calc(100% - 16px); + } +} + +.pfe-l-grid.pfe-m-gutters { + margin: calc(8px * -1); +} + +.pfe-l-grid.pfe-m-gutters > * { + margin: 8px; +} + +@supports (display: grid) { + .pfe-l-grid { + display: -ms-grid; + display: grid; + -ms-grid-columns: ([col-start] 1fr)[12]; + grid-template-columns: repeat(12, [col-start] 1fr); + } + .pfe-l-grid > *, .pfe-l-grid__item { + width: auto; + margin: 0; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 12; + grid-column-end: span 12; + } + .pfe-l-grid.pfe-l-grid-fill-height { + height: 100%; + } + @media screen and (min-width: 576px) { + .pfe-l-grid.pfe-m-all-1-col > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 1; + grid-column-end: span 1; + } + .pfe-l-grid.pfe-m-all-2-col > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 2; + grid-column-end: span 2; + } + .pfe-l-grid.pfe-m-all-3-col > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 3; + grid-column-end: span 3; + } + .pfe-l-grid.pfe-m-all-4-col > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 4; + grid-column-end: span 4; + } + .pfe-l-grid.pfe-m-all-5-col > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 5; + grid-column-end: span 5; + } + .pfe-l-grid.pfe-m-all-6-col > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 6; + grid-column-end: span 6; + } + .pfe-l-grid.pfe-m-all-7-col > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 7; + grid-column-end: span 7; + } + .pfe-l-grid.pfe-m-all-8-col > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 8; + grid-column-end: span 8; + } + .pfe-l-grid.pfe-m-all-9-col > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 9; + grid-column-end: span 9; + } + .pfe-l-grid.pfe-m-all-10-col > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 10; + grid-column-end: span 10; + } + .pfe-l-grid.pfe-m-all-11-col > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 11; + grid-column-end: span 11; + } + .pfe-l-grid.pfe-m-all-12-col > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 12; + grid-column-end: span 12; + } + .pfe-l-grid > .pfe-m-1-col { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 1; + grid-column-end: span 1; + } + .pfe-l-grid > .pfe-m-2-col { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 2; + grid-column-end: span 2; + } + .pfe-l-grid > .pfe-m-3-col { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 3; + grid-column-end: span 3; + } + .pfe-l-grid > .pfe-m-4-col { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 4; + grid-column-end: span 4; + } + .pfe-l-grid > .pfe-m-5-col { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 5; + grid-column-end: span 5; + } + .pfe-l-grid > .pfe-m-6-col { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 6; + grid-column-end: span 6; + } + .pfe-l-grid > .pfe-m-7-col { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 7; + grid-column-end: span 7; + } + .pfe-l-grid > .pfe-m-8-col { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 8; + grid-column-end: span 8; + } + .pfe-l-grid > .pfe-m-9-col { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 9; + grid-column-end: span 9; + } + .pfe-l-grid > .pfe-m-10-col { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 10; + grid-column-end: span 10; + } + .pfe-l-grid > .pfe-m-11-col { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 11; + grid-column-end: span 11; + } + .pfe-l-grid > .pfe-m-12-col { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 12; + grid-column-end: span 12; + } + .pfe-l-grid > .pfe-m-startat-1-col { + -ms-grid-column: col-start 1; + grid-column-start: col-start 1; + } + .pfe-l-grid > .pfe-m-startat-2-col { + -ms-grid-column: col-start 2; + grid-column-start: col-start 2; + } + .pfe-l-grid > .pfe-m-startat-3-col { + -ms-grid-column: col-start 3; + grid-column-start: col-start 3; + } + .pfe-l-grid > .pfe-m-startat-4-col { + -ms-grid-column: col-start 4; + grid-column-start: col-start 4; + } + .pfe-l-grid > .pfe-m-startat-5-col { + -ms-grid-column: col-start 5; + grid-column-start: col-start 5; + } + .pfe-l-grid > .pfe-m-startat-6-col { + -ms-grid-column: col-start 6; + grid-column-start: col-start 6; + } + .pfe-l-grid > .pfe-m-startat-7-col { + -ms-grid-column: col-start 7; + grid-column-start: col-start 7; + } + .pfe-l-grid > .pfe-m-startat-8-col { + -ms-grid-column: col-start 8; + grid-column-start: col-start 8; + } + .pfe-l-grid > .pfe-m-startat-9-col { + -ms-grid-column: col-start 9; + grid-column-start: col-start 9; + } + .pfe-l-grid > .pfe-m-startat-10-col { + -ms-grid-column: col-start 10; + grid-column-start: col-start 10; + } + .pfe-l-grid > .pfe-m-startat-11-col { + -ms-grid-column: col-start 11; + grid-column-start: col-start 11; + } + .pfe-l-grid > .pfe-m-startat-12-col { + -ms-grid-column: col-start 12; + grid-column-start: col-start 12; + } + .pfe-l-grid > .pfe-m-1-row { + -ms-grid-row-span: 1; + grid-row: span 1; + } + .pfe-l-grid > .pfe-m-2-row { + -ms-grid-row-span: 2; + grid-row: span 2; + } + .pfe-l-grid > .pfe-m-3-row { + -ms-grid-row-span: 3; + grid-row: span 3; + } + .pfe-l-grid > .pfe-m-4-row { + -ms-grid-row-span: 4; + grid-row: span 4; + } + .pfe-l-grid > .pfe-m-5-row { + -ms-grid-row-span: 5; + grid-row: span 5; + } + .pfe-l-grid > .pfe-m-6-row { + -ms-grid-row-span: 6; + grid-row: span 6; + } + .pfe-l-grid > .pfe-m-7-row { + -ms-grid-row-span: 7; + grid-row: span 7; + } + .pfe-l-grid > .pfe-m-8-row { + -ms-grid-row-span: 8; + grid-row: span 8; + } + .pfe-l-grid > .pfe-m-9-row { + -ms-grid-row-span: 9; + grid-row: span 9; + } + .pfe-l-grid > .pfe-m-10-row { + -ms-grid-row-span: 10; + grid-row: span 10; + } + .pfe-l-grid > .pfe-m-11-row { + -ms-grid-row-span: 11; + grid-row: span 11; + } + .pfe-l-grid > .pfe-m-12-row { + -ms-grid-row-span: 12; + grid-row: span 12; + } + } + @media screen and (max-width: 0) { + .pfe-l-grid.pfe-m-all-1-col-on-xs > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 1; + grid-column-end: span 1; + } + .pfe-l-grid.pfe-m-all-2-col-on-xs > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 2; + grid-column-end: span 2; + } + .pfe-l-grid.pfe-m-all-3-col-on-xs > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 3; + grid-column-end: span 3; + } + .pfe-l-grid.pfe-m-all-4-col-on-xs > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 4; + grid-column-end: span 4; + } + .pfe-l-grid.pfe-m-all-5-col-on-xs > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 5; + grid-column-end: span 5; + } + .pfe-l-grid.pfe-m-all-6-col-on-xs > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 6; + grid-column-end: span 6; + } + .pfe-l-grid.pfe-m-all-7-col-on-xs > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 7; + grid-column-end: span 7; + } + .pfe-l-grid.pfe-m-all-8-col-on-xs > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 8; + grid-column-end: span 8; + } + .pfe-l-grid.pfe-m-all-9-col-on-xs > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 9; + grid-column-end: span 9; + } + .pfe-l-grid.pfe-m-all-10-col-on-xs > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 10; + grid-column-end: span 10; + } + .pfe-l-grid.pfe-m-all-11-col-on-xs > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 11; + grid-column-end: span 11; + } + .pfe-l-grid.pfe-m-all-12-col-on-xs > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 12; + grid-column-end: span 12; + } + .pfe-l-grid > .pfe-m-1-col-on-xs { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 1; + grid-column-end: span 1; + } + .pfe-l-grid > .pfe-m-2-col-on-xs { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 2; + grid-column-end: span 2; + } + .pfe-l-grid > .pfe-m-3-col-on-xs { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 3; + grid-column-end: span 3; + } + .pfe-l-grid > .pfe-m-4-col-on-xs { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 4; + grid-column-end: span 4; + } + .pfe-l-grid > .pfe-m-5-col-on-xs { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 5; + grid-column-end: span 5; + } + .pfe-l-grid > .pfe-m-6-col-on-xs { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 6; + grid-column-end: span 6; + } + .pfe-l-grid > .pfe-m-7-col-on-xs { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 7; + grid-column-end: span 7; + } + .pfe-l-grid > .pfe-m-8-col-on-xs { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 8; + grid-column-end: span 8; + } + .pfe-l-grid > .pfe-m-9-col-on-xs { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 9; + grid-column-end: span 9; + } + .pfe-l-grid > .pfe-m-10-col-on-xs { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 10; + grid-column-end: span 10; + } + .pfe-l-grid > .pfe-m-11-col-on-xs { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 11; + grid-column-end: span 11; + } + .pfe-l-grid > .pfe-m-12-col-on-xs { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 12; + grid-column-end: span 12; + } + .pfe-l-grid > .pfe-m-startat-1-col-on-xs { + -ms-grid-column: col-start 1; + grid-column-start: col-start 1; + } + .pfe-l-grid > .pfe-m-startat-2-col-on-xs { + -ms-grid-column: col-start 2; + grid-column-start: col-start 2; + } + .pfe-l-grid > .pfe-m-startat-3-col-on-xs { + -ms-grid-column: col-start 3; + grid-column-start: col-start 3; + } + .pfe-l-grid > .pfe-m-startat-4-col-on-xs { + -ms-grid-column: col-start 4; + grid-column-start: col-start 4; + } + .pfe-l-grid > .pfe-m-startat-5-col-on-xs { + -ms-grid-column: col-start 5; + grid-column-start: col-start 5; + } + .pfe-l-grid > .pfe-m-startat-6-col-on-xs { + -ms-grid-column: col-start 6; + grid-column-start: col-start 6; + } + .pfe-l-grid > .pfe-m-startat-7-col-on-xs { + -ms-grid-column: col-start 7; + grid-column-start: col-start 7; + } + .pfe-l-grid > .pfe-m-startat-8-col-on-xs { + -ms-grid-column: col-start 8; + grid-column-start: col-start 8; + } + .pfe-l-grid > .pfe-m-startat-9-col-on-xs { + -ms-grid-column: col-start 9; + grid-column-start: col-start 9; + } + .pfe-l-grid > .pfe-m-startat-10-col-on-xs { + -ms-grid-column: col-start 10; + grid-column-start: col-start 10; + } + .pfe-l-grid > .pfe-m-startat-11-col-on-xs { + -ms-grid-column: col-start 11; + grid-column-start: col-start 11; + } + .pfe-l-grid > .pfe-m-startat-12-col-on-xs { + -ms-grid-column: col-start 12; + grid-column-start: col-start 12; + } + .pfe-l-grid > .pfe-m-1-row-on-xs { + -ms-grid-row-span: 1; + grid-row: span 1; + } + .pfe-l-grid > .pfe-m-2-row-on-xs { + -ms-grid-row-span: 2; + grid-row: span 2; + } + .pfe-l-grid > .pfe-m-3-row-on-xs { + -ms-grid-row-span: 3; + grid-row: span 3; + } + .pfe-l-grid > .pfe-m-4-row-on-xs { + -ms-grid-row-span: 4; + grid-row: span 4; + } + .pfe-l-grid > .pfe-m-5-row-on-xs { + -ms-grid-row-span: 5; + grid-row: span 5; + } + .pfe-l-grid > .pfe-m-6-row-on-xs { + -ms-grid-row-span: 6; + grid-row: span 6; + } + .pfe-l-grid > .pfe-m-7-row-on-xs { + -ms-grid-row-span: 7; + grid-row: span 7; + } + .pfe-l-grid > .pfe-m-8-row-on-xs { + -ms-grid-row-span: 8; + grid-row: span 8; + } + .pfe-l-grid > .pfe-m-9-row-on-xs { + -ms-grid-row-span: 9; + grid-row: span 9; + } + .pfe-l-grid > .pfe-m-10-row-on-xs { + -ms-grid-row-span: 10; + grid-row: span 10; + } + .pfe-l-grid > .pfe-m-11-row-on-xs { + -ms-grid-row-span: 11; + grid-row: span 11; + } + .pfe-l-grid > .pfe-m-12-row-on-xs { + -ms-grid-row-span: 12; + grid-row: span 12; + } + } + @media screen and (min-width: 576px) { + .pfe-l-grid.pfe-m-all-1-col-on-sm > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 1; + grid-column-end: span 1; + } + .pfe-l-grid.pfe-m-all-2-col-on-sm > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 2; + grid-column-end: span 2; + } + .pfe-l-grid.pfe-m-all-3-col-on-sm > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 3; + grid-column-end: span 3; + } + .pfe-l-grid.pfe-m-all-4-col-on-sm > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 4; + grid-column-end: span 4; + } + .pfe-l-grid.pfe-m-all-5-col-on-sm > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 5; + grid-column-end: span 5; + } + .pfe-l-grid.pfe-m-all-6-col-on-sm > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 6; + grid-column-end: span 6; + } + .pfe-l-grid.pfe-m-all-7-col-on-sm > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 7; + grid-column-end: span 7; + } + .pfe-l-grid.pfe-m-all-8-col-on-sm > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 8; + grid-column-end: span 8; + } + .pfe-l-grid.pfe-m-all-9-col-on-sm > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 9; + grid-column-end: span 9; + } + .pfe-l-grid.pfe-m-all-10-col-on-sm > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 10; + grid-column-end: span 10; + } + .pfe-l-grid.pfe-m-all-11-col-on-sm > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 11; + grid-column-end: span 11; + } + .pfe-l-grid.pfe-m-all-12-col-on-sm > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 12; + grid-column-end: span 12; + } + .pfe-l-grid > .pfe-m-1-col-on-sm { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 1; + grid-column-end: span 1; + } + .pfe-l-grid > .pfe-m-2-col-on-sm { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 2; + grid-column-end: span 2; + } + .pfe-l-grid > .pfe-m-3-col-on-sm { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 3; + grid-column-end: span 3; + } + .pfe-l-grid > .pfe-m-4-col-on-sm { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 4; + grid-column-end: span 4; + } + .pfe-l-grid > .pfe-m-5-col-on-sm { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 5; + grid-column-end: span 5; + } + .pfe-l-grid > .pfe-m-6-col-on-sm { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 6; + grid-column-end: span 6; + } + .pfe-l-grid > .pfe-m-7-col-on-sm { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 7; + grid-column-end: span 7; + } + .pfe-l-grid > .pfe-m-8-col-on-sm { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 8; + grid-column-end: span 8; + } + .pfe-l-grid > .pfe-m-9-col-on-sm { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 9; + grid-column-end: span 9; + } + .pfe-l-grid > .pfe-m-10-col-on-sm { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 10; + grid-column-end: span 10; + } + .pfe-l-grid > .pfe-m-11-col-on-sm { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 11; + grid-column-end: span 11; + } + .pfe-l-grid > .pfe-m-12-col-on-sm { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 12; + grid-column-end: span 12; + } + .pfe-l-grid > .pfe-m-startat-1-col-on-sm { + -ms-grid-column: col-start 1; + grid-column-start: col-start 1; + } + .pfe-l-grid > .pfe-m-startat-2-col-on-sm { + -ms-grid-column: col-start 2; + grid-column-start: col-start 2; + } + .pfe-l-grid > .pfe-m-startat-3-col-on-sm { + -ms-grid-column: col-start 3; + grid-column-start: col-start 3; + } + .pfe-l-grid > .pfe-m-startat-4-col-on-sm { + -ms-grid-column: col-start 4; + grid-column-start: col-start 4; + } + .pfe-l-grid > .pfe-m-startat-5-col-on-sm { + -ms-grid-column: col-start 5; + grid-column-start: col-start 5; + } + .pfe-l-grid > .pfe-m-startat-6-col-on-sm { + -ms-grid-column: col-start 6; + grid-column-start: col-start 6; + } + .pfe-l-grid > .pfe-m-startat-7-col-on-sm { + -ms-grid-column: col-start 7; + grid-column-start: col-start 7; + } + .pfe-l-grid > .pfe-m-startat-8-col-on-sm { + -ms-grid-column: col-start 8; + grid-column-start: col-start 8; + } + .pfe-l-grid > .pfe-m-startat-9-col-on-sm { + -ms-grid-column: col-start 9; + grid-column-start: col-start 9; + } + .pfe-l-grid > .pfe-m-startat-10-col-on-sm { + -ms-grid-column: col-start 10; + grid-column-start: col-start 10; + } + .pfe-l-grid > .pfe-m-startat-11-col-on-sm { + -ms-grid-column: col-start 11; + grid-column-start: col-start 11; + } + .pfe-l-grid > .pfe-m-startat-12-col-on-sm { + -ms-grid-column: col-start 12; + grid-column-start: col-start 12; + } + .pfe-l-grid > .pfe-m-1-row-on-sm { + -ms-grid-row-span: 1; + grid-row: span 1; + } + .pfe-l-grid > .pfe-m-2-row-on-sm { + -ms-grid-row-span: 2; + grid-row: span 2; + } + .pfe-l-grid > .pfe-m-3-row-on-sm { + -ms-grid-row-span: 3; + grid-row: span 3; + } + .pfe-l-grid > .pfe-m-4-row-on-sm { + -ms-grid-row-span: 4; + grid-row: span 4; + } + .pfe-l-grid > .pfe-m-5-row-on-sm { + -ms-grid-row-span: 5; + grid-row: span 5; + } + .pfe-l-grid > .pfe-m-6-row-on-sm { + -ms-grid-row-span: 6; + grid-row: span 6; + } + .pfe-l-grid > .pfe-m-7-row-on-sm { + -ms-grid-row-span: 7; + grid-row: span 7; + } + .pfe-l-grid > .pfe-m-8-row-on-sm { + -ms-grid-row-span: 8; + grid-row: span 8; + } + .pfe-l-grid > .pfe-m-9-row-on-sm { + -ms-grid-row-span: 9; + grid-row: span 9; + } + .pfe-l-grid > .pfe-m-10-row-on-sm { + -ms-grid-row-span: 10; + grid-row: span 10; + } + .pfe-l-grid > .pfe-m-11-row-on-sm { + -ms-grid-row-span: 11; + grid-row: span 11; + } + .pfe-l-grid > .pfe-m-12-row-on-sm { + -ms-grid-row-span: 12; + grid-row: span 12; + } + } + @media screen and (min-width: 768px) { + .pfe-l-grid.pfe-m-all-1-col-on-md > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 1; + grid-column-end: span 1; + } + .pfe-l-grid.pfe-m-all-2-col-on-md > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 2; + grid-column-end: span 2; + } + .pfe-l-grid.pfe-m-all-3-col-on-md > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 3; + grid-column-end: span 3; + } + .pfe-l-grid.pfe-m-all-4-col-on-md > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 4; + grid-column-end: span 4; + } + .pfe-l-grid.pfe-m-all-5-col-on-md > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 5; + grid-column-end: span 5; + } + .pfe-l-grid.pfe-m-all-6-col-on-md > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 6; + grid-column-end: span 6; + } + .pfe-l-grid.pfe-m-all-7-col-on-md > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 7; + grid-column-end: span 7; + } + .pfe-l-grid.pfe-m-all-8-col-on-md > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 8; + grid-column-end: span 8; + } + .pfe-l-grid.pfe-m-all-9-col-on-md > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 9; + grid-column-end: span 9; + } + .pfe-l-grid.pfe-m-all-10-col-on-md > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 10; + grid-column-end: span 10; + } + .pfe-l-grid.pfe-m-all-11-col-on-md > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 11; + grid-column-end: span 11; + } + .pfe-l-grid.pfe-m-all-12-col-on-md > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 12; + grid-column-end: span 12; + } + .pfe-l-grid > .pfe-m-1-col-on-md { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 1; + grid-column-end: span 1; + } + .pfe-l-grid > .pfe-m-2-col-on-md { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 2; + grid-column-end: span 2; + } + .pfe-l-grid > .pfe-m-3-col-on-md { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 3; + grid-column-end: span 3; + } + .pfe-l-grid > .pfe-m-4-col-on-md { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 4; + grid-column-end: span 4; + } + .pfe-l-grid > .pfe-m-5-col-on-md { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 5; + grid-column-end: span 5; + } + .pfe-l-grid > .pfe-m-6-col-on-md { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 6; + grid-column-end: span 6; + } + .pfe-l-grid > .pfe-m-7-col-on-md { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 7; + grid-column-end: span 7; + } + .pfe-l-grid > .pfe-m-8-col-on-md { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 8; + grid-column-end: span 8; + } + .pfe-l-grid > .pfe-m-9-col-on-md { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 9; + grid-column-end: span 9; + } + .pfe-l-grid > .pfe-m-10-col-on-md { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 10; + grid-column-end: span 10; + } + .pfe-l-grid > .pfe-m-11-col-on-md { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 11; + grid-column-end: span 11; + } + .pfe-l-grid > .pfe-m-12-col-on-md { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 12; + grid-column-end: span 12; + } + .pfe-l-grid > .pfe-m-startat-1-col-on-md { + -ms-grid-column: col-start 1; + grid-column-start: col-start 1; + } + .pfe-l-grid > .pfe-m-startat-2-col-on-md { + -ms-grid-column: col-start 2; + grid-column-start: col-start 2; + } + .pfe-l-grid > .pfe-m-startat-3-col-on-md { + -ms-grid-column: col-start 3; + grid-column-start: col-start 3; + } + .pfe-l-grid > .pfe-m-startat-4-col-on-md { + -ms-grid-column: col-start 4; + grid-column-start: col-start 4; + } + .pfe-l-grid > .pfe-m-startat-5-col-on-md { + -ms-grid-column: col-start 5; + grid-column-start: col-start 5; + } + .pfe-l-grid > .pfe-m-startat-6-col-on-md { + -ms-grid-column: col-start 6; + grid-column-start: col-start 6; + } + .pfe-l-grid > .pfe-m-startat-7-col-on-md { + -ms-grid-column: col-start 7; + grid-column-start: col-start 7; + } + .pfe-l-grid > .pfe-m-startat-8-col-on-md { + -ms-grid-column: col-start 8; + grid-column-start: col-start 8; + } + .pfe-l-grid > .pfe-m-startat-9-col-on-md { + -ms-grid-column: col-start 9; + grid-column-start: col-start 9; + } + .pfe-l-grid > .pfe-m-startat-10-col-on-md { + -ms-grid-column: col-start 10; + grid-column-start: col-start 10; + } + .pfe-l-grid > .pfe-m-startat-11-col-on-md { + -ms-grid-column: col-start 11; + grid-column-start: col-start 11; + } + .pfe-l-grid > .pfe-m-startat-12-col-on-md { + -ms-grid-column: col-start 12; + grid-column-start: col-start 12; + } + .pfe-l-grid > .pfe-m-1-row-on-md { + -ms-grid-row-span: 1; + grid-row: span 1; + } + .pfe-l-grid > .pfe-m-2-row-on-md { + -ms-grid-row-span: 2; + grid-row: span 2; + } + .pfe-l-grid > .pfe-m-3-row-on-md { + -ms-grid-row-span: 3; + grid-row: span 3; + } + .pfe-l-grid > .pfe-m-4-row-on-md { + -ms-grid-row-span: 4; + grid-row: span 4; + } + .pfe-l-grid > .pfe-m-5-row-on-md { + -ms-grid-row-span: 5; + grid-row: span 5; + } + .pfe-l-grid > .pfe-m-6-row-on-md { + -ms-grid-row-span: 6; + grid-row: span 6; + } + .pfe-l-grid > .pfe-m-7-row-on-md { + -ms-grid-row-span: 7; + grid-row: span 7; + } + .pfe-l-grid > .pfe-m-8-row-on-md { + -ms-grid-row-span: 8; + grid-row: span 8; + } + .pfe-l-grid > .pfe-m-9-row-on-md { + -ms-grid-row-span: 9; + grid-row: span 9; + } + .pfe-l-grid > .pfe-m-10-row-on-md { + -ms-grid-row-span: 10; + grid-row: span 10; + } + .pfe-l-grid > .pfe-m-11-row-on-md { + -ms-grid-row-span: 11; + grid-row: span 11; + } + .pfe-l-grid > .pfe-m-12-row-on-md { + -ms-grid-row-span: 12; + grid-row: span 12; + } + } + @media screen and (min-width: 992px) { + .pfe-l-grid.pfe-m-all-1-col-on-lg > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 1; + grid-column-end: span 1; + } + .pfe-l-grid.pfe-m-all-2-col-on-lg > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 2; + grid-column-end: span 2; + } + .pfe-l-grid.pfe-m-all-3-col-on-lg > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 3; + grid-column-end: span 3; + } + .pfe-l-grid.pfe-m-all-4-col-on-lg > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 4; + grid-column-end: span 4; + } + .pfe-l-grid.pfe-m-all-5-col-on-lg > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 5; + grid-column-end: span 5; + } + .pfe-l-grid.pfe-m-all-6-col-on-lg > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 6; + grid-column-end: span 6; + } + .pfe-l-grid.pfe-m-all-7-col-on-lg > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 7; + grid-column-end: span 7; + } + .pfe-l-grid.pfe-m-all-8-col-on-lg > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 8; + grid-column-end: span 8; + } + .pfe-l-grid.pfe-m-all-9-col-on-lg > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 9; + grid-column-end: span 9; + } + .pfe-l-grid.pfe-m-all-10-col-on-lg > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 10; + grid-column-end: span 10; + } + .pfe-l-grid.pfe-m-all-11-col-on-lg > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 11; + grid-column-end: span 11; + } + .pfe-l-grid.pfe-m-all-12-col-on-lg > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 12; + grid-column-end: span 12; + } + .pfe-l-grid > .pfe-m-1-col-on-lg { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 1; + grid-column-end: span 1; + } + .pfe-l-grid > .pfe-m-2-col-on-lg { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 2; + grid-column-end: span 2; + } + .pfe-l-grid > .pfe-m-3-col-on-lg { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 3; + grid-column-end: span 3; + } + .pfe-l-grid > .pfe-m-4-col-on-lg { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 4; + grid-column-end: span 4; + } + .pfe-l-grid > .pfe-m-5-col-on-lg { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 5; + grid-column-end: span 5; + } + .pfe-l-grid > .pfe-m-6-col-on-lg { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 6; + grid-column-end: span 6; + } + .pfe-l-grid > .pfe-m-7-col-on-lg { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 7; + grid-column-end: span 7; + } + .pfe-l-grid > .pfe-m-8-col-on-lg { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 8; + grid-column-end: span 8; + } + .pfe-l-grid > .pfe-m-9-col-on-lg { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 9; + grid-column-end: span 9; + } + .pfe-l-grid > .pfe-m-10-col-on-lg { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 10; + grid-column-end: span 10; + } + .pfe-l-grid > .pfe-m-11-col-on-lg { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 11; + grid-column-end: span 11; + } + .pfe-l-grid > .pfe-m-12-col-on-lg { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 12; + grid-column-end: span 12; + } + .pfe-l-grid > .pfe-m-startat-1-col-on-lg { + -ms-grid-column: col-start 1; + grid-column-start: col-start 1; + } + .pfe-l-grid > .pfe-m-startat-2-col-on-lg { + -ms-grid-column: col-start 2; + grid-column-start: col-start 2; + } + .pfe-l-grid > .pfe-m-startat-3-col-on-lg { + -ms-grid-column: col-start 3; + grid-column-start: col-start 3; + } + .pfe-l-grid > .pfe-m-startat-4-col-on-lg { + -ms-grid-column: col-start 4; + grid-column-start: col-start 4; + } + .pfe-l-grid > .pfe-m-startat-5-col-on-lg { + -ms-grid-column: col-start 5; + grid-column-start: col-start 5; + } + .pfe-l-grid > .pfe-m-startat-6-col-on-lg { + -ms-grid-column: col-start 6; + grid-column-start: col-start 6; + } + .pfe-l-grid > .pfe-m-startat-7-col-on-lg { + -ms-grid-column: col-start 7; + grid-column-start: col-start 7; + } + .pfe-l-grid > .pfe-m-startat-8-col-on-lg { + -ms-grid-column: col-start 8; + grid-column-start: col-start 8; + } + .pfe-l-grid > .pfe-m-startat-9-col-on-lg { + -ms-grid-column: col-start 9; + grid-column-start: col-start 9; + } + .pfe-l-grid > .pfe-m-startat-10-col-on-lg { + -ms-grid-column: col-start 10; + grid-column-start: col-start 10; + } + .pfe-l-grid > .pfe-m-startat-11-col-on-lg { + -ms-grid-column: col-start 11; + grid-column-start: col-start 11; + } + .pfe-l-grid > .pfe-m-startat-12-col-on-lg { + -ms-grid-column: col-start 12; + grid-column-start: col-start 12; + } + .pfe-l-grid > .pfe-m-1-row-on-lg { + -ms-grid-row-span: 1; + grid-row: span 1; + } + .pfe-l-grid > .pfe-m-2-row-on-lg { + -ms-grid-row-span: 2; + grid-row: span 2; + } + .pfe-l-grid > .pfe-m-3-row-on-lg { + -ms-grid-row-span: 3; + grid-row: span 3; + } + .pfe-l-grid > .pfe-m-4-row-on-lg { + -ms-grid-row-span: 4; + grid-row: span 4; + } + .pfe-l-grid > .pfe-m-5-row-on-lg { + -ms-grid-row-span: 5; + grid-row: span 5; + } + .pfe-l-grid > .pfe-m-6-row-on-lg { + -ms-grid-row-span: 6; + grid-row: span 6; + } + .pfe-l-grid > .pfe-m-7-row-on-lg { + -ms-grid-row-span: 7; + grid-row: span 7; + } + .pfe-l-grid > .pfe-m-8-row-on-lg { + -ms-grid-row-span: 8; + grid-row: span 8; + } + .pfe-l-grid > .pfe-m-9-row-on-lg { + -ms-grid-row-span: 9; + grid-row: span 9; + } + .pfe-l-grid > .pfe-m-10-row-on-lg { + -ms-grid-row-span: 10; + grid-row: span 10; + } + .pfe-l-grid > .pfe-m-11-row-on-lg { + -ms-grid-row-span: 11; + grid-row: span 11; + } + .pfe-l-grid > .pfe-m-12-row-on-lg { + -ms-grid-row-span: 12; + grid-row: span 12; + } + } + @media screen and (min-width: 1200px) { + .pfe-l-grid.pfe-m-all-1-col-on-xl > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 1; + grid-column-end: span 1; + } + .pfe-l-grid.pfe-m-all-2-col-on-xl > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 2; + grid-column-end: span 2; + } + .pfe-l-grid.pfe-m-all-3-col-on-xl > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 3; + grid-column-end: span 3; + } + .pfe-l-grid.pfe-m-all-4-col-on-xl > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 4; + grid-column-end: span 4; + } + .pfe-l-grid.pfe-m-all-5-col-on-xl > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 5; + grid-column-end: span 5; + } + .pfe-l-grid.pfe-m-all-6-col-on-xl > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 6; + grid-column-end: span 6; + } + .pfe-l-grid.pfe-m-all-7-col-on-xl > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 7; + grid-column-end: span 7; + } + .pfe-l-grid.pfe-m-all-8-col-on-xl > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 8; + grid-column-end: span 8; + } + .pfe-l-grid.pfe-m-all-9-col-on-xl > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 9; + grid-column-end: span 9; + } + .pfe-l-grid.pfe-m-all-10-col-on-xl > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 10; + grid-column-end: span 10; + } + .pfe-l-grid.pfe-m-all-11-col-on-xl > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 11; + grid-column-end: span 11; + } + .pfe-l-grid.pfe-m-all-12-col-on-xl > * { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 12; + grid-column-end: span 12; + } + .pfe-l-grid > .pfe-m-1-col-on-xl { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 1; + grid-column-end: span 1; + } + .pfe-l-grid > .pfe-m-2-col-on-xl { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 2; + grid-column-end: span 2; + } + .pfe-l-grid > .pfe-m-3-col-on-xl { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 3; + grid-column-end: span 3; + } + .pfe-l-grid > .pfe-m-4-col-on-xl { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 4; + grid-column-end: span 4; + } + .pfe-l-grid > .pfe-m-5-col-on-xl { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 5; + grid-column-end: span 5; + } + .pfe-l-grid > .pfe-m-6-col-on-xl { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 6; + grid-column-end: span 6; + } + .pfe-l-grid > .pfe-m-7-col-on-xl { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 7; + grid-column-end: span 7; + } + .pfe-l-grid > .pfe-m-8-col-on-xl { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 8; + grid-column-end: span 8; + } + .pfe-l-grid > .pfe-m-9-col-on-xl { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 9; + grid-column-end: span 9; + } + .pfe-l-grid > .pfe-m-10-col-on-xl { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 10; + grid-column-end: span 10; + } + .pfe-l-grid > .pfe-m-11-col-on-xl { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 11; + grid-column-end: span 11; + } + .pfe-l-grid > .pfe-m-12-col-on-xl { + width: auto; + -ms-grid-column: auto; + grid-column-start: auto; + -ms-grid-column-span: 12; + grid-column-end: span 12; + } + .pfe-l-grid > .pfe-m-startat-1-col-on-xl { + -ms-grid-column: col-start 1; + grid-column-start: col-start 1; + } + .pfe-l-grid > .pfe-m-startat-2-col-on-xl { + -ms-grid-column: col-start 2; + grid-column-start: col-start 2; + } + .pfe-l-grid > .pfe-m-startat-3-col-on-xl { + -ms-grid-column: col-start 3; + grid-column-start: col-start 3; + } + .pfe-l-grid > .pfe-m-startat-4-col-on-xl { + -ms-grid-column: col-start 4; + grid-column-start: col-start 4; + } + .pfe-l-grid > .pfe-m-startat-5-col-on-xl { + -ms-grid-column: col-start 5; + grid-column-start: col-start 5; + } + .pfe-l-grid > .pfe-m-startat-6-col-on-xl { + -ms-grid-column: col-start 6; + grid-column-start: col-start 6; + } + .pfe-l-grid > .pfe-m-startat-7-col-on-xl { + -ms-grid-column: col-start 7; + grid-column-start: col-start 7; + } + .pfe-l-grid > .pfe-m-startat-8-col-on-xl { + -ms-grid-column: col-start 8; + grid-column-start: col-start 8; + } + .pfe-l-grid > .pfe-m-startat-9-col-on-xl { + -ms-grid-column: col-start 9; + grid-column-start: col-start 9; + } + .pfe-l-grid > .pfe-m-startat-10-col-on-xl { + -ms-grid-column: col-start 10; + grid-column-start: col-start 10; + } + .pfe-l-grid > .pfe-m-startat-11-col-on-xl { + -ms-grid-column: col-start 11; + grid-column-start: col-start 11; + } + .pfe-l-grid > .pfe-m-startat-12-col-on-xl { + -ms-grid-column: col-start 12; + grid-column-start: col-start 12; + } + .pfe-l-grid > .pfe-m-1-row-on-xl { + -ms-grid-row-span: 1; + grid-row: span 1; + } + .pfe-l-grid > .pfe-m-2-row-on-xl { + -ms-grid-row-span: 2; + grid-row: span 2; + } + .pfe-l-grid > .pfe-m-3-row-on-xl { + -ms-grid-row-span: 3; + grid-row: span 3; + } + .pfe-l-grid > .pfe-m-4-row-on-xl { + -ms-grid-row-span: 4; + grid-row: span 4; + } + .pfe-l-grid > .pfe-m-5-row-on-xl { + -ms-grid-row-span: 5; + grid-row: span 5; + } + .pfe-l-grid > .pfe-m-6-row-on-xl { + -ms-grid-row-span: 6; + grid-row: span 6; + } + .pfe-l-grid > .pfe-m-7-row-on-xl { + -ms-grid-row-span: 7; + grid-row: span 7; + } + .pfe-l-grid > .pfe-m-8-row-on-xl { + -ms-grid-row-span: 8; + grid-row: span 8; + } + .pfe-l-grid > .pfe-m-9-row-on-xl { + -ms-grid-row-span: 9; + grid-row: span 9; + } + .pfe-l-grid > .pfe-m-10-row-on-xl { + -ms-grid-row-span: 10; + grid-row: span 10; + } + .pfe-l-grid > .pfe-m-11-row-on-xl { + -ms-grid-row-span: 11; + grid-row: span 11; + } + .pfe-l-grid > .pfe-m-12-row-on-xl { + -ms-grid-row-span: 12; + grid-row: span 12; + } + } + .pfe-l-grid.pfe-m-gutters { + grid-gap: 16px; + margin: 0; + } + .pfe-l-grid.pfe-m-gutters > * { + margin: 0; + } +} + +.pfe-l-bullseye { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + height: 100%; + padding: 16px; + padding: var(--pfe-theme--container-spacer, 16px); + margin: 0; +} + +/*# sourceMappingURL=pfe-layouts.css.map */ diff --git a/elements/pfe-styles/dist/pfe-layouts.css.map b/elements/pfe-styles/dist/pfe-layouts.css.map new file mode 100644 index 0000000000..6c8dd3f75c --- /dev/null +++ b/elements/pfe-styles/dist/pfe-layouts.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["layouts/_alignments.scss","pfe-layouts.css","layouts/_grid.scss","layouts/_bullseye.scss"],"names":[],"mappings":"AAEA;EACE,gBAAgB;ACDlB;;ADIA;EACE,kBAAkB;ACDpB;;ADIA;EACE,iBAAiB;ACDnB;;AC6GA;EACE,8BAAsB;UAAtB,sBAAsB;EACtB,oBAAa;EAAb,qBAAa;EAAb,oBAAa;EAAb,aAAa;EACb,uBAAe;MAAf,mBAAe;UAAf,eAAe;AD1GjB;;ACuGA;EAOI,8BAAsB;UAAtB,sBAAsB;EACtB,WAAW;EACX,cAAc;AD1GlB;;ACII;EAqEE;IAEE,4BAAyC;EDtE/C;ECoEI;IAEE,6BAAyC;EDnE/C;ECiEI;IAEE,uBAAyC;EDhE/C;EC8DI;IAEE,6BAAyC;ED7D/C;EC2DI;IAEE,6BAAyC;ED1D/C;ECwDI;IAEE,uBAAyC;EDvD/C;ECqDI;IAEE,6BAAyC;EDpD/C;ECkDI;IAEE,6BAAyC;EDjD/C;EC+CI;IAEE,uBAAyC;ED9C/C;EC4CI;IAEE,6BAAyC;ED3C/C;ECyCI;IAEE,6BAAyC;EDxC/C;ECsCI;IAEE,wBAAyC;EDrC/C;ECNE;IAEE,4BAAyC;EDO7C;ECTE;IAEE,6BAAyC;EDU7C;ECZE;IAEE,uBAAyC;EDa7C;ECfE;IAEE,6BAAyC;EDgB7C;EClBE;IAEE,6BAAyC;EDmB7C;ECrBE;IAEE,uBAAyC;EDsB7C;ECxBE;IAEE,6BAAyC;EDyB7C;EC3BE;IAEE,6BAAyC;ED4B7C;EC9BE;IAEE,uBAAyC;ED+B7C;ECjCE;IAEE,6BAAyC;EDkC7C;ECpCE;IAEE,6BAAyC;EDqC7C;ECvCE;IAEE,wBAAyC;EDwC7C;AACF;;AC5EI;EA0EE;IAEE,4BAAyC;EDK/C;ECPI;IAEE,6BAAyC;EDQ/C;ECVI;IAEE,uBAAyC;EDW/C;ECbI;IAEE,6BAAyC;EDc/C;EChBI;IAEE,6BAAyC;EDiB/C;ECnBI;IAEE,uBAAyC;EDoB/C;ECtBI;IAEE,6BAAyC;EDuB/C;ECzBI;IAEE,6BAAyC;ED0B/C;EC5BI;IAEE,uBAAyC;ED6B/C;EC/BI;IAEE,6BAAyC;EDgC/C;EClCI;IAEE,6BAAyC;EDmC/C;ECrCI;IAEE,wBAAyC;EDsC/C;ECjFE;IAEE,4BAAyC;EDkF7C;ECpFE;IAEE,6BAAyC;EDqF7C;ECvFE;IAEE,uBAAyC;EDwF7C;EC1FE;IAEE,6BAAyC;ED2F7C;EC7FE;IAEE,6BAAyC;ED8F7C;EChGE;IAEE,uBAAyC;EDiG7C;ECnGE;IAEE,6BAAyC;EDoG7C;ECtGE;IAEE,6BAAyC;EDuG7C;ECzGE;IAEE,uBAAyC;ED0G7C;EC5GE;IAEE,6BAAyC;ED6G7C;EC/GE;IAEE,6BAAyC;EDgH7C;EClHE;IAEE,wBAAyC;EDmH7C;AACF;;AClJI;EAqEE;IAEE,4BAAyC;EDgF/C;EClFI;IAEE,6BAAyC;EDmF/C;ECrFI;IAEE,uBAAyC;EDsF/C;ECxFI;IAEE,6BAAyC;EDyF/C;EC3FI;IAEE,6BAAyC;ED4F/C;EC9FI;IAEE,uBAAyC;ED+F/C;ECjGI;IAEE,6BAAyC;EDkG/C;ECpGI;IAEE,6BAAyC;EDqG/C;ECvGI;IAEE,uBAAyC;EDwG/C;EC1GI;IAEE,6BAAyC;ED2G/C;EC7GI;IAEE,6BAAyC;ED8G/C;EChHI;IAEE,wBAAyC;EDiH/C;EC5JE;IAEE,4BAAyC;ED6J7C;EC/JE;IAEE,6BAAyC;EDgK7C;EClKE;IAEE,uBAAyC;EDmK7C;ECrKE;IAEE,6BAAyC;EDsK7C;ECxKE;IAEE,6BAAyC;EDyK7C;EC3KE;IAEE,uBAAyC;ED4K7C;EC9KE;IAEE,6BAAyC;ED+K7C;ECjLE;IAEE,6BAAyC;EDkL7C;ECpLE;IAEE,uBAAyC;EDqL7C;ECvLE;IAEE,6BAAyC;EDwL7C;EC1LE;IAEE,6BAAyC;ED2L7C;EC7LE;IAEE,wBAAyC;ED8L7C;AACF;;ACxNI;EAgEE;IAEE,4BAAyC;ED2J/C;EC7JI;IAEE,6BAAyC;ED8J/C;EChKI;IAEE,uBAAyC;EDiK/C;ECnKI;IAEE,6BAAyC;EDoK/C;ECtKI;IAEE,6BAAyC;EDuK/C;ECzKI;IAEE,uBAAyC;ED0K/C;EC5KI;IAEE,6BAAyC;ED6K/C;EC/KI;IAEE,6BAAyC;EDgL/C;EClLI;IAEE,uBAAyC;EDmL/C;ECrLI;IAEE,6BAAyC;EDsL/C;ECxLI;IAEE,6BAAyC;EDyL/C;EC3LI;IAEE,wBAAyC;ED4L/C;ECvOE;IAEE,4BAAyC;EDwO7C;EC1OE;IAEE,6BAAyC;ED2O7C;EC7OE;IAEE,uBAAyC;ED8O7C;EChPE;IAEE,6BAAyC;EDiP7C;ECnPE;IAEE,6BAAyC;EDoP7C;ECtPE;IAEE,uBAAyC;EDuP7C;ECzPE;IAEE,6BAAyC;ED0P7C;EC5PE;IAEE,6BAAyC;ED6P7C;EC/PE;IAEE,uBAAyC;EDgQ7C;EClQE;IAEE,6BAAyC;EDmQ7C;ECrQE;IAEE,6BAAyC;EDsQ7C;ECxQE;IAEE,wBAAyC;EDyQ7C;AACF;;AC9RI;EA2DE;IAEE,4BAAyC;EDsO/C;ECxOI;IAEE,6BAAyC;EDyO/C;EC3OI;IAEE,uBAAyC;ED4O/C;EC9OI;IAEE,6BAAyC;ED+O/C;ECjPI;IAEE,6BAAyC;EDkP/C;ECpPI;IAEE,uBAAyC;EDqP/C;ECvPI;IAEE,6BAAyC;EDwP/C;EC1PI;IAEE,6BAAyC;ED2P/C;EC7PI;IAEE,uBAAyC;ED8P/C;EChQI;IAEE,6BAAyC;EDiQ/C;ECnQI;IAEE,6BAAyC;EDoQ/C;ECtQI;IAEE,wBAAyC;EDuQ/C;EClTE;IAEE,4BAAyC;EDmT7C;ECrTE;IAEE,6BAAyC;EDsT7C;ECxTE;IAEE,uBAAyC;EDyT7C;EC3TE;IAEE,6BAAyC;ED4T7C;EC9TE;IAEE,6BAAyC;ED+T7C;ECjUE;IAEE,uBAAyC;EDkU7C;ECpUE;IAEE,6BAAyC;EDqU7C;ECvUE;IAEE,6BAAyC;EDwU7C;EC1UE;IAEE,uBAAyC;ED2U7C;EC7UE;IAEE,6BAAyC;ED8U7C;EChVE;IAEE,6BAAyC;EDiV7C;ECnVE;IAEE,wBAAyC;EDoV7C;AACF;;ACpWI;EAsDE;IAEE,4BAAyC;EDiT/C;ECnTI;IAEE,6BAAyC;EDoT/C;ECtTI;IAEE,uBAAyC;EDuT/C;ECzTI;IAEE,6BAAyC;ED0T/C;EC5TI;IAEE,6BAAyC;ED6T/C;EC/TI;IAEE,uBAAyC;EDgU/C;EClUI;IAEE,6BAAyC;EDmU/C;ECrUI;IAEE,6BAAyC;EDsU/C;ECxUI;IAEE,uBAAyC;EDyU/C;EC3UI;IAEE,6BAAyC;ED4U/C;EC9UI;IAEE,6BAAyC;ED+U/C;ECjVI;IAEE,wBAAyC;EDkV/C;EC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","file":"pfe-layouts.css","sourcesContent":["// Text Alignment Helpers\n\n.pfe-l--text-align--left {\n text-align: left;\n}\n\n.pfe-l--text-align--center {\n text-align: center;\n}\n\n.pfe-l--text-align--right {\n text-align: right;\n}\n",".pfe-l--text-align--left {\n text-align: left;\n}\n\n.pfe-l--text-align--center {\n text-align: center;\n}\n\n.pfe-l--text-align--right {\n text-align: right;\n}\n\n.pfe-l-grid {\n box-sizing: border-box;\n display: flex;\n flex-wrap: wrap;\n}\n\n.pfe-l-grid > *, .pfe-l-grid__item {\n box-sizing: border-box;\n width: 100%;\n margin: 0 auto;\n}\n\n@media screen and (min-width: 576px) {\n .pfe-l-grid.pfe-m-all-1-col > * {\n width: calc(8.33333% - 16px);\n }\n .pfe-l-grid.pfe-m-all-2-col > * {\n width: calc(16.66667% - 16px);\n }\n .pfe-l-grid.pfe-m-all-3-col > * {\n width: calc(25% - 16px);\n }\n .pfe-l-grid.pfe-m-all-4-col > * {\n width: calc(33.33333% - 16px);\n }\n .pfe-l-grid.pfe-m-all-5-col > * {\n width: calc(41.66667% - 16px);\n }\n .pfe-l-grid.pfe-m-all-6-col > * {\n width: calc(50% - 16px);\n }\n .pfe-l-grid.pfe-m-all-7-col > * {\n width: calc(58.33333% - 16px);\n }\n .pfe-l-grid.pfe-m-all-8-col > * {\n width: calc(66.66667% - 16px);\n }\n .pfe-l-grid.pfe-m-all-9-col > * {\n width: calc(75% - 16px);\n }\n .pfe-l-grid.pfe-m-all-10-col > * {\n width: calc(83.33333% - 16px);\n }\n .pfe-l-grid.pfe-m-all-11-col > * {\n width: calc(91.66667% - 16px);\n }\n .pfe-l-grid.pfe-m-all-12-col > * {\n width: calc(100% - 16px);\n }\n .pfe-l-grid > .pfe-m-1-col {\n width: calc(8.33333% - 16px);\n }\n .pfe-l-grid > .pfe-m-2-col {\n width: calc(16.66667% - 16px);\n }\n .pfe-l-grid > .pfe-m-3-col {\n width: calc(25% - 16px);\n }\n .pfe-l-grid > .pfe-m-4-col {\n width: calc(33.33333% - 16px);\n }\n .pfe-l-grid > .pfe-m-5-col {\n width: calc(41.66667% - 16px);\n }\n .pfe-l-grid > .pfe-m-6-col {\n width: calc(50% - 16px);\n }\n .pfe-l-grid > .pfe-m-7-col {\n width: calc(58.33333% - 16px);\n }\n .pfe-l-grid > .pfe-m-8-col {\n width: calc(66.66667% - 16px);\n }\n .pfe-l-grid > .pfe-m-9-col {\n width: calc(75% - 16px);\n }\n .pfe-l-grid > .pfe-m-10-col {\n width: calc(83.33333% - 16px);\n }\n .pfe-l-grid > .pfe-m-11-col {\n width: calc(91.66667% - 16px);\n }\n .pfe-l-grid > .pfe-m-12-col {\n width: calc(100% - 16px);\n }\n}\n\n@media screen and (max-width: 0) {\n .pfe-l-grid.pfe-m-all-1-col-on-xs > * {\n width: calc(8.33333% - 16px);\n }\n .pfe-l-grid.pfe-m-all-2-col-on-xs > * {\n width: calc(16.66667% - 16px);\n }\n .pfe-l-grid.pfe-m-all-3-col-on-xs > * {\n width: calc(25% - 16px);\n }\n .pfe-l-grid.pfe-m-all-4-col-on-xs > * {\n width: calc(33.33333% - 16px);\n }\n .pfe-l-grid.pfe-m-all-5-col-on-xs > * {\n width: calc(41.66667% - 16px);\n }\n .pfe-l-grid.pfe-m-all-6-col-on-xs > * {\n width: calc(50% - 16px);\n }\n .pfe-l-grid.pfe-m-all-7-col-on-xs > * {\n width: calc(58.33333% - 16px);\n }\n .pfe-l-grid.pfe-m-all-8-col-on-xs > * {\n width: calc(66.66667% - 16px);\n }\n .pfe-l-grid.pfe-m-all-9-col-on-xs > * {\n width: calc(75% - 16px);\n }\n .pfe-l-grid.pfe-m-all-10-col-on-xs > * {\n width: calc(83.33333% - 16px);\n }\n .pfe-l-grid.pfe-m-all-11-col-on-xs > * {\n width: calc(91.66667% - 16px);\n }\n .pfe-l-grid.pfe-m-all-12-col-on-xs > * {\n width: calc(100% - 16px);\n }\n .pfe-l-grid > .pfe-m-1-col-on-xs {\n width: calc(8.33333% - 16px);\n }\n .pfe-l-grid > .pfe-m-2-col-on-xs {\n width: calc(16.66667% - 16px);\n }\n .pfe-l-grid > .pfe-m-3-col-on-xs {\n width: calc(25% - 16px);\n }\n .pfe-l-grid > .pfe-m-4-col-on-xs {\n width: calc(33.33333% - 16px);\n }\n .pfe-l-grid > .pfe-m-5-col-on-xs {\n width: calc(41.66667% - 16px);\n }\n .pfe-l-grid > .pfe-m-6-col-on-xs {\n width: calc(50% - 16px);\n }\n .pfe-l-grid > .pfe-m-7-col-on-xs {\n width: calc(58.33333% - 16px);\n }\n .pfe-l-grid > .pfe-m-8-col-on-xs {\n width: calc(66.66667% - 16px);\n }\n .pfe-l-grid > .pfe-m-9-col-on-xs {\n width: calc(75% - 16px);\n }\n .pfe-l-grid > .pfe-m-10-col-on-xs {\n width: calc(83.33333% - 16px);\n }\n .pfe-l-grid > .pfe-m-11-col-on-xs {\n width: calc(91.66667% - 16px);\n }\n .pfe-l-grid > .pfe-m-12-col-on-xs {\n width: calc(100% - 16px);\n }\n}\n\n@media screen and (min-width: 576px) {\n .pfe-l-grid.pfe-m-all-1-col-on-sm > * {\n width: calc(8.33333% - 16px);\n }\n .pfe-l-grid.pfe-m-all-2-col-on-sm > * {\n width: calc(16.66667% - 16px);\n }\n .pfe-l-grid.pfe-m-all-3-col-on-sm > * {\n width: calc(25% - 16px);\n }\n .pfe-l-grid.pfe-m-all-4-col-on-sm > * {\n width: calc(33.33333% - 16px);\n }\n .pfe-l-grid.pfe-m-all-5-col-on-sm > * {\n width: calc(41.66667% - 16px);\n }\n .pfe-l-grid.pfe-m-all-6-col-on-sm > * {\n width: calc(50% - 16px);\n }\n .pfe-l-grid.pfe-m-all-7-col-on-sm > * {\n width: calc(58.33333% - 16px);\n }\n .pfe-l-grid.pfe-m-all-8-col-on-sm > * {\n width: calc(66.66667% - 16px);\n }\n .pfe-l-grid.pfe-m-all-9-col-on-sm > * {\n width: calc(75% - 16px);\n }\n .pfe-l-grid.pfe-m-all-10-col-on-sm > * {\n width: calc(83.33333% - 16px);\n }\n .pfe-l-grid.pfe-m-all-11-col-on-sm > * {\n width: calc(91.66667% - 16px);\n }\n .pfe-l-grid.pfe-m-all-12-col-on-sm > * {\n width: calc(100% - 16px);\n }\n .pfe-l-grid > .pfe-m-1-col-on-sm {\n width: calc(8.33333% - 16px);\n }\n .pfe-l-grid > .pfe-m-2-col-on-sm {\n width: calc(16.66667% - 16px);\n }\n .pfe-l-grid > .pfe-m-3-col-on-sm {\n width: calc(25% - 16px);\n }\n .pfe-l-grid > .pfe-m-4-col-on-sm {\n width: calc(33.33333% - 16px);\n }\n .pfe-l-grid > .pfe-m-5-col-on-sm {\n width: calc(41.66667% - 16px);\n }\n .pfe-l-grid > .pfe-m-6-col-on-sm {\n width: calc(50% - 16px);\n }\n .pfe-l-grid > .pfe-m-7-col-on-sm {\n width: calc(58.33333% - 16px);\n }\n .pfe-l-grid > .pfe-m-8-col-on-sm {\n width: calc(66.66667% - 16px);\n }\n .pfe-l-grid > .pfe-m-9-col-on-sm {\n width: calc(75% - 16px);\n }\n .pfe-l-grid > .pfe-m-10-col-on-sm {\n width: calc(83.33333% - 16px);\n }\n .pfe-l-grid > .pfe-m-11-col-on-sm {\n width: calc(91.66667% - 16px);\n }\n .pfe-l-grid > .pfe-m-12-col-on-sm {\n width: calc(100% - 16px);\n }\n}\n\n@media screen and (min-width: 768px) {\n .pfe-l-grid.pfe-m-all-1-col-on-md > * {\n width: calc(8.33333% - 16px);\n }\n .pfe-l-grid.pfe-m-all-2-col-on-md > * {\n width: calc(16.66667% - 16px);\n }\n .pfe-l-grid.pfe-m-all-3-col-on-md > * {\n width: calc(25% - 16px);\n }\n .pfe-l-grid.pfe-m-all-4-col-on-md > * {\n width: calc(33.33333% - 16px);\n }\n .pfe-l-grid.pfe-m-all-5-col-on-md > * {\n width: calc(41.66667% - 16px);\n }\n .pfe-l-grid.pfe-m-all-6-col-on-md > * {\n width: calc(50% - 16px);\n }\n .pfe-l-grid.pfe-m-all-7-col-on-md > * {\n width: calc(58.33333% - 16px);\n }\n .pfe-l-grid.pfe-m-all-8-col-on-md > * {\n width: calc(66.66667% - 16px);\n }\n .pfe-l-grid.pfe-m-all-9-col-on-md > * {\n width: calc(75% - 16px);\n }\n .pfe-l-grid.pfe-m-all-10-col-on-md > * {\n width: calc(83.33333% - 16px);\n }\n .pfe-l-grid.pfe-m-all-11-col-on-md > * {\n width: calc(91.66667% - 16px);\n }\n .pfe-l-grid.pfe-m-all-12-col-on-md > * {\n width: calc(100% - 16px);\n }\n .pfe-l-grid > .pfe-m-1-col-on-md {\n width: calc(8.33333% - 16px);\n }\n .pfe-l-grid > .pfe-m-2-col-on-md {\n width: calc(16.66667% - 16px);\n }\n .pfe-l-grid > .pfe-m-3-col-on-md {\n width: calc(25% - 16px);\n }\n .pfe-l-grid > .pfe-m-4-col-on-md {\n width: calc(33.33333% - 16px);\n }\n .pfe-l-grid > .pfe-m-5-col-on-md {\n width: calc(41.66667% - 16px);\n }\n .pfe-l-grid > .pfe-m-6-col-on-md {\n width: calc(50% - 16px);\n }\n .pfe-l-grid > .pfe-m-7-col-on-md {\n width: calc(58.33333% - 16px);\n }\n .pfe-l-grid > .pfe-m-8-col-on-md {\n width: calc(66.66667% - 16px);\n }\n .pfe-l-grid > .pfe-m-9-col-on-md {\n width: calc(75% - 16px);\n }\n .pfe-l-grid > .pfe-m-10-col-on-md {\n width: calc(83.33333% - 16px);\n }\n .pfe-l-grid > .pfe-m-11-col-on-md {\n width: calc(91.66667% - 16px);\n }\n .pfe-l-grid > .pfe-m-12-col-on-md {\n width: calc(100% - 16px);\n }\n}\n\n@media screen and (min-width: 992px) {\n .pfe-l-grid.pfe-m-all-1-col-on-lg > * {\n width: calc(8.33333% - 16px);\n }\n .pfe-l-grid.pfe-m-all-2-col-on-lg > * {\n width: calc(16.66667% - 16px);\n }\n .pfe-l-grid.pfe-m-all-3-col-on-lg > * {\n width: calc(25% - 16px);\n }\n .pfe-l-grid.pfe-m-all-4-col-on-lg > * {\n width: calc(33.33333% - 16px);\n }\n .pfe-l-grid.pfe-m-all-5-col-on-lg > * {\n width: calc(41.66667% - 16px);\n }\n .pfe-l-grid.pfe-m-all-6-col-on-lg > * {\n width: calc(50% - 16px);\n }\n .pfe-l-grid.pfe-m-all-7-col-on-lg > * {\n width: calc(58.33333% - 16px);\n }\n .pfe-l-grid.pfe-m-all-8-col-on-lg > * {\n width: calc(66.66667% - 16px);\n }\n .pfe-l-grid.pfe-m-all-9-col-on-lg > * {\n width: calc(75% - 16px);\n }\n .pfe-l-grid.pfe-m-all-10-col-on-lg > * {\n width: calc(83.33333% - 16px);\n }\n .pfe-l-grid.pfe-m-all-11-col-on-lg > * {\n width: calc(91.66667% - 16px);\n }\n .pfe-l-grid.pfe-m-all-12-col-on-lg > * {\n width: calc(100% - 16px);\n }\n .pfe-l-grid > .pfe-m-1-col-on-lg {\n width: calc(8.33333% - 16px);\n }\n .pfe-l-grid > .pfe-m-2-col-on-lg {\n width: calc(16.66667% - 16px);\n }\n .pfe-l-grid > .pfe-m-3-col-on-lg {\n width: calc(25% - 16px);\n }\n .pfe-l-grid > .pfe-m-4-col-on-lg {\n width: calc(33.33333% - 16px);\n }\n .pfe-l-grid > .pfe-m-5-col-on-lg {\n width: calc(41.66667% - 16px);\n }\n .pfe-l-grid > .pfe-m-6-col-on-lg {\n width: calc(50% - 16px);\n }\n .pfe-l-grid > .pfe-m-7-col-on-lg {\n width: calc(58.33333% - 16px);\n }\n .pfe-l-grid > .pfe-m-8-col-on-lg {\n width: calc(66.66667% - 16px);\n }\n .pfe-l-grid > .pfe-m-9-col-on-lg {\n width: calc(75% - 16px);\n }\n .pfe-l-grid > .pfe-m-10-col-on-lg {\n width: calc(83.33333% - 16px);\n }\n .pfe-l-grid > .pfe-m-11-col-on-lg {\n width: calc(91.66667% - 16px);\n }\n .pfe-l-grid > .pfe-m-12-col-on-lg {\n width: calc(100% - 16px);\n }\n}\n\n@media screen and (min-width: 1200px) {\n .pfe-l-grid.pfe-m-all-1-col-on-xl > * {\n width: calc(8.33333% - 16px);\n }\n .pfe-l-grid.pfe-m-all-2-col-on-xl > * {\n width: calc(16.66667% - 16px);\n }\n .pfe-l-grid.pfe-m-all-3-col-on-xl > * {\n width: calc(25% - 16px);\n }\n .pfe-l-grid.pfe-m-all-4-col-on-xl > * {\n width: calc(33.33333% - 16px);\n }\n .pfe-l-grid.pfe-m-all-5-col-on-xl > * {\n width: calc(41.66667% - 16px);\n }\n .pfe-l-grid.pfe-m-all-6-col-on-xl > * {\n width: calc(50% - 16px);\n }\n .pfe-l-grid.pfe-m-all-7-col-on-xl > * {\n width: calc(58.33333% - 16px);\n }\n .pfe-l-grid.pfe-m-all-8-col-on-xl > * {\n width: calc(66.66667% - 16px);\n }\n .pfe-l-grid.pfe-m-all-9-col-on-xl > * {\n width: calc(75% - 16px);\n }\n .pfe-l-grid.pfe-m-all-10-col-on-xl > * {\n width: calc(83.33333% - 16px);\n }\n .pfe-l-grid.pfe-m-all-11-col-on-xl > * {\n width: calc(91.66667% - 16px);\n }\n .pfe-l-grid.pfe-m-all-12-col-on-xl > * {\n width: calc(100% - 16px);\n }\n .pfe-l-grid > .pfe-m-1-col-on-xl {\n width: calc(8.33333% - 16px);\n }\n .pfe-l-grid > .pfe-m-2-col-on-xl {\n width: calc(16.66667% - 16px);\n }\n .pfe-l-grid > .pfe-m-3-col-on-xl {\n width: calc(25% - 16px);\n }\n .pfe-l-grid > .pfe-m-4-col-on-xl {\n width: calc(33.33333% - 16px);\n }\n .pfe-l-grid > .pfe-m-5-col-on-xl {\n width: calc(41.66667% - 16px);\n }\n .pfe-l-grid > .pfe-m-6-col-on-xl {\n width: calc(50% - 16px);\n }\n .pfe-l-grid > .pfe-m-7-col-on-xl {\n width: calc(58.33333% - 16px);\n }\n .pfe-l-grid > .pfe-m-8-col-on-xl {\n width: calc(66.66667% - 16px);\n }\n .pfe-l-grid > .pfe-m-9-col-on-xl {\n width: calc(75% - 16px);\n }\n .pfe-l-grid > .pfe-m-10-col-on-xl {\n width: calc(83.33333% - 16px);\n }\n .pfe-l-grid > .pfe-m-11-col-on-xl {\n width: calc(91.66667% - 16px);\n }\n .pfe-l-grid > .pfe-m-12-col-on-xl {\n width: calc(100% - 16px);\n }\n}\n\n.pfe-l-grid.pfe-m-gutters {\n margin: calc(8px * -1);\n}\n\n.pfe-l-grid.pfe-m-gutters > * {\n margin: 8px;\n}\n\n@supports (display: grid) {\n .pfe-l-grid {\n display: grid;\n grid-template-columns: repeat(12, [col-start] 1fr);\n }\n .pfe-l-grid > *, .pfe-l-grid__item {\n width: auto;\n margin: 0;\n grid-column-start: auto;\n grid-column-end: span 12;\n }\n .pfe-l-grid.pfe-l-grid-fill-height {\n height: 100%;\n }\n @media screen and (min-width: 576px) {\n .pfe-l-grid.pfe-m-all-1-col > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 1;\n }\n .pfe-l-grid.pfe-m-all-2-col > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 2;\n }\n .pfe-l-grid.pfe-m-all-3-col > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 3;\n }\n .pfe-l-grid.pfe-m-all-4-col > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 4;\n }\n .pfe-l-grid.pfe-m-all-5-col > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 5;\n }\n .pfe-l-grid.pfe-m-all-6-col > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 6;\n }\n .pfe-l-grid.pfe-m-all-7-col > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 7;\n }\n .pfe-l-grid.pfe-m-all-8-col > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 8;\n }\n .pfe-l-grid.pfe-m-all-9-col > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 9;\n }\n .pfe-l-grid.pfe-m-all-10-col > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 10;\n }\n .pfe-l-grid.pfe-m-all-11-col > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 11;\n }\n .pfe-l-grid.pfe-m-all-12-col > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 12;\n }\n .pfe-l-grid > .pfe-m-1-col {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 1;\n }\n .pfe-l-grid > .pfe-m-2-col {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 2;\n }\n .pfe-l-grid > .pfe-m-3-col {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 3;\n }\n .pfe-l-grid > .pfe-m-4-col {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 4;\n }\n .pfe-l-grid > .pfe-m-5-col {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 5;\n }\n .pfe-l-grid > .pfe-m-6-col {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 6;\n }\n .pfe-l-grid > .pfe-m-7-col {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 7;\n }\n .pfe-l-grid > .pfe-m-8-col {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 8;\n }\n .pfe-l-grid > .pfe-m-9-col {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 9;\n }\n .pfe-l-grid > .pfe-m-10-col {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 10;\n }\n .pfe-l-grid > .pfe-m-11-col {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 11;\n }\n .pfe-l-grid > .pfe-m-12-col {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 12;\n }\n .pfe-l-grid > .pfe-m-startat-1-col {\n grid-column-start: col-start 1;\n }\n .pfe-l-grid > .pfe-m-startat-2-col {\n grid-column-start: col-start 2;\n }\n .pfe-l-grid > .pfe-m-startat-3-col {\n grid-column-start: col-start 3;\n }\n .pfe-l-grid > .pfe-m-startat-4-col {\n grid-column-start: col-start 4;\n }\n .pfe-l-grid > .pfe-m-startat-5-col {\n grid-column-start: col-start 5;\n }\n .pfe-l-grid > .pfe-m-startat-6-col {\n grid-column-start: col-start 6;\n }\n .pfe-l-grid > .pfe-m-startat-7-col {\n grid-column-start: col-start 7;\n }\n .pfe-l-grid > .pfe-m-startat-8-col {\n grid-column-start: col-start 8;\n }\n .pfe-l-grid > .pfe-m-startat-9-col {\n grid-column-start: col-start 9;\n }\n .pfe-l-grid > .pfe-m-startat-10-col {\n grid-column-start: col-start 10;\n }\n .pfe-l-grid > .pfe-m-startat-11-col {\n grid-column-start: col-start 11;\n }\n .pfe-l-grid > .pfe-m-startat-12-col {\n grid-column-start: col-start 12;\n }\n .pfe-l-grid > .pfe-m-1-row {\n grid-row: span 1;\n }\n .pfe-l-grid > .pfe-m-2-row {\n grid-row: span 2;\n }\n .pfe-l-grid > .pfe-m-3-row {\n grid-row: span 3;\n }\n .pfe-l-grid > .pfe-m-4-row {\n grid-row: span 4;\n }\n .pfe-l-grid > .pfe-m-5-row {\n grid-row: span 5;\n }\n .pfe-l-grid > .pfe-m-6-row {\n grid-row: span 6;\n }\n .pfe-l-grid > .pfe-m-7-row {\n grid-row: span 7;\n }\n .pfe-l-grid > .pfe-m-8-row {\n grid-row: span 8;\n }\n .pfe-l-grid > .pfe-m-9-row {\n grid-row: span 9;\n }\n .pfe-l-grid > .pfe-m-10-row {\n grid-row: span 10;\n }\n .pfe-l-grid > .pfe-m-11-row {\n grid-row: span 11;\n }\n .pfe-l-grid > .pfe-m-12-row {\n grid-row: span 12;\n }\n }\n @media screen and (max-width: 0) {\n .pfe-l-grid.pfe-m-all-1-col-on-xs > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 1;\n }\n .pfe-l-grid.pfe-m-all-2-col-on-xs > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 2;\n }\n .pfe-l-grid.pfe-m-all-3-col-on-xs > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 3;\n }\n .pfe-l-grid.pfe-m-all-4-col-on-xs > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 4;\n }\n .pfe-l-grid.pfe-m-all-5-col-on-xs > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 5;\n }\n .pfe-l-grid.pfe-m-all-6-col-on-xs > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 6;\n }\n .pfe-l-grid.pfe-m-all-7-col-on-xs > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 7;\n }\n .pfe-l-grid.pfe-m-all-8-col-on-xs > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 8;\n }\n .pfe-l-grid.pfe-m-all-9-col-on-xs > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 9;\n }\n .pfe-l-grid.pfe-m-all-10-col-on-xs > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 10;\n }\n .pfe-l-grid.pfe-m-all-11-col-on-xs > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 11;\n }\n .pfe-l-grid.pfe-m-all-12-col-on-xs > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 12;\n }\n .pfe-l-grid > .pfe-m-1-col-on-xs {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 1;\n }\n .pfe-l-grid > .pfe-m-2-col-on-xs {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 2;\n }\n .pfe-l-grid > .pfe-m-3-col-on-xs {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 3;\n }\n .pfe-l-grid > .pfe-m-4-col-on-xs {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 4;\n }\n .pfe-l-grid > .pfe-m-5-col-on-xs {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 5;\n }\n .pfe-l-grid > .pfe-m-6-col-on-xs {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 6;\n }\n .pfe-l-grid > .pfe-m-7-col-on-xs {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 7;\n }\n .pfe-l-grid > .pfe-m-8-col-on-xs {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 8;\n }\n .pfe-l-grid > .pfe-m-9-col-on-xs {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 9;\n }\n .pfe-l-grid > .pfe-m-10-col-on-xs {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 10;\n }\n .pfe-l-grid > .pfe-m-11-col-on-xs {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 11;\n }\n .pfe-l-grid > .pfe-m-12-col-on-xs {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 12;\n }\n .pfe-l-grid > .pfe-m-startat-1-col-on-xs {\n grid-column-start: col-start 1;\n }\n .pfe-l-grid > .pfe-m-startat-2-col-on-xs {\n grid-column-start: col-start 2;\n }\n .pfe-l-grid > .pfe-m-startat-3-col-on-xs {\n grid-column-start: col-start 3;\n }\n .pfe-l-grid > .pfe-m-startat-4-col-on-xs {\n grid-column-start: col-start 4;\n }\n .pfe-l-grid > .pfe-m-startat-5-col-on-xs {\n grid-column-start: col-start 5;\n }\n .pfe-l-grid > .pfe-m-startat-6-col-on-xs {\n grid-column-start: col-start 6;\n }\n .pfe-l-grid > .pfe-m-startat-7-col-on-xs {\n grid-column-start: col-start 7;\n }\n .pfe-l-grid > .pfe-m-startat-8-col-on-xs {\n grid-column-start: col-start 8;\n }\n .pfe-l-grid > .pfe-m-startat-9-col-on-xs {\n grid-column-start: col-start 9;\n }\n .pfe-l-grid > .pfe-m-startat-10-col-on-xs {\n grid-column-start: col-start 10;\n }\n .pfe-l-grid > .pfe-m-startat-11-col-on-xs {\n grid-column-start: col-start 11;\n }\n .pfe-l-grid > .pfe-m-startat-12-col-on-xs {\n grid-column-start: col-start 12;\n }\n .pfe-l-grid > .pfe-m-1-row-on-xs {\n grid-row: span 1;\n }\n .pfe-l-grid > .pfe-m-2-row-on-xs {\n grid-row: span 2;\n }\n .pfe-l-grid > .pfe-m-3-row-on-xs {\n grid-row: span 3;\n }\n .pfe-l-grid > .pfe-m-4-row-on-xs {\n grid-row: span 4;\n }\n .pfe-l-grid > .pfe-m-5-row-on-xs {\n grid-row: span 5;\n }\n .pfe-l-grid > .pfe-m-6-row-on-xs {\n grid-row: span 6;\n }\n .pfe-l-grid > .pfe-m-7-row-on-xs {\n grid-row: span 7;\n }\n .pfe-l-grid > .pfe-m-8-row-on-xs {\n grid-row: span 8;\n }\n .pfe-l-grid > .pfe-m-9-row-on-xs {\n grid-row: span 9;\n }\n .pfe-l-grid > .pfe-m-10-row-on-xs {\n grid-row: span 10;\n }\n .pfe-l-grid > .pfe-m-11-row-on-xs {\n grid-row: span 11;\n }\n .pfe-l-grid > .pfe-m-12-row-on-xs {\n grid-row: span 12;\n }\n }\n @media screen and (min-width: 576px) {\n .pfe-l-grid.pfe-m-all-1-col-on-sm > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 1;\n }\n .pfe-l-grid.pfe-m-all-2-col-on-sm > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 2;\n }\n .pfe-l-grid.pfe-m-all-3-col-on-sm > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 3;\n }\n .pfe-l-grid.pfe-m-all-4-col-on-sm > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 4;\n }\n .pfe-l-grid.pfe-m-all-5-col-on-sm > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 5;\n }\n .pfe-l-grid.pfe-m-all-6-col-on-sm > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 6;\n }\n .pfe-l-grid.pfe-m-all-7-col-on-sm > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 7;\n }\n .pfe-l-grid.pfe-m-all-8-col-on-sm > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 8;\n }\n .pfe-l-grid.pfe-m-all-9-col-on-sm > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 9;\n }\n .pfe-l-grid.pfe-m-all-10-col-on-sm > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 10;\n }\n .pfe-l-grid.pfe-m-all-11-col-on-sm > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 11;\n }\n .pfe-l-grid.pfe-m-all-12-col-on-sm > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 12;\n }\n .pfe-l-grid > .pfe-m-1-col-on-sm {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 1;\n }\n .pfe-l-grid > .pfe-m-2-col-on-sm {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 2;\n }\n .pfe-l-grid > .pfe-m-3-col-on-sm {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 3;\n }\n .pfe-l-grid > .pfe-m-4-col-on-sm {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 4;\n }\n .pfe-l-grid > .pfe-m-5-col-on-sm {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 5;\n }\n .pfe-l-grid > .pfe-m-6-col-on-sm {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 6;\n }\n .pfe-l-grid > .pfe-m-7-col-on-sm {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 7;\n }\n .pfe-l-grid > .pfe-m-8-col-on-sm {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 8;\n }\n .pfe-l-grid > .pfe-m-9-col-on-sm {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 9;\n }\n .pfe-l-grid > .pfe-m-10-col-on-sm {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 10;\n }\n .pfe-l-grid > .pfe-m-11-col-on-sm {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 11;\n }\n .pfe-l-grid > .pfe-m-12-col-on-sm {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 12;\n }\n .pfe-l-grid > .pfe-m-startat-1-col-on-sm {\n grid-column-start: col-start 1;\n }\n .pfe-l-grid > .pfe-m-startat-2-col-on-sm {\n grid-column-start: col-start 2;\n }\n .pfe-l-grid > .pfe-m-startat-3-col-on-sm {\n grid-column-start: col-start 3;\n }\n .pfe-l-grid > .pfe-m-startat-4-col-on-sm {\n grid-column-start: col-start 4;\n }\n .pfe-l-grid > .pfe-m-startat-5-col-on-sm {\n grid-column-start: col-start 5;\n }\n .pfe-l-grid > .pfe-m-startat-6-col-on-sm {\n grid-column-start: col-start 6;\n }\n .pfe-l-grid > .pfe-m-startat-7-col-on-sm {\n grid-column-start: col-start 7;\n }\n .pfe-l-grid > .pfe-m-startat-8-col-on-sm {\n grid-column-start: col-start 8;\n }\n .pfe-l-grid > .pfe-m-startat-9-col-on-sm {\n grid-column-start: col-start 9;\n }\n .pfe-l-grid > .pfe-m-startat-10-col-on-sm {\n grid-column-start: col-start 10;\n }\n .pfe-l-grid > .pfe-m-startat-11-col-on-sm {\n grid-column-start: col-start 11;\n }\n .pfe-l-grid > .pfe-m-startat-12-col-on-sm {\n grid-column-start: col-start 12;\n }\n .pfe-l-grid > .pfe-m-1-row-on-sm {\n grid-row: span 1;\n }\n .pfe-l-grid > .pfe-m-2-row-on-sm {\n grid-row: span 2;\n }\n .pfe-l-grid > .pfe-m-3-row-on-sm {\n grid-row: span 3;\n }\n .pfe-l-grid > .pfe-m-4-row-on-sm {\n grid-row: span 4;\n }\n .pfe-l-grid > .pfe-m-5-row-on-sm {\n grid-row: span 5;\n }\n .pfe-l-grid > .pfe-m-6-row-on-sm {\n grid-row: span 6;\n }\n .pfe-l-grid > .pfe-m-7-row-on-sm {\n grid-row: span 7;\n }\n .pfe-l-grid > .pfe-m-8-row-on-sm {\n grid-row: span 8;\n }\n .pfe-l-grid > .pfe-m-9-row-on-sm {\n grid-row: span 9;\n }\n .pfe-l-grid > .pfe-m-10-row-on-sm {\n grid-row: span 10;\n }\n .pfe-l-grid > .pfe-m-11-row-on-sm {\n grid-row: span 11;\n }\n .pfe-l-grid > .pfe-m-12-row-on-sm {\n grid-row: span 12;\n }\n }\n @media screen and (min-width: 768px) {\n .pfe-l-grid.pfe-m-all-1-col-on-md > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 1;\n }\n .pfe-l-grid.pfe-m-all-2-col-on-md > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 2;\n }\n .pfe-l-grid.pfe-m-all-3-col-on-md > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 3;\n }\n .pfe-l-grid.pfe-m-all-4-col-on-md > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 4;\n }\n .pfe-l-grid.pfe-m-all-5-col-on-md > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 5;\n }\n .pfe-l-grid.pfe-m-all-6-col-on-md > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 6;\n }\n .pfe-l-grid.pfe-m-all-7-col-on-md > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 7;\n }\n .pfe-l-grid.pfe-m-all-8-col-on-md > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 8;\n }\n .pfe-l-grid.pfe-m-all-9-col-on-md > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 9;\n }\n .pfe-l-grid.pfe-m-all-10-col-on-md > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 10;\n }\n .pfe-l-grid.pfe-m-all-11-col-on-md > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 11;\n }\n .pfe-l-grid.pfe-m-all-12-col-on-md > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 12;\n }\n .pfe-l-grid > .pfe-m-1-col-on-md {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 1;\n }\n .pfe-l-grid > .pfe-m-2-col-on-md {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 2;\n }\n .pfe-l-grid > .pfe-m-3-col-on-md {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 3;\n }\n .pfe-l-grid > .pfe-m-4-col-on-md {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 4;\n }\n .pfe-l-grid > .pfe-m-5-col-on-md {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 5;\n }\n .pfe-l-grid > .pfe-m-6-col-on-md {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 6;\n }\n .pfe-l-grid > .pfe-m-7-col-on-md {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 7;\n }\n .pfe-l-grid > .pfe-m-8-col-on-md {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 8;\n }\n .pfe-l-grid > .pfe-m-9-col-on-md {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 9;\n }\n .pfe-l-grid > .pfe-m-10-col-on-md {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 10;\n }\n .pfe-l-grid > .pfe-m-11-col-on-md {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 11;\n }\n .pfe-l-grid > .pfe-m-12-col-on-md {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 12;\n }\n .pfe-l-grid > .pfe-m-startat-1-col-on-md {\n grid-column-start: col-start 1;\n }\n .pfe-l-grid > .pfe-m-startat-2-col-on-md {\n grid-column-start: col-start 2;\n }\n .pfe-l-grid > .pfe-m-startat-3-col-on-md {\n grid-column-start: col-start 3;\n }\n .pfe-l-grid > .pfe-m-startat-4-col-on-md {\n grid-column-start: col-start 4;\n }\n .pfe-l-grid > .pfe-m-startat-5-col-on-md {\n grid-column-start: col-start 5;\n }\n .pfe-l-grid > .pfe-m-startat-6-col-on-md {\n grid-column-start: col-start 6;\n }\n .pfe-l-grid > .pfe-m-startat-7-col-on-md {\n grid-column-start: col-start 7;\n }\n .pfe-l-grid > .pfe-m-startat-8-col-on-md {\n grid-column-start: col-start 8;\n }\n .pfe-l-grid > .pfe-m-startat-9-col-on-md {\n grid-column-start: col-start 9;\n }\n .pfe-l-grid > .pfe-m-startat-10-col-on-md {\n grid-column-start: col-start 10;\n }\n .pfe-l-grid > .pfe-m-startat-11-col-on-md {\n grid-column-start: col-start 11;\n }\n .pfe-l-grid > .pfe-m-startat-12-col-on-md {\n grid-column-start: col-start 12;\n }\n .pfe-l-grid > .pfe-m-1-row-on-md {\n grid-row: span 1;\n }\n .pfe-l-grid > .pfe-m-2-row-on-md {\n grid-row: span 2;\n }\n .pfe-l-grid > .pfe-m-3-row-on-md {\n grid-row: span 3;\n }\n .pfe-l-grid > .pfe-m-4-row-on-md {\n grid-row: span 4;\n }\n .pfe-l-grid > .pfe-m-5-row-on-md {\n grid-row: span 5;\n }\n .pfe-l-grid > .pfe-m-6-row-on-md {\n grid-row: span 6;\n }\n .pfe-l-grid > .pfe-m-7-row-on-md {\n grid-row: span 7;\n }\n .pfe-l-grid > .pfe-m-8-row-on-md {\n grid-row: span 8;\n }\n .pfe-l-grid > .pfe-m-9-row-on-md {\n grid-row: span 9;\n }\n .pfe-l-grid > .pfe-m-10-row-on-md {\n grid-row: span 10;\n }\n .pfe-l-grid > .pfe-m-11-row-on-md {\n grid-row: span 11;\n }\n .pfe-l-grid > .pfe-m-12-row-on-md {\n grid-row: span 12;\n }\n }\n @media screen and (min-width: 992px) {\n .pfe-l-grid.pfe-m-all-1-col-on-lg > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 1;\n }\n .pfe-l-grid.pfe-m-all-2-col-on-lg > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 2;\n }\n .pfe-l-grid.pfe-m-all-3-col-on-lg > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 3;\n }\n .pfe-l-grid.pfe-m-all-4-col-on-lg > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 4;\n }\n .pfe-l-grid.pfe-m-all-5-col-on-lg > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 5;\n }\n .pfe-l-grid.pfe-m-all-6-col-on-lg > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 6;\n }\n .pfe-l-grid.pfe-m-all-7-col-on-lg > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 7;\n }\n .pfe-l-grid.pfe-m-all-8-col-on-lg > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 8;\n }\n .pfe-l-grid.pfe-m-all-9-col-on-lg > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 9;\n }\n .pfe-l-grid.pfe-m-all-10-col-on-lg > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 10;\n }\n .pfe-l-grid.pfe-m-all-11-col-on-lg > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 11;\n }\n .pfe-l-grid.pfe-m-all-12-col-on-lg > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 12;\n }\n .pfe-l-grid > .pfe-m-1-col-on-lg {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 1;\n }\n .pfe-l-grid > .pfe-m-2-col-on-lg {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 2;\n }\n .pfe-l-grid > .pfe-m-3-col-on-lg {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 3;\n }\n .pfe-l-grid > .pfe-m-4-col-on-lg {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 4;\n }\n .pfe-l-grid > .pfe-m-5-col-on-lg {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 5;\n }\n .pfe-l-grid > .pfe-m-6-col-on-lg {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 6;\n }\n .pfe-l-grid > .pfe-m-7-col-on-lg {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 7;\n }\n .pfe-l-grid > .pfe-m-8-col-on-lg {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 8;\n }\n .pfe-l-grid > .pfe-m-9-col-on-lg {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 9;\n }\n .pfe-l-grid > .pfe-m-10-col-on-lg {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 10;\n }\n .pfe-l-grid > .pfe-m-11-col-on-lg {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 11;\n }\n .pfe-l-grid > .pfe-m-12-col-on-lg {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 12;\n }\n .pfe-l-grid > .pfe-m-startat-1-col-on-lg {\n grid-column-start: col-start 1;\n }\n .pfe-l-grid > .pfe-m-startat-2-col-on-lg {\n grid-column-start: col-start 2;\n }\n .pfe-l-grid > .pfe-m-startat-3-col-on-lg {\n grid-column-start: col-start 3;\n }\n .pfe-l-grid > .pfe-m-startat-4-col-on-lg {\n grid-column-start: col-start 4;\n }\n .pfe-l-grid > .pfe-m-startat-5-col-on-lg {\n grid-column-start: col-start 5;\n }\n .pfe-l-grid > .pfe-m-startat-6-col-on-lg {\n grid-column-start: col-start 6;\n }\n .pfe-l-grid > .pfe-m-startat-7-col-on-lg {\n grid-column-start: col-start 7;\n }\n .pfe-l-grid > .pfe-m-startat-8-col-on-lg {\n grid-column-start: col-start 8;\n }\n .pfe-l-grid > .pfe-m-startat-9-col-on-lg {\n grid-column-start: col-start 9;\n }\n .pfe-l-grid > .pfe-m-startat-10-col-on-lg {\n grid-column-start: col-start 10;\n }\n .pfe-l-grid > .pfe-m-startat-11-col-on-lg {\n grid-column-start: col-start 11;\n }\n .pfe-l-grid > .pfe-m-startat-12-col-on-lg {\n grid-column-start: col-start 12;\n }\n .pfe-l-grid > .pfe-m-1-row-on-lg {\n grid-row: span 1;\n }\n .pfe-l-grid > .pfe-m-2-row-on-lg {\n grid-row: span 2;\n }\n .pfe-l-grid > .pfe-m-3-row-on-lg {\n grid-row: span 3;\n }\n .pfe-l-grid > .pfe-m-4-row-on-lg {\n grid-row: span 4;\n }\n .pfe-l-grid > .pfe-m-5-row-on-lg {\n grid-row: span 5;\n }\n .pfe-l-grid > .pfe-m-6-row-on-lg {\n grid-row: span 6;\n }\n .pfe-l-grid > .pfe-m-7-row-on-lg {\n grid-row: span 7;\n }\n .pfe-l-grid > .pfe-m-8-row-on-lg {\n grid-row: span 8;\n }\n .pfe-l-grid > .pfe-m-9-row-on-lg {\n grid-row: span 9;\n }\n .pfe-l-grid > .pfe-m-10-row-on-lg {\n grid-row: span 10;\n }\n .pfe-l-grid > .pfe-m-11-row-on-lg {\n grid-row: span 11;\n }\n .pfe-l-grid > .pfe-m-12-row-on-lg {\n grid-row: span 12;\n }\n }\n @media screen and (min-width: 1200px) {\n .pfe-l-grid.pfe-m-all-1-col-on-xl > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 1;\n }\n .pfe-l-grid.pfe-m-all-2-col-on-xl > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 2;\n }\n .pfe-l-grid.pfe-m-all-3-col-on-xl > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 3;\n }\n .pfe-l-grid.pfe-m-all-4-col-on-xl > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 4;\n }\n .pfe-l-grid.pfe-m-all-5-col-on-xl > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 5;\n }\n .pfe-l-grid.pfe-m-all-6-col-on-xl > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 6;\n }\n .pfe-l-grid.pfe-m-all-7-col-on-xl > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 7;\n }\n .pfe-l-grid.pfe-m-all-8-col-on-xl > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 8;\n }\n .pfe-l-grid.pfe-m-all-9-col-on-xl > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 9;\n }\n .pfe-l-grid.pfe-m-all-10-col-on-xl > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 10;\n }\n .pfe-l-grid.pfe-m-all-11-col-on-xl > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 11;\n }\n .pfe-l-grid.pfe-m-all-12-col-on-xl > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 12;\n }\n .pfe-l-grid > .pfe-m-1-col-on-xl {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 1;\n }\n .pfe-l-grid > .pfe-m-2-col-on-xl {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 2;\n }\n .pfe-l-grid > .pfe-m-3-col-on-xl {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 3;\n }\n .pfe-l-grid > .pfe-m-4-col-on-xl {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 4;\n }\n .pfe-l-grid > .pfe-m-5-col-on-xl {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 5;\n }\n .pfe-l-grid > .pfe-m-6-col-on-xl {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 6;\n }\n .pfe-l-grid > .pfe-m-7-col-on-xl {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 7;\n }\n .pfe-l-grid > .pfe-m-8-col-on-xl {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 8;\n }\n .pfe-l-grid > .pfe-m-9-col-on-xl {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 9;\n }\n .pfe-l-grid > .pfe-m-10-col-on-xl {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 10;\n }\n .pfe-l-grid > .pfe-m-11-col-on-xl {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 11;\n }\n .pfe-l-grid > .pfe-m-12-col-on-xl {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 12;\n }\n .pfe-l-grid > .pfe-m-startat-1-col-on-xl {\n grid-column-start: col-start 1;\n }\n .pfe-l-grid > .pfe-m-startat-2-col-on-xl {\n grid-column-start: col-start 2;\n }\n .pfe-l-grid > .pfe-m-startat-3-col-on-xl {\n grid-column-start: col-start 3;\n }\n .pfe-l-grid > .pfe-m-startat-4-col-on-xl {\n grid-column-start: col-start 4;\n }\n .pfe-l-grid > .pfe-m-startat-5-col-on-xl {\n grid-column-start: col-start 5;\n }\n .pfe-l-grid > .pfe-m-startat-6-col-on-xl {\n grid-column-start: col-start 6;\n }\n .pfe-l-grid > .pfe-m-startat-7-col-on-xl {\n grid-column-start: col-start 7;\n }\n .pfe-l-grid > .pfe-m-startat-8-col-on-xl {\n grid-column-start: col-start 8;\n }\n .pfe-l-grid > .pfe-m-startat-9-col-on-xl {\n grid-column-start: col-start 9;\n }\n .pfe-l-grid > .pfe-m-startat-10-col-on-xl {\n grid-column-start: col-start 10;\n }\n .pfe-l-grid > .pfe-m-startat-11-col-on-xl {\n grid-column-start: col-start 11;\n }\n .pfe-l-grid > .pfe-m-startat-12-col-on-xl {\n grid-column-start: col-start 12;\n }\n .pfe-l-grid > .pfe-m-1-row-on-xl {\n grid-row: span 1;\n }\n .pfe-l-grid > .pfe-m-2-row-on-xl {\n grid-row: span 2;\n }\n .pfe-l-grid > .pfe-m-3-row-on-xl {\n grid-row: span 3;\n }\n .pfe-l-grid > .pfe-m-4-row-on-xl {\n grid-row: span 4;\n }\n .pfe-l-grid > .pfe-m-5-row-on-xl {\n grid-row: span 5;\n }\n .pfe-l-grid > .pfe-m-6-row-on-xl {\n grid-row: span 6;\n }\n .pfe-l-grid > .pfe-m-7-row-on-xl {\n grid-row: span 7;\n }\n .pfe-l-grid > .pfe-m-8-row-on-xl {\n grid-row: span 8;\n }\n .pfe-l-grid > .pfe-m-9-row-on-xl {\n grid-row: span 9;\n }\n .pfe-l-grid > .pfe-m-10-row-on-xl {\n grid-row: span 10;\n }\n .pfe-l-grid > .pfe-m-11-row-on-xl {\n grid-row: span 11;\n }\n .pfe-l-grid > .pfe-m-12-row-on-xl {\n grid-row: span 12;\n }\n }\n .pfe-l-grid.pfe-m-gutters {\n grid-gap: 16px;\n margin: 0;\n }\n .pfe-l-grid.pfe-m-gutters > * {\n margin: 0;\n }\n}\n\n.pfe-l-bullseye {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n padding: var(--pfe-theme--container-spacer, 16px);\n margin: 0;\n}\n","// Grid Layout\n\n/// ===========================================================================\n/// Component Specific SASS Vars\n/// ===========================================================================\n\n$breakpoints: (\"\": null, \"xs\": \"-on-xs\", \"sm\": \"-on-sm\", \"md\": \"-on-md\", \"lg\": \"-on-lg\", \"xl\": \"-on-xl\");\n$grip-gap: map-get($pfe-vars, 'container-spacer');\n$half-grip-gap: map-get($pfe-vars, 'container-spacer') / 2;\n\n\n/// ===========================================================================\n/// Media Queries for Grid\n/// ===========================================================================\n\n/// Media query used to create responsive grid items\n/// @group mixins\n/// @moduleType mixin\n/// @parameter {Point} xs, sm, md, lg, xl, null\n@mixin GridMediaQuery($point) {\n @if $point == \"xs\" {\n @media screen and (max-width: #{map-get($pfe-vars, 'grid-breakpoint--xs')}) {\n @content;\n }\n }\n @else if $point == \"sm\" or $point == \"\" or $point == null {\n @media screen and (min-width: #{map-get($pfe-vars, 'grid-breakpoint--sm')}) {\n @content;\n }\n }\n @else if $point == \"md\" {\n @media screen and (min-width: #{map-get($pfe-vars, 'grid-breakpoint--md')}) {\n @content;\n }\n }\n @else if $point == \"lg\" {\n @media screen and (min-width: #{map-get($pfe-vars, 'grid-breakpoint--lg')}) {\n @content;\n }\n }\n @else if $point == \"xl\" {\n @media screen and (min-width: #{map-get($pfe-vars, 'grid-breakpoint--xl')}) {\n @content;\n }\n }\n}\n\n/// Creates flexbox item\n/// @group mixins\n/// @moduleType mixin\n/// @parameter {Suffix} xs, sm, md, lg, xl, null\n@mixin FlexItemModifiers($suffix: null) {\n // generate column span modifiers\n @for $col-num from 1 through 12 {\n > .pfe-m-#{$col-num}-col#{$suffix} {\n $this-size: ($col-num / 12) * 100%;\n width: calc(#{$this-size} - #{$grip-gap});\n }\n }\n\n // Start-at and row-span aren't available in fallbacks.\n}\n\n/// Creates grid item\n/// @group mixins\n/// @moduleType mixin\n/// @parameter {Suffix} xs, sm, md, lg, xl, null\n@mixin GridItemModifiers($suffix: null) {\n // generate column span modifiers\n @for $col-num from 1 through 12 {\n > .pfe-m-#{$col-num}-col#{$suffix} {\n width: auto; // Remove IE11\n grid-column-start: auto;\n grid-column-end: span $col-num;\n }\n }\n\n // generate column startat modfiers\n @for $col-num from 1 through 12 {\n > .pfe-m-startat-#{$col-num}-col#{$suffix} {\n grid-column-start: col-start ($col-num); // removed +1 so it's value is literal.\n }\n }\n\n // generate row span modfiers\n @for $row-num from 1 through 12 {\n > .pfe-m-#{$row-num}-row#{$suffix} {\n grid-row: span $row-num;\n }\n }\n}\n\n@mixin FlexAllModifiers($suffix: null) {\n @for $col-num from 1 through 12 {\n &.pfe-m-all-#{$col-num}-col#{$suffix} {\n > * {\n $this-size: ($col-num / 12) * 100%;\n width: calc(#{$this-size} - #{$grip-gap});\n }\n }\n }\n}\n\n@mixin GridAllModifiers($suffix: null) {\n @for $col-num from 1 through 12 {\n &.pfe-m-all-#{$col-num}-col#{$suffix} {\n > * {\n width: auto; // Remove IE11\n grid-column-start: auto;\n grid-column-end: span $col-num;\n }\n }\n }\n}\n\n\n/// ===========================================================================\n/// Flexbox for IE11 support\n/// ===========================================================================\n.pfe-l-grid {\n box-sizing: border-box;\n display: flex;\n flex-wrap: wrap;\n\n > *,\n &__item {\n box-sizing: border-box;\n width: 100%;\n margin: 0 auto;\n }\n\n // Loop through $breakpoints map to generate responsive classes\n @each $breakpoint, $value in $breakpoints {\n @include GridMediaQuery($breakpoint) {\n @include FlexAllModifiers($value);\n @include FlexItemModifiers($value);\n }\n }\n\n &.pfe-m-gutters {\n margin: calc(#{$half-grip-gap} * -1);\n\n & > * {\n margin: #{$half-grip-gap};\n }\n }\n}\n\n/// ===========================================================================\n/// Grid for Smarter Browsers\n/// ===========================================================================\n\n@supports (display: grid) {\n .pfe-l-grid {\n display: grid;\n grid-template-columns: repeat(12, [col-start] 1fr);\n\n > *,\n &__item {\n width: auto; // Remove IE11\n margin: 0; // Remove IE11\n grid-column-start: auto;\n grid-column-end: span 12;\n }\n\n &.pfe-l-grid-fill-height {\n height: 100%;\n }\n\n // Loop through $breakpoints map to generate responsive classes\n @each $breakpoint, $value in $breakpoints {\n @include GridMediaQuery($breakpoint) {\n @include GridAllModifiers($value);\n @include GridItemModifiers($value);\n }\n }\n\n &.pfe-m-gutters {\n grid-gap: #{$grip-gap};\n margin: 0; // Remove IE11\n\n & > * {\n margin: 0; // Remove IE11\n }\n }\n }\n}\n","// Bullseye Layout\n\n.pfe-l-bullseye {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n padding: #{pfe-var(container-spacer)};\n margin: 0;\n}\n"]} \ No newline at end of file diff --git a/elements/pfe-styles/dist/pfe-layouts.min.css b/elements/pfe-styles/dist/pfe-layouts.min.css new file mode 100644 index 0000000000..fbf44ef697 --- /dev/null +++ b/elements/pfe-styles/dist/pfe-layouts.min.css @@ -0,0 +1,2 @@ +.pfe-l--text-align--left{text-align:left}.pfe-l--text-align--center{text-align:center}.pfe-l--text-align--right{text-align:right}.pfe-l-grid{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.pfe-l-grid>*,.pfe-l-grid__item{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;margin:0 auto}@media screen and (min-width:576px){.pfe-l-grid.pfe-m-all-1-col>*{width:calc(8.33333% - 16px)}.pfe-l-grid.pfe-m-all-2-col>*{width:calc(16.66667% - 16px)}.pfe-l-grid.pfe-m-all-3-col>*{width:calc(25% - 16px)}.pfe-l-grid.pfe-m-all-4-col>*{width:calc(33.33333% - 16px)}.pfe-l-grid.pfe-m-all-5-col>*{width:calc(41.66667% - 16px)}.pfe-l-grid.pfe-m-all-6-col>*{width:calc(50% - 16px)}.pfe-l-grid.pfe-m-all-7-col>*{width:calc(58.33333% - 16px)}.pfe-l-grid.pfe-m-all-8-col>*{width:calc(66.66667% - 16px)}.pfe-l-grid.pfe-m-all-9-col>*{width:calc(75% - 16px)}.pfe-l-grid.pfe-m-all-10-col>*{width:calc(83.33333% - 16px)}.pfe-l-grid.pfe-m-all-11-col>*{width:calc(91.66667% - 16px)}.pfe-l-grid.pfe-m-all-12-col>*{width:calc(100% - 16px)}.pfe-l-grid>.pfe-m-1-col{width:calc(8.33333% - 16px)}.pfe-l-grid>.pfe-m-2-col{width:calc(16.66667% - 16px)}.pfe-l-grid>.pfe-m-3-col{width:calc(25% - 16px)}.pfe-l-grid>.pfe-m-4-col{width:calc(33.33333% - 16px)}.pfe-l-grid>.pfe-m-5-col{width:calc(41.66667% - 16px)}.pfe-l-grid>.pfe-m-6-col{width:calc(50% - 16px)}.pfe-l-grid>.pfe-m-7-col{width:calc(58.33333% - 16px)}.pfe-l-grid>.pfe-m-8-col{width:calc(66.66667% - 16px)}.pfe-l-grid>.pfe-m-9-col{width:calc(75% - 16px)}.pfe-l-grid>.pfe-m-10-col{width:calc(83.33333% - 16px)}.pfe-l-grid>.pfe-m-11-col{width:calc(91.66667% - 16px)}.pfe-l-grid>.pfe-m-12-col{width:calc(100% - 16px)}}@media screen and (max-width:0){.pfe-l-grid.pfe-m-all-1-col-on-xs>*{width:calc(8.33333% - 16px)}.pfe-l-grid.pfe-m-all-2-col-on-xs>*{width:calc(16.66667% - 16px)}.pfe-l-grid.pfe-m-all-3-col-on-xs>*{width:calc(25% - 16px)}.pfe-l-grid.pfe-m-all-4-col-on-xs>*{width:calc(33.33333% - 16px)}.pfe-l-grid.pfe-m-all-5-col-on-xs>*{width:calc(41.66667% - 16px)}.pfe-l-grid.pfe-m-all-6-col-on-xs>*{width:calc(50% - 16px)}.pfe-l-grid.pfe-m-all-7-col-on-xs>*{width:calc(58.33333% - 16px)}.pfe-l-grid.pfe-m-all-8-col-on-xs>*{width:calc(66.66667% - 16px)}.pfe-l-grid.pfe-m-all-9-col-on-xs>*{width:calc(75% - 16px)}.pfe-l-grid.pfe-m-all-10-col-on-xs>*{width:calc(83.33333% - 16px)}.pfe-l-grid.pfe-m-all-11-col-on-xs>*{width:calc(91.66667% - 16px)}.pfe-l-grid.pfe-m-all-12-col-on-xs>*{width:calc(100% - 16px)}.pfe-l-grid>.pfe-m-1-col-on-xs{width:calc(8.33333% - 16px)}.pfe-l-grid>.pfe-m-2-col-on-xs{width:calc(16.66667% - 16px)}.pfe-l-grid>.pfe-m-3-col-on-xs{width:calc(25% - 16px)}.pfe-l-grid>.pfe-m-4-col-on-xs{width:calc(33.33333% - 16px)}.pfe-l-grid>.pfe-m-5-col-on-xs{width:calc(41.66667% - 16px)}.pfe-l-grid>.pfe-m-6-col-on-xs{width:calc(50% - 16px)}.pfe-l-grid>.pfe-m-7-col-on-xs{width:calc(58.33333% - 16px)}.pfe-l-grid>.pfe-m-8-col-on-xs{width:calc(66.66667% - 16px)}.pfe-l-grid>.pfe-m-9-col-on-xs{width:calc(75% - 16px)}.pfe-l-grid>.pfe-m-10-col-on-xs{width:calc(83.33333% - 16px)}.pfe-l-grid>.pfe-m-11-col-on-xs{width:calc(91.66667% - 16px)}.pfe-l-grid>.pfe-m-12-col-on-xs{width:calc(100% - 16px)}}@media screen and (min-width:576px){.pfe-l-grid.pfe-m-all-1-col-on-sm>*{width:calc(8.33333% - 16px)}.pfe-l-grid.pfe-m-all-2-col-on-sm>*{width:calc(16.66667% - 16px)}.pfe-l-grid.pfe-m-all-3-col-on-sm>*{width:calc(25% - 16px)}.pfe-l-grid.pfe-m-all-4-col-on-sm>*{width:calc(33.33333% - 16px)}.pfe-l-grid.pfe-m-all-5-col-on-sm>*{width:calc(41.66667% - 16px)}.pfe-l-grid.pfe-m-all-6-col-on-sm>*{width:calc(50% - 16px)}.pfe-l-grid.pfe-m-all-7-col-on-sm>*{width:calc(58.33333% - 16px)}.pfe-l-grid.pfe-m-all-8-col-on-sm>*{width:calc(66.66667% - 16px)}.pfe-l-grid.pfe-m-all-9-col-on-sm>*{width:calc(75% - 16px)}.pfe-l-grid.pfe-m-all-10-col-on-sm>*{width:calc(83.33333% - 16px)}.pfe-l-grid.pfe-m-all-11-col-on-sm>*{width:calc(91.66667% - 16px)}.pfe-l-grid.pfe-m-all-12-col-on-sm>*{width:calc(100% - 16px)}.pfe-l-grid>.pfe-m-1-col-on-sm{width:calc(8.33333% - 16px)}.pfe-l-grid>.pfe-m-2-col-on-sm{width:calc(16.66667% - 16px)}.pfe-l-grid>.pfe-m-3-col-on-sm{width:calc(25% - 16px)}.pfe-l-grid>.pfe-m-4-col-on-sm{width:calc(33.33333% - 16px)}.pfe-l-grid>.pfe-m-5-col-on-sm{width:calc(41.66667% - 16px)}.pfe-l-grid>.pfe-m-6-col-on-sm{width:calc(50% - 16px)}.pfe-l-grid>.pfe-m-7-col-on-sm{width:calc(58.33333% - 16px)}.pfe-l-grid>.pfe-m-8-col-on-sm{width:calc(66.66667% - 16px)}.pfe-l-grid>.pfe-m-9-col-on-sm{width:calc(75% - 16px)}.pfe-l-grid>.pfe-m-10-col-on-sm{width:calc(83.33333% - 16px)}.pfe-l-grid>.pfe-m-11-col-on-sm{width:calc(91.66667% - 16px)}.pfe-l-grid>.pfe-m-12-col-on-sm{width:calc(100% - 16px)}}@media screen and (min-width:768px){.pfe-l-grid.pfe-m-all-1-col-on-md>*{width:calc(8.33333% - 16px)}.pfe-l-grid.pfe-m-all-2-col-on-md>*{width:calc(16.66667% - 16px)}.pfe-l-grid.pfe-m-all-3-col-on-md>*{width:calc(25% - 16px)}.pfe-l-grid.pfe-m-all-4-col-on-md>*{width:calc(33.33333% - 16px)}.pfe-l-grid.pfe-m-all-5-col-on-md>*{width:calc(41.66667% - 16px)}.pfe-l-grid.pfe-m-all-6-col-on-md>*{width:calc(50% - 16px)}.pfe-l-grid.pfe-m-all-7-col-on-md>*{width:calc(58.33333% - 16px)}.pfe-l-grid.pfe-m-all-8-col-on-md>*{width:calc(66.66667% - 16px)}.pfe-l-grid.pfe-m-all-9-col-on-md>*{width:calc(75% - 16px)}.pfe-l-grid.pfe-m-all-10-col-on-md>*{width:calc(83.33333% - 16px)}.pfe-l-grid.pfe-m-all-11-col-on-md>*{width:calc(91.66667% - 16px)}.pfe-l-grid.pfe-m-all-12-col-on-md>*{width:calc(100% - 16px)}.pfe-l-grid>.pfe-m-1-col-on-md{width:calc(8.33333% - 16px)}.pfe-l-grid>.pfe-m-2-col-on-md{width:calc(16.66667% - 16px)}.pfe-l-grid>.pfe-m-3-col-on-md{width:calc(25% - 16px)}.pfe-l-grid>.pfe-m-4-col-on-md{width:calc(33.33333% - 16px)}.pfe-l-grid>.pfe-m-5-col-on-md{width:calc(41.66667% - 16px)}.pfe-l-grid>.pfe-m-6-col-on-md{width:calc(50% - 16px)}.pfe-l-grid>.pfe-m-7-col-on-md{width:calc(58.33333% - 16px)}.pfe-l-grid>.pfe-m-8-col-on-md{width:calc(66.66667% - 16px)}.pfe-l-grid>.pfe-m-9-col-on-md{width:calc(75% - 16px)}.pfe-l-grid>.pfe-m-10-col-on-md{width:calc(83.33333% - 16px)}.pfe-l-grid>.pfe-m-11-col-on-md{width:calc(91.66667% - 16px)}.pfe-l-grid>.pfe-m-12-col-on-md{width:calc(100% - 16px)}}@media screen and (min-width:992px){.pfe-l-grid.pfe-m-all-1-col-on-lg>*{width:calc(8.33333% - 16px)}.pfe-l-grid.pfe-m-all-2-col-on-lg>*{width:calc(16.66667% - 16px)}.pfe-l-grid.pfe-m-all-3-col-on-lg>*{width:calc(25% - 16px)}.pfe-l-grid.pfe-m-all-4-col-on-lg>*{width:calc(33.33333% - 16px)}.pfe-l-grid.pfe-m-all-5-col-on-lg>*{width:calc(41.66667% - 16px)}.pfe-l-grid.pfe-m-all-6-col-on-lg>*{width:calc(50% - 16px)}.pfe-l-grid.pfe-m-all-7-col-on-lg>*{width:calc(58.33333% - 16px)}.pfe-l-grid.pfe-m-all-8-col-on-lg>*{width:calc(66.66667% - 16px)}.pfe-l-grid.pfe-m-all-9-col-on-lg>*{width:calc(75% - 16px)}.pfe-l-grid.pfe-m-all-10-col-on-lg>*{width:calc(83.33333% - 16px)}.pfe-l-grid.pfe-m-all-11-col-on-lg>*{width:calc(91.66667% - 16px)}.pfe-l-grid.pfe-m-all-12-col-on-lg>*{width:calc(100% - 16px)}.pfe-l-grid>.pfe-m-1-col-on-lg{width:calc(8.33333% - 16px)}.pfe-l-grid>.pfe-m-2-col-on-lg{width:calc(16.66667% - 16px)}.pfe-l-grid>.pfe-m-3-col-on-lg{width:calc(25% - 16px)}.pfe-l-grid>.pfe-m-4-col-on-lg{width:calc(33.33333% - 16px)}.pfe-l-grid>.pfe-m-5-col-on-lg{width:calc(41.66667% - 16px)}.pfe-l-grid>.pfe-m-6-col-on-lg{width:calc(50% - 16px)}.pfe-l-grid>.pfe-m-7-col-on-lg{width:calc(58.33333% - 16px)}.pfe-l-grid>.pfe-m-8-col-on-lg{width:calc(66.66667% - 16px)}.pfe-l-grid>.pfe-m-9-col-on-lg{width:calc(75% - 16px)}.pfe-l-grid>.pfe-m-10-col-on-lg{width:calc(83.33333% - 16px)}.pfe-l-grid>.pfe-m-11-col-on-lg{width:calc(91.66667% - 16px)}.pfe-l-grid>.pfe-m-12-col-on-lg{width:calc(100% - 16px)}}@media screen and (min-width:1200px){.pfe-l-grid.pfe-m-all-1-col-on-xl>*{width:calc(8.33333% - 16px)}.pfe-l-grid.pfe-m-all-2-col-on-xl>*{width:calc(16.66667% - 16px)}.pfe-l-grid.pfe-m-all-3-col-on-xl>*{width:calc(25% - 16px)}.pfe-l-grid.pfe-m-all-4-col-on-xl>*{width:calc(33.33333% - 16px)}.pfe-l-grid.pfe-m-all-5-col-on-xl>*{width:calc(41.66667% - 16px)}.pfe-l-grid.pfe-m-all-6-col-on-xl>*{width:calc(50% - 16px)}.pfe-l-grid.pfe-m-all-7-col-on-xl>*{width:calc(58.33333% - 16px)}.pfe-l-grid.pfe-m-all-8-col-on-xl>*{width:calc(66.66667% - 16px)}.pfe-l-grid.pfe-m-all-9-col-on-xl>*{width:calc(75% - 16px)}.pfe-l-grid.pfe-m-all-10-col-on-xl>*{width:calc(83.33333% - 16px)}.pfe-l-grid.pfe-m-all-11-col-on-xl>*{width:calc(91.66667% - 16px)}.pfe-l-grid.pfe-m-all-12-col-on-xl>*{width:calc(100% - 16px)}.pfe-l-grid>.pfe-m-1-col-on-xl{width:calc(8.33333% - 16px)}.pfe-l-grid>.pfe-m-2-col-on-xl{width:calc(16.66667% - 16px)}.pfe-l-grid>.pfe-m-3-col-on-xl{width:calc(25% - 16px)}.pfe-l-grid>.pfe-m-4-col-on-xl{width:calc(33.33333% - 16px)}.pfe-l-grid>.pfe-m-5-col-on-xl{width:calc(41.66667% - 16px)}.pfe-l-grid>.pfe-m-6-col-on-xl{width:calc(50% - 16px)}.pfe-l-grid>.pfe-m-7-col-on-xl{width:calc(58.33333% - 16px)}.pfe-l-grid>.pfe-m-8-col-on-xl{width:calc(66.66667% - 16px)}.pfe-l-grid>.pfe-m-9-col-on-xl{width:calc(75% - 16px)}.pfe-l-grid>.pfe-m-10-col-on-xl{width:calc(83.33333% - 16px)}.pfe-l-grid>.pfe-m-11-col-on-xl{width:calc(91.66667% - 16px)}.pfe-l-grid>.pfe-m-12-col-on-xl{width:calc(100% - 16px)}}.pfe-l-grid.pfe-m-gutters{margin:calc(8px * -1)}.pfe-l-grid.pfe-m-gutters>*{margin:8px}@supports (display:grid){.pfe-l-grid{display:-ms-grid;display:grid;-ms-grid-columns:([col-start] 1fr)[12];grid-template-columns:repeat(12,[col-start] 1fr)}.pfe-l-grid>*,.pfe-l-grid__item{width:auto;margin:0;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:12;grid-column-end:span 12}.pfe-l-grid.pfe-l-grid-fill-height{height:100%}@media screen and (min-width:576px){.pfe-l-grid.pfe-m-all-1-col>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:1;grid-column-end:span 1}.pfe-l-grid.pfe-m-all-2-col>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:2;grid-column-end:span 2}.pfe-l-grid.pfe-m-all-3-col>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:3;grid-column-end:span 3}.pfe-l-grid.pfe-m-all-4-col>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:4;grid-column-end:span 4}.pfe-l-grid.pfe-m-all-5-col>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:5;grid-column-end:span 5}.pfe-l-grid.pfe-m-all-6-col>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:6;grid-column-end:span 6}.pfe-l-grid.pfe-m-all-7-col>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:7;grid-column-end:span 7}.pfe-l-grid.pfe-m-all-8-col>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:8;grid-column-end:span 8}.pfe-l-grid.pfe-m-all-9-col>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:9;grid-column-end:span 9}.pfe-l-grid.pfe-m-all-10-col>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:10;grid-column-end:span 10}.pfe-l-grid.pfe-m-all-11-col>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:11;grid-column-end:span 11}.pfe-l-grid.pfe-m-all-12-col>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:12;grid-column-end:span 12}.pfe-l-grid>.pfe-m-1-col{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:1;grid-column-end:span 1}.pfe-l-grid>.pfe-m-2-col{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:2;grid-column-end:span 2}.pfe-l-grid>.pfe-m-3-col{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:3;grid-column-end:span 3}.pfe-l-grid>.pfe-m-4-col{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:4;grid-column-end:span 4}.pfe-l-grid>.pfe-m-5-col{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:5;grid-column-end:span 5}.pfe-l-grid>.pfe-m-6-col{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:6;grid-column-end:span 6}.pfe-l-grid>.pfe-m-7-col{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:7;grid-column-end:span 7}.pfe-l-grid>.pfe-m-8-col{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:8;grid-column-end:span 8}.pfe-l-grid>.pfe-m-9-col{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:9;grid-column-end:span 9}.pfe-l-grid>.pfe-m-10-col{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:10;grid-column-end:span 10}.pfe-l-grid>.pfe-m-11-col{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:11;grid-column-end:span 11}.pfe-l-grid>.pfe-m-12-col{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:12;grid-column-end:span 12}.pfe-l-grid>.pfe-m-startat-1-col{-ms-grid-column:col-start 1;grid-column-start:col-start 1}.pfe-l-grid>.pfe-m-startat-2-col{-ms-grid-column:col-start 2;grid-column-start:col-start 2}.pfe-l-grid>.pfe-m-startat-3-col{-ms-grid-column:col-start 3;grid-column-start:col-start 3}.pfe-l-grid>.pfe-m-startat-4-col{-ms-grid-column:col-start 4;grid-column-start:col-start 4}.pfe-l-grid>.pfe-m-startat-5-col{-ms-grid-column:col-start 5;grid-column-start:col-start 5}.pfe-l-grid>.pfe-m-startat-6-col{-ms-grid-column:col-start 6;grid-column-start:col-start 6}.pfe-l-grid>.pfe-m-startat-7-col{-ms-grid-column:col-start 7;grid-column-start:col-start 7}.pfe-l-grid>.pfe-m-startat-8-col{-ms-grid-column:col-start 8;grid-column-start:col-start 8}.pfe-l-grid>.pfe-m-startat-9-col{-ms-grid-column:col-start 9;grid-column-start:col-start 9}.pfe-l-grid>.pfe-m-startat-10-col{-ms-grid-column:col-start 10;grid-column-start:col-start 10}.pfe-l-grid>.pfe-m-startat-11-col{-ms-grid-column:col-start 11;grid-column-start:col-start 11}.pfe-l-grid>.pfe-m-startat-12-col{-ms-grid-column:col-start 12;grid-column-start:col-start 12}.pfe-l-grid>.pfe-m-1-row{-ms-grid-row-span:1;grid-row:span 1}.pfe-l-grid>.pfe-m-2-row{-ms-grid-row-span:2;grid-row:span 2}.pfe-l-grid>.pfe-m-3-row{-ms-grid-row-span:3;grid-row:span 3}.pfe-l-grid>.pfe-m-4-row{-ms-grid-row-span:4;grid-row:span 4}.pfe-l-grid>.pfe-m-5-row{-ms-grid-row-span:5;grid-row:span 5}.pfe-l-grid>.pfe-m-6-row{-ms-grid-row-span:6;grid-row:span 6}.pfe-l-grid>.pfe-m-7-row{-ms-grid-row-span:7;grid-row:span 7}.pfe-l-grid>.pfe-m-8-row{-ms-grid-row-span:8;grid-row:span 8}.pfe-l-grid>.pfe-m-9-row{-ms-grid-row-span:9;grid-row:span 9}.pfe-l-grid>.pfe-m-10-row{-ms-grid-row-span:10;grid-row:span 10}.pfe-l-grid>.pfe-m-11-row{-ms-grid-row-span:11;grid-row:span 11}.pfe-l-grid>.pfe-m-12-row{-ms-grid-row-span:12;grid-row:span 12}}@media screen and (max-width:0){.pfe-l-grid.pfe-m-all-1-col-on-xs>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:1;grid-column-end:span 1}.pfe-l-grid.pfe-m-all-2-col-on-xs>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:2;grid-column-end:span 2}.pfe-l-grid.pfe-m-all-3-col-on-xs>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:3;grid-column-end:span 3}.pfe-l-grid.pfe-m-all-4-col-on-xs>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:4;grid-column-end:span 4}.pfe-l-grid.pfe-m-all-5-col-on-xs>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:5;grid-column-end:span 5}.pfe-l-grid.pfe-m-all-6-col-on-xs>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:6;grid-column-end:span 6}.pfe-l-grid.pfe-m-all-7-col-on-xs>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:7;grid-column-end:span 7}.pfe-l-grid.pfe-m-all-8-col-on-xs>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:8;grid-column-end:span 8}.pfe-l-grid.pfe-m-all-9-col-on-xs>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:9;grid-column-end:span 9}.pfe-l-grid.pfe-m-all-10-col-on-xs>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:10;grid-column-end:span 10}.pfe-l-grid.pfe-m-all-11-col-on-xs>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:11;grid-column-end:span 11}.pfe-l-grid.pfe-m-all-12-col-on-xs>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:12;grid-column-end:span 12}.pfe-l-grid>.pfe-m-1-col-on-xs{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:1;grid-column-end:span 1}.pfe-l-grid>.pfe-m-2-col-on-xs{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:2;grid-column-end:span 2}.pfe-l-grid>.pfe-m-3-col-on-xs{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:3;grid-column-end:span 3}.pfe-l-grid>.pfe-m-4-col-on-xs{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:4;grid-column-end:span 4}.pfe-l-grid>.pfe-m-5-col-on-xs{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:5;grid-column-end:span 5}.pfe-l-grid>.pfe-m-6-col-on-xs{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:6;grid-column-end:span 6}.pfe-l-grid>.pfe-m-7-col-on-xs{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:7;grid-column-end:span 7}.pfe-l-grid>.pfe-m-8-col-on-xs{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:8;grid-column-end:span 8}.pfe-l-grid>.pfe-m-9-col-on-xs{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:9;grid-column-end:span 9}.pfe-l-grid>.pfe-m-10-col-on-xs{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:10;grid-column-end:span 10}.pfe-l-grid>.pfe-m-11-col-on-xs{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:11;grid-column-end:span 11}.pfe-l-grid>.pfe-m-12-col-on-xs{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:12;grid-column-end:span 12}.pfe-l-grid>.pfe-m-startat-1-col-on-xs{-ms-grid-column:col-start 1;grid-column-start:col-start 1}.pfe-l-grid>.pfe-m-startat-2-col-on-xs{-ms-grid-column:col-start 2;grid-column-start:col-start 2}.pfe-l-grid>.pfe-m-startat-3-col-on-xs{-ms-grid-column:col-start 3;grid-column-start:col-start 3}.pfe-l-grid>.pfe-m-startat-4-col-on-xs{-ms-grid-column:col-start 4;grid-column-start:col-start 4}.pfe-l-grid>.pfe-m-startat-5-col-on-xs{-ms-grid-column:col-start 5;grid-column-start:col-start 5}.pfe-l-grid>.pfe-m-startat-6-col-on-xs{-ms-grid-column:col-start 6;grid-column-start:col-start 6}.pfe-l-grid>.pfe-m-startat-7-col-on-xs{-ms-grid-column:col-start 7;grid-column-start:col-start 7}.pfe-l-grid>.pfe-m-startat-8-col-on-xs{-ms-grid-column:col-start 8;grid-column-start:col-start 8}.pfe-l-grid>.pfe-m-startat-9-col-on-xs{-ms-grid-column:col-start 9;grid-column-start:col-start 9}.pfe-l-grid>.pfe-m-startat-10-col-on-xs{-ms-grid-column:col-start 10;grid-column-start:col-start 10}.pfe-l-grid>.pfe-m-startat-11-col-on-xs{-ms-grid-column:col-start 11;grid-column-start:col-start 11}.pfe-l-grid>.pfe-m-startat-12-col-on-xs{-ms-grid-column:col-start 12;grid-column-start:col-start 12}.pfe-l-grid>.pfe-m-1-row-on-xs{-ms-grid-row-span:1;grid-row:span 1}.pfe-l-grid>.pfe-m-2-row-on-xs{-ms-grid-row-span:2;grid-row:span 2}.pfe-l-grid>.pfe-m-3-row-on-xs{-ms-grid-row-span:3;grid-row:span 3}.pfe-l-grid>.pfe-m-4-row-on-xs{-ms-grid-row-span:4;grid-row:span 4}.pfe-l-grid>.pfe-m-5-row-on-xs{-ms-grid-row-span:5;grid-row:span 5}.pfe-l-grid>.pfe-m-6-row-on-xs{-ms-grid-row-span:6;grid-row:span 6}.pfe-l-grid>.pfe-m-7-row-on-xs{-ms-grid-row-span:7;grid-row:span 7}.pfe-l-grid>.pfe-m-8-row-on-xs{-ms-grid-row-span:8;grid-row:span 8}.pfe-l-grid>.pfe-m-9-row-on-xs{-ms-grid-row-span:9;grid-row:span 9}.pfe-l-grid>.pfe-m-10-row-on-xs{-ms-grid-row-span:10;grid-row:span 10}.pfe-l-grid>.pfe-m-11-row-on-xs{-ms-grid-row-span:11;grid-row:span 11}.pfe-l-grid>.pfe-m-12-row-on-xs{-ms-grid-row-span:12;grid-row:span 12}}@media screen and (min-width:576px){.pfe-l-grid.pfe-m-all-1-col-on-sm>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:1;grid-column-end:span 1}.pfe-l-grid.pfe-m-all-2-col-on-sm>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:2;grid-column-end:span 2}.pfe-l-grid.pfe-m-all-3-col-on-sm>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:3;grid-column-end:span 3}.pfe-l-grid.pfe-m-all-4-col-on-sm>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:4;grid-column-end:span 4}.pfe-l-grid.pfe-m-all-5-col-on-sm>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:5;grid-column-end:span 5}.pfe-l-grid.pfe-m-all-6-col-on-sm>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:6;grid-column-end:span 6}.pfe-l-grid.pfe-m-all-7-col-on-sm>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:7;grid-column-end:span 7}.pfe-l-grid.pfe-m-all-8-col-on-sm>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:8;grid-column-end:span 8}.pfe-l-grid.pfe-m-all-9-col-on-sm>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:9;grid-column-end:span 9}.pfe-l-grid.pfe-m-all-10-col-on-sm>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:10;grid-column-end:span 10}.pfe-l-grid.pfe-m-all-11-col-on-sm>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:11;grid-column-end:span 11}.pfe-l-grid.pfe-m-all-12-col-on-sm>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:12;grid-column-end:span 12}.pfe-l-grid>.pfe-m-1-col-on-sm{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:1;grid-column-end:span 1}.pfe-l-grid>.pfe-m-2-col-on-sm{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:2;grid-column-end:span 2}.pfe-l-grid>.pfe-m-3-col-on-sm{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:3;grid-column-end:span 3}.pfe-l-grid>.pfe-m-4-col-on-sm{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:4;grid-column-end:span 4}.pfe-l-grid>.pfe-m-5-col-on-sm{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:5;grid-column-end:span 5}.pfe-l-grid>.pfe-m-6-col-on-sm{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:6;grid-column-end:span 6}.pfe-l-grid>.pfe-m-7-col-on-sm{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:7;grid-column-end:span 7}.pfe-l-grid>.pfe-m-8-col-on-sm{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:8;grid-column-end:span 8}.pfe-l-grid>.pfe-m-9-col-on-sm{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:9;grid-column-end:span 9}.pfe-l-grid>.pfe-m-10-col-on-sm{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:10;grid-column-end:span 10}.pfe-l-grid>.pfe-m-11-col-on-sm{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:11;grid-column-end:span 11}.pfe-l-grid>.pfe-m-12-col-on-sm{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:12;grid-column-end:span 12}.pfe-l-grid>.pfe-m-startat-1-col-on-sm{-ms-grid-column:col-start 1;grid-column-start:col-start 1}.pfe-l-grid>.pfe-m-startat-2-col-on-sm{-ms-grid-column:col-start 2;grid-column-start:col-start 2}.pfe-l-grid>.pfe-m-startat-3-col-on-sm{-ms-grid-column:col-start 3;grid-column-start:col-start 3}.pfe-l-grid>.pfe-m-startat-4-col-on-sm{-ms-grid-column:col-start 4;grid-column-start:col-start 4}.pfe-l-grid>.pfe-m-startat-5-col-on-sm{-ms-grid-column:col-start 5;grid-column-start:col-start 5}.pfe-l-grid>.pfe-m-startat-6-col-on-sm{-ms-grid-column:col-start 6;grid-column-start:col-start 6}.pfe-l-grid>.pfe-m-startat-7-col-on-sm{-ms-grid-column:col-start 7;grid-column-start:col-start 7}.pfe-l-grid>.pfe-m-startat-8-col-on-sm{-ms-grid-column:col-start 8;grid-column-start:col-start 8}.pfe-l-grid>.pfe-m-startat-9-col-on-sm{-ms-grid-column:col-start 9;grid-column-start:col-start 9}.pfe-l-grid>.pfe-m-startat-10-col-on-sm{-ms-grid-column:col-start 10;grid-column-start:col-start 10}.pfe-l-grid>.pfe-m-startat-11-col-on-sm{-ms-grid-column:col-start 11;grid-column-start:col-start 11}.pfe-l-grid>.pfe-m-startat-12-col-on-sm{-ms-grid-column:col-start 12;grid-column-start:col-start 12}.pfe-l-grid>.pfe-m-1-row-on-sm{-ms-grid-row-span:1;grid-row:span 1}.pfe-l-grid>.pfe-m-2-row-on-sm{-ms-grid-row-span:2;grid-row:span 2}.pfe-l-grid>.pfe-m-3-row-on-sm{-ms-grid-row-span:3;grid-row:span 3}.pfe-l-grid>.pfe-m-4-row-on-sm{-ms-grid-row-span:4;grid-row:span 4}.pfe-l-grid>.pfe-m-5-row-on-sm{-ms-grid-row-span:5;grid-row:span 5}.pfe-l-grid>.pfe-m-6-row-on-sm{-ms-grid-row-span:6;grid-row:span 6}.pfe-l-grid>.pfe-m-7-row-on-sm{-ms-grid-row-span:7;grid-row:span 7}.pfe-l-grid>.pfe-m-8-row-on-sm{-ms-grid-row-span:8;grid-row:span 8}.pfe-l-grid>.pfe-m-9-row-on-sm{-ms-grid-row-span:9;grid-row:span 9}.pfe-l-grid>.pfe-m-10-row-on-sm{-ms-grid-row-span:10;grid-row:span 10}.pfe-l-grid>.pfe-m-11-row-on-sm{-ms-grid-row-span:11;grid-row:span 11}.pfe-l-grid>.pfe-m-12-row-on-sm{-ms-grid-row-span:12;grid-row:span 12}}@media screen and (min-width:768px){.pfe-l-grid.pfe-m-all-1-col-on-md>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:1;grid-column-end:span 1}.pfe-l-grid.pfe-m-all-2-col-on-md>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:2;grid-column-end:span 2}.pfe-l-grid.pfe-m-all-3-col-on-md>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:3;grid-column-end:span 3}.pfe-l-grid.pfe-m-all-4-col-on-md>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:4;grid-column-end:span 4}.pfe-l-grid.pfe-m-all-5-col-on-md>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:5;grid-column-end:span 5}.pfe-l-grid.pfe-m-all-6-col-on-md>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:6;grid-column-end:span 6}.pfe-l-grid.pfe-m-all-7-col-on-md>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:7;grid-column-end:span 7}.pfe-l-grid.pfe-m-all-8-col-on-md>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:8;grid-column-end:span 8}.pfe-l-grid.pfe-m-all-9-col-on-md>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:9;grid-column-end:span 9}.pfe-l-grid.pfe-m-all-10-col-on-md>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:10;grid-column-end:span 10}.pfe-l-grid.pfe-m-all-11-col-on-md>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:11;grid-column-end:span 11}.pfe-l-grid.pfe-m-all-12-col-on-md>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:12;grid-column-end:span 12}.pfe-l-grid>.pfe-m-1-col-on-md{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:1;grid-column-end:span 1}.pfe-l-grid>.pfe-m-2-col-on-md{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:2;grid-column-end:span 2}.pfe-l-grid>.pfe-m-3-col-on-md{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:3;grid-column-end:span 3}.pfe-l-grid>.pfe-m-4-col-on-md{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:4;grid-column-end:span 4}.pfe-l-grid>.pfe-m-5-col-on-md{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:5;grid-column-end:span 5}.pfe-l-grid>.pfe-m-6-col-on-md{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:6;grid-column-end:span 6}.pfe-l-grid>.pfe-m-7-col-on-md{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:7;grid-column-end:span 7}.pfe-l-grid>.pfe-m-8-col-on-md{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:8;grid-column-end:span 8}.pfe-l-grid>.pfe-m-9-col-on-md{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:9;grid-column-end:span 9}.pfe-l-grid>.pfe-m-10-col-on-md{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:10;grid-column-end:span 10}.pfe-l-grid>.pfe-m-11-col-on-md{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:11;grid-column-end:span 11}.pfe-l-grid>.pfe-m-12-col-on-md{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:12;grid-column-end:span 12}.pfe-l-grid>.pfe-m-startat-1-col-on-md{-ms-grid-column:col-start 1;grid-column-start:col-start 1}.pfe-l-grid>.pfe-m-startat-2-col-on-md{-ms-grid-column:col-start 2;grid-column-start:col-start 2}.pfe-l-grid>.pfe-m-startat-3-col-on-md{-ms-grid-column:col-start 3;grid-column-start:col-start 3}.pfe-l-grid>.pfe-m-startat-4-col-on-md{-ms-grid-column:col-start 4;grid-column-start:col-start 4}.pfe-l-grid>.pfe-m-startat-5-col-on-md{-ms-grid-column:col-start 5;grid-column-start:col-start 5}.pfe-l-grid>.pfe-m-startat-6-col-on-md{-ms-grid-column:col-start 6;grid-column-start:col-start 6}.pfe-l-grid>.pfe-m-startat-7-col-on-md{-ms-grid-column:col-start 7;grid-column-start:col-start 7}.pfe-l-grid>.pfe-m-startat-8-col-on-md{-ms-grid-column:col-start 8;grid-column-start:col-start 8}.pfe-l-grid>.pfe-m-startat-9-col-on-md{-ms-grid-column:col-start 9;grid-column-start:col-start 9}.pfe-l-grid>.pfe-m-startat-10-col-on-md{-ms-grid-column:col-start 10;grid-column-start:col-start 10}.pfe-l-grid>.pfe-m-startat-11-col-on-md{-ms-grid-column:col-start 11;grid-column-start:col-start 11}.pfe-l-grid>.pfe-m-startat-12-col-on-md{-ms-grid-column:col-start 12;grid-column-start:col-start 12}.pfe-l-grid>.pfe-m-1-row-on-md{-ms-grid-row-span:1;grid-row:span 1}.pfe-l-grid>.pfe-m-2-row-on-md{-ms-grid-row-span:2;grid-row:span 2}.pfe-l-grid>.pfe-m-3-row-on-md{-ms-grid-row-span:3;grid-row:span 3}.pfe-l-grid>.pfe-m-4-row-on-md{-ms-grid-row-span:4;grid-row:span 4}.pfe-l-grid>.pfe-m-5-row-on-md{-ms-grid-row-span:5;grid-row:span 5}.pfe-l-grid>.pfe-m-6-row-on-md{-ms-grid-row-span:6;grid-row:span 6}.pfe-l-grid>.pfe-m-7-row-on-md{-ms-grid-row-span:7;grid-row:span 7}.pfe-l-grid>.pfe-m-8-row-on-md{-ms-grid-row-span:8;grid-row:span 8}.pfe-l-grid>.pfe-m-9-row-on-md{-ms-grid-row-span:9;grid-row:span 9}.pfe-l-grid>.pfe-m-10-row-on-md{-ms-grid-row-span:10;grid-row:span 10}.pfe-l-grid>.pfe-m-11-row-on-md{-ms-grid-row-span:11;grid-row:span 11}.pfe-l-grid>.pfe-m-12-row-on-md{-ms-grid-row-span:12;grid-row:span 12}}@media screen and (min-width:992px){.pfe-l-grid.pfe-m-all-1-col-on-lg>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:1;grid-column-end:span 1}.pfe-l-grid.pfe-m-all-2-col-on-lg>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:2;grid-column-end:span 2}.pfe-l-grid.pfe-m-all-3-col-on-lg>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:3;grid-column-end:span 3}.pfe-l-grid.pfe-m-all-4-col-on-lg>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:4;grid-column-end:span 4}.pfe-l-grid.pfe-m-all-5-col-on-lg>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:5;grid-column-end:span 5}.pfe-l-grid.pfe-m-all-6-col-on-lg>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:6;grid-column-end:span 6}.pfe-l-grid.pfe-m-all-7-col-on-lg>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:7;grid-column-end:span 7}.pfe-l-grid.pfe-m-all-8-col-on-lg>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:8;grid-column-end:span 8}.pfe-l-grid.pfe-m-all-9-col-on-lg>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:9;grid-column-end:span 9}.pfe-l-grid.pfe-m-all-10-col-on-lg>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:10;grid-column-end:span 10}.pfe-l-grid.pfe-m-all-11-col-on-lg>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:11;grid-column-end:span 11}.pfe-l-grid.pfe-m-all-12-col-on-lg>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:12;grid-column-end:span 12}.pfe-l-grid>.pfe-m-1-col-on-lg{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:1;grid-column-end:span 1}.pfe-l-grid>.pfe-m-2-col-on-lg{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:2;grid-column-end:span 2}.pfe-l-grid>.pfe-m-3-col-on-lg{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:3;grid-column-end:span 3}.pfe-l-grid>.pfe-m-4-col-on-lg{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:4;grid-column-end:span 4}.pfe-l-grid>.pfe-m-5-col-on-lg{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:5;grid-column-end:span 5}.pfe-l-grid>.pfe-m-6-col-on-lg{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:6;grid-column-end:span 6}.pfe-l-grid>.pfe-m-7-col-on-lg{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:7;grid-column-end:span 7}.pfe-l-grid>.pfe-m-8-col-on-lg{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:8;grid-column-end:span 8}.pfe-l-grid>.pfe-m-9-col-on-lg{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:9;grid-column-end:span 9}.pfe-l-grid>.pfe-m-10-col-on-lg{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:10;grid-column-end:span 10}.pfe-l-grid>.pfe-m-11-col-on-lg{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:11;grid-column-end:span 11}.pfe-l-grid>.pfe-m-12-col-on-lg{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:12;grid-column-end:span 12}.pfe-l-grid>.pfe-m-startat-1-col-on-lg{-ms-grid-column:col-start 1;grid-column-start:col-start 1}.pfe-l-grid>.pfe-m-startat-2-col-on-lg{-ms-grid-column:col-start 2;grid-column-start:col-start 2}.pfe-l-grid>.pfe-m-startat-3-col-on-lg{-ms-grid-column:col-start 3;grid-column-start:col-start 3}.pfe-l-grid>.pfe-m-startat-4-col-on-lg{-ms-grid-column:col-start 4;grid-column-start:col-start 4}.pfe-l-grid>.pfe-m-startat-5-col-on-lg{-ms-grid-column:col-start 5;grid-column-start:col-start 5}.pfe-l-grid>.pfe-m-startat-6-col-on-lg{-ms-grid-column:col-start 6;grid-column-start:col-start 6}.pfe-l-grid>.pfe-m-startat-7-col-on-lg{-ms-grid-column:col-start 7;grid-column-start:col-start 7}.pfe-l-grid>.pfe-m-startat-8-col-on-lg{-ms-grid-column:col-start 8;grid-column-start:col-start 8}.pfe-l-grid>.pfe-m-startat-9-col-on-lg{-ms-grid-column:col-start 9;grid-column-start:col-start 9}.pfe-l-grid>.pfe-m-startat-10-col-on-lg{-ms-grid-column:col-start 10;grid-column-start:col-start 10}.pfe-l-grid>.pfe-m-startat-11-col-on-lg{-ms-grid-column:col-start 11;grid-column-start:col-start 11}.pfe-l-grid>.pfe-m-startat-12-col-on-lg{-ms-grid-column:col-start 12;grid-column-start:col-start 12}.pfe-l-grid>.pfe-m-1-row-on-lg{-ms-grid-row-span:1;grid-row:span 1}.pfe-l-grid>.pfe-m-2-row-on-lg{-ms-grid-row-span:2;grid-row:span 2}.pfe-l-grid>.pfe-m-3-row-on-lg{-ms-grid-row-span:3;grid-row:span 3}.pfe-l-grid>.pfe-m-4-row-on-lg{-ms-grid-row-span:4;grid-row:span 4}.pfe-l-grid>.pfe-m-5-row-on-lg{-ms-grid-row-span:5;grid-row:span 5}.pfe-l-grid>.pfe-m-6-row-on-lg{-ms-grid-row-span:6;grid-row:span 6}.pfe-l-grid>.pfe-m-7-row-on-lg{-ms-grid-row-span:7;grid-row:span 7}.pfe-l-grid>.pfe-m-8-row-on-lg{-ms-grid-row-span:8;grid-row:span 8}.pfe-l-grid>.pfe-m-9-row-on-lg{-ms-grid-row-span:9;grid-row:span 9}.pfe-l-grid>.pfe-m-10-row-on-lg{-ms-grid-row-span:10;grid-row:span 10}.pfe-l-grid>.pfe-m-11-row-on-lg{-ms-grid-row-span:11;grid-row:span 11}.pfe-l-grid>.pfe-m-12-row-on-lg{-ms-grid-row-span:12;grid-row:span 12}}@media screen and (min-width:1200px){.pfe-l-grid.pfe-m-all-1-col-on-xl>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:1;grid-column-end:span 1}.pfe-l-grid.pfe-m-all-2-col-on-xl>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:2;grid-column-end:span 2}.pfe-l-grid.pfe-m-all-3-col-on-xl>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:3;grid-column-end:span 3}.pfe-l-grid.pfe-m-all-4-col-on-xl>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:4;grid-column-end:span 4}.pfe-l-grid.pfe-m-all-5-col-on-xl>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:5;grid-column-end:span 5}.pfe-l-grid.pfe-m-all-6-col-on-xl>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:6;grid-column-end:span 6}.pfe-l-grid.pfe-m-all-7-col-on-xl>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:7;grid-column-end:span 7}.pfe-l-grid.pfe-m-all-8-col-on-xl>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:8;grid-column-end:span 8}.pfe-l-grid.pfe-m-all-9-col-on-xl>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:9;grid-column-end:span 9}.pfe-l-grid.pfe-m-all-10-col-on-xl>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:10;grid-column-end:span 10}.pfe-l-grid.pfe-m-all-11-col-on-xl>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:11;grid-column-end:span 11}.pfe-l-grid.pfe-m-all-12-col-on-xl>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:12;grid-column-end:span 12}.pfe-l-grid>.pfe-m-1-col-on-xl{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:1;grid-column-end:span 1}.pfe-l-grid>.pfe-m-2-col-on-xl{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:2;grid-column-end:span 2}.pfe-l-grid>.pfe-m-3-col-on-xl{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:3;grid-column-end:span 3}.pfe-l-grid>.pfe-m-4-col-on-xl{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:4;grid-column-end:span 4}.pfe-l-grid>.pfe-m-5-col-on-xl{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:5;grid-column-end:span 5}.pfe-l-grid>.pfe-m-6-col-on-xl{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:6;grid-column-end:span 6}.pfe-l-grid>.pfe-m-7-col-on-xl{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:7;grid-column-end:span 7}.pfe-l-grid>.pfe-m-8-col-on-xl{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:8;grid-column-end:span 8}.pfe-l-grid>.pfe-m-9-col-on-xl{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:9;grid-column-end:span 9}.pfe-l-grid>.pfe-m-10-col-on-xl{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:10;grid-column-end:span 10}.pfe-l-grid>.pfe-m-11-col-on-xl{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:11;grid-column-end:span 11}.pfe-l-grid>.pfe-m-12-col-on-xl{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:12;grid-column-end:span 12}.pfe-l-grid>.pfe-m-startat-1-col-on-xl{-ms-grid-column:col-start 1;grid-column-start:col-start 1}.pfe-l-grid>.pfe-m-startat-2-col-on-xl{-ms-grid-column:col-start 2;grid-column-start:col-start 2}.pfe-l-grid>.pfe-m-startat-3-col-on-xl{-ms-grid-column:col-start 3;grid-column-start:col-start 3}.pfe-l-grid>.pfe-m-startat-4-col-on-xl{-ms-grid-column:col-start 4;grid-column-start:col-start 4}.pfe-l-grid>.pfe-m-startat-5-col-on-xl{-ms-grid-column:col-start 5;grid-column-start:col-start 5}.pfe-l-grid>.pfe-m-startat-6-col-on-xl{-ms-grid-column:col-start 6;grid-column-start:col-start 6}.pfe-l-grid>.pfe-m-startat-7-col-on-xl{-ms-grid-column:col-start 7;grid-column-start:col-start 7}.pfe-l-grid>.pfe-m-startat-8-col-on-xl{-ms-grid-column:col-start 8;grid-column-start:col-start 8}.pfe-l-grid>.pfe-m-startat-9-col-on-xl{-ms-grid-column:col-start 9;grid-column-start:col-start 9}.pfe-l-grid>.pfe-m-startat-10-col-on-xl{-ms-grid-column:col-start 10;grid-column-start:col-start 10}.pfe-l-grid>.pfe-m-startat-11-col-on-xl{-ms-grid-column:col-start 11;grid-column-start:col-start 11}.pfe-l-grid>.pfe-m-startat-12-col-on-xl{-ms-grid-column:col-start 12;grid-column-start:col-start 12}.pfe-l-grid>.pfe-m-1-row-on-xl{-ms-grid-row-span:1;grid-row:span 1}.pfe-l-grid>.pfe-m-2-row-on-xl{-ms-grid-row-span:2;grid-row:span 2}.pfe-l-grid>.pfe-m-3-row-on-xl{-ms-grid-row-span:3;grid-row:span 3}.pfe-l-grid>.pfe-m-4-row-on-xl{-ms-grid-row-span:4;grid-row:span 4}.pfe-l-grid>.pfe-m-5-row-on-xl{-ms-grid-row-span:5;grid-row:span 5}.pfe-l-grid>.pfe-m-6-row-on-xl{-ms-grid-row-span:6;grid-row:span 6}.pfe-l-grid>.pfe-m-7-row-on-xl{-ms-grid-row-span:7;grid-row:span 7}.pfe-l-grid>.pfe-m-8-row-on-xl{-ms-grid-row-span:8;grid-row:span 8}.pfe-l-grid>.pfe-m-9-row-on-xl{-ms-grid-row-span:9;grid-row:span 9}.pfe-l-grid>.pfe-m-10-row-on-xl{-ms-grid-row-span:10;grid-row:span 10}.pfe-l-grid>.pfe-m-11-row-on-xl{-ms-grid-row-span:11;grid-row:span 11}.pfe-l-grid>.pfe-m-12-row-on-xl{-ms-grid-row-span:12;grid-row:span 12}}.pfe-l-grid.pfe-m-gutters{grid-gap:16px;margin:0}.pfe-l-grid.pfe-m-gutters>*{margin:0}}.pfe-l-bullseye{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:100%;padding:16px;padding:var(--pfe-theme--container-spacer,16px);margin:0} +/*# sourceMappingURL=pfe-layouts.min.css.map */ diff --git a/elements/pfe-styles/dist/pfe-layouts.min.css.map b/elements/pfe-styles/dist/pfe-layouts.min.css.map new file mode 100644 index 0000000000..f44856af2f --- /dev/null +++ b/elements/pfe-styles/dist/pfe-layouts.min.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["../layouts/_alignments.scss","../layouts/_grid.scss","../layouts/_bullseye.scss"],"names":[],"mappings":"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","file":"pfe-layouts.min.css","sourcesContent":[]} \ No newline at end of file diff --git a/elements/pfe-styles/package-lock.json b/elements/pfe-styles/package-lock.json index e54393e6c6..eca11bdf9e 100644 --- a/elements/pfe-styles/package-lock.json +++ b/elements/pfe-styles/package-lock.json @@ -1,6 +1,6 @@ { "name": "@patternfly/pfe-styles", - "version": "1.0.0-prerelease.49", + "version": "1.0.0-prerelease.50", "lockfileVersion": 1, "requires": true, "dependencies": { diff --git a/elements/pfe-styles/package.json b/elements/pfe-styles/package.json index 19db14bffb..881433e9a9 100644 --- a/elements/pfe-styles/package.json +++ b/elements/pfe-styles/package.json @@ -12,7 +12,7 @@ "pfe-layouts.*.map" ] }, - "version": "1.0.0-prerelease.49", + "version": "1.0.0-prerelease.50", "publishConfig": { "access": "public" }, @@ -44,7 +44,7 @@ ], "license": "MIT", "dependencies": { - "@patternfly/pfe-sass": "^1.0.0-prerelease.49" + "@patternfly/pfe-sass": "^1.0.0-prerelease.50" }, "bugs": { "url": "https://github.com/patternfly/patternfly-elements/issues" diff --git a/elements/pfe-tabs/dist/pfe-tabs.js b/elements/pfe-tabs/dist/pfe-tabs.js new file mode 100644 index 0000000000..dbe1e13d85 --- /dev/null +++ b/elements/pfe-tabs/dist/pfe-tabs.js @@ -0,0 +1,874 @@ +import PFElement from '../../pfelement/dist/pfelement.js'; + +// @POLYFILL Array.prototype.find +// https://tc39.github.io/ecma262/#sec-array.prototype.find +if (!Array.prototype.find) { + Object.defineProperty(Array.prototype, "find", { + value: function(predicate) { + // 1. Let O be ? ToObject(this value). + if (this == null) { + throw new TypeError('"this" is null or not defined'); + } + + var o = Object(this); + + // 2. Let len be ? ToLength(? Get(O, "length")). + var len = o.length >>> 0; + + // 3. If IsCallable(predicate) is false, throw a TypeError exception. + if (typeof predicate !== "function") { + throw new TypeError("predicate must be a function"); + } + + // 4. If thisArg was supplied, let T be thisArg; else let T be undefined. + var thisArg = arguments[1]; + + // 5. Let k be 0. + var k = 0; + + // 6. Repeat, while k < len + while (k < len) { + // a. Let Pk be ! ToString(k). + // b. Let kValue be ? Get(O, Pk). + // c. Let testResult be ToBoolean(? Call(predicate, T, « kValue, k, O »)). + // d. If testResult is true, return kValue. + var kValue = o[k]; + if (predicate.call(thisArg, kValue, k, o)) { + return kValue; + } + // e. Increase k by 1. + k++; + } + + // 7. Return undefined. + return undefined; + }, + configurable: true, + writable: true + }); +} + +// @POLYFILL Array.prototype.findIndex +// https://tc39.github.io/ecma262/#sec-array.prototype.findIndex +if (!Array.prototype.findIndex) { + Object.defineProperty(Array.prototype, "findIndex", { + value: function(predicate) { + // 1. Let O be ? ToObject(this value). + if (this == null) { + throw new TypeError('"this" is null or not defined'); + } + + var o = Object(this); + + // 2. Let len be ? ToLength(? Get(O, "length")). + var len = o.length >>> 0; + + // 3. If IsCallable(predicate) is false, throw a TypeError exception. + if (typeof predicate !== "function") { + throw new TypeError("predicate must be a function"); + } + + // 4. If thisArg was supplied, let T be thisArg; else let T be undefined. + var thisArg = arguments[1]; + + // 5. Let k be 0. + var k = 0; + + // 6. Repeat, while k < len + while (k < len) { + // a. Let Pk be ! ToString(k). + // b. Let kValue be ? Get(O, Pk). + // c. Let testResult be ToBoolean(? Call(predicate, T, « kValue, k, O »)). + // d. If testResult is true, return k. + var kValue = o[k]; + if (predicate.call(thisArg, kValue, k, o)) { + return k; + } + // e. Increase k by 1. + k++; + } + + // 7. Return -1. + return -1; + }, + configurable: true, + writable: true + }); +} + +// @POLYFILL Element.prototype.matches +// https://developer.mozilla.org/en-US/docs/Web/API/Element/matches#Polyfill +if (!Element.prototype.matches) { + Element.prototype.matches = Element.prototype.msMatchesSelector; +} + +/*! + * PatternFly Elements: PfeTabs 1.0.0-prerelease.50 + * @license + * Copyright 2020 Red Hat, Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + * +*/ + +const KEYCODE = { + DOWN: 40, + LEFT: 37, + RIGHT: 39, + UP: 38, + HOME: 36, + END: 35 +}; + +// @IE11 doesn't support URLSearchParams +// https://caniuse.com/#search=urlsearchparams +const CAN_USE_URLSEARCHPARAMS = window.URLSearchParams ? true : false; + +const TABS_MUTATION_CONFIG = { + childList: true, + subtree: true +}; + +const TAB_CONTENT_MUTATION_CONFIG = { + characterData: true, + childList: true, + subtree: true +}; + +function generateId() { + return Math.random() + .toString(36) + .substr(2, 9); +} + +class PfeTabs extends PFElement { + static get version() { + return "1.0.0-prerelease.50"; + } + + get html() { + return `
                                                    + +
                                                    +
                                                    + +
                                                    `; + } + + static get properties() { + return {"vertical":{"title":"Vertical orientation","type":"boolean","default":false,"prefixed":false},"variant":{"title":"Variant","type":"string","enum":["wind","earth"],"default":"wind","prefixed":true},"tab-history":{"title":"Tab history","type":"boolean","default":false,"prefixed":true}}; + } + + static get slots() { + return {"tab":{"title":"Tab","type":"array","namedSlot":true,"items":{"oneOf":[{"$ref":"raw"}]}},"panel":{"title":"Panel","type":"array","namedSlot":true,"items":{"oneOf":[{"$ref":"raw"}]}}}; + } + static get tag() { + return "pfe-tabs"; + } + + get styleUrl() { + return "pfe-tabs.scss"; + } + + get templateUrl() { + return "pfe-tabs.html"; + } + + get schemaUrl() { + return "pfe-tabs.json"; + } + + static get observedAttributes() { + return ["vertical", "selected-index", "pfe-variant", "pfe-tab-history"]; + } + + static get events() { + return { + hiddenTab: `${this.tag}:hidden-tab`, + shownTab: `${this.tag}:shown-tab` + }; + } + + get selectedIndex() { + return this.getAttribute("selected-index"); + } + + set selectedIndex(value) { + this.setAttribute("selected-index", value); + } + + get tabHistory() { + return this.hasAttribute("pfe-tab-history"); + } + + constructor() { + super(PfeTabs); + + this._linked = false; + this._init = this._init.bind(this); + this._onClick = this._onClick.bind(this); + this._linkPanels = this._linkPanels.bind(this); + this._popstateEventHandler = this._popstateEventHandler.bind(this); + this._observer = new MutationObserver(this._init); + this._updateHistory = true; + } + + connectedCallback() { + super.connectedCallback(); + + this.addEventListener("keydown", this._onKeyDown); + this.addEventListener("click", this._onClick); + + Promise.all([ + customElements.whenDefined(PfeTab.tag), + customElements.whenDefined(PfeTabPanel.tag) + ]).then(() => { + if (this.children.length) { + this._init(); + } + + this._observer.observe(this, TABS_MUTATION_CONFIG); + }); + } + + disconnectedCallback() { + this.removeEventListener("keydown", this._onKeyDown); + this._allTabs().forEach(tab => + tab.removeEventListener("click", this._onClick) + ); + this._observer.disconnect(); + + if (this.tabHistory) { + window.removeEventListener("popstate", this._popstateEventHandler); + } + } + + attributeChangedCallback(attr, oldValue, newValue) { + switch (attr) { + case "pfe-variant": + if (this.getAttribute("pfe-variant") === "wind") { + this._allTabs().forEach(tab => + tab.setAttribute("pfe-variant", "wind") + ); + this._allPanels().forEach(panel => + panel.setAttribute("pfe-variant", "wind") + ); + } else if (this.getAttribute("pfe-variant") === "earth") { + this._allTabs().forEach(tab => + tab.setAttribute("pfe-variant", "earth") + ); + this._allPanels().forEach(panel => + panel.setAttribute("pfe-variant", "earth") + ); + } + break; + + case "vertical": + if (this.hasAttribute("vertical")) { + this.setAttribute("aria-orientation", "vertical"); + this._allPanels().forEach(panel => + panel.setAttribute("vertical", "") + ); + this._allTabs().forEach(tab => tab.setAttribute("vertical", "")); + } else { + this.removeAttribute("aria-orientation"); + this._allPanels().forEach(panel => panel.removeAttribute("vertical")); + this._allTabs().forEach(tab => tab.removeAttribute("vertical")); + } + break; + + case "selected-index": + Promise.all([ + customElements.whenDefined(PfeTab.tag), + customElements.whenDefined(PfeTabPanel.tag) + ]).then(() => { + this._linkPanels(); + this.selectIndex(newValue); + this._updateHistory = true; + }); + break; + + case "pfe-tab-history": + if (newValue === null) { + window.removeEventListener("popstate", this._popstateEventHandler); + } else { + window.addEventListener("popstate", this._popstateEventHandler); + } + } + } + + select(newTab) { + if (!newTab) { + return; + } + + if (newTab.tagName.toLowerCase() !== "pfe-tab") { + console.warn(`${PfeTabs.tag}: the tab must be a pfe-tab element`); + return; + } + + this.selectedIndex = this._getTabIndex(newTab); + } + + selectIndex(_index) { + if (_index === undefined) { + return; + } + + const index = parseInt(_index, 10); + const tabs = this._allTabs(); + const tab = tabs[index]; + + if (!tab) { + console.warn(`${PfeTabs.tag}: tab ${_index} does not exist`); + return; + } + + // @IE11 doesn't support URLSearchParams + // https://caniuse.com/#search=urlsearchparams + if ( + this.selected && + this.tabHistory && + this._updateHistory && + CAN_USE_URLSEARCHPARAMS + ) { + // rebuild the url + const pathname = window.location.pathname; + const urlParams = new URLSearchParams(window.location.search); + const hash = window.location.hash; + const property = this.id || this.getAttribute("pfe-id"); + const value = tab.id || tab.getAttribute("pfe-id"); + + urlParams.set(property, value); + history.pushState({}, "", `${pathname}?${urlParams.toString()}${hash}`); + } + + this._selectTab(tab); + } + + _init(mutationsList) { + if (this.getAttribute("role") !== "tablist") { + this.setAttribute("role", "tablist"); + } + + let urlParams; + + // @IE11 doesn't support URLSearchParams + // https://caniuse.com/#search=urlsearchparams + if (CAN_USE_URLSEARCHPARAMS) { + urlParams = new URLSearchParams(window.location.search); + } + + const tabIndexFromURL = this._getTabIndexFromURL(); + + if (tabIndexFromURL > -1) { + this._setFocus = true; + this.selectedIndex = tabIndexFromURL; + } else if (!this.hasAttribute("selected-index")) { + this.selectedIndex = 0; + } + + this._linked = false; + this._linkPanels(); + + if (mutationsList) { + for (let mutation of mutationsList) { + if (mutation.type === "childList" && mutation.addedNodes.length) { + [...mutation.addedNodes].forEach(addedNode => { + if (!addedNode.tagName) { + return; + } + + if ( + addedNode.tagName.toLowerCase() === PfeTab.tag || + addedNode.tagName.toLowerCase() === PfeTabPanel.tag + ) { + if (this.variant.value) { + addedNode.setAttribute("pfe-variant", this.variant.value); + } + } + }); + } + } + } + } + + _linkPanels() { + if (this._linked) { + return; + } + + if (window.ShadyCSS) { + this._observer.disconnect(); + } + + const tabs = this._allTabs(); + + tabs.forEach(tab => { + const panel = tab.nextElementSibling; + if (panel.tagName.toLowerCase() !== "pfe-tab-panel") { + console.warn( + `${PfeTabs.tag}: tab #${tab.pfeId} is not a sibling of a ` + ); + return; + } + + tab.setAttribute("aria-controls", panel.pfeId); + panel.setAttribute("aria-labelledby", tab.pfeId); + + tab.addEventListener("click", this._onClick); + }); + + this._linked = true; + + if (window.ShadyCSS) { + this._observer.observe(this, TABS_MUTATION_CONFIG); + } + } + + _allPanels() { + return [...this.children].filter(child => child.matches("pfe-tab-panel")); + } + + _allTabs() { + return [...this.children].filter(child => child.matches("pfe-tab")); + } + + _panelForTab(tab) { + const panelId = tab.getAttribute("aria-controls"); + return this.querySelector(`[pfe-id="${panelId}"]`); + } + + _prevTab() { + const tabs = this._allTabs(); + let newIdx = tabs.findIndex(tab => tab.selected) - 1; + return tabs[(newIdx + tabs.length) % tabs.length]; + } + + _firstTab() { + const tabs = this._allTabs(); + return tabs[0]; + } + + _lastTab() { + const tabs = this._allTabs(); + return tabs[tabs.length - 1]; + } + + _nextTab() { + const tabs = this._allTabs(); + let newIdx = tabs.findIndex(tab => tab.selected) + 1; + return tabs[newIdx % tabs.length]; + } + + _getTabIndex(_tab) { + const tabs = this._allTabs(); + const index = tabs.findIndex(tab => tab.pfeId === _tab.pfeId); + return index; + } + + reset() { + const tabs = this._allTabs(); + const panels = this._allPanels(); + + tabs.forEach(tab => (tab.selected = false)); + panels.forEach(panel => (panel.hidden = true)); + } + + _selectTab(newTab) { + this.reset(); + + const newPanel = this._panelForTab(newTab); + let newTabSelected = false; + + if (!newPanel) { + throw new Error(`No panel with pfeId ${newPanel.pfeId}`); + } + + if (this.selected && this.selected !== newTab) { + newTabSelected = true; + + this.emitEvent(PfeTabs.events.hiddenTab, { + detail: { + tab: this.selected + } + }); + } + + newTab.selected = true; + newPanel.hidden = false; + + const tabs = this._allTabs(); + const newIdx = tabs.findIndex(tab => tab.selected); + + this.selected = newTab; + + if (newTabSelected) { + if (this._setFocus) { + newTab.focus(); + } + + this.emitEvent(PfeTabs.events.shownTab, { + detail: { + tab: this.selected + } + }); + } + + this._setFocus = false; + } + + _onKeyDown(event) { + const tabs = this._allTabs(); + const foundTab = tabs.find(tab => tab === event.target); + + if (!foundTab) { + return; + } + + if (event.altKey) { + return; + } + + let newTab; + + switch (event.keyCode) { + case KEYCODE.LEFT: + case KEYCODE.UP: + newTab = this._prevTab(); + break; + + case KEYCODE.RIGHT: + case KEYCODE.DOWN: + newTab = this._nextTab(); + break; + + case KEYCODE.HOME: + newTab = this._firstTab(); + break; + + case KEYCODE.END: + newTab = this._lastTab(); + break; + + default: + return; + } + + event.preventDefault(); + + this.selectedIndex = this._getTabIndex(newTab); + this._setFocus = true; + } + + _onClick(event) { + const tabs = this._allTabs(); + const foundTab = tabs.find(tab => tab === event.currentTarget); + + if (!foundTab) { + return; + } + + this.selectedIndex = this._getTabIndex(event.currentTarget); + } + + _getTabIndexFromURL() { + let urlParams; + let tabIndex = -1; + + // @IE11 doesn't support URLSearchParams + // https://caniuse.com/#search=urlsearchparams + if (CAN_USE_URLSEARCHPARAMS) { + urlParams = new URLSearchParams(window.location.search); + + // @DEPRECATED + // the "pfe-" prefix has been deprecated but we'll continue to support it + // we'll give priority to the urlParams.has(`${this.id}`) attribute first + // and fallback to urlParams.has(`pfe-${this.id}`) if it exists. We should + // be able to remove the || part of the if statement in the future + const tabsetInUrl = + urlParams.has(`${this.id}`) || + urlParams.has(this.getAttribute("pfe-id")) || + urlParams.has(`pfe-${this.id}`); // remove this condition when it's no longer used in production + + if (urlParams && tabsetInUrl) { + const id = + urlParams.get(`${this.id}`) || + urlParams.get(this.getAttribute("pfe-id")) || + urlParams.get(`pfe-${this.id}`); // remove this condition when it's no longer used in production + + tabIndex = this._allTabs().findIndex(tab => { + const tabId = tab.id || tab.getAttribute("pfe-id"); + return tabId === id; + }); + } + } + + return tabIndex; + } + + _popstateEventHandler() { + const tabIndexFromURL = this._getTabIndexFromURL(); + + this._updateHistory = false; + this.selectedIndex = tabIndexFromURL > -1 ? tabIndexFromURL : 0; + } +} + +class PfeTab extends PFElement { + static get version() { + return "1.0.0-prerelease.50"; + } + + get html() { + return ``; + } + static get tag() { + return "pfe-tab"; + } + + get styleUrl() { + return "pfe-tab.scss"; + } + + get templateUrl() { + return "pfe-tab.html"; + } + + static get observedAttributes() { + return ["aria-selected"]; + } + + set selected(value) { + value = Boolean(value); + this.setAttribute("aria-selected", value); + } + + get selected() { + return this.getAttribute("aria-selected") === "true" ? true : false; + } + + get pfeId() { + return this.getAttribute("pfe-id"); + } + + set pfeId(id) { + if (!id) { + return; + } + + this.setAttribute("pfe-id", id); + } + + constructor() { + super(PfeTab); + + this._tabItem; + this._init = this._init.bind(this); + this._setTabContent = this._setTabContent.bind(this); + this._observer = new MutationObserver(this._init); + } + + connectedCallback() { + super.connectedCallback(); + + this._tabItem = this.shadowRoot.querySelector(`.${this.tag}`); + + if (this.children.length || this.textContent.trim().length) { + this._init(); + } + + this._observer.observe(this, TAB_CONTENT_MUTATION_CONFIG); + } + + attributeChangedCallback() { + const value = Boolean(this.selected); + this.setAttribute("tabindex", value ? 0 : -1); + } + + disconnectedCallback() { + this._observer.disconnect(); + } + + _init() { + if (window.ShadyCSS) { + this._observer.disconnect(); + } + + // Copy the tab content into the template + this._setTabContent(); + + if (!this.pfeId) { + this.pfeId = `${PfeTab.tag}-${generateId()}`; + } + + if (this.getAttribute("role") !== "tab") { + this.setAttribute("role", "tab"); + } + + if (!this.hasAttribute("aria-selected")) { + this.setAttribute("aria-selected", "false"); + } + + if (!this.hasAttribute("tabindex")) { + this.setAttribute("tabindex", -1); + } + + if (this.parentNode.hasAttribute("vertical")) { + this.setAttribute("vertical", ""); + } + + if (window.ShadyCSS) { + this._observer.observe(this, TAB_CONTENT_MUTATION_CONFIG); + } + } + + _setTabContent() { + // Copy the tab content into the template + const label = this.textContent.trim().replace(/\s+/g, " "); + + if (!label) { + console.warn( + `${this.tag}: There does not appear to be any content in the tab region.` + ); + return; + } + + let semantics = ""; + // Get the semantics of the content + if (this.children.length > 0) { + // We only care about the first child that is a tag + if ( + this.firstElementChild && + this.firstElementChild.tagName.match(/^H[1-6]/) + ) { + semantics = this.firstElementChild.tagName.toLowerCase(); + } + } + + // Create an h-level tag for the shadow tab, default h3 + let heading = document.createElement("h3"); + + // Use the provided semantics if provided + if (semantics.length > 0) { + heading = document.createElement(semantics); + } + + // Assign the label content to the new heading + heading.textContent = label; + + // Attach the heading to the tabItem + this._tabItem.innerHTML = ""; + this._tabItem.appendChild(heading); + } +} + +class PfeTabPanel extends PFElement { + static get version() { + return "1.0.0-prerelease.50"; + } + + get html() { + return `
                                                    +
                                                    + +
                                                    +
                                                    `; + } + static get tag() { + return "pfe-tab-panel"; + } + + get styleUrl() { + return "pfe-tab-panel.scss"; + } + + get templateUrl() { + return "pfe-tab-panel.html"; + } + + get pfeId() { + return this.getAttribute("pfe-id"); + } + + set pfeId(id) { + if (!id) { + return; + } + + this.setAttribute("pfe-id", id); + } + + constructor() { + super(PfeTabPanel); + + this._init = this._init.bind(this); + this._observer = new MutationObserver(this._init); + } + + connectedCallback() { + super.connectedCallback(); + + this._init(); + this._observer.observe(this, TABS_MUTATION_CONFIG); + } + + disconnectedCallback() { + this._observer.disconnect(); + } + + _init() { + if (window.ShadyCSS) { + this._observer.disconnect(); + } + + if (!this.pfeId) { + this.pfeId = `${PfeTabPanel.tag}-${generateId()}`; + } + + if (this.getAttribute("role") !== "tabpanel") { + this.setAttribute("role", "tabpanel"); + } + + if (!this.hasAttribute("tabindex")) { + this.setAttribute("tabindex", 0); + } + + if (this.previousElementSibling.getAttribute("aria-selected") !== "true") { + this.hidden = true; + } + + if (window.ShadyCSS) { + this._observer.observe(this, TABS_MUTATION_CONFIG); + } + } +} + +PFElement.create(PfeTab); +PFElement.create(PfeTabPanel); +PFElement.create(PfeTabs); + +export default PfeTabs; +//# sourceMappingURL=pfe-tabs.js.map diff --git a/elements/pfe-tabs/dist/pfe-tabs.js.map b/elements/pfe-tabs/dist/pfe-tabs.js.map new file mode 100644 index 0000000000..b909a2b40d --- /dev/null +++ b/elements/pfe-tabs/dist/pfe-tabs.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-tabs.js","sources":["../_temp/polyfills--pfe-tabs.js","../_temp/pfe-tabs.js"],"sourcesContent":["// @POLYFILL Array.prototype.find\n// https://tc39.github.io/ecma262/#sec-array.prototype.find\nif (!Array.prototype.find) {\n Object.defineProperty(Array.prototype, \"find\", {\n value: function(predicate) {\n // 1. Let O be ? ToObject(this value).\n if (this == null) {\n throw new TypeError('\"this\" is null or not defined');\n }\n\n var o = Object(this);\n\n // 2. Let len be ? ToLength(? Get(O, \"length\")).\n var len = o.length >>> 0;\n\n // 3. If IsCallable(predicate) is false, throw a TypeError exception.\n if (typeof predicate !== \"function\") {\n throw new TypeError(\"predicate must be a function\");\n }\n\n // 4. If thisArg was supplied, let T be thisArg; else let T be undefined.\n var thisArg = arguments[1];\n\n // 5. Let k be 0.\n var k = 0;\n\n // 6. Repeat, while k < len\n while (k < len) {\n // a. Let Pk be ! ToString(k).\n // b. Let kValue be ? Get(O, Pk).\n // c. Let testResult be ToBoolean(? Call(predicate, T, « kValue, k, O »)).\n // d. If testResult is true, return kValue.\n var kValue = o[k];\n if (predicate.call(thisArg, kValue, k, o)) {\n return kValue;\n }\n // e. Increase k by 1.\n k++;\n }\n\n // 7. Return undefined.\n return undefined;\n },\n configurable: true,\n writable: true\n });\n}\n\n// @POLYFILL Array.prototype.findIndex\n// https://tc39.github.io/ecma262/#sec-array.prototype.findIndex\nif (!Array.prototype.findIndex) {\n Object.defineProperty(Array.prototype, \"findIndex\", {\n value: function(predicate) {\n // 1. Let O be ? ToObject(this value).\n if (this == null) {\n throw new TypeError('\"this\" is null or not defined');\n }\n\n var o = Object(this);\n\n // 2. Let len be ? ToLength(? Get(O, \"length\")).\n var len = o.length >>> 0;\n\n // 3. If IsCallable(predicate) is false, throw a TypeError exception.\n if (typeof predicate !== \"function\") {\n throw new TypeError(\"predicate must be a function\");\n }\n\n // 4. If thisArg was supplied, let T be thisArg; else let T be undefined.\n var thisArg = arguments[1];\n\n // 5. Let k be 0.\n var k = 0;\n\n // 6. Repeat, while k < len\n while (k < len) {\n // a. Let Pk be ! ToString(k).\n // b. Let kValue be ? Get(O, Pk).\n // c. Let testResult be ToBoolean(? Call(predicate, T, « kValue, k, O »)).\n // d. If testResult is true, return k.\n var kValue = o[k];\n if (predicate.call(thisArg, kValue, k, o)) {\n return k;\n }\n // e. Increase k by 1.\n k++;\n }\n\n // 7. Return -1.\n return -1;\n },\n configurable: true,\n writable: true\n });\n}\n\n// @POLYFILL Element.prototype.matches\n// https://developer.mozilla.org/en-US/docs/Web/API/Element/matches#Polyfill\nif (!Element.prototype.matches) {\n Element.prototype.matches = Element.prototype.msMatchesSelector;\n}\n","/*!\n * PatternFly Elements: PfeTabs 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\n// Import polyfills: find, findIndex\nimport \"./polyfills--pfe-tabs.js\";\n\nimport PFElement from \"../../pfelement/dist/pfelement.js\";\n\nconst KEYCODE = {\n DOWN: 40,\n LEFT: 37,\n RIGHT: 39,\n UP: 38,\n HOME: 36,\n END: 35\n};\n\n// @IE11 doesn't support URLSearchParams\n// https://caniuse.com/#search=urlsearchparams\nconst CAN_USE_URLSEARCHPARAMS = window.URLSearchParams ? true : false;\n\nconst TABS_MUTATION_CONFIG = {\n childList: true,\n subtree: true\n};\n\nconst TAB_CONTENT_MUTATION_CONFIG = {\n characterData: true,\n childList: true,\n subtree: true\n};\n\nfunction generateId() {\n return Math.random()\n .toString(36)\n .substr(2, 9);\n}\n\nclass PfeTabs extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return `
                                                    \n \n
                                                    \n
                                                    \n \n
                                                    `;\n }\n\n static get properties() {\n return {\"vertical\":{\"title\":\"Vertical orientation\",\"type\":\"boolean\",\"default\":false,\"prefixed\":false},\"variant\":{\"title\":\"Variant\",\"type\":\"string\",\"enum\":[\"wind\",\"earth\"],\"default\":\"wind\",\"prefixed\":true},\"tab-history\":{\"title\":\"Tab history\",\"type\":\"boolean\",\"default\":false,\"prefixed\":true}};\n }\n\n static get slots() {\n return {\"tab\":{\"title\":\"Tab\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"oneOf\":[{\"$ref\":\"raw\"}]}},\"panel\":{\"title\":\"Panel\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"oneOf\":[{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-tabs\";\n }\n\n get styleUrl() {\n return \"pfe-tabs.scss\";\n }\n\n get templateUrl() {\n return \"pfe-tabs.html\";\n }\n\n get schemaUrl() {\n return \"pfe-tabs.json\";\n }\n\n static get observedAttributes() {\n return [\"vertical\", \"selected-index\", \"pfe-variant\", \"pfe-tab-history\"];\n }\n\n static get events() {\n return {\n hiddenTab: `${this.tag}:hidden-tab`,\n shownTab: `${this.tag}:shown-tab`\n };\n }\n\n get selectedIndex() {\n return this.getAttribute(\"selected-index\");\n }\n\n set selectedIndex(value) {\n this.setAttribute(\"selected-index\", value);\n }\n\n get tabHistory() {\n return this.hasAttribute(\"pfe-tab-history\");\n }\n\n constructor() {\n super(PfeTabs);\n\n this._linked = false;\n this._init = this._init.bind(this);\n this._onClick = this._onClick.bind(this);\n this._linkPanels = this._linkPanels.bind(this);\n this._popstateEventHandler = this._popstateEventHandler.bind(this);\n this._observer = new MutationObserver(this._init);\n this._updateHistory = true;\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this.addEventListener(\"keydown\", this._onKeyDown);\n this.addEventListener(\"click\", this._onClick);\n\n Promise.all([\n customElements.whenDefined(PfeTab.tag),\n customElements.whenDefined(PfeTabPanel.tag)\n ]).then(() => {\n if (this.children.length) {\n this._init();\n }\n\n this._observer.observe(this, TABS_MUTATION_CONFIG);\n });\n }\n\n disconnectedCallback() {\n this.removeEventListener(\"keydown\", this._onKeyDown);\n this._allTabs().forEach(tab =>\n tab.removeEventListener(\"click\", this._onClick)\n );\n this._observer.disconnect();\n\n if (this.tabHistory) {\n window.removeEventListener(\"popstate\", this._popstateEventHandler);\n }\n }\n\n attributeChangedCallback(attr, oldValue, newValue) {\n switch (attr) {\n case \"pfe-variant\":\n if (this.getAttribute(\"pfe-variant\") === \"wind\") {\n this._allTabs().forEach(tab =>\n tab.setAttribute(\"pfe-variant\", \"wind\")\n );\n this._allPanels().forEach(panel =>\n panel.setAttribute(\"pfe-variant\", \"wind\")\n );\n } else if (this.getAttribute(\"pfe-variant\") === \"earth\") {\n this._allTabs().forEach(tab =>\n tab.setAttribute(\"pfe-variant\", \"earth\")\n );\n this._allPanels().forEach(panel =>\n panel.setAttribute(\"pfe-variant\", \"earth\")\n );\n }\n break;\n\n case \"vertical\":\n if (this.hasAttribute(\"vertical\")) {\n this.setAttribute(\"aria-orientation\", \"vertical\");\n this._allPanels().forEach(panel =>\n panel.setAttribute(\"vertical\", \"\")\n );\n this._allTabs().forEach(tab => tab.setAttribute(\"vertical\", \"\"));\n } else {\n this.removeAttribute(\"aria-orientation\");\n this._allPanels().forEach(panel => panel.removeAttribute(\"vertical\"));\n this._allTabs().forEach(tab => tab.removeAttribute(\"vertical\"));\n }\n break;\n\n case \"selected-index\":\n Promise.all([\n customElements.whenDefined(PfeTab.tag),\n customElements.whenDefined(PfeTabPanel.tag)\n ]).then(() => {\n this._linkPanels();\n this.selectIndex(newValue);\n this._updateHistory = true;\n });\n break;\n\n case \"pfe-tab-history\":\n if (newValue === null) {\n window.removeEventListener(\"popstate\", this._popstateEventHandler);\n } else {\n window.addEventListener(\"popstate\", this._popstateEventHandler);\n }\n }\n }\n\n select(newTab) {\n if (!newTab) {\n return;\n }\n\n if (newTab.tagName.toLowerCase() !== \"pfe-tab\") {\n console.warn(`${PfeTabs.tag}: the tab must be a pfe-tab element`);\n return;\n }\n\n this.selectedIndex = this._getTabIndex(newTab);\n }\n\n selectIndex(_index) {\n if (_index === undefined) {\n return;\n }\n\n const index = parseInt(_index, 10);\n const tabs = this._allTabs();\n const tab = tabs[index];\n\n if (!tab) {\n console.warn(`${PfeTabs.tag}: tab ${_index} does not exist`);\n return;\n }\n\n // @IE11 doesn't support URLSearchParams\n // https://caniuse.com/#search=urlsearchparams\n if (\n this.selected &&\n this.tabHistory &&\n this._updateHistory &&\n CAN_USE_URLSEARCHPARAMS\n ) {\n // rebuild the url\n const pathname = window.location.pathname;\n const urlParams = new URLSearchParams(window.location.search);\n const hash = window.location.hash;\n const property = this.id || this.getAttribute(\"pfe-id\");\n const value = tab.id || tab.getAttribute(\"pfe-id\");\n\n urlParams.set(property, value);\n history.pushState({}, \"\", `${pathname}?${urlParams.toString()}${hash}`);\n }\n\n this._selectTab(tab);\n }\n\n _init(mutationsList) {\n if (this.getAttribute(\"role\") !== \"tablist\") {\n this.setAttribute(\"role\", \"tablist\");\n }\n\n let urlParams;\n\n // @IE11 doesn't support URLSearchParams\n // https://caniuse.com/#search=urlsearchparams\n if (CAN_USE_URLSEARCHPARAMS) {\n urlParams = new URLSearchParams(window.location.search);\n }\n\n const tabIndexFromURL = this._getTabIndexFromURL();\n\n if (tabIndexFromURL > -1) {\n this._setFocus = true;\n this.selectedIndex = tabIndexFromURL;\n } else if (!this.hasAttribute(\"selected-index\")) {\n this.selectedIndex = 0;\n }\n\n this._linked = false;\n this._linkPanels();\n\n if (mutationsList) {\n for (let mutation of mutationsList) {\n if (mutation.type === \"childList\" && mutation.addedNodes.length) {\n [...mutation.addedNodes].forEach(addedNode => {\n if (!addedNode.tagName) {\n return;\n }\n\n if (\n addedNode.tagName.toLowerCase() === PfeTab.tag ||\n addedNode.tagName.toLowerCase() === PfeTabPanel.tag\n ) {\n if (this.variant.value) {\n addedNode.setAttribute(\"pfe-variant\", this.variant.value);\n }\n }\n });\n }\n }\n }\n }\n\n _linkPanels() {\n if (this._linked) {\n return;\n }\n\n if (window.ShadyCSS) {\n this._observer.disconnect();\n }\n\n const tabs = this._allTabs();\n\n tabs.forEach(tab => {\n const panel = tab.nextElementSibling;\n if (panel.tagName.toLowerCase() !== \"pfe-tab-panel\") {\n console.warn(\n `${PfeTabs.tag}: tab #${tab.pfeId} is not a sibling of a `\n );\n return;\n }\n\n tab.setAttribute(\"aria-controls\", panel.pfeId);\n panel.setAttribute(\"aria-labelledby\", tab.pfeId);\n\n tab.addEventListener(\"click\", this._onClick);\n });\n\n this._linked = true;\n\n if (window.ShadyCSS) {\n this._observer.observe(this, TABS_MUTATION_CONFIG);\n }\n }\n\n _allPanels() {\n return [...this.children].filter(child => child.matches(\"pfe-tab-panel\"));\n }\n\n _allTabs() {\n return [...this.children].filter(child => child.matches(\"pfe-tab\"));\n }\n\n _panelForTab(tab) {\n const panelId = tab.getAttribute(\"aria-controls\");\n return this.querySelector(`[pfe-id=\"${panelId}\"]`);\n }\n\n _prevTab() {\n const tabs = this._allTabs();\n let newIdx = tabs.findIndex(tab => tab.selected) - 1;\n return tabs[(newIdx + tabs.length) % tabs.length];\n }\n\n _firstTab() {\n const tabs = this._allTabs();\n return tabs[0];\n }\n\n _lastTab() {\n const tabs = this._allTabs();\n return tabs[tabs.length - 1];\n }\n\n _nextTab() {\n const tabs = this._allTabs();\n let newIdx = tabs.findIndex(tab => tab.selected) + 1;\n return tabs[newIdx % tabs.length];\n }\n\n _getTabIndex(_tab) {\n const tabs = this._allTabs();\n const index = tabs.findIndex(tab => tab.pfeId === _tab.pfeId);\n return index;\n }\n\n reset() {\n const tabs = this._allTabs();\n const panels = this._allPanels();\n\n tabs.forEach(tab => (tab.selected = false));\n panels.forEach(panel => (panel.hidden = true));\n }\n\n _selectTab(newTab) {\n this.reset();\n\n const newPanel = this._panelForTab(newTab);\n let newTabSelected = false;\n\n if (!newPanel) {\n throw new Error(`No panel with pfeId ${newPanel.pfeId}`);\n }\n\n if (this.selected && this.selected !== newTab) {\n newTabSelected = true;\n\n this.emitEvent(PfeTabs.events.hiddenTab, {\n detail: {\n tab: this.selected\n }\n });\n }\n\n newTab.selected = true;\n newPanel.hidden = false;\n\n const tabs = this._allTabs();\n const newIdx = tabs.findIndex(tab => tab.selected);\n\n this.selected = newTab;\n\n if (newTabSelected) {\n if (this._setFocus) {\n newTab.focus();\n }\n\n this.emitEvent(PfeTabs.events.shownTab, {\n detail: {\n tab: this.selected\n }\n });\n }\n\n this._setFocus = false;\n }\n\n _onKeyDown(event) {\n const tabs = this._allTabs();\n const foundTab = tabs.find(tab => tab === event.target);\n\n if (!foundTab) {\n return;\n }\n\n if (event.altKey) {\n return;\n }\n\n let newTab;\n\n switch (event.keyCode) {\n case KEYCODE.LEFT:\n case KEYCODE.UP:\n newTab = this._prevTab();\n break;\n\n case KEYCODE.RIGHT:\n case KEYCODE.DOWN:\n newTab = this._nextTab();\n break;\n\n case KEYCODE.HOME:\n newTab = this._firstTab();\n break;\n\n case KEYCODE.END:\n newTab = this._lastTab();\n break;\n\n default:\n return;\n }\n\n event.preventDefault();\n\n this.selectedIndex = this._getTabIndex(newTab);\n this._setFocus = true;\n }\n\n _onClick(event) {\n const tabs = this._allTabs();\n const foundTab = tabs.find(tab => tab === event.currentTarget);\n\n if (!foundTab) {\n return;\n }\n\n this.selectedIndex = this._getTabIndex(event.currentTarget);\n }\n\n _getTabIndexFromURL() {\n let urlParams;\n let tabIndex = -1;\n\n // @IE11 doesn't support URLSearchParams\n // https://caniuse.com/#search=urlsearchparams\n if (CAN_USE_URLSEARCHPARAMS) {\n urlParams = new URLSearchParams(window.location.search);\n\n // @DEPRECATED\n // the \"pfe-\" prefix has been deprecated but we'll continue to support it\n // we'll give priority to the urlParams.has(`${this.id}`) attribute first\n // and fallback to urlParams.has(`pfe-${this.id}`) if it exists. We should\n // be able to remove the || part of the if statement in the future\n const tabsetInUrl =\n urlParams.has(`${this.id}`) ||\n urlParams.has(this.getAttribute(\"pfe-id\")) ||\n urlParams.has(`pfe-${this.id}`); // remove this condition when it's no longer used in production\n\n if (urlParams && tabsetInUrl) {\n const id =\n urlParams.get(`${this.id}`) ||\n urlParams.get(this.getAttribute(\"pfe-id\")) ||\n urlParams.get(`pfe-${this.id}`); // remove this condition when it's no longer used in production\n\n tabIndex = this._allTabs().findIndex(tab => {\n const tabId = tab.id || tab.getAttribute(\"pfe-id\");\n return tabId === id;\n });\n }\n }\n\n return tabIndex;\n }\n\n _popstateEventHandler() {\n const tabIndexFromURL = this._getTabIndexFromURL();\n\n this._updateHistory = false;\n this.selectedIndex = tabIndexFromURL > -1 ? tabIndexFromURL : 0;\n }\n}\n\nclass PfeTab extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return ``;\n }\n static get tag() {\n return \"pfe-tab\";\n }\n\n get styleUrl() {\n return \"pfe-tab.scss\";\n }\n\n get templateUrl() {\n return \"pfe-tab.html\";\n }\n\n static get observedAttributes() {\n return [\"aria-selected\"];\n }\n\n set selected(value) {\n value = Boolean(value);\n this.setAttribute(\"aria-selected\", value);\n }\n\n get selected() {\n return this.getAttribute(\"aria-selected\") === \"true\" ? true : false;\n }\n\n get pfeId() {\n return this.getAttribute(\"pfe-id\");\n }\n\n set pfeId(id) {\n if (!id) {\n return;\n }\n\n this.setAttribute(\"pfe-id\", id);\n }\n\n constructor() {\n super(PfeTab);\n\n this._tabItem;\n this._init = this._init.bind(this);\n this._setTabContent = this._setTabContent.bind(this);\n this._observer = new MutationObserver(this._init);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this._tabItem = this.shadowRoot.querySelector(`.${this.tag}`);\n\n if (this.children.length || this.textContent.trim().length) {\n this._init();\n }\n\n this._observer.observe(this, TAB_CONTENT_MUTATION_CONFIG);\n }\n\n attributeChangedCallback() {\n const value = Boolean(this.selected);\n this.setAttribute(\"tabindex\", value ? 0 : -1);\n }\n\n disconnectedCallback() {\n this._observer.disconnect();\n }\n\n _init() {\n if (window.ShadyCSS) {\n this._observer.disconnect();\n }\n\n // Copy the tab content into the template\n this._setTabContent();\n\n if (!this.pfeId) {\n this.pfeId = `${PfeTab.tag}-${generateId()}`;\n }\n\n if (this.getAttribute(\"role\") !== \"tab\") {\n this.setAttribute(\"role\", \"tab\");\n }\n\n if (!this.hasAttribute(\"aria-selected\")) {\n this.setAttribute(\"aria-selected\", \"false\");\n }\n\n if (!this.hasAttribute(\"tabindex\")) {\n this.setAttribute(\"tabindex\", -1);\n }\n\n if (this.parentNode.hasAttribute(\"vertical\")) {\n this.setAttribute(\"vertical\", \"\");\n }\n\n if (window.ShadyCSS) {\n this._observer.observe(this, TAB_CONTENT_MUTATION_CONFIG);\n }\n }\n\n _setTabContent() {\n // Copy the tab content into the template\n const label = this.textContent.trim().replace(/\\s+/g, \" \");\n\n if (!label) {\n console.warn(\n `${this.tag}: There does not appear to be any content in the tab region.`\n );\n return;\n }\n\n let semantics = \"\";\n // Get the semantics of the content\n if (this.children.length > 0) {\n // We only care about the first child that is a tag\n if (\n this.firstElementChild &&\n this.firstElementChild.tagName.match(/^H[1-6]/)\n ) {\n semantics = this.firstElementChild.tagName.toLowerCase();\n }\n }\n\n // Create an h-level tag for the shadow tab, default h3\n let heading = document.createElement(\"h3\");\n\n // Use the provided semantics if provided\n if (semantics.length > 0) {\n heading = document.createElement(semantics);\n }\n\n // Assign the label content to the new heading\n heading.textContent = label;\n\n // Attach the heading to the tabItem\n this._tabItem.innerHTML = \"\";\n this._tabItem.appendChild(heading);\n }\n}\n\nclass PfeTabPanel extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return `
                                                    \n
                                                    \n \n
                                                    \n
                                                    `;\n }\n static get tag() {\n return \"pfe-tab-panel\";\n }\n\n get styleUrl() {\n return \"pfe-tab-panel.scss\";\n }\n\n get templateUrl() {\n return \"pfe-tab-panel.html\";\n }\n\n get pfeId() {\n return this.getAttribute(\"pfe-id\");\n }\n\n set pfeId(id) {\n if (!id) {\n return;\n }\n\n this.setAttribute(\"pfe-id\", id);\n }\n\n constructor() {\n super(PfeTabPanel);\n\n this._init = this._init.bind(this);\n this._observer = new MutationObserver(this._init);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this._init();\n this._observer.observe(this, TABS_MUTATION_CONFIG);\n }\n\n disconnectedCallback() {\n this._observer.disconnect();\n }\n\n _init() {\n if (window.ShadyCSS) {\n this._observer.disconnect();\n }\n\n if (!this.pfeId) {\n this.pfeId = `${PfeTabPanel.tag}-${generateId()}`;\n }\n\n if (this.getAttribute(\"role\") !== \"tabpanel\") {\n this.setAttribute(\"role\", \"tabpanel\");\n }\n\n if (!this.hasAttribute(\"tabindex\")) {\n this.setAttribute(\"tabindex\", 0);\n }\n\n if (this.previousElementSibling.getAttribute(\"aria-selected\") !== \"true\") {\n this.hidden = true;\n }\n\n if (window.ShadyCSS) {\n this._observer.observe(this, TABS_MUTATION_CONFIG);\n }\n }\n}\n\nPFElement.create(PfeTab);\nPFElement.create(PfeTabPanel);\nPFElement.create(PfeTabs);\n\nexport { PfeTabs as default };\n"],"names":[],"mappings":"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"} \ No newline at end of file diff --git a/elements/pfe-tabs/dist/pfe-tabs.json b/elements/pfe-tabs/dist/pfe-tabs.json new file mode 100644 index 0000000000..cd2edaed09 --- /dev/null +++ b/elements/pfe-tabs/dist/pfe-tabs.json @@ -0,0 +1,69 @@ +{ + "$schema": "http://json-schema.org/draft-04/schema#", + "title": "Tabs", + "description": "This element creates a tabbed interface.", + "type": "object", + "tag": "pfe-tabs", + "class": "pfe-tabs", + "category": "container", + "properties": { + "slots": { + "title": "Slots", + "description": "Definition of the supported slots", + "type": "object", + "properties": { + "tab": { + "title": "Tab", + "type": "array", + "namedSlot": true, + "items": { + "oneOf": [ + { + "$ref": "raw" + } + ] + } + }, + "panel": { + "title": "Panel", + "type": "array", + "namedSlot": true, + "items": { + "oneOf": [ + { + "$ref": "raw" + } + ] + } + } + } + }, + "attributes": { + "title": "Attributes", + "type": "object", + "properties": { + "vertical": { + "title": "Vertical orientation", + "type": "boolean", + "default": false, + "prefixed": false + }, + "variant": { + "title": "Variant", + "type": "string", + "enum": ["wind", "earth"], + "default": "wind", + "prefixed": true + }, + "tab-history": { + "title": "Tab history", + "type": "boolean", + "default": false, + "prefixed": true + } + } + } + }, + "required": ["slots", "attributes"], + "additionalProperties": false +} diff --git a/elements/pfe-tabs/dist/pfe-tabs.min.js b/elements/pfe-tabs/dist/pfe-tabs.min.js new file mode 100644 index 0000000000..3a78ba0684 --- /dev/null +++ b/elements/pfe-tabs/dist/pfe-tabs.min.js @@ -0,0 +1,26 @@ +import e from"../../pfelement/dist/pfelement.min.js";Array.prototype.find||Object.defineProperty(Array.prototype,"find",{value:function(e){if(null==this)throw new TypeError('"this" is null or not defined');var t=Object(this),r=t.length>>>0;if("function"!=typeof e)throw new TypeError("predicate must be a function");for(var a=arguments[1],i=0;i>>0;if("function"!=typeof e)throw new TypeError("predicate must be a function");for(var a=arguments[1],i=0;i:host{--pfe-tabs__tabs--BorderColor:var(--pfe-theme--color--surface--border, #d2d2d2);display:block;display:var(--pfe-tabs--Display,block);padding:0;padding:var(--pfe-tabs--Padding,0)}:host .tabs{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;flex-direction:var(--pfe-tabs__tabs--FlexDirection,row);width:auto;width:var(--pfe-tabs__tabs--Width,auto);border-top:0;border-top:var(--pfe-tabs__tabs--BorderTop,0);border-right:0;border-right:var(--pfe-tabs__tabs--BorderRight,0);border-bottom:1px solid var(--pfe-tabs__tabs--BorderColor);border-bottom:var(--pfe-tabs__tabs--BorderBottom,var(--pfe-theme--ui--border-width,1px) var(--pfe-theme--ui--border-style,solid) var(--pfe-tabs__tabs--BorderColor));border-left:0;border-left:var(--pfe-tabs__tabs--BorderLeft,0);padding:0;padding:var(--pfe-tabs__tabs--Padding,0)}:host .panels{width:auto;width:var(--pfe-tabs__panels--Width,auto);padding-top:0;padding-top:var(--pfe-tabs__panels--PaddingTop,0);padding-right:0;padding-right:var(--pfe-tabs__panels--PaddingRight,0);padding-bottom:0;padding-bottom:var(--pfe-tabs__panels--PaddingBottom,0);padding-left:0;padding-left:var(--pfe-tabs__panels--PaddingLeft,0)}:host(:not([vertical])[pfe-tab-align=center]) .tabs{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}@media screen and (min-width:768px){:host([vertical]){--pfe-tabs--Display:flex;--pfe-tabs__tabs--FlexDirection:column;--pfe-tabs__tabs--Width:22.22%;--pfe-tabs__tabs--BorderRight:var(--pfe-theme--ui--border-width, 1px) var(--pfe-theme--ui--border-style, solid) var(--pfe-tabs--BorderColor);--pfe-tabs__tabs--BorderBottom:0;--pfe-tabs__panels--Width:77.78%;--pfe-tabs__panels--PaddingRight:var(--pfe-theme--container-padding, 16px)}}@media screen and (min-width:768px) and (-ms-high-contrast:active),screen and (min-width:768px) and (-ms-high-contrast:none){:host([vertical]){display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}:host([vertical]) .tabs{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:22.22%;border-right:1px solid #d2d2d2;border-right:1px solid var(--pfe-theme--color--surface--border,#d2d2d2);border-bottom:0}:host([vertical]) .panels{width:77.8%;padding-right:1em}}@media screen and (min-width:768px){:host([vertical][pfe-variant=earth]){--pfe-tabs__tabs--Padding:var(--pfe-theme--container-padding, 16px) 0 0 0}}@media screen and (min-width:768px) and (-ms-high-contrast:active),screen and (min-width:768px) and (-ms-high-contrast:none){:host([vertical][pfe-variant=earth]) .tabs{padding:1em 0 0 0}}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host(:not([pfe-variant=earth])){background-color:#fff;background-color:var(--pfe-theme--color--surface--lightest,#fff);color:#333;color:var(--pfe-theme--color--text,#333)}}:host([pfe-variant=earth]){--pfe-tabs__tabs--PaddingLeft:var(--pfe-theme--container-padding, 16px)}:host([pfe-variant=earth]) .tabs ::slotted(pfe-tab[aria-selected=false]:not([vertical]):first-of-type){border-left:0}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host([pfe-variant=earth]) .tabs{padding-left:1em}}:host([on=dark]){--pfe-broadcasted--text:var(--pfe-theme--color--text--on-dark, #fff);--pfe-broadcasted--link:var(--pfe-theme--color--link--on-dark, #99ccff);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover--on-dark, #cce6ff);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus--on-dark, #cce6ff);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited--on-dark, #b38cd9);--pfe-broadcasted--link-decoration:none;--pfe-broadcasted--link-decoration--hover:underline;--pfe-broadcasted--link-decoration--focus:underline;--pfe-broadcasted--link-decoration--visited:none}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host{color:#333!important;color:var(--pfe-theme--color--text,#333)!important}}:host([on=saturated]){--pfe-broadcasted--text:var(--pfe-theme--color--text--on-saturated, #fff);--pfe-broadcasted--link:var(--pfe-theme--color--link--on-saturated, #fff);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover--on-saturated, white);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus--on-saturated, white);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited--on-saturated, #b38cd9);--pfe-broadcasted--link-decoration:underline;--pfe-broadcasted--link-decoration--hover:underline;--pfe-broadcasted--link-decoration--focus:underline;--pfe-broadcasted--link-decoration--visited:underline}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host{color:#333!important;color:var(--pfe-theme--color--text,#333)!important}}:host([on=light]){--pfe-broadcasted--text:var(--pfe-theme--color--text, #333);--pfe-broadcasted--link:var(--pfe-theme--color--link, #06c);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover, #003366);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus, #003366);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited, rebeccapurple);--pfe-broadcasted--link-decoration:none;--pfe-broadcasted--link-decoration--hover:underline;--pfe-broadcasted--link-decoration--focus:underline;--pfe-broadcasted--link-decoration--visited:none}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host{color:#333!important;color:var(--pfe-theme--color--text,#333)!important}}\n/*# sourceMappingURL=pfe-tabs.min.css.map */\n
                                                    \n \n
                                                    \n
                                                    \n \n
                                                    '}static get properties(){return{vertical:{title:"Vertical orientation",type:"boolean",default:!1,prefixed:!1},variant:{title:"Variant",type:"string",enum:["wind","earth"],default:"wind",prefixed:!0},"tab-history":{title:"Tab history",type:"boolean",default:!1,prefixed:!0}}}static get slots(){return{tab:{title:"Tab",type:"array",namedSlot:!0,items:{oneOf:[{$ref:"raw"}]}},panel:{title:"Panel",type:"array",namedSlot:!0,items:{oneOf:[{$ref:"raw"}]}}}}static get tag(){return"pfe-tabs"}get styleUrl(){return"pfe-tabs.scss"}get templateUrl(){return"pfe-tabs.html"}get schemaUrl(){return"pfe-tabs.json"}static get observedAttributes(){return["vertical","selected-index","pfe-variant","pfe-tab-history"]}static get events(){return{hiddenTab:`${this.tag}:hidden-tab`,shownTab:`${this.tag}:shown-tab`}}get selectedIndex(){return this.getAttribute("selected-index")}set selectedIndex(e){this.setAttribute("selected-index",e)}get tabHistory(){return this.hasAttribute("pfe-tab-history")}constructor(){super(s),this._linked=!1,this._init=this._init.bind(this),this._onClick=this._onClick.bind(this),this._linkPanels=this._linkPanels.bind(this),this._popstateEventHandler=this._popstateEventHandler.bind(this),this._observer=new MutationObserver(this._init),this._updateHistory=!0}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this._onKeyDown),this.addEventListener("click",this._onClick),Promise.all([customElements.whenDefined(n.tag),customElements.whenDefined(d.tag)]).then(()=>{this.children.length&&this._init(),this._observer.observe(this,a)})}disconnectedCallback(){this.removeEventListener("keydown",this._onKeyDown),this._allTabs().forEach(e=>e.removeEventListener("click",this._onClick)),this._observer.disconnect(),this.tabHistory&&window.removeEventListener("popstate",this._popstateEventHandler)}attributeChangedCallback(e,t,r){switch(e){case"pfe-variant":"wind"===this.getAttribute("pfe-variant")?(this._allTabs().forEach(e=>e.setAttribute("pfe-variant","wind")),this._allPanels().forEach(e=>e.setAttribute("pfe-variant","wind"))):"earth"===this.getAttribute("pfe-variant")&&(this._allTabs().forEach(e=>e.setAttribute("pfe-variant","earth")),this._allPanels().forEach(e=>e.setAttribute("pfe-variant","earth")));break;case"vertical":this.hasAttribute("vertical")?(this.setAttribute("aria-orientation","vertical"),this._allPanels().forEach(e=>e.setAttribute("vertical","")),this._allTabs().forEach(e=>e.setAttribute("vertical",""))):(this.removeAttribute("aria-orientation"),this._allPanels().forEach(e=>e.removeAttribute("vertical")),this._allTabs().forEach(e=>e.removeAttribute("vertical")));break;case"selected-index":Promise.all([customElements.whenDefined(n.tag),customElements.whenDefined(d.tag)]).then(()=>{this._linkPanels(),this.selectIndex(r),this._updateHistory=!0});break;case"pfe-tab-history":null===r?window.removeEventListener("popstate",this._popstateEventHandler):window.addEventListener("popstate",this._popstateEventHandler)}}select(e){e&&("pfe-tab"===e.tagName.toLowerCase()?this.selectedIndex=this._getTabIndex(e):console.warn(`${s.tag}: the tab must be a pfe-tab element`))}selectIndex(e){if(void 0===e)return;const t=parseInt(e,10),a=this._allTabs()[t];if(a){if(this.selected&&this.tabHistory&&this._updateHistory&&r){const e=window.location.pathname,t=new URLSearchParams(window.location.search),r=window.location.hash,i=this.id||this.getAttribute("pfe-id"),o=a.id||a.getAttribute("pfe-id");t.set(i,o),history.pushState({},"",`${e}?${t.toString()}${r}`)}this._selectTab(a)}else console.warn(`${s.tag}: tab ${e} does not exist`)}_init(e){let t;"tablist"!==this.getAttribute("role")&&this.setAttribute("role","tablist"),r&&(t=new URLSearchParams(window.location.search));const a=this._getTabIndexFromURL();if(a>-1?(this._setFocus=!0,this.selectedIndex=a):this.hasAttribute("selected-index")||(this.selectedIndex=0),this._linked=!1,this._linkPanels(),e)for(let t of e)"childList"===t.type&&t.addedNodes.length&&[...t.addedNodes].forEach(e=>{e.tagName&&(e.tagName.toLowerCase()!==n.tag&&e.tagName.toLowerCase()!==d.tag||this.variant.value&&e.setAttribute("pfe-variant",this.variant.value))})}_linkPanels(){if(this._linked)return;window.ShadyCSS&&this._observer.disconnect(),this._allTabs().forEach(e=>{const t=e.nextElementSibling;"pfe-tab-panel"===t.tagName.toLowerCase()?(e.setAttribute("aria-controls",t.pfeId),t.setAttribute("aria-labelledby",e.pfeId),e.addEventListener("click",this._onClick)):console.warn(`${s.tag}: tab #${e.pfeId} is not a sibling of a `)}),this._linked=!0,window.ShadyCSS&&this._observer.observe(this,a)}_allPanels(){return[...this.children].filter(e=>e.matches("pfe-tab-panel"))}_allTabs(){return[...this.children].filter(e=>e.matches("pfe-tab"))}_panelForTab(e){const t=e.getAttribute("aria-controls");return this.querySelector(`[pfe-id="${t}"]`)}_prevTab(){const e=this._allTabs();let t=e.findIndex(e=>e.selected)-1;return e[(t+e.length)%e.length]}_firstTab(){return this._allTabs()[0]}_lastTab(){const e=this._allTabs();return e[e.length-1]}_nextTab(){const e=this._allTabs();let t=e.findIndex(e=>e.selected)+1;return e[t%e.length]}_getTabIndex(e){return this._allTabs().findIndex(t=>t.pfeId===e.pfeId)}reset(){const e=this._allTabs(),t=this._allPanels();e.forEach(e=>e.selected=!1),t.forEach(e=>e.hidden=!0)}_selectTab(e){this.reset();const t=this._panelForTab(e);let r=!1;if(!t)throw new Error(`No panel with pfeId ${t.pfeId}`);this.selected&&this.selected!==e&&(r=!0,this.emitEvent(s.events.hiddenTab,{detail:{tab:this.selected}})),e.selected=!0,t.hidden=!1;this._allTabs().findIndex(e=>e.selected);this.selected=e,r&&(this._setFocus&&e.focus(),this.emitEvent(s.events.shownTab,{detail:{tab:this.selected}})),this._setFocus=!1}_onKeyDown(e){if(!this._allTabs().find(t=>t===e.target))return;if(e.altKey)return;let r;switch(e.keyCode){case t.LEFT:case t.UP:r=this._prevTab();break;case t.RIGHT:case t.DOWN:r=this._nextTab();break;case t.HOME:r=this._firstTab();break;case t.END:r=this._lastTab();break;default:return}e.preventDefault(),this.selectedIndex=this._getTabIndex(r),this._setFocus=!0}_onClick(e){this._allTabs().find(t=>t===e.currentTarget)&&(this.selectedIndex=this._getTabIndex(e.currentTarget))}_getTabIndexFromURL(){let e,t=-1;if(r){const r=(e=new URLSearchParams(window.location.search)).has(`${this.id}`)||e.has(this.getAttribute("pfe-id"))||e.has(`pfe-${this.id}`);if(e&&r){const r=e.get(`${this.id}`)||e.get(this.getAttribute("pfe-id"))||e.get(`pfe-${this.id}`);t=this._allTabs().findIndex(e=>{return(e.id||e.getAttribute("pfe-id"))===r})}}return t}_popstateEventHandler(){const e=this._getTabIndexFromURL();this._updateHistory=!1,this.selectedIndex=e>-1?e:0}}class n extends e{static get version(){return"1.0.0-prerelease.50"}get html(){return''}static get tag(){return"pfe-tab"}get styleUrl(){return"pfe-tab.scss"}get templateUrl(){return"pfe-tab.html"}static get observedAttributes(){return["aria-selected"]}set selected(e){e=Boolean(e),this.setAttribute("aria-selected",e)}get selected(){return"true"===this.getAttribute("aria-selected")}get pfeId(){return this.getAttribute("pfe-id")}set pfeId(e){e&&this.setAttribute("pfe-id",e)}constructor(){super(n),this._tabItem,this._init=this._init.bind(this),this._setTabContent=this._setTabContent.bind(this),this._observer=new MutationObserver(this._init)}connectedCallback(){super.connectedCallback(),this._tabItem=this.shadowRoot.querySelector(`.${this.tag}`),(this.children.length||this.textContent.trim().length)&&this._init(),this._observer.observe(this,i)}attributeChangedCallback(){const e=Boolean(this.selected);this.setAttribute("tabindex",e?0:-1)}disconnectedCallback(){this._observer.disconnect()}_init(){window.ShadyCSS&&this._observer.disconnect(),this._setTabContent(),this.pfeId||(this.pfeId=`${n.tag}-${o()}`),"tab"!==this.getAttribute("role")&&this.setAttribute("role","tab"),this.hasAttribute("aria-selected")||this.setAttribute("aria-selected","false"),this.hasAttribute("tabindex")||this.setAttribute("tabindex",-1),this.parentNode.hasAttribute("vertical")&&this.setAttribute("vertical",""),window.ShadyCSS&&this._observer.observe(this,i)}_setTabContent(){const e=this.textContent.trim().replace(/\s+/g," ");if(!e)return void console.warn(`${this.tag}: There does not appear to be any content in the tab region.`);let t="";this.children.length>0&&this.firstElementChild&&this.firstElementChild.tagName.match(/^H[1-6]/)&&(t=this.firstElementChild.tagName.toLowerCase());let r=document.createElement("h3");t.length>0&&(r=document.createElement(t)),r.textContent=e,this._tabItem.innerHTML="",this._tabItem.appendChild(r)}}class d extends e{static get version(){return"1.0.0-prerelease.50"}get html(){return'
                                                    \n
                                                    \n \n
                                                    \n
                                                    '}static get tag(){return"pfe-tab-panel"}get styleUrl(){return"pfe-tab-panel.scss"}get templateUrl(){return"pfe-tab-panel.html"}get pfeId(){return this.getAttribute("pfe-id")}set pfeId(e){e&&this.setAttribute("pfe-id",e)}constructor(){super(d),this._init=this._init.bind(this),this._observer=new MutationObserver(this._init)}connectedCallback(){super.connectedCallback(),this._init(),this._observer.observe(this,a)}disconnectedCallback(){this._observer.disconnect()}_init(){window.ShadyCSS&&this._observer.disconnect(),this.pfeId||(this.pfeId=`${d.tag}-${o()}`),"tabpanel"!==this.getAttribute("role")&&this.setAttribute("role","tabpanel"),this.hasAttribute("tabindex")||this.setAttribute("tabindex",0),"true"!==this.previousElementSibling.getAttribute("aria-selected")&&(this.hidden=!0),window.ShadyCSS&&this._observer.observe(this,a)}}e.create(n),e.create(d),e.create(s);export default s; +//# sourceMappingURL=pfe-tabs.min.js.map diff --git a/elements/pfe-tabs/dist/pfe-tabs.min.js.map b/elements/pfe-tabs/dist/pfe-tabs.min.js.map new file mode 100644 index 0000000000..be950f2fc6 --- /dev/null +++ b/elements/pfe-tabs/dist/pfe-tabs.min.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-tabs.min.js","sources":["../_temp/polyfills--pfe-tabs.js","../_temp/pfe-tabs.js"],"sourcesContent":["// @POLYFILL Array.prototype.find\n// https://tc39.github.io/ecma262/#sec-array.prototype.find\nif (!Array.prototype.find) {\n Object.defineProperty(Array.prototype, \"find\", {\n value: function(predicate) {\n // 1. Let O be ? ToObject(this value).\n if (this == null) {\n throw new TypeError('\"this\" is null or not defined');\n }\n\n var o = Object(this);\n\n // 2. Let len be ? ToLength(? Get(O, \"length\")).\n var len = o.length >>> 0;\n\n // 3. If IsCallable(predicate) is false, throw a TypeError exception.\n if (typeof predicate !== \"function\") {\n throw new TypeError(\"predicate must be a function\");\n }\n\n // 4. If thisArg was supplied, let T be thisArg; else let T be undefined.\n var thisArg = arguments[1];\n\n // 5. Let k be 0.\n var k = 0;\n\n // 6. Repeat, while k < len\n while (k < len) {\n // a. Let Pk be ! ToString(k).\n // b. Let kValue be ? Get(O, Pk).\n // c. Let testResult be ToBoolean(? Call(predicate, T, « kValue, k, O »)).\n // d. If testResult is true, return kValue.\n var kValue = o[k];\n if (predicate.call(thisArg, kValue, k, o)) {\n return kValue;\n }\n // e. Increase k by 1.\n k++;\n }\n\n // 7. Return undefined.\n return undefined;\n },\n configurable: true,\n writable: true\n });\n}\n\n// @POLYFILL Array.prototype.findIndex\n// https://tc39.github.io/ecma262/#sec-array.prototype.findIndex\nif (!Array.prototype.findIndex) {\n Object.defineProperty(Array.prototype, \"findIndex\", {\n value: function(predicate) {\n // 1. Let O be ? ToObject(this value).\n if (this == null) {\n throw new TypeError('\"this\" is null or not defined');\n }\n\n var o = Object(this);\n\n // 2. Let len be ? ToLength(? Get(O, \"length\")).\n var len = o.length >>> 0;\n\n // 3. If IsCallable(predicate) is false, throw a TypeError exception.\n if (typeof predicate !== \"function\") {\n throw new TypeError(\"predicate must be a function\");\n }\n\n // 4. If thisArg was supplied, let T be thisArg; else let T be undefined.\n var thisArg = arguments[1];\n\n // 5. Let k be 0.\n var k = 0;\n\n // 6. Repeat, while k < len\n while (k < len) {\n // a. Let Pk be ! ToString(k).\n // b. Let kValue be ? Get(O, Pk).\n // c. Let testResult be ToBoolean(? Call(predicate, T, « kValue, k, O »)).\n // d. If testResult is true, return k.\n var kValue = o[k];\n if (predicate.call(thisArg, kValue, k, o)) {\n return k;\n }\n // e. Increase k by 1.\n k++;\n }\n\n // 7. Return -1.\n return -1;\n },\n configurable: true,\n writable: true\n });\n}\n\n// @POLYFILL Element.prototype.matches\n// https://developer.mozilla.org/en-US/docs/Web/API/Element/matches#Polyfill\nif (!Element.prototype.matches) {\n Element.prototype.matches = Element.prototype.msMatchesSelector;\n}\n","/*!\n * PatternFly Elements: PfeTabs 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\n// Import polyfills: find, findIndex\nimport \"./polyfills--pfe-tabs.js\";\n\nimport PFElement from \"../../pfelement/dist/pfelement.js\";\n\nconst KEYCODE = {\n DOWN: 40,\n LEFT: 37,\n RIGHT: 39,\n UP: 38,\n HOME: 36,\n END: 35\n};\n\n// @IE11 doesn't support URLSearchParams\n// https://caniuse.com/#search=urlsearchparams\nconst CAN_USE_URLSEARCHPARAMS = window.URLSearchParams ? true : false;\n\nconst TABS_MUTATION_CONFIG = {\n childList: true,\n subtree: true\n};\n\nconst TAB_CONTENT_MUTATION_CONFIG = {\n characterData: true,\n childList: true,\n subtree: true\n};\n\nfunction generateId() {\n return Math.random()\n .toString(36)\n .substr(2, 9);\n}\n\nclass PfeTabs extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return `
                                                    \n \n
                                                    \n
                                                    \n \n
                                                    `;\n }\n\n static get properties() {\n return {\"vertical\":{\"title\":\"Vertical orientation\",\"type\":\"boolean\",\"default\":false,\"prefixed\":false},\"variant\":{\"title\":\"Variant\",\"type\":\"string\",\"enum\":[\"wind\",\"earth\"],\"default\":\"wind\",\"prefixed\":true},\"tab-history\":{\"title\":\"Tab history\",\"type\":\"boolean\",\"default\":false,\"prefixed\":true}};\n }\n\n static get slots() {\n return {\"tab\":{\"title\":\"Tab\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"oneOf\":[{\"$ref\":\"raw\"}]}},\"panel\":{\"title\":\"Panel\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"oneOf\":[{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-tabs\";\n }\n\n get styleUrl() {\n return \"pfe-tabs.scss\";\n }\n\n get templateUrl() {\n return \"pfe-tabs.html\";\n }\n\n get schemaUrl() {\n return \"pfe-tabs.json\";\n }\n\n static get observedAttributes() {\n return [\"vertical\", \"selected-index\", \"pfe-variant\", \"pfe-tab-history\"];\n }\n\n static get events() {\n return {\n hiddenTab: `${this.tag}:hidden-tab`,\n shownTab: `${this.tag}:shown-tab`\n };\n }\n\n get selectedIndex() {\n return this.getAttribute(\"selected-index\");\n }\n\n set selectedIndex(value) {\n this.setAttribute(\"selected-index\", value);\n }\n\n get tabHistory() {\n return this.hasAttribute(\"pfe-tab-history\");\n }\n\n constructor() {\n super(PfeTabs);\n\n this._linked = false;\n this._init = this._init.bind(this);\n this._onClick = this._onClick.bind(this);\n this._linkPanels = this._linkPanels.bind(this);\n this._popstateEventHandler = this._popstateEventHandler.bind(this);\n this._observer = new MutationObserver(this._init);\n this._updateHistory = true;\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this.addEventListener(\"keydown\", this._onKeyDown);\n this.addEventListener(\"click\", this._onClick);\n\n Promise.all([\n customElements.whenDefined(PfeTab.tag),\n customElements.whenDefined(PfeTabPanel.tag)\n ]).then(() => {\n if (this.children.length) {\n this._init();\n }\n\n this._observer.observe(this, TABS_MUTATION_CONFIG);\n });\n }\n\n disconnectedCallback() {\n this.removeEventListener(\"keydown\", this._onKeyDown);\n this._allTabs().forEach(tab =>\n tab.removeEventListener(\"click\", this._onClick)\n );\n this._observer.disconnect();\n\n if (this.tabHistory) {\n window.removeEventListener(\"popstate\", this._popstateEventHandler);\n }\n }\n\n attributeChangedCallback(attr, oldValue, newValue) {\n switch (attr) {\n case \"pfe-variant\":\n if (this.getAttribute(\"pfe-variant\") === \"wind\") {\n this._allTabs().forEach(tab =>\n tab.setAttribute(\"pfe-variant\", \"wind\")\n );\n this._allPanels().forEach(panel =>\n panel.setAttribute(\"pfe-variant\", \"wind\")\n );\n } else if (this.getAttribute(\"pfe-variant\") === \"earth\") {\n this._allTabs().forEach(tab =>\n tab.setAttribute(\"pfe-variant\", \"earth\")\n );\n this._allPanels().forEach(panel =>\n panel.setAttribute(\"pfe-variant\", \"earth\")\n );\n }\n break;\n\n case \"vertical\":\n if (this.hasAttribute(\"vertical\")) {\n this.setAttribute(\"aria-orientation\", \"vertical\");\n this._allPanels().forEach(panel =>\n panel.setAttribute(\"vertical\", \"\")\n );\n this._allTabs().forEach(tab => tab.setAttribute(\"vertical\", \"\"));\n } else {\n this.removeAttribute(\"aria-orientation\");\n this._allPanels().forEach(panel => panel.removeAttribute(\"vertical\"));\n this._allTabs().forEach(tab => tab.removeAttribute(\"vertical\"));\n }\n break;\n\n case \"selected-index\":\n Promise.all([\n customElements.whenDefined(PfeTab.tag),\n customElements.whenDefined(PfeTabPanel.tag)\n ]).then(() => {\n this._linkPanels();\n this.selectIndex(newValue);\n this._updateHistory = true;\n });\n break;\n\n case \"pfe-tab-history\":\n if (newValue === null) {\n window.removeEventListener(\"popstate\", this._popstateEventHandler);\n } else {\n window.addEventListener(\"popstate\", this._popstateEventHandler);\n }\n }\n }\n\n select(newTab) {\n if (!newTab) {\n return;\n }\n\n if (newTab.tagName.toLowerCase() !== \"pfe-tab\") {\n console.warn(`${PfeTabs.tag}: the tab must be a pfe-tab element`);\n return;\n }\n\n this.selectedIndex = this._getTabIndex(newTab);\n }\n\n selectIndex(_index) {\n if (_index === undefined) {\n return;\n }\n\n const index = parseInt(_index, 10);\n const tabs = this._allTabs();\n const tab = tabs[index];\n\n if (!tab) {\n console.warn(`${PfeTabs.tag}: tab ${_index} does not exist`);\n return;\n }\n\n // @IE11 doesn't support URLSearchParams\n // https://caniuse.com/#search=urlsearchparams\n if (\n this.selected &&\n this.tabHistory &&\n this._updateHistory &&\n CAN_USE_URLSEARCHPARAMS\n ) {\n // rebuild the url\n const pathname = window.location.pathname;\n const urlParams = new URLSearchParams(window.location.search);\n const hash = window.location.hash;\n const property = this.id || this.getAttribute(\"pfe-id\");\n const value = tab.id || tab.getAttribute(\"pfe-id\");\n\n urlParams.set(property, value);\n history.pushState({}, \"\", `${pathname}?${urlParams.toString()}${hash}`);\n }\n\n this._selectTab(tab);\n }\n\n _init(mutationsList) {\n if (this.getAttribute(\"role\") !== \"tablist\") {\n this.setAttribute(\"role\", \"tablist\");\n }\n\n let urlParams;\n\n // @IE11 doesn't support URLSearchParams\n // https://caniuse.com/#search=urlsearchparams\n if (CAN_USE_URLSEARCHPARAMS) {\n urlParams = new URLSearchParams(window.location.search);\n }\n\n const tabIndexFromURL = this._getTabIndexFromURL();\n\n if (tabIndexFromURL > -1) {\n this._setFocus = true;\n this.selectedIndex = tabIndexFromURL;\n } else if (!this.hasAttribute(\"selected-index\")) {\n this.selectedIndex = 0;\n }\n\n this._linked = false;\n this._linkPanels();\n\n if (mutationsList) {\n for (let mutation of mutationsList) {\n if (mutation.type === \"childList\" && mutation.addedNodes.length) {\n [...mutation.addedNodes].forEach(addedNode => {\n if (!addedNode.tagName) {\n return;\n }\n\n if (\n addedNode.tagName.toLowerCase() === PfeTab.tag ||\n addedNode.tagName.toLowerCase() === PfeTabPanel.tag\n ) {\n if (this.variant.value) {\n addedNode.setAttribute(\"pfe-variant\", this.variant.value);\n }\n }\n });\n }\n }\n }\n }\n\n _linkPanels() {\n if (this._linked) {\n return;\n }\n\n if (window.ShadyCSS) {\n this._observer.disconnect();\n }\n\n const tabs = this._allTabs();\n\n tabs.forEach(tab => {\n const panel = tab.nextElementSibling;\n if (panel.tagName.toLowerCase() !== \"pfe-tab-panel\") {\n console.warn(\n `${PfeTabs.tag}: tab #${tab.pfeId} is not a sibling of a `\n );\n return;\n }\n\n tab.setAttribute(\"aria-controls\", panel.pfeId);\n panel.setAttribute(\"aria-labelledby\", tab.pfeId);\n\n tab.addEventListener(\"click\", this._onClick);\n });\n\n this._linked = true;\n\n if (window.ShadyCSS) {\n this._observer.observe(this, TABS_MUTATION_CONFIG);\n }\n }\n\n _allPanels() {\n return [...this.children].filter(child => child.matches(\"pfe-tab-panel\"));\n }\n\n _allTabs() {\n return [...this.children].filter(child => child.matches(\"pfe-tab\"));\n }\n\n _panelForTab(tab) {\n const panelId = tab.getAttribute(\"aria-controls\");\n return this.querySelector(`[pfe-id=\"${panelId}\"]`);\n }\n\n _prevTab() {\n const tabs = this._allTabs();\n let newIdx = tabs.findIndex(tab => tab.selected) - 1;\n return tabs[(newIdx + tabs.length) % tabs.length];\n }\n\n _firstTab() {\n const tabs = this._allTabs();\n return tabs[0];\n }\n\n _lastTab() {\n const tabs = this._allTabs();\n return tabs[tabs.length - 1];\n }\n\n _nextTab() {\n const tabs = this._allTabs();\n let newIdx = tabs.findIndex(tab => tab.selected) + 1;\n return tabs[newIdx % tabs.length];\n }\n\n _getTabIndex(_tab) {\n const tabs = this._allTabs();\n const index = tabs.findIndex(tab => tab.pfeId === _tab.pfeId);\n return index;\n }\n\n reset() {\n const tabs = this._allTabs();\n const panels = this._allPanels();\n\n tabs.forEach(tab => (tab.selected = false));\n panels.forEach(panel => (panel.hidden = true));\n }\n\n _selectTab(newTab) {\n this.reset();\n\n const newPanel = this._panelForTab(newTab);\n let newTabSelected = false;\n\n if (!newPanel) {\n throw new Error(`No panel with pfeId ${newPanel.pfeId}`);\n }\n\n if (this.selected && this.selected !== newTab) {\n newTabSelected = true;\n\n this.emitEvent(PfeTabs.events.hiddenTab, {\n detail: {\n tab: this.selected\n }\n });\n }\n\n newTab.selected = true;\n newPanel.hidden = false;\n\n const tabs = this._allTabs();\n const newIdx = tabs.findIndex(tab => tab.selected);\n\n this.selected = newTab;\n\n if (newTabSelected) {\n if (this._setFocus) {\n newTab.focus();\n }\n\n this.emitEvent(PfeTabs.events.shownTab, {\n detail: {\n tab: this.selected\n }\n });\n }\n\n this._setFocus = false;\n }\n\n _onKeyDown(event) {\n const tabs = this._allTabs();\n const foundTab = tabs.find(tab => tab === event.target);\n\n if (!foundTab) {\n return;\n }\n\n if (event.altKey) {\n return;\n }\n\n let newTab;\n\n switch (event.keyCode) {\n case KEYCODE.LEFT:\n case KEYCODE.UP:\n newTab = this._prevTab();\n break;\n\n case KEYCODE.RIGHT:\n case KEYCODE.DOWN:\n newTab = this._nextTab();\n break;\n\n case KEYCODE.HOME:\n newTab = this._firstTab();\n break;\n\n case KEYCODE.END:\n newTab = this._lastTab();\n break;\n\n default:\n return;\n }\n\n event.preventDefault();\n\n this.selectedIndex = this._getTabIndex(newTab);\n this._setFocus = true;\n }\n\n _onClick(event) {\n const tabs = this._allTabs();\n const foundTab = tabs.find(tab => tab === event.currentTarget);\n\n if (!foundTab) {\n return;\n }\n\n this.selectedIndex = this._getTabIndex(event.currentTarget);\n }\n\n _getTabIndexFromURL() {\n let urlParams;\n let tabIndex = -1;\n\n // @IE11 doesn't support URLSearchParams\n // https://caniuse.com/#search=urlsearchparams\n if (CAN_USE_URLSEARCHPARAMS) {\n urlParams = new URLSearchParams(window.location.search);\n\n // @DEPRECATED\n // the \"pfe-\" prefix has been deprecated but we'll continue to support it\n // we'll give priority to the urlParams.has(`${this.id}`) attribute first\n // and fallback to urlParams.has(`pfe-${this.id}`) if it exists. We should\n // be able to remove the || part of the if statement in the future\n const tabsetInUrl =\n urlParams.has(`${this.id}`) ||\n urlParams.has(this.getAttribute(\"pfe-id\")) ||\n urlParams.has(`pfe-${this.id}`); // remove this condition when it's no longer used in production\n\n if (urlParams && tabsetInUrl) {\n const id =\n urlParams.get(`${this.id}`) ||\n urlParams.get(this.getAttribute(\"pfe-id\")) ||\n urlParams.get(`pfe-${this.id}`); // remove this condition when it's no longer used in production\n\n tabIndex = this._allTabs().findIndex(tab => {\n const tabId = tab.id || tab.getAttribute(\"pfe-id\");\n return tabId === id;\n });\n }\n }\n\n return tabIndex;\n }\n\n _popstateEventHandler() {\n const tabIndexFromURL = this._getTabIndexFromURL();\n\n this._updateHistory = false;\n this.selectedIndex = tabIndexFromURL > -1 ? tabIndexFromURL : 0;\n }\n}\n\nclass PfeTab extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return ``;\n }\n static get tag() {\n return \"pfe-tab\";\n }\n\n get styleUrl() {\n return \"pfe-tab.scss\";\n }\n\n get templateUrl() {\n return \"pfe-tab.html\";\n }\n\n static get observedAttributes() {\n return [\"aria-selected\"];\n }\n\n set selected(value) {\n value = Boolean(value);\n this.setAttribute(\"aria-selected\", value);\n }\n\n get selected() {\n return this.getAttribute(\"aria-selected\") === \"true\" ? true : false;\n }\n\n get pfeId() {\n return this.getAttribute(\"pfe-id\");\n }\n\n set pfeId(id) {\n if (!id) {\n return;\n }\n\n this.setAttribute(\"pfe-id\", id);\n }\n\n constructor() {\n super(PfeTab);\n\n this._tabItem;\n this._init = this._init.bind(this);\n this._setTabContent = this._setTabContent.bind(this);\n this._observer = new MutationObserver(this._init);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this._tabItem = this.shadowRoot.querySelector(`.${this.tag}`);\n\n if (this.children.length || this.textContent.trim().length) {\n this._init();\n }\n\n this._observer.observe(this, TAB_CONTENT_MUTATION_CONFIG);\n }\n\n attributeChangedCallback() {\n const value = Boolean(this.selected);\n this.setAttribute(\"tabindex\", value ? 0 : -1);\n }\n\n disconnectedCallback() {\n this._observer.disconnect();\n }\n\n _init() {\n if (window.ShadyCSS) {\n this._observer.disconnect();\n }\n\n // Copy the tab content into the template\n this._setTabContent();\n\n if (!this.pfeId) {\n this.pfeId = `${PfeTab.tag}-${generateId()}`;\n }\n\n if (this.getAttribute(\"role\") !== \"tab\") {\n this.setAttribute(\"role\", \"tab\");\n }\n\n if (!this.hasAttribute(\"aria-selected\")) {\n this.setAttribute(\"aria-selected\", \"false\");\n }\n\n if (!this.hasAttribute(\"tabindex\")) {\n this.setAttribute(\"tabindex\", -1);\n }\n\n if (this.parentNode.hasAttribute(\"vertical\")) {\n this.setAttribute(\"vertical\", \"\");\n }\n\n if (window.ShadyCSS) {\n this._observer.observe(this, TAB_CONTENT_MUTATION_CONFIG);\n }\n }\n\n _setTabContent() {\n // Copy the tab content into the template\n const label = this.textContent.trim().replace(/\\s+/g, \" \");\n\n if (!label) {\n console.warn(\n `${this.tag}: There does not appear to be any content in the tab region.`\n );\n return;\n }\n\n let semantics = \"\";\n // Get the semantics of the content\n if (this.children.length > 0) {\n // We only care about the first child that is a tag\n if (\n this.firstElementChild &&\n this.firstElementChild.tagName.match(/^H[1-6]/)\n ) {\n semantics = this.firstElementChild.tagName.toLowerCase();\n }\n }\n\n // Create an h-level tag for the shadow tab, default h3\n let heading = document.createElement(\"h3\");\n\n // Use the provided semantics if provided\n if (semantics.length > 0) {\n heading = document.createElement(semantics);\n }\n\n // Assign the label content to the new heading\n heading.textContent = label;\n\n // Attach the heading to the tabItem\n this._tabItem.innerHTML = \"\";\n this._tabItem.appendChild(heading);\n }\n}\n\nclass PfeTabPanel extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return `
                                                    \n
                                                    \n \n
                                                    \n
                                                    `;\n }\n static get tag() {\n return \"pfe-tab-panel\";\n }\n\n get styleUrl() {\n return \"pfe-tab-panel.scss\";\n }\n\n get templateUrl() {\n return \"pfe-tab-panel.html\";\n }\n\n get pfeId() {\n return this.getAttribute(\"pfe-id\");\n }\n\n set pfeId(id) {\n if (!id) {\n return;\n }\n\n this.setAttribute(\"pfe-id\", id);\n }\n\n constructor() {\n super(PfeTabPanel);\n\n this._init = this._init.bind(this);\n this._observer = new MutationObserver(this._init);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this._init();\n this._observer.observe(this, TABS_MUTATION_CONFIG);\n }\n\n disconnectedCallback() {\n this._observer.disconnect();\n }\n\n _init() {\n if (window.ShadyCSS) {\n this._observer.disconnect();\n }\n\n if (!this.pfeId) {\n this.pfeId = `${PfeTabPanel.tag}-${generateId()}`;\n }\n\n if (this.getAttribute(\"role\") !== \"tabpanel\") {\n this.setAttribute(\"role\", \"tabpanel\");\n }\n\n if (!this.hasAttribute(\"tabindex\")) {\n this.setAttribute(\"tabindex\", 0);\n }\n\n if (this.previousElementSibling.getAttribute(\"aria-selected\") !== \"true\") {\n this.hidden = true;\n }\n\n if (window.ShadyCSS) {\n this._observer.observe(this, TABS_MUTATION_CONFIG);\n }\n }\n}\n\nPFElement.create(PfeTab);\nPFElement.create(PfeTabPanel);\nPFElement.create(PfeTabs);\n\nexport { PfeTabs as default };\n"],"names":["Array","prototype","find","Object","defineProperty","value","predicate","this","TypeError","o","len","length","thisArg","arguments","k","kValue","call","configurable","writable","findIndex","Element","matches","msMatchesSelector","KEYCODE","DOWN","LEFT","RIGHT","UP","HOME","END","CAN_USE_URLSEARCHPARAMS","window","URLSearchParams","TABS_MUTATION_CONFIG","childList","subtree","TAB_CONTENT_MUTATION_CONFIG","characterData","generateId","Math","random","toString","substr","PfeTabs","PFElement","version","html","properties","vertical","title","type","default","prefixed","variant","enum","tab-history","slots","tab","namedSlot","items","oneOf","$ref","panel","tag","styleUrl","templateUrl","schemaUrl","observedAttributes","events","hiddenTab","shownTab","selectedIndex","getAttribute","setAttribute","tabHistory","hasAttribute","[object Object]","super","_linked","_init","bind","_onClick","_linkPanels","_popstateEventHandler","_observer","MutationObserver","_updateHistory","connectedCallback","addEventListener","_onKeyDown","Promise","all","customElements","whenDefined","PfeTab","PfeTabPanel","then","children","observe","removeEventListener","_allTabs","forEach","disconnect","attr","oldValue","newValue","_allPanels","removeAttribute","selectIndex","newTab","tagName","toLowerCase","_getTabIndex","console","warn","_index","undefined","index","parseInt","selected","pathname","location","urlParams","search","hash","property","id","set","history","pushState","_selectTab","mutationsList","tabIndexFromURL","_getTabIndexFromURL","_setFocus","mutation","addedNodes","addedNode","ShadyCSS","nextElementSibling","pfeId","filter","child","panelId","querySelector","tabs","newIdx","_tab","panels","hidden","reset","newPanel","_panelForTab","newTabSelected","Error","emitEvent","detail","focus","event","target","altKey","keyCode","_prevTab","_nextTab","_firstTab","_lastTab","preventDefault","currentTarget","tabIndex","tabsetInUrl","has","get","Boolean","_tabItem","_setTabContent","shadowRoot","textContent","trim","parentNode","label","replace","semantics","firstElementChild","match","heading","document","createElement","innerHTML","appendChild","previousElementSibling","create"],"mappings":"qDAEKA,MAAMC,UAAUC,MACnBC,OAAOC,eAAeJ,MAAMC,UAAW,OAAQ,CAC7CI,MAAO,SAASC,GAEd,GAAY,MAARC,KACF,MAAM,IAAIC,UAAU,iCAGtB,IAAIC,EAAIN,OAAOI,MAGXG,EAAMD,EAAEE,SAAW,EAGvB,GAAyB,mBAAdL,EACT,MAAM,IAAIE,UAAU,gCAUtB,IANA,IAAII,EAAUC,UAAU,GAGpBC,EAAI,EAGDA,EAAIJ,GAAK,CAKd,IAAIK,EAASN,EAAEK,GACf,GAAIR,EAAUU,KAAKJ,EAASG,EAAQD,EAAGL,GACrC,OAAOM,EAGTD,MAMJG,cAAc,EACdC,UAAU,IAMTlB,MAAMC,UAAUkB,WACnBhB,OAAOC,eAAeJ,MAAMC,UAAW,YAAa,CAClDI,MAAO,SAASC,GAEd,GAAY,MAARC,KACF,MAAM,IAAIC,UAAU,iCAGtB,IAAIC,EAAIN,OAAOI,MAGXG,EAAMD,EAAEE,SAAW,EAGvB,GAAyB,mBAAdL,EACT,MAAM,IAAIE,UAAU,gCAUtB,IANA,IAAII,EAAUC,UAAU,GAGpBC,EAAI,EAGDA,EAAIJ,GAAK,CAKd,IAAIK,EAASN,EAAEK,GACf,GAAIR,EAAUU,KAAKJ,EAASG,EAAQD,EAAGL,GACrC,OAAOK,EAGTA,IAIF,OAAQ,GAEVG,cAAc,EACdC,UAAU,IAMTE,QAAQnB,UAAUoB,UACrBD,QAAQnB,UAAUoB,QAAUD,QAAQnB,UAAUqB;;;;;;;;;;;;;;;;;;;;;;;;GCrEhD,MAAMC,EAAU,CACdC,KAAM,GACNC,KAAM,GACNC,MAAO,GACPC,GAAI,GACJC,KAAM,GACNC,IAAK,IAKDC,IAA0BC,OAAOC,gBAEjCC,EAAuB,CAC3BC,WAAW,EACXC,SAAS,GAGLC,EAA8B,CAClCC,eAAe,EACfH,WAAW,EACXC,SAAS,GAGX,SAASG,IACP,OAAOC,KAAKC,SACTC,SAAS,IACTC,OAAO,EAAG,GAGf,MAAMC,UAAgBC,EACpBC,qBACE,MAAO,sBAGTC,WACE,MAAO,2vLAUTC,wBACE,MAAO,CAACC,SAAW,CAACC,MAAQ,uBAAuBC,KAAO,UAAUC,SAAU,EAAMC,UAAW,GAAOC,QAAU,CAACJ,MAAQ,UAAUC,KAAO,SAASI,KAAO,CAAC,OAAO,SAASH,QAAU,OAAOC,UAAW,GAAMG,cAAc,CAACN,MAAQ,cAAcC,KAAO,UAAUC,SAAU,EAAMC,UAAW,IAGhSI,mBACE,MAAO,CAACC,IAAM,CAACR,MAAQ,MAAMC,KAAO,QAAQQ,WAAY,EAAKC,MAAQ,CAACC,MAAQ,CAAC,CAACC,KAAO,UAAUC,MAAQ,CAACb,MAAQ,QAAQC,KAAO,QAAQQ,WAAY,EAAKC,MAAQ,CAACC,MAAQ,CAAC,CAACC,KAAO,WAEtLE,iBACE,MAAO,WAGTC,eACE,MAAO,gBAGTC,kBACE,MAAO,gBAGTC,gBACE,MAAO,gBAGTC,gCACE,MAAO,CAAC,WAAY,iBAAkB,cAAe,mBAGvDC,oBACE,MAAO,CACLC,aAAc9D,KAAKwD,iBACnBO,YAAa/D,KAAKwD,iBAItBQ,oBACE,OAAOhE,KAAKiE,aAAa,kBAG3BD,kBAAkBlE,GAChBE,KAAKkE,aAAa,iBAAkBpE,GAGtCqE,iBACE,OAAOnE,KAAKoE,aAAa,mBAG3BC,cACEC,MAAMlC,GAENpC,KAAKuE,SAAU,EACfvE,KAAKwE,MAAQxE,KAAKwE,MAAMC,KAAKzE,MAC7BA,KAAK0E,SAAW1E,KAAK0E,SAASD,KAAKzE,MACnCA,KAAK2E,YAAc3E,KAAK2E,YAAYF,KAAKzE,MACzCA,KAAK4E,sBAAwB5E,KAAK4E,sBAAsBH,KAAKzE,MAC7DA,KAAK6E,UAAY,IAAIC,iBAAiB9E,KAAKwE,OAC3CxE,KAAK+E,gBAAiB,EAGxBV,oBACEC,MAAMU,oBAENhF,KAAKiF,iBAAiB,UAAWjF,KAAKkF,YACtClF,KAAKiF,iBAAiB,QAASjF,KAAK0E,UAEpCS,QAAQC,IAAI,CACVC,eAAeC,YAAYC,EAAO/B,KAClC6B,eAAeC,YAAYE,EAAYhC,OACtCiC,KAAK,KACFzF,KAAK0F,SAAStF,QAChBJ,KAAKwE,QAGPxE,KAAK6E,UAAUc,QAAQ3F,KAAM0B,KAIjC2C,uBACErE,KAAK4F,oBAAoB,UAAW5F,KAAKkF,YACzClF,KAAK6F,WAAWC,QAAQ5C,GACtBA,EAAI0C,oBAAoB,QAAS5F,KAAK0E,WAExC1E,KAAK6E,UAAUkB,aAEX/F,KAAKmE,YACP3C,OAAOoE,oBAAoB,WAAY5F,KAAK4E,uBAIhDP,yBAAyB2B,EAAMC,EAAUC,GACvC,OAAQF,GACN,IAAK,cACsC,SAArChG,KAAKiE,aAAa,gBACpBjE,KAAK6F,WAAWC,QAAQ5C,GACtBA,EAAIgB,aAAa,cAAe,SAElClE,KAAKmG,aAAaL,QAAQvC,GACxBA,EAAMW,aAAa,cAAe,UAEU,UAArClE,KAAKiE,aAAa,iBAC3BjE,KAAK6F,WAAWC,QAAQ5C,GACtBA,EAAIgB,aAAa,cAAe,UAElClE,KAAKmG,aAAaL,QAAQvC,GACxBA,EAAMW,aAAa,cAAe,WAGtC,MAEF,IAAK,WACClE,KAAKoE,aAAa,aACpBpE,KAAKkE,aAAa,mBAAoB,YACtClE,KAAKmG,aAAaL,QAAQvC,GACxBA,EAAMW,aAAa,WAAY,KAEjClE,KAAK6F,WAAWC,QAAQ5C,GAAOA,EAAIgB,aAAa,WAAY,OAE5DlE,KAAKoG,gBAAgB,oBACrBpG,KAAKmG,aAAaL,QAAQvC,GAASA,EAAM6C,gBAAgB,aACzDpG,KAAK6F,WAAWC,QAAQ5C,GAAOA,EAAIkD,gBAAgB,cAErD,MAEF,IAAK,iBACHjB,QAAQC,IAAI,CACVC,eAAeC,YAAYC,EAAO/B,KAClC6B,eAAeC,YAAYE,EAAYhC,OACtCiC,KAAK,KACNzF,KAAK2E,cACL3E,KAAKqG,YAAYH,GACjBlG,KAAK+E,gBAAiB,IAExB,MAEF,IAAK,kBACc,OAAbmB,EACF1E,OAAOoE,oBAAoB,WAAY5F,KAAK4E,uBAE5CpD,OAAOyD,iBAAiB,WAAYjF,KAAK4E,wBAKjDP,OAAOiC,GACAA,IAIgC,YAAjCA,EAAOC,QAAQC,cAKnBxG,KAAKgE,cAAgBhE,KAAKyG,aAAaH,GAJrCI,QAAQC,QAAQvE,EAAQoB,2CAO5Ba,YAAYuC,GACV,QAAeC,IAAXD,EACF,OAGF,MAAME,EAAQC,SAASH,EAAQ,IAEzB1D,EADOlD,KAAK6F,WACDiB,GAEjB,GAAK5D,EAAL,CAOA,GACElD,KAAKgH,UACLhH,KAAKmE,YACLnE,KAAK+E,gBACLxD,EACA,CAEA,MAAM0F,EAAWzF,OAAO0F,SAASD,SAC3BE,EAAY,IAAI1F,gBAAgBD,OAAO0F,SAASE,QAChDC,EAAO7F,OAAO0F,SAASG,KACvBC,EAAWtH,KAAKuH,IAAMvH,KAAKiE,aAAa,UACxCnE,EAAQoD,EAAIqE,IAAMrE,EAAIe,aAAa,UAEzCkD,EAAUK,IAAIF,EAAUxH,GACxB2H,QAAQC,UAAU,GAAI,MAAOT,KAAYE,EAAUjF,aAAamF,KAGlErH,KAAK2H,WAAWzE,QAvBdwD,QAAQC,QAAQvE,EAAQoB,YAAYoD,oBA0BxCvC,MAAMuD,GAKJ,IAAIT,EAJ8B,YAA9BnH,KAAKiE,aAAa,SACpBjE,KAAKkE,aAAa,OAAQ,WAOxB3C,IACF4F,EAAY,IAAI1F,gBAAgBD,OAAO0F,SAASE,SAGlD,MAAMS,EAAkB7H,KAAK8H,sBAY7B,GAVID,GAAmB,GACrB7H,KAAK+H,WAAY,EACjB/H,KAAKgE,cAAgB6D,GACX7H,KAAKoE,aAAa,oBAC5BpE,KAAKgE,cAAgB,GAGvBhE,KAAKuE,SAAU,EACfvE,KAAK2E,cAEDiD,EACF,IAAK,IAAII,KAAYJ,EACG,cAAlBI,EAASrF,MAAwBqF,EAASC,WAAW7H,QACvD,IAAI4H,EAASC,YAAYnC,QAAQoC,IAC1BA,EAAU3B,UAKb2B,EAAU3B,QAAQC,gBAAkBjB,EAAO/B,KAC3C0E,EAAU3B,QAAQC,gBAAkBhB,EAAYhC,KAE5CxD,KAAK8C,QAAQhD,OACfoI,EAAUhE,aAAa,cAAelE,KAAK8C,QAAQhD,UASjEuE,cACE,GAAIrE,KAAKuE,QACP,OAGE/C,OAAO2G,UACTnI,KAAK6E,UAAUkB,aAGJ/F,KAAK6F,WAEbC,QAAQ5C,IACX,MAAMK,EAAQL,EAAIkF,mBACkB,kBAAhC7E,EAAMgD,QAAQC,eAOlBtD,EAAIgB,aAAa,gBAAiBX,EAAM8E,OACxC9E,EAAMW,aAAa,kBAAmBhB,EAAImF,OAE1CnF,EAAI+B,iBAAiB,QAASjF,KAAK0E,WATjCgC,QAAQC,QACHvE,EAAQoB,aAAaN,EAAImF,iDAWlCrI,KAAKuE,SAAU,EAEX/C,OAAO2G,UACTnI,KAAK6E,UAAUc,QAAQ3F,KAAM0B,GAIjC2C,aACE,MAAO,IAAIrE,KAAK0F,UAAU4C,OAAOC,GAASA,EAAMzH,QAAQ,kBAG1DuD,WACE,MAAO,IAAIrE,KAAK0F,UAAU4C,OAAOC,GAASA,EAAMzH,QAAQ,YAG1DuD,aAAanB,GACX,MAAMsF,EAAUtF,EAAIe,aAAa,iBACjC,OAAOjE,KAAKyI,0BAA0BD,OAGxCnE,WACE,MAAMqE,EAAO1I,KAAK6F,WAClB,IAAI8C,EAASD,EAAK9H,UAAUsC,GAAOA,EAAI8D,UAAY,EACnD,OAAO0B,GAAMC,EAASD,EAAKtI,QAAUsI,EAAKtI,QAG5CiE,YAEE,OADarE,KAAK6F,WACN,GAGdxB,WACE,MAAMqE,EAAO1I,KAAK6F,WAClB,OAAO6C,EAAKA,EAAKtI,OAAS,GAG5BiE,WACE,MAAMqE,EAAO1I,KAAK6F,WAClB,IAAI8C,EAASD,EAAK9H,UAAUsC,GAAOA,EAAI8D,UAAY,EACnD,OAAO0B,EAAKC,EAASD,EAAKtI,QAG5BiE,aAAauE,GAGX,OAFa5I,KAAK6F,WACCjF,UAAUsC,GAAOA,EAAImF,QAAUO,EAAKP,OAIzDhE,QACE,MAAMqE,EAAO1I,KAAK6F,WACZgD,EAAS7I,KAAKmG,aAEpBuC,EAAK5C,QAAQ5C,GAAQA,EAAI8D,UAAW,GACpC6B,EAAO/C,QAAQvC,GAAUA,EAAMuF,QAAS,GAG1CzE,WAAWiC,GACTtG,KAAK+I,QAEL,MAAMC,EAAWhJ,KAAKiJ,aAAa3C,GACnC,IAAI4C,GAAiB,EAErB,IAAKF,EACH,MAAM,IAAIG,6BAA6BH,EAASX,SAG9CrI,KAAKgH,UAAYhH,KAAKgH,WAAaV,IACrC4C,GAAiB,EAEjBlJ,KAAKoJ,UAAUhH,EAAQyB,OAAOC,UAAW,CACvCuF,OAAQ,CACNnG,IAAKlD,KAAKgH,aAKhBV,EAAOU,UAAW,EAClBgC,EAASF,QAAS,EAEL9I,KAAK6F,WACEjF,UAAUsC,GAAOA,EAAI8D,UAEzChH,KAAKgH,SAAWV,EAEZ4C,IACElJ,KAAK+H,WACPzB,EAAOgD,QAGTtJ,KAAKoJ,UAAUhH,EAAQyB,OAAOE,SAAU,CACtCsF,OAAQ,CACNnG,IAAKlD,KAAKgH,aAKhBhH,KAAK+H,WAAY,EAGnB1D,WAAWkF,GAIT,IAHavJ,KAAK6F,WACIlG,KAAKuD,GAAOA,IAAQqG,EAAMC,QAG9C,OAGF,GAAID,EAAME,OACR,OAGF,IAAInD,EAEJ,OAAQiD,EAAMG,SACZ,KAAK1I,EAAQE,KACb,KAAKF,EAAQI,GACXkF,EAAStG,KAAK2J,WACd,MAEF,KAAK3I,EAAQG,MACb,KAAKH,EAAQC,KACXqF,EAAStG,KAAK4J,WACd,MAEF,KAAK5I,EAAQK,KACXiF,EAAStG,KAAK6J,YACd,MAEF,KAAK7I,EAAQM,IACXgF,EAAStG,KAAK8J,WACd,MAEF,QACE,OAGJP,EAAMQ,iBAEN/J,KAAKgE,cAAgBhE,KAAKyG,aAAaH,GACvCtG,KAAK+H,WAAY,EAGnB1D,SAASkF,GACMvJ,KAAK6F,WACIlG,KAAKuD,GAAOA,IAAQqG,EAAMS,iBAMhDhK,KAAKgE,cAAgBhE,KAAKyG,aAAa8C,EAAMS,gBAG/C3F,sBACE,IAAI8C,EACA8C,GAAY,EAIhB,GAAI1I,EAAyB,CAQ3B,MAAM2I,GAPN/C,EAAY,IAAI1F,gBAAgBD,OAAO0F,SAASE,SAQpC+C,OAAOnK,KAAKuH,OACtBJ,EAAUgD,IAAInK,KAAKiE,aAAa,YAChCkD,EAAUgD,WAAWnK,KAAKuH,MAE5B,GAAIJ,GAAa+C,EAAa,CAC5B,MAAM3C,EACJJ,EAAUiD,OAAOpK,KAAKuH,OACtBJ,EAAUiD,IAAIpK,KAAKiE,aAAa,YAChCkD,EAAUiD,WAAWpK,KAAKuH,MAE5B0C,EAAWjK,KAAK6F,WAAWjF,UAAUsC,IAEnC,OADcA,EAAIqE,IAAMrE,EAAIe,aAAa,aACxBsD,KAKvB,OAAO0C,EAGT5F,wBACE,MAAMwD,EAAkB7H,KAAK8H,sBAE7B9H,KAAK+E,gBAAiB,EACtB/E,KAAKgE,cAAgB6D,GAAmB,EAAIA,EAAkB,GAIlE,MAAMtC,UAAelD,EACnBC,qBACE,MAAO,sBAGTC,WACE,MAAO,2mXAITiB,iBACE,MAAO,UAGTC,eACE,MAAO,eAGTC,kBACE,MAAO,eAGTE,gCACE,MAAO,CAAC,iBAGVoD,aAAalH,GACXA,EAAQuK,QAAQvK,GAChBE,KAAKkE,aAAa,gBAAiBpE,GAGrCkH,eACE,MAA8C,SAAvChH,KAAKiE,aAAa,iBAG3BoE,YACE,OAAOrI,KAAKiE,aAAa,UAG3BoE,UAAUd,GACHA,GAILvH,KAAKkE,aAAa,SAAUqD,GAG9BlD,cACEC,MAAMiB,GAENvF,KAAKsK,SACLtK,KAAKwE,MAAQxE,KAAKwE,MAAMC,KAAKzE,MAC7BA,KAAKuK,eAAiBvK,KAAKuK,eAAe9F,KAAKzE,MAC/CA,KAAK6E,UAAY,IAAIC,iBAAiB9E,KAAKwE,OAG7CH,oBACEC,MAAMU,oBAENhF,KAAKsK,SAAWtK,KAAKwK,WAAW/B,kBAAkBzI,KAAKwD,QAEnDxD,KAAK0F,SAAStF,QAAUJ,KAAKyK,YAAYC,OAAOtK,SAClDJ,KAAKwE,QAGPxE,KAAK6E,UAAUc,QAAQ3F,KAAM6B,GAG/BwC,2BACE,MAAMvE,EAAQuK,QAAQrK,KAAKgH,UAC3BhH,KAAKkE,aAAa,WAAYpE,EAAQ,GAAK,GAG7CuE,uBACErE,KAAK6E,UAAUkB,aAGjB1B,QACM7C,OAAO2G,UACTnI,KAAK6E,UAAUkB,aAIjB/F,KAAKuK,iBAEAvK,KAAKqI,QACRrI,KAAKqI,SAAW9C,EAAO/B,OAAOzB,OAGE,QAA9B/B,KAAKiE,aAAa,SACpBjE,KAAKkE,aAAa,OAAQ,OAGvBlE,KAAKoE,aAAa,kBACrBpE,KAAKkE,aAAa,gBAAiB,SAGhClE,KAAKoE,aAAa,aACrBpE,KAAKkE,aAAa,YAAa,GAG7BlE,KAAK2K,WAAWvG,aAAa,aAC/BpE,KAAKkE,aAAa,WAAY,IAG5B1C,OAAO2G,UACTnI,KAAK6E,UAAUc,QAAQ3F,KAAM6B,GAIjCwC,iBAEE,MAAMuG,EAAQ5K,KAAKyK,YAAYC,OAAOG,QAAQ,OAAQ,KAEtD,IAAKD,EAIH,YAHAlE,QAAQC,QACH3G,KAAKwD,mEAKZ,IAAIsH,EAAY,GAEZ9K,KAAK0F,SAAStF,OAAS,GAGvBJ,KAAK+K,mBACL/K,KAAK+K,kBAAkBxE,QAAQyE,MAAM,aAErCF,EAAY9K,KAAK+K,kBAAkBxE,QAAQC,eAK/C,IAAIyE,EAAUC,SAASC,cAAc,MAGjCL,EAAU1K,OAAS,IACrB6K,EAAUC,SAASC,cAAcL,IAInCG,EAAQR,YAAcG,EAGtB5K,KAAKsK,SAASc,UAAY,GAC1BpL,KAAKsK,SAASe,YAAYJ,IAI9B,MAAMzF,UAAoBnD,EACxBC,qBACE,MAAO,sBAGTC,WACE,MAAO,kjGAQTiB,iBACE,MAAO,gBAGTC,eACE,MAAO,qBAGTC,kBACE,MAAO,qBAGT2E,YACE,OAAOrI,KAAKiE,aAAa,UAG3BoE,UAAUd,GACHA,GAILvH,KAAKkE,aAAa,SAAUqD,GAG9BlD,cACEC,MAAMkB,GAENxF,KAAKwE,MAAQxE,KAAKwE,MAAMC,KAAKzE,MAC7BA,KAAK6E,UAAY,IAAIC,iBAAiB9E,KAAKwE,OAG7CH,oBACEC,MAAMU,oBAENhF,KAAKwE,QACLxE,KAAK6E,UAAUc,QAAQ3F,KAAM0B,GAG/B2C,uBACErE,KAAK6E,UAAUkB,aAGjB1B,QACM7C,OAAO2G,UACTnI,KAAK6E,UAAUkB,aAGZ/F,KAAKqI,QACRrI,KAAKqI,SAAW7C,EAAYhC,OAAOzB,OAGH,aAA9B/B,KAAKiE,aAAa,SACpBjE,KAAKkE,aAAa,OAAQ,YAGvBlE,KAAKoE,aAAa,aACrBpE,KAAKkE,aAAa,WAAY,GAGkC,SAA9DlE,KAAKsL,uBAAuBrH,aAAa,mBAC3CjE,KAAK8I,QAAS,GAGZtH,OAAO2G,UACTnI,KAAK6E,UAAUc,QAAQ3F,KAAM0B,IAKnCW,EAAUkJ,OAAOhG,GACjBlD,EAAUkJ,OAAO/F,GACjBnD,EAAUkJ,OAAOnJ"} \ No newline at end of file diff --git a/elements/pfe-tabs/dist/pfe-tabs.umd.js b/elements/pfe-tabs/dist/pfe-tabs.umd.js new file mode 100644 index 0000000000..d7eff10b08 --- /dev/null +++ b/elements/pfe-tabs/dist/pfe-tabs.umd.js @@ -0,0 +1,1059 @@ +(function (global, factory) { + typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('../../pfelement/dist/pfelement.umd')) : + typeof define === 'function' && define.amd ? define(['../../pfelement/dist/pfelement.umd'], factory) : + (global.PfeTabs = factory(global.PFElement)); +}(this, (function (PFElement) { 'use strict'; + + PFElement = PFElement && PFElement.hasOwnProperty('default') ? PFElement['default'] : PFElement; + + // @POLYFILL Array.prototype.find + // https://tc39.github.io/ecma262/#sec-array.prototype.find + if (!Array.prototype.find) { + Object.defineProperty(Array.prototype, "find", { + value: function value(predicate) { + // 1. Let O be ? ToObject(this value). + if (this == null) { + throw new TypeError('"this" is null or not defined'); + } + + var o = Object(this); + + // 2. Let len be ? ToLength(? Get(O, "length")). + var len = o.length >>> 0; + + // 3. If IsCallable(predicate) is false, throw a TypeError exception. + if (typeof predicate !== "function") { + throw new TypeError("predicate must be a function"); + } + + // 4. If thisArg was supplied, let T be thisArg; else let T be undefined. + var thisArg = arguments[1]; + + // 5. Let k be 0. + var k = 0; + + // 6. Repeat, while k < len + while (k < len) { + // a. Let Pk be ! ToString(k). + // b. Let kValue be ? Get(O, Pk). + // c. Let testResult be ToBoolean(? Call(predicate, T, « kValue, k, O »)). + // d. If testResult is true, return kValue. + var kValue = o[k]; + if (predicate.call(thisArg, kValue, k, o)) { + return kValue; + } + // e. Increase k by 1. + k++; + } + + // 7. Return undefined. + return undefined; + }, + configurable: true, + writable: true + }); + } + + // @POLYFILL Array.prototype.findIndex + // https://tc39.github.io/ecma262/#sec-array.prototype.findIndex + if (!Array.prototype.findIndex) { + Object.defineProperty(Array.prototype, "findIndex", { + value: function value(predicate) { + // 1. Let O be ? ToObject(this value). + if (this == null) { + throw new TypeError('"this" is null or not defined'); + } + + var o = Object(this); + + // 2. Let len be ? ToLength(? Get(O, "length")). + var len = o.length >>> 0; + + // 3. If IsCallable(predicate) is false, throw a TypeError exception. + if (typeof predicate !== "function") { + throw new TypeError("predicate must be a function"); + } + + // 4. If thisArg was supplied, let T be thisArg; else let T be undefined. + var thisArg = arguments[1]; + + // 5. Let k be 0. + var k = 0; + + // 6. Repeat, while k < len + while (k < len) { + // a. Let Pk be ! ToString(k). + // b. Let kValue be ? Get(O, Pk). + // c. Let testResult be ToBoolean(? Call(predicate, T, « kValue, k, O »)). + // d. If testResult is true, return k. + var kValue = o[k]; + if (predicate.call(thisArg, kValue, k, o)) { + return k; + } + // e. Increase k by 1. + k++; + } + + // 7. Return -1. + return -1; + }, + configurable: true, + writable: true + }); + } + + // @POLYFILL Element.prototype.matches + // https://developer.mozilla.org/en-US/docs/Web/API/Element/matches#Polyfill + if (!Element.prototype.matches) { + Element.prototype.matches = Element.prototype.msMatchesSelector; + } + + var classCallCheck = function (instance, Constructor) { + if (!(instance instanceof Constructor)) { + throw new TypeError("Cannot call a class as a function"); + } + }; + + var createClass = function () { + function defineProperties(target, props) { + for (var i = 0; i < props.length; i++) { + var descriptor = props[i]; + descriptor.enumerable = descriptor.enumerable || false; + descriptor.configurable = true; + if ("value" in descriptor) descriptor.writable = true; + Object.defineProperty(target, descriptor.key, descriptor); + } + } + + return function (Constructor, protoProps, staticProps) { + if (protoProps) defineProperties(Constructor.prototype, protoProps); + if (staticProps) defineProperties(Constructor, staticProps); + return Constructor; + }; + }(); + + var get = function get(object, property, receiver) { + if (object === null) object = Function.prototype; + var desc = Object.getOwnPropertyDescriptor(object, property); + + if (desc === undefined) { + var parent = Object.getPrototypeOf(object); + + if (parent === null) { + return undefined; + } else { + return get(parent, property, receiver); + } + } else if ("value" in desc) { + return desc.value; + } else { + var getter = desc.get; + + if (getter === undefined) { + return undefined; + } + + return getter.call(receiver); + } + }; + + var inherits = function (subClass, superClass) { + if (typeof superClass !== "function" && superClass !== null) { + throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); + } + + subClass.prototype = Object.create(superClass && superClass.prototype, { + constructor: { + value: subClass, + enumerable: false, + writable: true, + configurable: true + } + }); + if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; + }; + + var possibleConstructorReturn = function (self, call) { + if (!self) { + throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); + } + + return call && (typeof call === "object" || typeof call === "function") ? call : self; + }; + + var toConsumableArray = function (arr) { + if (Array.isArray(arr)) { + for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) arr2[i] = arr[i]; + + return arr2; + } else { + return Array.from(arr); + } + }; + + /*! + * PatternFly Elements: PfeTabs 1.0.0-prerelease.50 + * @license + * Copyright 2020 Red Hat, Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + * + */ + + var KEYCODE = { + DOWN: 40, + LEFT: 37, + RIGHT: 39, + UP: 38, + HOME: 36, + END: 35 + }; + + // @IE11 doesn't support URLSearchParams + // https://caniuse.com/#search=urlsearchparams + var CAN_USE_URLSEARCHPARAMS = window.URLSearchParams ? true : false; + + var TABS_MUTATION_CONFIG = { + childList: true, + subtree: true + }; + + var TAB_CONTENT_MUTATION_CONFIG = { + characterData: true, + childList: true, + subtree: true + }; + + function generateId() { + return Math.random().toString(36).substr(2, 9); + } + + var PfeTabs = function (_PFElement) { + inherits(PfeTabs, _PFElement); + createClass(PfeTabs, [{ + key: "html", + get: function get$$1() { + return "
                                                    \n \n
                                                    \n
                                                    \n \n
                                                    "; + } + }, { + key: "styleUrl", + get: function get$$1() { + return "pfe-tabs.scss"; + } + }, { + key: "templateUrl", + get: function get$$1() { + return "pfe-tabs.html"; + } + }, { + key: "schemaUrl", + get: function get$$1() { + return "pfe-tabs.json"; + } + }, { + key: "selectedIndex", + get: function get$$1() { + return this.getAttribute("selected-index"); + }, + set: function set$$1(value) { + this.setAttribute("selected-index", value); + } + }, { + key: "tabHistory", + get: function get$$1() { + return this.hasAttribute("pfe-tab-history"); + } + }], [{ + key: "version", + get: function get$$1() { + return "1.0.0-prerelease.50"; + } + }, { + key: "properties", + get: function get$$1() { + return { "vertical": { "title": "Vertical orientation", "type": "boolean", "default": false, "prefixed": false }, "variant": { "title": "Variant", "type": "string", "enum": ["wind", "earth"], "default": "wind", "prefixed": true }, "tab-history": { "title": "Tab history", "type": "boolean", "default": false, "prefixed": true } }; + } + }, { + key: "slots", + get: function get$$1() { + return { "tab": { "title": "Tab", "type": "array", "namedSlot": true, "items": { "oneOf": [{ "$ref": "raw" }] } }, "panel": { "title": "Panel", "type": "array", "namedSlot": true, "items": { "oneOf": [{ "$ref": "raw" }] } } }; + } + }, { + key: "tag", + get: function get$$1() { + return "pfe-tabs"; + } + }, { + key: "observedAttributes", + get: function get$$1() { + return ["vertical", "selected-index", "pfe-variant", "pfe-tab-history"]; + } + }, { + key: "events", + get: function get$$1() { + return { + hiddenTab: this.tag + ":hidden-tab", + shownTab: this.tag + ":shown-tab" + }; + } + }]); + + function PfeTabs() { + classCallCheck(this, PfeTabs); + + var _this = possibleConstructorReturn(this, (PfeTabs.__proto__ || Object.getPrototypeOf(PfeTabs)).call(this, PfeTabs)); + + _this._linked = false; + _this._init = _this._init.bind(_this); + _this._onClick = _this._onClick.bind(_this); + _this._linkPanels = _this._linkPanels.bind(_this); + _this._popstateEventHandler = _this._popstateEventHandler.bind(_this); + _this._observer = new MutationObserver(_this._init); + _this._updateHistory = true; + return _this; + } + + createClass(PfeTabs, [{ + key: "connectedCallback", + value: function connectedCallback() { + var _this2 = this; + + get(PfeTabs.prototype.__proto__ || Object.getPrototypeOf(PfeTabs.prototype), "connectedCallback", this).call(this); + + this.addEventListener("keydown", this._onKeyDown); + this.addEventListener("click", this._onClick); + + Promise.all([customElements.whenDefined(PfeTab.tag), customElements.whenDefined(PfeTabPanel.tag)]).then(function () { + if (_this2.children.length) { + _this2._init(); + } + + _this2._observer.observe(_this2, TABS_MUTATION_CONFIG); + }); + } + }, { + key: "disconnectedCallback", + value: function disconnectedCallback() { + var _this3 = this; + + this.removeEventListener("keydown", this._onKeyDown); + this._allTabs().forEach(function (tab) { + return tab.removeEventListener("click", _this3._onClick); + }); + this._observer.disconnect(); + + if (this.tabHistory) { + window.removeEventListener("popstate", this._popstateEventHandler); + } + } + }, { + key: "attributeChangedCallback", + value: function attributeChangedCallback(attr, oldValue, newValue) { + var _this4 = this; + + switch (attr) { + case "pfe-variant": + if (this.getAttribute("pfe-variant") === "wind") { + this._allTabs().forEach(function (tab) { + return tab.setAttribute("pfe-variant", "wind"); + }); + this._allPanels().forEach(function (panel) { + return panel.setAttribute("pfe-variant", "wind"); + }); + } else if (this.getAttribute("pfe-variant") === "earth") { + this._allTabs().forEach(function (tab) { + return tab.setAttribute("pfe-variant", "earth"); + }); + this._allPanels().forEach(function (panel) { + return panel.setAttribute("pfe-variant", "earth"); + }); + } + break; + + case "vertical": + if (this.hasAttribute("vertical")) { + this.setAttribute("aria-orientation", "vertical"); + this._allPanels().forEach(function (panel) { + return panel.setAttribute("vertical", ""); + }); + this._allTabs().forEach(function (tab) { + return tab.setAttribute("vertical", ""); + }); + } else { + this.removeAttribute("aria-orientation"); + this._allPanels().forEach(function (panel) { + return panel.removeAttribute("vertical"); + }); + this._allTabs().forEach(function (tab) { + return tab.removeAttribute("vertical"); + }); + } + break; + + case "selected-index": + Promise.all([customElements.whenDefined(PfeTab.tag), customElements.whenDefined(PfeTabPanel.tag)]).then(function () { + _this4._linkPanels(); + _this4.selectIndex(newValue); + _this4._updateHistory = true; + }); + break; + + case "pfe-tab-history": + if (newValue === null) { + window.removeEventListener("popstate", this._popstateEventHandler); + } else { + window.addEventListener("popstate", this._popstateEventHandler); + } + } + } + }, { + key: "select", + value: function select(newTab) { + if (!newTab) { + return; + } + + if (newTab.tagName.toLowerCase() !== "pfe-tab") { + console.warn(PfeTabs.tag + ": the tab must be a pfe-tab element"); + return; + } + + this.selectedIndex = this._getTabIndex(newTab); + } + }, { + key: "selectIndex", + value: function selectIndex(_index) { + if (_index === undefined) { + return; + } + + var index = parseInt(_index, 10); + var tabs = this._allTabs(); + var tab = tabs[index]; + + if (!tab) { + console.warn(PfeTabs.tag + ": tab " + _index + " does not exist"); + return; + } + + // @IE11 doesn't support URLSearchParams + // https://caniuse.com/#search=urlsearchparams + if (this.selected && this.tabHistory && this._updateHistory && CAN_USE_URLSEARCHPARAMS) { + // rebuild the url + var pathname = window.location.pathname; + var urlParams = new URLSearchParams(window.location.search); + var hash = window.location.hash; + var property = this.id || this.getAttribute("pfe-id"); + var value = tab.id || tab.getAttribute("pfe-id"); + + urlParams.set(property, value); + history.pushState({}, "", pathname + "?" + urlParams.toString() + hash); + } + + this._selectTab(tab); + } + }, { + key: "_init", + value: function _init(mutationsList) { + var _this5 = this; + + if (this.getAttribute("role") !== "tablist") { + this.setAttribute("role", "tablist"); + } + + var urlParams = void 0; + + // @IE11 doesn't support URLSearchParams + // https://caniuse.com/#search=urlsearchparams + if (CAN_USE_URLSEARCHPARAMS) { + urlParams = new URLSearchParams(window.location.search); + } + + var tabIndexFromURL = this._getTabIndexFromURL(); + + if (tabIndexFromURL > -1) { + this._setFocus = true; + this.selectedIndex = tabIndexFromURL; + } else if (!this.hasAttribute("selected-index")) { + this.selectedIndex = 0; + } + + this._linked = false; + this._linkPanels(); + + if (mutationsList) { + var _iteratorNormalCompletion = true; + var _didIteratorError = false; + var _iteratorError = undefined; + + try { + for (var _iterator = mutationsList[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) { + var mutation = _step.value; + + if (mutation.type === "childList" && mutation.addedNodes.length) { + [].concat(toConsumableArray(mutation.addedNodes)).forEach(function (addedNode) { + if (!addedNode.tagName) { + return; + } + + if (addedNode.tagName.toLowerCase() === PfeTab.tag || addedNode.tagName.toLowerCase() === PfeTabPanel.tag) { + if (_this5.variant.value) { + addedNode.setAttribute("pfe-variant", _this5.variant.value); + } + } + }); + } + } + } catch (err) { + _didIteratorError = true; + _iteratorError = err; + } finally { + try { + if (!_iteratorNormalCompletion && _iterator.return) { + _iterator.return(); + } + } finally { + if (_didIteratorError) { + throw _iteratorError; + } + } + } + } + } + }, { + key: "_linkPanels", + value: function _linkPanels() { + var _this6 = this; + + if (this._linked) { + return; + } + + if (window.ShadyCSS) { + this._observer.disconnect(); + } + + var tabs = this._allTabs(); + + tabs.forEach(function (tab) { + var panel = tab.nextElementSibling; + if (panel.tagName.toLowerCase() !== "pfe-tab-panel") { + console.warn(PfeTabs.tag + ": tab #" + tab.pfeId + " is not a sibling of a "); + return; + } + + tab.setAttribute("aria-controls", panel.pfeId); + panel.setAttribute("aria-labelledby", tab.pfeId); + + tab.addEventListener("click", _this6._onClick); + }); + + this._linked = true; + + if (window.ShadyCSS) { + this._observer.observe(this, TABS_MUTATION_CONFIG); + } + } + }, { + key: "_allPanels", + value: function _allPanels() { + return [].concat(toConsumableArray(this.children)).filter(function (child) { + return child.matches("pfe-tab-panel"); + }); + } + }, { + key: "_allTabs", + value: function _allTabs() { + return [].concat(toConsumableArray(this.children)).filter(function (child) { + return child.matches("pfe-tab"); + }); + } + }, { + key: "_panelForTab", + value: function _panelForTab(tab) { + var panelId = tab.getAttribute("aria-controls"); + return this.querySelector("[pfe-id=\"" + panelId + "\"]"); + } + }, { + key: "_prevTab", + value: function _prevTab() { + var tabs = this._allTabs(); + var newIdx = tabs.findIndex(function (tab) { + return tab.selected; + }) - 1; + return tabs[(newIdx + tabs.length) % tabs.length]; + } + }, { + key: "_firstTab", + value: function _firstTab() { + var tabs = this._allTabs(); + return tabs[0]; + } + }, { + key: "_lastTab", + value: function _lastTab() { + var tabs = this._allTabs(); + return tabs[tabs.length - 1]; + } + }, { + key: "_nextTab", + value: function _nextTab() { + var tabs = this._allTabs(); + var newIdx = tabs.findIndex(function (tab) { + return tab.selected; + }) + 1; + return tabs[newIdx % tabs.length]; + } + }, { + key: "_getTabIndex", + value: function _getTabIndex(_tab) { + var tabs = this._allTabs(); + var index = tabs.findIndex(function (tab) { + return tab.pfeId === _tab.pfeId; + }); + return index; + } + }, { + key: "reset", + value: function reset() { + var tabs = this._allTabs(); + var panels = this._allPanels(); + + tabs.forEach(function (tab) { + return tab.selected = false; + }); + panels.forEach(function (panel) { + return panel.hidden = true; + }); + } + }, { + key: "_selectTab", + value: function _selectTab(newTab) { + this.reset(); + + var newPanel = this._panelForTab(newTab); + var newTabSelected = false; + + if (!newPanel) { + throw new Error("No panel with pfeId " + newPanel.pfeId); + } + + if (this.selected && this.selected !== newTab) { + newTabSelected = true; + + this.emitEvent(PfeTabs.events.hiddenTab, { + detail: { + tab: this.selected + } + }); + } + + newTab.selected = true; + newPanel.hidden = false; + + var tabs = this._allTabs(); + var newIdx = tabs.findIndex(function (tab) { + return tab.selected; + }); + + this.selected = newTab; + + if (newTabSelected) { + if (this._setFocus) { + newTab.focus(); + } + + this.emitEvent(PfeTabs.events.shownTab, { + detail: { + tab: this.selected + } + }); + } + + this._setFocus = false; + } + }, { + key: "_onKeyDown", + value: function _onKeyDown(event) { + var tabs = this._allTabs(); + var foundTab = tabs.find(function (tab) { + return tab === event.target; + }); + + if (!foundTab) { + return; + } + + if (event.altKey) { + return; + } + + var newTab = void 0; + + switch (event.keyCode) { + case KEYCODE.LEFT: + case KEYCODE.UP: + newTab = this._prevTab(); + break; + + case KEYCODE.RIGHT: + case KEYCODE.DOWN: + newTab = this._nextTab(); + break; + + case KEYCODE.HOME: + newTab = this._firstTab(); + break; + + case KEYCODE.END: + newTab = this._lastTab(); + break; + + default: + return; + } + + event.preventDefault(); + + this.selectedIndex = this._getTabIndex(newTab); + this._setFocus = true; + } + }, { + key: "_onClick", + value: function _onClick(event) { + var tabs = this._allTabs(); + var foundTab = tabs.find(function (tab) { + return tab === event.currentTarget; + }); + + if (!foundTab) { + return; + } + + this.selectedIndex = this._getTabIndex(event.currentTarget); + } + }, { + key: "_getTabIndexFromURL", + value: function _getTabIndexFromURL() { + var urlParams = void 0; + var tabIndex = -1; + + // @IE11 doesn't support URLSearchParams + // https://caniuse.com/#search=urlsearchparams + if (CAN_USE_URLSEARCHPARAMS) { + urlParams = new URLSearchParams(window.location.search); + + // @DEPRECATED + // the "pfe-" prefix has been deprecated but we'll continue to support it + // we'll give priority to the urlParams.has(`${this.id}`) attribute first + // and fallback to urlParams.has(`pfe-${this.id}`) if it exists. We should + // be able to remove the || part of the if statement in the future + var tabsetInUrl = urlParams.has("" + this.id) || urlParams.has(this.getAttribute("pfe-id")) || urlParams.has("pfe-" + this.id); // remove this condition when it's no longer used in production + + if (urlParams && tabsetInUrl) { + var id = urlParams.get("" + this.id) || urlParams.get(this.getAttribute("pfe-id")) || urlParams.get("pfe-" + this.id); // remove this condition when it's no longer used in production + + tabIndex = this._allTabs().findIndex(function (tab) { + var tabId = tab.id || tab.getAttribute("pfe-id"); + return tabId === id; + }); + } + } + + return tabIndex; + } + }, { + key: "_popstateEventHandler", + value: function _popstateEventHandler() { + var tabIndexFromURL = this._getTabIndexFromURL(); + + this._updateHistory = false; + this.selectedIndex = tabIndexFromURL > -1 ? tabIndexFromURL : 0; + } + }]); + return PfeTabs; + }(PFElement); + + var PfeTab = function (_PFElement2) { + inherits(PfeTab, _PFElement2); + createClass(PfeTab, [{ + key: "html", + get: function get$$1() { + return ""; + } + }, { + key: "styleUrl", + get: function get$$1() { + return "pfe-tab.scss"; + } + }, { + key: "templateUrl", + get: function get$$1() { + return "pfe-tab.html"; + } + }, { + key: "selected", + set: function set$$1(value) { + value = Boolean(value); + this.setAttribute("aria-selected", value); + }, + get: function get$$1() { + return this.getAttribute("aria-selected") === "true" ? true : false; + } + }, { + key: "pfeId", + get: function get$$1() { + return this.getAttribute("pfe-id"); + }, + set: function set$$1(id) { + if (!id) { + return; + } + + this.setAttribute("pfe-id", id); + } + }], [{ + key: "version", + get: function get$$1() { + return "1.0.0-prerelease.50"; + } + }, { + key: "tag", + get: function get$$1() { + return "pfe-tab"; + } + }, { + key: "observedAttributes", + get: function get$$1() { + return ["aria-selected"]; + } + }]); + + function PfeTab() { + classCallCheck(this, PfeTab); + + var _this7 = possibleConstructorReturn(this, (PfeTab.__proto__ || Object.getPrototypeOf(PfeTab)).call(this, PfeTab)); + + _this7._tabItem; + _this7._init = _this7._init.bind(_this7); + _this7._setTabContent = _this7._setTabContent.bind(_this7); + _this7._observer = new MutationObserver(_this7._init); + return _this7; + } + + createClass(PfeTab, [{ + key: "connectedCallback", + value: function connectedCallback() { + get(PfeTab.prototype.__proto__ || Object.getPrototypeOf(PfeTab.prototype), "connectedCallback", this).call(this); + + this._tabItem = this.shadowRoot.querySelector("." + this.tag); + + if (this.children.length || this.textContent.trim().length) { + this._init(); + } + + this._observer.observe(this, TAB_CONTENT_MUTATION_CONFIG); + } + }, { + key: "attributeChangedCallback", + value: function attributeChangedCallback() { + var value = Boolean(this.selected); + this.setAttribute("tabindex", value ? 0 : -1); + } + }, { + key: "disconnectedCallback", + value: function disconnectedCallback() { + this._observer.disconnect(); + } + }, { + key: "_init", + value: function _init() { + if (window.ShadyCSS) { + this._observer.disconnect(); + } + + // Copy the tab content into the template + this._setTabContent(); + + if (!this.pfeId) { + this.pfeId = PfeTab.tag + "-" + generateId(); + } + + if (this.getAttribute("role") !== "tab") { + this.setAttribute("role", "tab"); + } + + if (!this.hasAttribute("aria-selected")) { + this.setAttribute("aria-selected", "false"); + } + + if (!this.hasAttribute("tabindex")) { + this.setAttribute("tabindex", -1); + } + + if (this.parentNode.hasAttribute("vertical")) { + this.setAttribute("vertical", ""); + } + + if (window.ShadyCSS) { + this._observer.observe(this, TAB_CONTENT_MUTATION_CONFIG); + } + } + }, { + key: "_setTabContent", + value: function _setTabContent() { + // Copy the tab content into the template + var label = this.textContent.trim().replace(/\s+/g, " "); + + if (!label) { + console.warn(this.tag + ": There does not appear to be any content in the tab region."); + return; + } + + var semantics = ""; + // Get the semantics of the content + if (this.children.length > 0) { + // We only care about the first child that is a tag + if (this.firstElementChild && this.firstElementChild.tagName.match(/^H[1-6]/)) { + semantics = this.firstElementChild.tagName.toLowerCase(); + } + } + + // Create an h-level tag for the shadow tab, default h3 + var heading = document.createElement("h3"); + + // Use the provided semantics if provided + if (semantics.length > 0) { + heading = document.createElement(semantics); + } + + // Assign the label content to the new heading + heading.textContent = label; + + // Attach the heading to the tabItem + this._tabItem.innerHTML = ""; + this._tabItem.appendChild(heading); + } + }]); + return PfeTab; + }(PFElement); + + var PfeTabPanel = function (_PFElement3) { + inherits(PfeTabPanel, _PFElement3); + createClass(PfeTabPanel, [{ + key: "html", + get: function get$$1() { + return "
                                                    \n
                                                    \n \n
                                                    \n
                                                    "; + } + }, { + key: "styleUrl", + get: function get$$1() { + return "pfe-tab-panel.scss"; + } + }, { + key: "templateUrl", + get: function get$$1() { + return "pfe-tab-panel.html"; + } + }, { + key: "pfeId", + get: function get$$1() { + return this.getAttribute("pfe-id"); + }, + set: function set$$1(id) { + if (!id) { + return; + } + + this.setAttribute("pfe-id", id); + } + }], [{ + key: "version", + get: function get$$1() { + return "1.0.0-prerelease.50"; + } + }, { + key: "tag", + get: function get$$1() { + return "pfe-tab-panel"; + } + }]); + + function PfeTabPanel() { + classCallCheck(this, PfeTabPanel); + + var _this8 = possibleConstructorReturn(this, (PfeTabPanel.__proto__ || Object.getPrototypeOf(PfeTabPanel)).call(this, PfeTabPanel)); + + _this8._init = _this8._init.bind(_this8); + _this8._observer = new MutationObserver(_this8._init); + return _this8; + } + + createClass(PfeTabPanel, [{ + key: "connectedCallback", + value: function connectedCallback() { + get(PfeTabPanel.prototype.__proto__ || Object.getPrototypeOf(PfeTabPanel.prototype), "connectedCallback", this).call(this); + + this._init(); + this._observer.observe(this, TABS_MUTATION_CONFIG); + } + }, { + key: "disconnectedCallback", + value: function disconnectedCallback() { + this._observer.disconnect(); + } + }, { + key: "_init", + value: function _init() { + if (window.ShadyCSS) { + this._observer.disconnect(); + } + + if (!this.pfeId) { + this.pfeId = PfeTabPanel.tag + "-" + generateId(); + } + + if (this.getAttribute("role") !== "tabpanel") { + this.setAttribute("role", "tabpanel"); + } + + if (!this.hasAttribute("tabindex")) { + this.setAttribute("tabindex", 0); + } + + if (this.previousElementSibling.getAttribute("aria-selected") !== "true") { + this.hidden = true; + } + + if (window.ShadyCSS) { + this._observer.observe(this, TABS_MUTATION_CONFIG); + } + } + }]); + return PfeTabPanel; + }(PFElement); + + PFElement.create(PfeTab); + PFElement.create(PfeTabPanel); + PFElement.create(PfeTabs); + + return PfeTabs; + +}))); +//# sourceMappingURL=pfe-tabs.umd.js.map diff --git a/elements/pfe-tabs/dist/pfe-tabs.umd.js.map b/elements/pfe-tabs/dist/pfe-tabs.umd.js.map new file mode 100644 index 0000000000..fa0ff6323c --- /dev/null +++ b/elements/pfe-tabs/dist/pfe-tabs.umd.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-tabs.umd.js","sources":["../_temp/polyfills--pfe-tabs.js","../_temp/pfe-tabs.umd.js"],"sourcesContent":["// @POLYFILL Array.prototype.find\n// https://tc39.github.io/ecma262/#sec-array.prototype.find\nif (!Array.prototype.find) {\n Object.defineProperty(Array.prototype, \"find\", {\n value: function(predicate) {\n // 1. Let O be ? ToObject(this value).\n if (this == null) {\n throw new TypeError('\"this\" is null or not defined');\n }\n\n var o = Object(this);\n\n // 2. Let len be ? ToLength(? Get(O, \"length\")).\n var len = o.length >>> 0;\n\n // 3. If IsCallable(predicate) is false, throw a TypeError exception.\n if (typeof predicate !== \"function\") {\n throw new TypeError(\"predicate must be a function\");\n }\n\n // 4. If thisArg was supplied, let T be thisArg; else let T be undefined.\n var thisArg = arguments[1];\n\n // 5. Let k be 0.\n var k = 0;\n\n // 6. Repeat, while k < len\n while (k < len) {\n // a. Let Pk be ! ToString(k).\n // b. Let kValue be ? Get(O, Pk).\n // c. Let testResult be ToBoolean(? Call(predicate, T, « kValue, k, O »)).\n // d. If testResult is true, return kValue.\n var kValue = o[k];\n if (predicate.call(thisArg, kValue, k, o)) {\n return kValue;\n }\n // e. Increase k by 1.\n k++;\n }\n\n // 7. Return undefined.\n return undefined;\n },\n configurable: true,\n writable: true\n });\n}\n\n// @POLYFILL Array.prototype.findIndex\n// https://tc39.github.io/ecma262/#sec-array.prototype.findIndex\nif (!Array.prototype.findIndex) {\n Object.defineProperty(Array.prototype, \"findIndex\", {\n value: function(predicate) {\n // 1. Let O be ? ToObject(this value).\n if (this == null) {\n throw new TypeError('\"this\" is null or not defined');\n }\n\n var o = Object(this);\n\n // 2. Let len be ? ToLength(? Get(O, \"length\")).\n var len = o.length >>> 0;\n\n // 3. If IsCallable(predicate) is false, throw a TypeError exception.\n if (typeof predicate !== \"function\") {\n throw new TypeError(\"predicate must be a function\");\n }\n\n // 4. If thisArg was supplied, let T be thisArg; else let T be undefined.\n var thisArg = arguments[1];\n\n // 5. Let k be 0.\n var k = 0;\n\n // 6. Repeat, while k < len\n while (k < len) {\n // a. Let Pk be ! ToString(k).\n // b. Let kValue be ? Get(O, Pk).\n // c. Let testResult be ToBoolean(? Call(predicate, T, « kValue, k, O »)).\n // d. If testResult is true, return k.\n var kValue = o[k];\n if (predicate.call(thisArg, kValue, k, o)) {\n return k;\n }\n // e. Increase k by 1.\n k++;\n }\n\n // 7. Return -1.\n return -1;\n },\n configurable: true,\n writable: true\n });\n}\n\n// @POLYFILL Element.prototype.matches\n// https://developer.mozilla.org/en-US/docs/Web/API/Element/matches#Polyfill\nif (!Element.prototype.matches) {\n Element.prototype.matches = Element.prototype.msMatchesSelector;\n}\n","/*!\n * PatternFly Elements: PfeTabs 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\n// Import polyfills: find, findIndex\nimport \"./polyfills--pfe-tabs.js\";\n\nimport PFElement from \"../../pfelement/dist/pfelement.umd\";\n\nconst KEYCODE = {\n DOWN: 40,\n LEFT: 37,\n RIGHT: 39,\n UP: 38,\n HOME: 36,\n END: 35\n};\n\n// @IE11 doesn't support URLSearchParams\n// https://caniuse.com/#search=urlsearchparams\nconst CAN_USE_URLSEARCHPARAMS = window.URLSearchParams ? true : false;\n\nconst TABS_MUTATION_CONFIG = {\n childList: true,\n subtree: true\n};\n\nconst TAB_CONTENT_MUTATION_CONFIG = {\n characterData: true,\n childList: true,\n subtree: true\n};\n\nfunction generateId() {\n return Math.random()\n .toString(36)\n .substr(2, 9);\n}\n\nclass PfeTabs extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return `
                                                    \n \n
                                                    \n
                                                    \n \n
                                                    `;\n }\n\n static get properties() {\n return {\"vertical\":{\"title\":\"Vertical orientation\",\"type\":\"boolean\",\"default\":false,\"prefixed\":false},\"variant\":{\"title\":\"Variant\",\"type\":\"string\",\"enum\":[\"wind\",\"earth\"],\"default\":\"wind\",\"prefixed\":true},\"tab-history\":{\"title\":\"Tab history\",\"type\":\"boolean\",\"default\":false,\"prefixed\":true}};\n }\n\n static get slots() {\n return {\"tab\":{\"title\":\"Tab\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"oneOf\":[{\"$ref\":\"raw\"}]}},\"panel\":{\"title\":\"Panel\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"oneOf\":[{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-tabs\";\n }\n\n get styleUrl() {\n return \"pfe-tabs.scss\";\n }\n\n get templateUrl() {\n return \"pfe-tabs.html\";\n }\n\n get schemaUrl() {\n return \"pfe-tabs.json\";\n }\n\n static get observedAttributes() {\n return [\"vertical\", \"selected-index\", \"pfe-variant\", \"pfe-tab-history\"];\n }\n\n static get events() {\n return {\n hiddenTab: `${this.tag}:hidden-tab`,\n shownTab: `${this.tag}:shown-tab`\n };\n }\n\n get selectedIndex() {\n return this.getAttribute(\"selected-index\");\n }\n\n set selectedIndex(value) {\n this.setAttribute(\"selected-index\", value);\n }\n\n get tabHistory() {\n return this.hasAttribute(\"pfe-tab-history\");\n }\n\n constructor() {\n super(PfeTabs);\n\n this._linked = false;\n this._init = this._init.bind(this);\n this._onClick = this._onClick.bind(this);\n this._linkPanels = this._linkPanels.bind(this);\n this._popstateEventHandler = this._popstateEventHandler.bind(this);\n this._observer = new MutationObserver(this._init);\n this._updateHistory = true;\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this.addEventListener(\"keydown\", this._onKeyDown);\n this.addEventListener(\"click\", this._onClick);\n\n Promise.all([\n customElements.whenDefined(PfeTab.tag),\n customElements.whenDefined(PfeTabPanel.tag)\n ]).then(() => {\n if (this.children.length) {\n this._init();\n }\n\n this._observer.observe(this, TABS_MUTATION_CONFIG);\n });\n }\n\n disconnectedCallback() {\n this.removeEventListener(\"keydown\", this._onKeyDown);\n this._allTabs().forEach(tab =>\n tab.removeEventListener(\"click\", this._onClick)\n );\n this._observer.disconnect();\n\n if (this.tabHistory) {\n window.removeEventListener(\"popstate\", this._popstateEventHandler);\n }\n }\n\n attributeChangedCallback(attr, oldValue, newValue) {\n switch (attr) {\n case \"pfe-variant\":\n if (this.getAttribute(\"pfe-variant\") === \"wind\") {\n this._allTabs().forEach(tab =>\n tab.setAttribute(\"pfe-variant\", \"wind\")\n );\n this._allPanels().forEach(panel =>\n panel.setAttribute(\"pfe-variant\", \"wind\")\n );\n } else if (this.getAttribute(\"pfe-variant\") === \"earth\") {\n this._allTabs().forEach(tab =>\n tab.setAttribute(\"pfe-variant\", \"earth\")\n );\n this._allPanels().forEach(panel =>\n panel.setAttribute(\"pfe-variant\", \"earth\")\n );\n }\n break;\n\n case \"vertical\":\n if (this.hasAttribute(\"vertical\")) {\n this.setAttribute(\"aria-orientation\", \"vertical\");\n this._allPanels().forEach(panel =>\n panel.setAttribute(\"vertical\", \"\")\n );\n this._allTabs().forEach(tab => tab.setAttribute(\"vertical\", \"\"));\n } else {\n this.removeAttribute(\"aria-orientation\");\n this._allPanels().forEach(panel => panel.removeAttribute(\"vertical\"));\n this._allTabs().forEach(tab => tab.removeAttribute(\"vertical\"));\n }\n break;\n\n case \"selected-index\":\n Promise.all([\n customElements.whenDefined(PfeTab.tag),\n customElements.whenDefined(PfeTabPanel.tag)\n ]).then(() => {\n this._linkPanels();\n this.selectIndex(newValue);\n this._updateHistory = true;\n });\n break;\n\n case \"pfe-tab-history\":\n if (newValue === null) {\n window.removeEventListener(\"popstate\", this._popstateEventHandler);\n } else {\n window.addEventListener(\"popstate\", this._popstateEventHandler);\n }\n }\n }\n\n select(newTab) {\n if (!newTab) {\n return;\n }\n\n if (newTab.tagName.toLowerCase() !== \"pfe-tab\") {\n console.warn(`${PfeTabs.tag}: the tab must be a pfe-tab element`);\n return;\n }\n\n this.selectedIndex = this._getTabIndex(newTab);\n }\n\n selectIndex(_index) {\n if (_index === undefined) {\n return;\n }\n\n const index = parseInt(_index, 10);\n const tabs = this._allTabs();\n const tab = tabs[index];\n\n if (!tab) {\n console.warn(`${PfeTabs.tag}: tab ${_index} does not exist`);\n return;\n }\n\n // @IE11 doesn't support URLSearchParams\n // https://caniuse.com/#search=urlsearchparams\n if (\n this.selected &&\n this.tabHistory &&\n this._updateHistory &&\n CAN_USE_URLSEARCHPARAMS\n ) {\n // rebuild the url\n const pathname = window.location.pathname;\n const urlParams = new URLSearchParams(window.location.search);\n const hash = window.location.hash;\n const property = this.id || this.getAttribute(\"pfe-id\");\n const value = tab.id || tab.getAttribute(\"pfe-id\");\n\n urlParams.set(property, value);\n history.pushState({}, \"\", `${pathname}?${urlParams.toString()}${hash}`);\n }\n\n this._selectTab(tab);\n }\n\n _init(mutationsList) {\n if (this.getAttribute(\"role\") !== \"tablist\") {\n this.setAttribute(\"role\", \"tablist\");\n }\n\n let urlParams;\n\n // @IE11 doesn't support URLSearchParams\n // https://caniuse.com/#search=urlsearchparams\n if (CAN_USE_URLSEARCHPARAMS) {\n urlParams = new URLSearchParams(window.location.search);\n }\n\n const tabIndexFromURL = this._getTabIndexFromURL();\n\n if (tabIndexFromURL > -1) {\n this._setFocus = true;\n this.selectedIndex = tabIndexFromURL;\n } else if (!this.hasAttribute(\"selected-index\")) {\n this.selectedIndex = 0;\n }\n\n this._linked = false;\n this._linkPanels();\n\n if (mutationsList) {\n for (let mutation of mutationsList) {\n if (mutation.type === \"childList\" && mutation.addedNodes.length) {\n [...mutation.addedNodes].forEach(addedNode => {\n if (!addedNode.tagName) {\n return;\n }\n\n if (\n addedNode.tagName.toLowerCase() === PfeTab.tag ||\n addedNode.tagName.toLowerCase() === PfeTabPanel.tag\n ) {\n if (this.variant.value) {\n addedNode.setAttribute(\"pfe-variant\", this.variant.value);\n }\n }\n });\n }\n }\n }\n }\n\n _linkPanels() {\n if (this._linked) {\n return;\n }\n\n if (window.ShadyCSS) {\n this._observer.disconnect();\n }\n\n const tabs = this._allTabs();\n\n tabs.forEach(tab => {\n const panel = tab.nextElementSibling;\n if (panel.tagName.toLowerCase() !== \"pfe-tab-panel\") {\n console.warn(\n `${PfeTabs.tag}: tab #${tab.pfeId} is not a sibling of a `\n );\n return;\n }\n\n tab.setAttribute(\"aria-controls\", panel.pfeId);\n panel.setAttribute(\"aria-labelledby\", tab.pfeId);\n\n tab.addEventListener(\"click\", this._onClick);\n });\n\n this._linked = true;\n\n if (window.ShadyCSS) {\n this._observer.observe(this, TABS_MUTATION_CONFIG);\n }\n }\n\n _allPanels() {\n return [...this.children].filter(child => child.matches(\"pfe-tab-panel\"));\n }\n\n _allTabs() {\n return [...this.children].filter(child => child.matches(\"pfe-tab\"));\n }\n\n _panelForTab(tab) {\n const panelId = tab.getAttribute(\"aria-controls\");\n return this.querySelector(`[pfe-id=\"${panelId}\"]`);\n }\n\n _prevTab() {\n const tabs = this._allTabs();\n let newIdx = tabs.findIndex(tab => tab.selected) - 1;\n return tabs[(newIdx + tabs.length) % tabs.length];\n }\n\n _firstTab() {\n const tabs = this._allTabs();\n return tabs[0];\n }\n\n _lastTab() {\n const tabs = this._allTabs();\n return tabs[tabs.length - 1];\n }\n\n _nextTab() {\n const tabs = this._allTabs();\n let newIdx = tabs.findIndex(tab => tab.selected) + 1;\n return tabs[newIdx % tabs.length];\n }\n\n _getTabIndex(_tab) {\n const tabs = this._allTabs();\n const index = tabs.findIndex(tab => tab.pfeId === _tab.pfeId);\n return index;\n }\n\n reset() {\n const tabs = this._allTabs();\n const panels = this._allPanels();\n\n tabs.forEach(tab => (tab.selected = false));\n panels.forEach(panel => (panel.hidden = true));\n }\n\n _selectTab(newTab) {\n this.reset();\n\n const newPanel = this._panelForTab(newTab);\n let newTabSelected = false;\n\n if (!newPanel) {\n throw new Error(`No panel with pfeId ${newPanel.pfeId}`);\n }\n\n if (this.selected && this.selected !== newTab) {\n newTabSelected = true;\n\n this.emitEvent(PfeTabs.events.hiddenTab, {\n detail: {\n tab: this.selected\n }\n });\n }\n\n newTab.selected = true;\n newPanel.hidden = false;\n\n const tabs = this._allTabs();\n const newIdx = tabs.findIndex(tab => tab.selected);\n\n this.selected = newTab;\n\n if (newTabSelected) {\n if (this._setFocus) {\n newTab.focus();\n }\n\n this.emitEvent(PfeTabs.events.shownTab, {\n detail: {\n tab: this.selected\n }\n });\n }\n\n this._setFocus = false;\n }\n\n _onKeyDown(event) {\n const tabs = this._allTabs();\n const foundTab = tabs.find(tab => tab === event.target);\n\n if (!foundTab) {\n return;\n }\n\n if (event.altKey) {\n return;\n }\n\n let newTab;\n\n switch (event.keyCode) {\n case KEYCODE.LEFT:\n case KEYCODE.UP:\n newTab = this._prevTab();\n break;\n\n case KEYCODE.RIGHT:\n case KEYCODE.DOWN:\n newTab = this._nextTab();\n break;\n\n case KEYCODE.HOME:\n newTab = this._firstTab();\n break;\n\n case KEYCODE.END:\n newTab = this._lastTab();\n break;\n\n default:\n return;\n }\n\n event.preventDefault();\n\n this.selectedIndex = this._getTabIndex(newTab);\n this._setFocus = true;\n }\n\n _onClick(event) {\n const tabs = this._allTabs();\n const foundTab = tabs.find(tab => tab === event.currentTarget);\n\n if (!foundTab) {\n return;\n }\n\n this.selectedIndex = this._getTabIndex(event.currentTarget);\n }\n\n _getTabIndexFromURL() {\n let urlParams;\n let tabIndex = -1;\n\n // @IE11 doesn't support URLSearchParams\n // https://caniuse.com/#search=urlsearchparams\n if (CAN_USE_URLSEARCHPARAMS) {\n urlParams = new URLSearchParams(window.location.search);\n\n // @DEPRECATED\n // the \"pfe-\" prefix has been deprecated but we'll continue to support it\n // we'll give priority to the urlParams.has(`${this.id}`) attribute first\n // and fallback to urlParams.has(`pfe-${this.id}`) if it exists. We should\n // be able to remove the || part of the if statement in the future\n const tabsetInUrl =\n urlParams.has(`${this.id}`) ||\n urlParams.has(this.getAttribute(\"pfe-id\")) ||\n urlParams.has(`pfe-${this.id}`); // remove this condition when it's no longer used in production\n\n if (urlParams && tabsetInUrl) {\n const id =\n urlParams.get(`${this.id}`) ||\n urlParams.get(this.getAttribute(\"pfe-id\")) ||\n urlParams.get(`pfe-${this.id}`); // remove this condition when it's no longer used in production\n\n tabIndex = this._allTabs().findIndex(tab => {\n const tabId = tab.id || tab.getAttribute(\"pfe-id\");\n return tabId === id;\n });\n }\n }\n\n return tabIndex;\n }\n\n _popstateEventHandler() {\n const tabIndexFromURL = this._getTabIndexFromURL();\n\n this._updateHistory = false;\n this.selectedIndex = tabIndexFromURL > -1 ? tabIndexFromURL : 0;\n }\n}\n\nclass PfeTab extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return ``;\n }\n static get tag() {\n return \"pfe-tab\";\n }\n\n get styleUrl() {\n return \"pfe-tab.scss\";\n }\n\n get templateUrl() {\n return \"pfe-tab.html\";\n }\n\n static get observedAttributes() {\n return [\"aria-selected\"];\n }\n\n set selected(value) {\n value = Boolean(value);\n this.setAttribute(\"aria-selected\", value);\n }\n\n get selected() {\n return this.getAttribute(\"aria-selected\") === \"true\" ? true : false;\n }\n\n get pfeId() {\n return this.getAttribute(\"pfe-id\");\n }\n\n set pfeId(id) {\n if (!id) {\n return;\n }\n\n this.setAttribute(\"pfe-id\", id);\n }\n\n constructor() {\n super(PfeTab);\n\n this._tabItem;\n this._init = this._init.bind(this);\n this._setTabContent = this._setTabContent.bind(this);\n this._observer = new MutationObserver(this._init);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this._tabItem = this.shadowRoot.querySelector(`.${this.tag}`);\n\n if (this.children.length || this.textContent.trim().length) {\n this._init();\n }\n\n this._observer.observe(this, TAB_CONTENT_MUTATION_CONFIG);\n }\n\n attributeChangedCallback() {\n const value = Boolean(this.selected);\n this.setAttribute(\"tabindex\", value ? 0 : -1);\n }\n\n disconnectedCallback() {\n this._observer.disconnect();\n }\n\n _init() {\n if (window.ShadyCSS) {\n this._observer.disconnect();\n }\n\n // Copy the tab content into the template\n this._setTabContent();\n\n if (!this.pfeId) {\n this.pfeId = `${PfeTab.tag}-${generateId()}`;\n }\n\n if (this.getAttribute(\"role\") !== \"tab\") {\n this.setAttribute(\"role\", \"tab\");\n }\n\n if (!this.hasAttribute(\"aria-selected\")) {\n this.setAttribute(\"aria-selected\", \"false\");\n }\n\n if (!this.hasAttribute(\"tabindex\")) {\n this.setAttribute(\"tabindex\", -1);\n }\n\n if (this.parentNode.hasAttribute(\"vertical\")) {\n this.setAttribute(\"vertical\", \"\");\n }\n\n if (window.ShadyCSS) {\n this._observer.observe(this, TAB_CONTENT_MUTATION_CONFIG);\n }\n }\n\n _setTabContent() {\n // Copy the tab content into the template\n const label = this.textContent.trim().replace(/\\s+/g, \" \");\n\n if (!label) {\n console.warn(\n `${this.tag}: There does not appear to be any content in the tab region.`\n );\n return;\n }\n\n let semantics = \"\";\n // Get the semantics of the content\n if (this.children.length > 0) {\n // We only care about the first child that is a tag\n if (\n this.firstElementChild &&\n this.firstElementChild.tagName.match(/^H[1-6]/)\n ) {\n semantics = this.firstElementChild.tagName.toLowerCase();\n }\n }\n\n // Create an h-level tag for the shadow tab, default h3\n let heading = document.createElement(\"h3\");\n\n // Use the provided semantics if provided\n if (semantics.length > 0) {\n heading = document.createElement(semantics);\n }\n\n // Assign the label content to the new heading\n heading.textContent = label;\n\n // Attach the heading to the tabItem\n this._tabItem.innerHTML = \"\";\n this._tabItem.appendChild(heading);\n }\n}\n\nclass PfeTabPanel extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return `
                                                    \n
                                                    \n \n
                                                    \n
                                                    `;\n }\n static get tag() {\n return \"pfe-tab-panel\";\n }\n\n get styleUrl() {\n return \"pfe-tab-panel.scss\";\n }\n\n get templateUrl() {\n return \"pfe-tab-panel.html\";\n }\n\n get pfeId() {\n return this.getAttribute(\"pfe-id\");\n }\n\n set pfeId(id) {\n if (!id) {\n return;\n }\n\n this.setAttribute(\"pfe-id\", id);\n }\n\n constructor() {\n super(PfeTabPanel);\n\n this._init = this._init.bind(this);\n this._observer = new MutationObserver(this._init);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this._init();\n this._observer.observe(this, TABS_MUTATION_CONFIG);\n }\n\n disconnectedCallback() {\n this._observer.disconnect();\n }\n\n _init() {\n if (window.ShadyCSS) {\n this._observer.disconnect();\n }\n\n if (!this.pfeId) {\n this.pfeId = `${PfeTabPanel.tag}-${generateId()}`;\n }\n\n if (this.getAttribute(\"role\") !== \"tabpanel\") {\n this.setAttribute(\"role\", \"tabpanel\");\n }\n\n if (!this.hasAttribute(\"tabindex\")) {\n this.setAttribute(\"tabindex\", 0);\n }\n\n if (this.previousElementSibling.getAttribute(\"aria-selected\") !== \"true\") {\n this.hidden = true;\n }\n\n if (window.ShadyCSS) {\n this._observer.observe(this, TABS_MUTATION_CONFIG);\n }\n }\n}\n\nPFElement.create(PfeTab);\nPFElement.create(PfeTabPanel);\nPFElement.create(PfeTabs);\n\nexport { PfeTabs as default };\n"],"names":["Array","prototype","find","Object","defineProperty","value","predicate","TypeError","o","len","length","thisArg","arguments","k","kValue","call","undefined","configurable","writable","findIndex","Element","matches","msMatchesSelector","KEYCODE","DOWN","LEFT","RIGHT","UP","HOME","END","CAN_USE_URLSEARCHPARAMS","window","URLSearchParams","TABS_MUTATION_CONFIG","childList","subtree","TAB_CONTENT_MUTATION_CONFIG","characterData","generateId","Math","random","toString","substr","PfeTabs","getAttribute","setAttribute","hasAttribute","hiddenTab","tag","shownTab","_linked","_init","bind","_onClick","_linkPanels","_popstateEventHandler","_observer","MutationObserver","_updateHistory","addEventListener","_onKeyDown","Promise","all","customElements","whenDefined","PfeTab","PfeTabPanel","then","children","observe","removeEventListener","_allTabs","forEach","tab","disconnect","tabHistory","attr","oldValue","newValue","_allPanels","panel","removeAttribute","selectIndex","newTab","tagName","toLowerCase","console","warn","selectedIndex","_getTabIndex","_index","index","parseInt","tabs","selected","pathname","location","urlParams","search","hash","property","id","set","history","pushState","_selectTab","mutationsList","tabIndexFromURL","_getTabIndexFromURL","_setFocus","mutation","type","addedNodes","addedNode","variant","ShadyCSS","nextElementSibling","pfeId","filter","child","panelId","querySelector","newIdx","_tab","panels","hidden","reset","newPanel","_panelForTab","newTabSelected","Error","emitEvent","events","detail","focus","event","foundTab","target","altKey","keyCode","_prevTab","_nextTab","_firstTab","_lastTab","preventDefault","currentTarget","tabIndex","tabsetInUrl","has","get","tabId","PFElement","Boolean","_tabItem","_setTabContent","shadowRoot","textContent","trim","parentNode","label","replace","semantics","firstElementChild","match","heading","document","createElement","innerHTML","appendChild","previousElementSibling","create"],"mappings":";;;;;;;;EAAA;EACA;EACA,IAAI,CAACA,MAAMC,SAAN,CAAgBC,IAArB,EAA2B;EACzBC,SAAOC,cAAP,CAAsBJ,MAAMC,SAA5B,EAAuC,MAAvC,EAA+C;EAC7CI,WAAO,eAASC,SAAT,EAAoB;EACzB;EACA,UAAI,QAAQ,IAAZ,EAAkB;EAChB,cAAM,IAAIC,SAAJ,CAAc,+BAAd,CAAN;EACD;;EAED,UAAIC,IAAIL,OAAO,IAAP,CAAR;;EAEA;EACA,UAAIM,MAAMD,EAAEE,MAAF,KAAa,CAAvB;;EAEA;EACA,UAAI,OAAOJ,SAAP,KAAqB,UAAzB,EAAqC;EACnC,cAAM,IAAIC,SAAJ,CAAc,8BAAd,CAAN;EACD;;EAED;EACA,UAAII,UAAUC,UAAU,CAAV,CAAd;;EAEA;EACA,UAAIC,IAAI,CAAR;;EAEA;EACA,aAAOA,IAAIJ,GAAX,EAAgB;EACd;EACA;EACA;EACA;EACA,YAAIK,SAASN,EAAEK,CAAF,CAAb;EACA,YAAIP,UAAUS,IAAV,CAAeJ,OAAf,EAAwBG,MAAxB,EAAgCD,CAAhC,EAAmCL,CAAnC,CAAJ,EAA2C;EACzC,iBAAOM,MAAP;EACD;EACD;EACAD;EACD;;EAED;EACA,aAAOG,SAAP;EACD,KAvC4C;EAwC7CC,kBAAc,IAxC+B;EAyC7CC,cAAU;EAzCmC,GAA/C;EA2CD;;EAED;EACA;EACA,IAAI,CAAClB,MAAMC,SAAN,CAAgBkB,SAArB,EAAgC;EAC9BhB,SAAOC,cAAP,CAAsBJ,MAAMC,SAA5B,EAAuC,WAAvC,EAAoD;EAClDI,WAAO,eAASC,SAAT,EAAoB;EACzB;EACA,UAAI,QAAQ,IAAZ,EAAkB;EAChB,cAAM,IAAIC,SAAJ,CAAc,+BAAd,CAAN;EACD;;EAED,UAAIC,IAAIL,OAAO,IAAP,CAAR;;EAEA;EACA,UAAIM,MAAMD,EAAEE,MAAF,KAAa,CAAvB;;EAEA;EACA,UAAI,OAAOJ,SAAP,KAAqB,UAAzB,EAAqC;EACnC,cAAM,IAAIC,SAAJ,CAAc,8BAAd,CAAN;EACD;;EAED;EACA,UAAII,UAAUC,UAAU,CAAV,CAAd;;EAEA;EACA,UAAIC,IAAI,CAAR;;EAEA;EACA,aAAOA,IAAIJ,GAAX,EAAgB;EACd;EACA;EACA;EACA;EACA,YAAIK,SAASN,EAAEK,CAAF,CAAb;EACA,YAAIP,UAAUS,IAAV,CAAeJ,OAAf,EAAwBG,MAAxB,EAAgCD,CAAhC,EAAmCL,CAAnC,CAAJ,EAA2C;EACzC,iBAAOK,CAAP;EACD;EACD;EACAA;EACD;;EAED;EACA,aAAO,CAAC,CAAR;EACD,KAvCiD;EAwClDI,kBAAc,IAxCoC;EAyClDC,cAAU;EAzCwC,GAApD;EA2CD;;EAED;EACA;EACA,IAAI,CAACE,QAAQnB,SAAR,CAAkBoB,OAAvB,EAAgC;EAC9BD,UAAQnB,SAAR,CAAkBoB,OAAlB,GAA4BD,QAAQnB,SAAR,CAAkBqB,iBAA9C;EACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ECpGD;;;;;;;;;;;;;;;;;;;;;;;;;EA8BA,IAAMC,UAAU;EACdC,QAAM,EADQ;EAEdC,QAAM,EAFQ;EAGdC,SAAO,EAHO;EAIdC,MAAI,EAJU;EAKdC,QAAM,EALQ;EAMdC,OAAK;EANS,CAAhB;;EASA;EACA;EACA,IAAMC,0BAA0BC,OAAOC,eAAP,GAAyB,IAAzB,GAAgC,KAAhE;;EAEA,IAAMC,uBAAuB;EAC3BC,aAAW,IADgB;EAE3BC,WAAS;EAFkB,CAA7B;;EAKA,IAAMC,8BAA8B;EAClCC,iBAAe,IADmB;EAElCH,aAAW,IAFuB;EAGlCC,WAAS;EAHyB,CAApC;;EAMA,SAASG,UAAT,GAAsB;EACpB,SAAOC,KAAKC,MAAL,GACJC,QADI,CACK,EADL,EAEJC,MAFI,CAEG,CAFH,EAEM,CAFN,CAAP;EAGD;;MAEKC;;;;6BAKO;EACT;EAQD;;;6BAac;EACb,aAAO,eAAP;EACD;;;6BAEiB;EAChB,aAAO,eAAP;EACD;;;6BAEe;EACd,aAAO,eAAP;EACD;;;6BAamB;EAClB,aAAO,KAAKC,YAAL,CAAkB,gBAAlB,CAAP;EACD;2BAEiBvC,OAAO;EACvB,WAAKwC,YAAL,CAAkB,gBAAlB,EAAoCxC,KAApC;EACD;;;6BAEgB;EACf,aAAO,KAAKyC,YAAL,CAAkB,iBAAlB,CAAP;EACD;;;6BA3DoB;EACnB,aAAO,qBAAP;EACD;;;6BAauB;EACtB,aAAO,EAAC,YAAW,EAAC,SAAQ,sBAAT,EAAgC,QAAO,SAAvC,EAAiD,WAAU,KAA3D,EAAiE,YAAW,KAA5E,EAAZ,EAA+F,WAAU,EAAC,SAAQ,SAAT,EAAmB,QAAO,QAA1B,EAAmC,QAAO,CAAC,MAAD,EAAQ,OAAR,CAA1C,EAA2D,WAAU,MAArE,EAA4E,YAAW,IAAvF,EAAzG,EAAsM,eAAc,EAAC,SAAQ,aAAT,EAAuB,QAAO,SAA9B,EAAwC,WAAU,KAAlD,EAAwD,YAAW,IAAnE,EAApN,EAAP;EACD;;;6BAEkB;EACjB,aAAO,EAAC,OAAM,EAAC,SAAQ,KAAT,EAAe,QAAO,OAAtB,EAA8B,aAAY,IAA1C,EAA+C,SAAQ,EAAC,SAAQ,CAAC,EAAC,QAAO,KAAR,EAAD,CAAT,EAAvD,EAAP,EAA0F,SAAQ,EAAC,SAAQ,OAAT,EAAiB,QAAO,OAAxB,EAAgC,aAAY,IAA5C,EAAiD,SAAQ,EAAC,SAAQ,CAAC,EAAC,QAAO,KAAR,EAAD,CAAT,EAAzD,EAAlG,EAAP;EACD;;;6BACgB;EACf,aAAO,UAAP;EACD;;;6BAc+B;EAC9B,aAAO,CAAC,UAAD,EAAa,gBAAb,EAA+B,aAA/B,EAA8C,iBAA9C,CAAP;EACD;;;6BAEmB;EAClB,aAAO;EACLC,mBAAc,KAAKC,GAAnB,gBADK;EAELC,kBAAa,KAAKD,GAAlB;EAFK,OAAP;EAID;;;EAcD,qBAAc;EAAA;;EAAA,iHACNL,OADM;;EAGZ,UAAKO,OAAL,GAAe,KAAf;EACA,UAAKC,KAAL,GAAa,MAAKA,KAAL,CAAWC,IAAX,OAAb;EACA,UAAKC,QAAL,GAAgB,MAAKA,QAAL,CAAcD,IAAd,OAAhB;EACA,UAAKE,WAAL,GAAmB,MAAKA,WAAL,CAAiBF,IAAjB,OAAnB;EACA,UAAKG,qBAAL,GAA6B,MAAKA,qBAAL,CAA2BH,IAA3B,OAA7B;EACA,UAAKI,SAAL,GAAiB,IAAIC,gBAAJ,CAAqB,MAAKN,KAA1B,CAAjB;EACA,UAAKO,cAAL,GAAsB,IAAtB;EATY;EAUb;;;;0CAEmB;EAAA;;EAClB;;EAEA,WAAKC,gBAAL,CAAsB,SAAtB,EAAiC,KAAKC,UAAtC;EACA,WAAKD,gBAAL,CAAsB,OAAtB,EAA+B,KAAKN,QAApC;;EAEAQ,cAAQC,GAAR,CAAY,CACVC,eAAeC,WAAf,CAA2BC,OAAOjB,GAAlC,CADU,EAEVe,eAAeC,WAAf,CAA2BE,YAAYlB,GAAvC,CAFU,CAAZ,EAGGmB,IAHH,CAGQ,YAAM;EACZ,YAAI,OAAKC,QAAL,CAAc1D,MAAlB,EAA0B;EACxB,iBAAKyC,KAAL;EACD;;EAED,eAAKK,SAAL,CAAea,OAAf,CAAuB,MAAvB,EAA6BpC,oBAA7B;EACD,OATD;EAUD;;;6CAEsB;EAAA;;EACrB,WAAKqC,mBAAL,CAAyB,SAAzB,EAAoC,KAAKV,UAAzC;EACA,WAAKW,QAAL,GAAgBC,OAAhB,CAAwB;EAAA,eACtBC,IAAIH,mBAAJ,CAAwB,OAAxB,EAAiC,OAAKjB,QAAtC,CADsB;EAAA,OAAxB;EAGA,WAAKG,SAAL,CAAekB,UAAf;;EAEA,UAAI,KAAKC,UAAT,EAAqB;EACnB5C,eAAOuC,mBAAP,CAA2B,UAA3B,EAAuC,KAAKf,qBAA5C;EACD;EACF;;;+CAEwBqB,MAAMC,UAAUC,UAAU;EAAA;;EACjD,cAAQF,IAAR;EACE,aAAK,aAAL;EACE,cAAI,KAAKhC,YAAL,CAAkB,aAAlB,MAAqC,MAAzC,EAAiD;EAC/C,iBAAK2B,QAAL,GAAgBC,OAAhB,CAAwB;EAAA,qBACtBC,IAAI5B,YAAJ,CAAiB,aAAjB,EAAgC,MAAhC,CADsB;EAAA,aAAxB;EAGA,iBAAKkC,UAAL,GAAkBP,OAAlB,CAA0B;EAAA,qBACxBQ,MAAMnC,YAAN,CAAmB,aAAnB,EAAkC,MAAlC,CADwB;EAAA,aAA1B;EAGD,WAPD,MAOO,IAAI,KAAKD,YAAL,CAAkB,aAAlB,MAAqC,OAAzC,EAAkD;EACvD,iBAAK2B,QAAL,GAAgBC,OAAhB,CAAwB;EAAA,qBACtBC,IAAI5B,YAAJ,CAAiB,aAAjB,EAAgC,OAAhC,CADsB;EAAA,aAAxB;EAGA,iBAAKkC,UAAL,GAAkBP,OAAlB,CAA0B;EAAA,qBACxBQ,MAAMnC,YAAN,CAAmB,aAAnB,EAAkC,OAAlC,CADwB;EAAA,aAA1B;EAGD;EACD;;EAEF,aAAK,UAAL;EACE,cAAI,KAAKC,YAAL,CAAkB,UAAlB,CAAJ,EAAmC;EACjC,iBAAKD,YAAL,CAAkB,kBAAlB,EAAsC,UAAtC;EACA,iBAAKkC,UAAL,GAAkBP,OAAlB,CAA0B;EAAA,qBACxBQ,MAAMnC,YAAN,CAAmB,UAAnB,EAA+B,EAA/B,CADwB;EAAA,aAA1B;EAGA,iBAAK0B,QAAL,GAAgBC,OAAhB,CAAwB;EAAA,qBAAOC,IAAI5B,YAAJ,CAAiB,UAAjB,EAA6B,EAA7B,CAAP;EAAA,aAAxB;EACD,WAND,MAMO;EACL,iBAAKoC,eAAL,CAAqB,kBAArB;EACA,iBAAKF,UAAL,GAAkBP,OAAlB,CAA0B;EAAA,qBAASQ,MAAMC,eAAN,CAAsB,UAAtB,CAAT;EAAA,aAA1B;EACA,iBAAKV,QAAL,GAAgBC,OAAhB,CAAwB;EAAA,qBAAOC,IAAIQ,eAAJ,CAAoB,UAApB,CAAP;EAAA,aAAxB;EACD;EACD;;EAEF,aAAK,gBAAL;EACEpB,kBAAQC,GAAR,CAAY,CACVC,eAAeC,WAAf,CAA2BC,OAAOjB,GAAlC,CADU,EAEVe,eAAeC,WAAf,CAA2BE,YAAYlB,GAAvC,CAFU,CAAZ,EAGGmB,IAHH,CAGQ,YAAM;EACZ,mBAAKb,WAAL;EACA,mBAAK4B,WAAL,CAAiBJ,QAAjB;EACA,mBAAKpB,cAAL,GAAsB,IAAtB;EACD,WAPD;EAQA;;EAEF,aAAK,iBAAL;EACE,cAAIoB,aAAa,IAAjB,EAAuB;EACrB/C,mBAAOuC,mBAAP,CAA2B,UAA3B,EAAuC,KAAKf,qBAA5C;EACD,WAFD,MAEO;EACLxB,mBAAO4B,gBAAP,CAAwB,UAAxB,EAAoC,KAAKJ,qBAAzC;EACD;EAjDL;EAmDD;;;6BAEM4B,QAAQ;EACb,UAAI,CAACA,MAAL,EAAa;EACX;EACD;;EAED,UAAIA,OAAOC,OAAP,CAAeC,WAAf,OAAiC,SAArC,EAAgD;EAC9CC,gBAAQC,IAAR,CAAgB5C,QAAQK,GAAxB;EACA;EACD;;EAED,WAAKwC,aAAL,GAAqB,KAAKC,YAAL,CAAkBN,MAAlB,CAArB;EACD;;;kCAEWO,QAAQ;EAClB,UAAIA,WAAW1E,SAAf,EAA0B;EACxB;EACD;;EAED,UAAM2E,QAAQC,SAASF,MAAT,EAAiB,EAAjB,CAAd;EACA,UAAMG,OAAO,KAAKtB,QAAL,EAAb;EACA,UAAME,MAAMoB,KAAKF,KAAL,CAAZ;;EAEA,UAAI,CAAClB,GAAL,EAAU;EACRa,gBAAQC,IAAR,CAAgB5C,QAAQK,GAAxB,cAAoC0C,MAApC;EACA;EACD;;EAED;EACA;EACA,UACE,KAAKI,QAAL,IACA,KAAKnB,UADL,IAEA,KAAKjB,cAFL,IAGA5B,uBAJF,EAKE;EACA;EACA,YAAMiE,WAAWhE,OAAOiE,QAAP,CAAgBD,QAAjC;EACA,YAAME,YAAY,IAAIjE,eAAJ,CAAoBD,OAAOiE,QAAP,CAAgBE,MAApC,CAAlB;EACA,YAAMC,OAAOpE,OAAOiE,QAAP,CAAgBG,IAA7B;EACA,YAAMC,WAAW,KAAKC,EAAL,IAAW,KAAKzD,YAAL,CAAkB,QAAlB,CAA5B;EACA,YAAMvC,QAAQoE,IAAI4B,EAAJ,IAAU5B,IAAI7B,YAAJ,CAAiB,QAAjB,CAAxB;;EAEAqD,kBAAUK,GAAV,CAAcF,QAAd,EAAwB/F,KAAxB;EACAkG,gBAAQC,SAAR,CAAkB,EAAlB,EAAsB,EAAtB,EAA6BT,QAA7B,SAAyCE,UAAUxD,QAAV,EAAzC,GAAgE0D,IAAhE;EACD;;EAED,WAAKM,UAAL,CAAgBhC,GAAhB;EACD;;;4BAEKiC,eAAe;EAAA;;EACnB,UAAI,KAAK9D,YAAL,CAAkB,MAAlB,MAA8B,SAAlC,EAA6C;EAC3C,aAAKC,YAAL,CAAkB,MAAlB,EAA0B,SAA1B;EACD;;EAED,UAAIoD,kBAAJ;;EAEA;EACA;EACA,UAAInE,uBAAJ,EAA6B;EAC3BmE,oBAAY,IAAIjE,eAAJ,CAAoBD,OAAOiE,QAAP,CAAgBE,MAApC,CAAZ;EACD;;EAED,UAAMS,kBAAkB,KAAKC,mBAAL,EAAxB;;EAEA,UAAID,kBAAkB,CAAC,CAAvB,EAA0B;EACxB,aAAKE,SAAL,GAAiB,IAAjB;EACA,aAAKrB,aAAL,GAAqBmB,eAArB;EACD,OAHD,MAGO,IAAI,CAAC,KAAK7D,YAAL,CAAkB,gBAAlB,CAAL,EAA0C;EAC/C,aAAK0C,aAAL,GAAqB,CAArB;EACD;;EAED,WAAKtC,OAAL,GAAe,KAAf;EACA,WAAKI,WAAL;;EAEA,UAAIoD,aAAJ,EAAmB;EAAA;EAAA;EAAA;;EAAA;EACjB,+BAAqBA,aAArB,8HAAoC;EAAA,gBAA3BI,QAA2B;;EAClC,gBAAIA,SAASC,IAAT,KAAkB,WAAlB,IAAiCD,SAASE,UAAT,CAAoBtG,MAAzD,EAAiE;EAC/D,0CAAIoG,SAASE,UAAb,GAAyBxC,OAAzB,CAAiC,qBAAa;EAC5C,oBAAI,CAACyC,UAAU7B,OAAf,EAAwB;EACtB;EACD;;EAED,oBACE6B,UAAU7B,OAAV,CAAkBC,WAAlB,OAAoCpB,OAAOjB,GAA3C,IACAiE,UAAU7B,OAAV,CAAkBC,WAAlB,OAAoCnB,YAAYlB,GAFlD,EAGE;EACA,sBAAI,OAAKkE,OAAL,CAAa7G,KAAjB,EAAwB;EACtB4G,8BAAUpE,YAAV,CAAuB,aAAvB,EAAsC,OAAKqE,OAAL,CAAa7G,KAAnD;EACD;EACF;EACF,eAbD;EAcD;EACF;EAlBgB;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAmBlB;EACF;;;oCAEa;EAAA;;EACZ,UAAI,KAAK6C,OAAT,EAAkB;EAChB;EACD;;EAED,UAAInB,OAAOoF,QAAX,EAAqB;EACnB,aAAK3D,SAAL,CAAekB,UAAf;EACD;;EAED,UAAMmB,OAAO,KAAKtB,QAAL,EAAb;;EAEAsB,WAAKrB,OAAL,CAAa,eAAO;EAClB,YAAMQ,QAAQP,IAAI2C,kBAAlB;EACA,YAAIpC,MAAMI,OAAN,CAAcC,WAAd,OAAgC,eAApC,EAAqD;EACnDC,kBAAQC,IAAR,CACK5C,QAAQK,GADb,eAC0ByB,IAAI4C,KAD9B;EAGA;EACD;;EAED5C,YAAI5B,YAAJ,CAAiB,eAAjB,EAAkCmC,MAAMqC,KAAxC;EACArC,cAAMnC,YAAN,CAAmB,iBAAnB,EAAsC4B,IAAI4C,KAA1C;;EAEA5C,YAAId,gBAAJ,CAAqB,OAArB,EAA8B,OAAKN,QAAnC;EACD,OAbD;;EAeA,WAAKH,OAAL,GAAe,IAAf;;EAEA,UAAInB,OAAOoF,QAAX,EAAqB;EACnB,aAAK3D,SAAL,CAAea,OAAf,CAAuB,IAAvB,EAA6BpC,oBAA7B;EACD;EACF;;;mCAEY;EACX,aAAO,4BAAI,KAAKmC,QAAT,GAAmBkD,MAAnB,CAA0B;EAAA,eAASC,MAAMlG,OAAN,CAAc,eAAd,CAAT;EAAA,OAA1B,CAAP;EACD;;;iCAEU;EACT,aAAO,4BAAI,KAAK+C,QAAT,GAAmBkD,MAAnB,CAA0B;EAAA,eAASC,MAAMlG,OAAN,CAAc,SAAd,CAAT;EAAA,OAA1B,CAAP;EACD;;;mCAEYoD,KAAK;EAChB,UAAM+C,UAAU/C,IAAI7B,YAAJ,CAAiB,eAAjB,CAAhB;EACA,aAAO,KAAK6E,aAAL,gBAA+BD,OAA/B,SAAP;EACD;;;iCAEU;EACT,UAAM3B,OAAO,KAAKtB,QAAL,EAAb;EACA,UAAImD,SAAS7B,KAAK1E,SAAL,CAAe;EAAA,eAAOsD,IAAIqB,QAAX;EAAA,OAAf,IAAsC,CAAnD;EACA,aAAOD,KAAK,CAAC6B,SAAS7B,KAAKnF,MAAf,IAAyBmF,KAAKnF,MAAnC,CAAP;EACD;;;kCAEW;EACV,UAAMmF,OAAO,KAAKtB,QAAL,EAAb;EACA,aAAOsB,KAAK,CAAL,CAAP;EACD;;;iCAEU;EACT,UAAMA,OAAO,KAAKtB,QAAL,EAAb;EACA,aAAOsB,KAAKA,KAAKnF,MAAL,GAAc,CAAnB,CAAP;EACD;;;iCAEU;EACT,UAAMmF,OAAO,KAAKtB,QAAL,EAAb;EACA,UAAImD,SAAS7B,KAAK1E,SAAL,CAAe;EAAA,eAAOsD,IAAIqB,QAAX;EAAA,OAAf,IAAsC,CAAnD;EACA,aAAOD,KAAK6B,SAAS7B,KAAKnF,MAAnB,CAAP;EACD;;;mCAEYiH,MAAM;EACjB,UAAM9B,OAAO,KAAKtB,QAAL,EAAb;EACA,UAAMoB,QAAQE,KAAK1E,SAAL,CAAe;EAAA,eAAOsD,IAAI4C,KAAJ,KAAcM,KAAKN,KAA1B;EAAA,OAAf,CAAd;EACA,aAAO1B,KAAP;EACD;;;8BAEO;EACN,UAAME,OAAO,KAAKtB,QAAL,EAAb;EACA,UAAMqD,SAAS,KAAK7C,UAAL,EAAf;;EAEAc,WAAKrB,OAAL,CAAa;EAAA,eAAQC,IAAIqB,QAAJ,GAAe,KAAvB;EAAA,OAAb;EACA8B,aAAOpD,OAAP,CAAe;EAAA,eAAUQ,MAAM6C,MAAN,GAAe,IAAzB;EAAA,OAAf;EACD;;;iCAEU1C,QAAQ;EACjB,WAAK2C,KAAL;;EAEA,UAAMC,WAAW,KAAKC,YAAL,CAAkB7C,MAAlB,CAAjB;EACA,UAAI8C,iBAAiB,KAArB;;EAEA,UAAI,CAACF,QAAL,EAAe;EACb,cAAM,IAAIG,KAAJ,0BAAiCH,SAASV,KAA1C,CAAN;EACD;;EAED,UAAI,KAAKvB,QAAL,IAAiB,KAAKA,QAAL,KAAkBX,MAAvC,EAA+C;EAC7C8C,yBAAiB,IAAjB;;EAEA,aAAKE,SAAL,CAAexF,QAAQyF,MAAR,CAAerF,SAA9B,EAAyC;EACvCsF,kBAAQ;EACN5D,iBAAK,KAAKqB;EADJ;EAD+B,SAAzC;EAKD;;EAEDX,aAAOW,QAAP,GAAkB,IAAlB;EACAiC,eAASF,MAAT,GAAkB,KAAlB;;EAEA,UAAMhC,OAAO,KAAKtB,QAAL,EAAb;EACA,UAAMmD,SAAS7B,KAAK1E,SAAL,CAAe;EAAA,eAAOsD,IAAIqB,QAAX;EAAA,OAAf,CAAf;;EAEA,WAAKA,QAAL,GAAgBX,MAAhB;;EAEA,UAAI8C,cAAJ,EAAoB;EAClB,YAAI,KAAKpB,SAAT,EAAoB;EAClB1B,iBAAOmD,KAAP;EACD;;EAED,aAAKH,SAAL,CAAexF,QAAQyF,MAAR,CAAenF,QAA9B,EAAwC;EACtCoF,kBAAQ;EACN5D,iBAAK,KAAKqB;EADJ;EAD8B,SAAxC;EAKD;;EAED,WAAKe,SAAL,GAAiB,KAAjB;EACD;;;iCAEU0B,OAAO;EAChB,UAAM1C,OAAO,KAAKtB,QAAL,EAAb;EACA,UAAMiE,WAAW3C,KAAK3F,IAAL,CAAU;EAAA,eAAOuE,QAAQ8D,MAAME,MAArB;EAAA,OAAV,CAAjB;;EAEA,UAAI,CAACD,QAAL,EAAe;EACb;EACD;;EAED,UAAID,MAAMG,MAAV,EAAkB;EAChB;EACD;;EAED,UAAIvD,eAAJ;;EAEA,cAAQoD,MAAMI,OAAd;EACE,aAAKpH,QAAQE,IAAb;EACA,aAAKF,QAAQI,EAAb;EACEwD,mBAAS,KAAKyD,QAAL,EAAT;EACA;;EAEF,aAAKrH,QAAQG,KAAb;EACA,aAAKH,QAAQC,IAAb;EACE2D,mBAAS,KAAK0D,QAAL,EAAT;EACA;;EAEF,aAAKtH,QAAQK,IAAb;EACEuD,mBAAS,KAAK2D,SAAL,EAAT;EACA;;EAEF,aAAKvH,QAAQM,GAAb;EACEsD,mBAAS,KAAK4D,QAAL,EAAT;EACA;;EAEF;EACE;EApBJ;;EAuBAR,YAAMS,cAAN;;EAEA,WAAKxD,aAAL,GAAqB,KAAKC,YAAL,CAAkBN,MAAlB,CAArB;EACA,WAAK0B,SAAL,GAAiB,IAAjB;EACD;;;+BAEQ0B,OAAO;EACd,UAAM1C,OAAO,KAAKtB,QAAL,EAAb;EACA,UAAMiE,WAAW3C,KAAK3F,IAAL,CAAU;EAAA,eAAOuE,QAAQ8D,MAAMU,aAArB;EAAA,OAAV,CAAjB;;EAEA,UAAI,CAACT,QAAL,EAAe;EACb;EACD;;EAED,WAAKhD,aAAL,GAAqB,KAAKC,YAAL,CAAkB8C,MAAMU,aAAxB,CAArB;EACD;;;4CAEqB;EACpB,UAAIhD,kBAAJ;EACA,UAAIiD,WAAW,CAAC,CAAhB;;EAEA;EACA;EACA,UAAIpH,uBAAJ,EAA6B;EAC3BmE,oBAAY,IAAIjE,eAAJ,CAAoBD,OAAOiE,QAAP,CAAgBE,MAApC,CAAZ;;EAEA;EACA;EACA;EACA;EACA;EACA,YAAMiD,cACJlD,UAAUmD,GAAV,MAAiB,KAAK/C,EAAtB,KACAJ,UAAUmD,GAAV,CAAc,KAAKxG,YAAL,CAAkB,QAAlB,CAAd,CADA,IAEAqD,UAAUmD,GAAV,UAAqB,KAAK/C,EAA1B,CAHF,CAR2B;;EAa3B,YAAIJ,aAAakD,WAAjB,EAA8B;EAC5B,cAAM9C,KACJJ,UAAUoD,GAAV,MAAiB,KAAKhD,EAAtB,KACAJ,UAAUoD,GAAV,CAAc,KAAKzG,YAAL,CAAkB,QAAlB,CAAd,CADA,IAEAqD,UAAUoD,GAAV,UAAqB,KAAKhD,EAA1B,CAHF,CAD4B;;EAM5B6C,qBAAW,KAAK3E,QAAL,GAAgBpD,SAAhB,CAA0B,eAAO;EAC1C,gBAAMmI,QAAQ7E,IAAI4B,EAAJ,IAAU5B,IAAI7B,YAAJ,CAAiB,QAAjB,CAAxB;EACA,mBAAO0G,UAAUjD,EAAjB;EACD,WAHU,CAAX;EAID;EACF;;EAED,aAAO6C,QAAP;EACD;;;8CAEuB;EACtB,UAAMvC,kBAAkB,KAAKC,mBAAL,EAAxB;;EAEA,WAAKlD,cAAL,GAAsB,KAAtB;EACA,WAAK8B,aAAL,GAAqBmB,kBAAkB,CAAC,CAAnB,GAAuBA,eAAvB,GAAyC,CAA9D;EACD;;;IAzdmB4C;;MA4dhBtF;;;;6BAKO;EACT;EAGD;;;6BAKc;EACb,aAAO,cAAP;EACD;;;6BAEiB;EAChB,aAAO,cAAP;EACD;;;2BAMY5D,OAAO;EAClBA,cAAQmJ,QAAQnJ,KAAR,CAAR;EACA,WAAKwC,YAAL,CAAkB,eAAlB,EAAmCxC,KAAnC;EACD;6BAEc;EACb,aAAO,KAAKuC,YAAL,CAAkB,eAAlB,MAAuC,MAAvC,GAAgD,IAAhD,GAAuD,KAA9D;EACD;;;6BAEW;EACV,aAAO,KAAKA,YAAL,CAAkB,QAAlB,CAAP;EACD;2BAESyD,IAAI;EACZ,UAAI,CAACA,EAAL,EAAS;EACP;EACD;;EAED,WAAKxD,YAAL,CAAkB,QAAlB,EAA4BwD,EAA5B;EACD;;;6BA5CoB;EACnB,aAAO,qBAAP;EACD;;;6BAOgB;EACf,aAAO,SAAP;EACD;;;6BAU+B;EAC9B,aAAO,CAAC,eAAD,CAAP;EACD;;;EAuBD,oBAAc;EAAA;;EAAA,gHACNpC,MADM;;EAGZ,WAAKwF,QAAL;EACA,WAAKtG,KAAL,GAAa,OAAKA,KAAL,CAAWC,IAAX,QAAb;EACA,WAAKsG,cAAL,GAAsB,OAAKA,cAAL,CAAoBtG,IAApB,QAAtB;EACA,WAAKI,SAAL,GAAiB,IAAIC,gBAAJ,CAAqB,OAAKN,KAA1B,CAAjB;EANY;EAOb;;;;0CAEmB;EAClB;;EAEA,WAAKsG,QAAL,GAAgB,KAAKE,UAAL,CAAgBlC,aAAhB,OAAkC,KAAKzE,GAAvC,CAAhB;;EAEA,UAAI,KAAKoB,QAAL,CAAc1D,MAAd,IAAwB,KAAKkJ,WAAL,CAAiBC,IAAjB,GAAwBnJ,MAApD,EAA4D;EAC1D,aAAKyC,KAAL;EACD;;EAED,WAAKK,SAAL,CAAea,OAAf,CAAuB,IAAvB,EAA6BjC,2BAA7B;EACD;;;iDAE0B;EACzB,UAAM/B,QAAQmJ,QAAQ,KAAK1D,QAAb,CAAd;EACA,WAAKjD,YAAL,CAAkB,UAAlB,EAA8BxC,QAAQ,CAAR,GAAY,CAAC,CAA3C;EACD;;;6CAEsB;EACrB,WAAKmD,SAAL,CAAekB,UAAf;EACD;;;8BAEO;EACN,UAAI3C,OAAOoF,QAAX,EAAqB;EACnB,aAAK3D,SAAL,CAAekB,UAAf;EACD;;EAED;EACA,WAAKgF,cAAL;;EAEA,UAAI,CAAC,KAAKrC,KAAV,EAAiB;EACf,aAAKA,KAAL,GAAgBpD,OAAOjB,GAAvB,SAA8BV,YAA9B;EACD;;EAED,UAAI,KAAKM,YAAL,CAAkB,MAAlB,MAA8B,KAAlC,EAAyC;EACvC,aAAKC,YAAL,CAAkB,MAAlB,EAA0B,KAA1B;EACD;;EAED,UAAI,CAAC,KAAKC,YAAL,CAAkB,eAAlB,CAAL,EAAyC;EACvC,aAAKD,YAAL,CAAkB,eAAlB,EAAmC,OAAnC;EACD;;EAED,UAAI,CAAC,KAAKC,YAAL,CAAkB,UAAlB,CAAL,EAAoC;EAClC,aAAKD,YAAL,CAAkB,UAAlB,EAA8B,CAAC,CAA/B;EACD;;EAED,UAAI,KAAKiH,UAAL,CAAgBhH,YAAhB,CAA6B,UAA7B,CAAJ,EAA8C;EAC5C,aAAKD,YAAL,CAAkB,UAAlB,EAA8B,EAA9B;EACD;;EAED,UAAId,OAAOoF,QAAX,EAAqB;EACnB,aAAK3D,SAAL,CAAea,OAAf,CAAuB,IAAvB,EAA6BjC,2BAA7B;EACD;EACF;;;uCAEgB;EACf;EACA,UAAM2H,QAAQ,KAAKH,WAAL,CAAiBC,IAAjB,GAAwBG,OAAxB,CAAgC,MAAhC,EAAwC,GAAxC,CAAd;;EAEA,UAAI,CAACD,KAAL,EAAY;EACVzE,gBAAQC,IAAR,CACK,KAAKvC,GADV;EAGA;EACD;;EAED,UAAIiH,YAAY,EAAhB;EACA;EACA,UAAI,KAAK7F,QAAL,CAAc1D,MAAd,GAAuB,CAA3B,EAA8B;EAC5B;EACA,YACE,KAAKwJ,iBAAL,IACA,KAAKA,iBAAL,CAAuB9E,OAAvB,CAA+B+E,KAA/B,CAAqC,SAArC,CAFF,EAGE;EACAF,sBAAY,KAAKC,iBAAL,CAAuB9E,OAAvB,CAA+BC,WAA/B,EAAZ;EACD;EACF;;EAED;EACA,UAAI+E,UAAUC,SAASC,aAAT,CAAuB,IAAvB,CAAd;;EAEA;EACA,UAAIL,UAAUvJ,MAAV,GAAmB,CAAvB,EAA0B;EACxB0J,kBAAUC,SAASC,aAAT,CAAuBL,SAAvB,CAAV;EACD;;EAED;EACAG,cAAQR,WAAR,GAAsBG,KAAtB;;EAEA;EACA,WAAKN,QAAL,CAAcc,SAAd,GAA0B,EAA1B;EACA,WAAKd,QAAL,CAAce,WAAd,CAA0BJ,OAA1B;EACD;;;IAnJkBb;;MAsJfrF;;;;6BAKO;EACT;EAOD;;;6BAKc;EACb,aAAO,oBAAP;EACD;;;6BAEiB;EAChB,aAAO,oBAAP;EACD;;;6BAEW;EACV,aAAO,KAAKtB,YAAL,CAAkB,QAAlB,CAAP;EACD;2BAESyD,IAAI;EACZ,UAAI,CAACA,EAAL,EAAS;EACP;EACD;;EAED,WAAKxD,YAAL,CAAkB,QAAlB,EAA4BwD,EAA5B;EACD;;;6BAnCoB;EACnB,aAAO,qBAAP;EACD;;;6BAWgB;EACf,aAAO,eAAP;EACD;;;EAsBD,yBAAc;EAAA;;EAAA,0HACNnC,WADM;;EAGZ,WAAKf,KAAL,GAAa,OAAKA,KAAL,CAAWC,IAAX,QAAb;EACA,WAAKI,SAAL,GAAiB,IAAIC,gBAAJ,CAAqB,OAAKN,KAA1B,CAAjB;EAJY;EAKb;;;;0CAEmB;EAClB;;EAEA,WAAKA,KAAL;EACA,WAAKK,SAAL,CAAea,OAAf,CAAuB,IAAvB,EAA6BpC,oBAA7B;EACD;;;6CAEsB;EACrB,WAAKuB,SAAL,CAAekB,UAAf;EACD;;;8BAEO;EACN,UAAI3C,OAAOoF,QAAX,EAAqB;EACnB,aAAK3D,SAAL,CAAekB,UAAf;EACD;;EAED,UAAI,CAAC,KAAK2C,KAAV,EAAiB;EACf,aAAKA,KAAL,GAAgBnD,YAAYlB,GAA5B,SAAmCV,YAAnC;EACD;;EAED,UAAI,KAAKM,YAAL,CAAkB,MAAlB,MAA8B,UAAlC,EAA8C;EAC5C,aAAKC,YAAL,CAAkB,MAAlB,EAA0B,UAA1B;EACD;;EAED,UAAI,CAAC,KAAKC,YAAL,CAAkB,UAAlB,CAAL,EAAoC;EAClC,aAAKD,YAAL,CAAkB,UAAlB,EAA8B,CAA9B;EACD;;EAED,UAAI,KAAK4H,sBAAL,CAA4B7H,YAA5B,CAAyC,eAAzC,MAA8D,MAAlE,EAA0E;EACxE,aAAKiF,MAAL,GAAc,IAAd;EACD;;EAED,UAAI9F,OAAOoF,QAAX,EAAqB;EACnB,aAAK3D,SAAL,CAAea,OAAf,CAAuB,IAAvB,EAA6BpC,oBAA7B;EACD;EACF;;;IAhFuBsH;;EAmF1BA,UAAUmB,MAAV,CAAiBzG,MAAjB;EACAsF,UAAUmB,MAAV,CAAiBxG,WAAjB;EACAqF,UAAUmB,MAAV,CAAiB/H,OAAjB;;;;;;;;"} \ No newline at end of file diff --git a/elements/pfe-tabs/dist/pfe-tabs.umd.min.js b/elements/pfe-tabs/dist/pfe-tabs.umd.min.js new file mode 100644 index 0000000000..a5b0197be9 --- /dev/null +++ b/elements/pfe-tabs/dist/pfe-tabs.umd.min.js @@ -0,0 +1,2 @@ +!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("../../pfelement/dist/pfelement.umd")):"function"==typeof define&&define.amd?define(["../../pfelement/dist/pfelement.umd"],t):e.PfeTabs=t(e.PFElement)}(this,function(e){"use strict";e=e&&e.hasOwnProperty("default")?e.default:e,Array.prototype.find||Object.defineProperty(Array.prototype,"find",{value:function(e,t){if(null==this)throw new TypeError('"this" is null or not defined');var r=Object(this),a=r.length>>>0;if("function"!=typeof e)throw new TypeError("predicate must be a function");for(var o=t,i=0;i>>0;if("function"!=typeof e)throw new TypeError("predicate must be a function");for(var o=t,i=0;i:host{--pfe-tabs__tabs--BorderColor:var(--pfe-theme--color--surface--border, #d2d2d2);display:block;display:var(--pfe-tabs--Display,block);padding:0;padding:var(--pfe-tabs--Padding,0)}:host .tabs{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;flex-direction:var(--pfe-tabs__tabs--FlexDirection,row);width:auto;width:var(--pfe-tabs__tabs--Width,auto);border-top:0;border-top:var(--pfe-tabs__tabs--BorderTop,0);border-right:0;border-right:var(--pfe-tabs__tabs--BorderRight,0);border-bottom:1px solid var(--pfe-tabs__tabs--BorderColor);border-bottom:var(--pfe-tabs__tabs--BorderBottom,var(--pfe-theme--ui--border-width,1px) var(--pfe-theme--ui--border-style,solid) var(--pfe-tabs__tabs--BorderColor));border-left:0;border-left:var(--pfe-tabs__tabs--BorderLeft,0);padding:0;padding:var(--pfe-tabs__tabs--Padding,0)}:host .panels{width:auto;width:var(--pfe-tabs__panels--Width,auto);padding-top:0;padding-top:var(--pfe-tabs__panels--PaddingTop,0);padding-right:0;padding-right:var(--pfe-tabs__panels--PaddingRight,0);padding-bottom:0;padding-bottom:var(--pfe-tabs__panels--PaddingBottom,0);padding-left:0;padding-left:var(--pfe-tabs__panels--PaddingLeft,0)}:host(:not([vertical])[pfe-tab-align=center]) .tabs{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}@media screen and (min-width:768px){:host([vertical]){--pfe-tabs--Display:flex;--pfe-tabs__tabs--FlexDirection:column;--pfe-tabs__tabs--Width:22.22%;--pfe-tabs__tabs--BorderRight:var(--pfe-theme--ui--border-width, 1px) var(--pfe-theme--ui--border-style, solid) var(--pfe-tabs--BorderColor);--pfe-tabs__tabs--BorderBottom:0;--pfe-tabs__panels--Width:77.78%;--pfe-tabs__panels--PaddingRight:var(--pfe-theme--container-padding, 16px)}}@media screen and (min-width:768px) and (-ms-high-contrast:active),screen and (min-width:768px) and (-ms-high-contrast:none){:host([vertical]){display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}:host([vertical]) .tabs{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:22.22%;border-right:1px solid #d2d2d2;border-right:1px solid var(--pfe-theme--color--surface--border,#d2d2d2);border-bottom:0}:host([vertical]) .panels{width:77.8%;padding-right:1em}}@media screen and (min-width:768px){:host([vertical][pfe-variant=earth]){--pfe-tabs__tabs--Padding:var(--pfe-theme--container-padding, 16px) 0 0 0}}@media screen and (min-width:768px) and (-ms-high-contrast:active),screen and (min-width:768px) and (-ms-high-contrast:none){:host([vertical][pfe-variant=earth]) .tabs{padding:1em 0 0 0}}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host(:not([pfe-variant=earth])){background-color:#fff;background-color:var(--pfe-theme--color--surface--lightest,#fff);color:#333;color:var(--pfe-theme--color--text,#333)}}:host([pfe-variant=earth]){--pfe-tabs__tabs--PaddingLeft:var(--pfe-theme--container-padding, 16px)}:host([pfe-variant=earth]) .tabs ::slotted(pfe-tab[aria-selected=false]:not([vertical]):first-of-type){border-left:0}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host([pfe-variant=earth]) .tabs{padding-left:1em}}:host([on=dark]){--pfe-broadcasted--text:var(--pfe-theme--color--text--on-dark, #fff);--pfe-broadcasted--link:var(--pfe-theme--color--link--on-dark, #99ccff);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover--on-dark, #cce6ff);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus--on-dark, #cce6ff);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited--on-dark, #b38cd9);--pfe-broadcasted--link-decoration:none;--pfe-broadcasted--link-decoration--hover:underline;--pfe-broadcasted--link-decoration--focus:underline;--pfe-broadcasted--link-decoration--visited:none}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host{color:#333!important;color:var(--pfe-theme--color--text,#333)!important}}:host([on=saturated]){--pfe-broadcasted--text:var(--pfe-theme--color--text--on-saturated, #fff);--pfe-broadcasted--link:var(--pfe-theme--color--link--on-saturated, #fff);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover--on-saturated, white);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus--on-saturated, white);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited--on-saturated, #b38cd9);--pfe-broadcasted--link-decoration:underline;--pfe-broadcasted--link-decoration--hover:underline;--pfe-broadcasted--link-decoration--focus:underline;--pfe-broadcasted--link-decoration--visited:underline}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host{color:#333!important;color:var(--pfe-theme--color--text,#333)!important}}:host([on=light]){--pfe-broadcasted--text:var(--pfe-theme--color--text, #333);--pfe-broadcasted--link:var(--pfe-theme--color--link, #06c);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover, #003366);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus, #003366);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited, rebeccapurple);--pfe-broadcasted--link-decoration:none;--pfe-broadcasted--link-decoration--hover:underline;--pfe-broadcasted--link-decoration--focus:underline;--pfe-broadcasted--link-decoration--visited:none}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host{color:#333!important;color:var(--pfe-theme--color--text,#333)!important}}\n/*# sourceMappingURL=pfe-tabs.min.css.map */\n
                                                    \n \n
                                                    \n
                                                    \n \n
                                                    '}},{key:"styleUrl",get:function(){return"pfe-tabs.scss"}},{key:"templateUrl",get:function(){return"pfe-tabs.html"}},{key:"schemaUrl",get:function(){return"pfe-tabs.json"}},{key:"selectedIndex",get:function(){return this.getAttribute("selected-index")},set:function(e){this.setAttribute("selected-index",e)}},{key:"tabHistory",get:function(){return this.hasAttribute("pfe-tab-history")}}],[{key:"version",get:function(){return"1.0.0-prerelease.50"}},{key:"properties",get:function(){return{vertical:{title:"Vertical orientation",type:"boolean",default:!1,prefixed:!1},variant:{title:"Variant",type:"string",enum:["wind","earth"],default:"wind",prefixed:!0},"tab-history":{title:"Tab history",type:"boolean",default:!1,prefixed:!0}}}},{key:"slots",get:function(){return{tab:{title:"Tab",type:"array",namedSlot:!0,items:{oneOf:[{$ref:"raw"}]}},panel:{title:"Panel",type:"array",namedSlot:!0,items:{oneOf:[{$ref:"raw"}]}}}}},{key:"tag",get:function(){return"pfe-tabs"}},{key:"observedAttributes",get:function(){return["vertical","selected-index","pfe-variant","pfe-tab-history"]}},{key:"events",get:function(){return{hiddenTab:this.tag+":hidden-tab",shownTab:this.tag+":shown-tab"}}}]),r(_,[{key:"connectedCallback",value:function(){var e=this;n(_.prototype.__proto__||Object.getPrototypeOf(_.prototype),"connectedCallback",this).call(this),this.addEventListener("keydown",this._onKeyDown),this.addEventListener("click",this._onClick),Promise.all([customElements.whenDefined(x.tag),customElements.whenDefined(w.tag)]).then(function(){e.children.length&&e._init(),e._observer.observe(e,u)})}},{key:"disconnectedCallback",value:function(){var t=this;this.removeEventListener("keydown",this._onKeyDown),this._allTabs().forEach(function(e){return e.removeEventListener("click",t._onClick)}),this._observer.disconnect(),this.tabHistory&&window.removeEventListener("popstate",this._popstateEventHandler)}},{key:"attributeChangedCallback",value:function(e,t,r){var a=this;switch(e){case"pfe-variant":"wind"===this.getAttribute("pfe-variant")?(this._allTabs().forEach(function(e){return e.setAttribute("pfe-variant","wind")}),this._allPanels().forEach(function(e){return e.setAttribute("pfe-variant","wind")})):"earth"===this.getAttribute("pfe-variant")&&(this._allTabs().forEach(function(e){return e.setAttribute("pfe-variant","earth")}),this._allPanels().forEach(function(e){return e.setAttribute("pfe-variant","earth")}));break;case"vertical":this.hasAttribute("vertical")?(this.setAttribute("aria-orientation","vertical"),this._allPanels().forEach(function(e){return e.setAttribute("vertical","")}),this._allTabs().forEach(function(e){return e.setAttribute("vertical","")})):(this.removeAttribute("aria-orientation"),this._allPanels().forEach(function(e){return e.removeAttribute("vertical")}),this._allTabs().forEach(function(e){return e.removeAttribute("vertical")}));break;case"selected-index":Promise.all([customElements.whenDefined(x.tag),customElements.whenDefined(w.tag)]).then(function(){a._linkPanels(),a.selectIndex(r),a._updateHistory=!0});break;case"pfe-tab-history":null===r?window.removeEventListener("popstate",this._popstateEventHandler):window.addEventListener("popstate",this._popstateEventHandler)}}},{key:"select",value:function(e){e&&("pfe-tab"===e.tagName.toLowerCase()?this.selectedIndex=this._getTabIndex(e):console.warn(_.tag+": the tab must be a pfe-tab element"))}},{key:"selectIndex",value:function(e){if(void 0!==e){var t=parseInt(e,10),r=this._allTabs()[t];if(r){if(this.selected&&this.tabHistory&&this._updateHistory&&b){var a=window.location.pathname,o=new URLSearchParams(window.location.search),i=window.location.hash,n=this.id||this.getAttribute("pfe-id"),s=r.id||r.getAttribute("pfe-id");o.set(n,s),history.pushState({},"",a+"?"+o.toString()+i)}this._selectTab(r)}else console.warn(_.tag+": tab "+e+" does not exist")}}},{key:"_init",value:function(e){var t=this;"tablist"!==this.getAttribute("role")&&this.setAttribute("role","tablist"),b&&new URLSearchParams(window.location.search);var r=this._getTabIndexFromURL();if(-1")}),this._linked=!0,window.ShadyCSS&&this._observer.observe(this,u))}},{key:"_allPanels",value:function(){return[].concat(l(this.children)).filter(function(e){return e.matches("pfe-tab-panel")})}},{key:"_allTabs",value:function(){return[].concat(l(this.children)).filter(function(e){return e.matches("pfe-tab")})}},{key:"_panelForTab",value:function(e){var t=e.getAttribute("aria-controls");return this.querySelector('[pfe-id="'+t+'"]')}},{key:"_prevTab",value:function(){var e=this._allTabs(),t=e.findIndex(function(e){return e.selected})-1;return e[(t+e.length)%e.length]}},{key:"_firstTab",value:function(){return this._allTabs()[0]}},{key:"_lastTab",value:function(){var e=this._allTabs();return e[e.length-1]}},{key:"_nextTab",value:function(){var e=this._allTabs(),t=e.findIndex(function(e){return e.selected})+1;return e[t%e.length]}},{key:"_getTabIndex",value:function(t){return this._allTabs().findIndex(function(e){return e.pfeId===t.pfeId})}},{key:"reset",value:function(){var e=this._allTabs(),t=this._allPanels();e.forEach(function(e){return e.selected=!1}),t.forEach(function(e){return e.hidden=!0})}},{key:"_selectTab",value:function(e){this.reset();var t=this._panelForTab(e),r=!1;if(!t)throw new Error("No panel with pfeId "+t.pfeId);this.selected&&this.selected!==e&&(r=!0,this.emitEvent(_.events.hiddenTab,{detail:{tab:this.selected}})),e.selected=!0,t.hidden=!1,this._allTabs().findIndex(function(e){return e.selected}),this.selected=e,r&&(this._setFocus&&e.focus(),this.emitEvent(_.events.shownTab,{detail:{tab:this.selected}})),this._setFocus=!1}},{key:"_onKeyDown",value:function(t){if(this._allTabs().find(function(e){return e===t.target})&&!t.altKey){var e=void 0;switch(t.keyCode){case d:case h:e=this._prevTab();break;case c:case s:e=this._nextTab();break;case f:e=this._firstTab();break;case p:e=this._lastTab();break;default:return}t.preventDefault(),this.selectedIndex=this._getTabIndex(e),this._setFocus=!0}}},{key:"_onClick",value:function(t){this._allTabs().find(function(e){return e===t.currentTarget})&&(this.selectedIndex=this._getTabIndex(t.currentTarget))}},{key:"_getTabIndexFromURL",value:function(){var e=void 0,t=-1;if(b){var r=(e=new URLSearchParams(window.location.search)).has(""+this.id)||e.has(this.getAttribute("pfe-id"))||e.has("pfe-"+this.id);if(e&&r){var a=e.get(""+this.id)||e.get(this.getAttribute("pfe-id"))||e.get("pfe-"+this.id);t=this._allTabs().findIndex(function(e){return(e.id||e.getAttribute("pfe-id"))===a})}}return t}},{key:"_popstateEventHandler",value:function(){var e=this._getTabIndexFromURL();this._updateHistory=!1,this.selectedIndex=-1:host{--pfe-tabs--BackgroundColor:transparent;--pfe-tabs--Color:var(--pfe-theme--color--ui-disabled--text, #797979);--pfe-tabs--link:var(--pfe-theme--color--link, #06c);--pfe-tabs--focus:var(--pfe-theme--color--link--focus, #003366);--pfe-tabs--highlight:var(--pfe-theme--color--ui-accent, #e00);--pfe-tabs__tab--FontSize:var(--pfe-theme--font-size, 16px);--pfe-tabs__tab--PaddingTop:calc(var(--pfe-theme--container-padding, 16px) * .666);--pfe-tabs__tab--PaddingRight:calc(var(--pfe-theme--container-padding, 16px) * 1.5);--pfe-tabs__tab--PaddingBottom:calc(var(--pfe-theme--container-padding, 16px) * .666);--pfe-tabs__tab--PaddingLeft:calc(var(--pfe-theme--container-padding, 16px) * 1.5);position:relative;display:block;margin:0 0 -1px;margin:var(--pfe-tabs__tab--Margin,0 0 -1px);padding:var(--pfe-tabs__tab--PaddingTop) var(--pfe-tabs__tab--PaddingRight) var(--pfe-tabs__tab--PaddingBottom) var(--pfe-tabs__tab--PaddingLeft);border-top:1px solid transparent;border-top:var(--pfe-tabs__tab--BorderTop,var(--pfe-tabs__tab--BorderWidth,var(--pfe-theme--ui--border-width,1px)) var(--pfe-theme--ui--border-style,solid) var(--pfe-tabs__tab--BorderColor,transparent));border-right:1px solid transparent;border-right:var(--pfe-tabs__tab--BorderRight,var(--pfe-tabs__tab--BorderWidth,var(--pfe-theme--ui--border-width,1px)) var(--pfe-theme--ui--border-style,solid) var(--pfe-tabs__tab--BorderColor,transparent));border-bottom:0;border-bottom:var(--pfe-tabs__tab--BorderBottom,0);border-left:1px solid transparent;border-left:var(--pfe-tabs__tab--BorderLeft,var(--pfe-tabs__tab--BorderWidth,var(--pfe-theme--ui--border-width,1px)) var(--pfe-theme--ui--border-style,solid) var(--pfe-tabs__tab--BorderColor,transparent));background-color:var(--pfe-tabs--BackgroundColor);color:var(--pfe-tabs--Color);cursor:pointer;text-align:center;text-align:var(--pfe-tabs__tab--TextAlign,center);text-transform:none;text-transform:var(--pfe-tabs__tab--TextTransform,none);font-family:Overpass,Overpass,Helvetica,helvetica,arial,sans-serif;font-family:var(--pfe-theme--font-family, "Overpass", Overpass, Helvetica, helvetica, arial, sans-serif);font-weight:500;font-weight:var(--pfe-theme--font-weight--normal,500);font-size:var(--pfe-tabs__tab--FontSize)}:host .pfe-tab>*{font-size:inherit;font-weight:inherit;margin:0}:host .pfe-tab>*{font-size:inherit;font-weight:inherit;margin:0}:host .pfe-tab>*{font-size:inherit;font-weight:inherit;margin:0}:host .pfe-tab>*{font-size:inherit;font-weight:inherit;margin:0}:host .pfe-tab>*{font-size:inherit;font-weight:inherit;margin:0}:host .pfe-tab>*{font-size:inherit;font-weight:inherit;margin:0}:host(:hover){--pfe-tabs--Color:var(--pfe-theme--color--text, #333)}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host(:hover){color:#333;color:var(--pfe-theme--color--text,#333)}}:host(:focus){--pfe-tabs--Color:var(--pfe-theme--color--text, #333);outline:1px outset var(--pfe-tabs--focus);outline:var(--pfe-theme--ui--focus-outline-width,1px) outset var(--pfe-tabs--focus)}:host([on=dark]){--pfe-tabs--focus:var(--pfe-theme--color--link--focus--on-dark, #cce6ff)}:host([on=saturated]){--pfe-tabs--Color:#cccccc;--pfe-tabs--focus:var(--pfe-theme--color--link--focus--on-saturated, white);--pfe-tabs--highlight:var(--pfe-theme--color--text--on-saturated, #fff)}:host([aria-selected=true]){--pfe-tabs--Color:#131313;--pfe-tabs__tab--BorderColor:transparent;--pfe-tabs__tab--BorderBottom:var(--pfe-theme--surface--border-width--heavy, 4px) var(--pfe-theme--surface--border-style, solid) var(--pfe-tabs--highlight)}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host([aria-selected=true]){color:#131313;border-bottom:4px solid #e00;border-bottom:var(--pfe-theme--surface--border-width--heavy,4px) var(--pfe-theme--surface--border-style,solid) var(--pfe-theme--color--ui-accent,#e00)}}@media screen and (min-width:768px){:host([vertical]){--pfe-tabs__tab--BorderTop:var(--pfe-theme--ui--border-width, 1px) var(--pfe-theme--ui--border-style, solid) transparent;--pfe-tabs__tab--BorderRight:0;--pfe-tabs__tab--BorderBottom:var(--pfe-theme--ui--border-width, 1px) var(--pfe-theme--ui--border-style, solid) transparent;--pfe-tabs__tab--BorderLeft:var(--pfe-theme--ui--border-width, 1px) var(--pfe-theme--ui--border-style, solid) transparent;--pfe-tabs__tab--Margin:0 -1px 0 0;--pfe-tabs__tab--PadingLeft:calc(var(--pfe-theme--container-padding, 16px) * .75);--pfe-tabs__tab--TextAlign:left}}@media screen and (min-width:768px) and (-ms-high-contrast:active),screen and (min-width:768px) and (-ms-high-contrast:none){:host([vertical]){border:1px solid transparent;border-right:0;margin:0 -1px 0 0;padding-left:12px;text-align:left}}@media screen and (min-width:768px){:host([vertical][aria-selected=true]){--pfe-tabs__tab--BorderTopColor:transparent;--pfe-tabs__tab--BorderRight:var(--pfe-theme--surface--border-width--heavy, 4px) var(--pfe-theme--surface--border-style, solid) var(--pfe-tabs--highlight)}}@media screen and (min-width:768px) and (-ms-high-contrast:active),screen and (min-width:768px) and (-ms-high-contrast:none){:host([vertical][aria-selected=true]){border-top-color:transparent;border-right:4px solid #e00;border-right:var(--pfe-theme--surface--border-width--heavy,4px) var(--pfe-theme--surface--border-style,solid) var(--pfe-theme--color--ui-accent,#e00)}}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host([pfe-variant=earth]){background-color:#ececec;background-color:var(--pfe-theme--color--surface--lighter,#ececec);color:#333;color:var(--pfe-theme--color--text,#333)}}:host([aria-selected=true][on=dark]),:host([on=dark]:hover),:host([pfe-variant=wind][aria-selected=true][on=dark]),:host([pfe-variant=wind][on=dark]:hover){--pfe-tabs--Color:var(--pfe-theme--color--text--on-dark, #fff)}:host([aria-selected=true][on=saturated]),:host([on=saturated]:hover),:host([pfe-variant=wind][aria-selected=true][on=saturated]),:host([pfe-variant=wind][on=saturated]:hover){--pfe-tabs--Color:var(--pfe-theme--color--text--on-saturated, #fff)}:host([aria-selected=true][on=light]),:host([on=light]:hover),:host([pfe-variant=wind][aria-selected=true][on=light]),:host([pfe-variant=wind][on=light]:hover){--pfe-tabs--Color:var(--pfe-theme--color--text, #333)}:host([pfe-variant=earth][aria-selected=false]){--pfe-tabs--BackgroundColor:var(--pfe-theme--color--surface--lighter, #ececec);--pfe-tabs__tab--BorderLeft:var(--pfe-theme--ui--border-width, 1px) var(--pfe-theme--ui--border-style, solid) var(--pfe-theme--color--surface--border, #d2d2d2);--pfe-tabs__tab--BorderBottom:var(--pfe-theme--ui--border-width, 1px) var(--pfe-theme--ui--border-style, solid) var(--pfe-theme--color--surface--border, #d2d2d2);--pfe-tabs__tab--BorderTop:var(--pfe-theme--surface--border-width--heavy, 4px) var(--pfe-theme--ui--border-style, solid) var(--pfe-theme--color--surface--lighter, #ececec)}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host([pfe-variant=earth][aria-selected=false]){border-top:3px solid #ececec;border-top:3px solid var(--pfe-theme--color--surface--lighter,#ececec);border-bottom:1px solid #d2d2d2;border-bottom:1px solid var(--pfe-theme--color--surface--border,#d2d2d2);border-left:1px solid #d2d2d2;border-left:1px solid var(--pfe-theme--color--surface--border,#d2d2d2)}}:host([pfe-variant=earth][aria-selected=true]){--pfe-tabs--BackgroundColor:var(--pfe-theme--color--surface--lightest, #fff);--pfe-tabs--Color:var(--pfe-theme--color--text, #333);--pfe-tabs__tab--BorderTop:var(--pfe-theme--surface--border-width--heavy, 4px) var(--pfe-theme--surface--border-style, solid) var(--pfe-tabs--highlight);--pfe-tabs__tab--BorderBottom:0;--pfe-tabs__tab--BorderLeft:var(--pfe-theme--ui--border-width, 1px) var(--pfe-theme--ui--border-style, solid) var(--pfe-theme--color--surface--border, #d2d2d2)}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host([pfe-variant=earth][aria-selected=true]){background-color:#fff;background-color:var(--pfe-theme--color--surface--lightest,#fff);color:#333;color:var(--pfe-theme--color--text,#333);border-top:3px solid var(--pfe-tabs--highlight);border-bottom:0;border-left:1px solid #d2d2d2;border-left:1px solid var(--pfe-theme--color--surface--border,#d2d2d2)}}:host([pfe-variant=earth][aria-selected=true]:last-of-type){--pfe-tabs__tab--BorderRight:var(--pfe-theme--ui--border-width, 1px) var(--pfe-theme--ui--border-style, solid) var(--pfe-theme--color--surface--border, #d2d2d2)}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host([pfe-variant=earth][aria-selected=true]:last-of-type){border-right:1px solid #d2d2d2;border-right:1px solid var(--pfe-theme--color--surface--border,#d2d2d2)}}@media screen and (min-width:768px){:host([vertical][pfe-variant=earth]){--pfe-tabs__tab--BorderTop:var(--pfe-theme--ui--border-width, 1px) var(--pfe-theme--ui--border-style, solid) var(--pfe-theme--color--surface--border, #d2d2d2)}}@media screen and (min-width:768px) and (-ms-high-contrast:active),screen and (min-width:768px) and (-ms-high-contrast:none){:host([vertical][pfe-variant=earth]){border-top:1px solid #d2d2d2;border-top:1px solid var(--pfe-theme--color--surface--border,#d2d2d2)}}@media screen and (min-width:768px){:host([vertical][pfe-variant=earth]:first-of-type){--pfe-tabs__tab--BorderTop:0}}@media screen and (min-width:768px) and (-ms-high-contrast:active),screen and (min-width:768px) and (-ms-high-contrast:none){:host([vertical][pfe-variant=earth]:first-of-type){border-top:0}}@media screen and (min-width:768px){:host([vertical][pfe-variant=earth][aria-selected=true]){--pfe-tabs__tab--BorderTop:var(--pfe-theme--ui--border-width, 1px) var(--pfe-theme--ui--border-style, solid) var(--pfe-theme--color--surface--border, #d2d2d2);--pfe-tabs__tab--BorderRight:0;--pfe-tabs__tab--BorderLeft:var(--pfe-theme--surface--border-width--heavy, 4px) var(--pfe-theme--surface--border-style, solid) var(--pfe-tabs--highlight)}}@media screen and (min-width:768px) and (-ms-high-contrast:active),screen and (min-width:768px) and (-ms-high-contrast:none){:host([vertical][pfe-variant=earth][aria-selected=true]){border-top:1px solid #d2d2d2;border-top:1px solid var(--pfe-theme--color--surface--border,#d2d2d2);border-right:0;border-left:3px solid var(--pfe-tabs--highlight)}}@media screen and (min-width:768px){:host([vertical][pfe-variant=earth][aria-selected=false]){--pfe-tabs__tab--BorderRight:var(--pfe-theme--ui--border-width, 1px) var(--pfe-theme--ui--border-style, solid) var(--pfe-theme--color--surface--border, #d2d2d2);--pfe-tabs__tab--BorderBottom:0;--pfe-tabs__tab--BorderLeft:var(--pfe-theme--surface--border-width--heavy, 4px) var(--pfe-theme--ui--border-style, solid) var(--pfe-theme--color--surface--lighter, #ececec)}}@media screen and (min-width:768px) and (-ms-high-contrast:active),screen and (min-width:768px) and (-ms-high-contrast:none){:host([vertical][pfe-variant=earth][aria-selected=false]){border-right:1px solid #d2d2d2;border-right:1px solid var(--pfe-theme--color--surface--border,#d2d2d2);border-bottom:0;border-left:3px solid #ececec;border-left:3px solid var(--pfe-theme--color--surface--lighter,#ececec)}}@media screen and (min-width:768px){:host([vertical][pfe-variant=earth][aria-selected=true]:last-of-type){--pfe-tabs__tab--BorderBottom:var(--pfe-theme--ui--border-width, 1px) var(--pfe-theme--ui--border-style, solid) var(--pfe-theme--color--surface--border, #d2d2d2)}}@media screen and (min-width:768px) and (-ms-high-contrast:active),screen and (min-width:768px) and (-ms-high-contrast:none){:host([vertical][pfe-variant=earth][aria-selected=true]:last-of-type){border-bottom:1px solid #d2d2d2;border-bottom:1px solid var(--pfe-theme--color--surface--border,#d2d2d2)}}\n/*# sourceMappingURL=pfe-tab.min.css.map */\n'}},{key:"styleUrl",get:function(){return"pfe-tab.scss"}},{key:"templateUrl",get:function(){return"pfe-tab.html"}},{key:"selected",set:function(e){e=Boolean(e),this.setAttribute("aria-selected",e)},get:function(){return"true"===this.getAttribute("aria-selected")}},{key:"pfeId",get:function(){return this.getAttribute("pfe-id")},set:function(e){e&&this.setAttribute("pfe-id",e)}}],[{key:"version",get:function(){return"1.0.0-prerelease.50"}},{key:"tag",get:function(){return"pfe-tab"}},{key:"observedAttributes",get:function(){return["aria-selected"]}}]),r(y,[{key:"connectedCallback",value:function(){n(y.prototype.__proto__||Object.getPrototypeOf(y.prototype),"connectedCallback",this).call(this),this._tabItem=this.shadowRoot.querySelector("."+this.tag),(this.children.length||this.textContent.trim().length)&&this._init(),this._observer.observe(this,v)}},{key:"attributeChangedCallback",value:function(){var e=Boolean(this.selected);this.setAttribute("tabindex",e?0:-1)}},{key:"disconnectedCallback",value:function(){this._observer.disconnect()}},{key:"_init",value:function(){window.ShadyCSS&&this._observer.disconnect(),this._setTabContent(),this.pfeId||(this.pfeId=y.tag+"-"+m()),"tab"!==this.getAttribute("role")&&this.setAttribute("role","tab"),this.hasAttribute("aria-selected")||this.setAttribute("aria-selected","false"),this.hasAttribute("tabindex")||this.setAttribute("tabindex",-1),this.parentNode.hasAttribute("vertical")&&this.setAttribute("vertical",""),window.ShadyCSS&&this._observer.observe(this,v)}},{key:"_setTabContent",value:function(){var e=this.textContent.trim().replace(/\s+/g," ");if(e){var t="";0:host{--pfe-tabs--focus:var(--pfe-theme--color--link, #06c);display:block}:host(:focus){outline:0}:host ::slotted(*){color:#333;color:var(--pfe-broadcasted--text,#333)}:host [tabindex]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%}:host .container{margin:0;width:100%;padding:16px 0;padding:var(--pfe-tabs__panel--Padding,var(--pfe-theme--container-spacer,16px) 0);border-top:0;border-top:var(--pfe-tabs__panel--BorderTop,0);border-right:0;border-right:var(--pfe-tabs__panel--BorderRight,0);border-bottom:0;border-bottom:var(--pfe-tabs__panel--BorderBottom,0);border-left:0;border-left:var(--pfe-tabs__panel--BorderLeft,0)}:host .container::after{clear:both;content:"";display:table}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host .container{padding:1em;background-color:#fff!important;color:#333!important;color:var(--pfe-theme--color--text,#333)!important}}:host([pfe-variant=earth]){--pfe-tabs__panel--Padding:calc(var(--pfe-theme--container-spacer, 16px) * 2);--pfe-tabs__panel--BorderRight:var(--pfe-theme--ui--border-width, 1px) var(--pfe-theme--ui--border-style, solid) var(--pfe-theme--color--surface--border, #d2d2d2);--pfe-tabs__panel--BorderBottom:var(--pfe-theme--ui--border-width, 1px) var(--pfe-theme--ui--border-style, solid) var(--pfe-theme--color--surface--border, #d2d2d2);--pfe-tabs__panel--BorderLeft:var(--pfe-theme--ui--border-width, 1px) var(--pfe-theme--ui--border-style, solid) var(--pfe-theme--color--surface--border, #d2d2d2)}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host([pfe-variant=earth]) .container{padding:1em;border-right:1px solid #d2d2d2;border-right:1px solid var(--pfe-theme--color--surface--border,#d2d2d2);border-bottom:1px solid #d2d2d2;border-bottom:1px solid var(--pfe-theme--color--surface--border,#d2d2d2);border-left:1px solid #d2d2d2;border-left:1px solid var(--pfe-theme--color--surface--border,#d2d2d2)}}@media screen and (min-width:768px){:host([pfe-variant=wind][vertical]){--pfe-tabs__panel--Padding:var(--pfe-theme--container-spacer, 16px) 0 var(--pfe-theme--container-spacer, 16px) calc(var(--pfe-theme--container-spacer, 16px) * 2)}}@media screen and (min-width:768px) and (-ms-high-contrast:active),screen and (min-width:768px) and (-ms-high-contrast:none){:host([pfe-variant=wind][vertical]) .container{padding:1em 0 1em 2em}}@media screen and (min-width:768px){:host([pfe-variant=earth][vertical]){--pfe-tabs__panel--BorderTop:var(--pfe-theme--ui--border-width, 1px) var(--pfe-theme--ui--border-style, solid) var(--pfe-theme--color--surface--border, #d2d2d2);height:100%}}@media screen and (min-width:768px) and (-ms-high-contrast:active),screen and (min-width:768px) and (-ms-high-contrast:none){:host([pfe-variant=earth][vertical]) .container{border-top:1px solid #d2d2d2;border-top:1px solid var(--pfe-theme--color--surface--border,#d2d2d2)}}:host([hidden]){display:none}\n/*# sourceMappingURL=pfe-tab-panel.min.css.map */\n
                                                    \n
                                                    \n \n
                                                    \n
                                                    '}},{key:"styleUrl",get:function(){return"pfe-tab-panel.scss"}},{key:"templateUrl",get:function(){return"pfe-tab-panel.html"}},{key:"pfeId",get:function(){return this.getAttribute("pfe-id")},set:function(e){e&&this.setAttribute("pfe-id",e)}}],[{key:"version",get:function(){return"1.0.0-prerelease.50"}},{key:"tag",get:function(){return"pfe-tab-panel"}}]),r(k,[{key:"connectedCallback",value:function(){n(k.prototype.__proto__||Object.getPrototypeOf(k.prototype),"connectedCallback",this).call(this),this._init(),this._observer.observe(this,u)}},{key:"disconnectedCallback",value:function(){this._observer.disconnect()}},{key:"_init",value:function(){window.ShadyCSS&&this._observer.disconnect(),this.pfeId||(this.pfeId=k.tag+"-"+m()),"tabpanel"!==this.getAttribute("role")&&this.setAttribute("role","tabpanel"),this.hasAttribute("tabindex")||this.setAttribute("tabindex",0),"true"!==this.previousElementSibling.getAttribute("aria-selected")&&(this.hidden=!0),window.ShadyCSS&&this._observer.observe(this,u)}}]),k);function k(){t(this,k);var e=i(this,(k.__proto__||Object.getPrototypeOf(k)).call(this,k));return e._init=e._init.bind(e),e._observer=new MutationObserver(e._init),e}return e.create(x),e.create(w),e.create(g),g}); +//# sourceMappingURL=pfe-tabs.umd.min.js.map diff --git a/elements/pfe-tabs/dist/pfe-tabs.umd.min.js.map b/elements/pfe-tabs/dist/pfe-tabs.umd.min.js.map new file mode 100644 index 0000000000..335b06fdf7 --- /dev/null +++ b/elements/pfe-tabs/dist/pfe-tabs.umd.min.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-tabs.umd.min.js","sources":["../_temp/polyfills--pfe-tabs.js","../_temp/pfe-tabs.umd.js"],"sourcesContent":["// @POLYFILL Array.prototype.find\n// https://tc39.github.io/ecma262/#sec-array.prototype.find\nif (!Array.prototype.find) {\n Object.defineProperty(Array.prototype, \"find\", {\n value: function(predicate) {\n // 1. Let O be ? ToObject(this value).\n if (this == null) {\n throw new TypeError('\"this\" is null or not defined');\n }\n\n var o = Object(this);\n\n // 2. Let len be ? ToLength(? Get(O, \"length\")).\n var len = o.length >>> 0;\n\n // 3. If IsCallable(predicate) is false, throw a TypeError exception.\n if (typeof predicate !== \"function\") {\n throw new TypeError(\"predicate must be a function\");\n }\n\n // 4. If thisArg was supplied, let T be thisArg; else let T be undefined.\n var thisArg = arguments[1];\n\n // 5. Let k be 0.\n var k = 0;\n\n // 6. Repeat, while k < len\n while (k < len) {\n // a. Let Pk be ! ToString(k).\n // b. Let kValue be ? Get(O, Pk).\n // c. Let testResult be ToBoolean(? Call(predicate, T, « kValue, k, O »)).\n // d. If testResult is true, return kValue.\n var kValue = o[k];\n if (predicate.call(thisArg, kValue, k, o)) {\n return kValue;\n }\n // e. Increase k by 1.\n k++;\n }\n\n // 7. Return undefined.\n return undefined;\n },\n configurable: true,\n writable: true\n });\n}\n\n// @POLYFILL Array.prototype.findIndex\n// https://tc39.github.io/ecma262/#sec-array.prototype.findIndex\nif (!Array.prototype.findIndex) {\n Object.defineProperty(Array.prototype, \"findIndex\", {\n value: function(predicate) {\n // 1. Let O be ? ToObject(this value).\n if (this == null) {\n throw new TypeError('\"this\" is null or not defined');\n }\n\n var o = Object(this);\n\n // 2. Let len be ? ToLength(? Get(O, \"length\")).\n var len = o.length >>> 0;\n\n // 3. If IsCallable(predicate) is false, throw a TypeError exception.\n if (typeof predicate !== \"function\") {\n throw new TypeError(\"predicate must be a function\");\n }\n\n // 4. If thisArg was supplied, let T be thisArg; else let T be undefined.\n var thisArg = arguments[1];\n\n // 5. Let k be 0.\n var k = 0;\n\n // 6. Repeat, while k < len\n while (k < len) {\n // a. Let Pk be ! ToString(k).\n // b. Let kValue be ? Get(O, Pk).\n // c. Let testResult be ToBoolean(? Call(predicate, T, « kValue, k, O »)).\n // d. If testResult is true, return k.\n var kValue = o[k];\n if (predicate.call(thisArg, kValue, k, o)) {\n return k;\n }\n // e. Increase k by 1.\n k++;\n }\n\n // 7. Return -1.\n return -1;\n },\n configurable: true,\n writable: true\n });\n}\n\n// @POLYFILL Element.prototype.matches\n// https://developer.mozilla.org/en-US/docs/Web/API/Element/matches#Polyfill\nif (!Element.prototype.matches) {\n Element.prototype.matches = Element.prototype.msMatchesSelector;\n}\n","/*!\n * PatternFly Elements: PfeTabs 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\n// Import polyfills: find, findIndex\nimport \"./polyfills--pfe-tabs.js\";\n\nimport PFElement from \"../../pfelement/dist/pfelement.umd\";\n\nconst KEYCODE = {\n DOWN: 40,\n LEFT: 37,\n RIGHT: 39,\n UP: 38,\n HOME: 36,\n END: 35\n};\n\n// @IE11 doesn't support URLSearchParams\n// https://caniuse.com/#search=urlsearchparams\nconst CAN_USE_URLSEARCHPARAMS = window.URLSearchParams ? true : false;\n\nconst TABS_MUTATION_CONFIG = {\n childList: true,\n subtree: true\n};\n\nconst TAB_CONTENT_MUTATION_CONFIG = {\n characterData: true,\n childList: true,\n subtree: true\n};\n\nfunction generateId() {\n return Math.random()\n .toString(36)\n .substr(2, 9);\n}\n\nclass PfeTabs extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return `
                                                    \n \n
                                                    \n
                                                    \n \n
                                                    `;\n }\n\n static get properties() {\n return {\"vertical\":{\"title\":\"Vertical orientation\",\"type\":\"boolean\",\"default\":false,\"prefixed\":false},\"variant\":{\"title\":\"Variant\",\"type\":\"string\",\"enum\":[\"wind\",\"earth\"],\"default\":\"wind\",\"prefixed\":true},\"tab-history\":{\"title\":\"Tab history\",\"type\":\"boolean\",\"default\":false,\"prefixed\":true}};\n }\n\n static get slots() {\n return {\"tab\":{\"title\":\"Tab\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"oneOf\":[{\"$ref\":\"raw\"}]}},\"panel\":{\"title\":\"Panel\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"oneOf\":[{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-tabs\";\n }\n\n get styleUrl() {\n return \"pfe-tabs.scss\";\n }\n\n get templateUrl() {\n return \"pfe-tabs.html\";\n }\n\n get schemaUrl() {\n return \"pfe-tabs.json\";\n }\n\n static get observedAttributes() {\n return [\"vertical\", \"selected-index\", \"pfe-variant\", \"pfe-tab-history\"];\n }\n\n static get events() {\n return {\n hiddenTab: `${this.tag}:hidden-tab`,\n shownTab: `${this.tag}:shown-tab`\n };\n }\n\n get selectedIndex() {\n return this.getAttribute(\"selected-index\");\n }\n\n set selectedIndex(value) {\n this.setAttribute(\"selected-index\", value);\n }\n\n get tabHistory() {\n return this.hasAttribute(\"pfe-tab-history\");\n }\n\n constructor() {\n super(PfeTabs);\n\n this._linked = false;\n this._init = this._init.bind(this);\n this._onClick = this._onClick.bind(this);\n this._linkPanels = this._linkPanels.bind(this);\n this._popstateEventHandler = this._popstateEventHandler.bind(this);\n this._observer = new MutationObserver(this._init);\n this._updateHistory = true;\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this.addEventListener(\"keydown\", this._onKeyDown);\n this.addEventListener(\"click\", this._onClick);\n\n Promise.all([\n customElements.whenDefined(PfeTab.tag),\n customElements.whenDefined(PfeTabPanel.tag)\n ]).then(() => {\n if (this.children.length) {\n this._init();\n }\n\n this._observer.observe(this, TABS_MUTATION_CONFIG);\n });\n }\n\n disconnectedCallback() {\n this.removeEventListener(\"keydown\", this._onKeyDown);\n this._allTabs().forEach(tab =>\n tab.removeEventListener(\"click\", this._onClick)\n );\n this._observer.disconnect();\n\n if (this.tabHistory) {\n window.removeEventListener(\"popstate\", this._popstateEventHandler);\n }\n }\n\n attributeChangedCallback(attr, oldValue, newValue) {\n switch (attr) {\n case \"pfe-variant\":\n if (this.getAttribute(\"pfe-variant\") === \"wind\") {\n this._allTabs().forEach(tab =>\n tab.setAttribute(\"pfe-variant\", \"wind\")\n );\n this._allPanels().forEach(panel =>\n panel.setAttribute(\"pfe-variant\", \"wind\")\n );\n } else if (this.getAttribute(\"pfe-variant\") === \"earth\") {\n this._allTabs().forEach(tab =>\n tab.setAttribute(\"pfe-variant\", \"earth\")\n );\n this._allPanels().forEach(panel =>\n panel.setAttribute(\"pfe-variant\", \"earth\")\n );\n }\n break;\n\n case \"vertical\":\n if (this.hasAttribute(\"vertical\")) {\n this.setAttribute(\"aria-orientation\", \"vertical\");\n this._allPanels().forEach(panel =>\n panel.setAttribute(\"vertical\", \"\")\n );\n this._allTabs().forEach(tab => tab.setAttribute(\"vertical\", \"\"));\n } else {\n this.removeAttribute(\"aria-orientation\");\n this._allPanels().forEach(panel => panel.removeAttribute(\"vertical\"));\n this._allTabs().forEach(tab => tab.removeAttribute(\"vertical\"));\n }\n break;\n\n case \"selected-index\":\n Promise.all([\n customElements.whenDefined(PfeTab.tag),\n customElements.whenDefined(PfeTabPanel.tag)\n ]).then(() => {\n this._linkPanels();\n this.selectIndex(newValue);\n this._updateHistory = true;\n });\n break;\n\n case \"pfe-tab-history\":\n if (newValue === null) {\n window.removeEventListener(\"popstate\", this._popstateEventHandler);\n } else {\n window.addEventListener(\"popstate\", this._popstateEventHandler);\n }\n }\n }\n\n select(newTab) {\n if (!newTab) {\n return;\n }\n\n if (newTab.tagName.toLowerCase() !== \"pfe-tab\") {\n console.warn(`${PfeTabs.tag}: the tab must be a pfe-tab element`);\n return;\n }\n\n this.selectedIndex = this._getTabIndex(newTab);\n }\n\n selectIndex(_index) {\n if (_index === undefined) {\n return;\n }\n\n const index = parseInt(_index, 10);\n const tabs = this._allTabs();\n const tab = tabs[index];\n\n if (!tab) {\n console.warn(`${PfeTabs.tag}: tab ${_index} does not exist`);\n return;\n }\n\n // @IE11 doesn't support URLSearchParams\n // https://caniuse.com/#search=urlsearchparams\n if (\n this.selected &&\n this.tabHistory &&\n this._updateHistory &&\n CAN_USE_URLSEARCHPARAMS\n ) {\n // rebuild the url\n const pathname = window.location.pathname;\n const urlParams = new URLSearchParams(window.location.search);\n const hash = window.location.hash;\n const property = this.id || this.getAttribute(\"pfe-id\");\n const value = tab.id || tab.getAttribute(\"pfe-id\");\n\n urlParams.set(property, value);\n history.pushState({}, \"\", `${pathname}?${urlParams.toString()}${hash}`);\n }\n\n this._selectTab(tab);\n }\n\n _init(mutationsList) {\n if (this.getAttribute(\"role\") !== \"tablist\") {\n this.setAttribute(\"role\", \"tablist\");\n }\n\n let urlParams;\n\n // @IE11 doesn't support URLSearchParams\n // https://caniuse.com/#search=urlsearchparams\n if (CAN_USE_URLSEARCHPARAMS) {\n urlParams = new URLSearchParams(window.location.search);\n }\n\n const tabIndexFromURL = this._getTabIndexFromURL();\n\n if (tabIndexFromURL > -1) {\n this._setFocus = true;\n this.selectedIndex = tabIndexFromURL;\n } else if (!this.hasAttribute(\"selected-index\")) {\n this.selectedIndex = 0;\n }\n\n this._linked = false;\n this._linkPanels();\n\n if (mutationsList) {\n for (let mutation of mutationsList) {\n if (mutation.type === \"childList\" && mutation.addedNodes.length) {\n [...mutation.addedNodes].forEach(addedNode => {\n if (!addedNode.tagName) {\n return;\n }\n\n if (\n addedNode.tagName.toLowerCase() === PfeTab.tag ||\n addedNode.tagName.toLowerCase() === PfeTabPanel.tag\n ) {\n if (this.variant.value) {\n addedNode.setAttribute(\"pfe-variant\", this.variant.value);\n }\n }\n });\n }\n }\n }\n }\n\n _linkPanels() {\n if (this._linked) {\n return;\n }\n\n if (window.ShadyCSS) {\n this._observer.disconnect();\n }\n\n const tabs = this._allTabs();\n\n tabs.forEach(tab => {\n const panel = tab.nextElementSibling;\n if (panel.tagName.toLowerCase() !== \"pfe-tab-panel\") {\n console.warn(\n `${PfeTabs.tag}: tab #${tab.pfeId} is not a sibling of a `\n );\n return;\n }\n\n tab.setAttribute(\"aria-controls\", panel.pfeId);\n panel.setAttribute(\"aria-labelledby\", tab.pfeId);\n\n tab.addEventListener(\"click\", this._onClick);\n });\n\n this._linked = true;\n\n if (window.ShadyCSS) {\n this._observer.observe(this, TABS_MUTATION_CONFIG);\n }\n }\n\n _allPanels() {\n return [...this.children].filter(child => child.matches(\"pfe-tab-panel\"));\n }\n\n _allTabs() {\n return [...this.children].filter(child => child.matches(\"pfe-tab\"));\n }\n\n _panelForTab(tab) {\n const panelId = tab.getAttribute(\"aria-controls\");\n return this.querySelector(`[pfe-id=\"${panelId}\"]`);\n }\n\n _prevTab() {\n const tabs = this._allTabs();\n let newIdx = tabs.findIndex(tab => tab.selected) - 1;\n return tabs[(newIdx + tabs.length) % tabs.length];\n }\n\n _firstTab() {\n const tabs = this._allTabs();\n return tabs[0];\n }\n\n _lastTab() {\n const tabs = this._allTabs();\n return tabs[tabs.length - 1];\n }\n\n _nextTab() {\n const tabs = this._allTabs();\n let newIdx = tabs.findIndex(tab => tab.selected) + 1;\n return tabs[newIdx % tabs.length];\n }\n\n _getTabIndex(_tab) {\n const tabs = this._allTabs();\n const index = tabs.findIndex(tab => tab.pfeId === _tab.pfeId);\n return index;\n }\n\n reset() {\n const tabs = this._allTabs();\n const panels = this._allPanels();\n\n tabs.forEach(tab => (tab.selected = false));\n panels.forEach(panel => (panel.hidden = true));\n }\n\n _selectTab(newTab) {\n this.reset();\n\n const newPanel = this._panelForTab(newTab);\n let newTabSelected = false;\n\n if (!newPanel) {\n throw new Error(`No panel with pfeId ${newPanel.pfeId}`);\n }\n\n if (this.selected && this.selected !== newTab) {\n newTabSelected = true;\n\n this.emitEvent(PfeTabs.events.hiddenTab, {\n detail: {\n tab: this.selected\n }\n });\n }\n\n newTab.selected = true;\n newPanel.hidden = false;\n\n const tabs = this._allTabs();\n const newIdx = tabs.findIndex(tab => tab.selected);\n\n this.selected = newTab;\n\n if (newTabSelected) {\n if (this._setFocus) {\n newTab.focus();\n }\n\n this.emitEvent(PfeTabs.events.shownTab, {\n detail: {\n tab: this.selected\n }\n });\n }\n\n this._setFocus = false;\n }\n\n _onKeyDown(event) {\n const tabs = this._allTabs();\n const foundTab = tabs.find(tab => tab === event.target);\n\n if (!foundTab) {\n return;\n }\n\n if (event.altKey) {\n return;\n }\n\n let newTab;\n\n switch (event.keyCode) {\n case KEYCODE.LEFT:\n case KEYCODE.UP:\n newTab = this._prevTab();\n break;\n\n case KEYCODE.RIGHT:\n case KEYCODE.DOWN:\n newTab = this._nextTab();\n break;\n\n case KEYCODE.HOME:\n newTab = this._firstTab();\n break;\n\n case KEYCODE.END:\n newTab = this._lastTab();\n break;\n\n default:\n return;\n }\n\n event.preventDefault();\n\n this.selectedIndex = this._getTabIndex(newTab);\n this._setFocus = true;\n }\n\n _onClick(event) {\n const tabs = this._allTabs();\n const foundTab = tabs.find(tab => tab === event.currentTarget);\n\n if (!foundTab) {\n return;\n }\n\n this.selectedIndex = this._getTabIndex(event.currentTarget);\n }\n\n _getTabIndexFromURL() {\n let urlParams;\n let tabIndex = -1;\n\n // @IE11 doesn't support URLSearchParams\n // https://caniuse.com/#search=urlsearchparams\n if (CAN_USE_URLSEARCHPARAMS) {\n urlParams = new URLSearchParams(window.location.search);\n\n // @DEPRECATED\n // the \"pfe-\" prefix has been deprecated but we'll continue to support it\n // we'll give priority to the urlParams.has(`${this.id}`) attribute first\n // and fallback to urlParams.has(`pfe-${this.id}`) if it exists. We should\n // be able to remove the || part of the if statement in the future\n const tabsetInUrl =\n urlParams.has(`${this.id}`) ||\n urlParams.has(this.getAttribute(\"pfe-id\")) ||\n urlParams.has(`pfe-${this.id}`); // remove this condition when it's no longer used in production\n\n if (urlParams && tabsetInUrl) {\n const id =\n urlParams.get(`${this.id}`) ||\n urlParams.get(this.getAttribute(\"pfe-id\")) ||\n urlParams.get(`pfe-${this.id}`); // remove this condition when it's no longer used in production\n\n tabIndex = this._allTabs().findIndex(tab => {\n const tabId = tab.id || tab.getAttribute(\"pfe-id\");\n return tabId === id;\n });\n }\n }\n\n return tabIndex;\n }\n\n _popstateEventHandler() {\n const tabIndexFromURL = this._getTabIndexFromURL();\n\n this._updateHistory = false;\n this.selectedIndex = tabIndexFromURL > -1 ? tabIndexFromURL : 0;\n }\n}\n\nclass PfeTab extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return ``;\n }\n static get tag() {\n return \"pfe-tab\";\n }\n\n get styleUrl() {\n return \"pfe-tab.scss\";\n }\n\n get templateUrl() {\n return \"pfe-tab.html\";\n }\n\n static get observedAttributes() {\n return [\"aria-selected\"];\n }\n\n set selected(value) {\n value = Boolean(value);\n this.setAttribute(\"aria-selected\", value);\n }\n\n get selected() {\n return this.getAttribute(\"aria-selected\") === \"true\" ? true : false;\n }\n\n get pfeId() {\n return this.getAttribute(\"pfe-id\");\n }\n\n set pfeId(id) {\n if (!id) {\n return;\n }\n\n this.setAttribute(\"pfe-id\", id);\n }\n\n constructor() {\n super(PfeTab);\n\n this._tabItem;\n this._init = this._init.bind(this);\n this._setTabContent = this._setTabContent.bind(this);\n this._observer = new MutationObserver(this._init);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this._tabItem = this.shadowRoot.querySelector(`.${this.tag}`);\n\n if (this.children.length || this.textContent.trim().length) {\n this._init();\n }\n\n this._observer.observe(this, TAB_CONTENT_MUTATION_CONFIG);\n }\n\n attributeChangedCallback() {\n const value = Boolean(this.selected);\n this.setAttribute(\"tabindex\", value ? 0 : -1);\n }\n\n disconnectedCallback() {\n this._observer.disconnect();\n }\n\n _init() {\n if (window.ShadyCSS) {\n this._observer.disconnect();\n }\n\n // Copy the tab content into the template\n this._setTabContent();\n\n if (!this.pfeId) {\n this.pfeId = `${PfeTab.tag}-${generateId()}`;\n }\n\n if (this.getAttribute(\"role\") !== \"tab\") {\n this.setAttribute(\"role\", \"tab\");\n }\n\n if (!this.hasAttribute(\"aria-selected\")) {\n this.setAttribute(\"aria-selected\", \"false\");\n }\n\n if (!this.hasAttribute(\"tabindex\")) {\n this.setAttribute(\"tabindex\", -1);\n }\n\n if (this.parentNode.hasAttribute(\"vertical\")) {\n this.setAttribute(\"vertical\", \"\");\n }\n\n if (window.ShadyCSS) {\n this._observer.observe(this, TAB_CONTENT_MUTATION_CONFIG);\n }\n }\n\n _setTabContent() {\n // Copy the tab content into the template\n const label = this.textContent.trim().replace(/\\s+/g, \" \");\n\n if (!label) {\n console.warn(\n `${this.tag}: There does not appear to be any content in the tab region.`\n );\n return;\n }\n\n let semantics = \"\";\n // Get the semantics of the content\n if (this.children.length > 0) {\n // We only care about the first child that is a tag\n if (\n this.firstElementChild &&\n this.firstElementChild.tagName.match(/^H[1-6]/)\n ) {\n semantics = this.firstElementChild.tagName.toLowerCase();\n }\n }\n\n // Create an h-level tag for the shadow tab, default h3\n let heading = document.createElement(\"h3\");\n\n // Use the provided semantics if provided\n if (semantics.length > 0) {\n heading = document.createElement(semantics);\n }\n\n // Assign the label content to the new heading\n heading.textContent = label;\n\n // Attach the heading to the tabItem\n this._tabItem.innerHTML = \"\";\n this._tabItem.appendChild(heading);\n }\n}\n\nclass PfeTabPanel extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return `
                                                    \n
                                                    \n \n
                                                    \n
                                                    `;\n }\n static get tag() {\n return \"pfe-tab-panel\";\n }\n\n get styleUrl() {\n return \"pfe-tab-panel.scss\";\n }\n\n get templateUrl() {\n return \"pfe-tab-panel.html\";\n }\n\n get pfeId() {\n return this.getAttribute(\"pfe-id\");\n }\n\n set pfeId(id) {\n if (!id) {\n return;\n }\n\n this.setAttribute(\"pfe-id\", id);\n }\n\n constructor() {\n super(PfeTabPanel);\n\n this._init = this._init.bind(this);\n this._observer = new MutationObserver(this._init);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this._init();\n this._observer.observe(this, TABS_MUTATION_CONFIG);\n }\n\n disconnectedCallback() {\n this._observer.disconnect();\n }\n\n _init() {\n if (window.ShadyCSS) {\n this._observer.disconnect();\n }\n\n if (!this.pfeId) {\n this.pfeId = `${PfeTabPanel.tag}-${generateId()}`;\n }\n\n if (this.getAttribute(\"role\") !== \"tabpanel\") {\n this.setAttribute(\"role\", \"tabpanel\");\n }\n\n if (!this.hasAttribute(\"tabindex\")) {\n this.setAttribute(\"tabindex\", 0);\n }\n\n if (this.previousElementSibling.getAttribute(\"aria-selected\") !== \"true\") {\n this.hidden = true;\n }\n\n if (window.ShadyCSS) {\n this._observer.observe(this, TABS_MUTATION_CONFIG);\n }\n }\n}\n\nPFElement.create(PfeTab);\nPFElement.create(PfeTabPanel);\nPFElement.create(PfeTabs);\n\nexport { PfeTabs as default };\n"],"names":["Array","prototype","find","defineProperty","predicate","this","TypeError","o","Object","len","length","thisArg","k","kValue","call","findIndex","Element","matches","msMatchesSelector","KEYCODE","CAN_USE_URLSEARCHPARAMS","window","URLSearchParams","TABS_MUTATION_CONFIG","TAB_CONTENT_MUTATION_CONFIG","generateId","Math","random","toString","substr","PfeTabs","PFElement","getAttribute","value","setAttribute","hasAttribute","vertical","title","type","default","prefixed","variant","enum","tab-history","tab","namedSlot","items","oneOf","$ref","panel","tag","addEventListener","_onKeyDown","_onClick","all","customElements","whenDefined","PfeTab","PfeTabPanel","then","_this2","children","_init","_observer","observe","removeEventListener","_allTabs","forEach","_this3","disconnect","tabHistory","_popstateEventHandler","attr","oldValue","newValue","_allPanels","removeAttribute","_linkPanels","selectIndex","_updateHistory","newTab","tagName","toLowerCase","selectedIndex","_getTabIndex","warn","_index","undefined","index","parseInt","selected","pathname","location","urlParams","search","hash","property","id","set","pushState","_selectTab","mutationsList","tabIndexFromURL","_getTabIndexFromURL","_setFocus","_linked","mutation","addedNodes","addedNode","_this5","ShadyCSS","nextElementSibling","pfeId","_this6","filter","child","panelId","querySelector","tabs","newIdx","_tab","panels","hidden","reset","newPanel","_panelForTab","newTabSelected","Error","emitEvent","events","hiddenTab","focus","shownTab","event","target","altKey","keyCode","_prevTab","_nextTab","_firstTab","_lastTab","preventDefault","currentTarget","tabIndex","tabsetInUrl","has","get","_this","bind","MutationObserver","Boolean","_tabItem","shadowRoot","textContent","trim","_setTabContent","parentNode","label","replace","semantics","firstElementChild","match","heading","document","createElement","innerHTML","appendChild","_this7","previousElementSibling","_this8","create"],"mappings":"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"} \ No newline at end of file diff --git a/elements/pfe-tabs/package-lock.json b/elements/pfe-tabs/package-lock.json index ae55fbeb51..0e9066a3bc 100644 --- a/elements/pfe-tabs/package-lock.json +++ b/elements/pfe-tabs/package-lock.json @@ -1,6 +1,6 @@ { "name": "@patternfly/pfe-tabs", - "version": "1.0.0-prerelease.49", + "version": "1.0.0-prerelease.50", "lockfileVersion": 1, "requires": true, "dependencies": { diff --git a/elements/pfe-tabs/package.json b/elements/pfe-tabs/package.json index 290949de82..d686c1d37f 100644 --- a/elements/pfe-tabs/package.json +++ b/elements/pfe-tabs/package.json @@ -9,7 +9,7 @@ "pfe-tab-panel.js" ] }, - "version": "1.0.0-prerelease.49", + "version": "1.0.0-prerelease.50", "publishConfig": { "access": "public" }, @@ -47,8 +47,8 @@ ], "license": "MIT", "dependencies": { - "@patternfly/pfe-sass": "^1.0.0-prerelease.49", - "@patternfly/pfelement": "^1.0.0-prerelease.49" + "@patternfly/pfe-sass": "^1.0.0-prerelease.50", + "@patternfly/pfelement": "^1.0.0-prerelease.50" }, "generator-pfelement-version": "0.5.4", "bugs": { diff --git a/elements/pfe-toast/dist/pfe-toast.js b/elements/pfe-toast/dist/pfe-toast.js new file mode 100644 index 0000000000..794adb8790 --- /dev/null +++ b/elements/pfe-toast/dist/pfe-toast.js @@ -0,0 +1,244 @@ +import PFElement from '../../pfelement/dist/pfelement.js'; + +/*! + * PatternFly Elements: PfeToast 1.0.0-prerelease.50 + * @license + * Copyright 2020 Red Hat, Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + * +*/ + +class PfeToast extends PFElement { + static get version() { + return "1.0.0-prerelease.50"; + } + + get html() { + return `
                                                    +
                                                    + +
                                                    + +
                                                    `; + } + + static get properties() { + return {"auto_dismiss":{"title":"Auto dismiss","type":"string"},"close_label":{"title":"Close label","type":"string"}}; + } + + static get slots() { + return {"content":{"title":"Content","type":"array","namedSlot":false,"items":{"oneOf":[{"$ref":"raw"}]}}}; + } + static get tag() { + return "pfe-toast"; + } + + get templateUrl() { + return "pfe-toast.html"; + } + + get schemaUrl() { + return "pfe-toast.json"; + } + + get styleUrl() { + return "pfe-toast.scss"; + } + + get closeLabel() { + return this.getAttribute("close-label") || "Close"; + } + + static get PfeType() { + return PFElement.PfeTypes.Container; + } + + static get observedAttributes() { + return ["auto-dismiss", "close-label"]; + } + + constructor() { + super(PfeToast); + + // state + this.isOpen = false; + this.doesAutoDismiss = false; + + // elements + this._container = this.shadowRoot.querySelector(`.${this.tag}__container`); + this._content = this.shadowRoot.querySelector(`.${this.tag}__content`); + this._toastCloseButton = this.shadowRoot.querySelector( + `.${this.tag}__close` + ); + + // events + this.open = this.open.bind(this); + this.close = this.close.bind(this); + this.toggle = this.toggle.bind(this); + } + + attributeChangedCallback(attr, oldValue, newValue) { + switch (attr) { + case "close-label": + this._toastCloseButton.setAttribute("aria-label", this.closeLabel); + case "auto-dismiss": + this.doesAutoDismiss = !!newValue; + this._setAccessibility(); + default: + break; + } + } + + _setAccessibility() { + if (!this.doesAutoDismiss) { + this.removeAttribute("aria-live"); + this.removeAttribute("aria-atomic"); + + this.setAttribute("role", "alertdialog"); + // default if none provided + if (!this.hasAttribute("aria-label")) { + this.setAttribute("aria-label", "Alert dialog"); + } + this.setAttribute("aria-describedby", `${this.tag}__content`); + } else { + this.removeAttribute("aria-label"); + this.removeAttribute("aria-describedby"); + + this.setAttribute("role", "alert"); + this.setAttribute("aria-live", "polite"); + this.setAttribute("aria-atomic", "true"); + } + } + + connectedCallback() { + super.connectedCallback(); + + // get/set state + this.doesAutoDismiss = this.hasAttribute("auto-dismiss"); + this._toastCloseButton.setAttribute("aria-label", this.closeLabel); + this._setAccessibility(); + this.setAttribute("hidden", ""); + + // attach listeners + this._toastCloseButton.addEventListener("click", this.close); + this.addEventListener("keydown", this._keydownHandler); + } + + disconnectedCallback() { + this._toastCloseButton.removeEventListener("click", this.close); + this.removeEventListener("keydown", this._keydownHandler); + } + + open(event) { + if (event) { + event.preventDefault(); + } + + this.isOpen = true; + + this.removeAttribute("hidden"); + setTimeout(() => { + this.classList.add("open"); + }, 500); + + this.dispatchEvent( + new CustomEvent(`${this.tag}:open`, { + detail: {}, + bubbles: true + }) + ); + + if (this.doesAutoDismiss) { + setTimeout(() => { + this.close(); + }, this._toMilliseconds(this.getAttribute("auto-dismiss"))); + } + + return this; + } + + close(event) { + if (event) { + event.preventDefault(); + } + + this.isOpen = false; + + this.classList.remove("open"); + setTimeout(() => { + this.setAttribute("hidden", ""); + }, 500); + + this.dispatchEvent( + new CustomEvent(`${this.tag}:close`, { + detail: {}, + bubbles: true + }) + ); + + return this; + } + + toggle(event) { + this.isOpen ? this.close(event) : this.open(event); + return this; + } + + _toMilliseconds(value) { + // set default delay if none provided + const digits = value.match(/\d+/) || [8000]; + const unit = value.match(/\D+/) || ""; + return unit[0] === "s" ? digits[0] * 1000 : digits[0]; + } + + _keydownHandler(event) { + let target = event.target || window.event.srcElement; + let key = event.key || event.keyCode; + switch (key) { + case "Escape": + case "Esc": + case 27: + this.close(event); + break; + case "Enter": + case 13: + if (target === this._toastCloseButton) { + this.close(event); + } + break; + default: + break; + } + } +} + +PFElement.create(PfeToast); + +export default PfeToast; +//# sourceMappingURL=pfe-toast.js.map diff --git a/elements/pfe-toast/dist/pfe-toast.js.map b/elements/pfe-toast/dist/pfe-toast.js.map new file mode 100644 index 0000000000..2421177d65 --- /dev/null +++ b/elements/pfe-toast/dist/pfe-toast.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-toast.js","sources":["../_temp/pfe-toast.js"],"sourcesContent":["/*!\n * PatternFly Elements: PfeToast 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\nimport PFElement from \"../../pfelement/dist/pfelement.js\";\n\nclass PfeToast extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return `
                                                    \n
                                                    \n \n
                                                    \n \n
                                                    `;\n }\n\n static get properties() {\n return {\"auto_dismiss\":{\"title\":\"Auto dismiss\",\"type\":\"string\"},\"close_label\":{\"title\":\"Close label\",\"type\":\"string\"}};\n }\n\n static get slots() {\n return {\"content\":{\"title\":\"Content\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-toast\";\n }\n\n get templateUrl() {\n return \"pfe-toast.html\";\n }\n\n get schemaUrl() {\n return \"pfe-toast.json\";\n }\n\n get styleUrl() {\n return \"pfe-toast.scss\";\n }\n\n get closeLabel() {\n return this.getAttribute(\"close-label\") || \"Close\";\n }\n\n static get PfeType() {\n return PFElement.PfeTypes.Container;\n }\n\n static get observedAttributes() {\n return [\"auto-dismiss\", \"close-label\"];\n }\n\n constructor() {\n super(PfeToast);\n\n // state\n this.isOpen = false;\n this.doesAutoDismiss = false;\n\n // elements\n this._container = this.shadowRoot.querySelector(`.${this.tag}__container`);\n this._content = this.shadowRoot.querySelector(`.${this.tag}__content`);\n this._toastCloseButton = this.shadowRoot.querySelector(\n `.${this.tag}__close`\n );\n\n // events\n this.open = this.open.bind(this);\n this.close = this.close.bind(this);\n this.toggle = this.toggle.bind(this);\n }\n\n attributeChangedCallback(attr, oldValue, newValue) {\n switch (attr) {\n case \"close-label\":\n this._toastCloseButton.setAttribute(\"aria-label\", this.closeLabel);\n case \"auto-dismiss\":\n this.doesAutoDismiss = !!newValue;\n this._setAccessibility();\n default:\n break;\n }\n }\n\n _setAccessibility() {\n if (!this.doesAutoDismiss) {\n this.removeAttribute(\"aria-live\");\n this.removeAttribute(\"aria-atomic\");\n\n this.setAttribute(\"role\", \"alertdialog\");\n // default if none provided\n if (!this.hasAttribute(\"aria-label\")) {\n this.setAttribute(\"aria-label\", \"Alert dialog\");\n }\n this.setAttribute(\"aria-describedby\", `${this.tag}__content`);\n } else {\n this.removeAttribute(\"aria-label\");\n this.removeAttribute(\"aria-describedby\");\n\n this.setAttribute(\"role\", \"alert\");\n this.setAttribute(\"aria-live\", \"polite\");\n this.setAttribute(\"aria-atomic\", \"true\");\n }\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n // get/set state\n this.doesAutoDismiss = this.hasAttribute(\"auto-dismiss\");\n this._toastCloseButton.setAttribute(\"aria-label\", this.closeLabel);\n this._setAccessibility();\n this.setAttribute(\"hidden\", \"\");\n\n // attach listeners\n this._toastCloseButton.addEventListener(\"click\", this.close);\n this.addEventListener(\"keydown\", this._keydownHandler);\n }\n\n disconnectedCallback() {\n this._toastCloseButton.removeEventListener(\"click\", this.close);\n this.removeEventListener(\"keydown\", this._keydownHandler);\n }\n\n open(event) {\n if (event) {\n event.preventDefault();\n }\n\n this.isOpen = true;\n\n this.removeAttribute(\"hidden\");\n setTimeout(() => {\n this.classList.add(\"open\");\n }, 500);\n\n this.dispatchEvent(\n new CustomEvent(`${this.tag}:open`, {\n detail: {},\n bubbles: true\n })\n );\n\n if (this.doesAutoDismiss) {\n setTimeout(() => {\n this.close();\n }, this._toMilliseconds(this.getAttribute(\"auto-dismiss\")));\n }\n\n return this;\n }\n\n close(event) {\n if (event) {\n event.preventDefault();\n }\n\n this.isOpen = false;\n\n this.classList.remove(\"open\");\n setTimeout(() => {\n this.setAttribute(\"hidden\", \"\");\n }, 500);\n\n this.dispatchEvent(\n new CustomEvent(`${this.tag}:close`, {\n detail: {},\n bubbles: true\n })\n );\n\n return this;\n }\n\n toggle(event) {\n this.isOpen ? this.close(event) : this.open(event);\n return this;\n }\n\n _toMilliseconds(value) {\n // set default delay if none provided\n const digits = value.match(/\\d+/) || [8000];\n const unit = value.match(/\\D+/) || \"\";\n return unit[0] === \"s\" ? digits[0] * 1000 : digits[0];\n }\n\n _keydownHandler(event) {\n let target = event.target || window.event.srcElement;\n let key = event.key || event.keyCode;\n switch (key) {\n case \"Escape\":\n case \"Esc\":\n case 27:\n this.close(event);\n break;\n case \"Enter\":\n case 13:\n if (target === this._toastCloseButton) {\n this.close(event);\n }\n break;\n default:\n break;\n }\n }\n}\n\nPFElement.create(PfeToast);\n\nexport default PfeToast;\n"],"names":[],"mappings":"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"} \ No newline at end of file diff --git a/elements/pfe-toast/dist/pfe-toast.json b/elements/pfe-toast/dist/pfe-toast.json new file mode 100644 index 0000000000..ca241b2037 --- /dev/null +++ b/elements/pfe-toast/dist/pfe-toast.json @@ -0,0 +1,46 @@ +{ + "$schema": "http://json-schema.org/draft-04/schema#", + "title": "Toast", + "description": "This element renders slotted content in a container that slides in from the right of the screen.", + "type": "object", + "tag": "pfe-toast", + "class": "pfe-toast", + "category": "container", + "properties": { + "slots": { + "title": "Slots", + "description": "Definition of the supported slots", + "type": "object", + "properties": { + "content": { + "title": "Content", + "type": "array", + "namedSlot": false, + "items": { + "oneOf": [ + { + "$ref": "raw" + } + ] + } + } + } + }, + "attributes": { + "title": "Attributes", + "type": "object", + "properties": { + "auto_dismiss": { + "title": "Auto dismiss", + "type": "string" + }, + "close_label": { + "title": "Close label", + "type": "string" + } + } + } + }, + "required": ["slots", "attributes"], + "additionalProperties": false +} diff --git a/elements/pfe-toast/dist/pfe-toast.min.js b/elements/pfe-toast/dist/pfe-toast.min.js new file mode 100644 index 0000000000..ea51f56ba7 --- /dev/null +++ b/elements/pfe-toast/dist/pfe-toast.min.js @@ -0,0 +1,26 @@ +import t from"../../pfelement/dist/pfelement.min.js"; +/*! + * PatternFly Elements: PfeToast 1.0.0-prerelease.50 + * @license + * Copyright 2020 Red Hat, Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + * +*/class e extends t{static get version(){return"1.0.0-prerelease.50"}get html(){return'
                                                    \n
                                                    \n \n
                                                    \n \n
                                                    '}static get properties(){return{auto_dismiss:{title:"Auto dismiss",type:"string"},close_label:{title:"Close label",type:"string"}}}static get slots(){return{content:{title:"Content",type:"array",namedSlot:!1,items:{oneOf:[{$ref:"raw"}]}}}}static get tag(){return"pfe-toast"}get templateUrl(){return"pfe-toast.html"}get schemaUrl(){return"pfe-toast.json"}get styleUrl(){return"pfe-toast.scss"}get closeLabel(){return this.getAttribute("close-label")||"Close"}static get PfeType(){return t.PfeTypes.Container}static get observedAttributes(){return["auto-dismiss","close-label"]}constructor(){super(e),this.isOpen=!1,this.doesAutoDismiss=!1,this._container=this.shadowRoot.querySelector(`.${this.tag}__container`),this._content=this.shadowRoot.querySelector(`.${this.tag}__content`),this._toastCloseButton=this.shadowRoot.querySelector(`.${this.tag}__close`),this.open=this.open.bind(this),this.close=this.close.bind(this),this.toggle=this.toggle.bind(this)}attributeChangedCallback(t,e,s){switch(t){case"close-label":this._toastCloseButton.setAttribute("aria-label",this.closeLabel);case"auto-dismiss":this.doesAutoDismiss=!!s,this._setAccessibility()}}_setAccessibility(){this.doesAutoDismiss?(this.removeAttribute("aria-label"),this.removeAttribute("aria-describedby"),this.setAttribute("role","alert"),this.setAttribute("aria-live","polite"),this.setAttribute("aria-atomic","true")):(this.removeAttribute("aria-live"),this.removeAttribute("aria-atomic"),this.setAttribute("role","alertdialog"),this.hasAttribute("aria-label")||this.setAttribute("aria-label","Alert dialog"),this.setAttribute("aria-describedby",`${this.tag}__content`))}connectedCallback(){super.connectedCallback(),this.doesAutoDismiss=this.hasAttribute("auto-dismiss"),this._toastCloseButton.setAttribute("aria-label",this.closeLabel),this._setAccessibility(),this.setAttribute("hidden",""),this._toastCloseButton.addEventListener("click",this.close),this.addEventListener("keydown",this._keydownHandler)}disconnectedCallback(){this._toastCloseButton.removeEventListener("click",this.close),this.removeEventListener("keydown",this._keydownHandler)}open(t){return t&&t.preventDefault(),this.isOpen=!0,this.removeAttribute("hidden"),setTimeout(()=>{this.classList.add("open")},500),this.dispatchEvent(new CustomEvent(`${this.tag}:open`,{detail:{},bubbles:!0})),this.doesAutoDismiss&&setTimeout(()=>{this.close()},this._toMilliseconds(this.getAttribute("auto-dismiss"))),this}close(t){return t&&t.preventDefault(),this.isOpen=!1,this.classList.remove("open"),setTimeout(()=>{this.setAttribute("hidden","")},500),this.dispatchEvent(new CustomEvent(`${this.tag}:close`,{detail:{},bubbles:!0})),this}toggle(t){return this.isOpen?this.close(t):this.open(t),this}_toMilliseconds(t){const e=t.match(/\d+/)||[8e3];return"s"===(t.match(/\D+/)||"")[0]?1e3*e[0]:e[0]}_keydownHandler(t){let e=t.target||window.event.srcElement;switch(t.key||t.keyCode){case"Escape":case"Esc":case 27:this.close(t);break;case"Enter":case 13:e===this._toastCloseButton&&this.close(t)}}}t.create(e);export default e; +//# sourceMappingURL=pfe-toast.min.js.map diff --git a/elements/pfe-toast/dist/pfe-toast.min.js.map b/elements/pfe-toast/dist/pfe-toast.min.js.map new file mode 100644 index 0000000000..33efb0fb12 --- /dev/null +++ b/elements/pfe-toast/dist/pfe-toast.min.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-toast.min.js","sources":["../_temp/pfe-toast.js"],"sourcesContent":["/*!\n * PatternFly Elements: PfeToast 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\nimport PFElement from \"../../pfelement/dist/pfelement.js\";\n\nclass PfeToast extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return `
                                                    \n
                                                    \n \n
                                                    \n \n
                                                    `;\n }\n\n static get properties() {\n return {\"auto_dismiss\":{\"title\":\"Auto dismiss\",\"type\":\"string\"},\"close_label\":{\"title\":\"Close label\",\"type\":\"string\"}};\n }\n\n static get slots() {\n return {\"content\":{\"title\":\"Content\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-toast\";\n }\n\n get templateUrl() {\n return \"pfe-toast.html\";\n }\n\n get schemaUrl() {\n return \"pfe-toast.json\";\n }\n\n get styleUrl() {\n return \"pfe-toast.scss\";\n }\n\n get closeLabel() {\n return this.getAttribute(\"close-label\") || \"Close\";\n }\n\n static get PfeType() {\n return PFElement.PfeTypes.Container;\n }\n\n static get observedAttributes() {\n return [\"auto-dismiss\", \"close-label\"];\n }\n\n constructor() {\n super(PfeToast);\n\n // state\n this.isOpen = false;\n this.doesAutoDismiss = false;\n\n // elements\n this._container = this.shadowRoot.querySelector(`.${this.tag}__container`);\n this._content = this.shadowRoot.querySelector(`.${this.tag}__content`);\n this._toastCloseButton = this.shadowRoot.querySelector(\n `.${this.tag}__close`\n );\n\n // events\n this.open = this.open.bind(this);\n this.close = this.close.bind(this);\n this.toggle = this.toggle.bind(this);\n }\n\n attributeChangedCallback(attr, oldValue, newValue) {\n switch (attr) {\n case \"close-label\":\n this._toastCloseButton.setAttribute(\"aria-label\", this.closeLabel);\n case \"auto-dismiss\":\n this.doesAutoDismiss = !!newValue;\n this._setAccessibility();\n default:\n break;\n }\n }\n\n _setAccessibility() {\n if (!this.doesAutoDismiss) {\n this.removeAttribute(\"aria-live\");\n this.removeAttribute(\"aria-atomic\");\n\n this.setAttribute(\"role\", \"alertdialog\");\n // default if none provided\n if (!this.hasAttribute(\"aria-label\")) {\n this.setAttribute(\"aria-label\", \"Alert dialog\");\n }\n this.setAttribute(\"aria-describedby\", `${this.tag}__content`);\n } else {\n this.removeAttribute(\"aria-label\");\n this.removeAttribute(\"aria-describedby\");\n\n this.setAttribute(\"role\", \"alert\");\n this.setAttribute(\"aria-live\", \"polite\");\n this.setAttribute(\"aria-atomic\", \"true\");\n }\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n // get/set state\n this.doesAutoDismiss = this.hasAttribute(\"auto-dismiss\");\n this._toastCloseButton.setAttribute(\"aria-label\", this.closeLabel);\n this._setAccessibility();\n this.setAttribute(\"hidden\", \"\");\n\n // attach listeners\n this._toastCloseButton.addEventListener(\"click\", this.close);\n this.addEventListener(\"keydown\", this._keydownHandler);\n }\n\n disconnectedCallback() {\n this._toastCloseButton.removeEventListener(\"click\", this.close);\n this.removeEventListener(\"keydown\", this._keydownHandler);\n }\n\n open(event) {\n if (event) {\n event.preventDefault();\n }\n\n this.isOpen = true;\n\n this.removeAttribute(\"hidden\");\n setTimeout(() => {\n this.classList.add(\"open\");\n }, 500);\n\n this.dispatchEvent(\n new CustomEvent(`${this.tag}:open`, {\n detail: {},\n bubbles: true\n })\n );\n\n if (this.doesAutoDismiss) {\n setTimeout(() => {\n this.close();\n }, this._toMilliseconds(this.getAttribute(\"auto-dismiss\")));\n }\n\n return this;\n }\n\n close(event) {\n if (event) {\n event.preventDefault();\n }\n\n this.isOpen = false;\n\n this.classList.remove(\"open\");\n setTimeout(() => {\n this.setAttribute(\"hidden\", \"\");\n }, 500);\n\n this.dispatchEvent(\n new CustomEvent(`${this.tag}:close`, {\n detail: {},\n bubbles: true\n })\n );\n\n return this;\n }\n\n toggle(event) {\n this.isOpen ? this.close(event) : this.open(event);\n return this;\n }\n\n _toMilliseconds(value) {\n // set default delay if none provided\n const digits = value.match(/\\d+/) || [8000];\n const unit = value.match(/\\D+/) || \"\";\n return unit[0] === \"s\" ? digits[0] * 1000 : digits[0];\n }\n\n _keydownHandler(event) {\n let target = event.target || window.event.srcElement;\n let key = event.key || event.keyCode;\n switch (key) {\n case \"Escape\":\n case \"Esc\":\n case 27:\n this.close(event);\n break;\n case \"Enter\":\n case 13:\n if (target === this._toastCloseButton) {\n this.close(event);\n }\n break;\n default:\n break;\n }\n }\n}\n\nPFElement.create(PfeToast);\n\nexport default PfeToast;\n"],"names":["PfeToast","PFElement","version","html","properties","auto_dismiss","title","type","close_label","slots","content","namedSlot","items","oneOf","$ref","tag","templateUrl","schemaUrl","styleUrl","closeLabel","this","getAttribute","PfeType","PfeTypes","Container","observedAttributes","[object Object]","super","isOpen","doesAutoDismiss","_container","shadowRoot","querySelector","_content","_toastCloseButton","open","bind","close","toggle","attr","oldValue","newValue","setAttribute","_setAccessibility","removeAttribute","hasAttribute","connectedCallback","addEventListener","_keydownHandler","removeEventListener","event","preventDefault","setTimeout","classList","add","dispatchEvent","CustomEvent","detail","bubbles","_toMilliseconds","remove","value","digits","match","target","window","srcElement","key","keyCode","create"],"mappings":"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"} \ No newline at end of file diff --git a/elements/pfe-toast/dist/pfe-toast.umd.js b/elements/pfe-toast/dist/pfe-toast.umd.js new file mode 100644 index 0000000000..73ce73b50d --- /dev/null +++ b/elements/pfe-toast/dist/pfe-toast.umd.js @@ -0,0 +1,339 @@ +(function (global, factory) { + typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('../../pfelement/dist/pfelement.umd')) : + typeof define === 'function' && define.amd ? define(['../../pfelement/dist/pfelement.umd'], factory) : + (global.PfeToast = factory(global.PFElement)); +}(this, (function (PFElement) { 'use strict'; + + PFElement = PFElement && PFElement.hasOwnProperty('default') ? PFElement['default'] : PFElement; + + var classCallCheck = function (instance, Constructor) { + if (!(instance instanceof Constructor)) { + throw new TypeError("Cannot call a class as a function"); + } + }; + + var createClass = function () { + function defineProperties(target, props) { + for (var i = 0; i < props.length; i++) { + var descriptor = props[i]; + descriptor.enumerable = descriptor.enumerable || false; + descriptor.configurable = true; + if ("value" in descriptor) descriptor.writable = true; + Object.defineProperty(target, descriptor.key, descriptor); + } + } + + return function (Constructor, protoProps, staticProps) { + if (protoProps) defineProperties(Constructor.prototype, protoProps); + if (staticProps) defineProperties(Constructor, staticProps); + return Constructor; + }; + }(); + + var get = function get(object, property, receiver) { + if (object === null) object = Function.prototype; + var desc = Object.getOwnPropertyDescriptor(object, property); + + if (desc === undefined) { + var parent = Object.getPrototypeOf(object); + + if (parent === null) { + return undefined; + } else { + return get(parent, property, receiver); + } + } else if ("value" in desc) { + return desc.value; + } else { + var getter = desc.get; + + if (getter === undefined) { + return undefined; + } + + return getter.call(receiver); + } + }; + + var inherits = function (subClass, superClass) { + if (typeof superClass !== "function" && superClass !== null) { + throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); + } + + subClass.prototype = Object.create(superClass && superClass.prototype, { + constructor: { + value: subClass, + enumerable: false, + writable: true, + configurable: true + } + }); + if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; + }; + + var possibleConstructorReturn = function (self, call) { + if (!self) { + throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); + } + + return call && (typeof call === "object" || typeof call === "function") ? call : self; + }; + + /*! + * PatternFly Elements: PfeToast 1.0.0-prerelease.50 + * @license + * Copyright 2020 Red Hat, Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + * + */ + + var PfeToast = function (_PFElement) { + inherits(PfeToast, _PFElement); + createClass(PfeToast, [{ + key: "html", + get: function get$$1() { + return "
                                                    \n
                                                    \n \n
                                                    \n \n
                                                    "; + } + }, { + key: "templateUrl", + get: function get$$1() { + return "pfe-toast.html"; + } + }, { + key: "schemaUrl", + get: function get$$1() { + return "pfe-toast.json"; + } + }, { + key: "styleUrl", + get: function get$$1() { + return "pfe-toast.scss"; + } + }, { + key: "closeLabel", + get: function get$$1() { + return this.getAttribute("close-label") || "Close"; + } + }], [{ + key: "version", + get: function get$$1() { + return "1.0.0-prerelease.50"; + } + }, { + key: "properties", + get: function get$$1() { + return { "auto_dismiss": { "title": "Auto dismiss", "type": "string" }, "close_label": { "title": "Close label", "type": "string" } }; + } + }, { + key: "slots", + get: function get$$1() { + return { "content": { "title": "Content", "type": "array", "namedSlot": false, "items": { "oneOf": [{ "$ref": "raw" }] } } }; + } + }, { + key: "tag", + get: function get$$1() { + return "pfe-toast"; + } + }, { + key: "PfeType", + get: function get$$1() { + return PFElement.PfeTypes.Container; + } + }, { + key: "observedAttributes", + get: function get$$1() { + return ["auto-dismiss", "close-label"]; + } + }]); + + function PfeToast() { + classCallCheck(this, PfeToast); + + // state + var _this = possibleConstructorReturn(this, (PfeToast.__proto__ || Object.getPrototypeOf(PfeToast)).call(this, PfeToast)); + + _this.isOpen = false; + _this.doesAutoDismiss = false; + + // elements + _this._container = _this.shadowRoot.querySelector("." + _this.tag + "__container"); + _this._content = _this.shadowRoot.querySelector("." + _this.tag + "__content"); + _this._toastCloseButton = _this.shadowRoot.querySelector("." + _this.tag + "__close"); + + // events + _this.open = _this.open.bind(_this); + _this.close = _this.close.bind(_this); + _this.toggle = _this.toggle.bind(_this); + return _this; + } + + createClass(PfeToast, [{ + key: "attributeChangedCallback", + value: function attributeChangedCallback(attr, oldValue, newValue) { + switch (attr) { + case "close-label": + this._toastCloseButton.setAttribute("aria-label", this.closeLabel); + case "auto-dismiss": + this.doesAutoDismiss = !!newValue; + this._setAccessibility(); + default: + break; + } + } + }, { + key: "_setAccessibility", + value: function _setAccessibility() { + if (!this.doesAutoDismiss) { + this.removeAttribute("aria-live"); + this.removeAttribute("aria-atomic"); + + this.setAttribute("role", "alertdialog"); + // default if none provided + if (!this.hasAttribute("aria-label")) { + this.setAttribute("aria-label", "Alert dialog"); + } + this.setAttribute("aria-describedby", this.tag + "__content"); + } else { + this.removeAttribute("aria-label"); + this.removeAttribute("aria-describedby"); + + this.setAttribute("role", "alert"); + this.setAttribute("aria-live", "polite"); + this.setAttribute("aria-atomic", "true"); + } + } + }, { + key: "connectedCallback", + value: function connectedCallback() { + get(PfeToast.prototype.__proto__ || Object.getPrototypeOf(PfeToast.prototype), "connectedCallback", this).call(this); + + // get/set state + this.doesAutoDismiss = this.hasAttribute("auto-dismiss"); + this._toastCloseButton.setAttribute("aria-label", this.closeLabel); + this._setAccessibility(); + this.setAttribute("hidden", ""); + + // attach listeners + this._toastCloseButton.addEventListener("click", this.close); + this.addEventListener("keydown", this._keydownHandler); + } + }, { + key: "disconnectedCallback", + value: function disconnectedCallback() { + this._toastCloseButton.removeEventListener("click", this.close); + this.removeEventListener("keydown", this._keydownHandler); + } + }, { + key: "open", + value: function open(event) { + var _this2 = this; + + if (event) { + event.preventDefault(); + } + + this.isOpen = true; + + this.removeAttribute("hidden"); + setTimeout(function () { + _this2.classList.add("open"); + }, 500); + + this.dispatchEvent(new CustomEvent(this.tag + ":open", { + detail: {}, + bubbles: true + })); + + if (this.doesAutoDismiss) { + setTimeout(function () { + _this2.close(); + }, this._toMilliseconds(this.getAttribute("auto-dismiss"))); + } + + return this; + } + }, { + key: "close", + value: function close(event) { + var _this3 = this; + + if (event) { + event.preventDefault(); + } + + this.isOpen = false; + + this.classList.remove("open"); + setTimeout(function () { + _this3.setAttribute("hidden", ""); + }, 500); + + this.dispatchEvent(new CustomEvent(this.tag + ":close", { + detail: {}, + bubbles: true + })); + + return this; + } + }, { + key: "toggle", + value: function toggle(event) { + this.isOpen ? this.close(event) : this.open(event); + return this; + } + }, { + key: "_toMilliseconds", + value: function _toMilliseconds(value) { + // set default delay if none provided + var digits = value.match(/\d+/) || [8000]; + var unit = value.match(/\D+/) || ""; + return unit[0] === "s" ? digits[0] * 1000 : digits[0]; + } + }, { + key: "_keydownHandler", + value: function _keydownHandler(event) { + var target = event.target || window.event.srcElement; + var key = event.key || event.keyCode; + switch (key) { + case "Escape": + case "Esc": + case 27: + this.close(event); + break; + case "Enter": + case 13: + if (target === this._toastCloseButton) { + this.close(event); + } + break; + default: + break; + } + } + }]); + return PfeToast; + }(PFElement); + + PFElement.create(PfeToast); + + return PfeToast; + +}))); +//# sourceMappingURL=pfe-toast.umd.js.map diff --git a/elements/pfe-toast/dist/pfe-toast.umd.js.map b/elements/pfe-toast/dist/pfe-toast.umd.js.map new file mode 100644 index 0000000000..ee86714c0f --- /dev/null +++ b/elements/pfe-toast/dist/pfe-toast.umd.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-toast.umd.js","sources":["../_temp/pfe-toast.umd.js"],"sourcesContent":["/*!\n * PatternFly Elements: PfeToast 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\nimport PFElement from \"../../pfelement/dist/pfelement.umd\";\n\nclass PfeToast extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return `
                                                    \n
                                                    \n \n
                                                    \n \n
                                                    `;\n }\n\n static get properties() {\n return {\"auto_dismiss\":{\"title\":\"Auto dismiss\",\"type\":\"string\"},\"close_label\":{\"title\":\"Close label\",\"type\":\"string\"}};\n }\n\n static get slots() {\n return {\"content\":{\"title\":\"Content\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-toast\";\n }\n\n get templateUrl() {\n return \"pfe-toast.html\";\n }\n\n get schemaUrl() {\n return \"pfe-toast.json\";\n }\n\n get styleUrl() {\n return \"pfe-toast.scss\";\n }\n\n get closeLabel() {\n return this.getAttribute(\"close-label\") || \"Close\";\n }\n\n static get PfeType() {\n return PFElement.PfeTypes.Container;\n }\n\n static get observedAttributes() {\n return [\"auto-dismiss\", \"close-label\"];\n }\n\n constructor() {\n super(PfeToast);\n\n // state\n this.isOpen = false;\n this.doesAutoDismiss = false;\n\n // elements\n this._container = this.shadowRoot.querySelector(`.${this.tag}__container`);\n this._content = this.shadowRoot.querySelector(`.${this.tag}__content`);\n this._toastCloseButton = this.shadowRoot.querySelector(\n `.${this.tag}__close`\n );\n\n // events\n this.open = this.open.bind(this);\n this.close = this.close.bind(this);\n this.toggle = this.toggle.bind(this);\n }\n\n attributeChangedCallback(attr, oldValue, newValue) {\n switch (attr) {\n case \"close-label\":\n this._toastCloseButton.setAttribute(\"aria-label\", this.closeLabel);\n case \"auto-dismiss\":\n this.doesAutoDismiss = !!newValue;\n this._setAccessibility();\n default:\n break;\n }\n }\n\n _setAccessibility() {\n if (!this.doesAutoDismiss) {\n this.removeAttribute(\"aria-live\");\n this.removeAttribute(\"aria-atomic\");\n\n this.setAttribute(\"role\", \"alertdialog\");\n // default if none provided\n if (!this.hasAttribute(\"aria-label\")) {\n this.setAttribute(\"aria-label\", \"Alert dialog\");\n }\n this.setAttribute(\"aria-describedby\", `${this.tag}__content`);\n } else {\n this.removeAttribute(\"aria-label\");\n this.removeAttribute(\"aria-describedby\");\n\n this.setAttribute(\"role\", \"alert\");\n this.setAttribute(\"aria-live\", \"polite\");\n this.setAttribute(\"aria-atomic\", \"true\");\n }\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n // get/set state\n this.doesAutoDismiss = this.hasAttribute(\"auto-dismiss\");\n this._toastCloseButton.setAttribute(\"aria-label\", this.closeLabel);\n this._setAccessibility();\n this.setAttribute(\"hidden\", \"\");\n\n // attach listeners\n this._toastCloseButton.addEventListener(\"click\", this.close);\n this.addEventListener(\"keydown\", this._keydownHandler);\n }\n\n disconnectedCallback() {\n this._toastCloseButton.removeEventListener(\"click\", this.close);\n this.removeEventListener(\"keydown\", this._keydownHandler);\n }\n\n open(event) {\n if (event) {\n event.preventDefault();\n }\n\n this.isOpen = true;\n\n this.removeAttribute(\"hidden\");\n setTimeout(() => {\n this.classList.add(\"open\");\n }, 500);\n\n this.dispatchEvent(\n new CustomEvent(`${this.tag}:open`, {\n detail: {},\n bubbles: true\n })\n );\n\n if (this.doesAutoDismiss) {\n setTimeout(() => {\n this.close();\n }, this._toMilliseconds(this.getAttribute(\"auto-dismiss\")));\n }\n\n return this;\n }\n\n close(event) {\n if (event) {\n event.preventDefault();\n }\n\n this.isOpen = false;\n\n this.classList.remove(\"open\");\n setTimeout(() => {\n this.setAttribute(\"hidden\", \"\");\n }, 500);\n\n this.dispatchEvent(\n new CustomEvent(`${this.tag}:close`, {\n detail: {},\n bubbles: true\n })\n );\n\n return this;\n }\n\n toggle(event) {\n this.isOpen ? this.close(event) : this.open(event);\n return this;\n }\n\n _toMilliseconds(value) {\n // set default delay if none provided\n const digits = value.match(/\\d+/) || [8000];\n const unit = value.match(/\\D+/) || \"\";\n return unit[0] === \"s\" ? digits[0] * 1000 : digits[0];\n }\n\n _keydownHandler(event) {\n let target = event.target || window.event.srcElement;\n let key = event.key || event.keyCode;\n switch (key) {\n case \"Escape\":\n case \"Esc\":\n case 27:\n this.close(event);\n break;\n case \"Enter\":\n case 13:\n if (target === this._toastCloseButton) {\n this.close(event);\n }\n break;\n default:\n break;\n }\n }\n}\n\nPFElement.create(PfeToast);\n\nexport default PfeToast;\n"],"names":["PfeToast","getAttribute","PFElement","PfeTypes","Container","isOpen","doesAutoDismiss","_container","shadowRoot","querySelector","tag","_content","_toastCloseButton","open","bind","close","toggle","attr","oldValue","newValue","setAttribute","closeLabel","_setAccessibility","removeAttribute","hasAttribute","addEventListener","_keydownHandler","removeEventListener","event","preventDefault","setTimeout","classList","add","dispatchEvent","CustomEvent","detail","bubbles","_toMilliseconds","remove","value","digits","match","unit","target","window","srcElement","key","keyCode","create"],"mappings":"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"} \ No newline at end of file diff --git a/elements/pfe-toast/dist/pfe-toast.umd.min.js b/elements/pfe-toast/dist/pfe-toast.umd.min.js new file mode 100644 index 0000000000..a8246b7de5 --- /dev/null +++ b/elements/pfe-toast/dist/pfe-toast.umd.min.js @@ -0,0 +1,2 @@ +!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e(require("../../pfelement/dist/pfelement.umd")):"function"==typeof define&&define.amd?define(["../../pfelement/dist/pfelement.umd"],e):t.PfeToast=e(t.PFElement)}(this,function(t){"use strict";t=t&&t.hasOwnProperty("default")?t.default:t;var e=function(t,e,o){return e&&s(t.prototype,e),o&&s(t,o),t};function s(t,e){for(var o=0;o@charset "UTF-8";:host{--pfe-toast--Top:50px;--pfe-toast--MaxWidth:500px;--pfe-toast--MinWidth:250px;--pfe-toast--Right--offset:50px;--pfe-toast--Right:calc(-1 * (var(--pfe-toast--MaxWidth) + var(--pfe-toast--Right--offset)));--pfe-toast__container--BackgroundColor:var(--pfe-theme--color--surface--lightest, #fff);--pfe-toast__container--BoxShadow:rgba(3, 3, 3, 0.13) 0px 3px 7px 3px,rgba(3, 3, 3, 0.12) 0px 11px 24px 16px;--pfe-toast__container--Color:var(--pfe-theme--color--text, #333);--pfe-toast__container--Padding:1rem;--pfe-toast__close--svg--Fill:var(--pfe-theme--color--feedback--default--darkest, #464646);--pfe-toast__close--svg--Fill--hover:#333;--pfe-toast__close--svg--Height:12px;--pfe-toast__close--svg--Width:12px;--pfe-toast__close--PaddingTop:0;--pfe-toast__close--PaddingRight:0;--pfe-toast__close--PaddingBottom:0;--pfe-toast__close--PaddingLeft:0;--pfe-toast__close--Padding:var(--pfe-toast__close--PaddingTop) var(--pfe-toast__close--PaddingRight) var(--pfe-toast__close--PaddingBottom) var(--pfe-toast__close--PaddingLeft);-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;position:absolute;right:var(--pfe-toast--Right);top:var(--pfe-toast--Top);-webkit-transition:right .5s ease-in-out;transition:right .5s ease-in-out;will-change:right;max-width:var(--pfe-toast--MaxWidth);min-width:var(--pfe-toast--MinWidth)}@media only screen and (max-width:575px){:host{max-width:calc(var(--pfe-toast--MaxWidth)/ 2);min-width:calc(var(--pfe-toast--MinWidth)/ 2)}}:host([hidden]){display:none}:host(.open){--pfe-toast--Right:50px}:host(:not(.open)){--pfe-toast--Right:calc(-1 * (var(--pfe-toast--MaxWidth) + var(--pfe-toast--Right--offset)))}::slotted(:first-child){margin-top:0}::slotted(button){background:0 0;border-radius:0;display:inline-block;margin-bottom:0;margin-right:1rem;padding: .5rem .75rem;text-align:center}.pfe-toast__container{-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start;-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;background-color:var(--pfe-toast__container--BackgroundColor);-webkit-box-shadow:var(--pfe-toast__container--BoxShadow);box-shadow:var(--pfe-toast__container--BoxShadow);color:var(--pfe-toast__container--Color);padding:var(--pfe-toast__container--Padding)}.pfe-toast__content{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto}.pfe-toast__close{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;background-color:transparent;border:none;cursor:pointer;margin:0;padding:var(--pfe-toast__close--Padding)}.pfe-toast__close>svg{fill:var(--pfe-toast__close--svg--Fill);height:var(--pfe-toast__close--svg--Height);width:var(--pfe-toast__close--svg--Width)}.pfe-toast__close:hover>svg{fill:var(--pfe-toast__close--svg--Fill--hover)}\n/*# sourceMappingURL=pfe-toast.min.css.map */\n
                                                    \n
                                                    \n \n
                                                    \n \n
                                                    '}},{key:"templateUrl",get:function(){return"pfe-toast.html"}},{key:"schemaUrl",get:function(){return"pfe-toast.json"}},{key:"styleUrl",get:function(){return"pfe-toast.scss"}},{key:"closeLabel",get:function(){return this.getAttribute("close-label")||"Close"}}],[{key:"version",get:function(){return"1.0.0-prerelease.50"}},{key:"properties",get:function(){return{auto_dismiss:{title:"Auto dismiss",type:"string"},close_label:{title:"Close label",type:"string"}}}},{key:"slots",get:function(){return{content:{title:"Content",type:"array",namedSlot:!1,items:{oneOf:[{$ref:"raw"}]}}}}},{key:"tag",get:function(){return"pfe-toast"}},{key:"PfeType",get:function(){return t.PfeTypes.Container}},{key:"observedAttributes",get:function(){return["auto-dismiss","close-label"]}}]),e(i,[{key:"attributeChangedCallback",value:function(t,e,o){switch(t){case"close-label":this._toastCloseButton.setAttribute("aria-label",this.closeLabel);case"auto-dismiss":this.doesAutoDismiss=!!o,this._setAccessibility()}}},{key:"_setAccessibility",value:function(){this.doesAutoDismiss?(this.removeAttribute("aria-label"),this.removeAttribute("aria-describedby"),this.setAttribute("role","alert"),this.setAttribute("aria-live","polite"),this.setAttribute("aria-atomic","true")):(this.removeAttribute("aria-live"),this.removeAttribute("aria-atomic"),this.setAttribute("role","alertdialog"),this.hasAttribute("aria-label")||this.setAttribute("aria-label","Alert dialog"),this.setAttribute("aria-describedby",this.tag+"__content"))}},{key:"connectedCallback",value:function(){(function t(e,o,s){null===e&&(e=Function.prototype);var i=Object.getOwnPropertyDescriptor(e,o);if(void 0===i){var a=Object.getPrototypeOf(e);return null===a?void 0:t(a,o,s)}if("value"in i)return i.value;var n=i.get;return void 0!==n?n.call(s):void 0})(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"connectedCallback",this).call(this),this.doesAutoDismiss=this.hasAttribute("auto-dismiss"),this._toastCloseButton.setAttribute("aria-label",this.closeLabel),this._setAccessibility(),this.setAttribute("hidden",""),this._toastCloseButton.addEventListener("click",this.close),this.addEventListener("keydown",this._keydownHandler)}},{key:"disconnectedCallback",value:function(){this._toastCloseButton.removeEventListener("click",this.close),this.removeEventListener("keydown",this._keydownHandler)}},{key:"open",value:function(t){var e=this;return t&&t.preventDefault(),this.isOpen=!0,this.removeAttribute("hidden"),setTimeout(function(){e.classList.add("open")},500),this.dispatchEvent(new CustomEvent(this.tag+":open",{detail:{},bubbles:!0})),this.doesAutoDismiss&&setTimeout(function(){e.close()},this._toMilliseconds(this.getAttribute("auto-dismiss"))),this}},{key:"close",value:function(t){var e=this;return t&&t.preventDefault(),this.isOpen=!1,this.classList.remove("open"),setTimeout(function(){e.setAttribute("hidden","")},500),this.dispatchEvent(new CustomEvent(this.tag+":close",{detail:{},bubbles:!0})),this}},{key:"toggle",value:function(t){return this.isOpen?this.close(t):this.open(t),this}},{key:"_toMilliseconds",value:function(t){var e=t.match(/\d+/)||[8e3];return"s"===(t.match(/\D+/)||"")[0]?1e3*e[0]:e[0]}},{key:"_keydownHandler",value:function(t){var e=t.target||window.event.srcElement;switch(t.key||t.keyCode){case"Escape":case"Esc":case 27:this.close(t);break;case"Enter":case 13:e===this._toastCloseButton&&this.close(t)}}}]),i);function i(){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,i);var t=function(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,i));return t.isOpen=!1,t.doesAutoDismiss=!1,t._container=t.shadowRoot.querySelector("."+t.tag+"__container"),t._content=t.shadowRoot.querySelector("."+t.tag+"__content"),t._toastCloseButton=t.shadowRoot.querySelector("."+t.tag+"__close"),t.open=t.open.bind(t),t.close=t.close.bind(t),t.toggle=t.toggle.bind(t),t}return t.create(o),o}); +//# sourceMappingURL=pfe-toast.umd.min.js.map diff --git a/elements/pfe-toast/dist/pfe-toast.umd.min.js.map b/elements/pfe-toast/dist/pfe-toast.umd.min.js.map new file mode 100644 index 0000000000..a874775db7 --- /dev/null +++ b/elements/pfe-toast/dist/pfe-toast.umd.min.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfe-toast.umd.min.js","sources":["../_temp/pfe-toast.umd.js"],"sourcesContent":["/*!\n * PatternFly Elements: PfeToast 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\nimport PFElement from \"../../pfelement/dist/pfelement.umd\";\n\nclass PfeToast extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.50\";\n }\n\n get html() {\n return `
                                                    \n
                                                    \n \n
                                                    \n \n
                                                    `;\n }\n\n static get properties() {\n return {\"auto_dismiss\":{\"title\":\"Auto dismiss\",\"type\":\"string\"},\"close_label\":{\"title\":\"Close label\",\"type\":\"string\"}};\n }\n\n static get slots() {\n return {\"content\":{\"title\":\"Content\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-toast\";\n }\n\n get templateUrl() {\n return \"pfe-toast.html\";\n }\n\n get schemaUrl() {\n return \"pfe-toast.json\";\n }\n\n get styleUrl() {\n return \"pfe-toast.scss\";\n }\n\n get closeLabel() {\n return this.getAttribute(\"close-label\") || \"Close\";\n }\n\n static get PfeType() {\n return PFElement.PfeTypes.Container;\n }\n\n static get observedAttributes() {\n return [\"auto-dismiss\", \"close-label\"];\n }\n\n constructor() {\n super(PfeToast);\n\n // state\n this.isOpen = false;\n this.doesAutoDismiss = false;\n\n // elements\n this._container = this.shadowRoot.querySelector(`.${this.tag}__container`);\n this._content = this.shadowRoot.querySelector(`.${this.tag}__content`);\n this._toastCloseButton = this.shadowRoot.querySelector(\n `.${this.tag}__close`\n );\n\n // events\n this.open = this.open.bind(this);\n this.close = this.close.bind(this);\n this.toggle = this.toggle.bind(this);\n }\n\n attributeChangedCallback(attr, oldValue, newValue) {\n switch (attr) {\n case \"close-label\":\n this._toastCloseButton.setAttribute(\"aria-label\", this.closeLabel);\n case \"auto-dismiss\":\n this.doesAutoDismiss = !!newValue;\n this._setAccessibility();\n default:\n break;\n }\n }\n\n _setAccessibility() {\n if (!this.doesAutoDismiss) {\n this.removeAttribute(\"aria-live\");\n this.removeAttribute(\"aria-atomic\");\n\n this.setAttribute(\"role\", \"alertdialog\");\n // default if none provided\n if (!this.hasAttribute(\"aria-label\")) {\n this.setAttribute(\"aria-label\", \"Alert dialog\");\n }\n this.setAttribute(\"aria-describedby\", `${this.tag}__content`);\n } else {\n this.removeAttribute(\"aria-label\");\n this.removeAttribute(\"aria-describedby\");\n\n this.setAttribute(\"role\", \"alert\");\n this.setAttribute(\"aria-live\", \"polite\");\n this.setAttribute(\"aria-atomic\", \"true\");\n }\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n // get/set state\n this.doesAutoDismiss = this.hasAttribute(\"auto-dismiss\");\n this._toastCloseButton.setAttribute(\"aria-label\", this.closeLabel);\n this._setAccessibility();\n this.setAttribute(\"hidden\", \"\");\n\n // attach listeners\n this._toastCloseButton.addEventListener(\"click\", this.close);\n this.addEventListener(\"keydown\", this._keydownHandler);\n }\n\n disconnectedCallback() {\n this._toastCloseButton.removeEventListener(\"click\", this.close);\n this.removeEventListener(\"keydown\", this._keydownHandler);\n }\n\n open(event) {\n if (event) {\n event.preventDefault();\n }\n\n this.isOpen = true;\n\n this.removeAttribute(\"hidden\");\n setTimeout(() => {\n this.classList.add(\"open\");\n }, 500);\n\n this.dispatchEvent(\n new CustomEvent(`${this.tag}:open`, {\n detail: {},\n bubbles: true\n })\n );\n\n if (this.doesAutoDismiss) {\n setTimeout(() => {\n this.close();\n }, this._toMilliseconds(this.getAttribute(\"auto-dismiss\")));\n }\n\n return this;\n }\n\n close(event) {\n if (event) {\n event.preventDefault();\n }\n\n this.isOpen = false;\n\n this.classList.remove(\"open\");\n setTimeout(() => {\n this.setAttribute(\"hidden\", \"\");\n }, 500);\n\n this.dispatchEvent(\n new CustomEvent(`${this.tag}:close`, {\n detail: {},\n bubbles: true\n })\n );\n\n return this;\n }\n\n toggle(event) {\n this.isOpen ? this.close(event) : this.open(event);\n return this;\n }\n\n _toMilliseconds(value) {\n // set default delay if none provided\n const digits = value.match(/\\d+/) || [8000];\n const unit = value.match(/\\D+/) || \"\";\n return unit[0] === \"s\" ? digits[0] * 1000 : digits[0];\n }\n\n _keydownHandler(event) {\n let target = event.target || window.event.srcElement;\n let key = event.key || event.keyCode;\n switch (key) {\n case \"Escape\":\n case \"Esc\":\n case 27:\n this.close(event);\n break;\n case \"Enter\":\n case 13:\n if (target === this._toastCloseButton) {\n this.close(event);\n }\n break;\n default:\n break;\n }\n }\n}\n\nPFElement.create(PfeToast);\n\nexport default PfeToast;\n"],"names":["PfeToast","PFElement","this","getAttribute","auto_dismiss","title","type","close_label","content","namedSlot","items","oneOf","$ref","PfeTypes","Container","attr","oldValue","newValue","_toastCloseButton","setAttribute","closeLabel","doesAutoDismiss","_setAccessibility","removeAttribute","hasAttribute","tag","addEventListener","close","_keydownHandler","removeEventListener","event","preventDefault","isOpen","classList","add","dispatchEvent","CustomEvent","_toMilliseconds","remove","open","value","digits","match","target","window","srcElement","key","keyCode","_container","_this","shadowRoot","querySelector","_content","bind","toggle","create"],"mappings":"yiBA2BMA,+TAAiBC,6lJAmCZ,yDAIA,wDAIA,2DAIAC,KAAKC,aAAa,gBAAkB,gDA7CpC,+DAsBA,CAACC,aAAe,CAACC,MAAQ,eAAeC,KAAO,UAAUC,YAAc,CAACF,MAAQ,cAAcC,KAAO,+CAIrG,CAACE,QAAU,CAACH,MAAQ,UAAUC,KAAO,QAAQG,WAAY,EAAMC,MAAQ,CAACC,MAAQ,CAAC,CAACC,KAAO,6CAGzF,mDAoBAX,EAAUY,SAASC,2DAInB,CAAC,eAAgB,uEAuBDC,EAAMC,EAAUC,UAC/BF,OACD,mBACEG,kBAAkBC,aAAa,aAAcjB,KAAKkB,gBACpD,oBACEC,kBAAoBJ,OACpBK,iEAOJpB,KAAKmB,sBAWHE,gBAAgB,mBAChBA,gBAAgB,yBAEhBJ,aAAa,OAAQ,cACrBA,aAAa,YAAa,eAC1BA,aAAa,cAAe,eAf5BI,gBAAgB,kBAChBA,gBAAgB,oBAEhBJ,aAAa,OAAQ,eAErBjB,KAAKsB,aAAa,oBAChBL,aAAa,aAAc,qBAE7BA,aAAa,mBAAuBjB,KAAKuB,8ZAe3CJ,gBAAkBnB,KAAKsB,aAAa,qBACpCN,kBAAkBC,aAAa,aAAcjB,KAAKkB,iBAClDE,yBACAH,aAAa,SAAU,SAGvBD,kBAAkBQ,iBAAiB,QAASxB,KAAKyB,YACjDD,iBAAiB,UAAWxB,KAAK0B,qEAIjCV,kBAAkBW,oBAAoB,QAAS3B,KAAKyB,YACpDE,oBAAoB,UAAW3B,KAAK0B,8CAGtCE,qBACCA,KACIC,sBAGHC,QAAS,OAETT,gBAAgB,qBACV,aACJU,UAAUC,IAAI,SAClB,UAEEC,cACH,IAAIC,YAAelC,KAAKuB,YAAY,QAC1B,YACC,KAITvB,KAAKmB,4BACI,aACJM,SACJzB,KAAKmC,gBAAgBnC,KAAKC,aAAa,kBAGrCD,mCAGH4B,qBACAA,KACIC,sBAGHC,QAAS,OAETC,UAAUK,OAAO,mBACX,aACJnB,aAAa,SAAU,KAC3B,UAEEgB,cACH,IAAIC,YAAelC,KAAKuB,aAAa,QAC3B,YACC,KAINvB,oCAGF4B,eACAE,OAAS9B,KAAKyB,MAAMG,GAAS5B,KAAKqC,KAAKT,GACrC5B,6CAGOsC,OAERC,EAASD,EAAME,MAAM,QAAU,CAAC,WAEnB,OADNF,EAAME,MAAM,QAAU,IACvB,GAAyB,IAAZD,EAAO,GAAYA,EAAO,2CAGrCX,OACVa,EAASb,EAAMa,QAAUC,OAAOd,MAAMe,kBAChCf,EAAMgB,KAAOhB,EAAMiB,aAEtB,aACA,WACA,QACEpB,MAAMG,aAER,aACA,GACCa,IAAWzC,KAAKgB,wBACbS,MAAMG,6VAjJX9B,aAGDgC,QAAS,IACTX,iBAAkB,IAGlB2B,WAAaC,EAAKC,WAAWC,kBAAkBF,EAAKxB,qBACpD2B,SAAWH,EAAKC,WAAWC,kBAAkBF,EAAKxB,mBAClDP,kBAAoB+B,EAAKC,WAAWC,kBACnCF,EAAKxB,iBAINc,KAAOU,EAAKV,KAAKc,UACjB1B,MAAQsB,EAAKtB,MAAM0B,UACnBC,OAASL,EAAKK,OAAOD,iBA0I9BpD,EAAUsD,OAAOvD"} \ No newline at end of file diff --git a/elements/pfe-toast/package-lock.json b/elements/pfe-toast/package-lock.json index b6f2c0ec40..453fff46e8 100644 --- a/elements/pfe-toast/package-lock.json +++ b/elements/pfe-toast/package-lock.json @@ -1,6 +1,6 @@ { "name": "@patternfly/pfe-toast", - "version": "1.0.0-prerelease.49", + "version": "1.0.0-prerelease.50", "lockfileVersion": 1, "requires": true, "dependencies": { diff --git a/elements/pfe-toast/package.json b/elements/pfe-toast/package.json index f5d551db2e..16652e3086 100644 --- a/elements/pfe-toast/package.json +++ b/elements/pfe-toast/package.json @@ -4,7 +4,7 @@ "className": "PfeToast", "elementName": "pfe-toast" }, - "version": "1.0.0-prerelease.49", + "version": "1.0.0-prerelease.50", "description": "Toast element for PatternFly Elements", "keywords": [ "web-components", @@ -35,8 +35,8 @@ }, "license": "MIT", "dependencies": { - "@patternfly/pfe-sass": "^1.0.0-prerelease.49", - "@patternfly/pfelement": "^1.0.0-prerelease.49" + "@patternfly/pfe-sass": "^1.0.0-prerelease.50", + "@patternfly/pfelement": "^1.0.0-prerelease.50" }, "generator-pfelement-version": "1.3.0" } diff --git a/elements/pfelement/dist/pfelement--noscript.css b/elements/pfelement/dist/pfelement--noscript.css new file mode 100644 index 0000000000..f15f4399e6 --- /dev/null +++ b/elements/pfelement/dist/pfelement--noscript.css @@ -0,0 +1,6 @@ +/* secret weapon in the specificificificificity wars */ +body[unresolved][unresolved] { + opacity: 1; +} + +/*# sourceMappingURL=pfelement--noscript.css.map */ diff --git a/elements/pfelement/dist/pfelement--noscript.min.css b/elements/pfelement/dist/pfelement--noscript.min.css new file mode 100644 index 0000000000..c9e520fbdb --- /dev/null +++ b/elements/pfelement/dist/pfelement--noscript.min.css @@ -0,0 +1,2 @@ +body[unresolved][unresolved]{opacity:1} +/*# sourceMappingURL=pfelement--noscript.min.css.map */ diff --git a/elements/pfelement/dist/pfelement--noscript.min.css.map b/elements/pfelement/dist/pfelement--noscript.min.css.map new file mode 100644 index 0000000000..65896f8921 --- /dev/null +++ b/elements/pfelement/dist/pfelement--noscript.min.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["../pfelement--noscript.css"],"names":[],"mappings":"AACA,6BACI,QAAA","file":"pfelement--noscript.min.css","sourcesContent":[]} \ No newline at end of file diff --git a/elements/pfelement/dist/pfelement.css b/elements/pfelement/dist/pfelement.css new file mode 100644 index 0000000000..5baef3324d --- /dev/null +++ b/elements/pfelement/dist/pfelement.css @@ -0,0 +1,41 @@ +body { + --pfe-reveal-duration: 0.1618s; + --pfe-reveal-delay: 2s; + -webkit-transition: opacity var(--pfe-reveal-duration) ease-in-out; + transition: opacity var(--pfe-reveal-duration) ease-in-out; + --pfe-broadcasted--text: var(--pfe-theme--color--text, #333); + --pfe-broadcasted--link: var(--pfe-theme--color--link, #06c); + --pfe-broadcasted--link--hover: var(--pfe-theme--color--link--hover, #003366); + --pfe-broadcasted--link--focus: var(--pfe-theme--color--link--focus, #003366); + --pfe-broadcasted--link--visited: var(--pfe-theme--color--link--visited, rebeccapurple); + --pfe-broadcasted--link-decoration: none; + --pfe-broadcasted--link-decoration--hover: underline; + --pfe-broadcasted--link-decoration--focus: underline; + --pfe-broadcasted--link-decoration--visited: none; +} + +body[unresolved] { + opacity: 0; + -webkit-animation: reveal var(--pfe-reveal-duration) var(--pfe-reveal-delay) 1 forwards; + animation: reveal var(--pfe-reveal-duration) var(--pfe-reveal-delay) 1 forwards; +} + +@-webkit-keyframes reveal { + from { + opacity: 0; + } + to { + opacity: 1; + } +} + +@keyframes reveal { + from { + opacity: 0; + } + to { + opacity: 1; + } +} + +/*# sourceMappingURL=pfelement.css.map */ diff --git a/elements/pfelement/dist/pfelement.css.map b/elements/pfelement/dist/pfelement.css.map new file mode 100644 index 0000000000..976b0c7f42 --- /dev/null +++ b/elements/pfelement/dist/pfelement.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["pfelement.scss","../../pfe-sass/mixins/_custom-properties.scss","pfelement.css"],"names":[],"mappings":"AAGA;EACE,8BAAqB;EACrB,sBAAkB;EAElB,kEAA0D;EAA1D,0DAA0D;ECgEpC,4DAAgD;EAAhD,4DAAgD;EAAhD,6EAAgD;EAAhD,6EAAgD;EAAhD,uFAAgD;EAMhD,wCAAgD;EAAhD,oDAAgD;EAAhD,oDAAgD;EAAhD,iDAAgD;AChExE;;AFDA;EACE,UAAU;EACV,uFACU;UADV,+EACU;AEGZ;;AFAA;EACE;IACE,UAAU;EEGZ;EFDA;IACE,UAAU;EEGZ;AACF;;AFTA;EACE;IACE,UAAU;EEGZ;EFDA;IACE,UAAU;EEGZ;AACF","file":"pfelement.css","sourcesContent":["@import \"../../pfe-sass/pfe-sass\";\n$LOCAL: pfelement;\n\nbody {\n --pfe-reveal-duration: 0.1618s;\n --pfe-reveal-delay: 2s;\n\n transition: opacity var(--pfe-reveal-duration) ease-in-out;\n\n @include pfe-set-broadcast-theme(light);\n}\n\nbody[unresolved] {\n opacity: 0;\n animation: reveal var(--pfe-reveal-duration) var(--pfe-reveal-delay) 1\n forwards;\n}\n\n@keyframes reveal {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n","/// ===========================================================================\n/// Broadcast mixin, for use with container components.\n///\n/// This will print all the broadcast variables, and set the value to the theme of your choosing, like on-dark or on-saturated.\n/// @param {String} $theme - Look up values from theme contexts, i.e. \"light\" or \"saturated\"\n/// @param {List | String} $broadcast [$BROADCAST-VARS] - Optionally specify only one broadcast variable instead of the whole set, i.e. \"text\"\n/// @requires {String} $repo - Name of repo, which is \"pfe\"\n/// @requires {String} $BROADCAST-VARS - Default list of supported broadcast variables\n///\n/// @example Usage in a container component, i.e. pfe-card:\n/// ```\n/// :host {\n/// @include pfe-set-broadcast-theme(dark);\n/// }\n/// ```\n/// @output:\n/// ```\n/// :host {\n/// --pfe-broadcasted--text: var(--pfe-theme--color--text--on-dark, #fff);\n/// --pfe-broadcasted--link: var(--pfe-theme--color--link--on-dark, #99ccff);\n/// --pfe-broadcasted--link--hover: var(--pfe-theme--color--link--hover--on-dark, #cce6ff);\n/// --pfe-broadcasted--link--focus: var(--pfe-theme--color--link--focus--on-dark, #cce6ff);\n/// --pfe-broadcasted--link--visited: var(--pfe-theme--color--link--visited--on-dark, #b38cd9);\n/// --pfe-broadcasted--link-decoration: none;\n/// --pfe-broadcasted--link-decoration--hover: underline;\n/// --pfe-broadcasted--link-decoration--focus: underline;\n/// --pfe-broadcasted--link-decoration--visited: none;\n/// }\n/// ```\n/// ===========================================================================\n@mixin pfe-set-broadcast-theme($theme, $broadcast: $BROADCAST-VARS) {\n @each $type in $broadcast {\n $list: ();\n $string: \"\";\n $context: \"\";\n $state: \"\";\n\n @if str-starts-with($type, \"link\") {\n $list: append($list, \"#{$type}\");\n\n @each $s in (hover, focus, visited) {\n $state: \"--#{$s}\";\n $string: \"#{$type}#{$state}\";\n\n @if not index($list, $string) {\n $list: append($list, \"#{$type}#{$state}\");\n }\n }\n }\n @else {\n @if not index($list, $string) {\n $list: append($list, \"#{$type}\");\n }\n }\n\n @if index($THEMES, $theme) != null {\n @if $theme != \"light\" {\n $context: \"--on-#{$theme}\";\n }\n }\n \n @each $item in $list {\n @if not index($BROADCAST-VARS, $type) {\n @warn \"--#{$repo}-broadcasted--#{$item} variable is not in the $BROADCAST-VARS list.\";\n }\n @else if not map-has-key($pfe-broadcasted, #{$item}#{$context}) {\n @warn \"#{$item}#{$context} value does not currently exist.\";\n }\n @else {\n @if index($THEMES, $theme) != null {\n @if map-get($pfe-colors, $item) != null {\n --#{$repo}-broadcasted--#{$item}: var(--#{$repo}-theme--color--#{$item}#{$context}, #{map-get($pfe-broadcasted, #{$item}#{$context})});\n }\n @else if map-get($pfe-vars, $item) {\n --#{$repo}-broadcasted--#{$item}: var(--#{$repo}-theme--#{$item}#{$context}, #{map-get($pfe-broadcasted, #{$item}#{$context})});\n }\n @else {\n --#{$repo}-broadcasted--#{$item}: #{map-get($pfe-broadcasted, #{$item}#{$context})};\n }\n }\n @else {\n @error \"The #{$theme} context does not appear to be part of a supported theme.\";\n }\n }\n }\n }\n}\n\n/// ===========================================================================\n/// Define local variable\n///\n/// Returns CSS Variable for the local component-scoped variable\n///\n/// @param {String} $cssvar - Variable identifiers which are postfixed and combined using '--'\n/// @param {String} $value - The value of the css variable being defined\n/// @param {String} $region - Identifies the region or slot to which this is assigned\n/// @requires {String} $repo - Name of repo, which is \"pfe\"\n/// @requires {String} $LOCAL - Name of component, this is defined at the top of the sass file for the component\n/// @use -\n/// ```\n/// :host {\n/// padding-top: #{pfe-local(paddingTop)};\n/// padding-bottom: #{pfe-local(paddingBottom)};\n/// }\n/// ```\n/// ===========================================================================\n@mixin pfe-set-local($variables) {\n @each $property, $value in $variables {\n $name: \"--#{$property}\";\n $styles: $value;\n\n @if type-of($value) == \"map\" {\n @each $prop, $v in $value {\n $name: \"__#{$property}--#{$prop}\";\n $styles: $v;\n\n // Print the variable definition\n --#{$repo}-#{$LOCAL}#{$name}: #{$styles};\n }\n }\n @else {\n // Print the variable definition\n --#{$repo}-#{$LOCAL}#{$name}: #{$styles};\n }\n }\n}\n\n/// ===========================================================================\n/// @alias pfe-set-local\n/// ===========================================================================\n@mixin pfe-print-variables($variables) {\n @include pfe-set-local($variables);\n}\n\n/// ===========================================================================\n/// Surface properties \n/// This mixin creates an attribute for all the surface colors, then prints the local background color variable for the component, with the correct theme colors. \n/// @param {List | String} $surfaces [$SURFACES] - defaults to the global $SURFACES list of all supported colors\n/// @param {String} $attr-name [pfe-color] - defaults to pfe-color, optionally pass in a custom name for the data attribute\n///\n/// @example \n/// ```\n/// $LOCAL: band;\n/// @include surfaces;\n/// ```\n///\n/// @output\n/// ```\n/// :host([pfe-color=\"darker\"]) {\n/// --pfe-band--BackgroundColor: var(--pfe-theme--color--surface--darker, #464646);\n/// --theme: dark;\n/// }\n/// \n/// :host([pfe-color=\"darkest\"]) {\n/// --pfe-band--BackgroundColor: var(--pfe-theme--color--surface--darkest, #131313);\n/// --theme: dark;\n/// }\n/// \n/// :host([pfe-color=\"base\"]) {\n/// --pfe-band--BackgroundColor: var(--pfe-theme--color--surface--base, #dfdfdf);\n/// --theme: light;\n/// }\n/// \n/// :host([pfe-color=\"lighter\"]) {\n/// --pfe-band--BackgroundColor: var(--pfe-theme--color--surface--lighter, #ececec);\n/// --theme: light;\n/// }\n/// \n/// :host([pfe-color=\"lightest\"]) {\n/// --pfe-band--BackgroundColor: var(--pfe-theme--color--surface--lightest, #fff);\n/// --theme: light;\n/// }\n/// \n/// :host([pfe-color=\"accent\"]) {\n/// --pfe-band--BackgroundColor: var(--pfe-theme--color--surface--accent, #ee0000);\n/// --theme: saturated;\n/// }\n/// \n/// :host([pfe-color=\"complement\"]) {\n/// --pfe-band--BackgroundColor: var(--pfe-theme--color--surface--complement, #0477a4);\n/// --theme: saturated;\n/// }\n/// ```\n/// ===========================================================================\n@mixin pfe-surfaces($surfaces: $SURFACE, $attr-name: #{$repo}-color) {\n @each $color in $surfaces {\n $theme: #{pfe-get-theme(surface--#{$color}--theme)};\n :host([#{$attr-name}=\"#{$color}\"]) {\n @include pfe-set-local(\n ( BackgroundColor: #{pfe-color(surface--#{$color})} )\n );\n --theme: #{pfe-color( surface--#{$color}--theme, #{$theme} );\n @include browser-query(ie11) {\n background-color: #{map-get($pfe-colors, surface--lightest)} !important;\n color: #{pfe-color(text)} !important;\n }\n }\n }\n}\n\n/// ===========================================================================\n/// Context properties\n///\n/// Prints the `on` attribute with IE11 fallbacks\n///\n/// @param {List} themes [$THEMES] - defaults to the global $THEMES list of all supported contexts\n/// @param {Boolean} ie-fallback [true] - defaults to true, prints IE11 fallbacks\n/// @example\n/// ```\n/// @include theme-contexts; // imports on=\"light\" etc support\n/// ```\n///\n/// @output\n/// ```\n/// :host([on=\"dark\"]) {\n/// --pfe-broadcasted--text: var(--pfe-theme--color--text--on-dark, #fff);\n/// --pfe-broadcasted--link: var(--pfe-theme--color--link--on-dark, #99ccff);\n/// --pfe-broadcasted--link--hover: var(--pfe-theme--color--link--hover--on-dark, #cce6ff);\n/// --pfe-broadcasted--link--focus: var(--pfe-theme--color--link--focus--on-dark, #cce6ff);\n/// --pfe-broadcasted--link--visited: var(--pfe-theme--color--link--visited--on-dark, #b38cd9);\n/// --pfe-broadcasted--link-decoration: none;\n/// --pfe-broadcasted--link-decoration--hover: underline;\n/// --pfe-broadcasted--link-decoration--focus: underline;\n/// --pfe-broadcasted--link-decoration--visited: none;\n/// }\n/// \n/// @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { /* IE10+ */\n/// :host([on=\"dark\"]) {\n/// color: #fff;\n/// color: var(--pfe-theme--color--text--on-dark, #fff);\n/// }\n/// }\n/// ```\n/// ...as well as all the values for :host([on=\"saturated\"]) and :host([on=\"light\"]) \n/// ===========================================================================\n@mixin pfe-theme-contexts($themes: $THEMES, $ie-fallback: true) {\n // Helper attributes to aid in theming\n @each $theme in $themes {\n :host([on=\"#{$theme}\"]) {\n @include pfe-set-broadcast-theme($theme);\n }\n @if $ie-fallback {\n @include browser-query(ie11) {\n :host {\n color: #{pfe-color(text)} !important;\n }\n }\n }\n }\n}\n","body {\n --pfe-reveal-duration: 0.1618s;\n --pfe-reveal-delay: 2s;\n transition: opacity var(--pfe-reveal-duration) ease-in-out;\n --pfe-broadcasted--text: var(--pfe-theme--color--text, #333);\n --pfe-broadcasted--link: var(--pfe-theme--color--link, #06c);\n --pfe-broadcasted--link--hover: var(--pfe-theme--color--link--hover, #003366);\n --pfe-broadcasted--link--focus: var(--pfe-theme--color--link--focus, #003366);\n --pfe-broadcasted--link--visited: var(--pfe-theme--color--link--visited, rebeccapurple);\n --pfe-broadcasted--link-decoration: none;\n --pfe-broadcasted--link-decoration--hover: underline;\n --pfe-broadcasted--link-decoration--focus: underline;\n --pfe-broadcasted--link-decoration--visited: none;\n}\n\nbody[unresolved] {\n opacity: 0;\n animation: reveal var(--pfe-reveal-duration) var(--pfe-reveal-delay) 1 forwards;\n}\n\n@keyframes reveal {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n"]} \ No newline at end of file diff --git a/elements/pfelement/dist/pfelement.js b/elements/pfelement/dist/pfelement.js new file mode 100644 index 0000000000..9241b998de --- /dev/null +++ b/elements/pfelement/dist/pfelement.js @@ -0,0 +1,476 @@ +let logger = () => null; + +function reveal() { + logger(`[reveal] elements ready, revealing the body`); + window.document.body.removeAttribute("unresolved"); +} + +function autoReveal(logFunction) { + logger = logFunction; + // If Web Components are already ready, run the handler right away. If they + // are not yet ready, wait. + // + // see https://github.com/github/webcomponentsjs#webcomponents-loaderjs for + // info about web component readiness events + const polyfillPresent = window.WebComponents; + const polyfillReady = polyfillPresent && window.WebComponents.ready; + + if (!polyfillPresent || polyfillReady) { + handleWebComponentsReady(); + } else { + window.addEventListener("WebComponentsReady", handleWebComponentsReady); + } +} + +function handleWebComponentsReady() { + logger("[reveal] web components ready"); + reveal(); +} + +/*! + * PatternFly Elements: PFElement 1.0.0-prerelease.50 + * @license + * Copyright 2020 Red Hat, Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + * +*/ +const prefix = "pfe-"; + +class PFElement extends HTMLElement { + static create(pfe) { + window.customElements.define(pfe.tag, pfe); + } + + static debugLog(preference = null) { + if (preference !== null) { + PFElement._debugLog = !!preference; + } + return PFElement._debugLog; + } + + static log(...msgs) { + if (PFElement.debugLog()) { + console.log(...msgs); + } + } + + static get PfeTypes() { + return { + Container: "container", + Content: "content", + Combo: "combo" + }; + } + + static get version() { + return "{{version}}"; + } + + static get observedAttributes() { + return ["pfe-theme"]; + } + + get randomId() { + return Math.random() + .toString(36) + .substr(2, 9); + } + + get version() { + return this._pfeClass.version; + } + + get pfeType() { + return this.getAttribute(`${prefix}type`); + } + + set pfeType(value) { + this.setAttribute(`${prefix}type`, value); + } + + cssVariable(name, value, element = this) { + name = name.substr(0, 2) !== "--" ? "--" + name : name; + if (value) { + element.style.setProperty(name, value); + } + return window + .getComputedStyle(element) + .getPropertyValue(name) + .trim(); + } + + // Returns a single element assigned to that slot; if multiple, it returns the first + has_slot(name) { + return this.querySelector(`[slot='${name}']`); + } + + // Returns an array with all elements assigned to that slot + has_slots(name) { + return [...this.querySelectorAll(`[slot='${name}']`)]; + } + + // Update the theme context for self and children + context_update() { + // TODO: update this to use :defined? + const children = this.querySelectorAll("[pfelement]"); + let theme = this.cssVariable("theme"); + + // Manually adding `pfe-theme` overrides the css variable + if (this.hasAttribute("pfe-theme")) { + theme = this.getAttribute("pfe-theme"); + // Update the css variable to match the data attribute + this.cssVariable("theme", theme); + } + + // Update theme for self + this.context_set(theme); + + // For each nested, already upgraded component + // set the context based on the child's value of --theme + // Note: this prevents contexts from parents overriding + // the child's context should it exist + [...children].map(child => { + if (child.connected) { + child.context_set(theme); + } + }); + } + + // Get the theme variable if it exists, set it as an attribute + context_set(fallback) { + let theme = this.cssVariable("theme"); + if (!theme) { + theme = this.getAttribute("pfe-theme"); + } + if (!theme && fallback) { + theme = fallback; + } + if (theme && this.hasAttribute("pfelement")) { + this.setAttribute("on", theme); + } + } + + constructor(pfeClass, { type = null, delayRender = false } = {}) { + super(); + + this.connected = false; + this._pfeClass = pfeClass; + this.tag = pfeClass.tag; + this.props = pfeClass.properties; + this.slots = pfeClass.slots; + this._queue = []; + this.template = document.createElement("template"); + + this.log(`Constructing...`); + + this.attachShadow({ mode: "open" }); + + if (type) { + this._queueAction({ + type: "setProperty", + data: { + name: "pfeType", + value: type + } + }); + } + + if (!delayRender) { + this.log(`Render...`); + this.render(); + this.log(`Rendered.`); + } + + this.log(`Constructed.`); + } + + connectedCallback() { + this.connected = true; + this.log(`Connecting...`); + + if (window.ShadyCSS) { + this.log(`Styling...`); + window.ShadyCSS.styleElement(this); + this.log(`Styled.`); + } + + // Throw a warning if the on attribute was manually added before upgrade + if (!this.hasAttribute("pfelement") && this.hasAttribute("on")) { + console.warn( + `${this.tag}${ + this.id ? `[#${this.id}]` : `` + }: The "on" attribute is protected and should not be manually added to a component. The base class will manage this value for you on upgrade.` + ); + } + + // @TODO maybe we should use just the attribute instead of the class? + // https://github.com/angular/angular/issues/15399#issuecomment-318785677 + this.classList.add("PFElement"); + this.setAttribute("pfelement", ""); + + if (typeof this.props === "object") { + this._mapSchemaToProperties(this.tag, this.props); + this.log(`Properties attached.`); + } + + if (typeof this.slots === "object") { + this._mapSchemaToSlots(this.tag, this.slots); + this.log(`Slots attached.`); + } + + if (this._queue.length) { + this._processQueue(); + } + + // Initialize the on attribute if a theme variable is set + // do not update the on attribute if a user has manually added it + // then trigger an update in nested components + this.context_update(); + + this.log(`Connected.`); + } + + disconnectedCallback() { + this.log(`Disconnecting...`); + + this.connected = false; + + this.log(`Disconnected.`); + } + + attributeChangedCallback(attr, oldVal, newVal) { + if (!this._pfeClass.cascadingAttributes) { + return; + } + + const cascadeTo = this._pfeClass.cascadingAttributes[attr]; + if (cascadeTo) { + this._copyAttribute(attr, cascadeTo); + } + + if (attr === "pfe-theme") { + this.context_update(); + } + } + + _copyAttribute(name, to) { + const recipients = [ + ...this.querySelectorAll(to), + ...this.shadowRoot.querySelectorAll(to) + ]; + const value = this.getAttribute(name); + const fname = value == null ? "removeAttribute" : "setAttribute"; + for (const node of recipients) { + node[fname](name, value); + } + } + + // Map the imported properties json to real props on the element + // @notice static getter of properties is built via tooling + // to edit modify src/element.json + _mapSchemaToProperties(tag, properties) { + this.log("Mapping properties..."); + // Loop over the properties provided by the schema + Object.keys(properties).forEach(attr => { + let data = properties[attr]; + + // Only attach the information if the data provided is a schema object + if (typeof data === "object") { + // Prefix default is true + let hasPrefix = true; + let attrName = attr; + // Set the attribute's property equal to the schema input + this[attr] = data; + // Initialize the value to null + this[attr].value = null; + + if (typeof this[attr].prefixed !== "undefined") { + hasPrefix = this[attr].prefixed; + } + + if (hasPrefix) { + attrName = `${prefix}${attr}`; + } + + // If the attribute exists on the host + if (this.hasAttribute(attrName)) { + // Set property value based on the existing attribute + this[attr].value = this.getAttribute(attrName); + } + // Otherwise, look for a default and use that instead + else if (data.default) { + const dependency_exists = this._hasDependency(tag, data.options); + const no_dependencies = + !data.options || + (data.options && !data.options.dependencies.length); + // If the dependency exists or there are no dependencies, set the default + if (dependency_exists || no_dependencies) { + this.setAttribute(attrName, data.default); + this[attr].value = data.default; + } + } + } + }); + + this.log("Properties mapped."); + } + + // Test whether expected dependencies exist + _hasDependency(tag, opts) { + // Get any possible dependencies for this attribute to exist + let dependencies = opts ? opts.dependencies : []; + // Initialize the dependency return value + let hasDependency = false; + // Check that dependent item exists + // Loop through the dependencies defined + for (let i = 0; i < dependencies.length; i += 1) { + const slot_exists = + dependencies[i].type === "slot" && + this.has_slots(`${tag}--${dependencies[i].id}`).length > 0; + const attribute_exists = + dependencies[i].type === "attribute" && + this.getAttribute(`${prefix}${dependencies[i].id}`); + // If the type is slot, check that it exists OR + // if the type is an attribute, check if the attribute is defined + if (slot_exists || attribute_exists) { + // If the slot does exist, add the attribute with the default value + hasDependency = true; + // Exit the loop + break; + } + } + // Return a boolean if the dependency exists + return hasDependency; + } + + // Map the imported slots json + // @notice static getter of properties is built via tooling + // to edit modify src/element.json + _mapSchemaToSlots(tag, slots) { + this.log("Validate slots..."); + // Loop over the properties provided by the schema + Object.keys(slots).forEach(slot => { + let slotObj = slots[slot]; + + // Only attach the information if the data provided is a schema object + if (typeof slotObj === "object") { + let slotExists = false; + let result = []; + // If it's a named slot, look for that slot definition + if (slotObj.namedSlot) { + // Check prefixed slots + result = this.has_slots(`${tag}--${slot}`); + if (result.length > 0) { + slotObj.nodes = result; + slotExists = true; + } + + // Check for unprefixed slots + result = this.has_slots(`${slot}`); + if (result.length > 0) { + slotObj.nodes = result; + slotExists = true; + } + // If it's the default slot, look for direct children not assigned to a slot + } else { + result = [...this.children].filter( + child => !child.hasAttribute("slot") + ); + + if (result.length > 0) { + slotObj.nodes = result; + slotExists = true; + } + } + + // If the slot exists, attach an attribute to the parent to indicate that + if (slotExists) { + this.setAttribute(`has_${slot}`, ""); + } else { + this.removeAttribute(`has_${slot}`); + } + } + }); + this.log("Slots validated."); + } + + _queueAction(action) { + this._queue.push(action); + } + + _processQueue() { + this._queue.forEach(action => { + this[`_${action.type}`](action.data); + }); + + this._queue = []; + } + + _setProperty({ name, value }) { + this[name] = value; + } + + // @TODO This is a duplicate function to cssVariable above, combine them + static var(name, element = document.body) { + return window + .getComputedStyle(element) + .getPropertyValue(name) + .trim(); + } + + var(name) { + return PFElement.var(name, this); + } + + render() { + this.shadowRoot.innerHTML = ""; + this.template.innerHTML = this.html; + + if (window.ShadyCSS) { + window.ShadyCSS.prepareTemplate(this.template, this.tag); + } + + this.shadowRoot.appendChild(this.template.content.cloneNode(true)); + } + + log(...msgs) { + PFElement.log(`[${this.tag}]`, ...msgs); + } + + emitEvent( + name, + { bubbles = true, cancelable = false, composed = false, detail = {} } = {} + ) { + this.log(`Custom event: ${name}`); + this.dispatchEvent( + new CustomEvent(name, { + bubbles, + cancelable, + composed, + detail + }) + ); + } +} + +autoReveal(PFElement.log); + +export default PFElement; +//# sourceMappingURL=pfelement.js.map diff --git a/elements/pfelement/dist/pfelement.js.map b/elements/pfelement/dist/pfelement.js.map new file mode 100644 index 0000000000..5a7cb80f5e --- /dev/null +++ b/elements/pfelement/dist/pfelement.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfelement.js","sources":["../_temp/reveal.js","../_temp/pfelement.js"],"sourcesContent":["let logger = () => null;\n\nexport function reveal() {\n logger(`[reveal] elements ready, revealing the body`);\n window.document.body.removeAttribute(\"unresolved\");\n}\n\nexport function autoReveal(logFunction) {\n logger = logFunction;\n // If Web Components are already ready, run the handler right away. If they\n // are not yet ready, wait.\n //\n // see https://github.com/github/webcomponentsjs#webcomponents-loaderjs for\n // info about web component readiness events\n const polyfillPresent = window.WebComponents;\n const polyfillReady = polyfillPresent && window.WebComponents.ready;\n\n if (!polyfillPresent || polyfillReady) {\n handleWebComponentsReady();\n } else {\n window.addEventListener(\"WebComponentsReady\", handleWebComponentsReady);\n }\n}\n\nfunction handleWebComponentsReady() {\n logger(\"[reveal] web components ready\");\n reveal();\n}\n","/*!\n * PatternFly Elements: PFElement 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\nimport { autoReveal } from \"./reveal.js\";\nconst prefix = \"pfe-\";\n\nclass PFElement extends HTMLElement {\n static create(pfe) {\n window.customElements.define(pfe.tag, pfe);\n }\n\n static debugLog(preference = null) {\n if (preference !== null) {\n PFElement._debugLog = !!preference;\n }\n return PFElement._debugLog;\n }\n\n static log(...msgs) {\n if (PFElement.debugLog()) {\n console.log(...msgs);\n }\n }\n\n static get PfeTypes() {\n return {\n Container: \"container\",\n Content: \"content\",\n Combo: \"combo\"\n };\n }\n\n static get version() {\n return \"{{version}}\";\n }\n\n static get observedAttributes() {\n return [\"pfe-theme\"];\n }\n\n get randomId() {\n return Math.random()\n .toString(36)\n .substr(2, 9);\n }\n\n get version() {\n return this._pfeClass.version;\n }\n\n get pfeType() {\n return this.getAttribute(`${prefix}type`);\n }\n\n set pfeType(value) {\n this.setAttribute(`${prefix}type`, value);\n }\n\n cssVariable(name, value, element = this) {\n name = name.substr(0, 2) !== \"--\" ? \"--\" + name : name;\n if (value) {\n element.style.setProperty(name, value);\n }\n return window\n .getComputedStyle(element)\n .getPropertyValue(name)\n .trim();\n }\n\n // Returns a single element assigned to that slot; if multiple, it returns the first\n has_slot(name) {\n return this.querySelector(`[slot='${name}']`);\n }\n\n // Returns an array with all elements assigned to that slot\n has_slots(name) {\n return [...this.querySelectorAll(`[slot='${name}']`)];\n }\n\n // Update the theme context for self and children\n context_update() {\n // TODO: update this to use :defined?\n const children = this.querySelectorAll(\"[pfelement]\");\n let theme = this.cssVariable(\"theme\");\n\n // Manually adding `pfe-theme` overrides the css variable\n if (this.hasAttribute(\"pfe-theme\")) {\n theme = this.getAttribute(\"pfe-theme\");\n // Update the css variable to match the data attribute\n this.cssVariable(\"theme\", theme);\n }\n\n // Update theme for self\n this.context_set(theme);\n\n // For each nested, already upgraded component\n // set the context based on the child's value of --theme\n // Note: this prevents contexts from parents overriding\n // the child's context should it exist\n [...children].map(child => {\n if (child.connected) {\n child.context_set(theme);\n }\n });\n }\n\n // Get the theme variable if it exists, set it as an attribute\n context_set(fallback) {\n let theme = this.cssVariable(\"theme\");\n if (!theme) {\n theme = this.getAttribute(\"pfe-theme\");\n }\n if (!theme && fallback) {\n theme = fallback;\n }\n if (theme && this.hasAttribute(\"pfelement\")) {\n this.setAttribute(\"on\", theme);\n }\n }\n\n constructor(pfeClass, { type = null, delayRender = false } = {}) {\n super();\n\n this.connected = false;\n this._pfeClass = pfeClass;\n this.tag = pfeClass.tag;\n this.props = pfeClass.properties;\n this.slots = pfeClass.slots;\n this._queue = [];\n this.template = document.createElement(\"template\");\n\n this.log(`Constructing...`);\n\n this.attachShadow({ mode: \"open\" });\n\n if (type) {\n this._queueAction({\n type: \"setProperty\",\n data: {\n name: \"pfeType\",\n value: type\n }\n });\n }\n\n if (!delayRender) {\n this.log(`Render...`);\n this.render();\n this.log(`Rendered.`);\n }\n\n this.log(`Constructed.`);\n }\n\n connectedCallback() {\n this.connected = true;\n this.log(`Connecting...`);\n\n if (window.ShadyCSS) {\n this.log(`Styling...`);\n window.ShadyCSS.styleElement(this);\n this.log(`Styled.`);\n }\n\n // Throw a warning if the on attribute was manually added before upgrade\n if (!this.hasAttribute(\"pfelement\") && this.hasAttribute(\"on\")) {\n console.warn(\n `${this.tag}${\n this.id ? `[#${this.id}]` : ``\n }: The \"on\" attribute is protected and should not be manually added to a component. The base class will manage this value for you on upgrade.`\n );\n }\n\n // @TODO maybe we should use just the attribute instead of the class?\n // https://github.com/angular/angular/issues/15399#issuecomment-318785677\n this.classList.add(\"PFElement\");\n this.setAttribute(\"pfelement\", \"\");\n\n if (typeof this.props === \"object\") {\n this._mapSchemaToProperties(this.tag, this.props);\n this.log(`Properties attached.`);\n }\n\n if (typeof this.slots === \"object\") {\n this._mapSchemaToSlots(this.tag, this.slots);\n this.log(`Slots attached.`);\n }\n\n if (this._queue.length) {\n this._processQueue();\n }\n\n // Initialize the on attribute if a theme variable is set\n // do not update the on attribute if a user has manually added it\n // then trigger an update in nested components\n this.context_update();\n\n this.log(`Connected.`);\n }\n\n disconnectedCallback() {\n this.log(`Disconnecting...`);\n\n this.connected = false;\n\n this.log(`Disconnected.`);\n }\n\n attributeChangedCallback(attr, oldVal, newVal) {\n if (!this._pfeClass.cascadingAttributes) {\n return;\n }\n\n const cascadeTo = this._pfeClass.cascadingAttributes[attr];\n if (cascadeTo) {\n this._copyAttribute(attr, cascadeTo);\n }\n\n if (attr === \"pfe-theme\") {\n this.context_update();\n }\n }\n\n _copyAttribute(name, to) {\n const recipients = [\n ...this.querySelectorAll(to),\n ...this.shadowRoot.querySelectorAll(to)\n ];\n const value = this.getAttribute(name);\n const fname = value == null ? \"removeAttribute\" : \"setAttribute\";\n for (const node of recipients) {\n node[fname](name, value);\n }\n }\n\n // Map the imported properties json to real props on the element\n // @notice static getter of properties is built via tooling\n // to edit modify src/element.json\n _mapSchemaToProperties(tag, properties) {\n this.log(\"Mapping properties...\");\n // Loop over the properties provided by the schema\n Object.keys(properties).forEach(attr => {\n let data = properties[attr];\n\n // Only attach the information if the data provided is a schema object\n if (typeof data === \"object\") {\n // Prefix default is true\n let hasPrefix = true;\n let attrName = attr;\n // Set the attribute's property equal to the schema input\n this[attr] = data;\n // Initialize the value to null\n this[attr].value = null;\n\n if (typeof this[attr].prefixed !== \"undefined\") {\n hasPrefix = this[attr].prefixed;\n }\n\n if (hasPrefix) {\n attrName = `${prefix}${attr}`;\n }\n\n // If the attribute exists on the host\n if (this.hasAttribute(attrName)) {\n // Set property value based on the existing attribute\n this[attr].value = this.getAttribute(attrName);\n }\n // Otherwise, look for a default and use that instead\n else if (data.default) {\n const dependency_exists = this._hasDependency(tag, data.options);\n const no_dependencies =\n !data.options ||\n (data.options && !data.options.dependencies.length);\n // If the dependency exists or there are no dependencies, set the default\n if (dependency_exists || no_dependencies) {\n this.setAttribute(attrName, data.default);\n this[attr].value = data.default;\n }\n }\n }\n });\n\n this.log(\"Properties mapped.\");\n }\n\n // Test whether expected dependencies exist\n _hasDependency(tag, opts) {\n // Get any possible dependencies for this attribute to exist\n let dependencies = opts ? opts.dependencies : [];\n // Initialize the dependency return value\n let hasDependency = false;\n // Check that dependent item exists\n // Loop through the dependencies defined\n for (let i = 0; i < dependencies.length; i += 1) {\n const slot_exists =\n dependencies[i].type === \"slot\" &&\n this.has_slots(`${tag}--${dependencies[i].id}`).length > 0;\n const attribute_exists =\n dependencies[i].type === \"attribute\" &&\n this.getAttribute(`${prefix}${dependencies[i].id}`);\n // If the type is slot, check that it exists OR\n // if the type is an attribute, check if the attribute is defined\n if (slot_exists || attribute_exists) {\n // If the slot does exist, add the attribute with the default value\n hasDependency = true;\n // Exit the loop\n break;\n }\n }\n // Return a boolean if the dependency exists\n return hasDependency;\n }\n\n // Map the imported slots json\n // @notice static getter of properties is built via tooling\n // to edit modify src/element.json\n _mapSchemaToSlots(tag, slots) {\n this.log(\"Validate slots...\");\n // Loop over the properties provided by the schema\n Object.keys(slots).forEach(slot => {\n let slotObj = slots[slot];\n\n // Only attach the information if the data provided is a schema object\n if (typeof slotObj === \"object\") {\n let slotExists = false;\n let result = [];\n // If it's a named slot, look for that slot definition\n if (slotObj.namedSlot) {\n // Check prefixed slots\n result = this.has_slots(`${tag}--${slot}`);\n if (result.length > 0) {\n slotObj.nodes = result;\n slotExists = true;\n }\n\n // Check for unprefixed slots\n result = this.has_slots(`${slot}`);\n if (result.length > 0) {\n slotObj.nodes = result;\n slotExists = true;\n }\n // If it's the default slot, look for direct children not assigned to a slot\n } else {\n result = [...this.children].filter(\n child => !child.hasAttribute(\"slot\")\n );\n\n if (result.length > 0) {\n slotObj.nodes = result;\n slotExists = true;\n }\n }\n\n // If the slot exists, attach an attribute to the parent to indicate that\n if (slotExists) {\n this.setAttribute(`has_${slot}`, \"\");\n } else {\n this.removeAttribute(`has_${slot}`);\n }\n }\n });\n this.log(\"Slots validated.\");\n }\n\n _queueAction(action) {\n this._queue.push(action);\n }\n\n _processQueue() {\n this._queue.forEach(action => {\n this[`_${action.type}`](action.data);\n });\n\n this._queue = [];\n }\n\n _setProperty({ name, value }) {\n this[name] = value;\n }\n\n // @TODO This is a duplicate function to cssVariable above, combine them\n static var(name, element = document.body) {\n return window\n .getComputedStyle(element)\n .getPropertyValue(name)\n .trim();\n }\n\n var(name) {\n return PFElement.var(name, this);\n }\n\n render() {\n this.shadowRoot.innerHTML = \"\";\n this.template.innerHTML = this.html;\n\n if (window.ShadyCSS) {\n window.ShadyCSS.prepareTemplate(this.template, this.tag);\n }\n\n this.shadowRoot.appendChild(this.template.content.cloneNode(true));\n }\n\n log(...msgs) {\n PFElement.log(`[${this.tag}]`, ...msgs);\n }\n\n emitEvent(\n name,\n { bubbles = true, cancelable = false, composed = false, detail = {} } = {}\n ) {\n this.log(`Custom event: ${name}`);\n this.dispatchEvent(\n new CustomEvent(name, {\n bubbles,\n cancelable,\n composed,\n detail\n })\n );\n }\n}\n\nautoReveal(PFElement.log);\n\nexport default PFElement;\n"],"names":[],"mappings":"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"} \ No newline at end of file diff --git a/elements/pfelement/dist/pfelement.min.css b/elements/pfelement/dist/pfelement.min.css new file mode 100644 index 0000000000..7da4701d78 --- /dev/null +++ b/elements/pfelement/dist/pfelement.min.css @@ -0,0 +1,2 @@ +body{--pfe-reveal-duration:0.1618s;--pfe-reveal-delay:2s;-webkit-transition:opacity var(--pfe-reveal-duration) ease-in-out;transition:opacity var(--pfe-reveal-duration) ease-in-out;--pfe-broadcasted--text:var(--pfe-theme--color--text, #333);--pfe-broadcasted--link:var(--pfe-theme--color--link, #06c);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover, #003366);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus, #003366);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited, rebeccapurple);--pfe-broadcasted--link-decoration:none;--pfe-broadcasted--link-decoration--hover:underline;--pfe-broadcasted--link-decoration--focus:underline;--pfe-broadcasted--link-decoration--visited:none}body[unresolved]{opacity:0;-webkit-animation:reveal var(--pfe-reveal-duration) var(--pfe-reveal-delay) 1 forwards;animation:reveal var(--pfe-reveal-duration) var(--pfe-reveal-delay) 1 forwards}@-webkit-keyframes reveal{from{opacity:0}to{opacity:1}}@keyframes reveal{from{opacity:0}to{opacity:1}} +/*# sourceMappingURL=pfelement.min.css.map */ diff --git a/elements/pfelement/dist/pfelement.min.css.map b/elements/pfelement/dist/pfelement.min.css.map new file mode 100644 index 0000000000..6bf16b62e9 --- /dev/null +++ b/elements/pfelement/dist/pfelement.min.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["../pfelement.scss","../../../pfe-sass/mixins/_custom-properties.scss"],"names":[],"mappings":"AAGA,KACE,sBAAA,QACA,mBAAA,GAEA,mBAAA,QAAA,2BAAA,YAAA,WAAA,QAAA,2BAAA,YCgEsB,wBAAA,oCAAA,wBAAA,oCAAA,+BAAA,8CAAA,+BAAA,8CAAA,iCAAA,sDAMA,mCAAA,KAAA,0CAAA,UAAA,0CAAA,UAAA,4CAAA,KDjExB,iBACE,QAAA,EACA,kBAAA,OAAA,2BAAA,wBAAA,EAAA,SAAA,UAAA,OAAA,2BAAA,wBAAA,EAAA,SAIF,0BACE,KACE,QAAA,EAEF,GACE,QAAA,GALJ,kBACE,KACE,QAAA,EAEF,GACE,QAAA","file":"pfelement.min.css","sourcesContent":[]} \ No newline at end of file diff --git a/elements/pfelement/dist/pfelement.min.js b/elements/pfelement/dist/pfelement.min.js new file mode 100644 index 0000000000..b610c00d1c --- /dev/null +++ b/elements/pfelement/dist/pfelement.min.js @@ -0,0 +1,26 @@ +let t=()=>null;function e(){t("[reveal] web components ready"),t("[reveal] elements ready, revealing the body"),window.document.body.removeAttribute("unresolved")} +/*! + * PatternFly Elements: PFElement 1.0.0-prerelease.50 + * @license + * Copyright 2020 Red Hat, Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + * +*/const s="pfe-";class i extends HTMLElement{static create(t){window.customElements.define(t.tag,t)}static debugLog(t=null){return null!==t&&(i._debugLog=!!t),i._debugLog}static log(...t){i.debugLog()&&console.log(...t)}static get PfeTypes(){return{Container:"container",Content:"content",Combo:"combo"}}static get version(){return"{{version}}"}static get observedAttributes(){return["pfe-theme"]}get randomId(){return Math.random().toString(36).substr(2,9)}get version(){return this._pfeClass.version}get pfeType(){return this.getAttribute(`${s}type`)}set pfeType(t){this.setAttribute(`${s}type`,t)}cssVariable(t,e,s=this){return t="--"!==t.substr(0,2)?"--"+t:t,e&&s.style.setProperty(t,e),window.getComputedStyle(s).getPropertyValue(t).trim()}has_slot(t){return this.querySelector(`[slot='${t}']`)}has_slots(t){return[...this.querySelectorAll(`[slot='${t}']`)]}context_update(){const t=this.querySelectorAll("[pfelement]");let e=this.cssVariable("theme");this.hasAttribute("pfe-theme")&&(e=this.getAttribute("pfe-theme"),this.cssVariable("theme",e)),this.context_set(e),[...t].map(t=>{t.connected&&t.context_set(e)})}context_set(t){let e=this.cssVariable("theme");e||(e=this.getAttribute("pfe-theme")),!e&&t&&(e=t),e&&this.hasAttribute("pfelement")&&this.setAttribute("on",e)}constructor(t,{type:e=null,delayRender:s=!1}={}){super(),this.connected=!1,this._pfeClass=t,this.tag=t.tag,this.props=t.properties,this.slots=t.slots,this._queue=[],this.template=document.createElement("template"),this.log("Constructing..."),this.attachShadow({mode:"open"}),e&&this._queueAction({type:"setProperty",data:{name:"pfeType",value:e}}),s||(this.log("Render..."),this.render(),this.log("Rendered.")),this.log("Constructed.")}connectedCallback(){this.connected=!0,this.log("Connecting..."),window.ShadyCSS&&(this.log("Styling..."),window.ShadyCSS.styleElement(this),this.log("Styled.")),!this.hasAttribute("pfelement")&&this.hasAttribute("on")&&console.warn(`${this.tag}${this.id?`[#${this.id}]`:""}: The "on" attribute is protected and should not be manually added to a component. The base class will manage this value for you on upgrade.`),this.classList.add("PFElement"),this.setAttribute("pfelement",""),"object"==typeof this.props&&(this._mapSchemaToProperties(this.tag,this.props),this.log("Properties attached.")),"object"==typeof this.slots&&(this._mapSchemaToSlots(this.tag,this.slots),this.log("Slots attached.")),this._queue.length&&this._processQueue(),this.context_update(),this.log("Connected.")}disconnectedCallback(){this.log("Disconnecting..."),this.connected=!1,this.log("Disconnected.")}attributeChangedCallback(t,e,s){if(!this._pfeClass.cascadingAttributes)return;const i=this._pfeClass.cascadingAttributes[t];i&&this._copyAttribute(t,i),"pfe-theme"===t&&this.context_update()}_copyAttribute(t,e){const s=[...this.querySelectorAll(e),...this.shadowRoot.querySelectorAll(e)],i=this.getAttribute(t),o=null==i?"removeAttribute":"setAttribute";for(const e of s)e[o](t,i)}_mapSchemaToProperties(t,e){this.log("Mapping properties..."),Object.keys(e).forEach(i=>{let o=e[i];if("object"==typeof o){let e=!0,n=i;if(this[i]=o,this[i].value=null,void 0!==this[i].prefixed&&(e=this[i].prefixed),e&&(n=`${s}${i}`),this.hasAttribute(n))this[i].value=this.getAttribute(n);else if(o.default){const e=this._hasDependency(t,o.options),s=!o.options||o.options&&!o.options.dependencies.length;(e||s)&&(this.setAttribute(n,o.default),this[i].value=o.default)}}}),this.log("Properties mapped.")}_hasDependency(t,e){let i=e?e.dependencies:[],o=!1;for(let e=0;e0,h="attribute"===i[e].type&&this.getAttribute(`${s}${i[e].id}`);if(n||h){o=!0;break}}return o}_mapSchemaToSlots(t,e){this.log("Validate slots..."),Object.keys(e).forEach(s=>{let i=e[s];if("object"==typeof i){let e=!1,o=[];i.namedSlot?((o=this.has_slots(`${t}--${s}`)).length>0&&(i.nodes=o,e=!0),(o=this.has_slots(`${s}`)).length>0&&(i.nodes=o,e=!0)):(o=[...this.children].filter(t=>!t.hasAttribute("slot"))).length>0&&(i.nodes=o,e=!0),e?this.setAttribute(`has_${s}`,""):this.removeAttribute(`has_${s}`)}}),this.log("Slots validated.")}_queueAction(t){this._queue.push(t)}_processQueue(){this._queue.forEach(t=>{this[`_${t.type}`](t.data)}),this._queue=[]}_setProperty({name:t,value:e}){this[t]=e}static var(t,e=document.body){return window.getComputedStyle(e).getPropertyValue(t).trim()}var(t){return i.var(t,this)}render(){this.shadowRoot.innerHTML="",this.template.innerHTML=this.html,window.ShadyCSS&&window.ShadyCSS.prepareTemplate(this.template,this.tag),this.shadowRoot.appendChild(this.template.content.cloneNode(!0))}log(...t){i.log(`[${this.tag}]`,...t)}emitEvent(t,{bubbles:e=!0,cancelable:s=!1,composed:i=!1,detail:o={}}={}){this.log(`Custom event: ${t}`),this.dispatchEvent(new CustomEvent(t,{bubbles:e,cancelable:s,composed:i,detail:o}))}}!function(s){t=s;const i=window.WebComponents,o=i&&window.WebComponents.ready;!i||o?e():window.addEventListener("WebComponentsReady",e)}(i.log);export default i; +//# sourceMappingURL=pfelement.min.js.map diff --git a/elements/pfelement/dist/pfelement.min.js.map b/elements/pfelement/dist/pfelement.min.js.map new file mode 100644 index 0000000000..e13d4f55be --- /dev/null +++ b/elements/pfelement/dist/pfelement.min.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfelement.min.js","sources":["../_temp/reveal.js","../_temp/pfelement.js"],"sourcesContent":["let logger = () => null;\n\nexport function reveal() {\n logger(`[reveal] elements ready, revealing the body`);\n window.document.body.removeAttribute(\"unresolved\");\n}\n\nexport function autoReveal(logFunction) {\n logger = logFunction;\n // If Web Components are already ready, run the handler right away. If they\n // are not yet ready, wait.\n //\n // see https://github.com/github/webcomponentsjs#webcomponents-loaderjs for\n // info about web component readiness events\n const polyfillPresent = window.WebComponents;\n const polyfillReady = polyfillPresent && window.WebComponents.ready;\n\n if (!polyfillPresent || polyfillReady) {\n handleWebComponentsReady();\n } else {\n window.addEventListener(\"WebComponentsReady\", handleWebComponentsReady);\n }\n}\n\nfunction handleWebComponentsReady() {\n logger(\"[reveal] web components ready\");\n reveal();\n}\n","/*!\n * PatternFly Elements: PFElement 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\nimport { autoReveal } from \"./reveal.js\";\nconst prefix = \"pfe-\";\n\nclass PFElement extends HTMLElement {\n static create(pfe) {\n window.customElements.define(pfe.tag, pfe);\n }\n\n static debugLog(preference = null) {\n if (preference !== null) {\n PFElement._debugLog = !!preference;\n }\n return PFElement._debugLog;\n }\n\n static log(...msgs) {\n if (PFElement.debugLog()) {\n console.log(...msgs);\n }\n }\n\n static get PfeTypes() {\n return {\n Container: \"container\",\n Content: \"content\",\n Combo: \"combo\"\n };\n }\n\n static get version() {\n return \"{{version}}\";\n }\n\n static get observedAttributes() {\n return [\"pfe-theme\"];\n }\n\n get randomId() {\n return Math.random()\n .toString(36)\n .substr(2, 9);\n }\n\n get version() {\n return this._pfeClass.version;\n }\n\n get pfeType() {\n return this.getAttribute(`${prefix}type`);\n }\n\n set pfeType(value) {\n this.setAttribute(`${prefix}type`, value);\n }\n\n cssVariable(name, value, element = this) {\n name = name.substr(0, 2) !== \"--\" ? \"--\" + name : name;\n if (value) {\n element.style.setProperty(name, value);\n }\n return window\n .getComputedStyle(element)\n .getPropertyValue(name)\n .trim();\n }\n\n // Returns a single element assigned to that slot; if multiple, it returns the first\n has_slot(name) {\n return this.querySelector(`[slot='${name}']`);\n }\n\n // Returns an array with all elements assigned to that slot\n has_slots(name) {\n return [...this.querySelectorAll(`[slot='${name}']`)];\n }\n\n // Update the theme context for self and children\n context_update() {\n // TODO: update this to use :defined?\n const children = this.querySelectorAll(\"[pfelement]\");\n let theme = this.cssVariable(\"theme\");\n\n // Manually adding `pfe-theme` overrides the css variable\n if (this.hasAttribute(\"pfe-theme\")) {\n theme = this.getAttribute(\"pfe-theme\");\n // Update the css variable to match the data attribute\n this.cssVariable(\"theme\", theme);\n }\n\n // Update theme for self\n this.context_set(theme);\n\n // For each nested, already upgraded component\n // set the context based on the child's value of --theme\n // Note: this prevents contexts from parents overriding\n // the child's context should it exist\n [...children].map(child => {\n if (child.connected) {\n child.context_set(theme);\n }\n });\n }\n\n // Get the theme variable if it exists, set it as an attribute\n context_set(fallback) {\n let theme = this.cssVariable(\"theme\");\n if (!theme) {\n theme = this.getAttribute(\"pfe-theme\");\n }\n if (!theme && fallback) {\n theme = fallback;\n }\n if (theme && this.hasAttribute(\"pfelement\")) {\n this.setAttribute(\"on\", theme);\n }\n }\n\n constructor(pfeClass, { type = null, delayRender = false } = {}) {\n super();\n\n this.connected = false;\n this._pfeClass = pfeClass;\n this.tag = pfeClass.tag;\n this.props = pfeClass.properties;\n this.slots = pfeClass.slots;\n this._queue = [];\n this.template = document.createElement(\"template\");\n\n this.log(`Constructing...`);\n\n this.attachShadow({ mode: \"open\" });\n\n if (type) {\n this._queueAction({\n type: \"setProperty\",\n data: {\n name: \"pfeType\",\n value: type\n }\n });\n }\n\n if (!delayRender) {\n this.log(`Render...`);\n this.render();\n this.log(`Rendered.`);\n }\n\n this.log(`Constructed.`);\n }\n\n connectedCallback() {\n this.connected = true;\n this.log(`Connecting...`);\n\n if (window.ShadyCSS) {\n this.log(`Styling...`);\n window.ShadyCSS.styleElement(this);\n this.log(`Styled.`);\n }\n\n // Throw a warning if the on attribute was manually added before upgrade\n if (!this.hasAttribute(\"pfelement\") && this.hasAttribute(\"on\")) {\n console.warn(\n `${this.tag}${\n this.id ? `[#${this.id}]` : ``\n }: The \"on\" attribute is protected and should not be manually added to a component. The base class will manage this value for you on upgrade.`\n );\n }\n\n // @TODO maybe we should use just the attribute instead of the class?\n // https://github.com/angular/angular/issues/15399#issuecomment-318785677\n this.classList.add(\"PFElement\");\n this.setAttribute(\"pfelement\", \"\");\n\n if (typeof this.props === \"object\") {\n this._mapSchemaToProperties(this.tag, this.props);\n this.log(`Properties attached.`);\n }\n\n if (typeof this.slots === \"object\") {\n this._mapSchemaToSlots(this.tag, this.slots);\n this.log(`Slots attached.`);\n }\n\n if (this._queue.length) {\n this._processQueue();\n }\n\n // Initialize the on attribute if a theme variable is set\n // do not update the on attribute if a user has manually added it\n // then trigger an update in nested components\n this.context_update();\n\n this.log(`Connected.`);\n }\n\n disconnectedCallback() {\n this.log(`Disconnecting...`);\n\n this.connected = false;\n\n this.log(`Disconnected.`);\n }\n\n attributeChangedCallback(attr, oldVal, newVal) {\n if (!this._pfeClass.cascadingAttributes) {\n return;\n }\n\n const cascadeTo = this._pfeClass.cascadingAttributes[attr];\n if (cascadeTo) {\n this._copyAttribute(attr, cascadeTo);\n }\n\n if (attr === \"pfe-theme\") {\n this.context_update();\n }\n }\n\n _copyAttribute(name, to) {\n const recipients = [\n ...this.querySelectorAll(to),\n ...this.shadowRoot.querySelectorAll(to)\n ];\n const value = this.getAttribute(name);\n const fname = value == null ? \"removeAttribute\" : \"setAttribute\";\n for (const node of recipients) {\n node[fname](name, value);\n }\n }\n\n // Map the imported properties json to real props on the element\n // @notice static getter of properties is built via tooling\n // to edit modify src/element.json\n _mapSchemaToProperties(tag, properties) {\n this.log(\"Mapping properties...\");\n // Loop over the properties provided by the schema\n Object.keys(properties).forEach(attr => {\n let data = properties[attr];\n\n // Only attach the information if the data provided is a schema object\n if (typeof data === \"object\") {\n // Prefix default is true\n let hasPrefix = true;\n let attrName = attr;\n // Set the attribute's property equal to the schema input\n this[attr] = data;\n // Initialize the value to null\n this[attr].value = null;\n\n if (typeof this[attr].prefixed !== \"undefined\") {\n hasPrefix = this[attr].prefixed;\n }\n\n if (hasPrefix) {\n attrName = `${prefix}${attr}`;\n }\n\n // If the attribute exists on the host\n if (this.hasAttribute(attrName)) {\n // Set property value based on the existing attribute\n this[attr].value = this.getAttribute(attrName);\n }\n // Otherwise, look for a default and use that instead\n else if (data.default) {\n const dependency_exists = this._hasDependency(tag, data.options);\n const no_dependencies =\n !data.options ||\n (data.options && !data.options.dependencies.length);\n // If the dependency exists or there are no dependencies, set the default\n if (dependency_exists || no_dependencies) {\n this.setAttribute(attrName, data.default);\n this[attr].value = data.default;\n }\n }\n }\n });\n\n this.log(\"Properties mapped.\");\n }\n\n // Test whether expected dependencies exist\n _hasDependency(tag, opts) {\n // Get any possible dependencies for this attribute to exist\n let dependencies = opts ? opts.dependencies : [];\n // Initialize the dependency return value\n let hasDependency = false;\n // Check that dependent item exists\n // Loop through the dependencies defined\n for (let i = 0; i < dependencies.length; i += 1) {\n const slot_exists =\n dependencies[i].type === \"slot\" &&\n this.has_slots(`${tag}--${dependencies[i].id}`).length > 0;\n const attribute_exists =\n dependencies[i].type === \"attribute\" &&\n this.getAttribute(`${prefix}${dependencies[i].id}`);\n // If the type is slot, check that it exists OR\n // if the type is an attribute, check if the attribute is defined\n if (slot_exists || attribute_exists) {\n // If the slot does exist, add the attribute with the default value\n hasDependency = true;\n // Exit the loop\n break;\n }\n }\n // Return a boolean if the dependency exists\n return hasDependency;\n }\n\n // Map the imported slots json\n // @notice static getter of properties is built via tooling\n // to edit modify src/element.json\n _mapSchemaToSlots(tag, slots) {\n this.log(\"Validate slots...\");\n // Loop over the properties provided by the schema\n Object.keys(slots).forEach(slot => {\n let slotObj = slots[slot];\n\n // Only attach the information if the data provided is a schema object\n if (typeof slotObj === \"object\") {\n let slotExists = false;\n let result = [];\n // If it's a named slot, look for that slot definition\n if (slotObj.namedSlot) {\n // Check prefixed slots\n result = this.has_slots(`${tag}--${slot}`);\n if (result.length > 0) {\n slotObj.nodes = result;\n slotExists = true;\n }\n\n // Check for unprefixed slots\n result = this.has_slots(`${slot}`);\n if (result.length > 0) {\n slotObj.nodes = result;\n slotExists = true;\n }\n // If it's the default slot, look for direct children not assigned to a slot\n } else {\n result = [...this.children].filter(\n child => !child.hasAttribute(\"slot\")\n );\n\n if (result.length > 0) {\n slotObj.nodes = result;\n slotExists = true;\n }\n }\n\n // If the slot exists, attach an attribute to the parent to indicate that\n if (slotExists) {\n this.setAttribute(`has_${slot}`, \"\");\n } else {\n this.removeAttribute(`has_${slot}`);\n }\n }\n });\n this.log(\"Slots validated.\");\n }\n\n _queueAction(action) {\n this._queue.push(action);\n }\n\n _processQueue() {\n this._queue.forEach(action => {\n this[`_${action.type}`](action.data);\n });\n\n this._queue = [];\n }\n\n _setProperty({ name, value }) {\n this[name] = value;\n }\n\n // @TODO This is a duplicate function to cssVariable above, combine them\n static var(name, element = document.body) {\n return window\n .getComputedStyle(element)\n .getPropertyValue(name)\n .trim();\n }\n\n var(name) {\n return PFElement.var(name, this);\n }\n\n render() {\n this.shadowRoot.innerHTML = \"\";\n this.template.innerHTML = this.html;\n\n if (window.ShadyCSS) {\n window.ShadyCSS.prepareTemplate(this.template, this.tag);\n }\n\n this.shadowRoot.appendChild(this.template.content.cloneNode(true));\n }\n\n log(...msgs) {\n PFElement.log(`[${this.tag}]`, ...msgs);\n }\n\n emitEvent(\n name,\n { bubbles = true, cancelable = false, composed = false, detail = {} } = {}\n ) {\n this.log(`Custom event: ${name}`);\n this.dispatchEvent(\n new CustomEvent(name, {\n bubbles,\n cancelable,\n composed,\n detail\n })\n );\n }\n}\n\nautoReveal(PFElement.log);\n\nexport default PFElement;\n"],"names":["logger","handleWebComponentsReady","window","document","body","removeAttribute","prefix","PFElement","HTMLElement","[object Object]","pfe","customElements","define","tag","preference","_debugLog","msgs","debugLog","console","log","PfeTypes","Container","Content","Combo","version","observedAttributes","randomId","Math","random","toString","substr","this","_pfeClass","pfeType","getAttribute","value","setAttribute","name","element","style","setProperty","getComputedStyle","getPropertyValue","trim","querySelector","querySelectorAll","children","theme","cssVariable","hasAttribute","context_set","map","child","connected","fallback","pfeClass","type","delayRender","super","props","properties","slots","_queue","template","createElement","attachShadow","mode","_queueAction","data","render","ShadyCSS","styleElement","warn","id","classList","add","_mapSchemaToProperties","_mapSchemaToSlots","length","_processQueue","context_update","attr","oldVal","newVal","cascadingAttributes","cascadeTo","_copyAttribute","to","recipients","shadowRoot","fname","node","Object","keys","forEach","hasPrefix","attrName","prefixed","default","dependency_exists","_hasDependency","options","no_dependencies","dependencies","opts","hasDependency","i","slot_exists","has_slots","attribute_exists","slot","slotObj","slotExists","result","namedSlot","nodes","filter","action","push","var","innerHTML","html","prepareTemplate","appendChild","content","cloneNode","bubbles","cancelable","composed","detail","dispatchEvent","CustomEvent","logFunction","polyfillPresent","WebComponents","polyfillReady","ready","addEventListener","autoReveal"],"mappings":"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"} \ No newline at end of file diff --git a/elements/pfelement/dist/pfelement.umd.js b/elements/pfelement/dist/pfelement.umd.js new file mode 100644 index 0000000000..a05c7057f0 --- /dev/null +++ b/elements/pfelement/dist/pfelement.umd.js @@ -0,0 +1,635 @@ +(function (global, factory) { + typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() : + typeof define === 'function' && define.amd ? define(factory) : + (global.PFElement = factory()); +}(this, (function () { 'use strict'; + + var logger = function logger() { + return null; + }; + + function reveal() { + logger("[reveal] elements ready, revealing the body"); + window.document.body.removeAttribute("unresolved"); + } + + function autoReveal(logFunction) { + logger = logFunction; + // If Web Components are already ready, run the handler right away. If they + // are not yet ready, wait. + // + // see https://github.com/github/webcomponentsjs#webcomponents-loaderjs for + // info about web component readiness events + var polyfillPresent = window.WebComponents; + var polyfillReady = polyfillPresent && window.WebComponents.ready; + + if (!polyfillPresent || polyfillReady) { + handleWebComponentsReady(); + } else { + window.addEventListener("WebComponentsReady", handleWebComponentsReady); + } + } + + function handleWebComponentsReady() { + logger("[reveal] web components ready"); + reveal(); + } + + var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { + return typeof obj; + } : function (obj) { + return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; + }; + + var classCallCheck = function (instance, Constructor) { + if (!(instance instanceof Constructor)) { + throw new TypeError("Cannot call a class as a function"); + } + }; + + var createClass = function () { + function defineProperties(target, props) { + for (var i = 0; i < props.length; i++) { + var descriptor = props[i]; + descriptor.enumerable = descriptor.enumerable || false; + descriptor.configurable = true; + if ("value" in descriptor) descriptor.writable = true; + Object.defineProperty(target, descriptor.key, descriptor); + } + } + + return function (Constructor, protoProps, staticProps) { + if (protoProps) defineProperties(Constructor.prototype, protoProps); + if (staticProps) defineProperties(Constructor, staticProps); + return Constructor; + }; + }(); + + var inherits = function (subClass, superClass) { + if (typeof superClass !== "function" && superClass !== null) { + throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); + } + + subClass.prototype = Object.create(superClass && superClass.prototype, { + constructor: { + value: subClass, + enumerable: false, + writable: true, + configurable: true + } + }); + if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; + }; + + var possibleConstructorReturn = function (self, call) { + if (!self) { + throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); + } + + return call && (typeof call === "object" || typeof call === "function") ? call : self; + }; + + var toConsumableArray = function (arr) { + if (Array.isArray(arr)) { + for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) arr2[i] = arr[i]; + + return arr2; + } else { + return Array.from(arr); + } + }; + + /*! + * PatternFly Elements: PFElement 1.0.0-prerelease.50 + * @license + * Copyright 2020 Red Hat, Inc. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + * + */ + var prefix = "pfe-"; + + var PFElement = function (_HTMLElement) { + inherits(PFElement, _HTMLElement); + createClass(PFElement, [{ + key: "cssVariable", + value: function cssVariable(name, value) { + var element = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : this; + + name = name.substr(0, 2) !== "--" ? "--" + name : name; + if (value) { + element.style.setProperty(name, value); + } + return window.getComputedStyle(element).getPropertyValue(name).trim(); + } + + // Returns a single element assigned to that slot; if multiple, it returns the first + + }, { + key: "has_slot", + value: function has_slot(name) { + return this.querySelector("[slot='" + name + "']"); + } + + // Returns an array with all elements assigned to that slot + + }, { + key: "has_slots", + value: function has_slots(name) { + return [].concat(toConsumableArray(this.querySelectorAll("[slot='" + name + "']"))); + } + + // Update the theme context for self and children + + }, { + key: "context_update", + value: function context_update() { + // TODO: update this to use :defined? + var children = this.querySelectorAll("[pfelement]"); + var theme = this.cssVariable("theme"); + + // Manually adding `pfe-theme` overrides the css variable + if (this.hasAttribute("pfe-theme")) { + theme = this.getAttribute("pfe-theme"); + // Update the css variable to match the data attribute + this.cssVariable("theme", theme); + } + + // Update theme for self + this.context_set(theme); + + // For each nested, already upgraded component + // set the context based on the child's value of --theme + // Note: this prevents contexts from parents overriding + // the child's context should it exist + [].concat(toConsumableArray(children)).map(function (child) { + if (child.connected) { + child.context_set(theme); + } + }); + } + + // Get the theme variable if it exists, set it as an attribute + + }, { + key: "context_set", + value: function context_set(fallback) { + var theme = this.cssVariable("theme"); + if (!theme) { + theme = this.getAttribute("pfe-theme"); + } + if (!theme && fallback) { + theme = fallback; + } + if (theme && this.hasAttribute("pfelement")) { + this.setAttribute("on", theme); + } + } + }, { + key: "randomId", + get: function get$$1() { + return Math.random().toString(36).substr(2, 9); + } + }, { + key: "version", + get: function get$$1() { + return this._pfeClass.version; + } + }, { + key: "pfeType", + get: function get$$1() { + return this.getAttribute(prefix + "type"); + }, + set: function set$$1(value) { + this.setAttribute(prefix + "type", value); + } + }], [{ + key: "create", + value: function create(pfe) { + window.customElements.define(pfe.tag, pfe); + } + }, { + key: "debugLog", + value: function debugLog() { + var preference = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null; + + if (preference !== null) { + PFElement._debugLog = !!preference; + } + return PFElement._debugLog; + } + }, { + key: "log", + value: function log() { + if (PFElement.debugLog()) { + var _console; + + (_console = console).log.apply(_console, arguments); + } + } + }, { + key: "PfeTypes", + get: function get$$1() { + return { + Container: "container", + Content: "content", + Combo: "combo" + }; + } + }, { + key: "version", + get: function get$$1() { + return "{{version}}"; + } + }, { + key: "observedAttributes", + get: function get$$1() { + return ["pfe-theme"]; + } + }]); + + function PFElement(pfeClass) { + var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}, + _ref$type = _ref.type, + type = _ref$type === undefined ? null : _ref$type, + _ref$delayRender = _ref.delayRender, + delayRender = _ref$delayRender === undefined ? false : _ref$delayRender; + + classCallCheck(this, PFElement); + + var _this = possibleConstructorReturn(this, (PFElement.__proto__ || Object.getPrototypeOf(PFElement)).call(this)); + + _this.connected = false; + _this._pfeClass = pfeClass; + _this.tag = pfeClass.tag; + _this.props = pfeClass.properties; + _this.slots = pfeClass.slots; + _this._queue = []; + _this.template = document.createElement("template"); + + _this.log("Constructing..."); + + _this.attachShadow({ mode: "open" }); + + if (type) { + _this._queueAction({ + type: "setProperty", + data: { + name: "pfeType", + value: type + } + }); + } + + if (!delayRender) { + _this.log("Render..."); + _this.render(); + _this.log("Rendered."); + } + + _this.log("Constructed."); + return _this; + } + + createClass(PFElement, [{ + key: "connectedCallback", + value: function connectedCallback() { + this.connected = true; + this.log("Connecting..."); + + if (window.ShadyCSS) { + this.log("Styling..."); + window.ShadyCSS.styleElement(this); + this.log("Styled."); + } + + // Throw a warning if the on attribute was manually added before upgrade + if (!this.hasAttribute("pfelement") && this.hasAttribute("on")) { + console.warn("" + this.tag + (this.id ? "[#" + this.id + "]" : "") + ": The \"on\" attribute is protected and should not be manually added to a component. The base class will manage this value for you on upgrade."); + } + + // @TODO maybe we should use just the attribute instead of the class? + // https://github.com/angular/angular/issues/15399#issuecomment-318785677 + this.classList.add("PFElement"); + this.setAttribute("pfelement", ""); + + if (_typeof(this.props) === "object") { + this._mapSchemaToProperties(this.tag, this.props); + this.log("Properties attached."); + } + + if (_typeof(this.slots) === "object") { + this._mapSchemaToSlots(this.tag, this.slots); + this.log("Slots attached."); + } + + if (this._queue.length) { + this._processQueue(); + } + + // Initialize the on attribute if a theme variable is set + // do not update the on attribute if a user has manually added it + // then trigger an update in nested components + this.context_update(); + + this.log("Connected."); + } + }, { + key: "disconnectedCallback", + value: function disconnectedCallback() { + this.log("Disconnecting..."); + + this.connected = false; + + this.log("Disconnected."); + } + }, { + key: "attributeChangedCallback", + value: function attributeChangedCallback(attr, oldVal, newVal) { + if (!this._pfeClass.cascadingAttributes) { + return; + } + + var cascadeTo = this._pfeClass.cascadingAttributes[attr]; + if (cascadeTo) { + this._copyAttribute(attr, cascadeTo); + } + + if (attr === "pfe-theme") { + this.context_update(); + } + } + }, { + key: "_copyAttribute", + value: function _copyAttribute(name, to) { + var recipients = [].concat(toConsumableArray(this.querySelectorAll(to)), toConsumableArray(this.shadowRoot.querySelectorAll(to))); + var value = this.getAttribute(name); + var fname = value == null ? "removeAttribute" : "setAttribute"; + var _iteratorNormalCompletion = true; + var _didIteratorError = false; + var _iteratorError = undefined; + + try { + for (var _iterator = recipients[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) { + var node = _step.value; + + node[fname](name, value); + } + } catch (err) { + _didIteratorError = true; + _iteratorError = err; + } finally { + try { + if (!_iteratorNormalCompletion && _iterator.return) { + _iterator.return(); + } + } finally { + if (_didIteratorError) { + throw _iteratorError; + } + } + } + } + + // Map the imported properties json to real props on the element + // @notice static getter of properties is built via tooling + // to edit modify src/element.json + + }, { + key: "_mapSchemaToProperties", + value: function _mapSchemaToProperties(tag, properties) { + var _this2 = this; + + this.log("Mapping properties..."); + // Loop over the properties provided by the schema + Object.keys(properties).forEach(function (attr) { + var data = properties[attr]; + + // Only attach the information if the data provided is a schema object + if ((typeof data === "undefined" ? "undefined" : _typeof(data)) === "object") { + // Prefix default is true + var hasPrefix = true; + var attrName = attr; + // Set the attribute's property equal to the schema input + _this2[attr] = data; + // Initialize the value to null + _this2[attr].value = null; + + if (typeof _this2[attr].prefixed !== "undefined") { + hasPrefix = _this2[attr].prefixed; + } + + if (hasPrefix) { + attrName = "" + prefix + attr; + } + + // If the attribute exists on the host + if (_this2.hasAttribute(attrName)) { + // Set property value based on the existing attribute + _this2[attr].value = _this2.getAttribute(attrName); + } + // Otherwise, look for a default and use that instead + else if (data.default) { + var dependency_exists = _this2._hasDependency(tag, data.options); + var no_dependencies = !data.options || data.options && !data.options.dependencies.length; + // If the dependency exists or there are no dependencies, set the default + if (dependency_exists || no_dependencies) { + _this2.setAttribute(attrName, data.default); + _this2[attr].value = data.default; + } + } + } + }); + + this.log("Properties mapped."); + } + + // Test whether expected dependencies exist + + }, { + key: "_hasDependency", + value: function _hasDependency(tag, opts) { + // Get any possible dependencies for this attribute to exist + var dependencies = opts ? opts.dependencies : []; + // Initialize the dependency return value + var hasDependency = false; + // Check that dependent item exists + // Loop through the dependencies defined + for (var i = 0; i < dependencies.length; i += 1) { + var slot_exists = dependencies[i].type === "slot" && this.has_slots(tag + "--" + dependencies[i].id).length > 0; + var attribute_exists = dependencies[i].type === "attribute" && this.getAttribute("" + prefix + dependencies[i].id); + // If the type is slot, check that it exists OR + // if the type is an attribute, check if the attribute is defined + if (slot_exists || attribute_exists) { + // If the slot does exist, add the attribute with the default value + hasDependency = true; + // Exit the loop + break; + } + } + // Return a boolean if the dependency exists + return hasDependency; + } + + // Map the imported slots json + // @notice static getter of properties is built via tooling + // to edit modify src/element.json + + }, { + key: "_mapSchemaToSlots", + value: function _mapSchemaToSlots(tag, slots) { + var _this3 = this; + + this.log("Validate slots..."); + // Loop over the properties provided by the schema + Object.keys(slots).forEach(function (slot) { + var slotObj = slots[slot]; + + // Only attach the information if the data provided is a schema object + if ((typeof slotObj === "undefined" ? "undefined" : _typeof(slotObj)) === "object") { + var slotExists = false; + var result = []; + // If it's a named slot, look for that slot definition + if (slotObj.namedSlot) { + // Check prefixed slots + result = _this3.has_slots(tag + "--" + slot); + if (result.length > 0) { + slotObj.nodes = result; + slotExists = true; + } + + // Check for unprefixed slots + result = _this3.has_slots("" + slot); + if (result.length > 0) { + slotObj.nodes = result; + slotExists = true; + } + // If it's the default slot, look for direct children not assigned to a slot + } else { + result = [].concat(toConsumableArray(_this3.children)).filter(function (child) { + return !child.hasAttribute("slot"); + }); + + if (result.length > 0) { + slotObj.nodes = result; + slotExists = true; + } + } + + // If the slot exists, attach an attribute to the parent to indicate that + if (slotExists) { + _this3.setAttribute("has_" + slot, ""); + } else { + _this3.removeAttribute("has_" + slot); + } + } + }); + this.log("Slots validated."); + } + }, { + key: "_queueAction", + value: function _queueAction(action) { + this._queue.push(action); + } + }, { + key: "_processQueue", + value: function _processQueue() { + var _this4 = this; + + this._queue.forEach(function (action) { + _this4["_" + action.type](action.data); + }); + + this._queue = []; + } + }, { + key: "_setProperty", + value: function _setProperty(_ref2) { + var name = _ref2.name, + value = _ref2.value; + + this[name] = value; + } + + // @TODO This is a duplicate function to cssVariable above, combine them + + }, { + key: "var", + value: function _var(name) { + return PFElement.var(name, this); + } + }, { + key: "render", + value: function render() { + this.shadowRoot.innerHTML = ""; + this.template.innerHTML = this.html; + + if (window.ShadyCSS) { + window.ShadyCSS.prepareTemplate(this.template, this.tag); + } + + this.shadowRoot.appendChild(this.template.content.cloneNode(true)); + } + }, { + key: "log", + value: function log() { + for (var _len = arguments.length, msgs = Array(_len), _key = 0; _key < _len; _key++) { + msgs[_key] = arguments[_key]; + } + + PFElement.log.apply(PFElement, ["[" + this.tag + "]"].concat(msgs)); + } + }, { + key: "emitEvent", + value: function emitEvent(name) { + var _ref3 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}, + _ref3$bubbles = _ref3.bubbles, + bubbles = _ref3$bubbles === undefined ? true : _ref3$bubbles, + _ref3$cancelable = _ref3.cancelable, + cancelable = _ref3$cancelable === undefined ? false : _ref3$cancelable, + _ref3$composed = _ref3.composed, + composed = _ref3$composed === undefined ? false : _ref3$composed, + _ref3$detail = _ref3.detail, + detail = _ref3$detail === undefined ? {} : _ref3$detail; + + this.log("Custom event: " + name); + this.dispatchEvent(new CustomEvent(name, { + bubbles: bubbles, + cancelable: cancelable, + composed: composed, + detail: detail + })); + } + }], [{ + key: "var", + value: function _var(name) { + var element = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : document.body; + + return window.getComputedStyle(element).getPropertyValue(name).trim(); + } + }]); + return PFElement; + }(HTMLElement); + + autoReveal(PFElement.log); + + return PFElement; + +}))); +//# sourceMappingURL=pfelement.umd.js.map diff --git a/elements/pfelement/dist/pfelement.umd.js.map b/elements/pfelement/dist/pfelement.umd.js.map new file mode 100644 index 0000000000..bb7e82f6d6 --- /dev/null +++ b/elements/pfelement/dist/pfelement.umd.js.map @@ -0,0 +1 @@ +{"version":3,"file":"pfelement.umd.js","sources":["../_temp/reveal.js","../_temp/pfelement.umd.js"],"sourcesContent":["let logger = () => null;\n\nexport function reveal() {\n logger(`[reveal] elements ready, revealing the body`);\n window.document.body.removeAttribute(\"unresolved\");\n}\n\nexport function autoReveal(logFunction) {\n logger = logFunction;\n // If Web Components are already ready, run the handler right away. If they\n // are not yet ready, wait.\n //\n // see https://github.com/github/webcomponentsjs#webcomponents-loaderjs for\n // info about web component readiness events\n const polyfillPresent = window.WebComponents;\n const polyfillReady = polyfillPresent && window.WebComponents.ready;\n\n if (!polyfillPresent || polyfillReady) {\n handleWebComponentsReady();\n } else {\n window.addEventListener(\"WebComponentsReady\", handleWebComponentsReady);\n }\n}\n\nfunction handleWebComponentsReady() {\n logger(\"[reveal] web components ready\");\n reveal();\n}\n","/*!\n * PatternFly Elements: PFElement 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\nimport { autoReveal } from \"./reveal.js\";\nconst prefix = \"pfe-\";\n\nclass PFElement extends HTMLElement {\n static create(pfe) {\n window.customElements.define(pfe.tag, pfe);\n }\n\n static debugLog(preference = null) {\n if (preference !== null) {\n PFElement._debugLog = !!preference;\n }\n return PFElement._debugLog;\n }\n\n static log(...msgs) {\n if (PFElement.debugLog()) {\n console.log(...msgs);\n }\n }\n\n static get PfeTypes() {\n return {\n Container: \"container\",\n Content: \"content\",\n Combo: \"combo\"\n };\n }\n\n static get version() {\n return \"{{version}}\";\n }\n\n static get observedAttributes() {\n return [\"pfe-theme\"];\n }\n\n get randomId() {\n return Math.random()\n .toString(36)\n .substr(2, 9);\n }\n\n get version() {\n return this._pfeClass.version;\n }\n\n get pfeType() {\n return this.getAttribute(`${prefix}type`);\n }\n\n set pfeType(value) {\n this.setAttribute(`${prefix}type`, value);\n }\n\n cssVariable(name, value, element = this) {\n name = name.substr(0, 2) !== \"--\" ? \"--\" + name : name;\n if (value) {\n element.style.setProperty(name, value);\n }\n return window\n .getComputedStyle(element)\n .getPropertyValue(name)\n .trim();\n }\n\n // Returns a single element assigned to that slot; if multiple, it returns the first\n has_slot(name) {\n return this.querySelector(`[slot='${name}']`);\n }\n\n // Returns an array with all elements assigned to that slot\n has_slots(name) {\n return [...this.querySelectorAll(`[slot='${name}']`)];\n }\n\n // Update the theme context for self and children\n context_update() {\n // TODO: update this to use :defined?\n const children = this.querySelectorAll(\"[pfelement]\");\n let theme = this.cssVariable(\"theme\");\n\n // Manually adding `pfe-theme` overrides the css variable\n if (this.hasAttribute(\"pfe-theme\")) {\n theme = this.getAttribute(\"pfe-theme\");\n // Update the css variable to match the data attribute\n this.cssVariable(\"theme\", theme);\n }\n\n // Update theme for self\n this.context_set(theme);\n\n // For each nested, already upgraded component\n // set the context based on the child's value of --theme\n // Note: this prevents contexts from parents overriding\n // the child's context should it exist\n [...children].map(child => {\n if (child.connected) {\n child.context_set(theme);\n }\n });\n }\n\n // Get the theme variable if it exists, set it as an attribute\n context_set(fallback) {\n let theme = this.cssVariable(\"theme\");\n if (!theme) {\n theme = this.getAttribute(\"pfe-theme\");\n }\n if (!theme && fallback) {\n theme = fallback;\n }\n if (theme && this.hasAttribute(\"pfelement\")) {\n this.setAttribute(\"on\", theme);\n }\n }\n\n constructor(pfeClass, { type = null, delayRender = false } = {}) {\n super();\n\n this.connected = false;\n this._pfeClass = pfeClass;\n this.tag = pfeClass.tag;\n this.props = pfeClass.properties;\n this.slots = pfeClass.slots;\n this._queue = [];\n this.template = document.createElement(\"template\");\n\n this.log(`Constructing...`);\n\n this.attachShadow({ mode: \"open\" });\n\n if (type) {\n this._queueAction({\n type: \"setProperty\",\n data: {\n name: \"pfeType\",\n value: type\n }\n });\n }\n\n if (!delayRender) {\n this.log(`Render...`);\n this.render();\n this.log(`Rendered.`);\n }\n\n this.log(`Constructed.`);\n }\n\n connectedCallback() {\n this.connected = true;\n this.log(`Connecting...`);\n\n if (window.ShadyCSS) {\n this.log(`Styling...`);\n window.ShadyCSS.styleElement(this);\n this.log(`Styled.`);\n }\n\n // Throw a warning if the on attribute was manually added before upgrade\n if (!this.hasAttribute(\"pfelement\") && this.hasAttribute(\"on\")) {\n console.warn(\n `${this.tag}${\n this.id ? `[#${this.id}]` : ``\n }: The \"on\" attribute is protected and should not be manually added to a component. The base class will manage this value for you on upgrade.`\n );\n }\n\n // @TODO maybe we should use just the attribute instead of the class?\n // https://github.com/angular/angular/issues/15399#issuecomment-318785677\n this.classList.add(\"PFElement\");\n this.setAttribute(\"pfelement\", \"\");\n\n if (typeof this.props === \"object\") {\n this._mapSchemaToProperties(this.tag, this.props);\n this.log(`Properties attached.`);\n }\n\n if (typeof this.slots === \"object\") {\n this._mapSchemaToSlots(this.tag, this.slots);\n this.log(`Slots attached.`);\n }\n\n if (this._queue.length) {\n this._processQueue();\n }\n\n // Initialize the on attribute if a theme variable is set\n // do not update the on attribute if a user has manually added it\n // then trigger an update in nested components\n this.context_update();\n\n this.log(`Connected.`);\n }\n\n disconnectedCallback() {\n this.log(`Disconnecting...`);\n\n this.connected = false;\n\n this.log(`Disconnected.`);\n }\n\n attributeChangedCallback(attr, oldVal, newVal) {\n if (!this._pfeClass.cascadingAttributes) {\n return;\n }\n\n const cascadeTo = this._pfeClass.cascadingAttributes[attr];\n if (cascadeTo) {\n this._copyAttribute(attr, cascadeTo);\n }\n\n if (attr === \"pfe-theme\") {\n this.context_update();\n }\n }\n\n _copyAttribute(name, to) {\n const recipients = [\n ...this.querySelectorAll(to),\n ...this.shadowRoot.querySelectorAll(to)\n ];\n const value = this.getAttribute(name);\n const fname = value == null ? \"removeAttribute\" : \"setAttribute\";\n for (const node of recipients) {\n node[fname](name, value);\n }\n }\n\n // Map the imported properties json to real props on the element\n // @notice static getter of properties is built via tooling\n // to edit modify src/element.json\n _mapSchemaToProperties(tag, properties) {\n this.log(\"Mapping properties...\");\n // Loop over the properties provided by the schema\n Object.keys(properties).forEach(attr => {\n let data = properties[attr];\n\n // Only attach the information if the data provided is a schema object\n if (typeof data === \"object\") {\n // Prefix default is true\n let hasPrefix = true;\n let attrName = attr;\n // Set the attribute's property equal to the schema input\n this[attr] = data;\n // Initialize the value to null\n this[attr].value = null;\n\n if (typeof this[attr].prefixed !== \"undefined\") {\n hasPrefix = this[attr].prefixed;\n }\n\n if (hasPrefix) {\n attrName = `${prefix}${attr}`;\n }\n\n // If the attribute exists on the host\n if (this.hasAttribute(attrName)) {\n // Set property value based on the existing attribute\n this[attr].value = this.getAttribute(attrName);\n }\n // Otherwise, look for a default and use that instead\n else if (data.default) {\n const dependency_exists = this._hasDependency(tag, data.options);\n const no_dependencies =\n !data.options ||\n (data.options && !data.options.dependencies.length);\n // If the dependency exists or there are no dependencies, set the default\n if (dependency_exists || no_dependencies) {\n this.setAttribute(attrName, data.default);\n this[attr].value = data.default;\n }\n }\n }\n });\n\n this.log(\"Properties mapped.\");\n }\n\n // Test whether expected dependencies exist\n _hasDependency(tag, opts) {\n // Get any possible dependencies for this attribute to exist\n let dependencies = opts ? opts.dependencies : [];\n // Initialize the dependency return value\n let hasDependency = false;\n // Check that dependent item exists\n // Loop through the dependencies defined\n for (let i = 0; i < dependencies.length; i += 1) {\n const slot_exists =\n dependencies[i].type === \"slot\" &&\n this.has_slots(`${tag}--${dependencies[i].id}`).length > 0;\n const attribute_exists =\n dependencies[i].type === \"attribute\" &&\n this.getAttribute(`${prefix}${dependencies[i].id}`);\n // If the type is slot, check that it exists OR\n // if the type is an attribute, check if the attribute is defined\n if (slot_exists || attribute_exists) {\n // If the slot does exist, add the attribute with the default value\n hasDependency = true;\n // Exit the loop\n break;\n }\n }\n // Return a boolean if the dependency exists\n return hasDependency;\n }\n\n // Map the imported slots json\n // @notice static getter of properties is built via tooling\n // to edit modify src/element.json\n _mapSchemaToSlots(tag, slots) {\n this.log(\"Validate slots...\");\n // Loop over the properties provided by the schema\n Object.keys(slots).forEach(slot => {\n let slotObj = slots[slot];\n\n // Only attach the information if the data provided is a schema object\n if (typeof slotObj === \"object\") {\n let slotExists = false;\n let result = [];\n // If it's a named slot, look for that slot definition\n if (slotObj.namedSlot) {\n // Check prefixed slots\n result = this.has_slots(`${tag}--${slot}`);\n if (result.length > 0) {\n slotObj.nodes = result;\n slotExists = true;\n }\n\n // Check for unprefixed slots\n result = this.has_slots(`${slot}`);\n if (result.length > 0) {\n slotObj.nodes = result;\n slotExists = true;\n }\n // If it's the default slot, look for direct children not assigned to a slot\n } else {\n result = [...this.children].filter(\n child => !child.hasAttribute(\"slot\")\n );\n\n if (result.length > 0) {\n slotObj.nodes = result;\n slotExists = true;\n }\n }\n\n // If the slot exists, attach an attribute to the parent to indicate that\n if (slotExists) {\n this.setAttribute(`has_${slot}`, \"\");\n } else {\n this.removeAttribute(`has_${slot}`);\n }\n }\n });\n this.log(\"Slots validated.\");\n }\n\n _queueAction(action) {\n this._queue.push(action);\n }\n\n _processQueue() {\n this._queue.forEach(action => {\n this[`_${action.type}`](action.data);\n });\n\n this._queue = [];\n }\n\n _setProperty({ name, value }) {\n this[name] = value;\n }\n\n // @TODO This is a duplicate function to cssVariable above, combine them\n static var(name, element = document.body) {\n return window\n .getComputedStyle(element)\n .getPropertyValue(name)\n .trim();\n }\n\n var(name) {\n return PFElement.var(name, this);\n }\n\n render() {\n this.shadowRoot.innerHTML = \"\";\n this.template.innerHTML = this.html;\n\n if (window.ShadyCSS) {\n window.ShadyCSS.prepareTemplate(this.template, this.tag);\n }\n\n this.shadowRoot.appendChild(this.template.content.cloneNode(true));\n }\n\n log(...msgs) {\n PFElement.log(`[${this.tag}]`, ...msgs);\n }\n\n emitEvent(\n name,\n { bubbles = true, cancelable = false, composed = false, detail = {} } = {}\n ) {\n this.log(`Custom event: ${name}`);\n this.dispatchEvent(\n new CustomEvent(name, {\n bubbles,\n cancelable,\n composed,\n detail\n })\n );\n }\n}\n\nautoReveal(PFElement.log);\n\nexport default PFElement;\n"],"names":["logger","reveal","window","document","body","removeAttribute","autoReveal","logFunction","polyfillPresent","WebComponents","polyfillReady","ready","handleWebComponentsReady","addEventListener","prefix","PFElement","name","value","element","substr","style","setProperty","getComputedStyle","getPropertyValue","trim","querySelector","querySelectorAll","children","theme","cssVariable","hasAttribute","getAttribute","context_set","map","child","connected","fallback","setAttribute","Math","random","toString","_pfeClass","version","pfe","customElements","define","tag","preference","_debugLog","debugLog","log","Container","Content","Combo","pfeClass","type","delayRender","props","properties","slots","_queue","template","createElement","attachShadow","mode","_queueAction","data","render","ShadyCSS","styleElement","console","warn","id","classList","add","babelHelpers.typeof","_mapSchemaToProperties","_mapSchemaToSlots","length","_processQueue","context_update","attr","oldVal","newVal","cascadingAttributes","cascadeTo","_copyAttribute","to","recipients","shadowRoot","fname","node","Object","keys","forEach","hasPrefix","attrName","prefixed","default","dependency_exists","_hasDependency","options","no_dependencies","dependencies","opts","hasDependency","i","slot_exists","has_slots","attribute_exists","slotObj","slot","slotExists","result","namedSlot","nodes","filter","action","push","var","innerHTML","html","prepareTemplate","appendChild","content","cloneNode","msgs","bubbles","cancelable","composed","detail","dispatchEvent","CustomEvent","HTMLElement"],"mappings":"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"} \ No newline at end of file diff --git a/elements/pfelement/dist/pfelement.umd.min.js b/elements/pfelement/dist/pfelement.umd.min.js new file mode 100644 index 0000000000..06b3deb057 --- /dev/null +++ b/elements/pfelement/dist/pfelement.umd.min.js @@ -0,0 +1,2 @@ +!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):e.PFElement=t()}(this,function(){"use strict";var o=function(){return null};function i(){o("[reveal] web components ready"),o("[reveal] elements ready, revealing the body"),window.document.body.removeAttribute("unresolved")}var u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e=function(e,t,n){return t&&r(e.prototype,t),n&&r(e,n),e};function r(e,t){for(var n=0;n null;\n\nexport function reveal() {\n logger(`[reveal] elements ready, revealing the body`);\n window.document.body.removeAttribute(\"unresolved\");\n}\n\nexport function autoReveal(logFunction) {\n logger = logFunction;\n // If Web Components are already ready, run the handler right away. If they\n // are not yet ready, wait.\n //\n // see https://github.com/github/webcomponentsjs#webcomponents-loaderjs for\n // info about web component readiness events\n const polyfillPresent = window.WebComponents;\n const polyfillReady = polyfillPresent && window.WebComponents.ready;\n\n if (!polyfillPresent || polyfillReady) {\n handleWebComponentsReady();\n } else {\n window.addEventListener(\"WebComponentsReady\", handleWebComponentsReady);\n }\n}\n\nfunction handleWebComponentsReady() {\n logger(\"[reveal] web components ready\");\n reveal();\n}\n","/*!\n * PatternFly Elements: PFElement 1.0.0-prerelease.50\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\nimport { autoReveal } from \"./reveal.js\";\nconst prefix = \"pfe-\";\n\nclass PFElement extends HTMLElement {\n static create(pfe) {\n window.customElements.define(pfe.tag, pfe);\n }\n\n static debugLog(preference = null) {\n if (preference !== null) {\n PFElement._debugLog = !!preference;\n }\n return PFElement._debugLog;\n }\n\n static log(...msgs) {\n if (PFElement.debugLog()) {\n console.log(...msgs);\n }\n }\n\n static get PfeTypes() {\n return {\n Container: \"container\",\n Content: \"content\",\n Combo: \"combo\"\n };\n }\n\n static get version() {\n return \"{{version}}\";\n }\n\n static get observedAttributes() {\n return [\"pfe-theme\"];\n }\n\n get randomId() {\n return Math.random()\n .toString(36)\n .substr(2, 9);\n }\n\n get version() {\n return this._pfeClass.version;\n }\n\n get pfeType() {\n return this.getAttribute(`${prefix}type`);\n }\n\n set pfeType(value) {\n this.setAttribute(`${prefix}type`, value);\n }\n\n cssVariable(name, value, element = this) {\n name = name.substr(0, 2) !== \"--\" ? \"--\" + name : name;\n if (value) {\n element.style.setProperty(name, value);\n }\n return window\n .getComputedStyle(element)\n .getPropertyValue(name)\n .trim();\n }\n\n // Returns a single element assigned to that slot; if multiple, it returns the first\n has_slot(name) {\n return this.querySelector(`[slot='${name}']`);\n }\n\n // Returns an array with all elements assigned to that slot\n has_slots(name) {\n return [...this.querySelectorAll(`[slot='${name}']`)];\n }\n\n // Update the theme context for self and children\n context_update() {\n // TODO: update this to use :defined?\n const children = this.querySelectorAll(\"[pfelement]\");\n let theme = this.cssVariable(\"theme\");\n\n // Manually adding `pfe-theme` overrides the css variable\n if (this.hasAttribute(\"pfe-theme\")) {\n theme = this.getAttribute(\"pfe-theme\");\n // Update the css variable to match the data attribute\n this.cssVariable(\"theme\", theme);\n }\n\n // Update theme for self\n this.context_set(theme);\n\n // For each nested, already upgraded component\n // set the context based on the child's value of --theme\n // Note: this prevents contexts from parents overriding\n // the child's context should it exist\n [...children].map(child => {\n if (child.connected) {\n child.context_set(theme);\n }\n });\n }\n\n // Get the theme variable if it exists, set it as an attribute\n context_set(fallback) {\n let theme = this.cssVariable(\"theme\");\n if (!theme) {\n theme = this.getAttribute(\"pfe-theme\");\n }\n if (!theme && fallback) {\n theme = fallback;\n }\n if (theme && this.hasAttribute(\"pfelement\")) {\n this.setAttribute(\"on\", theme);\n }\n }\n\n constructor(pfeClass, { type = null, delayRender = false } = {}) {\n super();\n\n this.connected = false;\n this._pfeClass = pfeClass;\n this.tag = pfeClass.tag;\n this.props = pfeClass.properties;\n this.slots = pfeClass.slots;\n this._queue = [];\n this.template = document.createElement(\"template\");\n\n this.log(`Constructing...`);\n\n this.attachShadow({ mode: \"open\" });\n\n if (type) {\n this._queueAction({\n type: \"setProperty\",\n data: {\n name: \"pfeType\",\n value: type\n }\n });\n }\n\n if (!delayRender) {\n this.log(`Render...`);\n this.render();\n this.log(`Rendered.`);\n }\n\n this.log(`Constructed.`);\n }\n\n connectedCallback() {\n this.connected = true;\n this.log(`Connecting...`);\n\n if (window.ShadyCSS) {\n this.log(`Styling...`);\n window.ShadyCSS.styleElement(this);\n this.log(`Styled.`);\n }\n\n // Throw a warning if the on attribute was manually added before upgrade\n if (!this.hasAttribute(\"pfelement\") && this.hasAttribute(\"on\")) {\n console.warn(\n `${this.tag}${\n this.id ? `[#${this.id}]` : ``\n }: The \"on\" attribute is protected and should not be manually added to a component. The base class will manage this value for you on upgrade.`\n );\n }\n\n // @TODO maybe we should use just the attribute instead of the class?\n // https://github.com/angular/angular/issues/15399#issuecomment-318785677\n this.classList.add(\"PFElement\");\n this.setAttribute(\"pfelement\", \"\");\n\n if (typeof this.props === \"object\") {\n this._mapSchemaToProperties(this.tag, this.props);\n this.log(`Properties attached.`);\n }\n\n if (typeof this.slots === \"object\") {\n this._mapSchemaToSlots(this.tag, this.slots);\n this.log(`Slots attached.`);\n }\n\n if (this._queue.length) {\n this._processQueue();\n }\n\n // Initialize the on attribute if a theme variable is set\n // do not update the on attribute if a user has manually added it\n // then trigger an update in nested components\n this.context_update();\n\n this.log(`Connected.`);\n }\n\n disconnectedCallback() {\n this.log(`Disconnecting...`);\n\n this.connected = false;\n\n this.log(`Disconnected.`);\n }\n\n attributeChangedCallback(attr, oldVal, newVal) {\n if (!this._pfeClass.cascadingAttributes) {\n return;\n }\n\n const cascadeTo = this._pfeClass.cascadingAttributes[attr];\n if (cascadeTo) {\n this._copyAttribute(attr, cascadeTo);\n }\n\n if (attr === \"pfe-theme\") {\n this.context_update();\n }\n }\n\n _copyAttribute(name, to) {\n const recipients = [\n ...this.querySelectorAll(to),\n ...this.shadowRoot.querySelectorAll(to)\n ];\n const value = this.getAttribute(name);\n const fname = value == null ? \"removeAttribute\" : \"setAttribute\";\n for (const node of recipients) {\n node[fname](name, value);\n }\n }\n\n // Map the imported properties json to real props on the element\n // @notice static getter of properties is built via tooling\n // to edit modify src/element.json\n _mapSchemaToProperties(tag, properties) {\n this.log(\"Mapping properties...\");\n // Loop over the properties provided by the schema\n Object.keys(properties).forEach(attr => {\n let data = properties[attr];\n\n // Only attach the information if the data provided is a schema object\n if (typeof data === \"object\") {\n // Prefix default is true\n let hasPrefix = true;\n let attrName = attr;\n // Set the attribute's property equal to the schema input\n this[attr] = data;\n // Initialize the value to null\n this[attr].value = null;\n\n if (typeof this[attr].prefixed !== \"undefined\") {\n hasPrefix = this[attr].prefixed;\n }\n\n if (hasPrefix) {\n attrName = `${prefix}${attr}`;\n }\n\n // If the attribute exists on the host\n if (this.hasAttribute(attrName)) {\n // Set property value based on the existing attribute\n this[attr].value = this.getAttribute(attrName);\n }\n // Otherwise, look for a default and use that instead\n else if (data.default) {\n const dependency_exists = this._hasDependency(tag, data.options);\n const no_dependencies =\n !data.options ||\n (data.options && !data.options.dependencies.length);\n // If the dependency exists or there are no dependencies, set the default\n if (dependency_exists || no_dependencies) {\n this.setAttribute(attrName, data.default);\n this[attr].value = data.default;\n }\n }\n }\n });\n\n this.log(\"Properties mapped.\");\n }\n\n // Test whether expected dependencies exist\n _hasDependency(tag, opts) {\n // Get any possible dependencies for this attribute to exist\n let dependencies = opts ? opts.dependencies : [];\n // Initialize the dependency return value\n let hasDependency = false;\n // Check that dependent item exists\n // Loop through the dependencies defined\n for (let i = 0; i < dependencies.length; i += 1) {\n const slot_exists =\n dependencies[i].type === \"slot\" &&\n this.has_slots(`${tag}--${dependencies[i].id}`).length > 0;\n const attribute_exists =\n dependencies[i].type === \"attribute\" &&\n this.getAttribute(`${prefix}${dependencies[i].id}`);\n // If the type is slot, check that it exists OR\n // if the type is an attribute, check if the attribute is defined\n if (slot_exists || attribute_exists) {\n // If the slot does exist, add the attribute with the default value\n hasDependency = true;\n // Exit the loop\n break;\n }\n }\n // Return a boolean if the dependency exists\n return hasDependency;\n }\n\n // Map the imported slots json\n // @notice static getter of properties is built via tooling\n // to edit modify src/element.json\n _mapSchemaToSlots(tag, slots) {\n this.log(\"Validate slots...\");\n // Loop over the properties provided by the schema\n Object.keys(slots).forEach(slot => {\n let slotObj = slots[slot];\n\n // Only attach the information if the data provided is a schema object\n if (typeof slotObj === \"object\") {\n let slotExists = false;\n let result = [];\n // If it's a named slot, look for that slot definition\n if (slotObj.namedSlot) {\n // Check prefixed slots\n result = this.has_slots(`${tag}--${slot}`);\n if (result.length > 0) {\n slotObj.nodes = result;\n slotExists = true;\n }\n\n // Check for unprefixed slots\n result = this.has_slots(`${slot}`);\n if (result.length > 0) {\n slotObj.nodes = result;\n slotExists = true;\n }\n // If it's the default slot, look for direct children not assigned to a slot\n } else {\n result = [...this.children].filter(\n child => !child.hasAttribute(\"slot\")\n );\n\n if (result.length > 0) {\n slotObj.nodes = result;\n slotExists = true;\n }\n }\n\n // If the slot exists, attach an attribute to the parent to indicate that\n if (slotExists) {\n this.setAttribute(`has_${slot}`, \"\");\n } else {\n this.removeAttribute(`has_${slot}`);\n }\n }\n });\n this.log(\"Slots validated.\");\n }\n\n _queueAction(action) {\n this._queue.push(action);\n }\n\n _processQueue() {\n this._queue.forEach(action => {\n this[`_${action.type}`](action.data);\n });\n\n this._queue = [];\n }\n\n _setProperty({ name, value }) {\n this[name] = value;\n }\n\n // @TODO This is a duplicate function to cssVariable above, combine them\n static var(name, element = document.body) {\n return window\n .getComputedStyle(element)\n .getPropertyValue(name)\n .trim();\n }\n\n var(name) {\n return PFElement.var(name, this);\n }\n\n render() {\n this.shadowRoot.innerHTML = \"\";\n this.template.innerHTML = this.html;\n\n if (window.ShadyCSS) {\n window.ShadyCSS.prepareTemplate(this.template, this.tag);\n }\n\n this.shadowRoot.appendChild(this.template.content.cloneNode(true));\n }\n\n log(...msgs) {\n PFElement.log(`[${this.tag}]`, ...msgs);\n }\n\n emitEvent(\n name,\n { bubbles = true, cancelable = false, composed = false, detail = {} } = {}\n ) {\n this.log(`Custom event: ${name}`);\n this.dispatchEvent(\n new CustomEvent(name, {\n bubbles,\n cancelable,\n composed,\n detail\n })\n );\n }\n}\n\nautoReveal(PFElement.log);\n\nexport default PFElement;\n"],"names":["logger","handleWebComponentsReady","document","body","removeAttribute","prefix","PFElement","HTMLElement","name","value","element","this","substr","style","setProperty","window","getComputedStyle","getPropertyValue","trim","querySelector","querySelectorAll","children","theme","cssVariable","hasAttribute","getAttribute","context_set","map","child","connected","fallback","setAttribute","Math","random","toString","_pfeClass","version","pfe","customElements","define","tag","preference","_debugLog","debugLog","log","ShadyCSS","styleElement","warn","id","classList","add","babelHelpers.typeof","props","_mapSchemaToProperties","slots","_mapSchemaToSlots","_queue","length","_processQueue","context_update","attr","oldVal","newVal","cascadingAttributes","cascadeTo","_copyAttribute","to","recipients","shadowRoot","fname","properties","keys","forEach","data","hasPrefix","attrName","_this2","prefixed","default","dependency_exists","_hasDependency","options","no_dependencies","dependencies","opts","hasDependency","i","slot_exists","type","has_slots","attribute_exists","slotObj","slot","slotExists","result","namedSlot","_this3","nodes","filter","action","push","var","innerHTML","template","html","prepareTemplate","appendChild","content","cloneNode","msgs","bubbles","cancelable","composed","detail","dispatchEvent","CustomEvent","pfeClass","delayRender","createElement","attachShadow","mode","_queueAction","render","logFunction","polyfillPresent","WebComponents","polyfillReady","ready","addEventListener","autoReveal"],"mappings":"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"} \ No newline at end of file diff --git a/elements/pfelement/package-lock.json b/elements/pfelement/package-lock.json index c5397527c7..36bfdf81f0 100644 --- a/elements/pfelement/package-lock.json +++ b/elements/pfelement/package-lock.json @@ -1,5 +1,5 @@ { "name": "@patternfly/pfelement", - "version": "1.0.0-prerelease.49", + "version": "1.0.0-prerelease.50", "lockfileVersion": 1 } diff --git a/elements/pfelement/package.json b/elements/pfelement/package.json index 16500363b5..069a9147b7 100644 --- a/elements/pfelement/package.json +++ b/elements/pfelement/package.json @@ -8,7 +8,7 @@ "pfelement.*css.map" ] }, - "version": "1.0.0-prerelease.49", + "version": "1.0.0-prerelease.50", "publishConfig": { "access": "public" }, diff --git a/lerna.json b/lerna.json index dc26636478..f6da352381 100644 --- a/lerna.json +++ b/lerna.json @@ -1,6 +1,6 @@ { "lerna": "2.5.1", "packages": ["elements/*"], - "version": "1.0.0-prerelease.49", + "version": "1.0.0-prerelease.50", "ignoreChanges": ["elements/*/dist/**/*"] } diff --git a/package-lock.json b/package-lock.json index c80f65e91e..9184cb0f9c 100644 --- a/package-lock.json +++ b/package-lock.json @@ -6151,6 +6151,16 @@ "integrity": "sha512-Wg1bImVQ8RPGutT+ySqWRDEhvSVmsvouBQiGq9NejQW33mYbttoC+lVTDR45U/ZbqegwpJT4+1UVOseNaWxvSQ==", "dev": true }, + "@patternfly/pfe-sass": { + "version": "1.0.0-prerelease.40", + "resolved": "https://registry.npmjs.org/@patternfly/pfe-sass/-/pfe-sass-1.0.0-prerelease.40.tgz", + "integrity": "sha512-TV+/ve5nzV7xd6bECP5HRry5ZgkSdZNOJ3U/DAKUia85gkwE+mC9w5E8rQc3VL8C9Y5yCAYsy0kiaEguiODIrQ==" + }, + "@patternfly/pfelement": { + "version": "1.0.0-prerelease.39", + "resolved": "https://registry.npmjs.org/@patternfly/pfelement/-/pfelement-1.0.0-prerelease.39.tgz", + "integrity": "sha512-bsgp9eyTrd4oZFuAuwdy2fZS9nPhiuXUkqbh9u9yFAMKaKoGeKCCYRoitMm0lEOH9/FF1BiNsHNN6qUrNJs8eQ==" + }, "@polymer/esm-amd-loader": { "version": "1.0.4", "resolved": "https://registry.npmjs.org/@polymer/esm-amd-loader/-/esm-amd-loader-1.0.4.tgz", @@ -26066,6 +26076,11 @@ "unquote": "^1.1.0" } }, + "marked": { + "version": "0.6.3", + "resolved": "https://registry.npmjs.org/marked/-/marked-0.6.3.tgz", + "integrity": "sha512-Fqa7eq+UaxfMriqzYLayfqAE40WN03jf+zHjT18/uXNuzjq3TY0XTbrAoPeqSJrAmPz11VuUA+kBPYOhHt9oOQ==" + }, "matchdep": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/matchdep/-/matchdep-2.0.0.tgz", @@ -28786,6 +28801,11 @@ "integrity": "sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0=", "dev": true }, + "numeral": { + "version": "2.0.6", + "resolved": "https://registry.npmjs.org/numeral/-/numeral-2.0.6.tgz", + "integrity": "sha1-StCAk21EPCVhrtnyGX7//iX05QY=" + }, "nwsapi": { "version": "2.2.0", "resolved": "https://registry.npmjs.org/nwsapi/-/nwsapi-2.2.0.tgz",