croxton

/*
 * cookieConsentInit.js
 *
 * Config and tools for CookieConsent v3, a lightweight, GDPR and CCPA compliant
 * Consent Management Tool written in vanilla JS.
 * @see https://cookieconsent.orestbida.com/
 */

import * as CookieConsent from "vanilla-cookieconsent";

croxton

.matrixblock[data-type="sectionBlock"] > .titlebar > .blocktype {
	color: var(--text-color);
	font-weight: 600;
}
.matrixblock[data-type="sectionBlock"] ~ .matrixblock:not([data-type="sectionBlock"]) {
	margin-left: 15px;
}

.matrixblock + .matrixblock[data-type="sectionBlock"] {
	margin-top: 30px;

croxton

.matrixblock[data-type="sectionBlock"] ~ .matrixblock:not([data-type="sectionBlock"]) {
	margin-left: 14px;
}

.matrixblock + .matrixblock[data-type="sectionBlock"] {
	margin-top: 30px;
}

.matrixblock[data-type="sectionBlock"] ~ .matrixblock:not([data-type="sectionBlock"])::before {
	background: #DFE5EA;

croxton

/**
 * htmx components extension
 *
 * @author Mark Croxton, Hallmark Design
 *
 * How to use:
 *
 * 1. Include this script in your page, after htmx.js
 * <script src="/path/to/ext/components.js" defer></script>
 *

croxton

Exclude UK Highland and Islands Regex:

^ # Start of line
(?! # Exclude the following
IV([1-9]|[1-4][0-9]|5[0-6])[\s]*([\d][A-Za-z]{2}) # Inverness IV1 - IV56
| # or
BT[0-9]{1,2}[\s]*([\d][A-Za-z]{2}) # Belfast BT
|
GY[0-9]{1,2}[\s]*([\d][A-Za-z]{2}) # Guernsey GY
|

croxton

/**
 * Settings
 */

$sal-animation-duration: 0.5s !default;
$sal-animation-delay: 0s !default;
$sal-animation-easing: ease !default;
$sal-slide-offset: 20% !default;
$sal-zoom-in-scale: 0.9 !default;
$sal-zoom-out-scale: 1.1 !default;

croxton

(function() {

    // on click of sidebar entry type
    document.addEventListener('click', function (event) {
        if (event.target.parentNode && event.target.parentNode.matches('a[data-entry-type].sel')) {
            setTimeout(function () {
                manageNewEntryButton(event.target.parentNode);
            }, 10);
        }
    }, false);

croxton

<div id="my-unique-id" hx-history-preserve>
  <p>Markup here wil be returned to it's original state on history restore.</p>
</div>

croxton

//===========================================
// Create a new history entry for the request
//===========================================
var pushUrl = getClosestAttributeValue(elt, "hx-push-url");
var elementIsBoosted = getInternalData(elt).boosted;

if (pushUrl || elementIsBoosted) {

    // If hx-push-url is explicitly defined (and not "true" or "false"),
    // we already know what the final URL should be.

croxton

htmx.on('htmx:beforeSwap', (htmxEvent) => {
    let incomingDOM = new DOMParser().parseFromString(htmxEvent.detail.xhr.response, "text/html");
    // Transpose <meta> data, page-specific <link> tags and JSON-LD structured data
    // Note that hx-boost automatically swaps the <title> tag
    let selector = "head > meta:not([data-revision]), head *[rel=\"canonical\"], head *[rel=\"alternate\"], body script[type=\"application/ld+json\"]";
    document.querySelectorAll(selector).forEach((e) => {
        e.parentNode.removeChild(e);
    });
    incomingDOM.querySelectorAll(selector).forEach((e) => {
        if (e.tagName === 'SCRIPT') {