Giter VIP home page Giter VIP logo

oribella / oribella Goto Github PK

View Code? Open in Web Editor NEW
10.0 10.0 0.0 2.97 MB

A set of pre-configured cross platform gestures such as tap, longtap, doubletap, swipe, longtap-swipe, pinch and rotate.

Home Page: https://oribella.netlify.com

TypeScript 94.85% JavaScript 4.85% CSS 0.31%
auto-scroll cross-browser cross-platform doubletap gesture gesture-recognition longtap longtap-swipe nested-sortable pinch pinch-to-zoom rotate sortable swipe tap

oribella's People

Contributors

dependabot-preview[bot] avatar dependabot-support avatar dependabot[bot] avatar renovate[bot] avatar stoffeastrom avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

oribella's Issues

[question] [aurelia-sortable] Multiple columns using type flags

I'm currently using the demo example (http://oribella.github.io/aurelia-sortable/#/advanced)

It works as intended however, when additional columns are added it starts to get a little awkward to use.

This works perfectly fine,

Original

  public groups = [
    {
      name: 'Unordered Column', typeFlag: 3, items: Array.from(Array(11), (_, i) => i).map((i) => {
        return {
          name: i,
          typeFlag: i % 2 === 0 ? 2 : 1,
          lockedFlag: i === 0 ? 3 : 0
        };
      })
    },
    {
      name: 'Odds', typeFlag: 1, items: []
    },
    {
      name: 'Evens', typeFlag: 2, items: []
    },
  ];

same


Slightly modified.

Items with Type Flag 2 can move freely into Column 2 and 3, Items with Type Flag 3 can move freely between Column 1, 2, 3 and Items with Type Flag 4 can only move into Column 4.

Is there something I'm missing about how this all works?

  public groups = [
    {
      name: 'Unordered Column', typeFlag: 1, items: [
        {
          name: "Item 1",
          typeFlag: 2,
          lockedFlag: 0
        },
        {
          name: "Item 2",
          typeFlag: 2,
          lockedFlag: 0
        },
        {
          name: "Item 3",
          typeFlag: 3,
          lockedFlag: 0
        },
        {
          name: "Item 4",
          typeFlag: 3,
          lockedFlag: 0
        },
        {
          name: "Item 5",
          typeFlag: 4,
          lockedFlag: 0
        }
      ]
    },
    {
      name: 'Column 2', typeFlag: 2, items: []
    },
    {
      name: 'Column 3', typeFlag: 3, items: []
    },
    {
      name: 'Column 4', typeFlag: 4, items: []
    }
  ];

modified


My end goal of this is to move items chronologically. (Col 1 into Col 2, Col 2 into Col 3 and so on) Or allow moving into specific columns. (Col 1 into Col 2 and 3 but not 4, once moved into col 2 or 3 allow movement into col 4).

Bug that occurs when using replaceable parts

From @itfourp on December 14, 2017 12:30

When I use replaceable parts in combination with multiple sortables the 'wrong' replace-part template is shown in the sortable under certain circumstances. Since it's pretty hard to explain I'd like to show the issue with a simplistic example, that can be found here:

https://github.com/itfourp/aurelia-oribella-sortable-replaceable-bugreport

I guess it has something to do with caching, but I have no idea where to look. I appreciate any help you can provide.

Best regards.

Copied from original issue: oribella/aurelia-sortable#44

Stop an event from bubbling (oribella-aurelia-gestures)?

I cant seem to stop event propagation on a nested oa-tap.call. Any tips? This is what I have been trying:

  div  oa-tap.call="onTap1()"
      ...
           ...
           div oa-tap.call="onTap2()"
onTap2( oData ) {
    // oData = { data: ..., target: ..., evt: ...}
    oData.evt.stopPropagation(); // doesnt seem to work as onTap1() also gets called
}

Pan gesture

Any plans of implementing Pan gesture with directions (up/down/left/right/vertical/horizontal/all)?
Or by extending current "swipe" with direction?

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Rate-Limited

These updates are currently rate-limited. Click on a checkbox below to force their creation now.

  • chore(deps): update dependency husky to v9
  • chore(deps): update dependency mocha to v10 (mocha, @types/mocha)
  • chore(deps): update dependency prettier to v3
  • chore(deps): update dependency pretty-quick to v4
  • chore(deps): update dependency rimraf to v5
  • chore(deps): update dependency rollup to v4
  • chore(deps): update dependency rollup-plugin-filesize to v10
  • chore(deps): update dependency sinon to v17 (sinon, @types/sinon)
  • chore(deps): update dependency ts-node to v10
  • chore(deps): update dependency typescript to v5
  • chore(deps): update node.js to v17
  • ๐Ÿ” Create all rate-limited PRs at once ๐Ÿ”

Edited/Blocked

These updates have been manually edited so Renovate will no longer make changes. To discard all commits and start over, click on a checkbox.

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

Detected dependencies

circleci
.circleci/config.yml
  • circleci/node 12.16.3
packages/framework/.circleci/config.yml
  • circleci/node 8.17.0
packages/oribella/.circleci/config.yml
  • circleci/node 8.17.0
npm
package.json
  • @after-work.js/aw 6.0.13
  • @types/chai 4.2.11
  • @types/jsdom 16.2.0
  • @types/mocha 7.0.2
  • @types/node 13.11.0
  • @types/sinon 7.5.2
  • @types/sinon-chai 3.2.4
  • chai 4.2.0
  • coveralls 3.0.11
  • globby 11.0.0
  • husky 4.2.3
  • jsdom 16.2.2
  • lerna 3.20.2
  • mocha 7.1.1
  • mocha-junit-reporter 1.23.3
  • nyc 15.0.1
  • prettier 2.0.2
  • pretty-quick 2.0.1
  • rimraf 3.0.2
  • rollup 2.3.3
  • rollup-plugin-filesize 6.2.1
  • rollup-plugin-node-resolve 5.2.0
  • rollup-plugin-typescript2 0.27.0
  • rollup-plugin-uglify 6.0.4
  • sinon 9.0.1
  • sinon-chai 3.5.0
  • ts-node 8.8.2
  • tslint 6.1.1
  • tslint-config-airbnb 5.11.2
  • tslint-config-prettier 1.18.0
  • typescript 3.8.3
packages/aurelia-gestures/package.json
  • aurelia-dependency-injection ^1.3.2
  • aurelia-pal ^1.7.0
  • aurelia-templating ^1.7.0
  • aurelia-templating-resources ^1.6.0
  • oribella ^0.8.2
  • oribella-framework ^0.10.3
  • tslib ^1.9.0
  • aurelia-bootstrapper 2.3.3
  • aurelia-loader-nodejs 1.1.0
  • aurelia-pal-nodejs 2.0.0
  • aurelia-polyfills 1.3.4
  • aurelia-testing 1.0.0
packages/aurelia-sortable/package.json
  • aurelia-dependency-injection ^1.3.2
  • aurelia-pal ^1.7.0
  • aurelia-templating ^1.7.0
  • aurelia-templating-resources ^1.6.0
  • oribella ^0.8.2
  • oribella-framework ^0.10.3
  • tslib ^1.9.0
  • aurelia-bootstrapper 2.3.3
  • aurelia-loader-nodejs 1.1.0
  • aurelia-pal-nodejs 2.0.0
  • aurelia-polyfills 1.3.4
  • aurelia-testing 1.0.0
packages/framework/package.json
  • tslib ^1.9.0
packages/oribella/package.json
  • tslib ^1.5.0
website/package.json
  • docusaurus 1.14.4

  • Check this box to trigger a request for Renovate to run again on this repository

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.