first commit

2024-09-30 18:11:26 -04:00
commit e592ca6823
27270 changed files with 5002257 additions and 0 deletions
@@ -0,0 +1,10 @@
+.anchorjs-link {
+    font-weight: 400;
+    color: rgba($link-color, .5);
+    @include transition(color .15s ease-in-out);
+
+    &:hover {
+        color: $link-color;
+        text-decoration: none;
+    }
+}
@@ -0,0 +1,49 @@
+//
+// Callouts
+//
+
+.bd-callout {
+    padding: 1.25rem;
+    margin-top: 1.25rem;
+    margin-bottom: 1.25rem;
+    border: 1px solid $gray-200;
+    border-left-width: .25rem;
+    @include border-radius();
+
+    h4 {
+        margin-bottom: .25rem;
+    }
+
+    p:last-child {
+        margin-bottom: 0;
+    }
+
+    code {
+        @include border-radius();
+    }
+
+    + .bd-callout {
+        margin-top: -.25rem;
+    }
+}
+
+// Variations
+@mixin bs-callout-variant($color) {
+    border-left-color: $color;
+
+    h4 {
+        color: $color;
+    }
+}
+
+.bd-callout-info {
+    @include bs-callout-variant($bd-info);
+}
+
+.bd-callout-warning {
+    @include bs-callout-variant($bd-warning);
+}
+
+.bd-callout-danger {
+    @include bs-callout-variant($bd-danger);
+}
@@ -0,0 +1,36 @@
+// clipboard.js
+//
+// JS-based `Copy` buttons for code snippets.
+
+.bd-clipboard {
+    position: relative;
+    display: none;
+    float: right;
+
+    + .highlight {
+        margin-top: 0;
+    }
+
+    @include media-breakpoint-up(md) {
+        display: block;
+    }
+}
+
+.btn-clipboard {
+    position: absolute;
+    top: .5rem;
+    right: .5rem;
+    z-index: 10;
+    display: block;
+    padding: .25rem .5rem;
+    @include font-size(.75em);
+    color: $gray-800;
+    background-color: transparent;
+    border: 0;
+    @include border-radius();
+
+    &:hover {
+        color: $white;
+        background-color: $primary;
+    }
+}
@@ -0,0 +1,17 @@
+//
+// Docs color palette classes
+//
+
+@each $color, $value in $colors {
+    .swatch-#{$color} {
+        color: color-yiq($value);
+        background-color: #{$value};
+    }
+}
+
+@each $color, $value in $grays {
+    .swatch-#{$color} {
+        color: color-yiq($value);
+        background-color: #{$value};
+    }
+}
@@ -0,0 +1,273 @@
+// stylelint-disable no-duplicate-selectors
+
+//
+// Grid examples
+//
+
+.bd-example-row {
+    .row {
+
+        > .col,
+        > [class^="col-"] {
+            padding-top: .75rem;
+            padding-bottom: .75rem;
+            background-color: rgba(86, 61, 124, .15);
+            border: 1px solid rgba(86, 61, 124, .2);
+        }
+    }
+
+    .row + .row {
+        margin-top: 1rem;
+    }
+}
+
+.bd-example-row-flex-cols .row {
+    min-height: 10rem;
+    background-color: rgba(255, 0, 0, .1);
+}
+
+.bd-highlight {
+    background-color: rgba($bd-purple, .15);
+    border: 1px solid rgba($bd-purple, .15);
+}
+
+.bd-example-responsive-containers {
+    [class^="container"] {
+        padding-top: .75rem;
+        padding-bottom: .75rem;
+        background-color: rgba(86, 61, 124, .15);
+        border: 1px solid rgba(86, 61, 124, .2);
+    }
+}
+
+// Grid mixins
+.example-container {
+    width: 800px;
+    @include make-container();
+}
+
+.example-row {
+    @include make-row();
+}
+
+.example-content-main {
+    @include make-col-ready();
+
+    @include media-breakpoint-up(sm) {
+        @include make-col(6);
+    }
+
+    @include media-breakpoint-up(lg) {
+        @include make-col(8);
+    }
+}
+
+.example-content-secondary {
+    @include make-col-ready();
+
+    @include media-breakpoint-up(sm) {
+        @include make-col(6);
+    }
+
+    @include media-breakpoint-up(lg) {
+        @include make-col(4);
+    }
+}
+
+
+//
+// Docs examples
+//
+
+.bd-example {
+    position: relative;
+    padding: 1rem;
+    margin: 1rem (-$grid-gutter-width * 0.5) 0;
+    border: solid $gray-100;
+    border-width: .2rem 0 0;
+    @include clearfix();
+
+    @include media-breakpoint-up(sm) {
+        padding: 1.5rem;
+        margin-right: 0;
+        margin-left: 0;
+        border-width: .2rem;
+    }
+
+    + .highlight,
+    + .clipboard + .highlight {
+        margin-top: 0;
+    }
+
+    + p {
+        margin-top: 2rem;
+    }
+
+    > .form-control {
+        + .form-control {
+            margin-top: .5rem;
+        }
+    }
+
+    > .nav + .nav,
+    > .alert + .alert,
+    > .navbar + .navbar,
+    > .progress + .progress {
+        margin-top: 1rem;
+    }
+
+    > .dropdown-menu {
+        position: static;
+        display: block;
+    }
+}
+
+// Images
+.bd-example {
+
+    > svg + svg,
+    > img + img {
+        margin-left: .5rem;
+    }
+}
+
+// Buttons
+.bd-example {
+
+    > .btn,
+    > .btn-group {
+        margin-top: .25rem;
+        margin-bottom: .25rem;
+    }
+
+    > .btn-toolbar + .btn-toolbar {
+        margin-top: .5rem;
+    }
+}
+
+// List groups
+.bd-example > .list-group {
+    max-width: 400px;
+}
+
+.bd-example > [class*="list-group-horizontal"] {
+    max-width: 100%;
+}
+
+// Navbars
+.bd-example {
+
+    .fixed-top,
+    .sticky-top {
+        position: static;
+        margin: -1rem -1rem 1rem;
+    }
+
+    .fixed-bottom {
+        position: static;
+        margin: 1rem -1rem -1rem;
+    }
+
+    @include media-breakpoint-up(sm) {
+
+        .fixed-top,
+        .sticky-top {
+            margin: -1.5rem -1.5rem 1rem;
+        }
+
+        .fixed-bottom {
+            margin: 1rem -1.5rem -1.5rem;
+        }
+    }
+}
+
+// Pagination
+.bd-example .pagination {
+    margin-top: .5rem;
+    margin-bottom: .5rem;
+}
+
+.bd-example-modal {
+    background-color: #fafafa;
+
+    .modal {
+        position: static;
+        display: block;
+    }
+}
+
+// Tooltips
+.tooltip-demo a {
+    white-space: nowrap;
+}
+
+// Scrollspy demo on fixed height div
+.scrollspy-example {
+    position: relative;
+    height: 200px;
+    margin-top: .5rem;
+    overflow: auto;
+}
+
+.scrollspy-example-2 {
+    position: relative;
+    height: 350px;
+    overflow: auto;
+}
+
+.bd-example-border-utils {
+    [class^="border"] {
+        display: inline-block;
+        width: 5rem;
+        height: 5rem;
+        margin: .25rem;
+        background-color: #f5f5f5;
+    }
+}
+
+.bd-example-border-utils-0 {
+    [class^="border"] {
+        border: 1px solid $border-color;
+    }
+}
+
+//
+// Code snippets
+//
+
+.highlight {
+    padding: 1rem;
+    margin-top: 1rem;
+    margin-bottom: 1rem;
+    background-color: $gray-100;
+    -ms-overflow-style: -ms-autohiding-scrollbar;
+
+    @include media-breakpoint-up(sm) {
+        padding: 1.5rem;
+    }
+}
+
+.bd-content .highlight {
+    margin-right: (-$grid-gutter-width * 0.5);
+    margin-left: (-$grid-gutter-width * 0.5);
+
+    @include media-breakpoint-up(sm) {
+        margin-right: 0;
+        margin-left: 0;
+    }
+}
+
+.highlight {
+    pre {
+        padding: 0;
+        margin-top: 0;
+        margin-bottom: 0;
+        background-color: transparent;
+        border: 0;
+    }
+
+    pre code {
+        @include font-size(inherit);
+        color: $gray-900; // Effectively the base text color
+    }
+}
@@ -0,0 +1,23 @@
+.path-admin-tool-componentlibrary {
+    #page.drawers {
+        padding-left: 0;
+        padding-right: 0;
+        .main-inner {
+            margin: 0;
+            padding: 0;
+            border-radius: 0;
+        }
+        div[role="main"] {
+            padding: 0;
+        }
+    }
+    #page-header,
+    #maincontent,
+    .secondarynavigation {
+        display: none;
+    }
+    #region-main {
+        padding: 0;
+        border: 0;
+    }
+}
@@ -0,0 +1,94 @@
+// stylelint-disable
+//
+// Automatically style Markdown-based tables like a Bootstrap `.table`.
+//
+
+.bd-content {
+
+    // Hack the sticky header
+    >h2[id],
+    >h3[id],
+    >h4[id] {
+        pointer-events: none;
+
+        &::before {
+            display: block;
+            height: 6rem;
+            margin-top: -6rem;
+            content: "";
+        }
+    }
+
+    // Override Bootstrap defaults
+    >.table {
+        max-width: 100%;
+        margin-bottom: 1.5rem;
+
+        @include media-breakpoint-down(md) {
+            display: block;
+            overflow-x: auto;
+
+            &.table-bordered {
+                border: 0;
+            }
+        }
+
+        th,
+        td {
+            &:first-child {
+                padding-left: 0;
+            }
+
+            &:not(:last-child) {
+                padding-right: 1.5rem;
+            }
+        }
+
+        // Prevent breaking of code (e.g., Grunt tasks list)
+        td:first-child>code {
+            white-space: nowrap;
+        }
+    }
+}
+
+.bd-content-title {
+    display: block;
+    pointer-events: auto;
+}
+
+//
+// Docs sections
+//
+
+.bd-content {
+    >h2:not(:first-child) {
+        margin-top: 3rem;
+    }
+
+    >h3 {
+        margin-top: 1.5rem;
+    }
+
+    >ul li,
+    >ol li {
+        margin-bottom: .25rem;
+    }
+}
+
+.bd-title {
+    margin-bottom: .5rem;
+    @include font-size(3rem);
+}
+
+.bd-lead {
+    @include font-size(1.5rem);
+    font-weight: 300;
+}
+
+.bd-text-purple {
+    color: $bd-purple;
+}
+
+.bd-text-purple-bright {
+    color: $bd-purple-bright;
+}
@@ -0,0 +1,35 @@
+//
+// Footer
+//
+
+.bd-footer {
+    @include font-size(.875rem);
+    color: #63707c;
+
+    a {
+        font-weight: 600;
+        color: $gray-700;
+
+        &:hover,
+        &:focus {
+            color: $link-color;
+        }
+    }
+
+    p {
+        margin-bottom: 0;
+    }
+}
+
+.bd-footer-links {
+    padding-left: 0;
+    margin-bottom: 1rem;
+
+    li {
+        display: inline-block;
+
+        + li {
+            margin-left: 1rem;
+        }
+    }
+}
@@ -0,0 +1,15 @@
+//
+// Placeholder svg used in the docs.
+//
+
+// Remember to update `site/_layouts/examples.html` too if this changes!
+
+.bd-placeholder-img {
+    @include font-size(1.125rem);
+    text-anchor: middle;
+    user-select: none;
+}
+
+.bd-placeholder-img-lg {
+    @include font-size(3.5rem);
+}
@@ -0,0 +1,104 @@
+// stylelint-disable declaration-no-important
+$navbar-height: 50px;
+
+.sidebar {
+    line-height: 1.8;
+    font-size: 90%;
+}
+
+@include media-breakpoint-up(sm) {
+    .sidebar {
+        border-right: 1px solid $border-color;
+        border-bottom: 1px solid $border-color;
+    }
+}
+
+.sidebar .dropdown-menu .dropdown-item {
+    white-space: normal;
+    text-transform: capitalize;
+}
+
+.docs-sidebar ul {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+}
+
+.docs-sidebar > ul {
+    padding: 0 2px;
+}
+
+.docs-sidebar a {
+    position: relative;
+    display: flex;
+    align-items: center;
+    color: $body-color;
+    text-decoration: none;
+    padding: .3rem 0.5rem;
+    border-top: solid 1px $border-color;
+    &.dropdown-toggle::after {
+        margin-left: auto;
+        font-size: 14px;
+        color: $gray-400;
+    }
+}
+
+.docs-sidebar a:hover {
+    background-color: $gray-200;
+}
+
+.docs-sidebar > ul > li li a {
+    padding-left: 1rem;
+    border-top: solid 1px transparent;
+}
+
+.docs-sidebar > ul ul > li li a {
+    padding-left: 2rem;
+    border-top: solid 1px transparent;
+}
+
+@media screen and (max-width: 480px) {
+    .docs-sidebar > ul > li:last-child a {
+        border-bottom: solid 1px $border-color;
+    }
+}
+
+.docs-sidebar .active > a {
+    background: $border-color;
+    font-weight: bold;
+}
+
+.docs-sidebar .slide-menu .has-sub-menu:not(.parent) ul {
+    display: none;
+}
+
+.secondnav {
+    z-index: 0;
+    position: fixed;
+    width: 100%;
+    height: calc(100vh - #{$navbar-height});
+    top: $navbar-height;
+    overflow-y: auto;
+}
+
+#TableOfContents > ul {
+    font-size: 90%;
+    padding-left: 0;
+    padding-top: 1rem;
+    border-left: 1px solid $border-color;
+    ul {
+        padding-left: 1rem;
+    }
+    li {
+        display: block;
+        a {
+            display: block;
+            padding: .125rem 1.5rem;
+            color: $body-color;
+            &:hover {
+                color: $primary;
+                text-decoration: none;
+            }
+        }
+    }
+}
@@ -0,0 +1,17 @@
+.skippy {
+    display: block;
+    padding: 1em;
+    color: $white;
+    text-align: center;
+    background-color: $bd-purple;
+    outline: 0;
+
+    &:hover {
+        color: $white;
+    }
+}
+
+.skippy-text {
+    padding: .5em;
+    outline: 1px dotted;
+}
@@ -0,0 +1,94 @@
+// stylelint-disable
+
+/* NEW Background .chroma { background-color: #f0f0f0; } */
+/* NEW Error .chroma .err { } */
+/* NEW LineTableTD .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; } */
+/* NEW LineTable .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; width: auto; overflow: auto; display: block; } */
+/* NEW LineHighlight .chroma .hl { display: block; width: 100%; background-color: #ffffcc; } */
+/* NEW LineNumbersTable .chroma .lnt { margin-right: .4em; padding: 0 .4em; } */
+/* NEW LineNumbers .chroma .ln { margin-right: .4em; padding: 0 .4em; } */
+
+/* LiteralStringDelimiter */ .chroma .dl { color: #4070a0; } /* NEW */
+/* Comment */ .chroma .c { color: #727272; }
+/* CommentMultiline */ .chroma .c1 { color: #727272; }
+/* CommentHashbang */ .chroma .ch { font-style: italic; color: #60a0b0; } /* NEW */
+/* CommentMultiline */ .chroma .cm { color: #727272; }
+/* CommentPreproc */ .chroma .cp { color: #008085; }
+/* CommentPreprocFile */ .chroma .cpf { color: #007020; } /* NEW */
+/* CommentSpecial */ .chroma .cs { color: #727272; }
+/* GenericDeleted */ .chroma .gd { background-color: #fcc; border: 1px solid #c00; }
+/* GenericEmph */ .chroma .ge { font-style: italic; }
+/* GenericHeading */ .chroma .gh { color: #030; }
+/* GenericInserted */ .chroma .gi { background-color: #cfc; border: 1px solid #0c0; }
+/* GenericUnderline */ .chroma .gl { text-decoration: underline; } /* NEW */
+/* GenericOutput */ .chroma .go { color: #aaa; }
+/* GenericPrompt */ .chroma .gp { color: #009; }
+/* GenericError */ .chroma .gr { color: #f00; }
+/* GenericStrong */ .chroma .gs { font-weight: 700; } /* NEW */
+/* GenericTraceback */ .chroma .gt { color: #9c6; }
+/* GenericSubheading */ .chroma .gu { color: #030; }
+/* LiteralNumberIntegerLong */ .chroma .il { color: #c24f19; }
+/* Keyword */ .chroma .k { color: #069; }
+/* KeywordConstant */ .chroma .kc { color: #069; }
+/* KeywordDeclaration */ .chroma .kd { color: #069; }
+/* KeywordNamespace */ .chroma .kn { color: #069; }
+/* KeywordPseudo */ .chroma .kp { color: #069; }
+/* KeywordReserved */ .chroma .kr { color: #069; }
+/* KeywordType */ .chroma .kt { color: #078; }
+/* LiteralNumber */ .chroma .m { color: #c24f19; }
+/* LiteralNumberFloat */ .chroma .mf { color: #c24f19; }
+/* LiteralNumberBin */ .chroma .mb { color: #40a070; } /* NEW */
+/* LiteralNumberHex */ .chroma .mh { color: #c24f19; }
+/* LiteralNumberInteger */ .chroma .mi { color: #c24f19; }
+/* LiteralNumberOct */ .chroma .mo { color: #c24f19; }
+/* NameAttribute */ .chroma .na { color: #006ee0; }
+/* NameBuiltin */ .chroma .nb { color: #366; }
+/* NameClass */ .chroma .nc { color: #168174; }
+/* NameDecorator */ .chroma .nd { color: #6b62de; }
+/* NameException */ .chroma .ne { color: #c00; }
+/* NameFunction */ .chroma .nf { color: #b715f4; }
+/* NameEntity */ .chroma .ni { color: #727272; }
+/* NameLabel */ .chroma .nl { color: #6b62de; }
+/* NameNamespace */ .chroma .nn { color: #007ca5; }
+/* NameConstant */ .chroma .no { color: #360; }
+/* NameTag */ .chroma .nt { color: #2f6f9f; }
+/* NameVariable */ .chroma .nv { color: #033; }
+/* Operator */ .chroma .o { color: #555; }
+/* OperatorWord */ .chroma .ow { color: #000; }
+/* LiteralString */ .chroma .s { color: #d73038; }
+/* LiteralStringSingle */ .chroma .s1 { color: #c30; }
+/* LiteralStringDouble */ .chroma .s2 { color: #c30; }
+/* LiteralStringAffix */ .chroma .sa { color: #4070a0; } /* NEW */
+/* LiteralStringBacktick */ .chroma .sb { color: #c30; }
+/* LiteralStringChar */ .chroma .sc { color: #c30; }
+/* LiteralStringDoc */ .chroma .sd { font-style: italic; color: #c30; }
+/* LiteralStringEscape */ .chroma .se { color: #c30; }
+/* LiteralStringHeredoc */ .chroma .sh { color: #c30; }
+/* LiteralStringInterpol */ .chroma .si { color: #a00; }
+/* LiteralStringRegex */ .chroma .sr { color: #337e7e; }
+/* LiteralStringSymbol */ .chroma .ss { color: #fc3; }
+/* LiteralStringOther */ .chroma .sx { color: #c30; }
+/* TextWhitespace */ .chroma .w { color: #bbb; }
+
+.chroma {
+  .language-bash,
+  .language-sh {
+    &::before {
+      color: #009;
+      content: "$ ";
+      user-select: none;
+    }
+
+    // This is just to work around a Chroma bug;
+    // should be removed when fixed upstream
+    .m {
+      color: inherit;
+    }
+  }
+
+  .language-powershell::before {
+    color: #009;
+    content: "PM> ";
+    user-select: none;
+  }
+}
@@ -0,0 +1,25 @@
+// stylelint-disable selector-max-type, selector-max-combinators, selector-max-compound-selectors
+
+.bd-toc nav {
+    padding-top: .125em;
+    padding-bottom: .125em;
+    border-left: .25em solid $gray-200;
+
+    > ul {
+        padding-left: .5rem;
+        margin-bottom: 0;
+    }
+
+    > ul > li {
+        display: block;
+    }
+
+    li ul li {
+        margin-bottom: .25rem;
+        list-style-type: disc;
+    }
+
+    a code {
+        font: inherit;
+    }
+}
@@ -0,0 +1,11 @@
+// stylelint-disable scss/dollar-variable-default
+
+// Local docs variables
+$bd-purple:        #563d7c;
+$bd-purple-bright: lighten(saturate($bd-purple, 5%), 15%);
+$bd-purple-light:  lighten(saturate($bd-purple, 5%), 45%);
+$bd-dark:          #2a2730;
+$bd-download:      #ffe484;
+$bd-info:          #5bc0de;
+$bd-warning:       #f0ad4e;
+$bd-danger:        #d9534f;
@@ -0,0 +1,33 @@
+/*!
+ * Bootstrap Docs (https://getbootstrap.com/)
+ * Copyright 2011-2020 The Bootstrap Authors
+ * Copyright 2011-2020 Twitter, Inc.
+ * Licensed under the Creative Commons Attribution 3.0 Unported License.
+ * For details, see https://creativecommons.org/licenses/by/3.0/.
+ */
+
+// Load Bootstrap variables and mixins
+
+@import "theme/boost/scss/bootstrap/functions";
+@import "theme/boost/scss/bootstrap/variables";
+@import "theme/boost/scss/bootstrap/mixins";
+
+// Load docs components
+@import "variables";
+@import "content";
+@import "skippy";
+@import "sidebar";
+@import "toc";
+@import "footer";
+@import "component-examples";
+@import "callouts";
+@import "colors";
+@import "clipboard-js";
+@import "placeholder-img";
+
+// Load docs dependencies
+@import "syntax";
+@import "anchor";
+
+// Accessibility
+@import "componentlibrary";
@@ -0,0 +1,29 @@
+- breakpoint: xs
+  abbr: ""
+  name: Extra small
+  min-width: 0px
+  container: ""
+
+- breakpoint: sm
+  abbr: -sm
+  name: Small
+  min-width: 576px
+  container: 540px
+
+- breakpoint: md
+  abbr: -md
+  name: Medium
+  min-width: 768px
+  container: 720px
+
+- breakpoint: lg
+  abbr: -lg
+  name: Large
+  min-width: 992px
+  container: 960px
+
+- breakpoint: xl
+  abbr: -xl
+  name: Extra large
+  min-width: 1200px
+  container: 1140px
@@ -0,0 +1,26 @@
+- name: blue
+  hex: "#007bff"
+- name: indigo
+  hex: "#6610f2"
+- name: purple
+  hex: "#6f42c1"
+- name: pink
+  hex: "#e83e8c"
+- name: red
+  hex: "#dc3545"
+- name: orange
+  hex: "#fd7e14"
+- name: yellow
+  hex: "#ffc107"
+- name: green
+  hex: "#28a745"
+- name: teal
+  hex: "#20c997"
+- name: cyan
+  hex: "#17a2b8"
+- name: white
+  hex: "#fff"
+- name: gray
+  hex: "#6c757d"
+- name: gray-dark
+  hex: "#343a40"
@@ -0,0 +1,18 @@
+- name: 100
+  hex: "#f8f9fa"
+- name: 200
+  hex: "#e9ecef"
+- name: 300
+  hex: "#dee2e6"
+- name: 400
+  hex: "#ced4da"
+- name: 500
+  hex: "#adb5bd"
+- name: 600
+  hex: "#6c757d"
+- name: 700
+  hex: "#495057"
+- name: 800
+  hex: "#343a40"
+- name: 900
+  hex: "#212529"
@@ -0,0 +1,23 @@
+preferred:
+  - name: Font Awesome
+    website: https://fontawesome.com/
+  - name: Feather
+    website: https://feathericons.com/
+  - name: Octicons
+    website: https://octicons.github.com/
+
+more:
+  - name: Bytesize
+    website: https://github.com/danklammer/bytesize-icons
+  - name: Google Material icons
+    website: https://material.io/resources/icons/
+  - name: Ionicons
+    website: https://ionicons.com/
+  - name: Dripicons
+    website: http://demo.amitjakhu.com/dripicons/
+  - name: Ikons
+    website: http://ikons.piotrkwiatkowski.co.uk/
+  - name: Icons8
+    website: https://icons8.com/
+  - name: icofont
+    website: https://icofont.com/
@@ -0,0 +1,16 @@
+- name: primary
+  hex: "#007bff"
+- name: secondary
+  hex: "#6c757d"
+- name: success
+  hex: "#28a745"
+- name: danger
+  hex: "#dc3545"
+- name: warning
+  hex: "#ffc107"
+- name: info
+  hex: "#17a2b8"
+- name: light
+  hex: "#f8f9fa"
+- name: dark
+  hex: "#343a40"
@@ -0,0 +1 @@
+Page not found
@@ -0,0 +1,71 @@
+{{ partial "skippy" . }}
+
+<div class="container-fluid p-0 bg-white" data-region="componentlibrary">
+    <div class="row no-gutters flex-xl-nowrap">
+        <div class="col-md-3 col-xl-2 sidebar">
+            <div class="controls d-flex justify-content-between">
+                <div class="simplesearchform w-100">
+                    <form autocomplete="off" method="get" accept-charset="utf-8"
+                        class="mform d-flex flex-wrap align-items-center simplesearchform p-2 justify-content-center">
+                        <div class="input-group w-100" data-region="docsearch">
+                            <label for="searchinput-componentlibrary">
+                                <span class="sr-only">Search component library</span>
+                            </label>
+                            <input type="text" id="searchinput-componentlibrary" class="form-control rounded" placeholder="Search"
+                                aria-label="Search component library" name="clsearch" data-region="input" autocomplete="off">
+                            <ul class="dropdown-menu w-100">
+                            </ul>
+                        </div>
+                    </form>
+                </div>
+                <button class="btn bd-search-docs-toggle d-md-none p-0 ml-3" type="button" data-toggle="collapse"
+                    data-target="#docssidebar" aria-controls="docssidebar" aria-expanded="false" aria-label="Toggle docs navigation">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" role="img" focusable="false">
+                        <title>Menu</title>
+                        <path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"
+                            d="M4 7h22M4 15h22M4 23h22"></path>
+                    </svg>
+                </button>
+            </div>
+            {{ partial "docs-sidebar" . }}
+        </div>
+        {{ if (eq .Page.Params.toc true) }}
+        <div class="col-md-7 col-xl-8 py-md-3 pl-md-3 pr-md-3 bd-content">
+        {{ else }}
+        <div class="col-md-9 col-xl-10 py-md-3 pl-md-5 pr-md-5 bd-content">
+        {{ end }}
+            <h1 class="bd-title" id="content">{{ .Title | markdownify }}</h1>
+            <p class="bd-lead">{{ .Page.Params.Description | markdownify }}</p>
+
+            {{ if .Page.Params.sections }}
+                <div class="row my-5">
+                    {{ range .Page.Params.sections }}
+                        <div class="col-md-6 mb-4">
+                            <a class="d-block text-decoration-none" href="../{{ urlize .title }}/">
+                                <strong class="d-block h5 mb-0">{{ .title }}</strong>
+                                <span class="text-secondary">{{ .description }}</span>
+                            </a>
+                        </div>
+                    {{ end }}
+                </div>
+            {{ end }}
+
+            {{ if .Page.Params.tags }}
+              {{ range .Page.Params.tags }}
+
+                  <div class="badge bg-info text-white">{{.}}</div>
+
+              {{ end }}
+            {{ end }}
+
+            {{ .Content }}
+        </div>
+        {{ if (eq .Page.Params.toc true) }}
+        <div class="d-none d-xl-block col-md-2 col-xl-2">
+            <div class="secondnav" aria-label="Secondary navigation">
+                {{ .TableOfContents }}
+            </div>
+        </div>
+        {{ end }}
+    </div>
+</div>
@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    {{ partial "header" . }}
+  </head>
+  <body>
+    {{ partial "skippy" . }}
+
+    {{ .Content }}
+
+    {{ partial "footer" . }}
+  </body>
+</html>
@@ -0,0 +1,9 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    {{ partial "header" . }}
+  </head>
+  <body>
+    Not used
+  </body>
+</html>
@@ -0,0 +1 @@
+{{ .Page.Params.redirect | absURL }}">
@@ -0,0 +1,5 @@
+#### Asynchronous methods and transitions
+
+All API methods are **asynchronous** and start a **transition**. They return to the caller as soon as the transition is started but **before it ends**. In addition, a method call on a **transitioning component will be ignored**.
+
+[See our JavaScript documentation for more information](/docs/{{ .Site.Params.docs_version }}/getting-started/javascript/#asynchronous-functions-and-transitions).
@@ -0,0 +1 @@
+Note that since browsers do not currently support [range context queries](https://www.w3.org/TR/mediaqueries-4/#range-context), we work around the limitations of [`min-` and `max-` prefixes](https://www.w3.org/TR/mediaqueries-4/#mq-min-max) and viewports with fractional widths (which can occur under certain conditions on high-dpi devices, for instance) by using values with higher precision for these comparisons.
@@ -0,0 +1 @@
+**Get started with Bootstrap via npm with our starter project!** Head to the [twbs/bootstrap-npm-starter](https://github.com/twbs/bootstrap-npm-starter) template repository to see how to build and customize Bootstrap in your own npm project. Includes Sass compiler, Autoprefixer, Stylelint, PurgeCSS, and Bootstrap Icons.
@@ -0,0 +1 @@
+The animation effect of this component is dependent on the `prefers-reduced-motion` media query. See the [reduced motion section of our accessibility documentation](/docs/{{ .Site.Params.docs_version }}/getting-started/accessibility/#reduced-motion).
@@ -0,0 +1,3 @@
+##### Conveying meaning to assistive technologies
+
+Using color to add meaning only provides a visual indication, which will not be conveyed to users of assistive technologies – such as screen readers. Ensure that information denoted by the color is either obvious from the content itself (e.g. the visible text), or is included through alternative means, such as additional text hidden with the `.sr-only` class.
@@ -0,0 +1,3 @@
+##### Date & color input support
+
+Keep in mind date inputs are [not fully supported](https://caniuse.com/#feat=input-datetime) by IE and Safari. Color inputs also [lack support](https://caniuse.com/#feat=input-color) on IE.
@@ -0,0 +1,57 @@
+{{$currentNode := .}}
+<nav id="docssidebar" class="collapse d-md-block docs-sidebar" aria-label="Component Library Navigation">
+<ul>
+{{- if eq .Site.Params.ordersectionsby "title" -}}
+  {{- range .Site.Home.Sections.ByTitle -}}
+{{template "docs-sidebar" dict "sect" . "currentnode" $currentNode}}
+  {{- end -}}
+{{- else -}}
+  {{- range .Site.Home.Sections.ByWeight -}}
+{{template "docs-sidebar" dict "sect" . "currentnode" $currentNode}}
+  {{- end -}}
+{{- end}}
+</ul>
+</nav>
+
+{{define "docs-sidebar"}}
+{{- $currentNode := .currentnode -}}
+{{ with .sect }}
+{{ if .IsSection }}
+{{ if in .Site.Params.menu_exclusion .Section }}
+{{- else -}}
+  {{- safeHTML .Params.head -}}
+  {{- $numberOfPages := (add (len .Pages) (len .Sections)) -}}
+<li class="{{ if .IsAncestor $currentNode }}parent{{ end }}{{ if and .File $currentNode.File }}{{ if eq .File.UniqueID $currentNode.File.UniqueID }} active{{ end }}{{ end }}{{ if .Params.alwaysopen }} parent{{ end }}"><a href="{{ if .IsPage }}{{ .Permalink }}{{ else}}#{{ end }}" data-toggle="collapse" data-target="#collapse{{ .File.UniqueID }}" aria-expanded="true" aria-controls="collapse{{ .File.UniqueID }}" class="dropdown-toggle"><div class="text-truncate">{{ safeHTML .Params.Pre }}{{ .Title }}{{ safeHTML .Params.Post }}</div></a>
+  {{ if ne $numberOfPages 0 }}
+<ul id="collapse{{ .File.UniqueID }}" class="sub-menu collapse {{ if .IsAncestor $currentNode }}show{{ end }}">
+    {{- .Scratch.Set "pages" .Pages -}}
+    {{- if .Sections -}}
+      {{- .Scratch.Set "pages" (.Pages | union .Sections) -}}
+    {{- end -}}
+    {{- $pages := (.Scratch.Get "pages") -}}
+    {{- if eq .Site.Params.ordersectionsby "title" -}}
+      {{- range $pages.ByTitle -}}
+        {{- if and .Params.hidden (not $.showhidden) -}}
+        {{- else -}}
+{{template "docs-sidebar" dict "sect" . "currentnode" $currentNode}}
+        {{- end -}}
+      {{- end -}}
+    {{- else -}}
+      {{- range $pages.ByWeight -}}
+        {{- if and .Params.hidden (not $.showhidden) -}}
+        {{- else -}}
+{{template "docs-sidebar" dict "sect" . "currentnode" $currentNode}}
+        {{- end -}}
+      {{- end -}}
+    {{- end}}
+</ul>
+  {{end}}
+</li>
+{{- end -}}
+{{- else -}}
+  {{- if not .Params.Hidden -}}
+<li class="{{ if and .File $currentNode.File }}{{ if eq .File.UniqueID $currentNode.File.UniqueID }}active{{ end }}{{ end }}"><a href="{{ if .IsPage }}{{ .Permalink }}{{ end }}">{{ safeHTML .Params.Pre }}{{ .Title }}{{ safeHTML .Params.Post }}</a></li>
+  {{- end -}}
+{{ end -}}
+{{ end -}}
+{{ end }}
@@ -0,0 +1,9 @@
+{{ "<!-- Favicons -->" | safeHTML }}
+<link rel="apple-touch-icon" href="/docs/{{ .Site.Params.docs_version }}/assets/img/favicons/apple-touch-icon.png" sizes="180x180">
+<link rel="icon" href="/docs/{{ .Site.Params.docs_version }}/assets/img/favicons/favicon-32x32.png" sizes="32x32" type="image/png">
+<link rel="icon" href="/docs/{{ .Site.Params.docs_version }}/assets/img/favicons/favicon-16x16.png" sizes="16x16" type="image/png">
+<link rel="manifest" href="/docs/{{ .Site.Params.docs_version }}/assets/img/favicons/manifest.json">
+<link rel="mask-icon" href="/docs/{{ .Site.Params.docs_version }}/assets/img/favicons/safari-pinned-tab.svg" color="#563d7c">
+<link rel="icon" href="/docs/{{ .Site.Params.docs_version }}/assets/img/favicons/favicon.ico">
+<meta name="msapplication-config" content="/docs/{{ .Site.Params.docs_version }}/assets/img/favicons/browserconfig.xml">
+<meta name="theme-color" content="#563d7c">
@@ -0,0 +1,5 @@
+<footer class="bd-footer p-3 p-md-5 mt-5 bg-light text-center text-sm-left">
+  <div class="container">
+
+  </div>
+</footer>
@@ -0,0 +1,16 @@
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+<meta name="description" content="{{ .Page.Params.description | default .Site.Params.description | markdownify }}">
+<meta name="author" content="{{ .Site.Params.authors }}">
+<meta name="generator" content="Hugo {{ hugo.Version }}">
+
+<meta name="docsearch:language" content="en">
+<meta name="docsearch:version" content="{{ .Site.Params.docs_version }}">
+
+<title>{{ if .IsHome }}{{ .Site.Title | markdownify }} · {{ .Site.Params.description | markdownify }}{{ else }}{{ .Title | markdownify }} · {{ .Site.Title | markdownify }}{{ end }}</title>
+
+<link rel="canonical" href="{{ .Permalink }}">
+
+{{ with .Params.robots -}}
+<meta name="robots" content="{{ . }}">
+{{- end }}
@@ -0,0 +1,3 @@
+<a class="skippy sr-only" href="#content">
+  <span class="skippy-text">Skip to main content</span>
+</a>
@@ -0,0 +1,9 @@
+{{- /*
+  Usage: `callout "type"`, where `type` is one of info (default), danger, or warning
+*/ -}}
+
+{{- $css_class := .Get 0 | default "info" -}}
+
+<div class="bd-callout bd-callout-{{ $css_class }}">
+{{ .Inner | markdownify }}
+</div>
@@ -0,0 +1 @@
+{{- (printf "https://getbootstrap.com/docs/4.6/%s" (.Get 0)) -}}
@@ -0,0 +1,28 @@
+{{- /*
+  Usage: `example args`
+
+  `args` are all optional and can be one of the following:
+    * id: the `div`'s id - default: ""
+    * class: any extra class(es) to be added to the `div` - default: ""
+    * show_preview: if the preview should be output in the HTML - default: `true`
+    * show_markup: if the markup should be output in the HTML - default: `true`
+*/ -}}
+
+{{- $id := .Get "id" -}}
+{{- $class := .Get "class" -}}
+{{- $lang := .Get "lang" | default "html" -}}
+{{- $show_preview := .Get "show_preview" | default true -}}
+{{- $show_markup := .Get "show_markup" | default true -}}
+{{- $input := .Inner -}}
+
+{{- if eq $show_preview true -}}
+<div{{ with $id }} id="{{ . }}"{{ end }} class="bd-example{{ with $class }} {{ . }}{{ end }}">
+  {{- $input -}}
+</div>
+{{- end -}}
+
+{{- if eq $show_markup true -}}
+  {{- $content := replaceRE `<svg class="bd-placeholder-img(?:-lg)?(?: *?bd-placeholder-img-lg)? ?(.*?)".*?<\/svg>\n` `<img src="..." class="$1" alt="...">` $input -}}
+  {{- $content = replaceRE ` (class=" *?")` "" $content -}}
+  {{- highlight (trim $content "\n") $lang "" -}}
+{{- end -}}
@@ -0,0 +1,2 @@
+
+<img src="MOODLEIMAGEDIR{{ .Page.RelPermalink }}{{ .Get 0 }}" class="{{ .Get 2 }}" alt="{{ .Get 1 }}">
@@ -0,0 +1,52 @@
+{{- /*
+  Link to JS Documentation created by `grunt jsdoc`.
+
+  Usage: `jsdoc [args]`
+
+  `args` are required:
+    module: the name of the amd module to be linked
+    class: the name of the class to be linked
+    event: the name of an AMD event to link to within the module
+
+    Examples:
+
+        Link to an 'core/toast' module:
+        {{< jsdoc module="core/toast" >}}
+
+        Link to the 'events' class:
+        {{< jsdoc class="events" >}}
+
+        Link to the 'fieldValidationFailed' event in the 'core_form/events' module:
+        {{< jsdoc module="core_form/events" event="fieldValidationFailed" >}}
+
+*/ -}}
+
+{{- $filelink := "" -}}
+{{- $linktext := "" -}}
+
+{{- if .Get "module" -}}
+    {{- $modulename := .Get "module" -}}
+    {{- $linktext := $modulename -}}
+
+    {{- with .Get "module" -}}
+        {{- $filelink = printf "module-%s.html" (replace $modulename "/" "_") -}}
+    {{- end -}}
+
+    {{- if .Get "event" -}}
+        {{- with .Get "event" -}}
+            {{- $filelink = printf "%s#~event:%s" $filelink . -}}
+            {{- $linktext = printf "event:%s" . -}}
+        {{- end -}}
+    {{- end -}}
+
+    <a href="http://JSDOC/{{ $filelink }}" target="_blank">{{ $linktext }}</a>
+{{- end -}}
+
+{{- with .Get "class" -}}
+    {{- $filelink = printf "%s.html" (replace . "/" "_") -}}
+    {{- $linktext = . -}}
+
+    <a href="http://JSDOC/{{ $filelink }}" target="_blank">{{ $linktext }}</a>
+{{- end -}}
+
+{{- /* Strip trailing newline. */ -}}
@@ -0,0 +1 @@
+{{- .Inner | markdownify -}}
@@ -0,0 +1,20 @@
+{{- /*
+  Usage: `moodleicons`
+*/ -}}
+
+<div class="d-sm-flex flex-wrap">
+  {{ range $.Site.Data.fontawesomeicons }}
+  <div class="card mb-2 mx-1 p-1 d-flex flex-column justify-content-around text-center" style="flex: 0 0 20%; height: 150px">
+    <div class="small text-truncate" data-toggle="tooltip" data-placement="bottom" title="{{ .name }}">{{ .name }}</div>
+    <div class="row no-gutters">
+      <div class="col-sm-6 d-flex align-items-center justify-content-center">
+        <i class="fa {{ .icon }} fa-2x"></i>
+      </div>
+      <div class="col-sm-6 d-flex align-items-center justify-content-center">
+        {{ .standardicon | safeHTML }}
+      </div>
+    </div>
+      <div class="small text-truncate mb-1" title="{{ .icon }}">{{ .icon }}</div>
+  </div>
+  {{ end }}
+</div>
@@ -0,0 +1,59 @@
+{{- /*
+  Usage: `mustache [args]`
+
+  `args` are:
+    template: required, the logical Moodle mustache template name
+    class: any extra class(es) to be added to the rendendered template `div` - default ""
+    show_markup: if the markup should be output in the HTML - default: `true`
+*/ -}}
+
+<div id="root{{- .Position.LineNumber -}}" data-region="mustachecode" data-template="{{- .Get "template" -}}" class="mb-5 mt-2 bg-light p-4">
+    <div class="d-none" data-region="rawcontext">{{- (trim .Inner "\n") -}}</div>
+    <h6 data-action="refresh" class="mb-3">{{- .Get "template" -}}</h6>
+    <nav>
+        <div class="nav nav-tabs" id="nav-tab" role="tablist">
+            <a class="nav-item nav-link active"
+                id="nav-rendered{{- .Position.LineNumber -}}-tab"
+                data-toggle="tab"
+                href="#nav-rendered{{- .Position.LineNumber -}}"
+                role="tab" aria-controls="nav-rendered{{- .Position.LineNumber -}}" aria-selected="true"
+            >
+                Rendered
+            </a>
+            <a class="nav-item nav-link"
+                id="nav-template{{- .Position.LineNumber -}}-tab"
+                data-toggle="tab"
+                href="#nav-template{{- .Position.LineNumber -}}" role="tab" aria-controls="nav-template{{- .Position.LineNumber -}}" aria-selected="false"
+            >
+                Template
+            </a>
+            <a class="nav-item nav-link"
+                id="nav-variables{{- .Position.LineNumber -}}-tab"
+                data-toggle="tab"
+                href="#nav-variables{{- .Position.LineNumber -}}" role="tab" aria-controls="nav-variables{{- .Position.LineNumber -}}" aria-selected="false"
+            >
+                Variables
+            </a>
+        </div>
+    </nav>
+    <div class="tab-content border-left border-bottom border-right p-3 bg-white" id="nav-tabContent">
+        <div class="tab-pane fade show active" id="nav-rendered{{- .Position.LineNumber -}}" role="tabpanel" aria-labelledby="nav-rendered{{- .Position.LineNumber -}}-tab">
+            <div data-region="mustacherendered" class="{{ with .Get "class" }}{{ . }}{{ end }}">
+                <div class="d-flex justify-content-center my-5">
+                    <div class="spinner-grow text-secondary" role="status">
+                        <span class="sr-only">Loading...</span>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="tab-pane fade" id="nav-template{{- .Position.LineNumber -}}" role="tabpanel" aria-labelledby="nav-template{{- .Position.LineNumber -}}-tab">
+            <pre data-region="mustachesource" class="mb3">
+            </pre>
+        </div>
+        <div class="tab-pane fade" id="nav-variables{{- .Position.LineNumber -}}" role="tabpanel" aria-labelledby="nav-variables{{- .Position.LineNumber -}}-tab">
+            <div data-region="mustachecontext" class="mb3">
+                {{- highlight (trim .Inner "\n") "js" "" -}}
+            </div>
+        </div>
+    </div>
+</div>
@@ -0,0 +1,14 @@
+{{- /*
+  Work around wrong escapes in integrity attributes.
+  Original: https://github.com/gohugoio/hugo/blob/master/tpl/tplimpl/embedded/templates/shortcodes/param.html
+*/ -}}
+
+{{- $name := .Get 0 -}}
+{{- with $name -}}
+{{- $value := $.Page.Param . -}}
+{{- /* If any parameter ends with `_hash`, mark the string as safe HTML */ -}}
+{{- if (strings.HasSuffix $name "_hash") -}}
+  {{- $value = $value | safeHTML -}}
+{{- end -}}
+{{- with $value }}{{ . }}{{ else }}{{ errorf "Param %q not found: %s" $name $.Position }}{{ end -}}
+{{- else }}{{ errorf "Missing param key: %s" $.Position }}{{ end -}}
@@ -0,0 +1 @@
+{{ partial (.Get 0) . }}
@@ -0,0 +1,7 @@
+{{- /*
+  Usage: `php`
+*/ -}}
+
+{{- $input := delimit (slice "<?php" .Inner "?>") " " -}}
+
+{{- highlight (trim $input "\n") "php" "" -}}
@@ -0,0 +1,33 @@
+{{- /*
+  Usage: `placeholder args`
+
+  `args` are all optional and can be one of the following:
+    * title: Used in the SVG `title` tag - default: "Placeholder"
+    * text: The text to show in the image - default: "width x height"
+    * class: Class to add to the `svg` - default: "bd-placeholder-img"
+    * color: The text color (foreground) - default: "#dee2e6"
+    * background: The background color - default: "#868e96"
+    * width: default: "100%"
+    * height: default: "180px"
+*/ -}}
+
+{{- $grays := $.Site.Data.grays -}}
+{{- $default_color := (index $grays 2).hex -}}
+{{- $default_background := (index $grays 5).hex -}}
+
+{{- $title := .Get "title" | default "Placeholder" -}}
+{{- $class := .Get "class" -}}
+{{- $color := .Get "color" | default $default_color -}}
+{{- $background := .Get "background" | default $default_background -}}
+{{- $width := .Get "width" | default "100%" -}}
+{{- $height := .Get "height" | default "180" -}}
+{{- $text := .Get "text" | default (printf "%sx%s" $width $height) -}}
+
+{{- $show_title := not (eq $title "false") -}}
+{{- $show_text := not (eq $text "false") -}}
+
+<svg class="bd-placeholder-img{{ with $class }} {{ . }}{{ end }}" width="{{ $width }}" height="{{ $height }}" xmlns="http://www.w3.org/2000/svg"{{ if (or $show_title $show_text) }} role="img" aria-label="{{ if $show_title }}{{ $title }}{{ if $show_text }}: {{ end }}{{ end }}{{ if ($show_text) }}{{ $text }}{{ end }}"{{ else }} aria-hidden="true"{{ end }} preserveAspectRatio="xMidYMid slice" focusable="false">
+  {{- if $show_title }}<title>{{ $title }}</title>{{ end -}}
+  <rect width="100%" height="100%" fill="{{ $background }}"/>
+  {{- if $show_text }}<text x="50%" y="50%" fill="{{ $color }}" dy=".3em">{{ $text }}</text>{{ end -}}
+</svg>
@@ -0,0 +1,3 @@
+{{- /* Outputs the current year */ -}}
+
+{{- now.Format "2006" -}}
				`@@ -0,0 +1 @@`
				Note that since browsers do not currently support [range context queries](https://www.w3.org/TR/mediaqueries-4/#range-context), we work around the limitations of [`min-` and `max-` prefixes](https://www.w3.org/TR/mediaqueries-4/#mq-min-max) and viewports with fractional widths (which can occur under certain conditions on high-dpi devices, for instance) by using values with higher precision for these comparisons.
				`@@ -0,0 +1 @@`
				`Get started with Bootstrap via npm with our starter project! Head to the [twbs/bootstrap-npm-starter](https://github.com/twbs/bootstrap-npm-starter) template repository to see how to build and customize Bootstrap in your own npm project. Includes Sass compiler, Autoprefixer, Stylelint, PurgeCSS, and Bootstrap Icons.`
				`@@ -0,0 +1 @@`
				The animation effect of this component is dependent on the `prefers-reduced-motion` media query. See the [reduced motion section of our accessibility documentation](/docs/{{ .Site.Params.docs_version }}/getting-started/accessibility/#reduced-motion).
				`@@ -0,0 +1 @@`
				`{{- (printf "https://getbootstrap.com/docs/4.6/%s" (.Get 0)) -}}`
				`@@ -0,0 +1,2 @@`

				`<img src="MOODLEIMAGEDIR{{ .Page.RelPermalink }}{{ .Get 0 }}" class="{{ .Get 2 }}" alt="{{ .Get 1 }}">`