app-bar utilities based on Material Design for riot-material

Installation

You can install it via nodejs

1npm install @riot-material/app-bar-utils

or download one of the bundled file

1/* `dist/index.amd.js` or `dist/index.umd.js` */
2requirejs.config({
3  paths: {
4    "@riot-material/app-bar-utils": "path/to/@riot-material/app-bar-utils",
5  },
6});
7
8require(['@riot-material/app-bar-utils'], function (appBarUtils) {
9    // ...
10});
11
12/* `dist/index.js` */
13import * as appBarUtils from "@riot-material/app-bar-utils";
14
15// or
16
17import { ... } from "@riot-material/app-bar-utils";

otherwise you can include the script in your project html

1<script src="@riot-material/app-bar-utils/index.umd.js" />

and access it via

1window.riotMaterial.appBarUtils;

Documentation

getHeight(): number

returns number: the height of the app-bar

Note: it internally calls setup

offChange(listener: (this: T) => void, thisArg?: T): void

removes the listener

listener: (this: T) => void the listener to call when change in height happens
thisArg: T the this argument to pass to the listener when called

onceChange(listener: (this: T) => void, thisArg?: T): void

adds a listener that will be called once when the height of the app bar changes

listener: (this: T) => void the listener to call when change in height happens
thisArg: T the this argument to pass to the listener when called

onChange(listener: (this: T) => void, thisArg?: T): void

adds a listener that will be called when the height of the app bar changes

listener: (this: T) => void the listener to call when change in height happens
thisArg: T the this argument to pass to the listener when called

setup()

Note: internally called by getHeight