@aldi/ralma 1.0.0

package/bin/ralma.min.js

@@ -0,0 +1,175 @@
+/* Ralma v1.0.0 */
+(()=>{var E=Object.defineProperty,L=Object.defineProperties;var O=Object.getOwnPropertyDescriptors;var m=Object.getOwnPropertySymbols;var S=Object.prototype.hasOwnProperty,T=Object.prototype.propertyIsEnumerable;var p=(i,e,a)=>e in i?E(i,e,{enumerable:!0,configurable:!0,writable:!0,value:a}):i[e]=a,f=(i,e)=>{for(var a in e||(e={}))S.call(e,a)&&p(i,a,e[a]);if(m)for(var a of m(e))T.call(e,a)&&p(i,a,e[a]);return i},c=(i,e)=>L(i,O(e));var b=Symbol.for("ralma.__registered__"),_=/^\s*(?:javascript|data|vbscript):/i,N=new Set(["button","card-footer-item","dropdown-item","navbar-item","navbar-link","pagination-previous","pagination-next","pagination-link","panel-block","tab-link"]),v=["three-quarters","two-thirds","half","one-third","one-quarter","four-fifths","three-fifths","two-fifths","one-fifth"],g=Array.from({length:12},(i,e)=>String(e+1)),u=["mobile","tablet","touch","desktop","widescreen","fullhd"],A=[...v.flatMap(i=>[[i,`is-${i}`],[`offset-${i}`,`is-offset-${i}`]]),...g.flatMap(i=>[[i,`is-${i}`],[`offset-${i}`,`is-offset-${i}`]]),["narrow","is-narrow"],...u.map(i=>[`narrow-${i}`,`is-narrow-${i}`]),...u.flatMap(i=>v.flatMap(e=>[[`${e}-${i}`,`is-${e}-${i}`],[`offset-${e}-${i}`,`is-offset-${e}-${i}`]])),...u.flatMap(i=>g.flatMap(e=>[[`${e}-${i}`,`is-${e}-${i}`],[`offset-${e}-${i}`,`is-offset-${e}-${i}`]]))],z=[["centered","is-centered"],["gapless","is-gapless"],["multiline","is-multiline"],["vcentered","is-vcentered"],["mobile","is-mobile"],["desktop","is-desktop"]];function o(...i){return i.map(e=>`{{#${e}}}is-${e}{{/}}`).join(" ")}var k=["white","light","dark","black","text","primary","link","info","success","warning","danger"],$=["primary","link","info","success","warning","danger","dark"],H=["small","medium","large"],q=["outlined","inverted","rounded","hovered","focused","loading","static","active"],y=o(...k,...H,...q),D=o("transparent","spaced","fixed-top","fixed-bottom",...k),F=o(...$,...H),G=o(...$),P=`
+{{#if safeHref}}
+  <a
+    class="button ${y} {{class}}"
+    {{#if id}}id="{{id}}"{{/if}}
+    {{#if title}}title="{{title}}"{{/if}}
+    {{#if disabled}}aria-disabled="true" tabindex="-1"{{/if}}
+    {{#if dropdown}}aria-haspopup="true"{{/if}}
+    {{#if ariaControls}}aria-controls="{{ariaControls}}"{{/if}}
+    {{#if safeHref}}{{#if disabled}}{{else}}href="{{safeHref}}"{{/if}}{{/if}}
+  >{{yield}}</a>
+{{else}}
+  <button
+    type="{{buttonType}}"
+    class="button ${y} {{class}}"
+    {{#if id}}id="{{id}}"{{/if}}
+    {{#if title}}title="{{title}}"{{/if}}
+    {{#if disabled}}disabled{{/if}}
+    {{#if dropdown}}aria-haspopup="true"{{/if}}
+    {{#if ariaControls}}aria-controls="{{ariaControls}}"{{/if}}
+  >{{yield}}</button>
+{{/if}}
+`.trim(),d={button:{isolated:!0,data(){return{buttonType:"button"}},template:P},breadcrumb:{isolated:!0,template:`
+      <nav
+        class="breadcrumb {{#centered}}is-centered{{/}} {{#right}}is-right{{/}} {{#small}}is-small{{/}} {{#medium}}is-medium{{/}} {{#large}}is-large{{/}} {{#arrow}}has-arrow-separator{{/}} {{#bullet}}has-bullet-separator{{/}} {{#dot}}has-dot-separator{{/}} {{#succeeds}}has-succeeds-separator{{/}} {{class}}"
+        aria-label="{{#if ariaLabel}}{{ariaLabel}}{{else}}breadcrumbs{{/if}}"
+        {{#if id}}id="{{id}}"{{/if}}
+      >
+        <ul>{{yield}}</ul>
+      </nav>
+    `.trim()},"breadcrumb-item":{isolated:!0,template:`
+      <li class="{{#active}}is-active{{/}} {{class}}" {{#if id}}id="{{id}}"{{/if}}>
+        {{yield}}
+      </li>
+    `.trim()},card:{isolated:!0,template:'<div class="card {{class}}" {{#if id}}id="{{id}}"{{/if}}>{{yield}}</div>'},"card-header":{isolated:!0,template:'<header class="card-header {{class}}" {{#if id}}id="{{id}}"{{/if}}>{{yield}}</header>'},"card-header-title":{isolated:!0,template:'<p class="card-header-title {{class}}" {{#if id}}id="{{id}}"{{/if}}>{{yield}}</p>'},"card-header-icon":{isolated:!0,template:`
+      <button
+        type="button"
+        class="card-header-icon {{class}}"
+        aria-label="{{#if ariaLabel}}{{ariaLabel}}{{else}}more options{{/if}}"
+        {{#if id}}id="{{id}}"{{/if}}
+        {{#if onclick}}on-click="{{onclick}}"{{/if}}
+      >{{yield}}</button>
+    `.trim()},"card-image":{isolated:!0,template:'<div class="card-image {{class}}" {{#if id}}id="{{id}}"{{/if}}>{{yield}}</div>'},"card-content":{isolated:!0,template:'<div class="card-content {{class}}" {{#if id}}id="{{id}}"{{/if}}>{{yield}}</div>'},"card-footer":{isolated:!0,template:'<footer class="card-footer {{class}}" {{#if id}}id="{{id}}"{{/if}}>{{yield}}</footer>'},"card-footer-item":{isolated:!0,template:`
+      {{#if safeHref}}
+        <a class="card-footer-item {{class}}" href="{{safeHref}}" {{#if id}}id="{{id}}"{{/if}}>{{yield}}</a>
+      {{else}}
+        <div class="card-footer-item {{class}}" {{#if id}}id="{{id}}"{{/if}}>{{yield}}</div>
+      {{/if}}
+    `.trim()},dropdown:{isolated:!0,template:"<div class='dropdown {{#active}}is-active{{/}} {{class}}' {{#if id}} id='{{id}}' {{/if}}>{{yield}}</div>"},"dropdown-trigger":{isolated:!0,template:"<div class='dropdown-trigger {{class}}' {{#if id}} id='{{id}}' {{/if}}>{{yield}}</div>"},"dropdown-button":{isolated:!0,template:"<button type='button' class='button {{class}}' {{#if id}} id='{{id}}' {{/if}} aria-haspopup='true' {{#if ariaControls}}aria-controls='{{ariaControls}}'{{/if}}><span>{{yield}}</span><span class='icon is-small'><i class='fas fa-angle-down' aria-hidden='true'></i></span></button>"},"dropdown-item":{isolated:!0,template:`
+      {{#if safeHref}}
+        <a
+          class="dropdown-item {{class}} {{#active}}is-active{{/}}"
+          href="{{safeHref}}"
+          {{#if id}}id="{{id}}"{{/if}}
+          {{#if onclick}}on-click="{{onclick}}"{{/if}}
+        >{{yield}}</a>
+      {{else}}
+        <button
+          type="button"
+          class="dropdown-item {{class}} {{#active}}is-active{{/}}"
+          {{#if id}}id="{{id}}"{{/if}}
+          {{#if onclick}}on-click="{{onclick}}"{{/if}}
+        >{{yield}}</button>
+      {{/if}}
+    `.trim()},"dropdown-menu":{isolated:!0,template:"<div class='dropdown-menu {{class}}' {{#if id}} id='{{id}}' {{/if}} {{#if role}}role='{{role}}'{{/if}}>{{yield}}</div>"},"dropdown-content":{isolated:!0,template:"<div class='dropdown-content {{class}}' {{#if id}} id='{{id}}' {{/if}}>{{yield}}</div>"},"dropdown-divider":{isolated:!0,template:"<hr class='dropdown-divider {{class}}' {{#if id}} id='{{id}}' {{/if}}>"},menu:{isolated:!0,template:'<aside class="menu {{class}}" {{#if id}}id="{{id}}"{{/if}}>{{yield}}</aside>'},"menu-label":{isolated:!0,template:'<p class="menu-label {{class}}" {{#if id}}id="{{id}}"{{/if}}>{{yield}}</p>'},"menu-list":{isolated:!0,template:'<ul class="menu-list {{class}}" {{#if id}}id="{{id}}"{{/if}}>{{yield}}</ul>'},message:{isolated:!0,template:`
+      <article class="message ${F} {{class}}" {{#if id}}id="{{id}}"{{/if}}>
+        {{yield}}
+      </article>
+    `.trim()},"message-header":{isolated:!0,template:'<div class="message-header {{class}}" {{#if id}}id="{{id}}"{{/if}}>{{yield}}</div>'},"message-body":{isolated:!0,template:'<div class="message-body {{class}}" {{#if id}}id="{{id}}"{{/if}}>{{yield}}</div>'},modal:{isolated:!0,template:'<div class="modal {{#active}}is-active{{/}} {{class}}" {{#if id}}id="{{id}}"{{/if}}>{{yield}}</div>'},"modal-background":{isolated:!0,template:'<div class="modal-background {{class}}" {{#if id}}id="{{id}}"{{/if}}></div>'},"modal-content":{isolated:!0,template:'<div class="modal-content {{class}}" {{#if id}}id="{{id}}"{{/if}}>{{yield}}</div>'},"modal-close":{isolated:!0,template:`
+      <button
+        type="button"
+        class="modal-close {{#small}}is-small{{/}} {{#medium}}is-medium{{/}} {{#large}}is-large{{/}} {{class}}"
+        aria-label="{{#if ariaLabel}}{{ariaLabel}}{{else}}close{{/if}}"
+        {{#if id}}id="{{id}}"{{/if}}
+        {{#if onclick}}on-click="{{onclick}}"{{/if}}
+      ></button>
+    `.trim()},"modal-card":{isolated:!0,template:'<div class="modal-card {{class}}" {{#if id}}id="{{id}}"{{/if}}>{{yield}}</div>'},"modal-card-head":{isolated:!0,template:'<header class="modal-card-head {{class}}" {{#if id}}id="{{id}}"{{/if}}>{{yield}}</header>'},"modal-card-title":{isolated:!0,template:'<p class="modal-card-title {{class}}" {{#if id}}id="{{id}}"{{/if}}>{{yield}}</p>'},"modal-card-body":{isolated:!0,template:'<section class="modal-card-body {{class}}" {{#if id}}id="{{id}}"{{/if}}>{{yield}}</section>'},"modal-card-foot":{isolated:!0,template:'<footer class="modal-card-foot {{class}}" {{#if id}}id="{{id}}"{{/if}}>{{yield}}</footer>'},navbar:{isolated:!0,template:`
+      <nav
+        class="navbar ${D} {{class}}"
+        role="{{#if role}}{{role}}{{else}}navigation{{/if}}"
+        aria-label="{{#if ariaLabel}}{{ariaLabel}}{{else}}main navigation{{/if}}"
+        {{#if id}}id="{{id}}"{{/if}}
+      >
+        {{yield}}
+      </nav>
+    `.trim()},"navbar-brand":{isolated:!0,template:'<div class="navbar-brand {{class}}" {{#if id}}id="{{id}}"{{/if}}>{{yield}}</div>'},"navbar-burger":{isolated:!0,template:`
+      <button
+        type="button"
+        class="navbar-burger {{#active}}is-active{{/}} {{class}}"
+        aria-label="{{#if ariaLabel}}{{ariaLabel}}{{else}}menu{{/if}}"
+        aria-expanded="{{#if expanded}}true{{else}}false{{/if}}"
+        {{#if dataTarget}}data-target="{{dataTarget}}"{{/if}}
+        {{#if id}}id="{{id}}"{{/if}}
+        {{#if onclick}}on-click="{{onclick}}"{{/if}}
+      >{{yield}}</button>
+    `.trim()},"navbar-menu":{isolated:!0,template:'<div class="navbar-menu {{#active}}is-active{{/}} {{class}}" {{#if id}}id="{{id}}"{{/if}}>{{yield}}</div>'},"navbar-start":{isolated:!0,template:'<div class="navbar-start {{class}}" {{#if id}}id="{{id}}"{{/if}}>{{yield}}</div>'},"navbar-end":{isolated:!0,template:'<div class="navbar-end {{class}}" {{#if id}}id="{{id}}"{{/if}}>{{yield}}</div>'},"navbar-item":{isolated:!0,template:`
+      {{#if safeHref}}
+        <a
+          class="navbar-item {{#active}}is-active{{/}} {{class}}"
+          href="{{safeHref}}"
+          {{#if id}}id="{{id}}"{{/if}}
+          {{#if onclick}}on-click="{{onclick}}"{{/if}}
+        >{{yield}}</a>
+      {{else}}
+        <div class="navbar-item {{#active}}is-active{{/}} {{class}}" {{#if id}}id="{{id}}"{{/if}}>{{yield}}</div>
+      {{/if}}
+    `.trim()},"navbar-item-dropdown":{isolated:!0,template:`
+      <div class="navbar-item has-dropdown {{#active}}is-active{{/}} {{#hoverable}}is-hoverable{{/}} {{class}}" {{#if id}}id="{{id}}"{{/if}}>
+        {{yield}}
+      </div>
+    `.trim()},"navbar-link":{isolated:!0,template:`
+      {{#if safeHref}}
+        <a class="navbar-link {{#active}}is-active{{/}} {{class}}" href="{{safeHref}}" {{#if id}}id="{{id}}"{{/if}}>{{yield}}</a>
+      {{else}}
+        <button type="button" class="navbar-link {{#active}}is-active{{/}} {{class}}" {{#if id}}id="{{id}}"{{/if}}>{{yield}}</button>
+      {{/if}}
+    `.trim()},"navbar-dropdown":{isolated:!0,template:`
+      <div class="navbar-dropdown {{#right}}is-right{{/}} {{#boxed}}is-boxed{{/}} {{class}}" {{#if id}}id="{{id}}"{{/if}}>
+        {{yield}}
+      </div>
+    `.trim()},"navbar-divider":{isolated:!0,template:'<hr class="navbar-divider {{class}}" {{#if id}}id="{{id}}"{{/if}} />'},pagination:{isolated:!0,template:`
+      <nav
+        class="pagination {{#centered}}is-centered{{/}} {{#right}}is-right{{/}} {{#rounded}}is-rounded{{/}} {{#small}}is-small{{/}} {{#medium}}is-medium{{/}} {{#large}}is-large{{/}} {{class}}"
+        role="{{#if role}}{{role}}{{else}}navigation{{/if}}"
+        aria-label="{{#if ariaLabel}}{{ariaLabel}}{{else}}pagination{{/if}}"
+        {{#if id}}id="{{id}}"{{/if}}
+      >
+        {{yield}}
+      </nav>
+    `.trim()},"pagination-previous":{isolated:!0,template:`
+      <a
+        class="pagination-previous {{class}}"
+        {{#if id}}id="{{id}}"{{/if}}
+        {{#if title}}title="{{title}}"{{/if}}
+        {{#if disabled}}aria-disabled="true" tabindex="-1"{{/if}}
+        {{#if safeHref}}{{#if disabled}}{{else}}href="{{safeHref}}"{{/if}}{{/if}}
+      >{{yield}}</a>
+    `.trim()},"pagination-next":{isolated:!0,template:`
+      <a
+        class="pagination-next {{class}}"
+        {{#if id}}id="{{id}}"{{/if}}
+        {{#if title}}title="{{title}}"{{/if}}
+        {{#if disabled}}aria-disabled="true" tabindex="-1"{{/if}}
+        {{#if safeHref}}{{#if disabled}}{{else}}href="{{safeHref}}"{{/if}}{{/if}}
+      >{{yield}}</a>
+    `.trim()},"pagination-list":{isolated:!0,template:'<ul class="pagination-list {{class}}" {{#if id}}id="{{id}}"{{/if}}>{{yield}}</ul>'},"pagination-link":{isolated:!0,template:`
+      <a
+        class="pagination-link {{#current}}is-current{{/}} {{class}}"
+        {{#if ariaLabel}}aria-label="{{ariaLabel}}"{{else}}{{#if page}}aria-label="Goto page {{page}}"{{/if}}{{/if}}
+        {{#if current}}aria-current="page"{{/if}}
+        {{#if id}}id="{{id}}"{{/if}}
+        {{#if safeHref}}href="{{safeHref}}"{{/if}}
+      >{{yield}}</a>
+    `.trim()},"pagination-ellipsis":{isolated:!0,template:'<span class="pagination-ellipsis {{class}}" {{#if id}}id="{{id}}"{{/if}}>&hellip;</span>'},panel:{isolated:!0,template:`
+      <nav class="panel ${G} {{class}}" {{#if id}}id="{{id}}"{{/if}}>
+        {{yield}}
+      </nav>
+    `.trim()},"panel-heading":{isolated:!0,template:'<p class="panel-heading {{class}}" {{#if id}}id="{{id}}"{{/if}}>{{yield}}</p>'},"panel-tabs":{isolated:!0,template:'<p class="panel-tabs {{class}}" {{#if id}}id="{{id}}"{{/if}}>{{yield}}</p>'},"panel-block":{isolated:!0,template:`
+      {{#if safeHref}}
+        <a class="panel-block {{#active}}is-active{{/}} {{class}}" href="{{safeHref}}" {{#if id}}id="{{id}}"{{/if}}>{{yield}}</a>
+      {{else}}
+        <div class="panel-block {{#active}}is-active{{/}} {{class}}" {{#if id}}id="{{id}}"{{/if}}>{{yield}}</div>
+      {{/if}}
+    `.trim()},"panel-icon":{isolated:!0,template:'<span class="panel-icon {{class}}" {{#if id}}id="{{id}}"{{/if}}>{{yield}}</span>'},tabs:{isolated:!0,template:`
+      <div class="tabs {{#centered}}is-centered{{/}} {{#right}}is-right{{/}} {{#boxed}}is-boxed{{/}} {{#toggle}}is-toggle{{/}} {{#toggle-rounded}}is-toggle-rounded{{/}} {{#fullwidth}}is-fullwidth{{/}} {{#small}}is-small{{/}} {{#medium}}is-medium{{/}} {{#large}}is-large{{/}} {{class}}" {{#if id}}id="{{id}}"{{/if}}>
+        <ul>{{yield}}</ul>
+      </div>
+    `.trim()},tab:{isolated:!0,template:'<li class="{{#active}}is-active{{/}} {{class}}" {{#if id}}id="{{id}}"{{/if}}>{{yield}}</li>'},"tab-link":{isolated:!0,template:`
+      {{#if safeHref}}
+        <a href="{{safeHref}}" class="{{class}}" {{#if id}}id="{{id}}"{{/if}}>{{yield}}</a>
+      {{else}}
+        <button type="button" class="{{class}}" {{#if id}}id="{{id}}"{{/if}}>{{yield}}</button>
+      {{/if}}
+    `.trim()},content:{isolated:!0,template:"<div class='content {{#small}}is-small{{/}} {{#medium}}is-medium{{/}} {{#large}}is-large{{/}} {{class}}' {{#if id}} id='{{id}}' {{/if}}>{{yield}}</div>"},column:{isolated:!0,computed:{columnModifiers(){return w(this,A)}},template:"<div class='column {{class}} {{columnModifiers}}' {{#if id}} id='{{id}}' {{/if}}>{{yield}}</div>"},columns:{isolated:!0,computed:{columnsModifiers(){return w(this,z)}},template:"<div class='columns {{class}} {{columnsModifiers}}' {{#if id}} id='{{id}}' {{/if}}>{{yield}}</div>"}};for(let i of Object.values(d))Object.freeze(i);Object.freeze(d);var x=Object.entries(d),B=x.map(([i,e])=>[i,N.has(i)?K(e):e]),Y=Object.freeze(x.map(([i])=>i));function I(i){return Array.from(i).filter(e=>{let a=e.charCodeAt(0);return a>32&&a!==127}).join("")}function h(i){if(typeof i!="string")return null;let e=i.trim();return e===""||_.test(I(e))?null:e}function w(i,e){return e.filter(([a])=>i.get(a)).map(([,a])=>a).join(" ")}function K(i){let e=typeof i.data=="function"?i.data:null,a=typeof i.oninit=="function"?i.oninit:null;return c(f({},i),{data(){let t=e?e.call(this):{};return c(f({},t),{safeHref:h(t.href)})},oninit(){a&&a.call(this);let t=l=>{let s=h(l);this.get("safeHref")!==s&&this.set("safeHref",s)};t(this.get("href")),this.observe("href",l=>{t(l)},{init:!1})}})}function M(i,e={}){if(i==null||typeof i!="object"&&typeof i!="function")throw new TypeError("registerRalma(Ractive): Ractive must be an object or function");let a=i,t=typeof a.extend=="function",l=a.components!=null&&typeof a.components=="object";if(!t||!l)throw new TypeError("registerRalma(Ractive): Ractive must have .extend() and .components");if(e==null||typeof e!="object"&&typeof e!="function")throw new TypeError("registerRalma(Ractive, options): options must be an object when provided");let s=e.overwrite===!0,j=e.warnOnCollision===!0,r=a.components[b];if(r&&typeof r=="object"&&r.definitions===d&&r.overwrite===s)return i;for(let[n,C]of B){if(!s&&Object.prototype.hasOwnProperty.call(a.components,n)){j&&console.warn(`registerRalma: skipping existing component "${n}"`);continue}a.components[n]=a.extend(C)}return a.components[b]=Object.freeze({definitions:d,overwrite:s}),i}var R=typeof window!="undefined"?window:globalThis;if(!R.Ractive)throw new Error("Ralma: window.Ractive is required before loading ralma.js");M(R.Ractive);})();

package/package.json

@@ -0,0 +1,81 @@
+{
+  "name": "@aldi/ralma",
+  "version": "1.0.0",
+  "description": "Stateless Ractive components for Bulma",
+  "license": "MIT",
+  "type": "module",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/aldi/ralma.git"
+  },
+  "keywords": [
+    "ractive",
+    "ractive-plugin",
+    "bulma",
+    "components",
+    "ui",
+    "css"
+  ],
+  "homepage": "https://aldi.github.io/ralma",
+  "bugs": {
+    "url": "https://github.com/aldi/ralma/issues"
+  },
+  "author": "aldi",
+  "sideEffects": [
+    "./bin/ralma.js",
+    "./bin/ralma.min.js"
+  ],
+  "files": [
+    "src/",
+    "bin/",
+    "types/"
+  ],
+  "exports": {
+    ".": {
+      "types": "./types/index.d.ts",
+      "default": "./src/index.js"
+    },
+    "./browser": "./bin/ralma.js",
+    "./min": "./bin/ralma.min.js"
+  },
+  "engines": {
+    "node": ">=22"
+  },
+  "publishConfig": {
+    "access": "public",
+    "provenance": true
+  },
+  "scripts": {
+    "test": "node --test",
+    "test:coverage": "node --test --experimental-test-coverage",
+    "build": "node ./tools/build.mjs && npm run build:types",
+    "build:types": "tsc --project tsconfig.build.json",
+    "typecheck": "tsc --project tsconfig.json",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
+    "format": "prettier --write .",
+    "format:check": "prettier --check .",
+    "docs:install": "npm --prefix docs ci",
+    "docs:dev": "npm --prefix docs run dev",
+    "docs:build": "npm --prefix docs run build",
+    "docs:lint": "npm --prefix docs run lint",
+    "version": "npm run build",
+    "prepack": "npm test && npm run build && npm run lint && npm run typecheck && npm run format:check"
+  },
+  "overrides": {
+    "brace-expansion": "^5.0.9"
+  },
+  "peerDependencies": {
+    "ractive": "^1.4.4"
+  },
+  "devDependencies": {
+    "@eslint/js": "9.39.5",
+    "@types/node": "26.4.1",
+    "esbuild": "^0.28.2",
+    "eslint": "9.39.5",
+    "globals": "17.12.0",
+    "prettier": "3.9.6",
+    "ractive": "^1.4.4",
+    "typescript": "7.0.2"
+  }
+}